diff --git a/steps/index.html b/steps/index.html
index 69449e8..a466f39 100644
--- a/steps/index.html
+++ b/steps/index.html
@@ -6,16 +6,63 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Radar and Video Visualizer - Timestamp Synchronized</title>
   <link rel="icon" type="image/png" sizes="32x32" href="favicon.png" />
-  <script src="https://cdn.tailwindcss.com"></script>
-  <script src="https://unpkg.com/oboe@2.1.5/dist/oboe-browser.min.js"></script>
-  <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
-  <script src="https://cdn.jsdelivr.net/npm/ag-grid-community/dist/ag-grid-community.min.js"></script>
+
+  <!-- <script src="https://cdn.tailwindcss.com"></script>  -->
+  <script src="./vendor/tailwind-cdn.js"></script>
+  <script>
+    !window.tailwind && (function() {
+      var s = document.createElement('script');
+      s.src = 'https://cdn.tailwindcss.com';
+      document.head.appendChild(s);
+    })();
+  </script>
+  
+  <!-- <script src="https://unpkg.com/oboe@2.1.5/dist/oboe-browser.min.js"></script> -->
+  <script src="./vendor/oboe.min.js"></script>
+  <script>
+    !window.oboe && (function() {
+      var s = document.createElement('script');
+      s.src = 'https://unpkg.com/oboe@2.1.5/dist/oboe-browser.min.js';
+      document.head.appendChild(s);
+    })();
+  </script>
+  
+  <!-- <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> -->
+  <script src="./vendor/chart.min.js"></script>
+  <script>
+    !window.Chart && (function() {
+      var s = document.createElement('script');
+      s.src = 'https://cdn.jsdelivr.net/npm/chart.js';
+      document.head.appendChild(s);
+    })();
+  </script>
+
+  
+  <!-- <script src="https://cdn.jsdelivr.net/npm/ag-grid-community/dist/ag-grid-community.min.js"></script> -->
+  <script src="./vendor/ag-grid-community.min.js"></script>
+  <script>
+    !window.agGrid && (function() {
+      var s = document.createElement('script');
+      s.src = 'https://cdn.jsdelivr.net/npm/ag-grid-community/dist/ag-grid-community.min.js';
+      document.head.appendChild(s);
+    })();
+  </script>
+  
+  <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.9.0/p5.js"></script> -->
+  <script src="./vendor/p5.js"></script>
+  <script>
+    !window.p5 && (function() {
+      var s = document.createElement('script');
+      s.src = 'https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.9.0/p5.js';
+      document.head.appendChild(s);
+    })();
+  </script>
+  
   <script>
     tailwind.config = {
       darkMode: "class",
     };
-  </script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.9.0/p5.js"></script>
+  </script> 
   <link rel="preconnect" href="https://fonts.googleapis.com" />
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
   <link
diff --git a/steps/src/parser.worker.js b/steps/src/parser.worker.js
index 8469505..f6cb0a4 100644
--- a/steps/src/parser.worker.js
+++ b/steps/src/parser.worker.js
@@ -1,7 +1,7 @@
 // In src/parser.worker.js
 
 // Import the lightweight and worker-safe Clarinet library
-importScripts('https://cdn.jsdelivr.net/npm/clarinet@0.12.5/clarinet.min.js');
+importScripts('../vendor/clarinet.min.js'); //importing the clarinet.min.js (ver. 0.12.5) from the vendor folder.  
 
 self.onmessage = async function(event) {
     const file = event.data.file;
diff --git a/steps/vendor/ag-grid-community.min.js b/steps/vendor/ag-grid-community.min.js
new file mode 100644
index 0000000..95eee52
--- /dev/null
+++ b/steps/vendor/ag-grid-community.min.js
@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.agGrid=t():e.agGrid=t()}(self,function(){return function(){"use strict";var e={18956:function(e,t,a){var o=a(36758),n=a.n(o),r=a(40935),i=a.n(r),l=a(20062),s=a.n(l),d=new URL(a(82487),a.b),c=new URL(a(31244),a.b),g=new URL(a(50542),a.b),u=new URL(a(18791),a.b),h=i()(n()),p=s()(d),m=s()(c),f=s()(g),v=s()(u);h.push([e.id,'.ag-filter-panel-buttons {\n  display: flex;\n  justify-content: flex-end;\n  overflow: hidden;\n  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding) 0;\n  flex-wrap: wrap;\n  gap: var(--ag-widget-vertical-spacing) var(--ag-widget-horizontal-spacing);\n}\n\n.ag-filter-panel-buttons-button {\n  line-height: 1.5;\n}\n\n.ag-filter-panel .ag-standard-button.ag-filter-panel-buttons-apply-button {\n  color: var(--ag-filter-panel-apply-button-color);\n  background-color: var(--ag-filter-panel-apply-button-background-color);\n}\n\n.ag-filter-panel > *:where(:last-child) {\n  padding-bottom: var(--ag-widget-container-vertical-padding);\n}\n\n.ag-row.ag-row-pinned-source {\n  color: var(--ag-pinned-source-row-text-color);\n  background-color: var(--ag-pinned-source-row-background-color);\n  font-weight: var(--ag-pinned-source-row-font-weight);\n}\n\n.ag-row.ag-row-pinned {\n  color: var(--ag-pinned-row-text-color);\n  background-color: var(--ag-pinned-row-background-color);\n  font-weight: var(--ag-pinned-row-font-weight);\n}\n\n.ag-floating-top-viewport {\n  border-bottom: var(--ag-pinned-row-border);\n}\n\n.ag-floating-bottom-viewport {\n  border-top: var(--ag-pinned-row-border);\n}\n\n.ag-measurement-container {\n  --ag-legacy-styles-loaded: "true";\n}\n\n.ag-icon {\n  font-family: var(--ag-icon-font-family);\n  font-weight: var(--ag-icon-font-weight);\n  color: var(--ag-icon-font-color);\n  font-size: var(--ag-icon-size);\n  line-height: var(--ag-icon-size);\n  font-style: normal;\n  font-feature-settings: normal;\n  font-variant: normal;\n  text-transform: none;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  width: var(--ag-icon-size);\n  height: var(--ag-icon-size);\n  position: relative;\n}\n.ag-icon::before {\n  content: "";\n  font-family: inherit;\n}\n.ag-icon::after {\n  background: transparent none center/contain no-repeat;\n  background: transparent var(--ag-icon-image, none) center/contain no-repeat;\n  display: var(--ag-icon-image-display);\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity, 0.9);\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  content: "";\n}\n\n.ag-icon-aggregation {\n  font-family: var(--ag-icon-font-family-aggregation, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-aggregation, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-aggregation, var(--ag-icon-font-color));\n}\n\n.ag-icon-aggregation::before {\n  content: "\\f101";\n  content: var(--ag-icon-font-code-aggregation, "\\f101");\n  display: var(--ag-icon-font-display-aggregation, var(--ag-icon-font-display));\n}\n\n.ag-icon-aggregation::after {\n  background-image: var(--ag-icon-image-aggregation, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-aggregation, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-aggregation, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-arrows {\n  font-family: var(--ag-icon-font-family-arrows, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-arrows, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-arrows, var(--ag-icon-font-color));\n}\n\n.ag-icon-arrows::before {\n  content: "\\f102";\n  content: var(--ag-icon-font-code-arrows, "\\f102");\n  display: var(--ag-icon-font-display-arrows, var(--ag-icon-font-display));\n}\n\n.ag-icon-arrows::after {\n  background-image: var(--ag-icon-image-arrows, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-arrows, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-arrows, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-asc {\n  font-family: var(--ag-icon-font-family-asc, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-asc, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-asc, var(--ag-icon-font-color));\n}\n\n.ag-icon-asc::before {\n  content: "\\f103";\n  content: var(--ag-icon-font-code-asc, "\\f103");\n  display: var(--ag-icon-font-display-asc, var(--ag-icon-font-display));\n}\n\n.ag-icon-asc::after {\n  background-image: var(--ag-icon-image-asc, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-asc, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-asc, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-cancel {\n  font-family: var(--ag-icon-font-family-cancel, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-cancel, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-cancel, var(--ag-icon-font-color));\n}\n\n.ag-icon-cancel::before {\n  content: "\\f104";\n  content: var(--ag-icon-font-code-cancel, "\\f104");\n  display: var(--ag-icon-font-display-cancel, var(--ag-icon-font-display));\n}\n\n.ag-icon-cancel::after {\n  background-image: var(--ag-icon-image-cancel, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-cancel, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-cancel, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-chart {\n  font-family: var(--ag-icon-font-family-chart, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-chart, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-chart, var(--ag-icon-font-color));\n}\n\n.ag-icon-chart::before {\n  content: "\\f105";\n  content: var(--ag-icon-font-code-chart, "\\f105");\n  display: var(--ag-icon-font-display-chart, var(--ag-icon-font-display));\n}\n\n.ag-icon-chart::after {\n  background-image: var(--ag-icon-image-chart, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-chart, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-chart, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-checkbox-checked {\n  font-family: var(--ag-icon-font-family-checkbox-checked, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-checkbox-checked, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-checkbox-checked, var(--ag-icon-font-color));\n}\n\n.ag-icon-checkbox-checked::before {\n  content: "\\f106";\n  content: var(--ag-icon-font-code-checkbox-checked, "\\f106");\n  display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display));\n}\n\n.ag-icon-checkbox-checked::after {\n  background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-checkbox-indeterminate {\n  font-family: var(--ag-icon-font-family-checkbox-indeterminate, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-checkbox-indeterminate, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-checkbox-indeterminate, var(--ag-icon-font-color));\n}\n\n.ag-icon-checkbox-indeterminate::before {\n  content: "\\f107";\n  content: var(--ag-icon-font-code-checkbox-indeterminate, "\\f107");\n  display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display));\n}\n\n.ag-icon-checkbox-indeterminate::after {\n  background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-checkbox-unchecked {\n  font-family: var(--ag-icon-font-family-checkbox-unchecked, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-checkbox-unchecked, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-checkbox-unchecked, var(--ag-icon-font-color));\n}\n\n.ag-icon-checkbox-unchecked::before {\n  content: "\\f108";\n  content: var(--ag-icon-font-code-checkbox-unchecked, "\\f108");\n  display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display));\n}\n\n.ag-icon-checkbox-unchecked::after {\n  background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-color-picker {\n  font-family: var(--ag-icon-font-family-color-picker, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-color-picker, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-color-picker, var(--ag-icon-font-color));\n}\n\n.ag-icon-color-picker::before {\n  content: "\\f109";\n  content: var(--ag-icon-font-code-color-picker, "\\f109");\n  display: var(--ag-icon-font-display-color-picker, var(--ag-icon-font-display));\n}\n\n.ag-icon-color-picker::after {\n  background-image: var(--ag-icon-image-color-picker, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-color-picker, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-color-picker, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-columns {\n  font-family: var(--ag-icon-font-family-columns, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-columns, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-columns, var(--ag-icon-font-color));\n}\n\n.ag-icon-columns::before {\n  content: "\\f10a";\n  content: var(--ag-icon-font-code-columns, "\\f10a");\n  display: var(--ag-icon-font-display-columns, var(--ag-icon-font-display));\n}\n\n.ag-icon-columns::after {\n  background-image: var(--ag-icon-image-columns, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-columns, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-columns, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-contracted {\n  font-family: var(--ag-icon-font-family-contracted, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-contracted, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-contracted, var(--ag-icon-font-color));\n}\n\n.ag-icon-contracted::before {\n  content: "\\f10b";\n  content: var(--ag-icon-font-code-contracted, "\\f10b");\n  display: var(--ag-icon-font-display-contracted, var(--ag-icon-font-display));\n}\n\n.ag-icon-contracted::after {\n  background-image: var(--ag-icon-image-contracted, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-contracted, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-contracted, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-copy {\n  font-family: var(--ag-icon-font-family-copy, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-copy, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-copy, var(--ag-icon-font-color));\n}\n\n.ag-icon-copy::before {\n  content: "\\f10c";\n  content: var(--ag-icon-font-code-copy, "\\f10c");\n  display: var(--ag-icon-font-display-copy, var(--ag-icon-font-display));\n}\n\n.ag-icon-copy::after {\n  background-image: var(--ag-icon-image-copy, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-copy, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-copy, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-cross {\n  font-family: var(--ag-icon-font-family-cross, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-cross, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-cross, var(--ag-icon-font-color));\n}\n\n.ag-icon-cross::before {\n  content: "\\f10d";\n  content: var(--ag-icon-font-code-cross, "\\f10d");\n  display: var(--ag-icon-font-display-cross, var(--ag-icon-font-display));\n}\n\n.ag-icon-cross::after {\n  background-image: var(--ag-icon-image-cross, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-cross, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-cross, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-csv {\n  font-family: var(--ag-icon-font-family-csv, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-csv, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-csv, var(--ag-icon-font-color));\n}\n\n.ag-icon-csv::before {\n  content: "\\f10e";\n  content: var(--ag-icon-font-code-csv, "\\f10e");\n  display: var(--ag-icon-font-display-csv, var(--ag-icon-font-display));\n}\n\n.ag-icon-csv::after {\n  background-image: var(--ag-icon-image-csv, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-csv, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-csv, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-cut {\n  font-family: var(--ag-icon-font-family-cut, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-cut, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-cut, var(--ag-icon-font-color));\n}\n\n.ag-icon-cut::before {\n  content: "\\f10f";\n  content: var(--ag-icon-font-code-cut, "\\f10f");\n  display: var(--ag-icon-font-display-cut, var(--ag-icon-font-display));\n}\n\n.ag-icon-cut::after {\n  background-image: var(--ag-icon-image-cut, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-cut, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-cut, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-desc {\n  font-family: var(--ag-icon-font-family-desc, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-desc, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-desc, var(--ag-icon-font-color));\n}\n\n.ag-icon-desc::before {\n  content: "\\f110";\n  content: var(--ag-icon-font-code-desc, "\\f110");\n  display: var(--ag-icon-font-display-desc, var(--ag-icon-font-display));\n}\n\n.ag-icon-desc::after {\n  background-image: var(--ag-icon-image-desc, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-desc, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-desc, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-excel {\n  font-family: var(--ag-icon-font-family-excel, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-excel, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-excel, var(--ag-icon-font-color));\n}\n\n.ag-icon-excel::before {\n  content: "\\f111";\n  content: var(--ag-icon-font-code-excel, "\\f111");\n  display: var(--ag-icon-font-display-excel, var(--ag-icon-font-display));\n}\n\n.ag-icon-excel::after {\n  background-image: var(--ag-icon-image-excel, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-excel, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-excel, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-expanded {\n  font-family: var(--ag-icon-font-family-expanded, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-expanded, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-expanded, var(--ag-icon-font-color));\n}\n\n.ag-icon-expanded::before {\n  content: "\\f112";\n  content: var(--ag-icon-font-code-expanded, "\\f112");\n  display: var(--ag-icon-font-display-expanded, var(--ag-icon-font-display));\n}\n\n.ag-icon-expanded::after {\n  background-image: var(--ag-icon-image-expanded, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-expanded, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-expanded, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-eye-slash {\n  font-family: var(--ag-icon-font-family-eye-slash, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-eye-slash, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-eye-slash, var(--ag-icon-font-color));\n}\n\n.ag-icon-eye-slash::before {\n  content: "\\f113";\n  content: var(--ag-icon-font-code-eye-slash, "\\f113");\n  display: var(--ag-icon-font-display-eye-slash, var(--ag-icon-font-display));\n}\n\n.ag-icon-eye-slash::after {\n  background-image: var(--ag-icon-image-eye-slash, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-eye-slash, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-eye-slash, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-eye {\n  font-family: var(--ag-icon-font-family-eye, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-eye, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-eye, var(--ag-icon-font-color));\n}\n\n.ag-icon-eye::before {\n  content: "\\f114";\n  content: var(--ag-icon-font-code-eye, "\\f114");\n  display: var(--ag-icon-font-display-eye, var(--ag-icon-font-display));\n}\n\n.ag-icon-eye::after {\n  background-image: var(--ag-icon-image-eye, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-eye, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-eye, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-filter {\n  font-family: var(--ag-icon-font-family-filter, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-filter, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-filter, var(--ag-icon-font-color));\n}\n\n.ag-icon-filter::before {\n  content: "\\f115";\n  content: var(--ag-icon-font-code-filter, "\\f115");\n  display: var(--ag-icon-font-display-filter, var(--ag-icon-font-display));\n}\n\n.ag-icon-filter::after {\n  background-image: var(--ag-icon-image-filter, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-filter, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-filter, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-first {\n  font-family: var(--ag-icon-font-family-first, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-first, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-first, var(--ag-icon-font-color));\n}\n\n.ag-icon-first::before {\n  content: "\\f116";\n  content: var(--ag-icon-font-code-first, "\\f116");\n  display: var(--ag-icon-font-display-first, var(--ag-icon-font-display));\n}\n\n.ag-icon-first::after {\n  background-image: var(--ag-icon-image-first, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-first, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-first, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-grip {\n  font-family: var(--ag-icon-font-family-grip, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-grip, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-grip, var(--ag-icon-font-color));\n}\n\n.ag-icon-grip::before {\n  content: "\\f117";\n  content: var(--ag-icon-font-code-grip, "\\f117");\n  display: var(--ag-icon-font-display-grip, var(--ag-icon-font-display));\n}\n\n.ag-icon-grip::after {\n  background-image: var(--ag-icon-image-grip, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-grip, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-grip, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-group {\n  font-family: var(--ag-icon-font-family-group, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-group, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-group, var(--ag-icon-font-color));\n}\n\n.ag-icon-group::before {\n  content: "\\f118";\n  content: var(--ag-icon-font-code-group, "\\f118");\n  display: var(--ag-icon-font-display-group, var(--ag-icon-font-display));\n}\n\n.ag-icon-group::after {\n  background-image: var(--ag-icon-image-group, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-group, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-group, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-last {\n  font-family: var(--ag-icon-font-family-last, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-last, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-last, var(--ag-icon-font-color));\n}\n\n.ag-icon-last::before {\n  content: "\\f119";\n  content: var(--ag-icon-font-code-last, "\\f119");\n  display: var(--ag-icon-font-display-last, var(--ag-icon-font-display));\n}\n\n.ag-icon-last::after {\n  background-image: var(--ag-icon-image-last, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-last, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-last, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-left {\n  font-family: var(--ag-icon-font-family-left, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-left, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-left, var(--ag-icon-font-color));\n}\n\n.ag-icon-left::before {\n  content: "\\f11a";\n  content: var(--ag-icon-font-code-left, "\\f11a");\n  display: var(--ag-icon-font-display-left, var(--ag-icon-font-display));\n}\n\n.ag-icon-left::after {\n  background-image: var(--ag-icon-image-left, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-left, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-left, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-linked {\n  font-family: var(--ag-icon-font-family-linked, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-linked, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-linked, var(--ag-icon-font-color));\n}\n\n.ag-icon-linked::before {\n  content: "\\f11b";\n  content: var(--ag-icon-font-code-linked, "\\f11b");\n  display: var(--ag-icon-font-display-linked, var(--ag-icon-font-display));\n}\n\n.ag-icon-linked::after {\n  background-image: var(--ag-icon-image-linked, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-linked, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-linked, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-loading {\n  font-family: var(--ag-icon-font-family-loading, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-loading, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-loading, var(--ag-icon-font-color));\n}\n\n.ag-icon-loading::before {\n  content: "\\f11c";\n  content: var(--ag-icon-font-code-loading, "\\f11c");\n  display: var(--ag-icon-font-display-loading, var(--ag-icon-font-display));\n}\n\n.ag-icon-loading::after {\n  background-image: var(--ag-icon-image-loading, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-loading, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-loading, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-maximize {\n  font-family: var(--ag-icon-font-family-maximize, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-maximize, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-maximize, var(--ag-icon-font-color));\n}\n\n.ag-icon-maximize::before {\n  content: "\\f11d";\n  content: var(--ag-icon-font-code-maximize, "\\f11d");\n  display: var(--ag-icon-font-display-maximize, var(--ag-icon-font-display));\n}\n\n.ag-icon-maximize::after {\n  background-image: var(--ag-icon-image-maximize, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-maximize, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-maximize, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-menu {\n  font-family: var(--ag-icon-font-family-menu, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-menu, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-menu, var(--ag-icon-font-color));\n}\n\n.ag-icon-menu::before {\n  content: "\\f11e";\n  content: var(--ag-icon-font-code-menu, "\\f11e");\n  display: var(--ag-icon-font-display-menu, var(--ag-icon-font-display));\n}\n\n.ag-icon-menu::after {\n  background-image: var(--ag-icon-image-menu, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-menu, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-menu, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-minimize {\n  font-family: var(--ag-icon-font-family-minimize, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-minimize, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-minimize, var(--ag-icon-font-color));\n}\n\n.ag-icon-minimize::before {\n  content: "\\f11f";\n  content: var(--ag-icon-font-code-minimize, "\\f11f");\n  display: var(--ag-icon-font-display-minimize, var(--ag-icon-font-display));\n}\n\n.ag-icon-minimize::after {\n  background-image: var(--ag-icon-image-minimize, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-minimize, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-minimize, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-next {\n  font-family: var(--ag-icon-font-family-next, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-next, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-next, var(--ag-icon-font-color));\n}\n\n.ag-icon-next::before {\n  content: "\\f120";\n  content: var(--ag-icon-font-code-next, "\\f120");\n  display: var(--ag-icon-font-display-next, var(--ag-icon-font-display));\n}\n\n.ag-icon-next::after {\n  background-image: var(--ag-icon-image-next, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-next, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-next, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-none {\n  font-family: var(--ag-icon-font-family-none, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-none, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-none, var(--ag-icon-font-color));\n}\n\n.ag-icon-none::before {\n  content: "\\f121";\n  content: var(--ag-icon-font-code-none, "\\f121");\n  display: var(--ag-icon-font-display-none, var(--ag-icon-font-display));\n}\n\n.ag-icon-none::after {\n  background-image: var(--ag-icon-image-none, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-none, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-none, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-not-allowed {\n  font-family: var(--ag-icon-font-family-not-allowed, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-not-allowed, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-not-allowed, var(--ag-icon-font-color));\n}\n\n.ag-icon-not-allowed::before {\n  content: "\\f122";\n  content: var(--ag-icon-font-code-not-allowed, "\\f122");\n  display: var(--ag-icon-font-display-not-allowed, var(--ag-icon-font-display));\n}\n\n.ag-icon-not-allowed::after {\n  background-image: var(--ag-icon-image-not-allowed, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-not-allowed, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-not-allowed, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-paste {\n  font-family: var(--ag-icon-font-family-paste, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-paste, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-paste, var(--ag-icon-font-color));\n}\n\n.ag-icon-paste::before {\n  content: "\\f123";\n  content: var(--ag-icon-font-code-paste, "\\f123");\n  display: var(--ag-icon-font-display-paste, var(--ag-icon-font-display));\n}\n\n.ag-icon-paste::after {\n  background-image: var(--ag-icon-image-paste, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-paste, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-paste, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-pin {\n  font-family: var(--ag-icon-font-family-pin, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-pin, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-pin, var(--ag-icon-font-color));\n}\n\n.ag-icon-pin::before {\n  content: "\\f124";\n  content: var(--ag-icon-font-code-pin, "\\f124");\n  display: var(--ag-icon-font-display-pin, var(--ag-icon-font-display));\n}\n\n.ag-icon-pin::after {\n  background-image: var(--ag-icon-image-pin, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-pin, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-pin, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-pivot {\n  font-family: var(--ag-icon-font-family-pivot, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-pivot, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-pivot, var(--ag-icon-font-color));\n}\n\n.ag-icon-pivot::before {\n  content: "\\f125";\n  content: var(--ag-icon-font-code-pivot, "\\f125");\n  display: var(--ag-icon-font-display-pivot, var(--ag-icon-font-display));\n}\n\n.ag-icon-pivot::after {\n  background-image: var(--ag-icon-image-pivot, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-pivot, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-pivot, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-previous {\n  font-family: var(--ag-icon-font-family-previous, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-previous, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-previous, var(--ag-icon-font-color));\n}\n\n.ag-icon-previous::before {\n  content: "\\f126";\n  content: var(--ag-icon-font-code-previous, "\\f126");\n  display: var(--ag-icon-font-display-previous, var(--ag-icon-font-display));\n}\n\n.ag-icon-previous::after {\n  background-image: var(--ag-icon-image-previous, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-previous, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-previous, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-radio-button-off {\n  font-family: var(--ag-icon-font-family-radio-button-off, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-radio-button-off, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-radio-button-off, var(--ag-icon-font-color));\n}\n\n.ag-icon-radio-button-off::before {\n  content: "\\f127";\n  content: var(--ag-icon-font-code-radio-button-off, "\\f127");\n  display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display));\n}\n\n.ag-icon-radio-button-off::after {\n  background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-radio-button-on {\n  font-family: var(--ag-icon-font-family-radio-button-on, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-radio-button-on, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-radio-button-on, var(--ag-icon-font-color));\n}\n\n.ag-icon-radio-button-on::before {\n  content: "\\f128";\n  content: var(--ag-icon-font-code-radio-button-on, "\\f128");\n  display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display));\n}\n\n.ag-icon-radio-button-on::after {\n  background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-right {\n  font-family: var(--ag-icon-font-family-right, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-right, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-right, var(--ag-icon-font-color));\n}\n\n.ag-icon-right::before {\n  content: "\\f129";\n  content: var(--ag-icon-font-code-right, "\\f129");\n  display: var(--ag-icon-font-display-right, var(--ag-icon-font-display));\n}\n\n.ag-icon-right::after {\n  background-image: var(--ag-icon-image-right, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-right, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-right, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-save {\n  font-family: var(--ag-icon-font-family-save, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-save, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-save, var(--ag-icon-font-color));\n}\n\n.ag-icon-save::before {\n  content: "\\f12a";\n  content: var(--ag-icon-font-code-save, "\\f12a");\n  display: var(--ag-icon-font-display-save, var(--ag-icon-font-display));\n}\n\n.ag-icon-save::after {\n  background-image: var(--ag-icon-image-save, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-save, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-save, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-small-down {\n  font-family: var(--ag-icon-font-family-small-down, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-small-down, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-small-down, var(--ag-icon-font-color));\n}\n\n.ag-icon-small-down::before {\n  content: "\\f12b";\n  content: var(--ag-icon-font-code-small-down, "\\f12b");\n  display: var(--ag-icon-font-display-small-down, var(--ag-icon-font-display));\n}\n\n.ag-icon-small-down::after {\n  background-image: var(--ag-icon-image-small-down, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-small-down, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-small-down, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-small-left {\n  font-family: var(--ag-icon-font-family-small-left, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-small-left, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-small-left, var(--ag-icon-font-color));\n}\n\n.ag-icon-small-left::before {\n  content: "\\f12c";\n  content: var(--ag-icon-font-code-small-left, "\\f12c");\n  display: var(--ag-icon-font-display-small-left, var(--ag-icon-font-display));\n}\n\n.ag-icon-small-left::after {\n  background-image: var(--ag-icon-image-small-left, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-small-left, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-small-left, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-small-right {\n  font-family: var(--ag-icon-font-family-small-right, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-small-right, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-small-right, var(--ag-icon-font-color));\n}\n\n.ag-icon-small-right::before {\n  content: "\\f12d";\n  content: var(--ag-icon-font-code-small-right, "\\f12d");\n  display: var(--ag-icon-font-display-small-right, var(--ag-icon-font-display));\n}\n\n.ag-icon-small-right::after {\n  background-image: var(--ag-icon-image-small-right, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-small-right, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-small-right, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-small-up {\n  font-family: var(--ag-icon-font-family-small-up, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-small-up, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-small-up, var(--ag-icon-font-color));\n}\n\n.ag-icon-small-up::before {\n  content: "\\f12e";\n  content: var(--ag-icon-font-code-small-up, "\\f12e");\n  display: var(--ag-icon-font-display-small-up, var(--ag-icon-font-display));\n}\n\n.ag-icon-small-up::after {\n  background-image: var(--ag-icon-image-small-up, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-small-up, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-small-up, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-tick {\n  font-family: var(--ag-icon-font-family-tick, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-tick, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-tick, var(--ag-icon-font-color));\n}\n\n.ag-icon-tick::before {\n  content: "\\f12f";\n  content: var(--ag-icon-font-code-tick, "\\f12f");\n  display: var(--ag-icon-font-display-tick, var(--ag-icon-font-display));\n}\n\n.ag-icon-tick::after {\n  background-image: var(--ag-icon-image-tick, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-tick, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-tick, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-tree-closed {\n  font-family: var(--ag-icon-font-family-tree-closed, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-tree-closed, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-tree-closed, var(--ag-icon-font-color));\n}\n\n.ag-icon-tree-closed::before {\n  content: "\\f130";\n  content: var(--ag-icon-font-code-tree-closed, "\\f130");\n  display: var(--ag-icon-font-display-tree-closed, var(--ag-icon-font-display));\n}\n\n.ag-icon-tree-closed::after {\n  background-image: var(--ag-icon-image-tree-closed, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-tree-closed, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-tree-closed, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-tree-indeterminate {\n  font-family: var(--ag-icon-font-family-tree-indeterminate, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-tree-indeterminate, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-tree-indeterminate, var(--ag-icon-font-color));\n}\n\n.ag-icon-tree-indeterminate::before {\n  content: "\\f131";\n  content: var(--ag-icon-font-code-tree-indeterminate, "\\f131");\n  display: var(--ag-icon-font-display-tree-indeterminate, var(--ag-icon-font-display));\n}\n\n.ag-icon-tree-indeterminate::after {\n  background-image: var(--ag-icon-image-tree-indeterminate, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-tree-indeterminate, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-tree-indeterminate, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-tree-open {\n  font-family: var(--ag-icon-font-family-tree-open, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-tree-open, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-tree-open, var(--ag-icon-font-color));\n}\n\n.ag-icon-tree-open::before {\n  content: "\\f132";\n  content: var(--ag-icon-font-code-tree-open, "\\f132");\n  display: var(--ag-icon-font-display-tree-open, var(--ag-icon-font-display));\n}\n\n.ag-icon-tree-open::after {\n  background-image: var(--ag-icon-image-tree-open, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-tree-open, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-tree-open, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-unlinked {\n  font-family: var(--ag-icon-font-family-unlinked, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-unlinked, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-unlinked, var(--ag-icon-font-color));\n}\n\n.ag-icon-unlinked::before {\n  content: "\\f133";\n  content: var(--ag-icon-font-code-unlinked, "\\f133");\n  display: var(--ag-icon-font-display-unlinked, var(--ag-icon-font-display));\n}\n\n.ag-icon-unlinked::after {\n  background-image: var(--ag-icon-image-unlinked, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-unlinked, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-unlinked, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-up {\n  font-family: var(--ag-icon-font-family-up, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-up, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-up, var(--ag-icon-font-color));\n}\n\n.ag-icon-up::before {\n  content: "\\f134";\n  content: var(--ag-icon-font-code-up, "\\f134");\n  display: var(--ag-icon-font-display-up, var(--ag-icon-font-display));\n}\n\n.ag-icon-up::after {\n  background-image: var(--ag-icon-image-up, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-up, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-up, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-down {\n  font-family: var(--ag-icon-font-family-down, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-down, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-down, var(--ag-icon-font-color));\n}\n\n.ag-icon-down::before {\n  content: "\\f135";\n  content: var(--ag-icon-font-code-down, "\\f135");\n  display: var(--ag-icon-font-display-down, var(--ag-icon-font-display));\n}\n\n.ag-icon-down::after {\n  background-image: var(--ag-icon-image-down, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-down, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-down, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-plus {\n  font-family: var(--ag-icon-font-family-plus, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-plus, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-plus, var(--ag-icon-font-color));\n}\n\n.ag-icon-plus::before {\n  content: "\\f136";\n  content: var(--ag-icon-font-code-plus, "\\f136");\n  display: var(--ag-icon-font-display-plus, var(--ag-icon-font-display));\n}\n\n.ag-icon-plus::after {\n  background-image: var(--ag-icon-image-plus, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-plus, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-plus, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-minus {\n  font-family: var(--ag-icon-font-family-minus, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-minus, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-minus, var(--ag-icon-font-color));\n}\n\n.ag-icon-minus::before {\n  content: "\\f137";\n  content: var(--ag-icon-font-code-minus, "\\f137");\n  display: var(--ag-icon-font-display-minus, var(--ag-icon-font-display));\n}\n\n.ag-icon-minus::after {\n  background-image: var(--ag-icon-image-minus, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-minus, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-minus, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-menu-alt {\n  font-family: var(--ag-icon-font-family-menu-alt, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-menu-alt, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-menu-alt, var(--ag-icon-font-color));\n}\n\n.ag-icon-menu-alt::before {\n  content: "\\f138";\n  content: var(--ag-icon-font-code-menu-alt, "\\f138");\n  display: var(--ag-icon-font-display-menu-alt, var(--ag-icon-font-display));\n}\n\n.ag-icon-menu-alt::after {\n  background-image: var(--ag-icon-image-menu-alt, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-menu-alt, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-menu-alt, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-settings {\n  font-family: var(--ag-icon-font-family-settings, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-settings, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-settings, var(--ag-icon-font-color));\n}\n\n.ag-icon-settings::before {\n  content: "\\f139";\n  content: var(--ag-icon-font-code-settings, "\\f139");\n  display: var(--ag-icon-font-display-settings, var(--ag-icon-font-display));\n}\n\n.ag-icon-settings::after {\n  background-image: var(--ag-icon-image-settings, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-settings, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-settings, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-column-arrow {\n  font-family: var(--ag-icon-font-family-column-arrow, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-column-arrow, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-column-arrow, var(--ag-icon-font-color));\n}\n\n.ag-icon-column-arrow::before {\n  content: "\\f13a";\n  content: var(--ag-icon-font-code-column-arrow, "\\f13a");\n  display: var(--ag-icon-font-display-column-arrow, var(--ag-icon-font-display));\n}\n\n.ag-icon-column-arrow::after {\n  background-image: var(--ag-icon-image-column-arrow, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-column-arrow, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-column-arrow, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-un-pin {\n  font-family: var(--ag-icon-font-family-un-pin, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-un-pin, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-un-pin, var(--ag-icon-font-color));\n}\n\n.ag-icon-un-pin::before {\n  content: "\\f13b";\n  content: var(--ag-icon-font-code-un-pin, "\\f13b");\n  display: var(--ag-icon-font-display-un-pin, var(--ag-icon-font-display));\n}\n\n.ag-icon-un-pin::after {\n  background-image: var(--ag-icon-image-un-pin, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-un-pin, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-un-pin, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-pinned-bottom {\n  font-family: var(--ag-icon-font-family-pinned-bottom, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-pinned-bottom, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-pinned-bottom, var(--ag-icon-font-color));\n}\n\n.ag-icon-pinned-bottom::before {\n  content: "\\f13e";\n  content: var(--ag-icon-font-code-pinned-bottom, "\\f13e");\n  display: var(--ag-icon-font-display-pinned-bottom, var(--ag-icon-font-display));\n}\n\n.ag-icon-pinned-bottom::after {\n  background-image: var(--ag-icon-image-pinned-bottom, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-pinned-bottom, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-pinned-bottom, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-pinned-top {\n  font-family: var(--ag-icon-font-family-pinned-top, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-pinned-top, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-pinned-top, var(--ag-icon-font-color));\n}\n\n.ag-icon-pinned-top::before {\n  content: "\\f13f";\n  content: var(--ag-icon-font-code-pinned-top, "\\f13f");\n  display: var(--ag-icon-font-display-pinned-top, var(--ag-icon-font-display));\n}\n\n.ag-icon-pinned-top::after {\n  background-image: var(--ag-icon-image-pinned-top, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-pinned-top, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-pinned-top, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-chevron-up {\n  font-family: var(--ag-icon-font-family-chevron-up, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-chevron-up, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-chevron-up, var(--ag-icon-font-color));\n}\n\n.ag-icon-chevron-up::before {\n  content: "\\f140";\n  content: var(--ag-icon-font-code-chevron-up, "\\f140");\n  display: var(--ag-icon-font-display-chevron-up, var(--ag-icon-font-display));\n}\n\n.ag-icon-chevron-up::after {\n  background-image: var(--ag-icon-image-chevron-up, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-chevron-up, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-chevron-up, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-chevron-down {\n  font-family: var(--ag-icon-font-family-chevron-down, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-chevron-down, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-chevron-down, var(--ag-icon-font-color));\n}\n\n.ag-icon-chevron-down::before {\n  content: "\\f141";\n  content: var(--ag-icon-font-code-chevron-down, "\\f141");\n  display: var(--ag-icon-font-display-chevron-down, var(--ag-icon-font-display));\n}\n\n.ag-icon-chevron-down::after {\n  background-image: var(--ag-icon-image-chevron-down, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-chevron-down, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-chevron-down, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-chevron-left {\n  font-family: var(--ag-icon-font-family-chevron-left, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-chevron-left, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-chevron-left, var(--ag-icon-font-color));\n}\n\n.ag-icon-chevron-left::before {\n  content: "\\f142";\n  content: var(--ag-icon-font-code-chevron-left, "\\f142");\n  display: var(--ag-icon-font-display-chevron-left, var(--ag-icon-font-display));\n}\n\n.ag-icon-chevron-left::after {\n  background-image: var(--ag-icon-image-chevron-left, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-chevron-left, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-chevron-left, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-chevron-right {\n  font-family: var(--ag-icon-font-family-chevron-right, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-chevron-right, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-chevron-right, var(--ag-icon-font-color));\n}\n\n.ag-icon-chevron-right::before {\n  content: "\\f143";\n  content: var(--ag-icon-font-code-chevron-right, "\\f143");\n  display: var(--ag-icon-font-display-chevron-right, var(--ag-icon-font-display));\n}\n\n.ag-icon-chevron-right::after {\n  background-image: var(--ag-icon-image-chevron-right, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-chevron-right, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-chevron-right, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-filter-add {\n  font-family: var(--ag-icon-font-family-filter-add, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-filter-add, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-filter-add, var(--ag-icon-font-color));\n}\n\n.ag-icon-filter-add::before {\n  content: "\\f144";\n  content: var(--ag-icon-font-code-filter-add, "\\f144");\n  display: var(--ag-icon-font-display-filter-add, var(--ag-icon-font-display));\n}\n\n.ag-icon-filter-add::after {\n  background-image: var(--ag-icon-image-filter-add, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-filter-add, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-filter-add, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-edit {\n  font-family: var(--ag-icon-font-family-edit, var(--ag-icon-font-family));\n  font-weight: var(--ag-icon-font-weight-edit, var(--ag-icon-font-weight));\n  color: var(--ag-icon-font-color-edit, var(--ag-icon-font-color));\n}\n\n.ag-icon-edit::before {\n  content: "\\f145";\n  content: var(--ag-icon-font-code-edit, "\\f145");\n  display: var(--ag-icon-font-display-edit, var(--ag-icon-font-display));\n}\n\n.ag-icon-edit::after {\n  background-image: var(--ag-icon-image-edit, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-edit, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-edit, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-icon-row-drag::before {\n  content: var(--ag-icon-font-code-grip);\n}\n\n.ag-left-arrow::before {\n  content: var(--ag-icon-font-code-left);\n}\n\n.ag-right-arrow::before {\n  content: var(--ag-icon-font-code-right);\n}\n\n[class*=ag-theme-] {\n  --ag-foreground-color: #000;\n  --ag-data-color: var(--ag-foreground-color);\n  --ag-secondary-foreground-color: var(--ag-foreground-color);\n  --ag-header-foreground-color: var(--ag-secondary-foreground-color);\n  --ag-disabled-foreground-color: rgba(0, 0, 0, 0.5);\n  --ag-background-color: #fff;\n  --ag-header-background-color: transparent;\n  --ag-tooltip-background-color: transparent;\n  --ag-tooltip-error-background-color: color-mix(\n      in srgb,\n      var(--ag-background-color),\n      var(--ag-invalid-color) 10%\n  );\n  --ag-tooltip-error-text-color: var(--ag-invalid-color);\n  --ag-tooltip-error-border-color: color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 25%);\n  --ag-subheader-background-color: transparent;\n  --ag-subheader-toolbar-background-color: transparent;\n  --ag-control-panel-background-color: transparent;\n  --ag-side-button-selected-background-color: var(--ag-control-panel-background-color);\n  --ag-selected-row-background-color: #bbb;\n  --ag-data-background-color: var(--ag-background-color);\n  --ag-odd-row-background-color: var(--ag-data-background-color);\n  --ag-modal-overlay-background-color: rgba(255, 255, 255, 0.66);\n  --ag-menu-background-color: var(--ag-background-color);\n  --ag-menu-border-color: var(--ag-border-color);\n  --ag-panel-background-color: var(--ag-background-color);\n  --ag-panel-border-color: var(--ag-border-color);\n  --ag-row-hover-color: transparent;\n  --ag-column-hover-color: transparent;\n  --ag-range-selection-border-color: var(--ag-foreground-color);\n  --ag-range-selection-border-style: solid;\n  --ag-range-selection-background-color: rgba(0, 0, 0, 0.2);\n  --ag-range-selection-background-color-2: var(--ag-range-selection-background-color);\n  --ag-range-selection-background-color-3: var(--ag-range-selection-background-color);\n  --ag-range-selection-background-color-4: var(--ag-range-selection-background-color);\n  --ag-range-selection-highlight-color: var(--ag-range-selection-border-color);\n  --ag-range-header-highlight-color: color-mix(\n      in srgb,\n      var(--ag-header-background-color),\n      var(--ag-foreground-color) 8%\n  );\n  --ag-selected-tab-underline-color: var(--ag-range-selection-border-color);\n  --ag-selected-tab-underline-width: 0;\n  --ag-selected-tab-underline-transition-speed: 0s;\n  --ag-range-selection-chart-category-background-color: rgba(0, 255, 132, 0.1);\n  --ag-range-selection-chart-background-color: rgba(0, 88, 255, 0.1);\n  --ag-header-cell-hover-background-color: transparent;\n  --ag-header-cell-moving-background-color: var(--ag-background-color);\n  --ag-value-change-value-highlight-background-color: rgba(22, 160, 133, 0.5);\n  --ag-value-change-delta-up-color: #43a047;\n  --ag-value-change-delta-down-color: #e53935;\n  --ag-row-loading-skeleton-effect-color: rgba(66, 66, 66, 0.2);\n  --ag-chip-background-color: transparent;\n  --ag-chip-border-color: var(--ag-chip-background-color);\n  --ag-borders: solid 1px;\n  --ag-border-color: rgba(0, 0, 0, 0.25);\n  --ag-borders-critical: var(--ag-borders);\n  --ag-borders-secondary: var(--ag-borders);\n  --ag-secondary-border-color: var(--ag-border-color);\n  --ag-row-border-style: solid;\n  --ag-row-border-color: var(--ag-secondary-border-color);\n  --ag-row-border-width: 1px;\n  --ag-cell-horizontal-border: solid transparent;\n  --ag-borders-input: var(--ag-borders-secondary);\n  --ag-input-border-color: var(--ag-secondary-border-color);\n  --ag-borders-input-invalid: solid 2px;\n  --ag-input-border-color-invalid: var(--ag-invalid-color);\n  --ag-full-row-invalid-background-color: color-mix(\n      in srgb,\n      var(--ag-background-color),\n      var(--ag-invalid-color) 25%\n  );\n  --ag-borders-side-button: var(--ag-borders);\n  --ag-border-radius: 0px;\n  --ag-wrapper-border-radius: var(--ag-border-radius);\n  --ag-row-border-color: var(--ag-secondary-border-color);\n  --ag-header-column-separator-display: none;\n  --ag-header-column-separator-height: 100%;\n  --ag-header-column-separator-width: 1px;\n  --ag-header-column-separator-color: var(--ag-secondary-border-color);\n  --ag-header-column-resize-handle-display: none;\n  --ag-header-column-resize-handle-height: 50%;\n  --ag-header-column-resize-handle-width: 1px;\n  --ag-header-column-resize-handle-color: var(--ag-secondary-border-color);\n  --ag-invalid-color: red;\n  --ag-input-disabled-border-color: var(--ag-input-border-color);\n  --ag-input-disabled-background-color: transparent;\n  --ag-checkbox-background-color: transparent;\n  --ag-checkbox-border-radius: var(--ag-border-radius);\n  --ag-checkbox-checked-color: var(--ag-foreground-color);\n  --ag-checkbox-unchecked-color: var(--ag-foreground-color);\n  --ag-checkbox-indeterminate-color: var(--ag-checkbox-unchecked-color);\n  --ag-toggle-button-off-border-color: var(--ag-checkbox-unchecked-color);\n  --ag-toggle-button-off-background-color: var(--ag-checkbox-unchecked-color);\n  --ag-toggle-button-on-border-color: var(--ag-checkbox-checked-color);\n  --ag-toggle-button-on-background-color: var(--ag-checkbox-checked-color);\n  --ag-toggle-button-switch-background-color: var(--ag-background-color);\n  --ag-toggle-button-switch-border-color: var(--ag-toggle-button-off-border-color);\n  --ag-toggle-button-border-width: 1px;\n  --ag-toggle-button-height: var(--ag-icon-size);\n  --ag-toggle-button-width: calc(var(--ag-toggle-button-height) * 2);\n  --ag-input-focus-box-shadow: none;\n  --ag-input-error-focus-box-shadow: none;\n  --ag-input-focus-border-color: none;\n  --ag-minichart-selected-chart-color: var(--ag-checkbox-checked-color);\n  --ag-minichart-selected-page-color: var(--ag-checkbox-checked-color);\n  --ag-grid-size: 4px;\n  --ag-icon-size: 12px;\n  --ag-icon-font-weight: normal;\n  --ag-icon-font-color: var(--ag-foreground-color);\n  --ag-icon-image-display: block;\n  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5);\n  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 1.5);\n  --ag-widget-horizontal-spacing: calc(var(--ag-grid-size) * 2);\n  --ag-widget-vertical-spacing: var(--ag-grid-size);\n  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);\n  --ag-cell-widget-spacing: var(--ag-cell-horizontal-padding);\n  --ag-row-height: calc(var(--ag-grid-size) * 6 + 1px);\n  --ag-header-height: var(--ag-row-height);\n  --ag-pagination-panel-height: var(--ag-header-height);\n  --ag-list-item-height: calc(var(--ag-grid-size) * 5);\n  --ag-column-select-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size));\n  --ag-set-filter-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size));\n  --ag-advanced-filter-builder-indent-size: calc(var(--ag-grid-size) * 2 + var(--ag-icon-size));\n  --ag-row-group-indent-size: calc(var(--ag-cell-widget-spacing) + var(--ag-icon-size));\n  --ag-row-numbers-selected-color: #bbb;\n  --ag-filter-tool-panel-group-indent: 16px;\n  --ag-tab-min-width: 220px;\n  --ag-chart-menu-panel-width: var(--ag-tab-min-width);\n  --ag-menu-min-width: 181px;\n  --ag-side-bar-panel-width: 200px;\n  --ag-font-family: "Helvetica Neue", sans-serif;\n  --ag-font-size: 14px;\n  --ag-card-radius: var(--ag-border-radius);\n  --ag-card-shadow: none;\n  --ag-popup-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);\n  --ag-advanced-filter-join-pill-color: #f08e8d;\n  --ag-advanced-filter-column-pill-color: #a6e194;\n  --ag-advanced-filter-option-pill-color: #f3c08b;\n  --ag-advanced-filter-value-pill-color: #85c0e4;\n  --ag-find-match-color: var(--ag-foreground-color);\n  --ag-find-active-match-color: var(--ag-foreground-color);\n  --ag-find-match-background-color: #ffff00;\n  --ag-find-active-match-background-color: #ffa500;\n  --ag-cell-batch-edit-background-color: rgba(220, 181, 139, 0.16);\n  --ag-cell-batch-edit-text-color: #422f00;\n  --ag-row-batch-edit-background-color: var(--ag-cell-batch-edit-background-color);\n  --ag-row-batch-edit-text-color: var(--ag-cell-batch-edit-text-color);\n  --ag-filter-panel-apply-button-color: var(--ag-foreground-color);\n  --ag-filter-panel-apply-button-background-color: var(--ag-background-color);\n  --ag-filter-panel-card-subtle-color: var(--ag-foreground-color);\n  --ag-filter-panel-card-subtle-hover-color: var(--ag-foreground-color);\n}\n\n.ag-root-wrapper,\n.ag-dnd-ghost {\n  background-color: var(--ag-background-color);\n}\n\n.ag-sticky-top,\n.ag-sticky-bottom {\n  background-color: var(--ag-data-background-color);\n}\n\n.ag-sticky-bottom {\n  border-top: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);\n}\n\n.ag-root-wrapper,\n.ag-popup {\n  --ag-indentation-level: 0;\n}\n\n[class*=ag-theme-] {\n  -webkit-font-smoothing: antialiased;\n  font-family: var(--ag-font-family);\n  font-size: var(--ag-font-size);\n  line-height: normal;\n  color: var(--ag-foreground-color);\n}\n\nag-grid,\nag-grid-angular,\nag-grid-ng2,\nag-grid-polymer,\nag-grid-aurelia {\n  display: block;\n}\n\n.ag-aria-description-container {\n  z-index: 9999;\n  border: 0px;\n  clip: rect(1px, 1px, 1px, 1px);\n  height: 1px;\n  width: 1px;\n  position: absolute;\n  overflow: hidden;\n  padding: 0px;\n  white-space: nowrap;\n}\n\n.ag-hidden {\n  display: none !important;\n}\n\n.ag-invisible {\n  visibility: hidden !important;\n}\n\n.ag-drag-handle {\n  cursor: grab;\n}\n\n.ag-column-drop-wrapper {\n  display: flex;\n}\n\n.ag-column-drop-horizontal-half-width {\n  display: inline-block;\n  width: 50% !important;\n}\n\n.ag-unselectable {\n  -moz-user-select: none;\n  -webkit-user-select: none;\n  user-select: none;\n}\n\n.ag-selectable {\n  -moz-user-select: text;\n  -webkit-user-select: text;\n  user-select: text;\n}\n\n.ag-tab {\n  position: relative;\n}\n\n.ag-tab-guard {\n  position: absolute;\n  width: 0;\n  height: 0;\n  display: block;\n}\n\n.ag-virtual-list-viewport .ag-tab-guard {\n  position: sticky;\n}\n\n.ag-tab-guard-top {\n  top: 1px;\n}\n\n.ag-tab-guard-bottom {\n  bottom: 1px;\n}\n\n.ag-select-agg-func-popup {\n  position: absolute;\n}\n\n.ag-input-wrapper,\n.ag-picker-field-wrapper {\n  display: flex;\n  flex: 1 1 auto;\n  align-items: center;\n  line-height: normal;\n  position: relative;\n}\n\n.ag-shake-left-to-right {\n  animation-direction: alternate;\n  animation-duration: 0.2s;\n  animation-iteration-count: infinite;\n  animation-name: ag-shake-left-to-right;\n}\n\n@keyframes ag-shake-left-to-right {\n  from {\n    padding-left: 6px;\n    padding-right: 2px;\n  }\n  to {\n    padding-left: 2px;\n    padding-right: 6px;\n  }\n}\n.ag-root-wrapper {\n  cursor: default;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  white-space: normal;\n}\n.ag-root-wrapper.ag-layout-normal {\n  height: 100%;\n}\n\n.ag-watermark {\n  position: absolute;\n  bottom: 20px;\n  right: 25px;\n  opacity: 0.7;\n  transition: opacity 1s ease-out 3s;\n  color: #9b9b9b;\n}\n.ag-watermark::before {\n  content: "";\n  background-image: url('+p+");\n  background-repeat: no-repeat;\n  background-size: 170px 40px;\n  display: block;\n  height: 40px;\n  width: 170px;\n}\n\n.ag-watermark-text {\n  opacity: 0.5;\n  font-weight: bold;\n  font-family: Impact, sans-serif;\n  font-size: 19px;\n  padding-left: 0.7rem;\n}\n\n.ag-root-wrapper-body {\n  display: flex;\n  flex-direction: row;\n}\n.ag-root-wrapper-body.ag-layout-normal {\n  flex: 1 1 auto;\n  height: 0;\n  min-height: 0;\n}\n\n.ag-root {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n}\n.ag-root.ag-layout-normal, .ag-root.ag-layout-auto-height {\n  overflow: hidden;\n  flex: 1 1 auto;\n  width: 0;\n}\n.ag-root.ag-layout-normal {\n  height: 100%;\n}\n\n.ag-header-viewport,\n.ag-floating-top-viewport,\n.ag-body-viewport,\n.ag-center-cols-viewport,\n.ag-floating-bottom-viewport,\n.ag-body-horizontal-scroll-viewport,\n.ag-body-vertical-scroll-viewport,\n.ag-virtual-list-viewport,\n.ag-sticky-top-viewport,\n.ag-sticky-bottom-viewport {\n  position: relative;\n  height: 100%;\n  min-width: 0px;\n  overflow: hidden;\n  flex: 1 1 auto;\n}\n\n.ag-body-viewport,\n.ag-center-cols-viewport,\n.ag-header-viewport,\n.ag-floating-top-viewport,\n.ag-floating-bottom-viewport,\n.ag-sticky-top-viewport,\n.ag-sticky-bottom-viewport {\n  overflow-x: auto;\n  -ms-overflow-style: none !important;\n  scrollbar-width: none !important;\n}\n.ag-body-viewport::-webkit-scrollbar,\n.ag-center-cols-viewport::-webkit-scrollbar,\n.ag-header-viewport::-webkit-scrollbar,\n.ag-floating-top-viewport::-webkit-scrollbar,\n.ag-floating-bottom-viewport::-webkit-scrollbar,\n.ag-sticky-top-viewport::-webkit-scrollbar,\n.ag-sticky-bottom-viewport::-webkit-scrollbar {\n  display: none !important;\n}\n\n.ag-body-viewport {\n  display: flex;\n  overflow-x: hidden;\n}\n.ag-body-viewport.ag-layout-normal {\n  overflow-y: auto;\n  -webkit-overflow-scrolling: touch;\n}\n\n.ag-viewport {\n  position: relative;\n}\n\n.ag-spanning-container {\n  position: absolute;\n  top: 0;\n  z-index: 1;\n}\n\n.ag-sticky-top-container,\n.ag-sticky-bottom-container,\n.ag-floating-top-container,\n.ag-floating-bottom-container {\n  min-height: 1px;\n}\n\n.ag-sticky-top,\n.ag-sticky-bottom {\n  z-index: 1;\n}\n\n.ag-center-cols-viewport {\n  min-height: 100%;\n  width: 100%;\n}\n\n.ag-body-horizontal-scroll-viewport {\n  overflow-x: scroll;\n}\n\n.ag-body-vertical-scroll-viewport {\n  overflow-y: scroll;\n}\n\n.ag-virtual-list-viewport {\n  overflow: auto;\n  width: 100%;\n}\n\n.ag-header-container,\n.ag-floating-top-container,\n.ag-body-container,\n.ag-pinned-right-cols-container,\n.ag-center-cols-container,\n.ag-pinned-left-cols-container,\n.ag-floating-bottom-container,\n.ag-body-horizontal-scroll-container,\n.ag-body-vertical-scroll-container,\n.ag-full-width-container,\n.ag-floating-bottom-full-width-container,\n.ag-virtual-list-container,\n.ag-sticky-top-container,\n.ag-sticky-bottom-container {\n  position: relative;\n}\n\n.ag-header-container,\n.ag-floating-top-container,\n.ag-pinned-left-floating-top,\n.ag-pinned-right-floating-top,\n.ag-floating-bottom-container,\n.ag-pinned-left-floating-bottom,\n.ag-pinned-right-floating-bottom,\n.ag-sticky-top-container,\n.ag-sticky-bottom-container {\n  height: 100%;\n  white-space: nowrap;\n}\n\n.ag-center-cols-container {\n  display: block;\n}\n\n.ag-pinned-right-cols-container {\n  display: block;\n}\n\n.ag-body-horizontal-scroll-container {\n  height: 100%;\n}\n\n.ag-body-vertical-scroll-container {\n  width: 100%;\n}\n\n.ag-full-width-container,\n.ag-floating-top-full-width-container,\n.ag-floating-bottom-full-width-container,\n.ag-sticky-top-full-width-container,\n.ag-sticky-bottom-full-width-container {\n  position: absolute;\n  top: 0px;\n  pointer-events: none;\n}\n.ag-ltr .ag-full-width-container,\n.ag-ltr .ag-floating-top-full-width-container,\n.ag-ltr .ag-floating-bottom-full-width-container,\n.ag-ltr .ag-sticky-top-full-width-container,\n.ag-ltr .ag-sticky-bottom-full-width-container {\n  left: 0;\n}\n.ag-rtl .ag-full-width-container,\n.ag-rtl .ag-floating-top-full-width-container,\n.ag-rtl .ag-floating-bottom-full-width-container,\n.ag-rtl .ag-sticky-top-full-width-container,\n.ag-rtl .ag-sticky-bottom-full-width-container {\n  right: 0;\n}\n\n.ag-full-width-container {\n  width: 100%;\n}\n\n.ag-floating-bottom-full-width-container,\n.ag-floating-top-full-width-container {\n  display: inline-block;\n  overflow: hidden;\n  height: 100%;\n  width: 100%;\n}\n\n.ag-virtual-list-container {\n  overflow: hidden;\n}\n\n.ag-body {\n  position: relative;\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: row !important;\n  min-height: 0;\n}\n\n.ag-body-horizontal-scroll,\n.ag-body-vertical-scroll {\n  min-height: 0;\n  min-width: 0;\n  display: flex;\n  position: relative;\n}\n.ag-body-horizontal-scroll.ag-scrollbar-invisible,\n.ag-body-vertical-scroll.ag-scrollbar-invisible {\n  position: absolute;\n  bottom: 0;\n}\n.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar,\n.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar {\n  opacity: 0;\n  transition: opacity 400ms;\n  visibility: hidden;\n}\n.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling, .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active,\n.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling,\n.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active {\n  visibility: visible;\n  opacity: 1;\n}\n\n.ag-body-horizontal-scroll {\n  width: 100%;\n}\n.ag-body-horizontal-scroll.ag-scrollbar-invisible {\n  left: 0;\n  right: 0;\n}\n\n.ag-body-vertical-scroll {\n  height: 100%;\n}\n.ag-body-vertical-scroll.ag-scrollbar-invisible {\n  top: 0;\n  z-index: 10;\n}\n.ag-ltr .ag-body-vertical-scroll.ag-scrollbar-invisible {\n  right: 0;\n}\n.ag-rtl .ag-body-vertical-scroll.ag-scrollbar-invisible {\n  left: 0;\n}\n\n.ag-force-vertical-scroll {\n  overflow-y: scroll !important;\n}\n\n.ag-horizontal-left-spacer,\n.ag-horizontal-right-spacer {\n  height: 100%;\n  min-width: 0;\n  overflow-x: scroll;\n}\n.ag-horizontal-left-spacer.ag-scroller-corner,\n.ag-horizontal-right-spacer.ag-scroller-corner {\n  overflow-x: hidden;\n}\n\n.ag-header,\n.ag-pinned-left-header,\n.ag-pinned-right-header {\n  display: inline-block;\n  overflow: hidden;\n  position: relative;\n}\n\n.ag-header-cell-sortable .ag-header-cell-label {\n  cursor: pointer;\n}\n\n.ag-header {\n  display: flex;\n  width: 100%;\n  white-space: nowrap;\n}\n\n.ag-pinned-left-header {\n  height: 100%;\n}\n\n.ag-pinned-right-header {\n  height: 100%;\n}\n\n.ag-header-row {\n  position: absolute;\n}\n\n.ag-header-row:not(.ag-header-row-column-group) {\n  overflow: hidden;\n}\n\n.ag-header.ag-header-allow-overflow .ag-header-row {\n  overflow: visible;\n}\n\n.ag-header-cell {\n  display: inline-flex;\n  align-items: center;\n  position: absolute;\n  height: 100%;\n  overflow: hidden;\n}\n\n.ag-header-cell.ag-header-active .ag-header-cell-menu-button,\n.ag-header-cell-filter-button {\n  opacity: 1;\n}\n\n.ag-header-cell-menu-button:not(.ag-header-menu-always-show) {\n  transition: opacity 0.2s;\n  opacity: 0;\n}\n\n.ag-header-group-cell-label,\n.ag-header-cell-label {\n  display: flex;\n  flex: 1 1 auto;\n  align-self: stretch;\n  align-items: center;\n  overflow: hidden;\n}\n\n.ag-header-cell-label {\n  text-overflow: ellipsis;\n}\n\n.ag-header-group-cell-label.ag-sticky-label {\n  position: sticky;\n  flex: none;\n  max-width: 100%;\n  overflow: visible;\n}\n\n.ag-header-group-text {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.ag-header-cell-text {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  word-break: break-word;\n}\n\n.ag-header-group-cell .ag-header-cell-comp-wrapper {\n  display: flex;\n}\n\n.ag-header-cell:not(.ag-header-cell-auto-height) .ag-header-cell-comp-wrapper {\n  height: 100%;\n  display: flex;\n  align-items: center;\n}\n\n.ag-header-cell-comp-wrapper {\n  width: 100%;\n}\n\n.ag-header-cell-wrap-text .ag-header-cell-comp-wrapper {\n  white-space: normal;\n}\n\n.ag-header-cell-comp-wrapper-limited-height > div {\n  overflow: hidden;\n}\n\n.ag-right-aligned-header .ag-header-cell-label {\n  flex-direction: row-reverse;\n}\n\n.ag-header-cell-resize {\n  position: absolute;\n  z-index: 2;\n  height: 100%;\n  width: 8px;\n  top: 0;\n  cursor: ew-resize;\n}\n.ag-ltr .ag-header-cell-resize {\n  right: -3px;\n}\n.ag-rtl .ag-header-cell-resize {\n  left: -3px;\n}\n\n.ag-pinned-left-header .ag-header-cell-resize {\n  right: -3px;\n}\n\n.ag-pinned-right-header .ag-header-cell-resize {\n  left: -3px;\n}\n\n.ag-header-select-all {\n  display: flex;\n}\n\n.ag-header-cell-menu-button,\n.ag-header-cell-filter-button,\n.ag-side-button-button,\n.ag-panel-title-bar-button,\n.ag-floating-filter-button-button {\n  cursor: pointer;\n}\n\n.ag-column-moving .ag-cell {\n  transition: left 0.2s;\n}\n.ag-column-moving .ag-header-cell {\n  transition: left 0.2s;\n}\n.ag-column-moving .ag-spanned-cell-wrapper {\n  transition: left 0.2s;\n}\n.ag-column-moving .ag-header-group-cell {\n  transition: left 0.2s, width 0.2s;\n}\n\n.ag-column-panel {\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  flex: 1 1 auto;\n}\n\n.ag-column-select {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  flex: 3 1 0px;\n}\n\n.ag-column-select-header {\n  position: relative;\n  display: flex;\n  flex: none;\n}\n\n.ag-column-select-header-icon {\n  position: relative;\n}\n\n.ag-column-select-header-filter-wrapper {\n  flex: 1 1 auto;\n}\n\n.ag-column-select-header-filter {\n  width: 100%;\n}\n\n.ag-column-select-list {\n  flex: 1 1 0px;\n  overflow: hidden;\n}\n\n.ag-column-drop {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  overflow: auto;\n  width: 100%;\n}\n\n.ag-column-drop-list {\n  display: flex;\n  align-items: center;\n}\n\n.ag-column-drop-cell {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.ag-column-drop-cell-text {\n  overflow: hidden;\n  flex: 1 1 auto;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.ag-column-drop-vertical {\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  align-items: stretch;\n  flex: 1 1 0px;\n}\n\n.ag-column-drop-vertical-title-bar {\n  display: flex;\n  align-items: center;\n  flex: none;\n}\n\n.ag-column-drop-vertical-list {\n  position: relative;\n  align-items: stretch;\n  flex-grow: 1;\n  flex-direction: column;\n  overflow-x: auto;\n}\n.ag-column-drop-vertical-list > * {\n  flex: none;\n}\n\n.ag-column-drop-empty .ag-column-drop-vertical-list {\n  overflow: hidden;\n}\n\n.ag-column-drop-vertical-empty-message {\n  display: block;\n}\n\n.ag-column-drop.ag-column-drop-horizontal {\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.ag-column-drop-cell-button {\n  cursor: pointer;\n}\n\n.ag-filter-toolpanel {\n  flex: 1 1 0px;\n  min-width: 0;\n}\n\n.ag-filter-toolpanel-header {\n  position: relative;\n}\n\n.ag-filter-toolpanel-header,\n.ag-filter-toolpanel-search {\n  display: flex;\n  align-items: center;\n}\n.ag-filter-toolpanel-header > *,\n.ag-filter-toolpanel-search > * {\n  display: flex;\n  align-items: center;\n}\n\n.ag-filter-apply-panel {\n  display: flex;\n  justify-content: flex-end;\n  overflow: hidden;\n}\n\n.ag-row-animation .ag-row {\n  transition: transform 0.4s, top 0.4s, opacity 0.2s;\n}\n\n.ag-row-animation .ag-row.ag-after-created {\n  transition: transform 0.4s, top 0.4s, height 0.4s, opacity 0.2s;\n}\n\n.ag-row-animation.ag-prevent-animation .ag-row,\n.ag-row-animation.ag-prevent-animation .ag-row.ag-after-created {\n  transition: none !important;\n}\n\n.ag-row-no-animation .ag-row {\n  transition: none;\n}\n\n.ag-row {\n  white-space: nowrap;\n  width: 100%;\n}\n\n.ag-row-loading {\n  display: flex;\n  align-items: center;\n}\n\n.ag-row-position-absolute {\n  position: absolute;\n}\n\n.ag-row-position-relative {\n  position: relative;\n}\n\n.ag-full-width-row {\n  overflow: hidden;\n  pointer-events: all;\n}\n\n.ag-row-inline-editing {\n  z-index: 1;\n}\n\n.ag-row-dragging {\n  z-index: 2;\n}\n\n.ag-stub-cell {\n  display: flex;\n  align-items: center;\n}\n\n.ag-cell {\n  display: inline-block;\n  position: absolute;\n  white-space: nowrap;\n  height: 100%;\n}\n\n.ag-cell-value {\n  flex: 1 1 auto;\n}\n\n.ag-cell-value:not(.ag-allow-overflow),\n.ag-group-value {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.ag-cell-wrapper {\n  display: flex;\n  align-items: center;\n}\n.ag-cell-wrapper.ag-row-group {\n  align-items: flex-start;\n}\n\n.ag-cell-wrap-text {\n  white-space: normal;\n  word-break: break-word;\n}\n\n.ag-cell-wrap-text:not(.ag-cell-auto-height) .ag-cell-wrapper {\n  align-items: normal;\n  height: 100%;\n}\n.ag-cell-wrap-text:not(.ag-cell-auto-height) .ag-cell-wrapper .ag-cell-value {\n  height: 100%;\n}\n\n.ag-sparkline-wrapper {\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  top: 0;\n  line-height: normal;\n  line-height: initial;\n}\n\n.ag-full-width-row .ag-cell-wrapper.ag-row-group {\n  height: 100%;\n  align-items: center;\n}\n\n.ag-cell-inline-editing {\n  z-index: 1;\n}\n.ag-cell-inline-editing .ag-cell-wrapper,\n.ag-cell-inline-editing .ag-cell-edit-wrapper,\n.ag-cell-inline-editing .ag-cell-editor,\n.ag-cell-inline-editing .ag-cell-editor .ag-wrapper,\n.ag-cell-inline-editing .ag-cell-editor.ag-cell-editor.ag-cell-editor input {\n  height: 100%;\n  min-height: 100%;\n  width: 100%;\n  line-height: normal;\n}\n\n.ag-row.ag-row-editing-invalid .ag-cell-inline-editing {\n  opacity: 0.8;\n}\n\n.ag-cell .ag-icon {\n  display: inline-block;\n  vertical-align: middle;\n}\n\n.ag-set-filter-item {\n  display: flex;\n  align-items: center;\n  height: 100%;\n}\n\n.ag-set-filter-item-checkbox {\n  display: flex;\n  width: 100%;\n  height: 100%;\n}\n\n.ag-set-filter-group-icons {\n  display: block;\n}\n.ag-set-filter-group-icons > * {\n  cursor: pointer;\n}\n\n.ag-filter-body-wrapper {\n  display: flex;\n  flex-direction: column;\n}\n\n.ag-filter-filter {\n  flex: 1 1 0px;\n}\n\n.ag-filter-condition {\n  display: flex;\n  justify-content: center;\n}\n\n.ag-floating-filter-body {\n  position: relative;\n  display: flex;\n  flex: 1 1 auto;\n  height: 100%;\n}\n\n.ag-floating-filter-full-body {\n  display: flex;\n  flex: 1 1 auto;\n  height: 100%;\n  width: 100%;\n  align-items: center;\n  overflow: hidden;\n}\n\n.ag-floating-filter-full-body > div {\n  flex: 1 1 auto;\n}\n\n.ag-floating-filter-input {\n  align-items: center;\n  display: flex;\n  width: 100%;\n}\n.ag-floating-filter-input > * {\n  flex: 1 1 auto;\n}\n\n.ag-floating-filter-button {\n  display: flex;\n  flex: none;\n}\n\n.ag-date-floating-filter-wrapper {\n  display: flex;\n}\n\n.ag-set-floating-filter-input input[disabled] {\n  pointer-events: none;\n}\n\n.ag-dnd-ghost {\n  display: inline-flex;\n  align-items: center;\n  cursor: move;\n  white-space: nowrap;\n}\n\n.ag-overlay {\n  height: 100%;\n  left: 0;\n  pointer-events: none;\n  position: absolute;\n  top: 0;\n  width: 100%;\n  z-index: 2;\n}\n\n.ag-overlay-panel {\n  display: flex;\n  height: 100%;\n  width: 100%;\n}\n\n.ag-overlay-wrapper {\n  display: flex;\n  flex: none;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n}\n\n.ag-overlay-loading-wrapper {\n  pointer-events: all;\n}\n\n.ag-popup-child {\n  z-index: 5;\n  top: 0;\n}\n\n.ag-popup-editor {\n  position: absolute;\n  -moz-user-select: none;\n  -webkit-user-select: none;\n  user-select: none;\n}\n\n.ag-large-text-input {\n  display: block;\n}\n\n.ag-virtual-list-item {\n  position: absolute;\n  width: 100%;\n}\n\n.ag-floating-top,\n.ag-floating-bottom {\n  overflow: hidden;\n  white-space: nowrap;\n  width: 100%;\n  position: relative;\n  display: flex;\n}\n\n.ag-pinned-left-floating-top,\n.ag-pinned-right-floating-top,\n.ag-pinned-left-floating-bottom,\n.ag-pinned-right-floating-bottom {\n  overflow: hidden;\n  position: relative;\n  min-width: 0px;\n}\n\n.ag-sticky-top,\n.ag-sticky-bottom {\n  position: absolute;\n  display: flex;\n  width: 100%;\n  overflow: hidden;\n  height: 0px;\n}\n\n.ag-sticky-bottom {\n  box-sizing: content-box !important;\n}\n\n.ag-pinned-left-sticky-top,\n.ag-pinned-right-sticky-top {\n  position: relative;\n  height: 100%;\n  overflow: hidden;\n}\n\n.ag-sticky-top-full-width-container,\n.ag-sticky-bottom-full-width-container {\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n}\n\n.ag-dialog,\n.ag-panel {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  overflow: hidden;\n}\n\n.ag-panel-title-bar {\n  display: flex;\n  flex: none;\n  align-items: center;\n  cursor: default;\n}\n\n.ag-panel-title-bar-title {\n  flex: 1 1 auto;\n}\n\n.ag-panel-title-bar-buttons {\n  display: flex;\n}\n\n.ag-panel-title-bar-button {\n  cursor: pointer;\n}\n\n.ag-panel-content-wrapper {\n  display: flex;\n  flex: 1 1 auto;\n  position: relative;\n  overflow: hidden;\n}\n\n.ag-dialog {\n  position: absolute;\n}\n\n.ag-resizer {\n  position: absolute;\n  pointer-events: none;\n  z-index: 1;\n  -moz-user-select: none;\n  -webkit-user-select: none;\n  user-select: none;\n}\n.ag-resizer.ag-resizer-topLeft {\n  top: 0;\n  left: 0;\n  height: 5px;\n  width: 5px;\n  cursor: nwse-resize;\n}\n.ag-resizer.ag-resizer-top {\n  top: 0;\n  left: 5px;\n  right: 5px;\n  height: 5px;\n  cursor: ns-resize;\n}\n.ag-resizer.ag-resizer-topRight {\n  top: 0;\n  right: 0;\n  height: 5px;\n  width: 5px;\n  cursor: nesw-resize;\n}\n.ag-resizer.ag-resizer-right {\n  top: 5px;\n  right: 0;\n  bottom: 5px;\n  width: 5px;\n  cursor: ew-resize;\n}\n.ag-resizer.ag-resizer-bottomRight {\n  bottom: 0;\n  right: 0;\n  height: 5px;\n  width: 5px;\n  cursor: nwse-resize;\n}\n.ag-resizer.ag-resizer-bottom {\n  bottom: 0;\n  left: 5px;\n  right: 5px;\n  height: 5px;\n  cursor: ns-resize;\n}\n.ag-resizer.ag-resizer-bottomLeft {\n  bottom: 0;\n  left: 0;\n  height: 5px;\n  width: 5px;\n  cursor: nesw-resize;\n}\n.ag-resizer.ag-resizer-left {\n  left: 0;\n  top: 5px;\n  bottom: 5px;\n  width: 5px;\n  cursor: ew-resize;\n}\n\n.ag-tooltip {\n  position: absolute;\n  z-index: 99999;\n}\n\n.ag-tooltip-custom {\n  position: absolute;\n  z-index: 99999;\n}\n\n.ag-tooltip:not(.ag-tooltip-interactive),\n.ag-tooltip-custom:not(.ag-tooltip-interactive) {\n  pointer-events: none;\n}\n\n.ag-value-slide-out {\n  margin-right: 5px;\n  opacity: 1;\n  transition: opacity 3s, margin-right 3s;\n  transition-timing-function: linear;\n}\n\n.ag-value-slide-out-end {\n  margin-right: 10px;\n  opacity: 0;\n}\n\n.ag-opacity-zero {\n  opacity: 0 !important;\n}\n\n.ag-menu {\n  max-height: 100%;\n  overflow-y: auto;\n  position: absolute;\n  -moz-user-select: none;\n  -webkit-user-select: none;\n  user-select: none;\n}\n\n.ag-menu-column-select-wrapper {\n  height: 265px;\n  overflow: auto;\n}\n.ag-menu-column-select-wrapper .ag-column-select {\n  height: 100%;\n}\n\n.ag-dialog .ag-panel-content-wrapper .ag-column-select {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.ag-menu-list {\n  display: table;\n  width: 100%;\n}\n\n.ag-menu-option,\n.ag-menu-separator {\n  display: table-row;\n}\n\n.ag-menu-option-part,\n.ag-menu-separator-part {\n  display: table-cell;\n  vertical-align: middle;\n}\n\n.ag-menu-option-text {\n  white-space: nowrap;\n}\n\n.ag-menu-option-custom {\n  display: contents;\n}\n\n.ag-compact-menu-option {\n  width: 100%;\n  display: flex;\n  flex-wrap: nowrap;\n}\n\n.ag-compact-menu-option-text {\n  white-space: nowrap;\n  flex: 1 1 auto;\n}\n\n.ag-context-menu-loading-icon {\n  position: absolute;\n  pointer-events: none;\n}\n\n.ag-pill-container {\n  display: flex;\n  gap: 0.25rem;\n  flex-wrap: nowrap;\n}\n\n.ag-pill {\n  display: flex;\n  white-space: nowrap;\n  padding: 0 0.25rem;\n  align-items: center;\n}\n\n.ag-pill .ag-pill-button {\n  border: none;\n  padding: 0;\n}\n\n.ag-rich-select {\n  cursor: default;\n  outline: none;\n  height: 100%;\n}\n\n.ag-rich-select-value {\n  display: flex;\n  align-items: center;\n  height: 100%;\n}\n.ag-rich-select-value .ag-picker-field-display {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.ag-rich-select-value .ag-picker-field-display.ag-display-as-placeholder {\n  opacity: 0.5;\n}\n\n.ag-rich-select-list {\n  position: relative;\n}\n.ag-rich-select-list .ag-loading-text {\n  min-height: 2rem;\n}\n\n.ag-rich-select-row {\n  display: flex;\n  flex: 1 1 auto;\n  align-items: center;\n  white-space: nowrap;\n  overflow: hidden;\n  height: 100%;\n}\n\n.ag-rich-select-field-input {\n  flex: 1 1 auto;\n}\n.ag-rich-select-field-input .ag-input-field-input {\n  padding: 0 !important;\n  border: none !important;\n  box-shadow: none !important;\n  text-overflow: ellipsis;\n}\n.ag-rich-select-field-input .ag-input-field-input::-moz-placeholder {\n  opacity: 0.8;\n}\n.ag-rich-select-field-input .ag-input-field-input::placeholder {\n  opacity: 0.8;\n}\n\n.ag-autocomplete {\n  align-items: center;\n  display: flex;\n}\n.ag-autocomplete > * {\n  flex: 1 1 auto;\n}\n\n.ag-autocomplete-list-popup {\n  position: absolute;\n  -moz-user-select: none;\n  -webkit-user-select: none;\n  user-select: none;\n}\n\n.ag-autocomplete-list {\n  position: relative;\n}\n\n.ag-autocomplete-virtual-list-item {\n  display: flex;\n}\n\n.ag-autocomplete-row {\n  display: flex;\n  flex: 1 1 auto;\n  align-items: center;\n  overflow: hidden;\n}\n\n.ag-autocomplete-row-label {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.ag-paging-panel {\n  align-items: center;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.ag-paging-page-summary-panel {\n  display: flex;\n  align-items: center;\n}\n\n.ag-paging-button {\n  position: relative;\n}\n\n.ag-disabled .ag-paging-page-summary-panel {\n  pointer-events: none;\n}\n\n.ag-tool-panel-wrapper {\n  display: flex;\n  overflow-y: auto;\n  overflow-x: hidden;\n  cursor: default;\n  -moz-user-select: none;\n  -webkit-user-select: none;\n  user-select: none;\n}\n\n.ag-column-select-column,\n.ag-column-select-column-group,\n.ag-select-agg-func-item {\n  position: relative;\n  align-items: center;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  height: 100%;\n}\n.ag-column-select-column > *,\n.ag-column-select-column-group > *,\n.ag-select-agg-func-item > * {\n  flex: none;\n}\n\n.ag-select-agg-func-item,\n.ag-column-select-column-label {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.ag-column-select-checkbox {\n  display: flex;\n}\n\n.ag-tool-panel-horizontal-resize {\n  cursor: ew-resize;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  width: 5px;\n  z-index: 1;\n}\n\n.ag-ltr .ag-side-bar-left .ag-tool-panel-horizontal-resize {\n  right: -3px;\n}\n.ag-rtl .ag-side-bar-left .ag-tool-panel-horizontal-resize {\n  left: -3px;\n}\n\n.ag-ltr .ag-side-bar-right .ag-tool-panel-horizontal-resize {\n  left: -3px;\n}\n.ag-rtl .ag-side-bar-right .ag-tool-panel-horizontal-resize {\n  right: -3px;\n}\n\n.ag-details-row {\n  width: 100%;\n}\n\n.ag-details-row-fixed-height {\n  height: 100%;\n}\n\n.ag-details-grid {\n  width: 100%;\n}\n\n.ag-details-grid-fixed-height {\n  height: 100%;\n}\n\n.ag-header-group-cell {\n  display: flex;\n  align-items: center;\n  height: 100%;\n  position: absolute;\n  contain: paint;\n}\n\n.ag-header-group-cell-no-group.ag-header-span-height {\n  display: none;\n}\n\n.ag-cell-label-container {\n  display: flex;\n  justify-content: space-between;\n  flex-direction: row-reverse;\n  align-items: center;\n  height: 100%;\n  width: 100%;\n}\n\n.ag-header-group-cell-label,\n.ag-cell-label-container {\n  padding: 5px 0px;\n}\n\n.ag-right-aligned-header .ag-cell-label-container {\n  flex-direction: row;\n}\n.ag-right-aligned-header .ag-header-cell-text {\n  text-align: right;\n}\n\n.ag-side-bar {\n  display: flex;\n  flex-direction: row-reverse;\n}\n\n.ag-side-bar-left {\n  order: -1;\n  flex-direction: row;\n}\n\n.ag-side-button-button {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  flex-wrap: nowrap;\n  white-space: nowrap;\n  outline: none;\n  cursor: pointer;\n}\n\n.ag-side-button-label {\n  writing-mode: vertical-lr;\n}\n\n.ag-status-bar {\n  display: flex;\n  justify-content: space-between;\n  overflow: hidden;\n}\n\n.ag-status-panel,\n.ag-status-panel.ag-status-panel-aggregations .ag-status-name-value {\n  display: inline-flex;\n}\n\n.ag-status-name-value {\n  white-space: nowrap;\n}\n\n.ag-status-bar-left {\n  display: inline-flex;\n}\n\n.ag-status-bar-center {\n  display: inline-flex;\n}\n\n.ag-status-bar-right {\n  display: inline-flex;\n}\n\n.ag-row-number-cell {\n  width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n.ag-ltr .ag-row-number-cell {\n  text-align: right;\n}\n.ag-rtl .ag-row-number-cell {\n  text-align: left;\n}\n\n.ag-row-numbers-resizer {\n  position: absolute;\n  bottom: -2px;\n  left: 0;\n  height: 4px;\n  width: 100%;\n  cursor: ns-resize;\n}\n\n.ag-floating-bottom .ag-row-numbers-resizer {\n  bottom: auto;\n  bottom: initial;\n  top: -2px;\n}\n\n.ag-icon {\n  display: block;\n  speak: none;\n}\n\n.ag-group {\n  position: relative;\n  width: 100%;\n}\n\n.ag-group-title-bar {\n  display: flex;\n  align-items: center;\n}\n\n.ag-group-title {\n  display: inline;\n  min-width: 0;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n.ag-group-title-bar .ag-group-title {\n  cursor: default;\n}\n\n.ag-group-toolbar {\n  display: flex;\n  align-items: center;\n}\n\n.ag-group-container {\n  display: flex;\n}\n\n.ag-disabled .ag-group-container {\n  pointer-events: none;\n}\n\n.ag-group-container-horizontal {\n  flex-direction: row;\n  flex-wrap: wrap;\n}\n\n.ag-group-container-vertical {\n  flex-direction: column;\n}\n\n.ag-column-group-icons {\n  display: block;\n}\n.ag-column-group-icons > * {\n  cursor: pointer;\n}\n\n.ag-group-item-alignment-stretch .ag-group-item {\n  align-items: stretch;\n}\n\n.ag-group-item-alignment-start .ag-group-item {\n  align-items: flex-start;\n}\n\n.ag-group-item-alignment-end .ag-group-item {\n  align-items: flex-end;\n}\n\n.ag-toggle-button-icon {\n  transition: right 0.3s;\n  position: absolute;\n  top: -1px;\n}\n\n.ag-input-field,\n.ag-select {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n.ag-input-field-input {\n  flex: 1 1 auto;\n}\n\n.ag-floating-filter-input .ag-input-field-input[type=date],\n.ag-floating-filter-input .ag-input-field-input[type=datetime-local] {\n  width: 1px;\n}\n\n.ag-range-field {\n  display: flex;\n  align-items: center;\n}\n\n.ag-angle-select {\n  display: flex;\n  align-items: center;\n}\n\n.ag-angle-select-wrapper {\n  display: flex;\n}\n\n.ag-angle-select-parent-circle {\n  display: block;\n  position: relative;\n}\n\n.ag-angle-select-child-circle {\n  position: absolute;\n}\n\n.ag-slider-wrapper {\n  display: flex;\n}\n.ag-slider-wrapper .ag-input-field {\n  flex: 1 1 auto;\n}\n\n.ag-picker-field-display {\n  flex: 1 1 auto;\n}\n\n.ag-picker-field {\n  display: flex;\n  align-items: center;\n}\n\n.ag-picker-field-icon {\n  display: flex;\n  border: 0;\n  padding: 0;\n  margin: 0;\n  cursor: pointer;\n}\n\n.ag-picker-field-wrapper {\n  overflow: hidden;\n}\n\n.ag-label-align-right .ag-label {\n  order: 1;\n}\n.ag-label-align-right > * {\n  flex: none;\n}\n\n.ag-label-align-top {\n  flex-direction: column;\n  align-items: flex-start;\n}\n.ag-label-align-top > * {\n  align-self: stretch;\n}\n\n.ag-label-ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  flex: 1;\n}\n\n.ag-color-panel {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  text-align: center;\n}\n\n.ag-spectrum-color {\n  flex: 1 1 auto;\n  position: relative;\n  overflow: visible;\n  cursor: default;\n}\n\n.ag-spectrum-fill {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n\n.ag-spectrum-val {\n  cursor: pointer;\n}\n\n.ag-spectrum-dragger {\n  position: absolute;\n  pointer-events: none;\n  cursor: pointer;\n}\n\n.ag-spectrum-hue,\n.ag-spectrum-alpha {\n  cursor: default;\n}\n\n.ag-spectrum-hue-background {\n  background: linear-gradient(to left, #ff0000 3%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);\n  width: 100%;\n  height: 100%;\n}\n\n.ag-spectrum-alpha {\n  --ag-spectrum-alpha-background-checked: url("+m+');\n}\n\n.ag-spectrum-alpha-background {\n  background: linear-gradient(to right, var(--ag-internal-spectrum-alpha-color-from), var(--ag-internal-spectrum-alpha-color-to)), var(--ag-spectrum-alpha-background-checked) top left/4px 4px;\n  width: 100%;\n  height: 100%;\n}\n\n.ag-spectrum-tool {\n  cursor: pointer;\n  position: relative;\n}\n\n.ag-spectrum-slider {\n  position: absolute;\n  pointer-events: none;\n}\n\n.ag-spectrum-alpha .ag-spectrum-slider {\n  background: linear-gradient(to bottom, var(--ag-internal-spectrum-alpha-color), var(--ag-internal-spectrum-alpha-color)) white;\n}\n\n.ag-recent-colors {\n  display: flex;\n}\n\n.ag-recent-color {\n  cursor: pointer;\n}\n\n.ag-pill-select {\n  display: flex;\n  flex-direction: column;\n}\n.ag-pill-select .ag-column-drop {\n  flex: initial;\n}\n\n.ag-ltr {\n  direction: ltr;\n}\n.ag-ltr .ag-body,\n.ag-ltr .ag-floating-top,\n.ag-ltr .ag-floating-bottom,\n.ag-ltr .ag-header,\n.ag-ltr .ag-sticky-top,\n.ag-ltr .ag-sticky-bottom,\n.ag-ltr .ag-body-viewport,\n.ag-ltr .ag-body-horizontal-scroll {\n  flex-direction: row;\n}\n\n.ag-rtl {\n  direction: rtl;\n}\n.ag-rtl .ag-body,\n.ag-rtl .ag-floating-top,\n.ag-rtl .ag-floating-bottom,\n.ag-rtl .ag-header,\n.ag-rtl .ag-sticky-top,\n.ag-rtl .ag-sticky-bottom,\n.ag-rtl .ag-body-viewport,\n.ag-rtl .ag-body-horizontal-scroll {\n  flex-direction: row-reverse;\n}\n.ag-rtl .ag-icon-contracted,\n.ag-rtl .ag-icon-expanded,\n.ag-rtl .ag-icon-tree-closed {\n  display: block;\n  transform: rotate(180deg);\n}\n\n.ag-body .ag-body-viewport {\n  -webkit-overflow-scrolling: touch;\n}\n\n.ag-measurement-container {\n  width: 0;\n  overflow: hidden;\n  visibility: hidden;\n}\n.ag-measurement-container div {\n  position: absolute;\n}\n\n.ag-layout-print.ag-body {\n  display: block;\n  height: auto;\n  height: initial;\n}\n.ag-layout-print.ag-root-wrapper {\n  display: inline-block;\n}\n.ag-layout-print .ag-body-vertical-scroll {\n  display: none;\n}\n.ag-layout-print .ag-body-horizontal-scroll {\n  display: none;\n}\n.ag-layout-print.ag-force-vertical-scroll {\n  overflow-y: visible !important;\n}\n\n@media print {\n  .ag-root-wrapper.ag-layout-print {\n    display: table;\n  }\n  .ag-root-wrapper.ag-layout-print .ag-root-wrapper-body,\n  .ag-root-wrapper.ag-layout-print .ag-root,\n  .ag-root-wrapper.ag-layout-print .ag-body-viewport,\n  .ag-root-wrapper.ag-layout-print .ag-center-cols-container,\n  .ag-root-wrapper.ag-layout-print .ag-center-cols-viewport,\n  .ag-root-wrapper.ag-layout-print .ag-body-horizontal-scroll-viewport,\n  .ag-root-wrapper.ag-layout-print .ag-virtual-list-viewport {\n    height: auto !important;\n    overflow: hidden !important;\n    display: block !important;\n  }\n  .ag-root-wrapper.ag-layout-print .ag-row,\n  .ag-root-wrapper.ag-layout-print .ag-cell {\n    page-break-inside: avoid;\n    -moz-column-break-inside: avoid;\n         break-inside: avoid;\n  }\n}\n[class^=ag-],\n[class^=ag-]:focus,\n[class^=ag-]:after,\n[class^=ag-]:before {\n  box-sizing: border-box;\n  outline: none;\n}\n\n[class^=ag-]::-ms-clear {\n  display: none;\n}\n\n.ag-checkbox .ag-input-wrapper,\n.ag-radio-button .ag-input-wrapper {\n  overflow: visible;\n}\n\n.ag-range-field .ag-input-wrapper {\n  height: 100%;\n}\n\n.ag-toggle-button {\n  flex: none;\n  width: auto;\n  width: initial;\n  min-width: 0;\n  min-width: initial;\n}\n\n.ag-button {\n  border-radius: 0px;\n  color: var(--ag-foreground-color);\n}\n\n.ag-button:hover {\n  background-color: transparent;\n}\n\n.ag-ltr .ag-label-align-right .ag-label {\n  margin-left: var(--ag-grid-size);\n}\n.ag-rtl .ag-label-align-right .ag-label {\n  margin-right: var(--ag-grid-size);\n}\n\ninput[class^=ag-] {\n  margin: 0;\n  background-color: var(--ag-background-color);\n}\n\ntextarea[class^=ag-],\nselect[class^=ag-] {\n  background-color: var(--ag-background-color);\n}\n\ninput[class^=ag-]:not([type]),\ninput[class^=ag-][type=text],\ninput[class^=ag-][type=number],\ninput[class^=ag-][type=tel],\ninput[class^=ag-][type=date],\ninput[class^=ag-][type=datetime-local],\ntextarea[class^=ag-] {\n  font-size: inherit;\n  line-height: inherit;\n  color: inherit;\n  font-family: inherit;\n  border: var(--ag-borders-input) var(--ag-input-border-color);\n}\ninput[class^=ag-]:not([type]):disabled,\ninput[class^=ag-][type=text]:disabled,\ninput[class^=ag-][type=number]:disabled,\ninput[class^=ag-][type=tel]:disabled,\ninput[class^=ag-][type=date]:disabled,\ninput[class^=ag-][type=datetime-local]:disabled,\ntextarea[class^=ag-]:disabled {\n  color: var(--ag-disabled-foreground-color);\n  background-color: var(--ag-input-disabled-background-color);\n  border-color: var(--ag-input-disabled-border-color);\n}\ninput[class^=ag-]:not([type]):focus,\ninput[class^=ag-][type=text]:focus,\ninput[class^=ag-][type=number]:focus,\ninput[class^=ag-][type=tel]:focus,\ninput[class^=ag-][type=date]:focus,\ninput[class^=ag-][type=datetime-local]:focus,\ntextarea[class^=ag-]:focus {\n  outline: none;\n  box-shadow: var(--ag-input-focus-box-shadow);\n  border-color: var(--ag-input-focus-border-color);\n}\ninput[class^=ag-]:not([type]):focus.invalid, input[class^=ag-]:not([type]):focus:invalid,\ninput[class^=ag-][type=text]:focus.invalid,\ninput[class^=ag-][type=text]:focus:invalid,\ninput[class^=ag-][type=number]:focus.invalid,\ninput[class^=ag-][type=number]:focus:invalid,\ninput[class^=ag-][type=tel]:focus.invalid,\ninput[class^=ag-][type=tel]:focus:invalid,\ninput[class^=ag-][type=date]:focus.invalid,\ninput[class^=ag-][type=date]:focus:invalid,\ninput[class^=ag-][type=datetime-local]:focus.invalid,\ninput[class^=ag-][type=datetime-local]:focus:invalid,\ntextarea[class^=ag-]:focus.invalid,\ntextarea[class^=ag-]:focus:invalid {\n  box-shadow: var(--ag-input-error-focus-box-shadow);\n  border-color: var(--ag-invalid-color);\n}\ninput[class^=ag-]:not([type]):invalid,\ninput[class^=ag-][type=text]:invalid,\ninput[class^=ag-][type=number]:invalid,\ninput[class^=ag-][type=tel]:invalid,\ninput[class^=ag-][type=date]:invalid,\ninput[class^=ag-][type=datetime-local]:invalid,\ntextarea[class^=ag-]:invalid {\n  border: var(--ag-borders-input-invalid) var(--ag-input-border-color-invalid);\n}\n\ninput[class^=ag-][type=number]:not(.ag-number-field-input-stepper) {\n  -moz-appearance: textfield;\n}\ninput[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-outer-spin-button, input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\ninput[class^=ag-][type=range] {\n  padding: 0;\n}\n\ninput[class^=ag-][type=button]:focus,\nbutton[class^=ag-]:focus {\n  box-shadow: var(--ag-input-focus-box-shadow);\n}\ninput[class^=ag-][type=button]:focus:invalid, input[class^=ag-][type=button]:focus.invalid,\nbutton[class^=ag-]:focus:invalid,\nbutton[class^=ag-]:focus.invalid {\n  box-shadow: var(--ag-input-error-focus-box-shadow);\n}\n\n.ag-drag-handle {\n  color: var(--ag-secondary-foreground-color);\n}\n\n.ag-list-item,\n.ag-virtual-list-item {\n  height: var(--ag-list-item-height);\n}\n\n.ag-virtual-list-item:focus-visible {\n  outline: none;\n}\n.ag-virtual-list-item:focus-visible::after {\n  content: "";\n  position: absolute;\n  background-color: transparent;\n  pointer-events: none;\n  top: 4px;\n  left: 4px;\n  display: block;\n  width: calc(100% - 8px);\n  height: calc(100% - 8px);\n  border: 1px solid;\n  border-color: var(--ag-input-focus-border-color);\n}\n\n.ag-select-list {\n  background-color: var(--ag-background-color);\n  overflow-y: auto;\n  overflow-x: hidden;\n  border-radius: var(--ag-border-radius);\n  border: var(--ag-borders) var(--ag-border-color);\n}\n\n.ag-list-item {\n  display: flex;\n  align-items: center;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.ag-list-item.ag-active-item {\n  background-color: var(--ag-row-hover-color);\n}\n\n.ag-select-list-item {\n  -moz-user-select: none;\n  -webkit-user-select: none;\n  user-select: none;\n  cursor: default;\n}\n.ag-ltr .ag-select-list-item {\n  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);\n}\n.ag-rtl .ag-select-list-item {\n  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);\n}\n.ag-select-list-item span {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.ag-row-drag,\n.ag-selection-checkbox,\n.ag-group-expanded,\n.ag-group-contracted {\n  color: var(--ag-secondary-foreground-color);\n}\n.ag-ltr .ag-row-drag,\n.ag-ltr .ag-selection-checkbox,\n.ag-ltr .ag-group-expanded,\n.ag-ltr .ag-group-contracted {\n  margin-right: var(--ag-cell-widget-spacing);\n}\n.ag-rtl .ag-row-drag,\n.ag-rtl .ag-selection-checkbox,\n.ag-rtl .ag-group-expanded,\n.ag-rtl .ag-group-contracted {\n  margin-left: var(--ag-cell-widget-spacing);\n}\n\n.ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) {\n  --ag-internal-calculated-line-height: var(\n      --ag-line-height,\n      calc(var(--ag-row-height) - var(--ag-row-border-width))\n  );\n  --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width) - 2px);\n  height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));\n  display: flex;\n  align-items: center;\n  flex: none;\n}\n\n.ag-group-expanded,\n.ag-group-contracted {\n  cursor: pointer;\n}\n\n.ag-group-title-bar-icon {\n  cursor: pointer;\n  flex: none;\n  color: var(--ag-secondary-foreground-color);\n}\n\n.ag-ltr .ag-group-child-count {\n  margin-left: 2px;\n}\n.ag-rtl .ag-group-child-count {\n  margin-right: 2px;\n}\n\n.ag-group-title-bar {\n  background-color: var(--ag-subheader-background-color);\n  padding: var(--ag-grid-size);\n}\n\n.ag-group-toolbar {\n  padding: var(--ag-grid-size);\n  background-color: var(--ag-subheader-toolbar-background-color);\n}\n\n.ag-disabled-group-title-bar,\n.ag-disabled-group-container {\n  opacity: 0.5;\n}\n\n.group-item {\n  margin: calc(var(--ag-grid-size) * 0.5) 0;\n}\n\n.ag-label {\n  white-space: nowrap;\n}\n.ag-ltr .ag-label {\n  margin-right: var(--ag-grid-size);\n}\n.ag-rtl .ag-label {\n  margin-left: var(--ag-grid-size);\n}\n\n.ag-label-align-top .ag-label {\n  margin-bottom: calc(var(--ag-grid-size) * 0.5);\n}\n\n.ag-angle-select[disabled] {\n  color: var(--ag-disabled-foreground-color);\n  pointer-events: none;\n}\n.ag-angle-select[disabled] .ag-angle-select-field {\n  opacity: 0.4;\n}\n\n.ag-ltr .ag-slider-field,\n.ag-ltr .ag-angle-select-field {\n  margin-right: calc(var(--ag-grid-size) * 2);\n}\n.ag-rtl .ag-slider-field,\n.ag-rtl .ag-angle-select-field {\n  margin-left: calc(var(--ag-grid-size) * 2);\n}\n\n.ag-angle-select-parent-circle {\n  width: 24px;\n  height: 24px;\n  border-radius: 12px;\n  border: solid 1px;\n  border-color: var(--ag-border-color);\n  background-color: var(--ag-background-color);\n}\n\n.ag-angle-select-child-circle {\n  top: 4px;\n  left: 12px;\n  width: 6px;\n  height: 6px;\n  margin-left: -3px;\n  margin-top: -4px;\n  border-radius: 3px;\n  background-color: var(--ag-secondary-foreground-color);\n}\n\n.ag-picker-field-wrapper {\n  border: var(--ag-borders);\n  border-color: var(--ag-border-color);\n  border-radius: 5px;\n  background-color: var(--ag-background-color);\n}\n.ag-picker-field-wrapper:disabled {\n  color: var(--ag-disabled-foreground-color);\n  background-color: var(--ag-input-disabled-background-color);\n  border-color: var(--ag-input-disabled-border-color);\n}\n.ag-picker-field-wrapper.ag-picker-has-focus, .ag-picker-field-wrapper:focus-within {\n  outline: none;\n  box-shadow: var(--ag-input-focus-box-shadow);\n  border-color: var(--ag-input-focus-border-color);\n}\n.ag-picker-field-wrapper.ag-picker-has-focus.invalid, .ag-picker-field-wrapper:focus-within.invalid {\n  box-shadow: var(--ag-input-error-focus-box-shadow);\n}\n.ag-picker-field-wrapper.invalid {\n  border: var(--ag-borders-input-invalid) var(--ag-input-border-color-invalid);\n}\n\n.ag-picker-field-button {\n  background-color: var(--ag-background-color);\n  color: var(--ag-secondary-foreground-color);\n}\n\n.ag-dialog.ag-color-dialog {\n  border-radius: 5px;\n}\n\n.ag-color-picker .ag-picker-field-wrapper {\n  padding-left: var(--ag-grid-size);\n  padding-right: var(--ag-grid-size);\n}\n.ag-color-picker .ag-picker-field-display {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  min-height: var(--ag-list-item-height);\n}\n\n.ag-ltr .ag-color-picker-color,\n.ag-ltr .ag-color-picker-value {\n  margin-right: var(--ag-grid-size);\n}\n.ag-rtl .ag-color-picker-color,\n.ag-rtl .ag-color-picker-value {\n  margin-left: var(--ag-grid-size);\n}\n\n.ag-color-panel {\n  padding: var(--ag-grid-size);\n}\n\n.ag-spectrum-color {\n  background-color: rgb(255, 0, 0);\n  border-radius: 2px;\n}\n\n.ag-spectrum-tools {\n  padding: 10px;\n}\n\n.ag-spectrum-sat {\n  background-image: linear-gradient(to right, white, rgba(204, 154, 129, 0));\n}\n\n.ag-spectrum-val {\n  background-image: linear-gradient(to top, black, rgba(204, 154, 129, 0));\n}\n\n.ag-spectrum-dragger {\n  border-radius: 12px;\n  height: 12px;\n  width: 12px;\n  border: 2px solid white;\n  background: black;\n  box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.24);\n}\n\n.ag-spectrum-hue-background {\n  border-radius: 2px;\n}\n\n.ag-spectrum-alpha-background {\n  border-radius: 2px;\n}\n\n.ag-spectrum-tool {\n  margin-bottom: 10px;\n  height: 11px;\n  border-radius: 2px;\n}\n\n.ag-spectrum-slider {\n  margin-top: -12px;\n  width: 13px;\n  height: 13px;\n  border-radius: 13px;\n  border: 2px solid white;\n  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);\n}\n\n.ag-recent-colors {\n  margin-top: 10px;\n}\n\n.ag-recent-color {\n  margin: 0 3px;\n}\n.ag-recent-color:first-child {\n  margin-left: 0;\n}\n.ag-recent-color:last-child {\n  margin-right: 0;\n}\n\n.ag-spectrum-color:focus-visible:not(:disabled):not([readonly]),\n.ag-spectrum-slider:focus-visible:not(:disabled):not([readonly]),\n.ag-recent-color:focus-visible:not(:disabled):not([readonly]) {\n  box-shadow: var(--ag-input-focus-box-shadow);\n}\n\n.ag-ltr .ag-color-input input[class^=ag-][type=text].ag-input-field-input {\n  padding-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);\n}\n.ag-rtl .ag-color-input input[class^=ag-][type=text].ag-input-field-input {\n  padding-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);\n}\n.ag-color-input .ag-color-input-color {\n  position: absolute;\n}\n.ag-ltr .ag-color-input .ag-color-input-color {\n  margin-left: var(--ag-grid-size);\n}\n.ag-rtl .ag-color-input .ag-color-input-color {\n  margin-right: var(--ag-grid-size);\n}\n\n.ag-color-picker-color,\n.ag-color-input-color {\n  width: var(--ag-icon-size);\n  height: var(--ag-icon-size);\n  border: var(--ag-borders-secondary) var(--ag-secondary-border-color);\n  border-radius: 2px;\n}\n\n.ag-dnd-ghost {\n  border: var(--ag-borders) var(--ag-border-color);\n  background: var(--ag-background-color);\n  border-radius: var(--ag-card-radius);\n  box-shadow: var(--ag-card-shadow);\n  padding: var(--ag-grid-size);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  border: var(--ag-borders-secondary) var(--ag-secondary-border-color);\n  color: var(--ag-secondary-foreground-color);\n  height: var(--ag-header-height);\n  line-height: var(--ag-header-height);\n  margin: 0;\n  padding: 0 calc(var(--ag-grid-size) * 2);\n  transform: translateY(calc(var(--ag-grid-size) * 2));\n}\n\n.ag-dnd-ghost-not-allowed {\n  border-color: color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 50%);\n}\n\n.ag-dnd-ghost-icon {\n  margin-right: var(--ag-grid-size);\n  color: var(--ag-foreground-color);\n}\n\n.ag-popup-child:not(.ag-tooltip-custom) {\n  box-shadow: var(--ag-popup-shadow);\n}\n\n.ag-select .ag-picker-field-wrapper {\n  min-height: var(--ag-list-item-height);\n  cursor: default;\n}\n.ag-ltr .ag-select .ag-picker-field-wrapper {\n  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);\n}\n.ag-rtl .ag-select .ag-picker-field-wrapper {\n  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);\n}\n.ag-ltr .ag-select .ag-picker-field-wrapper {\n  padding-right: var(--ag-grid-size);\n}\n.ag-rtl .ag-select .ag-picker-field-wrapper {\n  padding-left: var(--ag-grid-size);\n}\n.ag-select.ag-disabled .ag-picker-field-wrapper:focus {\n  box-shadow: none;\n}\n.ag-select:not(.ag-cell-editor):not(.ag-label-align-top) {\n  min-height: var(--ag-list-item-height);\n}\n.ag-select .ag-picker-field-display {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.ag-select .ag-picker-field-icon {\n  display: flex;\n  align-items: center;\n}\n.ag-select.ag-disabled {\n  opacity: 0.5;\n}\n\n.ag-rich-select-value,\n.ag-rich-select-list {\n  background-color: var(--ag-background-color);\n}\n\n.ag-rich-select-list {\n  width: 100%;\n  height: auto;\n  border-radius: var(--ag-border-radius);\n  border: var(--ag-borders) var(--ag-border-color);\n}\n.ag-rich-select-list .ag-loading-text {\n  padding: var(--ag-widget-vertical-spacing) var(--ag-widget-horizontal-spacing);\n}\n\n.ag-rich-select-value {\n  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);\n  padding-top: 0;\n  padding-bottom: 0;\n}\n.ag-ltr .ag-rich-select-value {\n  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);\n}\n.ag-rtl .ag-rich-select-value {\n  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);\n}\n.ag-ltr .ag-rich-select-value {\n  padding-right: var(--ag-grid-size);\n}\n.ag-rtl .ag-rich-select-value {\n  padding-left: var(--ag-grid-size);\n}\n\n.ag-ltr .ag-rich-select-field-input {\n  left: calc(var(--ag-cell-horizontal-padding));\n}\n.ag-rtl .ag-rich-select-field-input {\n  right: calc(var(--ag-cell-horizontal-padding));\n}\n\n.ag-popup-editor .ag-rich-select-value {\n  height: var(--ag-row-height);\n  min-width: 200px;\n}\n\n.ag-rich-select-virtual-list-item {\n  cursor: default;\n  height: var(--ag-list-item-height);\n}\n.ag-rich-select-virtual-list-item:focus-visible::after {\n  content: none;\n}\n\n.ag-ltr .ag-rich-select-row {\n  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);\n}\n.ag-rtl .ag-rich-select-row {\n  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);\n}\n\n.ag-rich-select-row-selected {\n  background-color: var(--ag-selected-row-background-color);\n}\n\n.ag-rich-select-row:hover,\n.ag-rich-select-row-highlighted {\n  background-image: linear-gradient(var(--ag-row-hover-color), var(--ag-row-hover-color));\n}\n\n.ag-rich-select-row-text-highlight {\n  font-weight: bold;\n}\n\n.ag-autocomplete {\n  width: 100%;\n}\n\n.ag-autocomplete-list {\n  width: 100%;\n  min-width: 200px;\n  height: calc(var(--ag-row-height) * 6.5);\n}\n\n.ag-autocomplete-virtual-list-item {\n  cursor: default;\n  height: var(--ag-list-item-height);\n}\n.ag-autocomplete-virtual-list-item:focus-visible::after {\n  content: none;\n}\n.ag-autocomplete-virtual-list-item:hover {\n  background-color: var(--ag-row-hover-color);\n}\n\n.ag-autocomplete-row-label {\n  margin: 0px var(--ag-widget-container-horizontal-padding);\n}\n\n.ag-autocomplete-row-selected {\n  background-color: var(--ag-selected-row-background-color);\n}\n\n.ag-pill {\n  border: 1px solid var(--ag-chip-border-color);\n  border-radius: var(--ag-border-radius);\n  background-color: var(--ag-chip-background-color);\n}\n\n.ag-ltr .ag-pill .ag-pill-button {\n  margin-left: var(--ag-grid-size);\n}\n.ag-rtl .ag-pill .ag-pill-button {\n  margin-right: var(--ag-grid-size);\n}\n\n.ag-pill:focus-visible {\n  border-color: var(--ag-input-focus-border-color);\n}\n\n.ag-pill .ag-pill-button:hover {\n  cursor: pointer;\n}\n\n.ag-dragging-range-handle .ag-dialog,\n.ag-dragging-fill-handle .ag-dialog {\n  opacity: 0.7;\n  pointer-events: none;\n}\n\n.ag-dialog {\n  border-radius: var(--ag-border-radius);\n  border: var(--ag-borders) var(--ag-border-color);\n  box-shadow: var(--ag-popup-shadow);\n}\n\n.ag-panel {\n  background-color: var(--ag-panel-background-color);\n  border-color: var(--ag-panel-border-color);\n}\n\n.ag-panel-title-bar {\n  color: var(--ag-header-foreground-color);\n  height: var(--ag-header-height);\n  padding: var(--ag-grid-size) var(--ag-cell-horizontal-padding);\n  border-bottom: var(--ag-borders) var(--ag-border-color);\n}\n\n.ag-ltr .ag-panel-title-bar-button {\n  margin-left: var(--ag-grid-size);\n}\n.ag-rtl .ag-panel-title-bar-button {\n  margin-right: var(--ag-grid-size);\n}\n\n.ag-tooltip {\n  background-color: var(--ag-tooltip-background-color);\n  color: var(--ag-foreground-color);\n  padding: var(--ag-grid-size);\n  border: var(--ag-borders) var(--ag-border-color);\n  border-radius: var(--ag-card-radius);\n  white-space: normal;\n}\n.ag-tooltip.ag-cell-editor-tooltip {\n  background-color: var(--ag-tooltip-error-background-color);\n  color: var(--ag-tooltip-error-text-color);\n  border: var(--ag-borders) var(--ag-tooltip-error-border-color);\n  font-weight: 500;\n}\n\n.ag-tooltip.ag-tooltip-animate,\n.ag-tooltip-custom.ag-tooltip-animate {\n  transition: opacity 1s;\n}\n.ag-tooltip.ag-tooltip-animate.ag-tooltip-hiding,\n.ag-tooltip-custom.ag-tooltip-animate.ag-tooltip-hiding {\n  opacity: 0;\n}\n\n.ag-ltr .ag-column-select-column,\n.ag-ltr .ag-column-select-column-group {\n  padding-left: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size));\n}\n.ag-rtl .ag-column-select-column,\n.ag-rtl .ag-column-select-column-group {\n  padding-right: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size));\n}\n\n.ag-column-select-header-icon {\n  cursor: pointer;\n}\n\n.ag-column-select-header-icon:focus-visible {\n  outline: none;\n}\n.ag-column-select-header-icon:focus-visible::after {\n  content: "";\n  position: absolute;\n  background-color: transparent;\n  pointer-events: none;\n  top: 0px;\n  left: 0px;\n  display: block;\n  width: calc(100% - 0px);\n  height: calc(100% - 0px);\n  border: 1px solid;\n  border-color: var(--ag-input-focus-border-color);\n}\n\n.ag-ltr .ag-column-group-icons:not(:last-child),\n.ag-ltr .ag-column-select-header-icon:not(:last-child),\n.ag-ltr .ag-column-select-header-checkbox:not(:last-child),\n.ag-ltr .ag-column-select-header-filter-wrapper:not(:last-child),\n.ag-ltr .ag-column-select-checkbox:not(:last-child),\n.ag-ltr .ag-column-select-column-drag-handle:not(:last-child),\n.ag-ltr .ag-column-select-column-group-drag-handle:not(:last-child),\n.ag-ltr .ag-column-select-column-label:not(:last-child) {\n  margin-right: var(--ag-widget-horizontal-spacing);\n}\n.ag-rtl .ag-column-group-icons:not(:last-child),\n.ag-rtl .ag-column-select-header-icon:not(:last-child),\n.ag-rtl .ag-column-select-header-checkbox:not(:last-child),\n.ag-rtl .ag-column-select-header-filter-wrapper:not(:last-child),\n.ag-rtl .ag-column-select-checkbox:not(:last-child),\n.ag-rtl .ag-column-select-column-drag-handle:not(:last-child),\n.ag-rtl .ag-column-select-column-group-drag-handle:not(:last-child),\n.ag-rtl .ag-column-select-column-label:not(:last-child) {\n  margin-left: var(--ag-widget-horizontal-spacing);\n}\n\n.ag-column-select-virtual-list-item:focus-visible {\n  outline: none;\n}\n.ag-column-select-virtual-list-item:focus-visible::after {\n  content: "";\n  position: absolute;\n  background-color: transparent;\n  pointer-events: none;\n  top: 1px;\n  left: 1px;\n  display: block;\n  width: calc(100% - 2px);\n  height: calc(100% - 2px);\n  border: 1px solid;\n  border-color: var(--ag-input-focus-border-color);\n}\n\n.ag-column-select-column-group:not(:last-child),\n.ag-column-select-column:not(:last-child) {\n  margin-bottom: var(--ag-widget-vertical-spacing);\n}\n\n.ag-column-select-column-readonly,\n.ag-column-select-column-group-readonly {\n  color: var(--ag-disabled-foreground-color);\n  pointer-events: none;\n}\n\n.ag-ltr .ag-column-select-add-group-indent {\n  margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);\n}\n.ag-rtl .ag-column-select-add-group-indent {\n  margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);\n}\n\n.ag-column-select-virtual-list-viewport {\n  padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) 0px;\n}\n\n.ag-column-select-virtual-list-item {\n  padding: 0 var(--ag-widget-container-horizontal-padding);\n}\n\n.ag-checkbox-edit {\n  padding-left: var(--ag-cell-horizontal-padding);\n  padding-right: var(--ag-cell-horizontal-padding);\n}\n\n.ag-pill-select .ag-column-drop {\n  border-bottom: 0;\n  min-height: 0;\n  min-height: initial;\n}\n.ag-pill-select .ag-column-drop-list {\n  padding: 0;\n}\n.ag-pill-select .ag-select {\n  padding-top: var(--ag-grid-size);\n}\n.ag-pill-select .ag-picker-field-wrapper {\n  background-color: transparent;\n  border: 0;\n}\n.ag-pill-select .ag-picker-field-display {\n  cursor: pointer;\n}\n\n.ag-rtl {\n  text-align: right;\n}\n\n.ag-root-wrapper {\n  border-radius: var(--ag-wrapper-border-radius);\n  border: var(--ag-borders) var(--ag-border-color);\n}\n\n.ag-row > .ag-cell-wrapper.ag-row-group {\n  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * var(--ag-indentation-level));\n}\n\n.ag-cell-wrapper.ag-row-group,\n.ag-cell-wrapper.ag-row-group-leaf-indent,\n.ag-cell-wrapper.ag-pivot-leaf-group {\n  padding-left: calc(var(--ag-indentation-level) * var(--ag-row-group-indent-size));\n}\n\n.ag-cell-wrapper > .ag-group-checkbox-spacing {\n  width: var(--ag-icon-size);\n  margin-right: var(--ag-cell-widget-spacing);\n}\n\n.ag-ltr .ag-row-group-leaf-indent {\n  margin-left: var(--ag-row-group-indent-size);\n}\n.ag-rtl .ag-row-group-leaf-indent {\n  margin-right: var(--ag-row-group-indent-size);\n}\n\n.ag-row:not(.ag-row-level-0) .ag-pivot-leaf-group {\n  margin-left: var(--ag-row-group-indent-size);\n}\n\n.ag-value-change-delta {\n  padding-right: 2px;\n}\n\n.ag-value-change-delta-up {\n  color: var(--ag-value-change-delta-up-color);\n}\n\n.ag-value-change-delta-down {\n  color: var(--ag-value-change-delta-down-color);\n}\n\n.ag-value-change-value {\n  background-color: transparent;\n  border-radius: 1px;\n  padding-left: 1px;\n  padding-right: 1px;\n  transition: background-color 1s;\n}\n\n.ag-value-change-value-highlight {\n  background-color: var(--ag-value-change-value-highlight-background-color);\n  transition: background-color 0.1s;\n}\n\n.ag-cell-data-changed {\n  background-color: var(--ag-value-change-value-highlight-background-color) !important;\n}\n\n.ag-cell-data-changed-animation {\n  background-color: transparent;\n}\n\n.ag-cell-highlight {\n  background-color: var(--ag-range-selection-highlight-color) !important;\n}\n\n.ag-row,\n.ag-spanned-row {\n  color: var(--ag-data-color);\n}\n\n.ag-row {\n  height: var(--ag-row-height);\n  background-color: var(--ag-data-background-color);\n  border-bottom: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);\n}\n.ag-row.ag-row-editing-invalid {\n  background-color: var(--ag-full-row-invalid-background-color);\n}\n\n.ag-spanned-cell-wrapper {\n  background-color: var(--ag-data-background-color);\n  position: absolute;\n}\n\n.ag-spanned-cell-wrapper > .ag-spanned-cell {\n  display: block;\n  position: relative;\n}\n\n.ag-row-highlight-above::after,\n.ag-row-highlight-inside::after,\n.ag-row-highlight-below::after {\n  content: "";\n  position: absolute;\n  width: calc(100% - 1px);\n  height: 1px;\n  background-color: var(--ag-range-selection-border-color);\n  left: 1px;\n  pointer-events: none;\n}\n\n.ag-row-highlight-above::after {\n  top: 0;\n}\n\n.ag-row-highlight-below::after {\n  bottom: 0;\n}\n\n.ag-row-highlight-indent::after {\n  display: block;\n  width: auto;\n  left: calc(2 * (var(--ag-cell-widget-spacing) + var(--ag-icon-size)) + var(--ag-cell-horizontal-padding) + var(--ag-row-highlight-level) * var(--ag-row-group-indent-size));\n  right: 1px;\n}\n\n.ag-row-highlight-inside::after {\n  display: block;\n  width: auto;\n  height: auto;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-color: var(--ag-selected-row-background-color);\n  border: 1px solid var(--ag-range-selection-border-color);\n}\n\n.ag-body,\n.ag-floating-top,\n.ag-floating-bottom {\n  background-color: var(--ag-data-background-color);\n}\n\n.ag-row-odd {\n  background-color: var(--ag-odd-row-background-color);\n}\n\n.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner) {\n  border-right: var(--ag-borders-critical) var(--ag-border-color);\n}\n.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-right-spacer:not(.ag-scroller-corner) {\n  border-left: var(--ag-borders-critical) var(--ag-border-color);\n}\n\n.ag-row-selected::before {\n  content: "";\n  background-color: var(--ag-selected-row-background-color);\n  display: block;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n\n.ag-row-hover:not(.ag-full-width-row)::before,\n.ag-row-hover.ag-full-width-row.ag-row-group::before {\n  content: "";\n  background-color: var(--ag-row-hover-color);\n  display: block;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n}\n\n.ag-row.ag-full-width-row.ag-row-group > * {\n  position: relative;\n}\n\n.ag-row-hover.ag-row-selected::before {\n  background-color: var(--ag-row-hover-color);\n  background-image: linear-gradient(var(--ag-selected-row-background-color), var(--ag-selected-row-background-color));\n}\n\n.ag-column-hover {\n  background-color: var(--ag-column-hover-color);\n}\n\n.ag-header-range-highlight {\n  background-color: var(--ag-range-header-highlight-color);\n}\n\n.ag-ltr .ag-right-aligned-cell {\n  text-align: right;\n}\n.ag-rtl .ag-right-aligned-cell {\n  text-align: left;\n}\n\n.ag-ltr .ag-right-aligned-cell .ag-cell-value,\n.ag-ltr .ag-right-aligned-cell .ag-group-value {\n  margin-left: auto;\n}\n.ag-rtl .ag-right-aligned-cell .ag-cell-value,\n.ag-rtl .ag-right-aligned-cell .ag-group-value {\n  margin-right: auto;\n}\n\n.ag-ltr .ag-right-aligned-cell .ag-skeleton-effect {\n  margin-left: auto;\n}\n.ag-rtl .ag-right-aligned-cell .ag-skeleton-effect {\n  margin-right: auto;\n}\n\n.ag-cell,\n.ag-full-width-row .ag-cell-wrapper.ag-row-group {\n  --ag-internal-calculated-line-height: var(\n      --ag-line-height,\n      calc(var(--ag-row-height) - var(--ag-row-border-width))\n  );\n  --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width) - 2px);\n  border: 1px solid transparent;\n  line-height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));\n  padding-left: calc(var(--ag-cell-horizontal-padding) - 1px + var(--ag-row-group-indent-size) * var(--ag-indentation-level));\n  padding-right: calc(var(--ag-cell-horizontal-padding) - 1px);\n  -webkit-font-smoothing: subpixel-antialiased;\n}\n\n.ag-row > .ag-cell-wrapper {\n  padding-left: calc(var(--ag-cell-horizontal-padding) - 1px);\n  padding-right: calc(var(--ag-cell-horizontal-padding) - 1px);\n}\n\n.ag-row-dragging {\n  cursor: move;\n  opacity: 0.5;\n}\n\n.ag-cell-inline-editing {\n  border: 1px solid var(--ag-border-color);\n  border-radius: var(--ag-card-radius);\n  box-shadow: var(--ag-card-shadow);\n  padding: 0;\n  background-color: var(--ag-control-panel-background-color);\n}\n\n.ag-popup-editor .ag-large-text,\n.ag-autocomplete-list-popup {\n  border: var(--ag-borders) var(--ag-border-color);\n  background: var(--ag-background-color);\n  border-radius: var(--ag-card-radius);\n  box-shadow: var(--ag-card-shadow);\n  padding: var(--ag-grid-size);\n  background-color: var(--ag-control-panel-background-color);\n  padding: 0;\n}\n\n.ag-large-text-input {\n  height: auto;\n  padding: var(--ag-cell-horizontal-padding);\n}\n\n.ag-rtl .ag-large-text-input textarea {\n  resize: none;\n}\n\n.ag-details-row {\n  padding: calc(var(--ag-grid-size) * 5);\n  background-color: var(--ag-data-background-color);\n}\n\n.ag-layout-auto-height .ag-center-cols-viewport,\n.ag-layout-auto-height .ag-center-cols-container,\n.ag-layout-print .ag-center-cols-viewport,\n.ag-layout-print .ag-center-cols-container {\n  min-height: 50px;\n}\n\n.ag-overlay-loading-wrapper {\n  background-color: var(--ag-modal-overlay-background-color);\n}\n\n.ag-overlay-loading-center {\n  border: var(--ag-borders) var(--ag-border-color);\n  background: var(--ag-background-color);\n  border-radius: var(--ag-card-radius);\n  box-shadow: var(--ag-card-shadow);\n  padding: var(--ag-grid-size);\n}\n\n.ag-skeleton-container {\n  width: 100%;\n  height: 100%;\n  align-content: center;\n}\n\n.ag-skeleton-effect {\n  background-color: var(--ag-row-loading-skeleton-effect-color);\n  width: 100%;\n  height: 1em;\n  border-radius: 0.25rem;\n  animation: ag-skeleton-loading 1.5s ease-in-out 0.5s infinite;\n}\n\n@keyframes ag-skeleton-loading {\n  0% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n.ag-loading {\n  display: flex;\n  height: 100%;\n  align-items: center;\n}\n.ag-ltr .ag-loading {\n  padding-left: var(--ag-cell-horizontal-padding);\n}\n.ag-rtl .ag-loading {\n  padding-right: var(--ag-cell-horizontal-padding);\n}\n\n.ag-ltr .ag-loading-icon {\n  padding-right: var(--ag-cell-widget-spacing);\n}\n.ag-rtl .ag-loading-icon {\n  padding-left: var(--ag-cell-widget-spacing);\n}\n\n.ag-icon-loading {\n  animation-name: spin;\n  animation-duration: 1000ms;\n  animation-iteration-count: infinite;\n  animation-timing-function: linear;\n}\n\n@keyframes spin {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n.ag-floating-top:not(.ag-invisible) {\n  border-bottom: var(--ag-borders-critical) var(--ag-border-color);\n}\n\n.ag-floating-bottom:not(.ag-invisible) {\n  border-top: var(--ag-borders-critical) var(--ag-border-color);\n}\n\n.ag-find-cell {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.ag-find-match {\n  color: var(--ag-find-match-color);\n  background-color: var(--ag-find-match-background-color);\n}\n\n.ag-find-active-match {\n  color: var(--ag-find-active-match-color);\n  background-color: var(--ag-find-active-match-background-color);\n}\n\n.ag-ltr .ag-cell {\n  border-right: var(--ag-cell-horizontal-border);\n}\n.ag-rtl .ag-cell {\n  border-left: var(--ag-cell-horizontal-border);\n}\n.ag-ltr .ag-cell {\n  border-right-width: 1px;\n}\n.ag-rtl .ag-cell {\n  border-left-width: 1px;\n}\n\n.ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell) {\n  border-left: var(--ag-borders-critical) var(--ag-border-color);\n}\n\n.ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) {\n  border-right: var(--ag-borders-critical) var(--ag-border-color);\n}\n\n.ag-cell-range-selected:not(.ag-cell-focus),\n.ag-cell-range-selected.ag-cell-range-chart,\n.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing) {\n  background-color: var(--ag-range-selection-background-color);\n}\n.ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart,\n.ag-cell-range-selected.ag-cell-range-chart.ag-cell-range-chart,\n.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart {\n  background-color: var(--ag-range-selection-chart-background-color) !important;\n}\n.ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart.ag-cell-range-chart-category,\n.ag-cell-range-selected.ag-cell-range-chart.ag-cell-range-chart.ag-cell-range-chart-category,\n.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart.ag-cell-range-chart-category {\n  background-color: var(--ag-range-selection-chart-category-background-color) !important;\n}\n\n.ag-cell-range-selected-1:not(.ag-cell-focus),\n.ag-cell-range-selected-1.ag-cell-range-chart,\n.ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-1:not(.ag-cell-inline-editing) {\n  background-color: var(--ag-range-selection-background-color);\n}\n\n.ag-cell-range-selected-2:not(.ag-cell-focus),\n.ag-cell-range-selected-2.ag-cell-range-chart,\n.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-2 {\n  background-color: var(--ag-range-selection-background-color-2);\n}\n\n.ag-cell-range-selected-3:not(.ag-cell-focus),\n.ag-cell-range-selected-3.ag-cell-range-chart,\n.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-3 {\n  background-color: var(--ag-range-selection-background-color-3);\n}\n\n.ag-cell-range-selected-4:not(.ag-cell-focus),\n.ag-cell-range-selected-4.ag-cell-range-chart,\n.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-4 {\n  background-color: var(--ag-range-selection-background-color-4);\n}\n\n.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top {\n  border-top-color: var(--ag-range-selection-border-color);\n  border-top-style: var(--ag-range-selection-border-style);\n}\n.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right {\n  border-right-color: var(--ag-range-selection-border-color);\n  border-right-style: var(--ag-range-selection-border-style);\n}\n.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom {\n  border-bottom-color: var(--ag-range-selection-border-color);\n  border-bottom-style: var(--ag-range-selection-border-style);\n}\n.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left {\n  border-left-color: var(--ag-range-selection-border-color);\n  border-left-style: var(--ag-range-selection-border-style);\n}\n\n.ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within,\n.ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),\n.ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,\n.ag-ltr .ag-cell-range-single-cell,\n.ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle,\n.ag-rtl .ag-cell-focus:not(.ag-cell-range-selected):focus-within,\n.ag-rtl .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),\n.ag-rtl .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,\n.ag-rtl .ag-cell-range-single-cell,\n.ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle {\n  border: 1px solid;\n  border-color: var(--ag-range-selection-border-color);\n  border-style: var(--ag-range-selection-border-style);\n  outline: medium none currentcolor;\n  outline: initial;\n}\n\n.ag-cell.ag-selection-fill-top,\n.ag-cell.ag-selection-fill-top.ag-cell-range-selected {\n  border-top: 1px dashed;\n  border-top-color: var(--ag-range-selection-border-color);\n}\n\n.ag-ltr .ag-cell.ag-selection-fill-right,\n.ag-ltr .ag-cell.ag-selection-fill-right.ag-cell-range-selected {\n  border-right: 1px dashed var(--ag-range-selection-border-color) !important;\n}\n.ag-rtl .ag-cell.ag-selection-fill-right,\n.ag-rtl .ag-cell.ag-selection-fill-right.ag-cell-range-selected {\n  border-left: 1px dashed var(--ag-range-selection-border-color) !important;\n}\n\n.ag-cell.ag-selection-fill-bottom,\n.ag-cell.ag-selection-fill-bottom.ag-cell-range-selected {\n  border-bottom: 1px dashed;\n  border-bottom-color: var(--ag-range-selection-border-color);\n}\n\n.ag-ltr .ag-cell.ag-selection-fill-left,\n.ag-ltr .ag-cell.ag-selection-fill-left.ag-cell-range-selected {\n  border-left: 1px dashed var(--ag-range-selection-border-color) !important;\n}\n.ag-rtl .ag-cell.ag-selection-fill-left,\n.ag-rtl .ag-cell.ag-selection-fill-left.ag-cell-range-selected {\n  border-right: 1px dashed var(--ag-range-selection-border-color) !important;\n}\n\n.ag-fill-handle,\n.ag-range-handle {\n  position: absolute;\n  width: 6px;\n  height: 6px;\n  bottom: -1px;\n  background-color: var(--ag-range-selection-border-color);\n}\n.ag-ltr .ag-fill-handle,\n.ag-ltr .ag-range-handle {\n  right: -1px;\n}\n.ag-rtl .ag-fill-handle,\n.ag-rtl .ag-range-handle {\n  left: -1px;\n}\n\n.ag-fill-handle {\n  cursor: crosshair;\n}\n\n.ag-range-handle {\n  cursor: nwse-resize;\n}\n\n.ag-cell-inline-editing {\n  border-color: var(--ag-input-focus-border-color) !important;\n}\n.ag-cell-inline-editing.ag-cell-editing-error {\n  border-color: var(--ag-invalid-color) !important;\n}\n\n.ag-menu {\n  border: var(--ag-borders) var(--ag-border-color);\n  background: var(--ag-background-color);\n  border-radius: var(--ag-card-radius);\n  box-shadow: var(--ag-card-shadow);\n  padding: var(--ag-grid-size);\n  background-color: var(--ag-menu-background-color);\n  border-color: var(--ag-menu-border-color);\n  padding: 0;\n}\n\n.ag-menu.ag-tabs {\n  min-width: var(--ag-tab-min-width);\n}\n\n.ag-menu-list {\n  cursor: default;\n  padding: var(--ag-grid-size) 0;\n}\n\n.ag-menu-separator {\n  height: calc(var(--ag-grid-size) * 2 + 1px);\n}\n\n.ag-menu-separator-part::after {\n  content: "";\n  display: block;\n  border-top: var(--ag-borders-critical) var(--ag-border-color);\n}\n\n.ag-menu-option {\n  position: relative;\n}\n\n.ag-menu-option:focus-visible {\n  outline: none;\n}\n.ag-menu-option:focus-visible::after {\n  content: "";\n  position: absolute;\n  background-color: transparent;\n  pointer-events: none;\n  top: 1px;\n  left: 1px;\n  display: block;\n  width: calc(100% - 2px);\n  height: calc(100% - 2px);\n  border: 1px solid;\n  border-color: var(--ag-input-focus-border-color);\n}\n\n.ag-menu-option-active,\n.ag-compact-menu-option-active {\n  background-color: var(--ag-row-hover-color);\n}\n\n.ag-menu-option-part,\n.ag-compact-menu-option-part {\n  line-height: var(--ag-icon-size);\n  padding: calc(var(--ag-grid-size) + 2px) 0;\n}\n\n.ag-menu-option-disabled,\n.ag-compact-menu-option-disabled {\n  opacity: 0.5;\n}\n\n.ag-menu-option-icon,\n.ag-compact-menu-option-icon {\n  width: var(--ag-icon-size);\n}\n.ag-ltr .ag-menu-option-icon,\n.ag-ltr .ag-compact-menu-option-icon {\n  padding-left: calc(var(--ag-grid-size) * 2);\n}\n.ag-rtl .ag-menu-option-icon,\n.ag-rtl .ag-compact-menu-option-icon {\n  padding-right: calc(var(--ag-grid-size) * 2);\n}\n\n.ag-menu-option-text,\n.ag-compact-menu-option-text {\n  padding-left: calc(var(--ag-grid-size) * 2);\n  padding-right: calc(var(--ag-grid-size) * 2);\n}\n\n.ag-ltr .ag-menu-option-shortcut,\n.ag-ltr .ag-compact-menu-option-shortcut {\n  padding-right: var(--ag-grid-size);\n}\n.ag-rtl .ag-menu-option-shortcut,\n.ag-rtl .ag-compact-menu-option-shortcut {\n  padding-left: var(--ag-grid-size);\n}\n\n.ag-ltr .ag-menu-option-popup-pointer,\n.ag-ltr .ag-compact-menu-option-popup-pointer {\n  padding-right: var(--ag-grid-size);\n}\n.ag-rtl .ag-menu-option-popup-pointer,\n.ag-rtl .ag-compact-menu-option-popup-pointer {\n  padding-left: var(--ag-grid-size);\n}\n\n.ag-tabs-header {\n  display: flex;\n}\n\n.ag-tabs-header-wrapper {\n  display: flex;\n}\n.ag-tabs-header-wrapper .ag-tabs-header {\n  flex: 1;\n}\n\n.ag-tabs-close-button-wrapper {\n  border: 0;\n  border-right: var(--ag-borders) var(--ag-border-color);\n  padding: var(--ag-grid-size);\n}\n\n.ag-tabs-close-button {\n  border: 0;\n  background-color: transparent;\n  background-color: initial;\n  cursor: pointer;\n  padding: 0;\n}\n\n.ag-tab {\n  border-bottom: var(--ag-selected-tab-underline-width) solid transparent;\n  transition: border-bottom var(--ag-selected-tab-underline-transition-speed);\n  display: flex;\n  flex: none;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n}\n\n.ag-tab:focus-visible {\n  outline: none;\n}\n.ag-tab:focus-visible::after {\n  content: "";\n  position: absolute;\n  background-color: transparent;\n  pointer-events: none;\n  top: 4px;\n  left: 4px;\n  display: block;\n  width: calc(100% - 8px);\n  height: calc(100% - 8px);\n  border: 1px solid;\n  border-color: var(--ag-input-focus-border-color);\n}\n\n.ag-tab-selected {\n  border-bottom-color: var(--ag-selected-tab-underline-color);\n}\n\n.ag-menu-header {\n  color: var(--ag-secondary-foreground-color);\n}\n\n.ag-filter-separator {\n  border-top: var(--ag-borders-critical) var(--ag-border-color);\n}\n\n.ag-filter-select .ag-picker-field-wrapper {\n  width: 0;\n}\n\n.ag-filter-condition-operator {\n  height: 17px;\n}\n\n.ag-ltr .ag-filter-condition-operator-or {\n  margin-left: calc(var(--ag-grid-size) * 2);\n}\n.ag-rtl .ag-filter-condition-operator-or {\n  margin-right: calc(var(--ag-grid-size) * 2);\n}\n\n.ag-set-filter-select-all {\n  padding-top: var(--ag-widget-container-vertical-padding);\n}\n\n.ag-set-filter-list,\n.ag-filter-no-matches {\n  height: calc(var(--ag-list-item-height) * 6);\n}\n\n.ag-set-filter-tree-list {\n  height: calc(var(--ag-list-item-height) * 10);\n}\n\n.ag-set-filter-filter {\n  margin-top: var(--ag-widget-container-vertical-padding);\n  margin-left: var(--ag-widget-container-horizontal-padding);\n  margin-right: var(--ag-widget-container-horizontal-padding);\n}\n\n.ag-filter-to {\n  margin-top: var(--ag-widget-vertical-spacing);\n}\n\n.ag-mini-filter {\n  margin: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);\n}\n\n.ag-set-filter {\n  --ag-indentation-level: 0;\n}\n\n.ag-ltr .ag-set-filter-item {\n  padding-left: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));\n}\n.ag-rtl .ag-set-filter-item {\n  padding-right: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));\n}\n\n.ag-ltr .ag-set-filter-add-group-indent {\n  margin-left: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding));\n}\n.ag-rtl .ag-set-filter-add-group-indent {\n  margin-right: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding));\n}\n\n.ag-ltr .ag-set-filter-group-icons {\n  margin-right: var(--ag-widget-container-horizontal-padding);\n}\n.ag-rtl .ag-set-filter-group-icons {\n  margin-left: var(--ag-widget-container-horizontal-padding);\n}\n\n.ag-filter-menu .ag-set-filter-list {\n  min-width: 200px;\n}\n\n.ag-filter-virtual-list-item:focus-visible {\n  outline: none;\n}\n.ag-filter-virtual-list-item:focus-visible::after {\n  content: "";\n  position: absolute;\n  background-color: transparent;\n  pointer-events: none;\n  top: 1px;\n  left: 1px;\n  display: block;\n  width: calc(100% - 2px);\n  height: calc(100% - 2px);\n  border: 1px solid;\n  border-color: var(--ag-input-focus-border-color);\n}\n\n.ag-filter-apply-panel {\n  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);\n  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);\n}\n\n.ag-filter-apply-panel-button {\n  line-height: 1.5;\n}\n.ag-ltr .ag-filter-apply-panel-button {\n  margin-left: calc(var(--ag-grid-size) * 2);\n}\n.ag-rtl .ag-filter-apply-panel-button {\n  margin-right: calc(var(--ag-grid-size) * 2);\n}\n\n.ag-simple-filter-body-wrapper {\n  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);\n  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));\n  overflow-y: auto;\n  min-height: calc(var(--ag-list-item-height) + var(--ag-widget-container-vertical-padding) + var(--ag-widget-vertical-spacing));\n}\n.ag-simple-filter-body-wrapper > * {\n  margin-bottom: var(--ag-widget-vertical-spacing);\n}\n.ag-simple-filter-body-wrapper .ag-resizer-wrapper {\n  margin: 0;\n}\n\n.ag-menu:not(.ag-tabs) .ag-filter .ag-filter-body-wrapper,\n.ag-menu:not(.ag-tabs) .ag-filter > *:not(.ag-filter-wrapper) {\n  min-width: calc(var(--ag-menu-min-width) - 2px);\n}\n\n.ag-filter-no-matches {\n  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);\n}\n\n.ag-multi-filter-menu-item {\n  margin: var(--ag-grid-size) 0;\n}\n\n.ag-multi-filter-group-title-bar {\n  padding: calc(var(--ag-grid-size) * 2) var(--ag-grid-size);\n  background-color: transparent;\n}\n\n.ag-group-filter-field-select-wrapper {\n  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);\n  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));\n}\n.ag-group-filter-field-select-wrapper > * {\n  margin-bottom: var(--ag-widget-vertical-spacing);\n}\n\n.ag-multi-filter-group-title-bar:focus-visible {\n  outline: none;\n}\n.ag-multi-filter-group-title-bar:focus-visible::after {\n  content: "";\n  position: absolute;\n  background-color: transparent;\n  pointer-events: none;\n  top: 4px;\n  left: 4px;\n  display: block;\n  width: calc(100% - 8px);\n  height: calc(100% - 8px);\n  border: 1px solid;\n  border-color: var(--ag-input-focus-border-color);\n}\n\n.ag-side-bar {\n  position: relative;\n}\n\n.ag-tool-panel-wrapper {\n  width: var(--ag-side-bar-panel-width);\n  background-color: var(--ag-control-panel-background-color);\n}\n\n.ag-tool-panel-external {\n  display: flex;\n  flex-direction: row;\n}\n\n:where(.ag-tool-panel-external) .ag-tool-panel-wrapper {\n  flex-grow: 1;\n}\n\n.ag-side-buttons {\n  padding-top: calc(var(--ag-grid-size) * 4);\n  width: calc(var(--ag-icon-size) + 4px);\n  position: relative;\n  overflow: hidden;\n}\n\nbutton.ag-side-button-button {\n  color: inherit;\n  font-family: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  line-height: inherit;\n  background: transparent;\n  padding: calc(var(--ag-grid-size) * 2) 0 calc(var(--ag-grid-size) * 2) 0;\n  width: 100%;\n  margin: 0;\n  min-height: calc(var(--ag-grid-size) * 18);\n  background-position-y: center;\n  background-position-x: center;\n  background-repeat: no-repeat;\n  border: none;\n  border-top: var(--ag-borders-side-button) var(--ag-border-color);\n  border-bottom: var(--ag-borders-side-button) var(--ag-border-color);\n}\nbutton.ag-side-button-button:focus {\n  box-shadow: none;\n}\n\n.ag-side-button-button:focus-visible {\n  outline: none;\n}\n.ag-side-button-button:focus-visible::after {\n  content: "";\n  position: absolute;\n  background-color: transparent;\n  pointer-events: none;\n  top: 4px;\n  left: 4px;\n  display: block;\n  width: calc(100% - 8px);\n  height: calc(100% - 8px);\n  border: 1px solid;\n  border-color: var(--ag-input-focus-border-color);\n}\n\n.ag-selected button.ag-side-button-button {\n  background-color: var(--ag-side-button-selected-background-color);\n}\n\n.ag-side-button-icon-wrapper {\n  margin-bottom: 3px;\n}\n\n.ag-ltr .ag-side-bar-left,\n.ag-rtl .ag-side-bar-right {\n  border-right: var(--ag-borders) var(--ag-border-color);\n}\n.ag-ltr .ag-side-bar-left .ag-tool-panel-wrapper,\n.ag-rtl .ag-side-bar-right .ag-tool-panel-wrapper {\n  border-left: var(--ag-borders) var(--ag-border-color);\n}\n.ag-ltr .ag-side-bar-left .ag-side-button-button,\n.ag-rtl .ag-side-bar-right .ag-side-button-button {\n  border-right: var(--ag-selected-tab-underline-width) solid transparent;\n  transition: border-right var(--ag-selected-tab-underline-transition-speed);\n}\n.ag-ltr .ag-side-bar-left .ag-selected .ag-side-button-button,\n.ag-rtl .ag-side-bar-right .ag-selected .ag-side-button-button {\n  border-right-color: var(--ag-selected-tab-underline-color);\n}\n\n.ag-rtl .ag-side-bar-left,\n.ag-ltr .ag-side-bar-right {\n  border-left: var(--ag-borders) var(--ag-border-color);\n}\n.ag-rtl .ag-side-bar-left .ag-tool-panel-wrapper,\n.ag-ltr .ag-side-bar-right .ag-tool-panel-wrapper {\n  border-right: var(--ag-borders) var(--ag-border-color);\n}\n.ag-rtl .ag-side-bar-left .ag-side-button-button,\n.ag-ltr .ag-side-bar-right .ag-side-button-button {\n  border-left: var(--ag-selected-tab-underline-width) solid transparent;\n  transition: border-left var(--ag-selected-tab-underline-transition-speed);\n}\n.ag-rtl .ag-side-bar-left .ag-selected .ag-side-button-button,\n.ag-ltr .ag-side-bar-right .ag-selected .ag-side-button-button {\n  border-left-color: var(--ag-selected-tab-underline-color);\n}\n\n.ag-filter-toolpanel-header {\n  height: calc(var(--ag-grid-size) * 6);\n}\n\n.ag-filter-toolpanel-header,\n.ag-filter-toolpanel-search {\n  padding: 0 var(--ag-grid-size);\n}\n\n.ag-filter-toolpanel-header:focus-visible {\n  outline: none;\n}\n.ag-filter-toolpanel-header:focus-visible::after {\n  content: "";\n  position: absolute;\n  background-color: transparent;\n  pointer-events: none;\n  top: 4px;\n  left: 4px;\n  display: block;\n  width: calc(100% - 8px);\n  height: calc(100% - 8px);\n  border: 1px solid;\n  border-color: var(--ag-input-focus-border-color);\n}\n\n.ag-filter-toolpanel-group:not(.ag-has-filter) > .ag-group-title-bar .ag-filter-toolpanel-group-instance-header-icon {\n  display: none;\n}\n\n.ag-filter-toolpanel-group-level-0-header {\n  height: calc(var(--ag-grid-size) * 8);\n}\n\n.ag-filter-toolpanel-group-item {\n  margin-top: calc(var(--ag-grid-size) * 0.5);\n  margin-bottom: calc(var(--ag-grid-size) * 0.5);\n}\n\n.ag-filter-toolpanel-search {\n  height: var(--ag-header-height);\n}\n\n.ag-filter-toolpanel-search-input {\n  flex-grow: 1;\n  height: calc(var(--ag-grid-size) * 4);\n}\n.ag-ltr .ag-filter-toolpanel-search-input {\n  margin-right: var(--ag-grid-size);\n}\n.ag-rtl .ag-filter-toolpanel-search-input {\n  margin-left: var(--ag-grid-size);\n}\n\n.ag-filter-toolpanel-group-level-0 {\n  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);\n}\n\n.ag-ltr .ag-filter-toolpanel-expand,\n.ag-ltr .ag-filter-toolpanel-group-title-bar-icon {\n  margin-right: var(--ag-grid-size);\n}\n.ag-rtl .ag-filter-toolpanel-expand,\n.ag-rtl .ag-filter-toolpanel-group-title-bar-icon {\n  margin-left: var(--ag-grid-size);\n}\n\n.ag-filter-toolpanel-group-title-bar {\n  background-color: transparent;\n}\n\n.ag-ltr .ag-filter-toolpanel-header {\n  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 0 + var(--ag-grid-size));\n  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level, 0) + var(--ag-grid-size));\n}\n.ag-rtl .ag-filter-toolpanel-header {\n  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 0 + var(--ag-grid-size));\n  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level, 0) + var(--ag-grid-size));\n}\n\n.ag-filter-toolpanel-instance-filter {\n  border-bottom: var(--ag-borders) var(--ag-border-color);\n  border-top: var(--ag-borders) var(--ag-border-color);\n  margin-top: var(--ag-grid-size);\n}\n\n.ag-ltr .ag-filter-toolpanel-group-instance-header-icon,\n.ag-ltr .ag-filter-toolpanel-instance-header-icon {\n  margin-left: var(--ag-grid-size);\n}\n.ag-rtl .ag-filter-toolpanel-group-instance-header-icon,\n.ag-rtl .ag-filter-toolpanel-instance-header-icon {\n  margin-right: var(--ag-grid-size);\n}\n\n.ag-set-filter-group-icons {\n  color: var(--ag-secondary-foreground-color);\n}\n\n.ag-filter-panel {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n.ag-filter-panel .ag-simple-filter-body-wrapper {\n  padding: var(--ag-widget-vertical-spacing) var(--ag-widget-container-horizontal-padding) 0;\n}\n.ag-filter-panel .ag-mini-filter {\n  margin-top: var(--ag-widget-vertical-spacing);\n  margin-left: var(--ag-widget-container-horizontal-padding);\n  margin-right: var(--ag-widget-container-horizontal-padding);\n}\n.ag-filter-panel .ag-standard-button {\n  transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;\n}\n.ag-filter-panel .ag-simple-filter-body-wrapper > *:last-child,\n.ag-filter-panel .ag-set-filter-body-wrapper {\n  margin-bottom: var(--ag-widget-container-vertical-padding);\n}\n\n.ag-filter-panel-container {\n  flex: 1;\n  overflow: auto;\n  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding) 0;\n}\n\n.ag-filter-panel-container > *:not(:last-child) {\n  margin-bottom: var(--ag-widget-container-vertical-padding);\n}\n\n.ag-filter-card {\n  border: 1px solid var(--ag-border-color);\n  border-radius: var(--ag-border-radius);\n  background-color: var(--ag-background-color);\n}\n.ag-ltr .ag-filter-card .ag-set-filter-item {\n  padding-left: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));\n  padding-right: var(--ag-widget-container-horizontal-padding);\n}\n.ag-rtl .ag-filter-card .ag-set-filter-item {\n  padding-right: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));\n  padding-left: var(--ag-widget-container-horizontal-padding);\n}\n\n.ag-filter-card-header {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding-top: var(--ag-widget-vertical-spacing);\n}\n.ag-ltr .ag-filter-card-header > *:not(:last-child) {\n  padding-right: var(--ag-grid-size);\n}\n.ag-rtl .ag-filter-card-header > *:not(:last-child) {\n  padding-left: var(--ag-grid-size);\n}\n\n.ag-filter-card-heading {\n  flex: 1;\n  overflow: hidden;\n  padding-top: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));\n  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));\n}\n.ag-ltr .ag-filter-card-heading {\n  padding-left: var(--ag-widget-horizontal-spacing);\n}\n.ag-rtl .ag-filter-card-heading {\n  padding-right: var(--ag-widget-horizontal-spacing);\n}\n\n.ag-filter-card-expand {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.ag-filter-card-title {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.ag-filter-card-expand-icon {\n  display: flex;\n  flex: 1;\n  justify-content: end;\n}\n\n.ag-filter-card-editing-icon {\n  margin: 0 var(--ag-grid-size);\n}\n\n.ag-filter-card-summary,\n.ag-filter-card-expand-icon .ag-icon,\n.ag-filter-card-delete-icon .ag-icon,\n.ag-filter-card-editing-icon .ag-icon {\n  color: var(--ag-filter-panel-card-subtle-color);\n}\n\n.ag-filter-card-expand-icon .ag-icon,\n.ag-filter-card-delete-icon .ag-icon {\n  transition: color 0.25s ease-in-out;\n}\n\n.ag-filter-card-expand-icon:hover .ag-icon,\n.ag-filter-card-delete-icon:hover .ag-icon {\n  color: var(--ag-filter-panel-card-subtle-hover-color);\n}\n\n.ag-filter-card-heading:hover .ag-filter-card-expand-icon .ag-icon {\n  color: var(--ag-filter-panel-card-subtle-hover-color);\n}\n\n.ag-filter-card-expand,\n.ag-filter-card-delete {\n  border-radius: var(--ag-button-border-radius);\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n}\n\n.ag-filter-panel .ag-standard-button {\n  cursor: pointer;\n}\n\n.ag-filter-card-summary,\n.ag-filter-type-select {\n  margin-left: var(--ag-widget-container-horizontal-padding);\n  margin-right: var(--ag-widget-container-horizontal-padding);\n}\n\n.ag-ltr .ag-filter-card-delete {\n  margin-right: var(--ag-widget-horizontal-spacing);\n}\n.ag-rtl .ag-filter-card-delete {\n  margin-left: var(--ag-widget-horizontal-spacing);\n}\n\n.ag-filter-card-summary {\n  margin-bottom: var(--ag-widget-container-vertical-padding);\n}\n\n.ag-filter-type-select {\n  padding-top: var(--ag-widget-vertical-spacing);\n}\n\n.ag-filter-card-add {\n  padding: 0;\n  border: 0;\n}\n\n.ag-filter-add-button {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  align-items: center;\n  line-height: 1.5;\n}\n\n.ag-ltr .ag-filter-add-button-label {\n  margin-left: var(--ag-grid-size);\n}\n.ag-rtl .ag-filter-add-button-label {\n  margin-right: var(--ag-grid-size);\n}\n\n.ag-filter-add-select {\n  border: 0;\n}\n.ag-ltr .ag-filter-add-select .ag-text-field-input {\n  padding-left: calc(var(--ag-grid-size) * 1.5 + 12px) !important;\n}\n.ag-rtl .ag-filter-add-select .ag-text-field-input {\n  padding-right: calc(var(--ag-grid-size) * 1.5 + 12px) !important;\n}\n.ag-filter-add-select .ag-rich-select-value {\n  padding: calc((1.5 * var(--ag-font-size) + 4 * var(--ag-grid-size) - var(--ag-input-height)) / 2) var(--ag-grid-size);\n  border: 0;\n}\n\n.ag-pivot-mode-panel {\n  min-height: var(--ag-header-height);\n  height: var(--ag-header-height);\n  display: flex;\n}\n\n.ag-pivot-mode-select {\n  display: flex;\n  align-items: center;\n}\n.ag-ltr .ag-pivot-mode-select {\n  margin-left: var(--ag-widget-container-horizontal-padding);\n}\n.ag-rtl .ag-pivot-mode-select {\n  margin-right: var(--ag-widget-container-horizontal-padding);\n}\n\n.ag-column-select-header:focus-visible {\n  outline: none;\n}\n.ag-column-select-header:focus-visible::after {\n  content: "";\n  position: absolute;\n  background-color: transparent;\n  pointer-events: none;\n  top: 4px;\n  left: 4px;\n  display: block;\n  width: calc(100% - 8px);\n  height: calc(100% - 8px);\n  border: 1px solid;\n  border-color: var(--ag-input-focus-border-color);\n}\n\n.ag-column-select-header {\n  height: var(--ag-header-height);\n  align-items: center;\n  padding: 0 var(--ag-widget-container-horizontal-padding);\n  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);\n}\n\n.ag-column-panel-column-select {\n  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);\n  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);\n}\n\n.ag-column-group-icons,\n.ag-column-select-header-icon {\n  color: var(--ag-secondary-foreground-color);\n}\n\n.ag-column-select-list .ag-list-item-hovered::after {\n  content: "";\n  position: absolute;\n  left: 0;\n  right: 0;\n  height: 1px;\n}\n.ag-column-select-list .ag-item-highlight-top::after {\n  top: 0;\n}\n.ag-column-select-list .ag-item-highlight-bottom::after {\n  bottom: 0;\n}\n\n.ag-header,\n.ag-advanced-filter-header {\n  background-color: var(--ag-header-background-color);\n  border-bottom: var(--ag-borders-critical) var(--ag-border-color);\n}\n\n.ag-header-row {\n  color: var(--ag-header-foreground-color);\n  height: var(--ag-header-height);\n}\n\n.ag-pinned-right-header {\n  border-left: var(--ag-borders-critical) var(--ag-border-color);\n}\n\n.ag-pinned-left-header {\n  border-right: var(--ag-borders-critical) var(--ag-border-color);\n}\n\n.ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,\n.ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon {\n  margin-left: var(--ag-grid-size);\n}\n.ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,\n.ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon {\n  margin-right: var(--ag-grid-size);\n}\n\n.ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon,\n.ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon {\n  margin-right: var(--ag-grid-size);\n}\n.ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-label-icon,\n.ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon {\n  margin-left: var(--ag-grid-size);\n}\n\n.ag-header-cell,\n.ag-header-group-cell {\n  padding-left: var(--ag-cell-horizontal-padding);\n  padding-right: var(--ag-cell-horizontal-padding);\n}\n.ag-header-cell.ag-header-cell-moving,\n.ag-header-group-cell.ag-header-cell-moving {\n  background-color: var(--ag-header-cell-moving-background-color);\n}\n\n.ag-ltr .ag-header-group-cell-label.ag-sticky-label {\n  left: var(--ag-cell-horizontal-padding);\n}\n.ag-rtl .ag-header-group-cell-label.ag-sticky-label {\n  right: var(--ag-cell-horizontal-padding);\n}\n\n.ag-header-cell:focus-visible {\n  outline: none;\n}\n.ag-header-cell:focus-visible::after {\n  content: "";\n  position: absolute;\n  background-color: transparent;\n  pointer-events: none;\n  top: 4px;\n  left: 4px;\n  display: block;\n  width: calc(100% - 8px);\n  height: calc(100% - 8px);\n  border: 1px solid;\n  border-color: var(--ag-input-focus-border-color);\n}\n\n.ag-header-group-cell:focus-visible {\n  outline: none;\n}\n.ag-header-group-cell:focus-visible::after {\n  content: "";\n  position: absolute;\n  background-color: transparent;\n  pointer-events: none;\n  top: 4px;\n  left: 4px;\n  display: block;\n  width: calc(100% - 8px);\n  height: calc(100% - 8px);\n  border: 1px solid;\n  border-color: var(--ag-input-focus-border-color);\n}\n\n.ag-advanced-filter-header-cell:focus-visible {\n  outline: none;\n}\n.ag-advanced-filter-header-cell:focus-visible::after {\n  content: "";\n  position: absolute;\n  background-color: transparent;\n  pointer-events: none;\n  top: 4px;\n  left: 4px;\n  display: block;\n  width: calc(100% - 8px);\n  height: calc(100% - 8px);\n  border: 1px solid;\n  border-color: var(--ag-input-focus-border-color);\n}\n\n.ag-header-icon {\n  color: var(--ag-secondary-foreground-color);\n}\n\n.ag-header-expand-icon {\n  cursor: pointer;\n}\n.ag-ltr .ag-header-expand-icon {\n  margin-left: 4px;\n}\n.ag-rtl .ag-header-expand-icon {\n  margin-right: 4px;\n}\n\n.ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total):not(.ag-header-parent-hidden),\n.ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group {\n  border-top: var(--ag-borders-critical) var(--ag-border-color);\n}\n\n.ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover, .ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover).ag-column-resizing,\n.ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover,\n.ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover).ag-column-resizing,\n.ag-header-group-cell:first-of-type:not(.ag-header-cell-moving):hover,\n.ag-header-group-cell:first-of-type.ag-column-resizing,\n.ag-header-cell:not(.ag-column-hover):first-of-type:not(.ag-header-cell-moving):hover,\n.ag-header-cell:not(.ag-column-hover):first-of-type.ag-column-resizing {\n  background-color: var(--ag-header-cell-hover-background-color);\n}\n\n.ag-header-cell::before,\n.ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {\n  content: "";\n  position: absolute;\n  z-index: 1;\n  display: var(--ag-header-column-separator-display);\n  width: var(--ag-header-column-separator-width);\n  height: var(--ag-header-column-separator-height);\n  top: calc(50% - var(--ag-header-column-separator-height) * 0.5);\n  background-color: var(--ag-header-column-separator-color);\n}\n.ag-ltr .ag-header-cell::before,\n.ag-ltr .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {\n  right: 0;\n}\n.ag-rtl .ag-header-cell::before,\n.ag-rtl .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {\n  left: 0;\n}\n\n.ag-header-highlight-before::after,\n.ag-header-highlight-after::after {\n  content: "";\n  position: absolute;\n  height: 100%;\n  width: 1px;\n}\n\n.ag-header-highlight-before::after {\n  left: 0px;\n}\n\n.ag-header-highlight-after::after {\n  right: 0px;\n}\n\n.ag-pinned-left-header .ag-header-highlight-after::after {\n  right: 1px;\n}\n\n.ag-header-cell-resize {\n  display: flex;\n  align-items: center;\n}\n\n.ag-header-cell-resize::after {\n  content: "";\n  position: absolute;\n  z-index: 1;\n  display: var(--ag-header-column-resize-handle-display);\n  width: var(--ag-header-column-resize-handle-width);\n  height: var(--ag-header-column-resize-handle-height);\n  top: calc(50% - var(--ag-header-column-resize-handle-height) * 0.5);\n  background-color: var(--ag-header-column-resize-handle-color);\n}\n.ag-header-cell.ag-header-span-height .ag-header-cell-resize::after {\n  height: calc(100% - var(--ag-grid-size) * 4);\n  top: calc(var(--ag-grid-size) * 2);\n}\n\n.ag-ltr .ag-header-viewport .ag-header-cell-resize::after {\n  left: calc(50% - var(--ag-header-column-resize-handle-width));\n}\n.ag-rtl .ag-header-viewport .ag-header-cell-resize::after {\n  right: calc(50% - var(--ag-header-column-resize-handle-width));\n}\n\n.ag-pinned-left-header .ag-header-cell-resize::after {\n  left: calc(50% - var(--ag-header-column-resize-handle-width));\n}\n\n.ag-pinned-right-header .ag-header-cell-resize::after {\n  left: 50%;\n}\n\n.ag-ltr .ag-header-select-all {\n  margin-right: var(--ag-cell-horizontal-padding);\n}\n.ag-rtl .ag-header-select-all {\n  margin-left: var(--ag-cell-horizontal-padding);\n}\n\n.ag-ltr .ag-floating-filter-button {\n  margin-left: var(--ag-cell-widget-spacing);\n}\n.ag-rtl .ag-floating-filter-button {\n  margin-right: var(--ag-cell-widget-spacing);\n}\n\n.ag-floating-filter-button-button {\n  color: inherit;\n  font-family: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  line-height: inherit;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  background: transparent;\n  border: none;\n  height: var(--ag-icon-size);\n  padding: 0;\n  width: var(--ag-icon-size);\n}\n\n.ag-filter-loading {\n  background-color: var(--ag-control-panel-background-color);\n  height: 100%;\n  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);\n  position: absolute;\n  width: 100%;\n  z-index: 1;\n  align-items: initial;\n}\n\n.ag-paging-panel {\n  border-top: 1px solid;\n  border-top-color: var(--ag-border-color);\n  color: var(--ag-secondary-foreground-color);\n  height: var(--ag-pagination-panel-height);\n}\n.ag-paging-panel > * {\n  margin: 0 var(--ag-cell-horizontal-padding);\n}\n.ag-paging-panel > .ag-paging-page-size .ag-wrapper {\n  min-width: calc(var(--ag-grid-size) * 10);\n}\n\n.ag-paging-button {\n  cursor: pointer;\n}\n\n.ag-paging-button.ag-disabled {\n  cursor: default;\n  color: var(--ag-disabled-foreground-color);\n}\n\n.ag-paging-button:focus-visible {\n  outline: none;\n}\n.ag-paging-button:focus-visible::after {\n  content: "";\n  position: absolute;\n  background-color: transparent;\n  pointer-events: none;\n  top: 0px;\n  left: 0px;\n  display: block;\n  width: calc(100% - 0px);\n  height: calc(100% - 0px);\n  border: 1px solid;\n  border-color: var(--ag-input-focus-border-color);\n}\n\n.ag-paging-button,\n.ag-paging-description {\n  margin: 0 var(--ag-grid-size);\n}\n\n.ag-status-bar {\n  border-top: var(--ag-borders) var(--ag-border-color);\n  color: var(--ag-disabled-foreground-color);\n  padding-right: calc(var(--ag-grid-size) * 4);\n  padding-left: calc(var(--ag-grid-size) * 4);\n  line-height: 1.5;\n}\n\n.ag-status-name-value-value {\n  color: var(--ag-foreground-color);\n}\n\n.ag-status-bar-center {\n  text-align: center;\n}\n\n.ag-status-name-value {\n  margin-left: var(--ag-grid-size);\n  margin-right: var(--ag-grid-size);\n  padding-top: calc(var(--ag-grid-size) * 2);\n  padding-bottom: calc(var(--ag-grid-size) * 2);\n}\n\n.ag-column-drop-cell {\n  background: var(--ag-chip-background-color);\n  border-radius: calc(var(--ag-grid-size) * 4);\n  height: calc(var(--ag-grid-size) * 4);\n  padding: 0 calc(var(--ag-grid-size) * 0.5);\n  border: 1px solid var(--ag-chip-border-color);\n}\n\n.ag-column-drop-cell:focus-visible {\n  outline: none;\n}\n.ag-column-drop-cell:focus-visible::after {\n  content: "";\n  position: absolute;\n  background-color: transparent;\n  pointer-events: none;\n  top: 2px;\n  left: 2px;\n  display: block;\n  width: calc(100% - 4px);\n  height: calc(100% - 4px);\n  border: 1px solid;\n  border-color: var(--ag-input-focus-border-color);\n}\n\n.ag-column-drop-cell-text {\n  margin: 0 var(--ag-grid-size);\n}\n\n.ag-column-drop-cell-button {\n  min-width: calc(var(--ag-grid-size) * 4);\n  margin: 0 calc(var(--ag-grid-size) * 0.5);\n  color: var(--ag-secondary-foreground-color);\n}\n\n.ag-column-drop-cell-drag-handle {\n  margin-left: calc(var(--ag-grid-size) * 2);\n}\n\n.ag-column-drop-cell-ghost {\n  opacity: 0.5;\n}\n\n.ag-column-drop-horizontal {\n  background-color: var(--ag-header-background-color);\n  color: var(--ag-secondary-foreground-color);\n  height: var(--ag-header-height);\n  border-bottom: var(--ag-borders) var(--ag-border-color);\n}\n.ag-ltr .ag-column-drop-horizontal {\n  padding-left: var(--ag-cell-horizontal-padding);\n}\n.ag-rtl .ag-column-drop-horizontal {\n  padding-right: var(--ag-cell-horizontal-padding);\n}\n\n.ag-ltr .ag-column-drop-horizontal-half-width:not(:last-child) {\n  border-right: var(--ag-borders) var(--ag-border-color);\n}\n.ag-rtl .ag-column-drop-horizontal-half-width:not(:last-child) {\n  border-left: var(--ag-borders) var(--ag-border-color);\n}\n\n.ag-column-drop-horizontal-cell-separator {\n  margin: 0 var(--ag-grid-size);\n  color: var(--ag-secondary-foreground-color);\n}\n\n.ag-column-drop-horizontal-empty-message {\n  color: var(--ag-disabled-foreground-color);\n}\n\n.ag-ltr .ag-column-drop-horizontal-icon {\n  margin-right: var(--ag-cell-horizontal-padding);\n}\n.ag-rtl .ag-column-drop-horizontal-icon {\n  margin-left: var(--ag-cell-horizontal-padding);\n}\n\n.ag-column-drop-vertical-list {\n  padding-bottom: var(--ag-grid-size);\n  padding-right: var(--ag-grid-size);\n  padding-left: var(--ag-grid-size);\n}\n\n.ag-column-drop-vertical-cell {\n  margin-top: var(--ag-grid-size);\n}\n\n.ag-column-drop-vertical {\n  min-height: 50px;\n  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);\n}\n.ag-column-drop-vertical.ag-last-column-drop {\n  border-bottom: none;\n}\n\n.ag-column-drop-vertical-icon {\n  margin-left: var(--ag-grid-size);\n  margin-right: var(--ag-grid-size);\n}\n\n.ag-column-drop-vertical-empty-message {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  overflow: hidden;\n  color: var(--ag-disabled-foreground-color);\n  margin-top: var(--ag-grid-size);\n}\n\n.ag-select-agg-func-popup {\n  border: var(--ag-borders) var(--ag-border-color);\n  background: var(--ag-background-color);\n  border-radius: var(--ag-card-radius);\n  box-shadow: var(--ag-card-shadow);\n  padding: var(--ag-grid-size);\n  background: var(--ag-background-color);\n  height: calc(var(--ag-grid-size) * 5 * 3.5);\n  padding: 0;\n}\n\n.ag-select-agg-func-virtual-list-item {\n  cursor: default;\n}\n.ag-ltr .ag-select-agg-func-virtual-list-item {\n  padding-left: calc(var(--ag-grid-size) * 2);\n}\n.ag-rtl .ag-select-agg-func-virtual-list-item {\n  padding-right: calc(var(--ag-grid-size) * 2);\n}\n.ag-select-agg-func-virtual-list-item:hover {\n  background-color: var(--ag-selected-row-background-color);\n}\n\n.ag-select-agg-func-virtual-list-item:focus-visible {\n  outline: none;\n}\n.ag-select-agg-func-virtual-list-item:focus-visible::after {\n  content: "";\n  position: absolute;\n  background-color: transparent;\n  pointer-events: none;\n  top: 1px;\n  left: 1px;\n  display: block;\n  width: calc(100% - 2px);\n  height: calc(100% - 2px);\n  border: 1px solid;\n  border-color: var(--ag-input-focus-border-color);\n}\n\n.ag-sort-indicator-container {\n  display: flex;\n}\n\n.ag-ltr .ag-sort-indicator-icon {\n  padding-left: var(--ag-grid-size);\n}\n.ag-rtl .ag-sort-indicator-icon {\n  padding-right: var(--ag-grid-size);\n}\n\n.ag-chart {\n  position: relative;\n  display: flex;\n  width: 100%;\n  height: 100%;\n}\n\n.ag-chart-components-wrapper {\n  position: relative;\n  display: flex;\n  flex: 1 1 auto;\n}\n\n.ag-chart-canvas-wrapper {\n  position: relative;\n  flex: 1 1 auto;\n}\n\n.ag-chart-menu {\n  position: absolute;\n  top: 16px;\n  display: flex;\n  flex-direction: column;\n}\n.ag-ltr .ag-chart-menu {\n  right: 20px;\n}\n.ag-rtl .ag-chart-menu {\n  left: 20px;\n}\n\n.ag-chart-docked-container {\n  position: relative;\n  min-width: var(--ag-chart-menu-panel-width);\n}\n\n.ag-chart-menu-hidden ~ .ag-chart-docked-container {\n  display: none;\n}\n\n.ag-chart-tabbed-menu {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n.ag-chart-tabbed-menu-header {\n  flex: none;\n  -moz-user-select: none;\n  -webkit-user-select: none;\n  user-select: none;\n  cursor: default;\n}\n\n.ag-chart-tabbed-menu-body {\n  display: flex;\n  flex: 1 1 auto;\n  align-items: stretch;\n  overflow: hidden;\n}\n\n.ag-chart-tab {\n  width: 100%;\n  overflow: hidden;\n  overflow-y: auto;\n}\n\n.ag-chart-settings {\n  overflow-x: hidden;\n}\n\n.ag-chart-settings-wrapper {\n  position: relative;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  overflow: hidden;\n}\n\n.ag-chart-settings-nav-bar {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 30px;\n  padding: 0 10px;\n  -moz-user-select: none;\n  -webkit-user-select: none;\n  user-select: none;\n}\n\n.ag-chart-settings-card-selector {\n  display: flex;\n  align-items: center;\n  justify-content: space-around;\n  flex: 1 1 auto;\n  height: 100%;\n  padding: 0 10px;\n}\n\n.ag-chart-settings-card-item {\n  cursor: pointer;\n  width: 10px;\n  height: 10px;\n  background-color: #000;\n  position: relative;\n}\n.ag-chart-settings-card-item.ag-not-selected {\n  opacity: 0.2;\n}\n.ag-chart-settings-card-item::before {\n  content: " ";\n  display: block;\n  position: absolute;\n  background-color: transparent;\n  left: 50%;\n  top: 50%;\n  margin-left: -10px;\n  margin-top: -10px;\n  width: 20px;\n  height: 20px;\n}\n\n.ag-chart-settings-prev,\n.ag-chart-settings-next {\n  position: relative;\n  flex: none;\n}\n.ag-chart-settings-prev:focus-within,\n.ag-chart-settings-next:focus-within {\n  box-shadow: var(--ag-input-focus-box-shadow);\n  border-radius: 1px;\n}\n\n.ag-chart-settings-prev-button,\n.ag-chart-settings-next-button {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n  opacity: 0;\n}\n\n.ag-chart-settings-mini-charts-container {\n  position: relative;\n  flex: 1 1 auto;\n  overflow-x: hidden;\n  overflow-y: auto;\n}\n\n.ag-chart-settings-mini-wrapper {\n  position: absolute;\n  top: 0;\n  left: 0;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  min-height: 100%;\n  overflow: hidden;\n}\n.ag-chart-settings-mini-wrapper.ag-animating {\n  transition: left 0.3s;\n  transition-timing-function: ease-in-out;\n}\n\n.ag-chart-mini-thumbnail {\n  cursor: pointer;\n}\n\n.ag-chart-mini-thumbnail-canvas {\n  display: block;\n}\n\n.ag-chart-data-wrapper,\n.ag-chart-format-wrapper,\n.ag-chart-advanced-settings-wrapper {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  -moz-user-select: none;\n  -webkit-user-select: none;\n  user-select: none;\n  padding-bottom: 16px;\n}\n\n.ag-chart-data-wrapper,\n.ag-chart-advanced-settings-wrapper {\n  height: 100%;\n  overflow-y: auto;\n}\n\n.ag-chart-advanced-settings {\n  background-color: var(--ag-control-panel-background-color);\n}\n\n.ag-chart-advanced-settings-wrapper,\n.ag-chart-advanced-settings {\n  width: 100%;\n}\n\n.ag-chart-advanced-settings-wrapper {\n  padding-bottom: 0;\n}\n\n.ag-chart-data-section,\n.ag-chart-format-section,\n.ag-chart-advanced-settings-section {\n  display: flex;\n  margin: 0;\n}\n\n.ag-chart-advanced-settings-section {\n  padding-top: var(--ag-grid-size);\n  padding-bottom: var(--ag-grid-size);\n}\n.ag-chart-advanced-settings-section:not(:last-child) {\n  border-bottom: 1px solid var(--ag-secondary-border-color);\n}\n\n.ag-chart-empty-text {\n  display: flex;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--ag-background-color);\n}\n\n.ag-chart .ag-chart-menu-wrapper .ag-chart-menu {\n  display: flex;\n  flex-direction: row;\n  top: 8px;\n  gap: 20px;\n  width: auto;\n}\n.ag-ltr .ag-chart .ag-chart-menu-wrapper .ag-chart-menu {\n  right: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px);\n  justify-content: right;\n}\n.ag-rtl .ag-chart .ag-chart-menu-wrapper .ag-chart-menu {\n  left: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px);\n  justify-content: left;\n}\n\n.ag-charts-font-size-color {\n  display: flex;\n  align-self: stretch;\n  justify-content: space-between;\n}\n\n.ag-charts-data-group-item {\n  position: relative;\n}\n\n.ag-charts-data-group-item:not(:last-child) {\n  margin-bottom: var(--ag-grid-size);\n}\n\n.ag-chart-menu {\n  border-radius: var(--ag-card-radius);\n  background: var(--ag-background-color);\n}\n\n.ag-chart-menu-icon {\n  opacity: 0.5;\n  margin: 2px 0;\n  cursor: pointer;\n  border-radius: var(--ag-card-radius);\n  color: var(--ag-secondary-foreground-color);\n}\n.ag-chart-menu-icon:hover {\n  opacity: 1;\n}\n\n.ag-chart-menu-toolbar-button {\n  border: 0;\n  background-color: transparent;\n  background-color: initial;\n  padding: 0 2px;\n  border-radius: 1px;\n}\n\n.ag-chart-mini-thumbnail {\n  border: 1px solid var(--ag-secondary-border-color);\n  border-radius: 5px;\n  padding: 1px;\n}\n.ag-chart-mini-thumbnail.ag-selected {\n  border-color: var(--ag-minichart-selected-chart-color);\n  border-width: 2px;\n  padding: 0;\n  padding: initial;\n}\n.ag-chart-mini-thumbnail:focus-visible {\n  outline: none;\n  border-color: var(--ag-minichart-selected-chart-color);\n  box-shadow: var(--ag-input-focus-box-shadow);\n}\n\n.ag-chart-settings-card-item {\n  background: var(--ag-foreground-color);\n  width: 8px;\n  height: 8px;\n  border-radius: 4px;\n}\n.ag-chart-settings-card-item.ag-selected {\n  background-color: var(--ag-minichart-selected-page-color);\n}\n\n.ag-chart-data-column-drag-handle {\n  margin-left: var(--ag-grid-size);\n}\n\n.ag-charts-settings-group-title-bar,\n.ag-charts-data-group-title-bar,\n.ag-charts-format-top-level-group-title-bar {\n  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);\n  position: relative;\n}\n\n.ag-charts-advanced-settings-top-level-group-title-bar {\n  position: relative;\n  background-color: transparent;\n  background-color: initial;\n}\n\n.ag-charts-data-group-title-bar:focus-visible {\n  outline: none;\n}\n.ag-charts-data-group-title-bar:focus-visible::after {\n  content: "";\n  position: absolute;\n  background-color: transparent;\n  pointer-events: none;\n  top: 4px;\n  left: 4px;\n  display: block;\n  width: calc(100% - 8px);\n  height: calc(100% - 8px);\n  border: 1px solid;\n  border-color: var(--ag-input-focus-border-color);\n}\n\n.ag-charts-format-top-level-group-title-bar:focus-visible {\n  outline: none;\n}\n.ag-charts-format-top-level-group-title-bar:focus-visible::after {\n  content: "";\n  position: absolute;\n  background-color: transparent;\n  pointer-events: none;\n  top: 4px;\n  left: 4px;\n  display: block;\n  width: calc(100% - 8px);\n  height: calc(100% - 8px);\n  border: 1px solid;\n  border-color: var(--ag-input-focus-border-color);\n}\n\n.ag-charts-data-group-title-bar .ag-charts-data-group-title,\n.ag-charts-format-top-level-group-title-bar .ag-charts-format-top-level-group-title {\n  cursor: pointer;\n}\n\n.ag-charts-data-group-container {\n  padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) var(--ag-widget-container-horizontal-padding);\n}\n.ag-charts-data-group-container .ag-charts-data-group-item:not(.ag-charts-format-sub-level-group):not(.ag-pill-select):not(.ag-select) {\n  height: var(--ag-list-item-height);\n}\n.ag-charts-data-group-container .ag-charts-data-group-item.ag-picker-field {\n  margin-top: var(--ag-grid-size);\n}\n.ag-charts-data-group-container .ag-list-item-hovered::after {\n  content: "";\n  position: absolute;\n  left: 0;\n  right: 0;\n  height: 1px;\n}\n.ag-charts-data-group-container .ag-item-highlight-top::after {\n  top: 0;\n}\n.ag-charts-data-group-container .ag-item-highlight-bottom::after {\n  bottom: 0;\n}\n\n.ag-charts-format-top-level-group-container,\n.ag-charts-advanced-settings-top-level-group-container {\n  padding: var(--ag-grid-size);\n}\n.ag-ltr .ag-charts-format-top-level-group-container,\n.ag-ltr .ag-charts-advanced-settings-top-level-group-container {\n  margin-left: calc(var(--ag-grid-size) * 2);\n}\n.ag-rtl .ag-charts-format-top-level-group-container,\n.ag-rtl .ag-charts-advanced-settings-top-level-group-container {\n  margin-right: calc(var(--ag-grid-size) * 2);\n}\n\n.ag-charts-format-top-level-group-item,\n.ag-charts-advanced-settings-top-level-group-item {\n  margin: var(--ag-grid-size) 0;\n}\n\n.ag-charts-format-sub-level-group-container {\n  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);\n  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));\n}\n.ag-charts-format-sub-level-group-container > * {\n  margin-bottom: var(--ag-widget-vertical-spacing);\n}\n\n.ag-charts-format-sub-level-no-header-group-container > * {\n  margin-bottom: var(--ag-widget-vertical-spacing);\n}\n\n.ag-charts-format-sub-level-group-container .ag-charts-format-sub-level-group-item.ag-font-panel-no-header {\n  margin: 0;\n}\n\n.ag-charts-settings-group-container {\n  padding: var(--ag-grid-size);\n  grid-row-gap: 8px;\n  row-gap: 8px;\n  display: grid;\n  grid-template-columns: 60px 1fr 60px 1fr 60px;\n}\n.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+1) {\n  grid-column: 1;\n}\n.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+2) {\n  grid-column: 3;\n}\n.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+3) {\n  grid-column: 5;\n}\n\n.ag-chart-menu-panel {\n  background-color: var(--ag-control-panel-background-color);\n}\n.ag-ltr .ag-chart-menu-panel {\n  border-left: solid 1px var(--ag-border-color);\n}\n.ag-rtl .ag-chart-menu-panel {\n  border-right: solid 1px var(--ag-border-color);\n}\n\n.ag-date-time-list-page-title-bar {\n  display: flex;\n}\n\n.ag-date-time-list-page-title {\n  flex-grow: 1;\n  text-align: center;\n}\n\n.ag-date-time-list-page-column-labels-row,\n.ag-date-time-list-page-entries-row {\n  display: flex;\n}\n\n.ag-date-time-list-page-column-label,\n.ag-date-time-list-page-entry {\n  flex-basis: 0;\n  flex-grow: 1;\n}\n\n.ag-date-time-list-page-entry {\n  cursor: pointer;\n  text-align: center;\n}\n\n.ag-date-time-list-page-column-label {\n  text-align: center;\n}\n\n.ag-advanced-filter-header {\n  position: relative;\n  display: flex;\n  align-items: center;\n  padding-left: var(--ag-cell-horizontal-padding);\n  padding-right: var(--ag-cell-horizontal-padding);\n}\n\n.ag-advanced-filter {\n  display: flex;\n  align-items: center;\n  width: 100%;\n}\n\n.ag-advanced-filter-buttons {\n  display: contents;\n}\n\n.ag-advanced-filter-builder-button {\n  display: flex;\n  align-items: center;\n  border: 0;\n  background-color: transparent;\n  background-color: initial;\n  color: var(--ag-foreground-color);\n  font-size: var(--ag-font-size);\n  font-weight: 600;\n  line-height: normal;\n  white-space: nowrap;\n}\n.ag-ltr .ag-advanced-filter-builder-button {\n  margin-left: calc(var(--ag-grid-size) * 2);\n}\n.ag-rtl .ag-advanced-filter-builder-button {\n  margin-right: calc(var(--ag-grid-size) * 2);\n}\n.ag-advanced-filter-builder-button:hover:not(:disabled) {\n  background-color: var(--ag-row-hover-color);\n}\n.ag-advanced-filter-builder-button:not(:disabled) {\n  cursor: pointer;\n}\n\n.ag-advanced-filter-builder-button-label {\n  margin-left: var(--ag-grid-size);\n}\n\n.ag-advanced-filter-builder {\n  -moz-user-select: none;\n  -webkit-user-select: none;\n  user-select: none;\n  width: 100%;\n  background-color: var(--ag-control-panel-background-color);\n  display: flex;\n  flex-direction: column;\n}\n\n.ag-advanced-filter-builder-list {\n  flex: 1;\n  overflow: auto;\n}\n.ag-advanced-filter-builder-list .ag-list-item-hovered::after {\n  content: "";\n  position: absolute;\n  left: 0;\n  right: 0;\n  height: 1px;\n}\n.ag-advanced-filter-builder-list .ag-item-highlight-top::after {\n  top: 0;\n}\n.ag-advanced-filter-builder-list .ag-item-highlight-bottom::after {\n  bottom: 0;\n}\n\n.ag-advanced-filter-builder-button-panel {\n  display: flex;\n  justify-content: flex-end;\n  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);\n  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);\n}\n\n.ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-apply-button,\n.ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-cancel-button {\n  margin-left: calc(var(--ag-grid-size) * 2);\n}\n\n.ag-advanced-filter-builder-item-wrapper {\n  display: flex;\n  flex: 1 1 auto;\n  align-items: center;\n  justify-content: space-between;\n  overflow: hidden;\n  padding-left: calc(var(--ag-icon-size) / 2);\n  padding-right: var(--ag-icon-size);\n}\n\n.ag-virtual-list-viewport .ag-advanced-filter-builder-item-wrapper .ag-tab-guard {\n  position: absolute;\n}\n\n.ag-advanced-filter-builder-item-tree-lines > * {\n  width: var(--ag-advanced-filter-builder-indent-size);\n}\n\n.ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root {\n  width: var(--ag-icon-size);\n}\n.ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root::before {\n  top: 50%;\n  height: 50%;\n}\n\n.ag-advanced-filter-builder-item-tree-line-horizontal,\n.ag-advanced-filter-builder-item-tree-line-vertical,\n.ag-advanced-filter-builder-item-tree-line-vertical-top,\n.ag-advanced-filter-builder-item-tree-line-vertical-bottom {\n  position: relative;\n  height: 100%;\n  display: flex;\n  align-items: center;\n}\n.ag-advanced-filter-builder-item-tree-line-horizontal::before, .ag-advanced-filter-builder-item-tree-line-horizontal::after,\n.ag-advanced-filter-builder-item-tree-line-vertical::before,\n.ag-advanced-filter-builder-item-tree-line-vertical::after,\n.ag-advanced-filter-builder-item-tree-line-vertical-top::before,\n.ag-advanced-filter-builder-item-tree-line-vertical-top::after,\n.ag-advanced-filter-builder-item-tree-line-vertical-bottom::before,\n.ag-advanced-filter-builder-item-tree-line-vertical-bottom::after {\n  content: "";\n  position: absolute;\n  height: 100%;\n}\n\n.ag-advanced-filter-builder-item-tree-line-horizontal::after {\n  height: 50%;\n  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size));\n  top: 0;\n  left: calc(var(--ag-icon-size) / 2);\n  border-bottom: 1px solid;\n  border-color: var(--ag-border-color);\n}\n\n.ag-advanced-filter-builder-item-tree-line-vertical::before {\n  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2);\n  top: 0;\n  left: calc(var(--ag-icon-size) / 2);\n  border-left: 1px solid;\n  border-color: var(--ag-border-color);\n}\n\n.ag-advanced-filter-builder-item-tree-line-vertical-top::before {\n  height: 50%;\n  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2);\n  top: 0;\n  left: calc(var(--ag-icon-size) / 2);\n  border-left: 1px solid;\n  border-color: var(--ag-border-color);\n}\n\n.ag-advanced-filter-builder-item-tree-line-vertical-bottom::before {\n  height: calc((100% - 1.5 * var(--ag-icon-size)) / 2);\n  width: calc(var(--ag-icon-size) / 2);\n  top: calc((100% + 1.5 * var(--ag-icon-size)) / 2);\n  left: calc(var(--ag-icon-size) / 2);\n  border-left: 1px solid;\n  border-color: var(--ag-border-color);\n}\n\n.ag-advanced-filter-builder-item-condition {\n  padding-top: var(--ag-grid-size);\n  padding-bottom: var(--ag-grid-size);\n}\n\n.ag-advanced-filter-builder-item,\n.ag-advanced-filter-builder-item-condition,\n.ag-advanced-filter-builder-pill-wrapper,\n.ag-advanced-filter-builder-pill,\n.ag-advanced-filter-builder-item-buttons,\n.ag-advanced-filter-builder-item-tree-lines {\n  display: flex;\n  align-items: center;\n  height: 100%;\n}\n\n.ag-advanced-filter-builder-pill-wrapper {\n  margin: 0px var(--ag-grid-size);\n}\n\n.ag-advanced-filter-builder-pill {\n  position: relative;\n  border-radius: var(--ag-border-radius);\n  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);\n  min-height: calc(100% - var(--ag-grid-size) * 3);\n  min-width: calc(var(--ag-grid-size) * 2);\n}\n.ag-advanced-filter-builder-pill .ag-picker-field-display {\n  margin-right: var(--ag-grid-size);\n}\n.ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-number {\n  font-family: monospace;\n  font-weight: 700;\n}\n.ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-empty {\n  color: var(--ag-disabled-foreground-color);\n}\n\n.ag-advanced-filter-builder-pill:focus-visible {\n  outline: none;\n}\n.ag-advanced-filter-builder-pill:focus-visible::after {\n  content: "";\n  position: absolute;\n  background-color: transparent;\n  pointer-events: none;\n  top: -4px;\n  left: -4px;\n  display: block;\n  width: calc(100% - -8px);\n  height: calc(100% - -8px);\n  border: 1px solid;\n  border-color: var(--ag-input-focus-border-color);\n}\n\n.ag-advanced-filter-builder-item-button:focus-visible {\n  outline: none;\n}\n.ag-advanced-filter-builder-item-button:focus-visible::after {\n  content: "";\n  position: absolute;\n  background-color: transparent;\n  pointer-events: none;\n  top: -4px;\n  left: -4px;\n  display: block;\n  width: calc(100% - -8px);\n  height: calc(100% - -8px);\n  border: 1px solid;\n  border-color: var(--ag-input-focus-border-color);\n}\n\n.ag-advanced-filter-builder-pill-display {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-weight: 500;\n}\n\n.ag-advanced-filter-builder-join-pill {\n  color: var(--ag-foreground-color);\n  background-color: var(--ag-advanced-filter-join-pill-color);\n  cursor: pointer;\n}\n\n.ag-advanced-filter-builder-column-pill {\n  color: var(--ag-foreground-color);\n  background-color: var(--ag-advanced-filter-column-pill-color);\n  cursor: pointer;\n}\n\n.ag-advanced-filter-builder-option-pill {\n  color: var(--ag-foreground-color);\n  background-color: var(--ag-advanced-filter-option-pill-color);\n  cursor: pointer;\n}\n\n.ag-advanced-filter-builder-value-pill {\n  color: var(--ag-foreground-color);\n  background-color: var(--ag-advanced-filter-value-pill-color);\n  cursor: text;\n  max-width: 140px;\n}\n.ag-advanced-filter-builder-value-pill .ag-advanced-filter-builder-pill-display {\n  display: block;\n}\n\n.ag-advanced-filter-builder-item-buttons > * {\n  margin: 0 calc(var(--ag-grid-size) * 0.5);\n}\n\n.ag-advanced-filter-builder-item-button {\n  position: relative;\n  cursor: pointer;\n  color: var(--ag-secondary-foreground-color);\n  opacity: 0.5;\n}\n\n.ag-advanced-filter-builder-item-button-disabled {\n  color: var(--ag-disabled-foreground-color);\n  cursor: default;\n}\n\n.ag-advanced-filter-builder-virtual-list-container {\n  top: var(--ag-grid-size);\n}\n\n.ag-advanced-filter-builder-virtual-list-item {\n  display: flex;\n  cursor: default;\n  height: var(--ag-list-item-height);\n}\n.ag-advanced-filter-builder-virtual-list-item:hover {\n  background-color: var(--ag-row-hover-color);\n}\n.ag-advanced-filter-builder-virtual-list-item:hover .ag-advanced-filter-builder-item-button {\n  opacity: 1;\n}\n\n.ag-advanced-filter-builder-virtual-list-item-highlight .ag-advanced-filter-builder-item-button:focus-visible,\n.ag-advanced-filter-builder-validation .ag-advanced-filter-builder-invalid {\n  opacity: 1;\n}\n\n.ag-advanced-filter-builder-invalid {\n  margin: 0 var(--ag-grid-size);\n  color: var(--ag-invalid-color);\n  cursor: default;\n}\n\n.ag-row-number-cell {\n  background-color: var(--ag-header-background-color);\n  color: var(--ag-header-foreground-color);\n  font-size: var(--ag-font-size);\n  font-family: var(--ag-font-family);\n}\n\n.ag-row-number-header.ag-row-number-selection-enabled {\n  cursor: cell;\n}\n\n.ag-row-number-range-highlight {\n  background-color: var(--ag-range-header-highlight-color);\n}\n\n.ag-row-number-range-selected {\n  background-color: var(--ag-row-numbers-selected-color);\n}\n\n.ag-ltr .ag-row-number-header,\n.ag-ltr .ag-cell.ag-row-number-cell:not(.ag-cell-last-left-pinned) {\n  border-right: var(--ag-pinned-column-border);\n}\n.ag-ltr .ag-cell.ag-row-number-cell.ag-row-number-selection-enabled {\n  cursor: url('+f+"), auto;\n}\n\n.ag-rtl .ag-row-number-header,\n.ag-rtl .ag-cell.ag-row-number-cell:not(.ag-cell-first-right-pinned) {\n  border-left: var(--ag-pinned-column-border);\n}\n.ag-rtl .ag-cell.ag-row-number-cell.ag-row-number-selection-enabled {\n  cursor: url("+v+'), auto;\n}\n\n.ag-cell-batch-edit {\n  background-color: var(--ag-cell-batch-edit-background-color);\n  color: var(--ag-cell-batch-edit-text-color);\n}\n\n.ag-cell.ag-cell-inline-editing {\n  background-color: var(--ag-background-color);\n  background-image: linear-gradient(0deg, var(--ag-input-background-color), var(--ag-input-background-color));\n}\n\n.ag-row-batch-edit {\n  background-color: var(--ag-row-batch-edit-background-color);\n  color: var(--ag-row-batch-edit-text-color);\n}\n\n.ag-input-field-input {\n  width: 100%;\n  min-width: 0;\n}\n\n.ag-checkbox-input-wrapper {\n  font-family: var(--ag-icon-font-family);\n  font-weight: var(--ag-icon-font-weight);\n  color: var(--ag-icon-font-color);\n  font-size: var(--ag-icon-size);\n  line-height: var(--ag-icon-size);\n  font-style: normal;\n  font-feature-settings: normal;\n  font-variant: normal;\n  text-transform: none;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  width: var(--ag-icon-size);\n  height: var(--ag-icon-size);\n  background-color: var(--ag-checkbox-background-color);\n  border-radius: var(--ag-checkbox-border-radius);\n  display: inline-block;\n  vertical-align: middle;\n  flex: none;\n}\n.ag-checkbox-input-wrapper input,\n.ag-checkbox-input-wrapper input {\n  -webkit-appearance: none;\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n}\n.ag-checkbox-input-wrapper:focus-within, .ag-checkbox-input-wrapper:active {\n  outline: none;\n  box-shadow: var(--ag-input-focus-box-shadow);\n}\n.ag-cell-editing-error .ag-checkbox-input-wrapper:focus-within, .ag-cell-editing-error .ag-checkbox-input-wrapper:active {\n  box-shadow: var(--ag-input-error-focus-box-shadow);\n}\n.ag-checkbox-input-wrapper.ag-disabled {\n  opacity: 0.5;\n}\n.ag-checkbox-input-wrapper::after {\n  content: "\\f108";\n  content: var(--ag-icon-font-code-checkbox-unchecked, "\\f108");\n  font-family: inherit;\n  color: var(--ag-checkbox-unchecked-color);\n  display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display));\n  position: absolute;\n  top: 0;\n  left: 0;\n  pointer-events: none;\n}\n.ag-checkbox-input-wrapper.ag-checked::after {\n  content: "\\f106";\n  content: var(--ag-icon-font-code-checkbox-checked, "\\f106");\n  color: var(--ag-checkbox-checked-color);\n  display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display));\n  position: absolute;\n  top: 0;\n  left: 0;\n  pointer-events: none;\n}\n.ag-checkbox-input-wrapper.ag-indeterminate::after {\n  content: "\\f107";\n  content: var(--ag-icon-font-code-checkbox-indeterminate, "\\f107");\n  color: var(--ag-checkbox-indeterminate-color);\n  display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display));\n  position: absolute;\n  top: 0;\n  left: 0;\n  pointer-events: none;\n}\n.ag-checkbox-input-wrapper::before {\n  content: "";\n  background: transparent center/contain no-repeat;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9));\n}\n.ag-checkbox-input-wrapper.ag-checked::before {\n  background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9));\n}\n.ag-checkbox-input-wrapper.ag-indeterminate::before {\n  background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, 0.9));\n}\n\n.ag-toggle-button-input-wrapper {\n  box-sizing: border-box;\n  width: var(--ag-toggle-button-width);\n  min-width: var(--ag-toggle-button-width);\n  max-width: var(--ag-toggle-button-width);\n  height: var(--ag-toggle-button-height);\n  background-color: var(--ag-toggle-button-off-background-color);\n  border-radius: calc(var(--ag-toggle-button-height) * 0.5);\n  position: relative;\n  flex: none;\n  border: var(--ag-toggle-button-border-width) solid;\n  border-color: var(--ag-toggle-button-off-border-color);\n}\n.ag-toggle-button-input-wrapper input {\n  opacity: 0;\n  height: 100%;\n  width: 100%;\n}\n.ag-toggle-button-input-wrapper:focus-within {\n  outline: none;\n  box-shadow: var(--ag-input-focus-box-shadow);\n}\n.ag-toggle-button-input-wrapper.ag-disabled {\n  opacity: 0.5;\n}\n.ag-toggle-button-input-wrapper.ag-checked {\n  background-color: var(--ag-toggle-button-on-background-color);\n  border-color: var(--ag-toggle-button-on-border-color);\n}\n.ag-toggle-button-input-wrapper::before {\n  content: " ";\n  position: absolute;\n  top: calc(0px - var(--ag-toggle-button-border-width));\n  left: calc(0px - var(--ag-toggle-button-border-width));\n  display: block;\n  box-sizing: border-box;\n  height: var(--ag-toggle-button-height);\n  width: var(--ag-toggle-button-height);\n  background-color: var(--ag-toggle-button-switch-background-color);\n  border-radius: 100%;\n  transition: left 100ms;\n  border: var(--ag-toggle-button-border-width) solid;\n  border-color: var(--ag-toggle-button-switch-border-color);\n}\n.ag-toggle-button-input-wrapper.ag-checked::before {\n  left: calc(100% - var(--ag-toggle-button-height) + var(--ag-toggle-button-border-width));\n  border-color: var(--ag-toggle-button-on-border-color);\n}\n\n.ag-radio-button-input-wrapper {\n  font-family: var(--ag-icon-font-family);\n  font-weight: var(--ag-icon-font-weight);\n  color: var(--ag-icon-font-color);\n  font-size: var(--ag-icon-size);\n  line-height: var(--ag-icon-size);\n  font-style: normal;\n  font-feature-settings: normal;\n  font-variant: normal;\n  text-transform: none;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  width: var(--ag-icon-size);\n  height: var(--ag-icon-size);\n  background-color: var(--ag-checkbox-background-color);\n  border-radius: var(--ag-checkbox-border-radius);\n  display: inline-block;\n  vertical-align: middle;\n  flex: none;\n  border-radius: var(--ag-icon-size);\n}\n.ag-radio-button-input-wrapper input,\n.ag-radio-button-input-wrapper input {\n  -webkit-appearance: none;\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n}\n.ag-radio-button-input-wrapper:focus-within, .ag-radio-button-input-wrapper:active {\n  outline: none;\n  box-shadow: var(--ag-input-focus-box-shadow);\n}\n.ag-cell-editing-error .ag-radio-button-input-wrapper:focus-within, .ag-cell-editing-error .ag-radio-button-input-wrapper:active {\n  box-shadow: var(--ag-input-error-focus-box-shadow);\n}\n.ag-radio-button-input-wrapper.ag-disabled {\n  opacity: 0.5;\n}\n.ag-radio-button-input-wrapper::after {\n  content: "\\f127";\n  content: var(--ag-icon-font-code-radio-button-off, "\\f127");\n  color: var(--ag-checkbox-unchecked-color);\n  display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display));\n  position: absolute;\n  top: 0;\n  left: 0;\n  pointer-events: none;\n}\n.ag-radio-button-input-wrapper.ag-checked::after {\n  content: "\\f128";\n  content: var(--ag-icon-font-code-radio-button-on, "\\f128");\n  color: var(--ag-checkbox-checked-color);\n  display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display));\n  position: absolute;\n  top: 0;\n  left: 0;\n  pointer-events: none;\n}\n.ag-radio-button-input-wrapper::before {\n  content: "";\n  background: transparent center/contain no-repeat;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9));\n}\n.ag-radio-button-input-wrapper.ag-checked::before {\n  background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image));\n  display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display));\n  opacity: 0.9;\n  opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9));\n}\n\ninput[class^=ag-][type=range] {\n  -webkit-appearance: none;\n  width: 100%;\n  height: 100%;\n  background: none;\n  overflow: visible;\n}\ninput[class^=ag-][type=range]::-webkit-slider-runnable-track {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: 3px;\n  background-color: var(--ag-border-color);\n  border-radius: var(--ag-border-radius);\n  border-radius: var(--ag-checkbox-border-radius);\n}\ninput[class^=ag-][type=range]::-moz-range-track {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: 3px;\n  background-color: var(--ag-border-color);\n  border-radius: var(--ag-border-radius);\n  border-radius: var(--ag-checkbox-border-radius);\n}\ninput[class^=ag-][type=range]::-ms-track {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: 3px;\n  background-color: var(--ag-border-color);\n  border-radius: var(--ag-border-radius);\n  border-radius: var(--ag-checkbox-border-radius);\n  color: transparent;\n  width: calc(100% - 2px);\n}\ninput[class^=ag-][type=range]::-webkit-slider-thumb {\n  margin: 0;\n  padding: 0;\n  -webkit-appearance: none;\n  width: var(--ag-icon-size);\n  height: var(--ag-icon-size);\n  background-color: var(--ag-background-color);\n  border: 1px solid;\n  border-color: var(--ag-checkbox-unchecked-color);\n  border-radius: var(--ag-icon-size);\n  transform: translateY(calc(var(--ag-icon-size) * -0.5 + 1.5px));\n}\ninput[class^=ag-][type=range]::-ms-thumb {\n  margin: 0;\n  padding: 0;\n  -webkit-appearance: none;\n  width: var(--ag-icon-size);\n  height: var(--ag-icon-size);\n  background-color: var(--ag-background-color);\n  border: 1px solid;\n  border-color: var(--ag-checkbox-unchecked-color);\n  border-radius: var(--ag-icon-size);\n}\ninput[class^=ag-][type=range]::-moz-ag-range-thumb {\n  margin: 0;\n  padding: 0;\n  -webkit-appearance: none;\n  width: var(--ag-icon-size);\n  height: var(--ag-icon-size);\n  background-color: var(--ag-background-color);\n  border: 1px solid;\n  border-color: var(--ag-checkbox-unchecked-color);\n  border-radius: var(--ag-icon-size);\n}\ninput[class^=ag-][type=range]:focus {\n  outline: none;\n}\ninput[class^=ag-][type=range]:focus::-webkit-slider-thumb {\n  box-shadow: var(--ag-input-focus-box-shadow);\n  border-color: var(--ag-checkbox-checked-color);\n}\ninput[class^=ag-][type=range]:focus::-ms-thumb {\n  box-shadow: var(--ag-input-focus-box-shadow);\n  border-color: var(--ag-checkbox-checked-color);\n}\ninput[class^=ag-][type=range]:focus::-moz-ag-range-thumb {\n  box-shadow: var(--ag-input-focus-box-shadow);\n  border-color: var(--ag-checkbox-checked-color);\n}\ninput[class^=ag-][type=range]:active::-webkit-slider-runnable-track {\n  background-color: var(--ag-input-focus-border-color);\n}\ninput[class^=ag-][type=range]:active::-moz-ag-range-track {\n  background-color: var(--ag-input-focus-border-color);\n}\ninput[class^=ag-][type=range]:active::-ms-track {\n  background-color: var(--ag-input-focus-border-color);\n}\ninput[class^=ag-][type=range]:disabled {\n  opacity: 0.5;\n}\n',""]),t.A=h},48483:function(e,t,a){var o=a(36758),n=a.n(o),r=a(40935),i=a.n(r)()(n());i.push([e.id,'.ag-theme-alpine,\n.ag-theme-alpine-dark,\n.ag-theme-alpine-auto-dark {\n  --ag-alpine-active-color: #2196f3;\n  --ag-selected-row-background-color: rgba(33, 150, 243, 0.3);\n  --ag-row-hover-color: rgba(33, 150, 243, 0.1);\n  --ag-column-hover-color: rgba(33, 150, 243, 0.1);\n  --ag-input-focus-border-color: rgba(33, 150, 243, 0.4);\n  --ag-range-selection-background-color: rgba(33, 150, 243, 0.2);\n  --ag-range-selection-background-color-2: rgba(33, 150, 243, 0.36);\n  --ag-range-selection-background-color-3: rgba(33, 150, 243, 0.49);\n  --ag-range-selection-background-color-4: rgba(33, 150, 243, 0.59);\n  --ag-row-numbers-selected-color: color-mix(in srgb, transparent, var(--ag-alpine-active-color) 50%);\n  --ag-background-color: #fff;\n  --ag-foreground-color: #181d1f;\n  --ag-border-color: #babfc7;\n  --ag-secondary-border-color: #dde2eb;\n  --ag-header-background-color: #f8f8f8;\n  --ag-tooltip-background-color: #f8f8f8;\n  --ag-odd-row-background-color: #fcfcfc;\n  --ag-control-panel-background-color: #f8f8f8;\n  --ag-subheader-background-color: #fff;\n  --ag-invalid-color: #e02525;\n  --ag-checkbox-unchecked-color: #999;\n  --ag-advanced-filter-join-pill-color: #f08e8d;\n  --ag-advanced-filter-column-pill-color: #a6e194;\n  --ag-advanced-filter-option-pill-color: #f3c08b;\n  --ag-advanced-filter-value-pill-color: #85c0e4;\n  --ag-find-match-color: var(--ag-foreground-color);\n  --ag-find-match-background-color: #ffff00;\n  --ag-find-active-match-color: var(--ag-foreground-color);\n  --ag-find-active-match-background-color: #ffa500;\n  --ag-checkbox-background-color: var(--ag-background-color);\n  --ag-checkbox-checked-color: var(--ag-alpine-active-color);\n  --ag-range-selection-border-color: var(--ag-alpine-active-color);\n  --ag-secondary-foreground-color: var(--ag-foreground-color);\n  --ag-input-border-color: var(--ag-border-color);\n  --ag-input-border-color-invalid: var(--ag-invalid-color);\n  --ag-input-focus-box-shadow: 0 0 2px 0.1rem var(--ag-input-focus-border-color);\n  --ag-input-error-focus-box-shadow: 0 0 2px 0.1rem var(--ag-invalid-color);\n  --ag-panel-background-color: var(--ag-header-background-color);\n  --ag-menu-background-color: var(--ag-header-background-color);\n  --ag-filter-panel-apply-button-color: var(--ag-background-color);\n  --ag-filter-panel-apply-button-background-color: var(--ag-alpine-active-color);\n  --ag-disabled-foreground-color: rgba(24, 29, 31, 0.5);\n  --ag-chip-background-color: rgba(24, 29, 31, 0.07);\n  --ag-input-disabled-border-color: rgba(186, 191, 199, 0.3);\n  --ag-input-disabled-background-color: rgba(186, 191, 199, 0.15);\n  --ag-borders: solid 1px;\n  --ag-border-radius: 3px;\n  --ag-borders-side-button: none;\n  --ag-side-button-selected-background-color: transparent;\n  --ag-header-column-resize-handle-display: block;\n  --ag-header-column-resize-handle-width: 2px;\n  --ag-header-column-resize-handle-height: 30%;\n  --ag-grid-size: 6px;\n  --ag-icon-size: 16px;\n  --ag-row-height: calc(var(--ag-grid-size) * 7);\n  --ag-header-height: calc(var(--ag-grid-size) * 8);\n  --ag-list-item-height: calc(var(--ag-grid-size) * 4);\n  --ag-column-select-indent-size: var(--ag-icon-size);\n  --ag-set-filter-indent-size: var(--ag-icon-size);\n  --ag-advanced-filter-builder-indent-size: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);\n  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);\n  --ag-cell-widget-spacing: calc(var(--ag-grid-size) * 2);\n  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 2);\n  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 2);\n  --ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1.5);\n  --ag-toggle-button-height: 18px;\n  --ag-toggle-button-width: 28px;\n  --ag-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell,\n      "Helvetica Neue", sans-serif;\n  --ag-font-size: 13px;\n  --ag-icon-font-family: agGridAlpine;\n  --ag-selected-tab-underline-color: var(--ag-alpine-active-color);\n  --ag-selected-tab-underline-width: 2px;\n  --ag-selected-tab-underline-transition-speed: 0.3s;\n  --ag-tab-min-width: 240px;\n  --ag-card-shadow: 0 1px 4px 1px rgba(186, 191, 199, 0.4);\n  --ag-popup-shadow: var(--ag-card-shadow);\n  --ag-side-bar-panel-width: 250px;\n}\n\n.ag-theme-alpine-dark {\n  --ag-background-color: #181d1f;\n  --ag-foreground-color: #fff;\n  --ag-border-color: #68686e;\n  --ag-secondary-border-color: rgba(88, 86, 82, 0.5);\n  --ag-modal-overlay-background-color: rgba(24, 29, 31, 0.66);\n  --ag-header-background-color: #222628;\n  --ag-tooltip-background-color: #222628;\n  --ag-odd-row-background-color: #222628;\n  --ag-control-panel-background-color: #222628;\n  --ag-subheader-background-color: #000;\n  --ag-input-disabled-background-color: #282c2f;\n  --ag-input-focus-box-shadow: 0 0 2px 0.5px rgba(255, 255, 255, 0.5), 0 0 4px 3px var(--ag-input-focus-border-color);\n  --ag-input-error-focus-box-shadow: 0 0 2px 0.5px rgba(255, 255, 255, 0.5),\n      0 0 4px 3px color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 0.5%);\n  --ag-card-shadow: 0 1px 20px 1px black;\n  --ag-disabled-foreground-color: rgba(255, 255, 255, 0.5);\n  --ag-chip-background-color: rgba(255, 255, 255, 0.07);\n  --ag-input-disabled-border-color: rgba(104, 104, 110, 0.3);\n  --ag-input-disabled-background-color: rgba(104, 104, 110, 0.07);\n  --ag-advanced-filter-join-pill-color: #7a3a37;\n  --ag-advanced-filter-column-pill-color: #355f2d;\n  --ag-advanced-filter-option-pill-color: #5a3168;\n  --ag-advanced-filter-value-pill-color: #374c86;\n  --ag-find-match-color: var(--ag-background-color);\n  --ag-find-active-match-color: var(--ag-background-color);\n  --ag-filter-panel-apply-button-color: var(--ag-foreground-color);\n  --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);\n  --ag-cell-batch-edit-text-color: #f3d0b3;\n  --csstools-color-scheme--dark: initial;\n  color-scheme: dark;\n}\n\n@media (prefers-color-scheme: dark) {\n  .ag-theme-alpine-auto-dark {\n    --ag-background-color: #181d1f;\n    --ag-foreground-color: #fff;\n    --ag-border-color: #68686e;\n    --ag-secondary-border-color: rgba(88, 86, 82, 0.5);\n    --ag-modal-overlay-background-color: rgba(24, 29, 31, 0.66);\n    --ag-header-background-color: #222628;\n    --ag-tooltip-background-color: #222628;\n    --ag-odd-row-background-color: #222628;\n    --ag-control-panel-background-color: #222628;\n    --ag-subheader-background-color: #000;\n    --ag-input-disabled-background-color: #282c2f;\n    --ag-input-focus-box-shadow: 0 0 2px 0.5px rgba(255, 255, 255, 0.5), 0 0 4px 3px var(--ag-input-focus-border-color);\n    --ag-input-error-focus-box-shadow: 0 0 2px 0.5px rgba(255, 255, 255, 0.5),\n        0 0 4px 3px color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 0.5%);\n    --ag-card-shadow: 0 1px 20px 1px black;\n    --ag-disabled-foreground-color: rgba(255, 255, 255, 0.5);\n    --ag-chip-background-color: rgba(255, 255, 255, 0.07);\n    --ag-input-disabled-border-color: rgba(104, 104, 110, 0.3);\n    --ag-input-disabled-background-color: rgba(104, 104, 110, 0.07);\n    --ag-advanced-filter-join-pill-color: #7a3a37;\n    --ag-advanced-filter-column-pill-color: #355f2d;\n    --ag-advanced-filter-option-pill-color: #5a3168;\n    --ag-advanced-filter-value-pill-color: #374c86;\n    --ag-find-match-color: var(--ag-background-color);\n    --ag-find-active-match-color: var(--ag-background-color);\n    --ag-filter-panel-apply-button-color: var(--ag-foreground-color);\n    --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);\n    --ag-cell-batch-edit-text-color: #f3d0b3;\n    --csstools-color-scheme--dark: initial;\n    color-scheme: dark;\n  }\n}\n.ag-theme-alpine .ag-filter-toolpanel-header,\n.ag-theme-alpine .ag-filter-toolpanel-search,\n.ag-theme-alpine .ag-status-bar,\n.ag-theme-alpine .ag-header-row,\n.ag-theme-alpine .ag-row-number-cell,\n.ag-theme-alpine .ag-panel-title-bar-title,\n.ag-theme-alpine .ag-multi-filter-group-title-bar,\n.ag-theme-alpine .ag-filter-card-title,\n.ag-theme-alpine-dark .ag-filter-toolpanel-header,\n.ag-theme-alpine-dark .ag-filter-toolpanel-search,\n.ag-theme-alpine-dark .ag-status-bar,\n.ag-theme-alpine-dark .ag-header-row,\n.ag-theme-alpine-dark .ag-row-number-cell,\n.ag-theme-alpine-dark .ag-panel-title-bar-title,\n.ag-theme-alpine-dark .ag-multi-filter-group-title-bar,\n.ag-theme-alpine-dark .ag-filter-card-title,\n.ag-theme-alpine-auto-dark .ag-filter-toolpanel-header,\n.ag-theme-alpine-auto-dark .ag-filter-toolpanel-search,\n.ag-theme-alpine-auto-dark .ag-status-bar,\n.ag-theme-alpine-auto-dark .ag-header-row,\n.ag-theme-alpine-auto-dark .ag-row-number-cell,\n.ag-theme-alpine-auto-dark .ag-panel-title-bar-title,\n.ag-theme-alpine-auto-dark .ag-multi-filter-group-title-bar,\n.ag-theme-alpine-auto-dark .ag-filter-card-title {\n  font-weight: 700;\n  color: var(--ag-header-foreground-color);\n}\n.ag-theme-alpine .ag-row,\n.ag-theme-alpine-dark .ag-row,\n.ag-theme-alpine-auto-dark .ag-row {\n  font-size: calc(var(--ag-font-size) + 1px);\n}\n.ag-theme-alpine input[class^=ag-]:not([type]),\n.ag-theme-alpine input[class^=ag-][type=text],\n.ag-theme-alpine input[class^=ag-][type=number],\n.ag-theme-alpine input[class^=ag-][type=tel],\n.ag-theme-alpine input[class^=ag-][type=date],\n.ag-theme-alpine input[class^=ag-][type=datetime-local],\n.ag-theme-alpine textarea[class^=ag-],\n.ag-theme-alpine-dark input[class^=ag-]:not([type]),\n.ag-theme-alpine-dark input[class^=ag-][type=text],\n.ag-theme-alpine-dark input[class^=ag-][type=number],\n.ag-theme-alpine-dark input[class^=ag-][type=tel],\n.ag-theme-alpine-dark input[class^=ag-][type=date],\n.ag-theme-alpine-dark input[class^=ag-][type=datetime-local],\n.ag-theme-alpine-dark textarea[class^=ag-],\n.ag-theme-alpine-auto-dark input[class^=ag-]:not([type]),\n.ag-theme-alpine-auto-dark input[class^=ag-][type=text],\n.ag-theme-alpine-auto-dark input[class^=ag-][type=number],\n.ag-theme-alpine-auto-dark input[class^=ag-][type=tel],\n.ag-theme-alpine-auto-dark input[class^=ag-][type=date],\n.ag-theme-alpine-auto-dark input[class^=ag-][type=datetime-local],\n.ag-theme-alpine-auto-dark textarea[class^=ag-] {\n  min-height: calc(var(--ag-grid-size) * 4);\n  border-radius: var(--ag-border-radius);\n}\n.ag-theme-alpine .ag-ltr input[class^=ag-]:not([type]), .ag-theme-alpine .ag-ltr input[class^=ag-][type=text], .ag-theme-alpine .ag-ltr input[class^=ag-][type=number], .ag-theme-alpine .ag-ltr input[class^=ag-][type=tel], .ag-theme-alpine .ag-ltr input[class^=ag-][type=date], .ag-theme-alpine .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-alpine .ag-ltr textarea[class^=ag-], .ag-theme-alpine-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-alpine-dark .ag-ltr textarea[class^=ag-], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-alpine-auto-dark .ag-ltr textarea[class^=ag-] {\n  padding-left: var(--ag-grid-size);\n}\n\n.ag-theme-alpine .ag-rtl input[class^=ag-]:not([type]), .ag-theme-alpine .ag-rtl input[class^=ag-][type=text], .ag-theme-alpine .ag-rtl input[class^=ag-][type=number], .ag-theme-alpine .ag-rtl input[class^=ag-][type=tel], .ag-theme-alpine .ag-rtl input[class^=ag-][type=date], .ag-theme-alpine .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-alpine .ag-rtl textarea[class^=ag-], .ag-theme-alpine-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-alpine-dark .ag-rtl textarea[class^=ag-], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-alpine-auto-dark .ag-rtl textarea[class^=ag-] {\n  padding-right: var(--ag-grid-size);\n}\n\n.ag-theme-alpine .ag-tab,\n.ag-theme-alpine-dark .ag-tab,\n.ag-theme-alpine-auto-dark .ag-tab {\n  padding: calc(var(--ag-grid-size) * 1.5);\n  transition: color 0.4s;\n  flex: 1 1 auto;\n}\n.ag-theme-alpine .ag-tab-selected,\n.ag-theme-alpine-dark .ag-tab-selected,\n.ag-theme-alpine-auto-dark .ag-tab-selected {\n  color: var(--ag-alpine-active-color);\n}\n.ag-theme-alpine .ag-menu,\n.ag-theme-alpine-dark .ag-menu,\n.ag-theme-alpine-auto-dark .ag-menu {\n  background-color: var(--ag-control-panel-background-color);\n}\n.ag-theme-alpine .ag-panel-content-wrapper .ag-column-select,\n.ag-theme-alpine-dark .ag-panel-content-wrapper .ag-column-select,\n.ag-theme-alpine-auto-dark .ag-panel-content-wrapper .ag-column-select {\n  background-color: var(--ag-control-panel-background-color);\n}\n.ag-theme-alpine .ag-menu-header,\n.ag-theme-alpine-dark .ag-menu-header,\n.ag-theme-alpine-auto-dark .ag-menu-header {\n  background-color: var(--ag-control-panel-background-color);\n  padding-top: 1px;\n}\n.ag-theme-alpine .ag-tabs-header,\n.ag-theme-alpine-dark .ag-tabs-header,\n.ag-theme-alpine-auto-dark .ag-tabs-header {\n  border-bottom: var(--ag-borders) var(--ag-border-color);\n}\n.ag-theme-alpine .ag-charts-settings-group-title-bar,\n.ag-theme-alpine .ag-charts-data-group-title-bar,\n.ag-theme-alpine .ag-charts-format-top-level-group-title-bar,\n.ag-theme-alpine .ag-charts-advanced-settings-top-level-group-title-bar,\n.ag-theme-alpine-dark .ag-charts-settings-group-title-bar,\n.ag-theme-alpine-dark .ag-charts-data-group-title-bar,\n.ag-theme-alpine-dark .ag-charts-format-top-level-group-title-bar,\n.ag-theme-alpine-dark .ag-charts-advanced-settings-top-level-group-title-bar,\n.ag-theme-alpine-auto-dark .ag-charts-settings-group-title-bar,\n.ag-theme-alpine-auto-dark .ag-charts-data-group-title-bar,\n.ag-theme-alpine-auto-dark .ag-charts-format-top-level-group-title-bar,\n.ag-theme-alpine-auto-dark .ag-charts-advanced-settings-top-level-group-title-bar {\n  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);\n  line-height: calc(var(--ag-icon-size) + var(--ag-grid-size) - 2px);\n}\n.ag-theme-alpine .ag-chart-mini-thumbnail,\n.ag-theme-alpine-dark .ag-chart-mini-thumbnail,\n.ag-theme-alpine-auto-dark .ag-chart-mini-thumbnail {\n  background-color: var(--ag-background-color);\n}\n.ag-theme-alpine .ag-chart-settings-nav-bar,\n.ag-theme-alpine-dark .ag-chart-settings-nav-bar,\n.ag-theme-alpine-auto-dark .ag-chart-settings-nav-bar {\n  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);\n}\n.ag-theme-alpine .ag-ltr .ag-group-title-bar-icon, .ag-theme-alpine-dark .ag-ltr .ag-group-title-bar-icon, .ag-theme-alpine-auto-dark .ag-ltr .ag-group-title-bar-icon {\n  margin-right: var(--ag-grid-size);\n}\n\n.ag-theme-alpine .ag-rtl .ag-group-title-bar-icon, .ag-theme-alpine-dark .ag-rtl .ag-group-title-bar-icon, .ag-theme-alpine-auto-dark .ag-rtl .ag-group-title-bar-icon {\n  margin-left: var(--ag-grid-size);\n}\n\n.ag-theme-alpine .ag-charts-format-top-level-group-toolbar,\n.ag-theme-alpine .ag-charts-advanced-settings-top-level-group-toolbar,\n.ag-theme-alpine-dark .ag-charts-format-top-level-group-toolbar,\n.ag-theme-alpine-dark .ag-charts-advanced-settings-top-level-group-toolbar,\n.ag-theme-alpine-auto-dark .ag-charts-format-top-level-group-toolbar,\n.ag-theme-alpine-auto-dark .ag-charts-advanced-settings-top-level-group-toolbar {\n  margin-top: var(--ag-grid-size);\n}\n.ag-theme-alpine .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine .ag-ltr .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-dark .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-dark .ag-ltr .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-ltr .ag-charts-advanced-settings-top-level-group-toolbar {\n  padding-left: calc(var(--ag-icon-size) * 0.5 + var(--ag-grid-size) * 2);\n}\n\n.ag-theme-alpine .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine .ag-rtl .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-dark .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-dark .ag-rtl .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-rtl .ag-charts-advanced-settings-top-level-group-toolbar {\n  padding-right: calc(var(--ag-icon-size) * 0.5 + var(--ag-grid-size) * 2);\n}\n\n.ag-theme-alpine .ag-charts-format-sub-level-group,\n.ag-theme-alpine-dark .ag-charts-format-sub-level-group,\n.ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group {\n  border-left: dashed 1px;\n  border-left-color: var(--ag-border-color);\n  padding-left: var(--ag-grid-size);\n  margin-bottom: calc(var(--ag-grid-size) * 2);\n}\n.ag-theme-alpine .ag-charts-format-sub-level-group-title-bar,\n.ag-theme-alpine-dark .ag-charts-format-sub-level-group-title-bar,\n.ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-title-bar {\n  padding-top: 0;\n  padding-bottom: 0;\n  background: none;\n  font-weight: 700;\n}\n.ag-theme-alpine .ag-charts-format-sub-level-group-container,\n.ag-theme-alpine-dark .ag-charts-format-sub-level-group-container,\n.ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-container {\n  padding-bottom: 0;\n}\n.ag-theme-alpine .ag-charts-format-sub-level-group-item:last-child,\n.ag-theme-alpine-dark .ag-charts-format-sub-level-group-item:last-child,\n.ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-item:last-child {\n  margin-bottom: 0;\n}\n.ag-theme-alpine.ag-dnd-ghost,\n.ag-theme-alpine-dark.ag-dnd-ghost,\n.ag-theme-alpine-auto-dark.ag-dnd-ghost {\n  font-size: calc(var(--ag-font-size) - 1px);\n  font-weight: 700;\n}\n.ag-theme-alpine .ag-side-buttons,\n.ag-theme-alpine-dark .ag-side-buttons,\n.ag-theme-alpine-auto-dark .ag-side-buttons {\n  width: calc(var(--ag-grid-size) * 5);\n}\n.ag-theme-alpine .ag-standard-button,\n.ag-theme-alpine-dark .ag-standard-button,\n.ag-theme-alpine-auto-dark .ag-standard-button {\n  font-family: inherit;\n  -moz-appearance: none;\n       appearance: none;\n  -webkit-appearance: none;\n  border-radius: var(--ag-border-radius);\n  border: 1px solid;\n  border-color: var(--ag-alpine-active-color);\n  color: var(--ag-alpine-active-color);\n  background-color: var(--ag-background-color);\n  font-weight: 600;\n  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);\n}\n.ag-theme-alpine .ag-standard-button:hover,\n.ag-theme-alpine-dark .ag-standard-button:hover,\n.ag-theme-alpine-auto-dark .ag-standard-button:hover {\n  border-color: var(--ag-alpine-active-color);\n  background-color: var(--ag-row-hover-color);\n}\n.ag-theme-alpine .ag-standard-button:active,\n.ag-theme-alpine-dark .ag-standard-button:active,\n.ag-theme-alpine-auto-dark .ag-standard-button:active {\n  border-color: var(--ag-alpine-active-color);\n  background-color: var(--ag-alpine-active-color);\n  color: var(--ag-background-color);\n}\n.ag-theme-alpine .ag-standard-button:disabled,\n.ag-theme-alpine-dark .ag-standard-button:disabled,\n.ag-theme-alpine-auto-dark .ag-standard-button:disabled {\n  color: var(--ag-disabled-foreground-color);\n  background-color: var(--ag-input-disabled-background-color);\n  border-color: var(--ag-input-disabled-border-color);\n}\n.ag-theme-alpine .ag-column-drop-vertical,\n.ag-theme-alpine-dark .ag-column-drop-vertical,\n.ag-theme-alpine-auto-dark .ag-column-drop-vertical {\n  min-height: 75px;\n}\n.ag-theme-alpine .ag-column-drop-vertical-title-bar,\n.ag-theme-alpine-dark .ag-column-drop-vertical-title-bar,\n.ag-theme-alpine-auto-dark .ag-column-drop-vertical-title-bar {\n  padding: calc(var(--ag-grid-size) * 2);\n  padding-bottom: 0px;\n}\n.ag-theme-alpine .ag-column-drop-vertical-empty-message,\n.ag-theme-alpine-dark .ag-column-drop-vertical-empty-message,\n.ag-theme-alpine-auto-dark .ag-column-drop-vertical-empty-message {\n  display: flex;\n  align-items: center;\n  border: dashed 1px;\n  border-color: var(--ag-border-color);\n  margin: calc(var(--ag-grid-size) * 2);\n  padding: calc(var(--ag-grid-size) * 2);\n}\n.ag-theme-alpine .ag-column-drop-empty-message,\n.ag-theme-alpine-dark .ag-column-drop-empty-message,\n.ag-theme-alpine-auto-dark .ag-column-drop-empty-message {\n  color: var(--ag-foreground-color);\n  opacity: 0.75;\n}\n.ag-theme-alpine .ag-pill-select .ag-column-drop,\n.ag-theme-alpine-dark .ag-pill-select .ag-column-drop,\n.ag-theme-alpine-auto-dark .ag-pill-select .ag-column-drop {\n  min-height: 0;\n  min-height: initial;\n}\n.ag-theme-alpine .ag-status-bar,\n.ag-theme-alpine-dark .ag-status-bar,\n.ag-theme-alpine-auto-dark .ag-status-bar {\n  font-weight: normal;\n}\n.ag-theme-alpine .ag-status-name-value-value,\n.ag-theme-alpine-dark .ag-status-name-value-value,\n.ag-theme-alpine-auto-dark .ag-status-name-value-value {\n  font-weight: 700;\n}\n.ag-theme-alpine .ag-paging-number,\n.ag-theme-alpine .ag-paging-row-summary-panel-number,\n.ag-theme-alpine-dark .ag-paging-number,\n.ag-theme-alpine-dark .ag-paging-row-summary-panel-number,\n.ag-theme-alpine-auto-dark .ag-paging-number,\n.ag-theme-alpine-auto-dark .ag-paging-row-summary-panel-number {\n  font-weight: 700;\n}\n.ag-theme-alpine .ag-column-drop-cell-button,\n.ag-theme-alpine-dark .ag-column-drop-cell-button,\n.ag-theme-alpine-auto-dark .ag-column-drop-cell-button {\n  opacity: 0.5;\n}\n.ag-theme-alpine .ag-column-drop-cell-button:hover,\n.ag-theme-alpine-dark .ag-column-drop-cell-button:hover,\n.ag-theme-alpine-auto-dark .ag-column-drop-cell-button:hover {\n  opacity: 0.75;\n}\n.ag-theme-alpine .ag-column-select-column-readonly.ag-icon-grip,\n.ag-theme-alpine .ag-column-select-column-readonly .ag-icon-grip,\n.ag-theme-alpine-dark .ag-column-select-column-readonly.ag-icon-grip,\n.ag-theme-alpine-dark .ag-column-select-column-readonly .ag-icon-grip,\n.ag-theme-alpine-auto-dark .ag-column-select-column-readonly.ag-icon-grip,\n.ag-theme-alpine-auto-dark .ag-column-select-column-readonly .ag-icon-grip {\n  opacity: 0.35;\n}\n.ag-theme-alpine .ag-header-cell-menu-button:hover,\n.ag-theme-alpine .ag-header-cell-filter-button:hover,\n.ag-theme-alpine .ag-side-button-button:hover,\n.ag-theme-alpine .ag-tab:hover,\n.ag-theme-alpine .ag-panel-title-bar-button:hover,\n.ag-theme-alpine .ag-header-expand-icon:hover,\n.ag-theme-alpine .ag-column-group-icons:hover,\n.ag-theme-alpine .ag-set-filter-group-icons:hover,\n.ag-theme-alpine .ag-group-expanded .ag-icon:hover,\n.ag-theme-alpine .ag-group-contracted .ag-icon:hover,\n.ag-theme-alpine .ag-chart-settings-prev:hover,\n.ag-theme-alpine .ag-chart-settings-next:hover,\n.ag-theme-alpine .ag-group-title-bar-icon:hover,\n.ag-theme-alpine .ag-column-select-header-icon:hover,\n.ag-theme-alpine .ag-floating-filter-button-button:hover,\n.ag-theme-alpine .ag-filter-toolpanel-expand:hover,\n.ag-theme-alpine .ag-chart-menu-icon:hover,\n.ag-theme-alpine-dark .ag-header-cell-menu-button:hover,\n.ag-theme-alpine-dark .ag-header-cell-filter-button:hover,\n.ag-theme-alpine-dark .ag-side-button-button:hover,\n.ag-theme-alpine-dark .ag-tab:hover,\n.ag-theme-alpine-dark .ag-panel-title-bar-button:hover,\n.ag-theme-alpine-dark .ag-header-expand-icon:hover,\n.ag-theme-alpine-dark .ag-column-group-icons:hover,\n.ag-theme-alpine-dark .ag-set-filter-group-icons:hover,\n.ag-theme-alpine-dark .ag-group-expanded .ag-icon:hover,\n.ag-theme-alpine-dark .ag-group-contracted .ag-icon:hover,\n.ag-theme-alpine-dark .ag-chart-settings-prev:hover,\n.ag-theme-alpine-dark .ag-chart-settings-next:hover,\n.ag-theme-alpine-dark .ag-group-title-bar-icon:hover,\n.ag-theme-alpine-dark .ag-column-select-header-icon:hover,\n.ag-theme-alpine-dark .ag-floating-filter-button-button:hover,\n.ag-theme-alpine-dark .ag-filter-toolpanel-expand:hover,\n.ag-theme-alpine-dark .ag-chart-menu-icon:hover,\n.ag-theme-alpine-auto-dark .ag-header-cell-menu-button:hover,\n.ag-theme-alpine-auto-dark .ag-header-cell-filter-button:hover,\n.ag-theme-alpine-auto-dark .ag-side-button-button:hover,\n.ag-theme-alpine-auto-dark .ag-tab:hover,\n.ag-theme-alpine-auto-dark .ag-panel-title-bar-button:hover,\n.ag-theme-alpine-auto-dark .ag-header-expand-icon:hover,\n.ag-theme-alpine-auto-dark .ag-column-group-icons:hover,\n.ag-theme-alpine-auto-dark .ag-set-filter-group-icons:hover,\n.ag-theme-alpine-auto-dark .ag-group-expanded .ag-icon:hover,\n.ag-theme-alpine-auto-dark .ag-group-contracted .ag-icon:hover,\n.ag-theme-alpine-auto-dark .ag-chart-settings-prev:hover,\n.ag-theme-alpine-auto-dark .ag-chart-settings-next:hover,\n.ag-theme-alpine-auto-dark .ag-group-title-bar-icon:hover,\n.ag-theme-alpine-auto-dark .ag-column-select-header-icon:hover,\n.ag-theme-alpine-auto-dark .ag-floating-filter-button-button:hover,\n.ag-theme-alpine-auto-dark .ag-filter-toolpanel-expand:hover,\n.ag-theme-alpine-auto-dark .ag-chart-menu-icon:hover {\n  color: var(--ag-alpine-active-color);\n}\n.ag-theme-alpine .ag-header-cell-menu-button:hover .ag-icon,\n.ag-theme-alpine .ag-header-cell-filter-button:hover .ag-icon,\n.ag-theme-alpine .ag-side-button-button:hover .ag-icon,\n.ag-theme-alpine .ag-panel-title-bar-button:hover .ag-icon,\n.ag-theme-alpine .ag-floating-filter-button-button:hover .ag-icon,\n.ag-theme-alpine-dark .ag-header-cell-menu-button:hover .ag-icon,\n.ag-theme-alpine-dark .ag-header-cell-filter-button:hover .ag-icon,\n.ag-theme-alpine-dark .ag-side-button-button:hover .ag-icon,\n.ag-theme-alpine-dark .ag-panel-title-bar-button:hover .ag-icon,\n.ag-theme-alpine-dark .ag-floating-filter-button-button:hover .ag-icon,\n.ag-theme-alpine-auto-dark .ag-header-cell-menu-button:hover .ag-icon,\n.ag-theme-alpine-auto-dark .ag-header-cell-filter-button:hover .ag-icon,\n.ag-theme-alpine-auto-dark .ag-side-button-button:hover .ag-icon,\n.ag-theme-alpine-auto-dark .ag-panel-title-bar-button:hover .ag-icon,\n.ag-theme-alpine-auto-dark .ag-floating-filter-button-button:hover .ag-icon {\n  color: inherit;\n}\n.ag-theme-alpine .ag-filter-active .ag-icon-filter,\n.ag-theme-alpine-dark .ag-filter-active .ag-icon-filter,\n.ag-theme-alpine-auto-dark .ag-filter-active .ag-icon-filter {\n  color: var(--ag-alpine-active-color);\n}\n.ag-theme-alpine .ag-chart-settings-card-item.ag-not-selected:hover,\n.ag-theme-alpine-dark .ag-chart-settings-card-item.ag-not-selected:hover,\n.ag-theme-alpine-auto-dark .ag-chart-settings-card-item.ag-not-selected:hover {\n  opacity: 0.35;\n}\n.ag-theme-alpine .ag-ltr .ag-panel-title-bar-button, .ag-theme-alpine-dark .ag-ltr .ag-panel-title-bar-button, .ag-theme-alpine-auto-dark .ag-ltr .ag-panel-title-bar-button {\n  margin-left: calc(var(--ag-grid-size) * 2);\n  margin-right: var(--ag-grid-size);\n}\n\n.ag-theme-alpine .ag-rtl .ag-panel-title-bar-button, .ag-theme-alpine-dark .ag-rtl .ag-panel-title-bar-button, .ag-theme-alpine-auto-dark .ag-rtl .ag-panel-title-bar-button {\n  margin-right: calc(var(--ag-grid-size) * 2);\n  margin-left: var(--ag-grid-size);\n}\n\n.ag-theme-alpine .ag-ltr .ag-filter-toolpanel-group-container, .ag-theme-alpine-dark .ag-ltr .ag-filter-toolpanel-group-container, .ag-theme-alpine-auto-dark .ag-ltr .ag-filter-toolpanel-group-container {\n  padding-left: var(--ag-grid-size);\n}\n\n.ag-theme-alpine .ag-rtl .ag-filter-toolpanel-group-container, .ag-theme-alpine-dark .ag-rtl .ag-filter-toolpanel-group-container, .ag-theme-alpine-auto-dark .ag-rtl .ag-filter-toolpanel-group-container {\n  padding-right: var(--ag-grid-size);\n}\n\n.ag-theme-alpine .ag-filter-toolpanel-instance-filter,\n.ag-theme-alpine-dark .ag-filter-toolpanel-instance-filter,\n.ag-theme-alpine-auto-dark .ag-filter-toolpanel-instance-filter {\n  border: none;\n  background-color: var(--ag-control-panel-background-color);\n}\n.ag-theme-alpine .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-dark .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-auto-dark .ag-ltr .ag-filter-toolpanel-instance-filter {\n  border-left: dashed 1px;\n  border-left-color: var(--ag-border-color);\n  margin-left: calc(var(--ag-icon-size) * 0.5);\n}\n\n.ag-theme-alpine .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-dark .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-auto-dark .ag-rtl .ag-filter-toolpanel-instance-filter {\n  border-right: dashed 1px;\n  border-right-color: var(--ag-border-color);\n  margin-right: calc(var(--ag-icon-size) * 0.5);\n}\n\n.ag-theme-alpine .ag-set-filter-list,\n.ag-theme-alpine-dark .ag-set-filter-list,\n.ag-theme-alpine-auto-dark .ag-set-filter-list {\n  padding-top: calc(var(--ag-grid-size) * 0.5);\n  padding-bottom: calc(var(--ag-grid-size) * 0.5);\n}\n.ag-theme-alpine .ag-filter-add-button .ag-icon,\n.ag-theme-alpine-dark .ag-filter-add-button .ag-icon,\n.ag-theme-alpine-auto-dark .ag-filter-add-button .ag-icon {\n  color: var(--ag-alpine-active-color);\n}\n.ag-theme-alpine .ag-layout-auto-height .ag-center-cols-viewport,\n.ag-theme-alpine .ag-layout-auto-height .ag-center-cols-container,\n.ag-theme-alpine .ag-layout-print .ag-center-cols-viewport,\n.ag-theme-alpine .ag-layout-print .ag-center-cols-container,\n.ag-theme-alpine-dark .ag-layout-auto-height .ag-center-cols-viewport,\n.ag-theme-alpine-dark .ag-layout-auto-height .ag-center-cols-container,\n.ag-theme-alpine-dark .ag-layout-print .ag-center-cols-viewport,\n.ag-theme-alpine-dark .ag-layout-print .ag-center-cols-container,\n.ag-theme-alpine-auto-dark .ag-layout-auto-height .ag-center-cols-viewport,\n.ag-theme-alpine-auto-dark .ag-layout-auto-height .ag-center-cols-container,\n.ag-theme-alpine-auto-dark .ag-layout-print .ag-center-cols-viewport,\n.ag-theme-alpine-auto-dark .ag-layout-print .ag-center-cols-container {\n  min-height: 150px;\n}\n.ag-theme-alpine .ag-date-time-list-page-entry-is-current,\n.ag-theme-alpine-dark .ag-date-time-list-page-entry-is-current,\n.ag-theme-alpine-auto-dark .ag-date-time-list-page-entry-is-current {\n  background-color: var(--ag-alpine-active-color);\n}\n.ag-theme-alpine .ag-advanced-filter-builder-button,\n.ag-theme-alpine-dark .ag-advanced-filter-builder-button,\n.ag-theme-alpine-auto-dark .ag-advanced-filter-builder-button {\n  padding: var(--ag-grid-size);\n  font-weight: 600;\n}\n.ag-theme-alpine .ag-list-item-hovered::after,\n.ag-theme-alpine-dark .ag-list-item-hovered::after,\n.ag-theme-alpine-auto-dark .ag-list-item-hovered::after {\n  background-color: var(--ag-alpine-active-color);\n}\n.ag-theme-alpine .ag-pill .ag-pill-button:hover,\n.ag-theme-alpine-dark .ag-pill .ag-pill-button:hover,\n.ag-theme-alpine-auto-dark .ag-pill .ag-pill-button:hover {\n  color: var(--ag-alpine-active-color);\n}\n.ag-theme-alpine .ag-header-highlight-before::after,\n.ag-theme-alpine .ag-header-highlight-after::after,\n.ag-theme-alpine-dark .ag-header-highlight-before::after,\n.ag-theme-alpine-dark .ag-header-highlight-after::after,\n.ag-theme-alpine-auto-dark .ag-header-highlight-before::after,\n.ag-theme-alpine-auto-dark .ag-header-highlight-after::after {\n  background-color: var(--ag-alpine-active-color);\n}\n.ag-theme-alpine .ag-advanced-filter-builder-item-button-disabled .ag-icon,\n.ag-theme-alpine .ag-disabled .ag-icon,\n.ag-theme-alpine .ag-column-select-column-group-readonly .ag-icon,\n.ag-theme-alpine [disabled] .ag-icon,\n.ag-theme-alpine-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,\n.ag-theme-alpine-dark .ag-disabled .ag-icon,\n.ag-theme-alpine-dark .ag-column-select-column-group-readonly .ag-icon,\n.ag-theme-alpine-dark [disabled] .ag-icon,\n.ag-theme-alpine-auto-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,\n.ag-theme-alpine-auto-dark .ag-disabled .ag-icon,\n.ag-theme-alpine-auto-dark .ag-column-select-column-group-readonly .ag-icon,\n.ag-theme-alpine-auto-dark [disabled] .ag-icon {\n  color: var(--ag-disabled-foreground-color);\n}\n',""]),t.A=i},17521:function(e,t,a){var o=a(36758),n=a.n(o),r=a(40935),i=a.n(r),l=a(20062),s=a.n(l),d=new URL(a(50221),a.b),c=i()(n()),g=s()(d);c.push([e.id,'@font-face {\n  font-family: "agGridAlpine";\n  src: url('+g+');\n  font-weight: normal;\n  font-style: normal;\n}\n.ag-theme-alpine,\n.ag-theme-alpine-dark,\n.ag-theme-alpine-auto-dark {\n  --ag-alpine-active-color: #2196f3;\n  --ag-selected-row-background-color: rgba(33, 150, 243, 0.3);\n  --ag-row-hover-color: rgba(33, 150, 243, 0.1);\n  --ag-column-hover-color: rgba(33, 150, 243, 0.1);\n  --ag-input-focus-border-color: rgba(33, 150, 243, 0.4);\n  --ag-range-selection-background-color: rgba(33, 150, 243, 0.2);\n  --ag-range-selection-background-color-2: rgba(33, 150, 243, 0.36);\n  --ag-range-selection-background-color-3: rgba(33, 150, 243, 0.49);\n  --ag-range-selection-background-color-4: rgba(33, 150, 243, 0.59);\n  --ag-row-numbers-selected-color: color-mix(in srgb, transparent, var(--ag-alpine-active-color) 50%);\n  --ag-background-color: #fff;\n  --ag-foreground-color: #181d1f;\n  --ag-border-color: #babfc7;\n  --ag-secondary-border-color: #dde2eb;\n  --ag-header-background-color: #f8f8f8;\n  --ag-tooltip-background-color: #f8f8f8;\n  --ag-odd-row-background-color: #fcfcfc;\n  --ag-control-panel-background-color: #f8f8f8;\n  --ag-subheader-background-color: #fff;\n  --ag-invalid-color: #e02525;\n  --ag-checkbox-unchecked-color: #999;\n  --ag-advanced-filter-join-pill-color: #f08e8d;\n  --ag-advanced-filter-column-pill-color: #a6e194;\n  --ag-advanced-filter-option-pill-color: #f3c08b;\n  --ag-advanced-filter-value-pill-color: #85c0e4;\n  --ag-find-match-color: var(--ag-foreground-color);\n  --ag-find-match-background-color: #ffff00;\n  --ag-find-active-match-color: var(--ag-foreground-color);\n  --ag-find-active-match-background-color: #ffa500;\n  --ag-checkbox-background-color: var(--ag-background-color);\n  --ag-checkbox-checked-color: var(--ag-alpine-active-color);\n  --ag-range-selection-border-color: var(--ag-alpine-active-color);\n  --ag-secondary-foreground-color: var(--ag-foreground-color);\n  --ag-input-border-color: var(--ag-border-color);\n  --ag-input-border-color-invalid: var(--ag-invalid-color);\n  --ag-input-focus-box-shadow: 0 0 2px 0.1rem var(--ag-input-focus-border-color);\n  --ag-input-error-focus-box-shadow: 0 0 2px 0.1rem var(--ag-invalid-color);\n  --ag-panel-background-color: var(--ag-header-background-color);\n  --ag-menu-background-color: var(--ag-header-background-color);\n  --ag-filter-panel-apply-button-color: var(--ag-background-color);\n  --ag-filter-panel-apply-button-background-color: var(--ag-alpine-active-color);\n  --ag-disabled-foreground-color: rgba(24, 29, 31, 0.5);\n  --ag-chip-background-color: rgba(24, 29, 31, 0.07);\n  --ag-input-disabled-border-color: rgba(186, 191, 199, 0.3);\n  --ag-input-disabled-background-color: rgba(186, 191, 199, 0.15);\n  --ag-borders: solid 1px;\n  --ag-border-radius: 3px;\n  --ag-borders-side-button: none;\n  --ag-side-button-selected-background-color: transparent;\n  --ag-header-column-resize-handle-display: block;\n  --ag-header-column-resize-handle-width: 2px;\n  --ag-header-column-resize-handle-height: 30%;\n  --ag-grid-size: 6px;\n  --ag-icon-size: 16px;\n  --ag-row-height: calc(var(--ag-grid-size) * 7);\n  --ag-header-height: calc(var(--ag-grid-size) * 8);\n  --ag-list-item-height: calc(var(--ag-grid-size) * 4);\n  --ag-column-select-indent-size: var(--ag-icon-size);\n  --ag-set-filter-indent-size: var(--ag-icon-size);\n  --ag-advanced-filter-builder-indent-size: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);\n  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);\n  --ag-cell-widget-spacing: calc(var(--ag-grid-size) * 2);\n  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 2);\n  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 2);\n  --ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1.5);\n  --ag-toggle-button-height: 18px;\n  --ag-toggle-button-width: 28px;\n  --ag-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell,\n      "Helvetica Neue", sans-serif;\n  --ag-font-size: 13px;\n  --ag-icon-font-family: agGridAlpine;\n  --ag-selected-tab-underline-color: var(--ag-alpine-active-color);\n  --ag-selected-tab-underline-width: 2px;\n  --ag-selected-tab-underline-transition-speed: 0.3s;\n  --ag-tab-min-width: 240px;\n  --ag-card-shadow: 0 1px 4px 1px rgba(186, 191, 199, 0.4);\n  --ag-popup-shadow: var(--ag-card-shadow);\n  --ag-side-bar-panel-width: 250px;\n}\n\n.ag-theme-alpine-dark {\n  --ag-background-color: #181d1f;\n  --ag-foreground-color: #fff;\n  --ag-border-color: #68686e;\n  --ag-secondary-border-color: rgba(88, 86, 82, 0.5);\n  --ag-modal-overlay-background-color: rgba(24, 29, 31, 0.66);\n  --ag-header-background-color: #222628;\n  --ag-tooltip-background-color: #222628;\n  --ag-odd-row-background-color: #222628;\n  --ag-control-panel-background-color: #222628;\n  --ag-subheader-background-color: #000;\n  --ag-input-disabled-background-color: #282c2f;\n  --ag-input-focus-box-shadow: 0 0 2px 0.5px rgba(255, 255, 255, 0.5), 0 0 4px 3px var(--ag-input-focus-border-color);\n  --ag-input-error-focus-box-shadow: 0 0 2px 0.5px rgba(255, 255, 255, 0.5),\n      0 0 4px 3px color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 0.5%);\n  --ag-card-shadow: 0 1px 20px 1px black;\n  --ag-disabled-foreground-color: rgba(255, 255, 255, 0.5);\n  --ag-chip-background-color: rgba(255, 255, 255, 0.07);\n  --ag-input-disabled-border-color: rgba(104, 104, 110, 0.3);\n  --ag-input-disabled-background-color: rgba(104, 104, 110, 0.07);\n  --ag-advanced-filter-join-pill-color: #7a3a37;\n  --ag-advanced-filter-column-pill-color: #355f2d;\n  --ag-advanced-filter-option-pill-color: #5a3168;\n  --ag-advanced-filter-value-pill-color: #374c86;\n  --ag-find-match-color: var(--ag-background-color);\n  --ag-find-active-match-color: var(--ag-background-color);\n  --ag-filter-panel-apply-button-color: var(--ag-foreground-color);\n  --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);\n  --ag-cell-batch-edit-text-color: #f3d0b3;\n  --csstools-color-scheme--dark: initial;\n  color-scheme: dark;\n}\n\n@media (prefers-color-scheme: dark) {\n  .ag-theme-alpine-auto-dark {\n    --ag-background-color: #181d1f;\n    --ag-foreground-color: #fff;\n    --ag-border-color: #68686e;\n    --ag-secondary-border-color: rgba(88, 86, 82, 0.5);\n    --ag-modal-overlay-background-color: rgba(24, 29, 31, 0.66);\n    --ag-header-background-color: #222628;\n    --ag-tooltip-background-color: #222628;\n    --ag-odd-row-background-color: #222628;\n    --ag-control-panel-background-color: #222628;\n    --ag-subheader-background-color: #000;\n    --ag-input-disabled-background-color: #282c2f;\n    --ag-input-focus-box-shadow: 0 0 2px 0.5px rgba(255, 255, 255, 0.5), 0 0 4px 3px var(--ag-input-focus-border-color);\n    --ag-input-error-focus-box-shadow: 0 0 2px 0.5px rgba(255, 255, 255, 0.5),\n        0 0 4px 3px color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 0.5%);\n    --ag-card-shadow: 0 1px 20px 1px black;\n    --ag-disabled-foreground-color: rgba(255, 255, 255, 0.5);\n    --ag-chip-background-color: rgba(255, 255, 255, 0.07);\n    --ag-input-disabled-border-color: rgba(104, 104, 110, 0.3);\n    --ag-input-disabled-background-color: rgba(104, 104, 110, 0.07);\n    --ag-advanced-filter-join-pill-color: #7a3a37;\n    --ag-advanced-filter-column-pill-color: #355f2d;\n    --ag-advanced-filter-option-pill-color: #5a3168;\n    --ag-advanced-filter-value-pill-color: #374c86;\n    --ag-find-match-color: var(--ag-background-color);\n    --ag-find-active-match-color: var(--ag-background-color);\n    --ag-filter-panel-apply-button-color: var(--ag-foreground-color);\n    --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);\n    --ag-cell-batch-edit-text-color: #f3d0b3;\n    --csstools-color-scheme--dark: initial;\n    color-scheme: dark;\n  }\n}\n.ag-theme-alpine .ag-filter-toolpanel-header,\n.ag-theme-alpine .ag-filter-toolpanel-search,\n.ag-theme-alpine .ag-status-bar,\n.ag-theme-alpine .ag-header-row,\n.ag-theme-alpine .ag-row-number-cell,\n.ag-theme-alpine .ag-panel-title-bar-title,\n.ag-theme-alpine .ag-multi-filter-group-title-bar,\n.ag-theme-alpine .ag-filter-card-title,\n.ag-theme-alpine-dark .ag-filter-toolpanel-header,\n.ag-theme-alpine-dark .ag-filter-toolpanel-search,\n.ag-theme-alpine-dark .ag-status-bar,\n.ag-theme-alpine-dark .ag-header-row,\n.ag-theme-alpine-dark .ag-row-number-cell,\n.ag-theme-alpine-dark .ag-panel-title-bar-title,\n.ag-theme-alpine-dark .ag-multi-filter-group-title-bar,\n.ag-theme-alpine-dark .ag-filter-card-title,\n.ag-theme-alpine-auto-dark .ag-filter-toolpanel-header,\n.ag-theme-alpine-auto-dark .ag-filter-toolpanel-search,\n.ag-theme-alpine-auto-dark .ag-status-bar,\n.ag-theme-alpine-auto-dark .ag-header-row,\n.ag-theme-alpine-auto-dark .ag-row-number-cell,\n.ag-theme-alpine-auto-dark .ag-panel-title-bar-title,\n.ag-theme-alpine-auto-dark .ag-multi-filter-group-title-bar,\n.ag-theme-alpine-auto-dark .ag-filter-card-title {\n  font-weight: 700;\n  color: var(--ag-header-foreground-color);\n}\n.ag-theme-alpine .ag-row,\n.ag-theme-alpine-dark .ag-row,\n.ag-theme-alpine-auto-dark .ag-row {\n  font-size: calc(var(--ag-font-size) + 1px);\n}\n.ag-theme-alpine input[class^=ag-]:not([type]),\n.ag-theme-alpine input[class^=ag-][type=text],\n.ag-theme-alpine input[class^=ag-][type=number],\n.ag-theme-alpine input[class^=ag-][type=tel],\n.ag-theme-alpine input[class^=ag-][type=date],\n.ag-theme-alpine input[class^=ag-][type=datetime-local],\n.ag-theme-alpine textarea[class^=ag-],\n.ag-theme-alpine-dark input[class^=ag-]:not([type]),\n.ag-theme-alpine-dark input[class^=ag-][type=text],\n.ag-theme-alpine-dark input[class^=ag-][type=number],\n.ag-theme-alpine-dark input[class^=ag-][type=tel],\n.ag-theme-alpine-dark input[class^=ag-][type=date],\n.ag-theme-alpine-dark input[class^=ag-][type=datetime-local],\n.ag-theme-alpine-dark textarea[class^=ag-],\n.ag-theme-alpine-auto-dark input[class^=ag-]:not([type]),\n.ag-theme-alpine-auto-dark input[class^=ag-][type=text],\n.ag-theme-alpine-auto-dark input[class^=ag-][type=number],\n.ag-theme-alpine-auto-dark input[class^=ag-][type=tel],\n.ag-theme-alpine-auto-dark input[class^=ag-][type=date],\n.ag-theme-alpine-auto-dark input[class^=ag-][type=datetime-local],\n.ag-theme-alpine-auto-dark textarea[class^=ag-] {\n  min-height: calc(var(--ag-grid-size) * 4);\n  border-radius: var(--ag-border-radius);\n}\n.ag-theme-alpine .ag-ltr input[class^=ag-]:not([type]), .ag-theme-alpine .ag-ltr input[class^=ag-][type=text], .ag-theme-alpine .ag-ltr input[class^=ag-][type=number], .ag-theme-alpine .ag-ltr input[class^=ag-][type=tel], .ag-theme-alpine .ag-ltr input[class^=ag-][type=date], .ag-theme-alpine .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-alpine .ag-ltr textarea[class^=ag-], .ag-theme-alpine-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-alpine-dark .ag-ltr textarea[class^=ag-], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-alpine-auto-dark .ag-ltr textarea[class^=ag-] {\n  padding-left: var(--ag-grid-size);\n}\n\n.ag-theme-alpine .ag-rtl input[class^=ag-]:not([type]), .ag-theme-alpine .ag-rtl input[class^=ag-][type=text], .ag-theme-alpine .ag-rtl input[class^=ag-][type=number], .ag-theme-alpine .ag-rtl input[class^=ag-][type=tel], .ag-theme-alpine .ag-rtl input[class^=ag-][type=date], .ag-theme-alpine .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-alpine .ag-rtl textarea[class^=ag-], .ag-theme-alpine-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-alpine-dark .ag-rtl textarea[class^=ag-], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-alpine-auto-dark .ag-rtl textarea[class^=ag-] {\n  padding-right: var(--ag-grid-size);\n}\n\n.ag-theme-alpine .ag-tab,\n.ag-theme-alpine-dark .ag-tab,\n.ag-theme-alpine-auto-dark .ag-tab {\n  padding: calc(var(--ag-grid-size) * 1.5);\n  transition: color 0.4s;\n  flex: 1 1 auto;\n}\n.ag-theme-alpine .ag-tab-selected,\n.ag-theme-alpine-dark .ag-tab-selected,\n.ag-theme-alpine-auto-dark .ag-tab-selected {\n  color: var(--ag-alpine-active-color);\n}\n.ag-theme-alpine .ag-menu,\n.ag-theme-alpine-dark .ag-menu,\n.ag-theme-alpine-auto-dark .ag-menu {\n  background-color: var(--ag-control-panel-background-color);\n}\n.ag-theme-alpine .ag-panel-content-wrapper .ag-column-select,\n.ag-theme-alpine-dark .ag-panel-content-wrapper .ag-column-select,\n.ag-theme-alpine-auto-dark .ag-panel-content-wrapper .ag-column-select {\n  background-color: var(--ag-control-panel-background-color);\n}\n.ag-theme-alpine .ag-menu-header,\n.ag-theme-alpine-dark .ag-menu-header,\n.ag-theme-alpine-auto-dark .ag-menu-header {\n  background-color: var(--ag-control-panel-background-color);\n  padding-top: 1px;\n}\n.ag-theme-alpine .ag-tabs-header,\n.ag-theme-alpine-dark .ag-tabs-header,\n.ag-theme-alpine-auto-dark .ag-tabs-header {\n  border-bottom: var(--ag-borders) var(--ag-border-color);\n}\n.ag-theme-alpine .ag-charts-settings-group-title-bar,\n.ag-theme-alpine .ag-charts-data-group-title-bar,\n.ag-theme-alpine .ag-charts-format-top-level-group-title-bar,\n.ag-theme-alpine .ag-charts-advanced-settings-top-level-group-title-bar,\n.ag-theme-alpine-dark .ag-charts-settings-group-title-bar,\n.ag-theme-alpine-dark .ag-charts-data-group-title-bar,\n.ag-theme-alpine-dark .ag-charts-format-top-level-group-title-bar,\n.ag-theme-alpine-dark .ag-charts-advanced-settings-top-level-group-title-bar,\n.ag-theme-alpine-auto-dark .ag-charts-settings-group-title-bar,\n.ag-theme-alpine-auto-dark .ag-charts-data-group-title-bar,\n.ag-theme-alpine-auto-dark .ag-charts-format-top-level-group-title-bar,\n.ag-theme-alpine-auto-dark .ag-charts-advanced-settings-top-level-group-title-bar {\n  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);\n  line-height: calc(var(--ag-icon-size) + var(--ag-grid-size) - 2px);\n}\n.ag-theme-alpine .ag-chart-mini-thumbnail,\n.ag-theme-alpine-dark .ag-chart-mini-thumbnail,\n.ag-theme-alpine-auto-dark .ag-chart-mini-thumbnail {\n  background-color: var(--ag-background-color);\n}\n.ag-theme-alpine .ag-chart-settings-nav-bar,\n.ag-theme-alpine-dark .ag-chart-settings-nav-bar,\n.ag-theme-alpine-auto-dark .ag-chart-settings-nav-bar {\n  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);\n}\n.ag-theme-alpine .ag-ltr .ag-group-title-bar-icon, .ag-theme-alpine-dark .ag-ltr .ag-group-title-bar-icon, .ag-theme-alpine-auto-dark .ag-ltr .ag-group-title-bar-icon {\n  margin-right: var(--ag-grid-size);\n}\n\n.ag-theme-alpine .ag-rtl .ag-group-title-bar-icon, .ag-theme-alpine-dark .ag-rtl .ag-group-title-bar-icon, .ag-theme-alpine-auto-dark .ag-rtl .ag-group-title-bar-icon {\n  margin-left: var(--ag-grid-size);\n}\n\n.ag-theme-alpine .ag-charts-format-top-level-group-toolbar,\n.ag-theme-alpine .ag-charts-advanced-settings-top-level-group-toolbar,\n.ag-theme-alpine-dark .ag-charts-format-top-level-group-toolbar,\n.ag-theme-alpine-dark .ag-charts-advanced-settings-top-level-group-toolbar,\n.ag-theme-alpine-auto-dark .ag-charts-format-top-level-group-toolbar,\n.ag-theme-alpine-auto-dark .ag-charts-advanced-settings-top-level-group-toolbar {\n  margin-top: var(--ag-grid-size);\n}\n.ag-theme-alpine .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine .ag-ltr .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-dark .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-dark .ag-ltr .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-ltr .ag-charts-advanced-settings-top-level-group-toolbar {\n  padding-left: calc(var(--ag-icon-size) * 0.5 + var(--ag-grid-size) * 2);\n}\n\n.ag-theme-alpine .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine .ag-rtl .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-dark .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-dark .ag-rtl .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-rtl .ag-charts-advanced-settings-top-level-group-toolbar {\n  padding-right: calc(var(--ag-icon-size) * 0.5 + var(--ag-grid-size) * 2);\n}\n\n.ag-theme-alpine .ag-charts-format-sub-level-group,\n.ag-theme-alpine-dark .ag-charts-format-sub-level-group,\n.ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group {\n  border-left: dashed 1px;\n  border-left-color: var(--ag-border-color);\n  padding-left: var(--ag-grid-size);\n  margin-bottom: calc(var(--ag-grid-size) * 2);\n}\n.ag-theme-alpine .ag-charts-format-sub-level-group-title-bar,\n.ag-theme-alpine-dark .ag-charts-format-sub-level-group-title-bar,\n.ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-title-bar {\n  padding-top: 0;\n  padding-bottom: 0;\n  background: none;\n  font-weight: 700;\n}\n.ag-theme-alpine .ag-charts-format-sub-level-group-container,\n.ag-theme-alpine-dark .ag-charts-format-sub-level-group-container,\n.ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-container {\n  padding-bottom: 0;\n}\n.ag-theme-alpine .ag-charts-format-sub-level-group-item:last-child,\n.ag-theme-alpine-dark .ag-charts-format-sub-level-group-item:last-child,\n.ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-item:last-child {\n  margin-bottom: 0;\n}\n.ag-theme-alpine.ag-dnd-ghost,\n.ag-theme-alpine-dark.ag-dnd-ghost,\n.ag-theme-alpine-auto-dark.ag-dnd-ghost {\n  font-size: calc(var(--ag-font-size) - 1px);\n  font-weight: 700;\n}\n.ag-theme-alpine .ag-side-buttons,\n.ag-theme-alpine-dark .ag-side-buttons,\n.ag-theme-alpine-auto-dark .ag-side-buttons {\n  width: calc(var(--ag-grid-size) * 5);\n}\n.ag-theme-alpine .ag-standard-button,\n.ag-theme-alpine-dark .ag-standard-button,\n.ag-theme-alpine-auto-dark .ag-standard-button {\n  font-family: inherit;\n  -moz-appearance: none;\n       appearance: none;\n  -webkit-appearance: none;\n  border-radius: var(--ag-border-radius);\n  border: 1px solid;\n  border-color: var(--ag-alpine-active-color);\n  color: var(--ag-alpine-active-color);\n  background-color: var(--ag-background-color);\n  font-weight: 600;\n  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);\n}\n.ag-theme-alpine .ag-standard-button:hover,\n.ag-theme-alpine-dark .ag-standard-button:hover,\n.ag-theme-alpine-auto-dark .ag-standard-button:hover {\n  border-color: var(--ag-alpine-active-color);\n  background-color: var(--ag-row-hover-color);\n}\n.ag-theme-alpine .ag-standard-button:active,\n.ag-theme-alpine-dark .ag-standard-button:active,\n.ag-theme-alpine-auto-dark .ag-standard-button:active {\n  border-color: var(--ag-alpine-active-color);\n  background-color: var(--ag-alpine-active-color);\n  color: var(--ag-background-color);\n}\n.ag-theme-alpine .ag-standard-button:disabled,\n.ag-theme-alpine-dark .ag-standard-button:disabled,\n.ag-theme-alpine-auto-dark .ag-standard-button:disabled {\n  color: var(--ag-disabled-foreground-color);\n  background-color: var(--ag-input-disabled-background-color);\n  border-color: var(--ag-input-disabled-border-color);\n}\n.ag-theme-alpine .ag-column-drop-vertical,\n.ag-theme-alpine-dark .ag-column-drop-vertical,\n.ag-theme-alpine-auto-dark .ag-column-drop-vertical {\n  min-height: 75px;\n}\n.ag-theme-alpine .ag-column-drop-vertical-title-bar,\n.ag-theme-alpine-dark .ag-column-drop-vertical-title-bar,\n.ag-theme-alpine-auto-dark .ag-column-drop-vertical-title-bar {\n  padding: calc(var(--ag-grid-size) * 2);\n  padding-bottom: 0px;\n}\n.ag-theme-alpine .ag-column-drop-vertical-empty-message,\n.ag-theme-alpine-dark .ag-column-drop-vertical-empty-message,\n.ag-theme-alpine-auto-dark .ag-column-drop-vertical-empty-message {\n  display: flex;\n  align-items: center;\n  border: dashed 1px;\n  border-color: var(--ag-border-color);\n  margin: calc(var(--ag-grid-size) * 2);\n  padding: calc(var(--ag-grid-size) * 2);\n}\n.ag-theme-alpine .ag-column-drop-empty-message,\n.ag-theme-alpine-dark .ag-column-drop-empty-message,\n.ag-theme-alpine-auto-dark .ag-column-drop-empty-message {\n  color: var(--ag-foreground-color);\n  opacity: 0.75;\n}\n.ag-theme-alpine .ag-pill-select .ag-column-drop,\n.ag-theme-alpine-dark .ag-pill-select .ag-column-drop,\n.ag-theme-alpine-auto-dark .ag-pill-select .ag-column-drop {\n  min-height: 0;\n  min-height: initial;\n}\n.ag-theme-alpine .ag-status-bar,\n.ag-theme-alpine-dark .ag-status-bar,\n.ag-theme-alpine-auto-dark .ag-status-bar {\n  font-weight: normal;\n}\n.ag-theme-alpine .ag-status-name-value-value,\n.ag-theme-alpine-dark .ag-status-name-value-value,\n.ag-theme-alpine-auto-dark .ag-status-name-value-value {\n  font-weight: 700;\n}\n.ag-theme-alpine .ag-paging-number,\n.ag-theme-alpine .ag-paging-row-summary-panel-number,\n.ag-theme-alpine-dark .ag-paging-number,\n.ag-theme-alpine-dark .ag-paging-row-summary-panel-number,\n.ag-theme-alpine-auto-dark .ag-paging-number,\n.ag-theme-alpine-auto-dark .ag-paging-row-summary-panel-number {\n  font-weight: 700;\n}\n.ag-theme-alpine .ag-column-drop-cell-button,\n.ag-theme-alpine-dark .ag-column-drop-cell-button,\n.ag-theme-alpine-auto-dark .ag-column-drop-cell-button {\n  opacity: 0.5;\n}\n.ag-theme-alpine .ag-column-drop-cell-button:hover,\n.ag-theme-alpine-dark .ag-column-drop-cell-button:hover,\n.ag-theme-alpine-auto-dark .ag-column-drop-cell-button:hover {\n  opacity: 0.75;\n}\n.ag-theme-alpine .ag-column-select-column-readonly.ag-icon-grip,\n.ag-theme-alpine .ag-column-select-column-readonly .ag-icon-grip,\n.ag-theme-alpine-dark .ag-column-select-column-readonly.ag-icon-grip,\n.ag-theme-alpine-dark .ag-column-select-column-readonly .ag-icon-grip,\n.ag-theme-alpine-auto-dark .ag-column-select-column-readonly.ag-icon-grip,\n.ag-theme-alpine-auto-dark .ag-column-select-column-readonly .ag-icon-grip {\n  opacity: 0.35;\n}\n.ag-theme-alpine .ag-header-cell-menu-button:hover,\n.ag-theme-alpine .ag-header-cell-filter-button:hover,\n.ag-theme-alpine .ag-side-button-button:hover,\n.ag-theme-alpine .ag-tab:hover,\n.ag-theme-alpine .ag-panel-title-bar-button:hover,\n.ag-theme-alpine .ag-header-expand-icon:hover,\n.ag-theme-alpine .ag-column-group-icons:hover,\n.ag-theme-alpine .ag-set-filter-group-icons:hover,\n.ag-theme-alpine .ag-group-expanded .ag-icon:hover,\n.ag-theme-alpine .ag-group-contracted .ag-icon:hover,\n.ag-theme-alpine .ag-chart-settings-prev:hover,\n.ag-theme-alpine .ag-chart-settings-next:hover,\n.ag-theme-alpine .ag-group-title-bar-icon:hover,\n.ag-theme-alpine .ag-column-select-header-icon:hover,\n.ag-theme-alpine .ag-floating-filter-button-button:hover,\n.ag-theme-alpine .ag-filter-toolpanel-expand:hover,\n.ag-theme-alpine .ag-chart-menu-icon:hover,\n.ag-theme-alpine-dark .ag-header-cell-menu-button:hover,\n.ag-theme-alpine-dark .ag-header-cell-filter-button:hover,\n.ag-theme-alpine-dark .ag-side-button-button:hover,\n.ag-theme-alpine-dark .ag-tab:hover,\n.ag-theme-alpine-dark .ag-panel-title-bar-button:hover,\n.ag-theme-alpine-dark .ag-header-expand-icon:hover,\n.ag-theme-alpine-dark .ag-column-group-icons:hover,\n.ag-theme-alpine-dark .ag-set-filter-group-icons:hover,\n.ag-theme-alpine-dark .ag-group-expanded .ag-icon:hover,\n.ag-theme-alpine-dark .ag-group-contracted .ag-icon:hover,\n.ag-theme-alpine-dark .ag-chart-settings-prev:hover,\n.ag-theme-alpine-dark .ag-chart-settings-next:hover,\n.ag-theme-alpine-dark .ag-group-title-bar-icon:hover,\n.ag-theme-alpine-dark .ag-column-select-header-icon:hover,\n.ag-theme-alpine-dark .ag-floating-filter-button-button:hover,\n.ag-theme-alpine-dark .ag-filter-toolpanel-expand:hover,\n.ag-theme-alpine-dark .ag-chart-menu-icon:hover,\n.ag-theme-alpine-auto-dark .ag-header-cell-menu-button:hover,\n.ag-theme-alpine-auto-dark .ag-header-cell-filter-button:hover,\n.ag-theme-alpine-auto-dark .ag-side-button-button:hover,\n.ag-theme-alpine-auto-dark .ag-tab:hover,\n.ag-theme-alpine-auto-dark .ag-panel-title-bar-button:hover,\n.ag-theme-alpine-auto-dark .ag-header-expand-icon:hover,\n.ag-theme-alpine-auto-dark .ag-column-group-icons:hover,\n.ag-theme-alpine-auto-dark .ag-set-filter-group-icons:hover,\n.ag-theme-alpine-auto-dark .ag-group-expanded .ag-icon:hover,\n.ag-theme-alpine-auto-dark .ag-group-contracted .ag-icon:hover,\n.ag-theme-alpine-auto-dark .ag-chart-settings-prev:hover,\n.ag-theme-alpine-auto-dark .ag-chart-settings-next:hover,\n.ag-theme-alpine-auto-dark .ag-group-title-bar-icon:hover,\n.ag-theme-alpine-auto-dark .ag-column-select-header-icon:hover,\n.ag-theme-alpine-auto-dark .ag-floating-filter-button-button:hover,\n.ag-theme-alpine-auto-dark .ag-filter-toolpanel-expand:hover,\n.ag-theme-alpine-auto-dark .ag-chart-menu-icon:hover {\n  color: var(--ag-alpine-active-color);\n}\n.ag-theme-alpine .ag-header-cell-menu-button:hover .ag-icon,\n.ag-theme-alpine .ag-header-cell-filter-button:hover .ag-icon,\n.ag-theme-alpine .ag-side-button-button:hover .ag-icon,\n.ag-theme-alpine .ag-panel-title-bar-button:hover .ag-icon,\n.ag-theme-alpine .ag-floating-filter-button-button:hover .ag-icon,\n.ag-theme-alpine-dark .ag-header-cell-menu-button:hover .ag-icon,\n.ag-theme-alpine-dark .ag-header-cell-filter-button:hover .ag-icon,\n.ag-theme-alpine-dark .ag-side-button-button:hover .ag-icon,\n.ag-theme-alpine-dark .ag-panel-title-bar-button:hover .ag-icon,\n.ag-theme-alpine-dark .ag-floating-filter-button-button:hover .ag-icon,\n.ag-theme-alpine-auto-dark .ag-header-cell-menu-button:hover .ag-icon,\n.ag-theme-alpine-auto-dark .ag-header-cell-filter-button:hover .ag-icon,\n.ag-theme-alpine-auto-dark .ag-side-button-button:hover .ag-icon,\n.ag-theme-alpine-auto-dark .ag-panel-title-bar-button:hover .ag-icon,\n.ag-theme-alpine-auto-dark .ag-floating-filter-button-button:hover .ag-icon {\n  color: inherit;\n}\n.ag-theme-alpine .ag-filter-active .ag-icon-filter,\n.ag-theme-alpine-dark .ag-filter-active .ag-icon-filter,\n.ag-theme-alpine-auto-dark .ag-filter-active .ag-icon-filter {\n  color: var(--ag-alpine-active-color);\n}\n.ag-theme-alpine .ag-chart-settings-card-item.ag-not-selected:hover,\n.ag-theme-alpine-dark .ag-chart-settings-card-item.ag-not-selected:hover,\n.ag-theme-alpine-auto-dark .ag-chart-settings-card-item.ag-not-selected:hover {\n  opacity: 0.35;\n}\n.ag-theme-alpine .ag-ltr .ag-panel-title-bar-button, .ag-theme-alpine-dark .ag-ltr .ag-panel-title-bar-button, .ag-theme-alpine-auto-dark .ag-ltr .ag-panel-title-bar-button {\n  margin-left: calc(var(--ag-grid-size) * 2);\n  margin-right: var(--ag-grid-size);\n}\n\n.ag-theme-alpine .ag-rtl .ag-panel-title-bar-button, .ag-theme-alpine-dark .ag-rtl .ag-panel-title-bar-button, .ag-theme-alpine-auto-dark .ag-rtl .ag-panel-title-bar-button {\n  margin-right: calc(var(--ag-grid-size) * 2);\n  margin-left: var(--ag-grid-size);\n}\n\n.ag-theme-alpine .ag-ltr .ag-filter-toolpanel-group-container, .ag-theme-alpine-dark .ag-ltr .ag-filter-toolpanel-group-container, .ag-theme-alpine-auto-dark .ag-ltr .ag-filter-toolpanel-group-container {\n  padding-left: var(--ag-grid-size);\n}\n\n.ag-theme-alpine .ag-rtl .ag-filter-toolpanel-group-container, .ag-theme-alpine-dark .ag-rtl .ag-filter-toolpanel-group-container, .ag-theme-alpine-auto-dark .ag-rtl .ag-filter-toolpanel-group-container {\n  padding-right: var(--ag-grid-size);\n}\n\n.ag-theme-alpine .ag-filter-toolpanel-instance-filter,\n.ag-theme-alpine-dark .ag-filter-toolpanel-instance-filter,\n.ag-theme-alpine-auto-dark .ag-filter-toolpanel-instance-filter {\n  border: none;\n  background-color: var(--ag-control-panel-background-color);\n}\n.ag-theme-alpine .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-dark .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-auto-dark .ag-ltr .ag-filter-toolpanel-instance-filter {\n  border-left: dashed 1px;\n  border-left-color: var(--ag-border-color);\n  margin-left: calc(var(--ag-icon-size) * 0.5);\n}\n\n.ag-theme-alpine .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-dark .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-auto-dark .ag-rtl .ag-filter-toolpanel-instance-filter {\n  border-right: dashed 1px;\n  border-right-color: var(--ag-border-color);\n  margin-right: calc(var(--ag-icon-size) * 0.5);\n}\n\n.ag-theme-alpine .ag-set-filter-list,\n.ag-theme-alpine-dark .ag-set-filter-list,\n.ag-theme-alpine-auto-dark .ag-set-filter-list {\n  padding-top: calc(var(--ag-grid-size) * 0.5);\n  padding-bottom: calc(var(--ag-grid-size) * 0.5);\n}\n.ag-theme-alpine .ag-filter-add-button .ag-icon,\n.ag-theme-alpine-dark .ag-filter-add-button .ag-icon,\n.ag-theme-alpine-auto-dark .ag-filter-add-button .ag-icon {\n  color: var(--ag-alpine-active-color);\n}\n.ag-theme-alpine .ag-layout-auto-height .ag-center-cols-viewport,\n.ag-theme-alpine .ag-layout-auto-height .ag-center-cols-container,\n.ag-theme-alpine .ag-layout-print .ag-center-cols-viewport,\n.ag-theme-alpine .ag-layout-print .ag-center-cols-container,\n.ag-theme-alpine-dark .ag-layout-auto-height .ag-center-cols-viewport,\n.ag-theme-alpine-dark .ag-layout-auto-height .ag-center-cols-container,\n.ag-theme-alpine-dark .ag-layout-print .ag-center-cols-viewport,\n.ag-theme-alpine-dark .ag-layout-print .ag-center-cols-container,\n.ag-theme-alpine-auto-dark .ag-layout-auto-height .ag-center-cols-viewport,\n.ag-theme-alpine-auto-dark .ag-layout-auto-height .ag-center-cols-container,\n.ag-theme-alpine-auto-dark .ag-layout-print .ag-center-cols-viewport,\n.ag-theme-alpine-auto-dark .ag-layout-print .ag-center-cols-container {\n  min-height: 150px;\n}\n.ag-theme-alpine .ag-date-time-list-page-entry-is-current,\n.ag-theme-alpine-dark .ag-date-time-list-page-entry-is-current,\n.ag-theme-alpine-auto-dark .ag-date-time-list-page-entry-is-current {\n  background-color: var(--ag-alpine-active-color);\n}\n.ag-theme-alpine .ag-advanced-filter-builder-button,\n.ag-theme-alpine-dark .ag-advanced-filter-builder-button,\n.ag-theme-alpine-auto-dark .ag-advanced-filter-builder-button {\n  padding: var(--ag-grid-size);\n  font-weight: 600;\n}\n.ag-theme-alpine .ag-list-item-hovered::after,\n.ag-theme-alpine-dark .ag-list-item-hovered::after,\n.ag-theme-alpine-auto-dark .ag-list-item-hovered::after {\n  background-color: var(--ag-alpine-active-color);\n}\n.ag-theme-alpine .ag-pill .ag-pill-button:hover,\n.ag-theme-alpine-dark .ag-pill .ag-pill-button:hover,\n.ag-theme-alpine-auto-dark .ag-pill .ag-pill-button:hover {\n  color: var(--ag-alpine-active-color);\n}\n.ag-theme-alpine .ag-header-highlight-before::after,\n.ag-theme-alpine .ag-header-highlight-after::after,\n.ag-theme-alpine-dark .ag-header-highlight-before::after,\n.ag-theme-alpine-dark .ag-header-highlight-after::after,\n.ag-theme-alpine-auto-dark .ag-header-highlight-before::after,\n.ag-theme-alpine-auto-dark .ag-header-highlight-after::after {\n  background-color: var(--ag-alpine-active-color);\n}\n.ag-theme-alpine .ag-advanced-filter-builder-item-button-disabled .ag-icon,\n.ag-theme-alpine .ag-disabled .ag-icon,\n.ag-theme-alpine .ag-column-select-column-group-readonly .ag-icon,\n.ag-theme-alpine [disabled] .ag-icon,\n.ag-theme-alpine-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,\n.ag-theme-alpine-dark .ag-disabled .ag-icon,\n.ag-theme-alpine-dark .ag-column-select-column-group-readonly .ag-icon,\n.ag-theme-alpine-dark [disabled] .ag-icon,\n.ag-theme-alpine-auto-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,\n.ag-theme-alpine-auto-dark .ag-disabled .ag-icon,\n.ag-theme-alpine-auto-dark .ag-column-select-column-group-readonly .ag-icon,\n.ag-theme-alpine-auto-dark [disabled] .ag-icon {\n  color: var(--ag-disabled-foreground-color);\n}\n',""]),t.A=c},24991:function(e,t,a){var o=a(36758),n=a.n(o),r=a(40935),i=a.n(r)()(n());i.push([e.id,'.ag-theme-balham,\n.ag-theme-balham-dark,\n.ag-theme-balham-auto-dark {\n  --ag-balham-active-color: #0091ea;\n  --ag-foreground-color: #000;\n  --ag-background-color: #fff;\n  --ag-header-background-color: #f5f7f7;\n  --ag-tooltip-background-color: #cbd0d3;\n  --ag-subheader-background-color: #e2e9eb;\n  --ag-control-panel-background-color: #f5f7f7;\n  --ag-border-color: #bdc3c7;\n  --ag-odd-row-background-color: #fcfdfe;\n  --ag-row-hover-color: #ecf0f1;\n  --ag-column-hover-color: #ecf0f1;\n  --ag-input-border-color: #95a5a6;\n  --ag-invalid-color: #e02525;\n  --ag-input-disabled-background-color: #ebebeb;\n  --ag-checkbox-unchecked-color: #7f8c8d;\n  --ag-input-focus-border-color: #719ece;\n  --ag-advanced-filter-join-pill-color: #f08e8d;\n  --ag-advanced-filter-column-pill-color: #a6e194;\n  --ag-advanced-filter-option-pill-color: #f3c08b;\n  --ag-advanced-filter-value-pill-color: #85c0e4;\n  --ag-find-match-color: var(--ag-foreground-color);\n  --ag-find-match-background-color: #ffff00;\n  --ag-find-active-match-color: var(--ag-foreground-color);\n  --ag-find-active-match-background-color: #ffa500;\n  --ag-input-focus-box-shadow: 0 0 2px 1px var(--ag-input-focus-border-color);\n  --ag-input-error-focus-box-shadow: 0 0 2px 1px var(--ag-invalid-color);\n  --ag-range-selection-border-color: var(--ag-balham-active-color);\n  --ag-checkbox-checked-color: var(--ag-balham-active-color);\n  --ag-checkbox-background-color: var(--ag-background-color);\n  --ag-panel-background-color: var(--ag-header-background-color);\n  --ag-filter-panel-apply-button-color: var(--ag-background-color);\n  --ag-filter-panel-apply-button-background-color: var(--ag-balham-active-color);\n  --ag-secondary-foreground-color: rgba(0, 0, 0, 0.54);\n  --ag-disabled-foreground-color: rgba(0, 0, 0, 0.38);\n  --ag-subheader-toolbar-background-color: rgba(226, 233, 235, 0.5);\n  --ag-row-border-color: rgba(189, 195, 199, 0.58);\n  --ag-chip-background-color: rgba(0, 0, 0, 0.1);\n  --ag-range-selection-background-color: rgba(0, 145, 234, 0.2);\n  --ag-range-selection-background-color-2: rgba(0, 145, 234, 0.36);\n  --ag-range-selection-background-color-3: rgba(0, 145, 234, 0.49);\n  --ag-range-selection-background-color-4: rgba(0, 145, 234, 0.59);\n  --ag-selected-row-background-color: rgba(0, 145, 234, 0.28);\n  --ag-header-column-separator-color: rgba(189, 195, 199, 0.5);\n  --ag-input-disabled-border-color: rgba(149, 165, 166, 0.3);\n  --ag-row-numbers-selected-color: color-mix(in srgb, transparent, var(--ag-balham-active-color) 50%);\n  --ag-header-column-separator-display: block;\n  --ag-header-column-separator-height: 50%;\n  --ag-grid-size: 4px;\n  --ag-icon-size: 16px;\n  --ag-row-height: calc(var(--ag-grid-size) * 7);\n  --ag-header-height: calc(var(--ag-grid-size) * 8);\n  --ag-list-item-height: calc(var(--ag-grid-size) * 6);\n  --ag-row-group-indent-size: calc(var(--ag-grid-size) * 3 + var(--ag-icon-size));\n  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);\n  --ag-input-height: calc(var(--ag-grid-size) * 4);\n  --ag-chart-menu-panel-width: 240px;\n  --ag-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell,\n      "Helvetica Neue", sans-serif;\n  --ag-font-size: 12px;\n  --ag-icon-font-family: agGridBalham;\n  --ag-border-radius: 2px;\n  --ag-checkbox-border-radius: 3px;\n  --ag-card-shadow: none;\n}\n\n.ag-theme-balham-dark {\n  --ag-balham-active-color: #00b0ff;\n  --ag-foreground-color: #f5f5f5;\n  --ag-background-color: #2d3436;\n  --ag-header-background-color: #1c1c1c;\n  --ag-tooltip-background-color: #1c1f20;\n  --ag-subheader-background-color: #111;\n  --ag-control-panel-background-color: #202020;\n  --ag-border-color: #424242;\n  --ag-odd-row-background-color: #262c2e;\n  --ag-row-hover-color: #3d4749;\n  --ag-column-hover-color: #3d4749;\n  --ag-input-border-color: #f0f0f0;\n  --ag-input-disabled-background-color: rgba(48, 46, 46, 0.3);\n  --ag-modal-overlay-background-color: rgba(45, 52, 54, 0.66);\n  --ag-checkbox-unchecked-color: #ecf0f1;\n  --ag-advanced-filter-join-pill-color: #7a3a37;\n  --ag-advanced-filter-column-pill-color: #355f2d;\n  --ag-advanced-filter-option-pill-color: #5a3168;\n  --ag-advanced-filter-value-pill-color: #374c86;\n  --ag-find-match-color: var(--ag-background-color);\n  --ag-find-active-match-color: var(--ag-background-color);\n  --ag-filter-panel-apply-button-color: var(--ag-foreground-color);\n  --ag-secondary-foreground-color: var(--ag-foreground-color);\n  --ag-disabled-foreground-color: rgba(245, 245, 245, 0.38);\n  --ag-subheader-toolbar-background-color: rgba(17, 17, 17, 0.5);\n  --ag-row-border-color: #5c5c5c;\n  --ag-chip-background-color: rgba(245, 245, 245, 0.08);\n  --ag-range-selection-background-color: rgba(0, 176, 255, 0.2);\n  --ag-range-selection-background-color-2: rgba(0, 176, 255, 0.36);\n  --ag-range-selection-background-color-3: rgba(0, 176, 255, 0.49);\n  --ag-range-selection-background-color-4: rgba(0, 176, 255, 0.59);\n  --ag-selected-row-background-color: rgba(0, 176, 255, 0.28);\n  --ag-header-column-separator-color: rgba(66, 66, 66, 0.5);\n  --ag-input-disabled-border-color: rgba(240, 240, 240, 0.3);\n  --ag-header-foreground-color: rgba(245, 245, 245, 0.64);\n  --ag-toggle-button-off-background-color: transparent;\n  --ag-toggle-button-off-border-color: var(--ag-foreground-color);\n  --ag-range-selection-chart-category-background-color: rgba(26, 177, 74, 0.5);\n  --ag-range-selection-chart-background-color: rgba(45, 166, 255, 0.5);\n  --ag-input-focus-box-shadow: 0 0 4px 1.5px var(--ag-input-focus-border-color);\n  --ag-input-error-focus-box-shadow: 0 0 4px 1.5px\n      color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 0.5%);\n  --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);\n  --ag-cell-batch-edit-text-color: #f3d0b3;\n  --csstools-color-scheme--dark: initial;\n  color-scheme: dark;\n}\n\n@media (prefers-color-scheme: dark) {\n  .ag-theme-balham-auto-dark {\n    --ag-balham-active-color: #00b0ff;\n    --ag-foreground-color: #f5f5f5;\n    --ag-background-color: #2d3436;\n    --ag-header-background-color: #1c1c1c;\n    --ag-tooltip-background-color: #1c1f20;\n    --ag-subheader-background-color: #111;\n    --ag-control-panel-background-color: #202020;\n    --ag-border-color: #424242;\n    --ag-odd-row-background-color: #262c2e;\n    --ag-row-hover-color: #3d4749;\n    --ag-column-hover-color: #3d4749;\n    --ag-input-border-color: #f0f0f0;\n    --ag-input-disabled-background-color: rgba(48, 46, 46, 0.3);\n    --ag-modal-overlay-background-color: rgba(45, 52, 54, 0.66);\n    --ag-checkbox-unchecked-color: #ecf0f1;\n    --ag-advanced-filter-join-pill-color: #7a3a37;\n    --ag-advanced-filter-column-pill-color: #355f2d;\n    --ag-advanced-filter-option-pill-color: #5a3168;\n    --ag-advanced-filter-value-pill-color: #374c86;\n    --ag-find-match-color: var(--ag-background-color);\n    --ag-find-active-match-color: var(--ag-background-color);\n    --ag-filter-panel-apply-button-color: var(--ag-foreground-color);\n    --ag-secondary-foreground-color: var(--ag-foreground-color);\n    --ag-disabled-foreground-color: rgba(245, 245, 245, 0.38);\n    --ag-subheader-toolbar-background-color: rgba(17, 17, 17, 0.5);\n    --ag-row-border-color: #5c5c5c;\n    --ag-chip-background-color: rgba(245, 245, 245, 0.08);\n    --ag-range-selection-background-color: rgba(0, 176, 255, 0.2);\n    --ag-range-selection-background-color-2: rgba(0, 176, 255, 0.36);\n    --ag-range-selection-background-color-3: rgba(0, 176, 255, 0.49);\n    --ag-range-selection-background-color-4: rgba(0, 176, 255, 0.59);\n    --ag-selected-row-background-color: rgba(0, 176, 255, 0.28);\n    --ag-header-column-separator-color: rgba(66, 66, 66, 0.5);\n    --ag-input-disabled-border-color: rgba(240, 240, 240, 0.3);\n    --ag-header-foreground-color: rgba(245, 245, 245, 0.64);\n    --ag-toggle-button-off-background-color: transparent;\n    --ag-toggle-button-off-border-color: var(--ag-foreground-color);\n    --ag-range-selection-chart-category-background-color: rgba(26, 177, 74, 0.5);\n    --ag-range-selection-chart-background-color: rgba(45, 166, 255, 0.5);\n    --ag-input-focus-box-shadow: 0 0 4px 1.5px var(--ag-input-focus-border-color);\n    --ag-input-error-focus-box-shadow: 0 0 4px 1.5px\n        color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 0.5%);\n    --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);\n    --ag-cell-batch-edit-text-color: #f3d0b3;\n    --csstools-color-scheme--dark: initial;\n    color-scheme: dark;\n  }\n}\n.ag-theme-balham .ag-filter-toolpanel-header,\n.ag-theme-balham .ag-filter-toolpanel-search,\n.ag-theme-balham .ag-status-bar,\n.ag-theme-balham .ag-header-row,\n.ag-theme-balham .ag-row-number-cell,\n.ag-theme-balham .ag-multi-filter-group-title-bar,\n.ag-theme-balham-dark .ag-filter-toolpanel-header,\n.ag-theme-balham-dark .ag-filter-toolpanel-search,\n.ag-theme-balham-dark .ag-status-bar,\n.ag-theme-balham-dark .ag-header-row,\n.ag-theme-balham-dark .ag-row-number-cell,\n.ag-theme-balham-dark .ag-multi-filter-group-title-bar,\n.ag-theme-balham-auto-dark .ag-filter-toolpanel-header,\n.ag-theme-balham-auto-dark .ag-filter-toolpanel-search,\n.ag-theme-balham-auto-dark .ag-status-bar,\n.ag-theme-balham-auto-dark .ag-header-row,\n.ag-theme-balham-auto-dark .ag-row-number-cell,\n.ag-theme-balham-auto-dark .ag-multi-filter-group-title-bar {\n  font-weight: 600;\n  color: var(--ag-header-foreground-color);\n}\n.ag-theme-balham .ag-ltr input[class^=ag-]:not([type]), .ag-theme-balham .ag-ltr input[class^=ag-][type=text], .ag-theme-balham .ag-ltr input[class^=ag-][type=number], .ag-theme-balham .ag-ltr input[class^=ag-][type=tel], .ag-theme-balham .ag-ltr input[class^=ag-][type=date], .ag-theme-balham .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-balham .ag-ltr textarea[class^=ag-], .ag-theme-balham-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-balham-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-balham-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-balham-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-balham-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-balham-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-balham-dark .ag-ltr textarea[class^=ag-], .ag-theme-balham-auto-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-balham-auto-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-balham-auto-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-balham-auto-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-balham-auto-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-balham-auto-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-balham-auto-dark .ag-ltr textarea[class^=ag-] {\n  padding-left: var(--ag-grid-size);\n}\n\n.ag-theme-balham .ag-rtl input[class^=ag-]:not([type]), .ag-theme-balham .ag-rtl input[class^=ag-][type=text], .ag-theme-balham .ag-rtl input[class^=ag-][type=number], .ag-theme-balham .ag-rtl input[class^=ag-][type=tel], .ag-theme-balham .ag-rtl input[class^=ag-][type=date], .ag-theme-balham .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-balham .ag-rtl textarea[class^=ag-], .ag-theme-balham-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-balham-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-balham-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-balham-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-balham-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-balham-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-balham-dark .ag-rtl textarea[class^=ag-], .ag-theme-balham-auto-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-balham-auto-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-balham-auto-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-balham-auto-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-balham-auto-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-balham-auto-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-balham-auto-dark .ag-rtl textarea[class^=ag-] {\n  padding-right: var(--ag-grid-size);\n}\n\n.ag-theme-balham .ag-column-drop-vertical-empty-message,\n.ag-theme-balham .ag-status-bar,\n.ag-theme-balham-dark .ag-column-drop-vertical-empty-message,\n.ag-theme-balham-dark .ag-status-bar,\n.ag-theme-balham-auto-dark .ag-column-drop-vertical-empty-message,\n.ag-theme-balham-auto-dark .ag-status-bar {\n  font-weight: 600;\n  color: var(--ag-disabled-foreground-color);\n}\n.ag-theme-balham.ag-dnd-ghost,\n.ag-theme-balham-dark.ag-dnd-ghost,\n.ag-theme-balham-auto-dark.ag-dnd-ghost {\n  font-size: var(--ag-font-size);\n  font-weight: 600;\n}\n.ag-theme-balham .ag-tab,\n.ag-theme-balham-dark .ag-tab,\n.ag-theme-balham-auto-dark .ag-tab {\n  border: 1px solid transparent;\n  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);\n  margin: var(--ag-grid-size);\n  margin-bottom: -1px;\n}\n.ag-theme-balham .ag-tab-selected,\n.ag-theme-balham-dark .ag-tab-selected,\n.ag-theme-balham-auto-dark .ag-tab-selected {\n  background-color: var(--ag-background-color);\n  border-color: var(--ag-border-color);\n  border-bottom-color: transparent;\n}\n.ag-theme-balham .ag-tabs-header,\n.ag-theme-balham-dark .ag-tabs-header,\n.ag-theme-balham-auto-dark .ag-tabs-header {\n  border-bottom: 1px solid var(--ag-border-color);\n}\n.ag-theme-balham .ag-column-drop-cell,\n.ag-theme-balham-dark .ag-column-drop-cell,\n.ag-theme-balham-auto-dark .ag-column-drop-cell {\n  height: calc(var(--ag-grid-size) * 6);\n}\n.ag-theme-balham .ag-column-drop-vertical-title,\n.ag-theme-balham-dark .ag-column-drop-vertical-title,\n.ag-theme-balham-auto-dark .ag-column-drop-vertical-title {\n  color: var(--ag-foreground-color);\n}\n.ag-theme-balham .ag-column-drop-vertical-cell,\n.ag-theme-balham-dark .ag-column-drop-vertical-cell,\n.ag-theme-balham-auto-dark .ag-column-drop-vertical-cell {\n  margin-left: calc(var(--ag-grid-size) * 2);\n  margin-right: calc(var(--ag-grid-size) * 2);\n}\n.ag-theme-balham .ag-column-drop-vertical-cell-text,\n.ag-theme-balham-dark .ag-column-drop-vertical-cell-text,\n.ag-theme-balham-auto-dark .ag-column-drop-vertical-cell-text {\n  margin-left: calc(var(--ag-grid-size) * 2);\n}\n.ag-theme-balham .ag-column-drop-vertical-icon,\n.ag-theme-balham-dark .ag-column-drop-vertical-icon,\n.ag-theme-balham-auto-dark .ag-column-drop-vertical-icon {\n  color: var(--ag-secondary-foreground-color);\n}\n.ag-theme-balham .ag-ltr .ag-column-drop-vertical-empty-message, .ag-theme-balham-dark .ag-ltr .ag-column-drop-vertical-empty-message, .ag-theme-balham-auto-dark .ag-ltr .ag-column-drop-vertical-empty-message {\n  padding-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);\n  padding-right: var(--ag-grid-size);\n}\n\n.ag-theme-balham .ag-rtl .ag-column-drop-vertical-empty-message, .ag-theme-balham-dark .ag-rtl .ag-column-drop-vertical-empty-message, .ag-theme-balham-auto-dark .ag-rtl .ag-column-drop-vertical-empty-message {\n  padding-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);\n  padding-left: var(--ag-grid-size);\n}\n\n.ag-theme-balham .ag-column-drop-horizontal,\n.ag-theme-balham-dark .ag-column-drop-horizontal,\n.ag-theme-balham-auto-dark .ag-column-drop-horizontal {\n  height: var(--ag-header-height);\n}\n.ag-theme-balham .ag-column-drop-empty,\n.ag-theme-balham-dark .ag-column-drop-empty,\n.ag-theme-balham-auto-dark .ag-column-drop-empty {\n  color: var(--ag-disabled-foreground-color);\n}\n.ag-theme-balham .ag-column-drop-horizontal-cell-text,\n.ag-theme-balham-dark .ag-column-drop-horizontal-cell-text,\n.ag-theme-balham-auto-dark .ag-column-drop-horizontal-cell-text {\n  margin-left: calc(var(--ag-grid-size) * 2);\n}\n.ag-theme-balham .ag-column-drop-vertical,\n.ag-theme-balham-dark .ag-column-drop-vertical,\n.ag-theme-balham-auto-dark .ag-column-drop-vertical {\n  padding-top: calc(var(--ag-grid-size) * 2);\n}\n.ag-theme-balham .ag-column-select-column-readonly.ag-icon-grip,\n.ag-theme-balham .ag-column-select-column-readonly .ag-icon-grip,\n.ag-theme-balham-dark .ag-column-select-column-readonly.ag-icon-grip,\n.ag-theme-balham-dark .ag-column-select-column-readonly .ag-icon-grip,\n.ag-theme-balham-auto-dark .ag-column-select-column-readonly.ag-icon-grip,\n.ag-theme-balham-auto-dark .ag-column-select-column-readonly .ag-icon-grip {\n  opacity: 0.35;\n}\n.ag-theme-balham .ag-menu-header,\n.ag-theme-balham-dark .ag-menu-header,\n.ag-theme-balham-auto-dark .ag-menu-header {\n  background-color: var(--ag-header-background-color);\n}\n.ag-theme-balham .ag-overlay-loading-center,\n.ag-theme-balham-dark .ag-overlay-loading-center,\n.ag-theme-balham-auto-dark .ag-overlay-loading-center {\n  background-color: var(--ag-background-color);\n  border: 1px solid var(--ag-border-color);\n  color: var(--ag-foreground-color);\n  padding: calc(var(--ag-grid-size) * 4);\n}\n.ag-theme-balham .ag-tooltip,\n.ag-theme-balham-dark .ag-tooltip,\n.ag-theme-balham-auto-dark .ag-tooltip {\n  border: none;\n}\n.ag-theme-balham .ag-panel-title-bar-button-icon,\n.ag-theme-balham-dark .ag-panel-title-bar-button-icon,\n.ag-theme-balham-auto-dark .ag-panel-title-bar-button-icon {\n  font-size: calc(var(--ag-icon-size) + var(--ag-grid-size));\n}\n.ag-theme-balham .ag-panel,\n.ag-theme-balham-dark .ag-panel,\n.ag-theme-balham-auto-dark .ag-panel {\n  background-color: var(--ag-header-background-color);\n}\n.ag-theme-balham .ag-chart-data-section,\n.ag-theme-balham .ag-chart-format-section,\n.ag-theme-balham .ag-chart-advanced-settings-section,\n.ag-theme-balham-dark .ag-chart-data-section,\n.ag-theme-balham-dark .ag-chart-format-section,\n.ag-theme-balham-dark .ag-chart-advanced-settings-section,\n.ag-theme-balham-auto-dark .ag-chart-data-section,\n.ag-theme-balham-auto-dark .ag-chart-format-section,\n.ag-theme-balham-auto-dark .ag-chart-advanced-settings-section {\n  padding-bottom: calc(var(--ag-grid-size) * 0.5);\n}\n.ag-theme-balham .ag-group-toolbar,\n.ag-theme-balham-dark .ag-group-toolbar,\n.ag-theme-balham-auto-dark .ag-group-toolbar {\n  background-color: var(--ag-subheader-toolbar-background-color);\n}\n.ag-theme-balham .ag-chart-tab,\n.ag-theme-balham-dark .ag-chart-tab,\n.ag-theme-balham-auto-dark .ag-chart-tab {\n  padding-top: calc(var(--ag-grid-size) * 0.5);\n}\n.ag-theme-balham .ag-charts-format-sub-level-group-item,\n.ag-theme-balham-dark .ag-charts-format-sub-level-group-item,\n.ag-theme-balham-auto-dark .ag-charts-format-sub-level-group-item {\n  margin-bottom: calc(var(--ag-grid-size) * 1.5);\n}\n.ag-theme-balham .ag-filter-active .ag-icon-filter,\n.ag-theme-balham-dark .ag-filter-active .ag-icon-filter,\n.ag-theme-balham-auto-dark .ag-filter-active .ag-icon-filter {\n  color: var(--ag-balham-active-color);\n}\n.ag-theme-balham .ag-color-input input[class^=ag-][type=text].ag-input-field-input,\n.ag-theme-balham-dark .ag-color-input input[class^=ag-][type=text].ag-input-field-input,\n.ag-theme-balham-auto-dark .ag-color-input input[class^=ag-][type=text].ag-input-field-input {\n  min-height: calc(var(--ag-icon-size) + 4px);\n}\n.ag-theme-balham .ag-list-item-hovered::after,\n.ag-theme-balham-dark .ag-list-item-hovered::after,\n.ag-theme-balham-auto-dark .ag-list-item-hovered::after {\n  background-color: var(--ag-balham-active-color);\n}\n.ag-theme-balham .ag-pill .ag-pill-button:hover,\n.ag-theme-balham-dark .ag-pill .ag-pill-button:hover,\n.ag-theme-balham-auto-dark .ag-pill .ag-pill-button:hover {\n  color: var(--ag-balham-active-color);\n}\n.ag-theme-balham .ag-header-highlight-before::after,\n.ag-theme-balham .ag-header-highlight-after::after,\n.ag-theme-balham-dark .ag-header-highlight-before::after,\n.ag-theme-balham-dark .ag-header-highlight-after::after,\n.ag-theme-balham-auto-dark .ag-header-highlight-before::after,\n.ag-theme-balham-auto-dark .ag-header-highlight-after::after {\n  background-color: var(--ag-balham-active-color);\n}\n.ag-theme-balham .ag-advanced-filter-builder-item-button-disabled .ag-icon,\n.ag-theme-balham .ag-disabled .ag-icon,\n.ag-theme-balham .ag-column-select-column-group-readonly .ag-icon,\n.ag-theme-balham [disabled] .ag-icon,\n.ag-theme-balham-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,\n.ag-theme-balham-dark .ag-disabled .ag-icon,\n.ag-theme-balham-dark .ag-column-select-column-group-readonly .ag-icon,\n.ag-theme-balham-dark [disabled] .ag-icon,\n.ag-theme-balham-auto-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,\n.ag-theme-balham-auto-dark .ag-disabled .ag-icon,\n.ag-theme-balham-auto-dark .ag-column-select-column-group-readonly .ag-icon,\n.ag-theme-balham-auto-dark [disabled] .ag-icon {\n  color: var(--ag-disabled-foreground-color);\n}\n.ag-theme-balham .ag-filter-panel .ag-standard-button.ag-filter-panel-buttons-apply-button:disabled,\n.ag-theme-balham-dark .ag-filter-panel .ag-standard-button.ag-filter-panel-buttons-apply-button:disabled,\n.ag-theme-balham-auto-dark .ag-filter-panel .ag-standard-button.ag-filter-panel-buttons-apply-button:disabled {\n  color: inherit;\n  background-color: transparent;\n  background-color: initial;\n}\n.ag-theme-balham .ag-filter-card-title,\n.ag-theme-balham-dark .ag-filter-card-title,\n.ag-theme-balham-auto-dark .ag-filter-card-title {\n  font-weight: 600;\n}\n',""]),t.A=i},12621:function(e,t,a){var o=a(36758),n=a.n(o),r=a(40935),i=a.n(r),l=a(20062),s=a.n(l),d=new URL(a(38906),a.b),c=i()(n()),g=s()(d);c.push([e.id,'@font-face {\n  font-family: "agGridBalham";\n  src: url('+g+');\n  font-weight: normal;\n  font-style: normal;\n}\n.ag-theme-balham,\n.ag-theme-balham-dark,\n.ag-theme-balham-auto-dark {\n  --ag-balham-active-color: #0091ea;\n  --ag-foreground-color: #000;\n  --ag-background-color: #fff;\n  --ag-header-background-color: #f5f7f7;\n  --ag-tooltip-background-color: #cbd0d3;\n  --ag-subheader-background-color: #e2e9eb;\n  --ag-control-panel-background-color: #f5f7f7;\n  --ag-border-color: #bdc3c7;\n  --ag-odd-row-background-color: #fcfdfe;\n  --ag-row-hover-color: #ecf0f1;\n  --ag-column-hover-color: #ecf0f1;\n  --ag-input-border-color: #95a5a6;\n  --ag-invalid-color: #e02525;\n  --ag-input-disabled-background-color: #ebebeb;\n  --ag-checkbox-unchecked-color: #7f8c8d;\n  --ag-input-focus-border-color: #719ece;\n  --ag-advanced-filter-join-pill-color: #f08e8d;\n  --ag-advanced-filter-column-pill-color: #a6e194;\n  --ag-advanced-filter-option-pill-color: #f3c08b;\n  --ag-advanced-filter-value-pill-color: #85c0e4;\n  --ag-find-match-color: var(--ag-foreground-color);\n  --ag-find-match-background-color: #ffff00;\n  --ag-find-active-match-color: var(--ag-foreground-color);\n  --ag-find-active-match-background-color: #ffa500;\n  --ag-input-focus-box-shadow: 0 0 2px 1px var(--ag-input-focus-border-color);\n  --ag-input-error-focus-box-shadow: 0 0 2px 1px var(--ag-invalid-color);\n  --ag-range-selection-border-color: var(--ag-balham-active-color);\n  --ag-checkbox-checked-color: var(--ag-balham-active-color);\n  --ag-checkbox-background-color: var(--ag-background-color);\n  --ag-panel-background-color: var(--ag-header-background-color);\n  --ag-filter-panel-apply-button-color: var(--ag-background-color);\n  --ag-filter-panel-apply-button-background-color: var(--ag-balham-active-color);\n  --ag-secondary-foreground-color: rgba(0, 0, 0, 0.54);\n  --ag-disabled-foreground-color: rgba(0, 0, 0, 0.38);\n  --ag-subheader-toolbar-background-color: rgba(226, 233, 235, 0.5);\n  --ag-row-border-color: rgba(189, 195, 199, 0.58);\n  --ag-chip-background-color: rgba(0, 0, 0, 0.1);\n  --ag-range-selection-background-color: rgba(0, 145, 234, 0.2);\n  --ag-range-selection-background-color-2: rgba(0, 145, 234, 0.36);\n  --ag-range-selection-background-color-3: rgba(0, 145, 234, 0.49);\n  --ag-range-selection-background-color-4: rgba(0, 145, 234, 0.59);\n  --ag-selected-row-background-color: rgba(0, 145, 234, 0.28);\n  --ag-header-column-separator-color: rgba(189, 195, 199, 0.5);\n  --ag-input-disabled-border-color: rgba(149, 165, 166, 0.3);\n  --ag-row-numbers-selected-color: color-mix(in srgb, transparent, var(--ag-balham-active-color) 50%);\n  --ag-header-column-separator-display: block;\n  --ag-header-column-separator-height: 50%;\n  --ag-grid-size: 4px;\n  --ag-icon-size: 16px;\n  --ag-row-height: calc(var(--ag-grid-size) * 7);\n  --ag-header-height: calc(var(--ag-grid-size) * 8);\n  --ag-list-item-height: calc(var(--ag-grid-size) * 6);\n  --ag-row-group-indent-size: calc(var(--ag-grid-size) * 3 + var(--ag-icon-size));\n  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);\n  --ag-input-height: calc(var(--ag-grid-size) * 4);\n  --ag-chart-menu-panel-width: 240px;\n  --ag-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell,\n      "Helvetica Neue", sans-serif;\n  --ag-font-size: 12px;\n  --ag-icon-font-family: agGridBalham;\n  --ag-border-radius: 2px;\n  --ag-checkbox-border-radius: 3px;\n  --ag-card-shadow: none;\n}\n\n.ag-theme-balham-dark {\n  --ag-balham-active-color: #00b0ff;\n  --ag-foreground-color: #f5f5f5;\n  --ag-background-color: #2d3436;\n  --ag-header-background-color: #1c1c1c;\n  --ag-tooltip-background-color: #1c1f20;\n  --ag-subheader-background-color: #111;\n  --ag-control-panel-background-color: #202020;\n  --ag-border-color: #424242;\n  --ag-odd-row-background-color: #262c2e;\n  --ag-row-hover-color: #3d4749;\n  --ag-column-hover-color: #3d4749;\n  --ag-input-border-color: #f0f0f0;\n  --ag-input-disabled-background-color: rgba(48, 46, 46, 0.3);\n  --ag-modal-overlay-background-color: rgba(45, 52, 54, 0.66);\n  --ag-checkbox-unchecked-color: #ecf0f1;\n  --ag-advanced-filter-join-pill-color: #7a3a37;\n  --ag-advanced-filter-column-pill-color: #355f2d;\n  --ag-advanced-filter-option-pill-color: #5a3168;\n  --ag-advanced-filter-value-pill-color: #374c86;\n  --ag-find-match-color: var(--ag-background-color);\n  --ag-find-active-match-color: var(--ag-background-color);\n  --ag-filter-panel-apply-button-color: var(--ag-foreground-color);\n  --ag-secondary-foreground-color: var(--ag-foreground-color);\n  --ag-disabled-foreground-color: rgba(245, 245, 245, 0.38);\n  --ag-subheader-toolbar-background-color: rgba(17, 17, 17, 0.5);\n  --ag-row-border-color: #5c5c5c;\n  --ag-chip-background-color: rgba(245, 245, 245, 0.08);\n  --ag-range-selection-background-color: rgba(0, 176, 255, 0.2);\n  --ag-range-selection-background-color-2: rgba(0, 176, 255, 0.36);\n  --ag-range-selection-background-color-3: rgba(0, 176, 255, 0.49);\n  --ag-range-selection-background-color-4: rgba(0, 176, 255, 0.59);\n  --ag-selected-row-background-color: rgba(0, 176, 255, 0.28);\n  --ag-header-column-separator-color: rgba(66, 66, 66, 0.5);\n  --ag-input-disabled-border-color: rgba(240, 240, 240, 0.3);\n  --ag-header-foreground-color: rgba(245, 245, 245, 0.64);\n  --ag-toggle-button-off-background-color: transparent;\n  --ag-toggle-button-off-border-color: var(--ag-foreground-color);\n  --ag-range-selection-chart-category-background-color: rgba(26, 177, 74, 0.5);\n  --ag-range-selection-chart-background-color: rgba(45, 166, 255, 0.5);\n  --ag-input-focus-box-shadow: 0 0 4px 1.5px var(--ag-input-focus-border-color);\n  --ag-input-error-focus-box-shadow: 0 0 4px 1.5px\n      color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 0.5%);\n  --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);\n  --ag-cell-batch-edit-text-color: #f3d0b3;\n  --csstools-color-scheme--dark: initial;\n  color-scheme: dark;\n}\n\n@media (prefers-color-scheme: dark) {\n  .ag-theme-balham-auto-dark {\n    --ag-balham-active-color: #00b0ff;\n    --ag-foreground-color: #f5f5f5;\n    --ag-background-color: #2d3436;\n    --ag-header-background-color: #1c1c1c;\n    --ag-tooltip-background-color: #1c1f20;\n    --ag-subheader-background-color: #111;\n    --ag-control-panel-background-color: #202020;\n    --ag-border-color: #424242;\n    --ag-odd-row-background-color: #262c2e;\n    --ag-row-hover-color: #3d4749;\n    --ag-column-hover-color: #3d4749;\n    --ag-input-border-color: #f0f0f0;\n    --ag-input-disabled-background-color: rgba(48, 46, 46, 0.3);\n    --ag-modal-overlay-background-color: rgba(45, 52, 54, 0.66);\n    --ag-checkbox-unchecked-color: #ecf0f1;\n    --ag-advanced-filter-join-pill-color: #7a3a37;\n    --ag-advanced-filter-column-pill-color: #355f2d;\n    --ag-advanced-filter-option-pill-color: #5a3168;\n    --ag-advanced-filter-value-pill-color: #374c86;\n    --ag-find-match-color: var(--ag-background-color);\n    --ag-find-active-match-color: var(--ag-background-color);\n    --ag-filter-panel-apply-button-color: var(--ag-foreground-color);\n    --ag-secondary-foreground-color: var(--ag-foreground-color);\n    --ag-disabled-foreground-color: rgba(245, 245, 245, 0.38);\n    --ag-subheader-toolbar-background-color: rgba(17, 17, 17, 0.5);\n    --ag-row-border-color: #5c5c5c;\n    --ag-chip-background-color: rgba(245, 245, 245, 0.08);\n    --ag-range-selection-background-color: rgba(0, 176, 255, 0.2);\n    --ag-range-selection-background-color-2: rgba(0, 176, 255, 0.36);\n    --ag-range-selection-background-color-3: rgba(0, 176, 255, 0.49);\n    --ag-range-selection-background-color-4: rgba(0, 176, 255, 0.59);\n    --ag-selected-row-background-color: rgba(0, 176, 255, 0.28);\n    --ag-header-column-separator-color: rgba(66, 66, 66, 0.5);\n    --ag-input-disabled-border-color: rgba(240, 240, 240, 0.3);\n    --ag-header-foreground-color: rgba(245, 245, 245, 0.64);\n    --ag-toggle-button-off-background-color: transparent;\n    --ag-toggle-button-off-border-color: var(--ag-foreground-color);\n    --ag-range-selection-chart-category-background-color: rgba(26, 177, 74, 0.5);\n    --ag-range-selection-chart-background-color: rgba(45, 166, 255, 0.5);\n    --ag-input-focus-box-shadow: 0 0 4px 1.5px var(--ag-input-focus-border-color);\n    --ag-input-error-focus-box-shadow: 0 0 4px 1.5px\n        color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 0.5%);\n    --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);\n    --ag-cell-batch-edit-text-color: #f3d0b3;\n    --csstools-color-scheme--dark: initial;\n    color-scheme: dark;\n  }\n}\n.ag-theme-balham .ag-filter-toolpanel-header,\n.ag-theme-balham .ag-filter-toolpanel-search,\n.ag-theme-balham .ag-status-bar,\n.ag-theme-balham .ag-header-row,\n.ag-theme-balham .ag-row-number-cell,\n.ag-theme-balham .ag-multi-filter-group-title-bar,\n.ag-theme-balham-dark .ag-filter-toolpanel-header,\n.ag-theme-balham-dark .ag-filter-toolpanel-search,\n.ag-theme-balham-dark .ag-status-bar,\n.ag-theme-balham-dark .ag-header-row,\n.ag-theme-balham-dark .ag-row-number-cell,\n.ag-theme-balham-dark .ag-multi-filter-group-title-bar,\n.ag-theme-balham-auto-dark .ag-filter-toolpanel-header,\n.ag-theme-balham-auto-dark .ag-filter-toolpanel-search,\n.ag-theme-balham-auto-dark .ag-status-bar,\n.ag-theme-balham-auto-dark .ag-header-row,\n.ag-theme-balham-auto-dark .ag-row-number-cell,\n.ag-theme-balham-auto-dark .ag-multi-filter-group-title-bar {\n  font-weight: 600;\n  color: var(--ag-header-foreground-color);\n}\n.ag-theme-balham .ag-ltr input[class^=ag-]:not([type]), .ag-theme-balham .ag-ltr input[class^=ag-][type=text], .ag-theme-balham .ag-ltr input[class^=ag-][type=number], .ag-theme-balham .ag-ltr input[class^=ag-][type=tel], .ag-theme-balham .ag-ltr input[class^=ag-][type=date], .ag-theme-balham .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-balham .ag-ltr textarea[class^=ag-], .ag-theme-balham-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-balham-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-balham-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-balham-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-balham-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-balham-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-balham-dark .ag-ltr textarea[class^=ag-], .ag-theme-balham-auto-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-balham-auto-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-balham-auto-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-balham-auto-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-balham-auto-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-balham-auto-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-balham-auto-dark .ag-ltr textarea[class^=ag-] {\n  padding-left: var(--ag-grid-size);\n}\n\n.ag-theme-balham .ag-rtl input[class^=ag-]:not([type]), .ag-theme-balham .ag-rtl input[class^=ag-][type=text], .ag-theme-balham .ag-rtl input[class^=ag-][type=number], .ag-theme-balham .ag-rtl input[class^=ag-][type=tel], .ag-theme-balham .ag-rtl input[class^=ag-][type=date], .ag-theme-balham .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-balham .ag-rtl textarea[class^=ag-], .ag-theme-balham-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-balham-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-balham-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-balham-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-balham-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-balham-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-balham-dark .ag-rtl textarea[class^=ag-], .ag-theme-balham-auto-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-balham-auto-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-balham-auto-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-balham-auto-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-balham-auto-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-balham-auto-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-balham-auto-dark .ag-rtl textarea[class^=ag-] {\n  padding-right: var(--ag-grid-size);\n}\n\n.ag-theme-balham .ag-column-drop-vertical-empty-message,\n.ag-theme-balham .ag-status-bar,\n.ag-theme-balham-dark .ag-column-drop-vertical-empty-message,\n.ag-theme-balham-dark .ag-status-bar,\n.ag-theme-balham-auto-dark .ag-column-drop-vertical-empty-message,\n.ag-theme-balham-auto-dark .ag-status-bar {\n  font-weight: 600;\n  color: var(--ag-disabled-foreground-color);\n}\n.ag-theme-balham.ag-dnd-ghost,\n.ag-theme-balham-dark.ag-dnd-ghost,\n.ag-theme-balham-auto-dark.ag-dnd-ghost {\n  font-size: var(--ag-font-size);\n  font-weight: 600;\n}\n.ag-theme-balham .ag-tab,\n.ag-theme-balham-dark .ag-tab,\n.ag-theme-balham-auto-dark .ag-tab {\n  border: 1px solid transparent;\n  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);\n  margin: var(--ag-grid-size);\n  margin-bottom: -1px;\n}\n.ag-theme-balham .ag-tab-selected,\n.ag-theme-balham-dark .ag-tab-selected,\n.ag-theme-balham-auto-dark .ag-tab-selected {\n  background-color: var(--ag-background-color);\n  border-color: var(--ag-border-color);\n  border-bottom-color: transparent;\n}\n.ag-theme-balham .ag-tabs-header,\n.ag-theme-balham-dark .ag-tabs-header,\n.ag-theme-balham-auto-dark .ag-tabs-header {\n  border-bottom: 1px solid var(--ag-border-color);\n}\n.ag-theme-balham .ag-column-drop-cell,\n.ag-theme-balham-dark .ag-column-drop-cell,\n.ag-theme-balham-auto-dark .ag-column-drop-cell {\n  height: calc(var(--ag-grid-size) * 6);\n}\n.ag-theme-balham .ag-column-drop-vertical-title,\n.ag-theme-balham-dark .ag-column-drop-vertical-title,\n.ag-theme-balham-auto-dark .ag-column-drop-vertical-title {\n  color: var(--ag-foreground-color);\n}\n.ag-theme-balham .ag-column-drop-vertical-cell,\n.ag-theme-balham-dark .ag-column-drop-vertical-cell,\n.ag-theme-balham-auto-dark .ag-column-drop-vertical-cell {\n  margin-left: calc(var(--ag-grid-size) * 2);\n  margin-right: calc(var(--ag-grid-size) * 2);\n}\n.ag-theme-balham .ag-column-drop-vertical-cell-text,\n.ag-theme-balham-dark .ag-column-drop-vertical-cell-text,\n.ag-theme-balham-auto-dark .ag-column-drop-vertical-cell-text {\n  margin-left: calc(var(--ag-grid-size) * 2);\n}\n.ag-theme-balham .ag-column-drop-vertical-icon,\n.ag-theme-balham-dark .ag-column-drop-vertical-icon,\n.ag-theme-balham-auto-dark .ag-column-drop-vertical-icon {\n  color: var(--ag-secondary-foreground-color);\n}\n.ag-theme-balham .ag-ltr .ag-column-drop-vertical-empty-message, .ag-theme-balham-dark .ag-ltr .ag-column-drop-vertical-empty-message, .ag-theme-balham-auto-dark .ag-ltr .ag-column-drop-vertical-empty-message {\n  padding-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);\n  padding-right: var(--ag-grid-size);\n}\n\n.ag-theme-balham .ag-rtl .ag-column-drop-vertical-empty-message, .ag-theme-balham-dark .ag-rtl .ag-column-drop-vertical-empty-message, .ag-theme-balham-auto-dark .ag-rtl .ag-column-drop-vertical-empty-message {\n  padding-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);\n  padding-left: var(--ag-grid-size);\n}\n\n.ag-theme-balham .ag-column-drop-horizontal,\n.ag-theme-balham-dark .ag-column-drop-horizontal,\n.ag-theme-balham-auto-dark .ag-column-drop-horizontal {\n  height: var(--ag-header-height);\n}\n.ag-theme-balham .ag-column-drop-empty,\n.ag-theme-balham-dark .ag-column-drop-empty,\n.ag-theme-balham-auto-dark .ag-column-drop-empty {\n  color: var(--ag-disabled-foreground-color);\n}\n.ag-theme-balham .ag-column-drop-horizontal-cell-text,\n.ag-theme-balham-dark .ag-column-drop-horizontal-cell-text,\n.ag-theme-balham-auto-dark .ag-column-drop-horizontal-cell-text {\n  margin-left: calc(var(--ag-grid-size) * 2);\n}\n.ag-theme-balham .ag-column-drop-vertical,\n.ag-theme-balham-dark .ag-column-drop-vertical,\n.ag-theme-balham-auto-dark .ag-column-drop-vertical {\n  padding-top: calc(var(--ag-grid-size) * 2);\n}\n.ag-theme-balham .ag-column-select-column-readonly.ag-icon-grip,\n.ag-theme-balham .ag-column-select-column-readonly .ag-icon-grip,\n.ag-theme-balham-dark .ag-column-select-column-readonly.ag-icon-grip,\n.ag-theme-balham-dark .ag-column-select-column-readonly .ag-icon-grip,\n.ag-theme-balham-auto-dark .ag-column-select-column-readonly.ag-icon-grip,\n.ag-theme-balham-auto-dark .ag-column-select-column-readonly .ag-icon-grip {\n  opacity: 0.35;\n}\n.ag-theme-balham .ag-menu-header,\n.ag-theme-balham-dark .ag-menu-header,\n.ag-theme-balham-auto-dark .ag-menu-header {\n  background-color: var(--ag-header-background-color);\n}\n.ag-theme-balham .ag-overlay-loading-center,\n.ag-theme-balham-dark .ag-overlay-loading-center,\n.ag-theme-balham-auto-dark .ag-overlay-loading-center {\n  background-color: var(--ag-background-color);\n  border: 1px solid var(--ag-border-color);\n  color: var(--ag-foreground-color);\n  padding: calc(var(--ag-grid-size) * 4);\n}\n.ag-theme-balham .ag-tooltip,\n.ag-theme-balham-dark .ag-tooltip,\n.ag-theme-balham-auto-dark .ag-tooltip {\n  border: none;\n}\n.ag-theme-balham .ag-panel-title-bar-button-icon,\n.ag-theme-balham-dark .ag-panel-title-bar-button-icon,\n.ag-theme-balham-auto-dark .ag-panel-title-bar-button-icon {\n  font-size: calc(var(--ag-icon-size) + var(--ag-grid-size));\n}\n.ag-theme-balham .ag-panel,\n.ag-theme-balham-dark .ag-panel,\n.ag-theme-balham-auto-dark .ag-panel {\n  background-color: var(--ag-header-background-color);\n}\n.ag-theme-balham .ag-chart-data-section,\n.ag-theme-balham .ag-chart-format-section,\n.ag-theme-balham .ag-chart-advanced-settings-section,\n.ag-theme-balham-dark .ag-chart-data-section,\n.ag-theme-balham-dark .ag-chart-format-section,\n.ag-theme-balham-dark .ag-chart-advanced-settings-section,\n.ag-theme-balham-auto-dark .ag-chart-data-section,\n.ag-theme-balham-auto-dark .ag-chart-format-section,\n.ag-theme-balham-auto-dark .ag-chart-advanced-settings-section {\n  padding-bottom: calc(var(--ag-grid-size) * 0.5);\n}\n.ag-theme-balham .ag-group-toolbar,\n.ag-theme-balham-dark .ag-group-toolbar,\n.ag-theme-balham-auto-dark .ag-group-toolbar {\n  background-color: var(--ag-subheader-toolbar-background-color);\n}\n.ag-theme-balham .ag-chart-tab,\n.ag-theme-balham-dark .ag-chart-tab,\n.ag-theme-balham-auto-dark .ag-chart-tab {\n  padding-top: calc(var(--ag-grid-size) * 0.5);\n}\n.ag-theme-balham .ag-charts-format-sub-level-group-item,\n.ag-theme-balham-dark .ag-charts-format-sub-level-group-item,\n.ag-theme-balham-auto-dark .ag-charts-format-sub-level-group-item {\n  margin-bottom: calc(var(--ag-grid-size) * 1.5);\n}\n.ag-theme-balham .ag-filter-active .ag-icon-filter,\n.ag-theme-balham-dark .ag-filter-active .ag-icon-filter,\n.ag-theme-balham-auto-dark .ag-filter-active .ag-icon-filter {\n  color: var(--ag-balham-active-color);\n}\n.ag-theme-balham .ag-color-input input[class^=ag-][type=text].ag-input-field-input,\n.ag-theme-balham-dark .ag-color-input input[class^=ag-][type=text].ag-input-field-input,\n.ag-theme-balham-auto-dark .ag-color-input input[class^=ag-][type=text].ag-input-field-input {\n  min-height: calc(var(--ag-icon-size) + 4px);\n}\n.ag-theme-balham .ag-list-item-hovered::after,\n.ag-theme-balham-dark .ag-list-item-hovered::after,\n.ag-theme-balham-auto-dark .ag-list-item-hovered::after {\n  background-color: var(--ag-balham-active-color);\n}\n.ag-theme-balham .ag-pill .ag-pill-button:hover,\n.ag-theme-balham-dark .ag-pill .ag-pill-button:hover,\n.ag-theme-balham-auto-dark .ag-pill .ag-pill-button:hover {\n  color: var(--ag-balham-active-color);\n}\n.ag-theme-balham .ag-header-highlight-before::after,\n.ag-theme-balham .ag-header-highlight-after::after,\n.ag-theme-balham-dark .ag-header-highlight-before::after,\n.ag-theme-balham-dark .ag-header-highlight-after::after,\n.ag-theme-balham-auto-dark .ag-header-highlight-before::after,\n.ag-theme-balham-auto-dark .ag-header-highlight-after::after {\n  background-color: var(--ag-balham-active-color);\n}\n.ag-theme-balham .ag-advanced-filter-builder-item-button-disabled .ag-icon,\n.ag-theme-balham .ag-disabled .ag-icon,\n.ag-theme-balham .ag-column-select-column-group-readonly .ag-icon,\n.ag-theme-balham [disabled] .ag-icon,\n.ag-theme-balham-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,\n.ag-theme-balham-dark .ag-disabled .ag-icon,\n.ag-theme-balham-dark .ag-column-select-column-group-readonly .ag-icon,\n.ag-theme-balham-dark [disabled] .ag-icon,\n.ag-theme-balham-auto-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,\n.ag-theme-balham-auto-dark .ag-disabled .ag-icon,\n.ag-theme-balham-auto-dark .ag-column-select-column-group-readonly .ag-icon,\n.ag-theme-balham-auto-dark [disabled] .ag-icon {\n  color: var(--ag-disabled-foreground-color);\n}\n.ag-theme-balham .ag-filter-panel .ag-standard-button.ag-filter-panel-buttons-apply-button:disabled,\n.ag-theme-balham-dark .ag-filter-panel .ag-standard-button.ag-filter-panel-buttons-apply-button:disabled,\n.ag-theme-balham-auto-dark .ag-filter-panel .ag-standard-button.ag-filter-panel-buttons-apply-button:disabled {\n  color: inherit;\n  background-color: transparent;\n  background-color: initial;\n}\n.ag-theme-balham .ag-filter-card-title,\n.ag-theme-balham-dark .ag-filter-card-title,\n.ag-theme-balham-auto-dark .ag-filter-card-title {\n  font-weight: 600;\n}\n',""]),t.A=c},48981:function(e,t,a){var o=a(36758),n=a.n(o),r=a(40935),i=a.n(r)()(n());i.push([e.id,'.ag-theme-material,\n.ag-theme-material-dark,\n.ag-theme-material-auto-dark {\n  --ag-material-primary-color: #3f51b5;\n  --ag-material-accent-color: #ff4081;\n  --ag-foreground-color: rgba(0, 0, 0, 0.87);\n  --ag-secondary-foreground-color: rgba(0, 0, 0, 0.54);\n  --ag-disabled-foreground-color: rgba(0, 0, 0, 0.38);\n  --ag-background-color: #fff;\n  --ag-header-background-color: #fff;\n  --ag-tooltip-background-color: #fff;\n  --ag-subheader-background-color: #eee;\n  --ag-subheader-toolbar-background-color: rgba(238, 238, 238, 0.5);\n  --ag-header-cell-hover-background-color: #f2f2f2;\n  --ag-chip-background-color: #e2e2e2;\n  --ag-range-selection-background-color: rgba(122, 134, 203, 0.1);\n  --ag-range-selection-background-color-2: rgba(122, 134, 203, 0.19);\n  --ag-range-selection-background-color-3: rgba(122, 134, 203, 0.27);\n  --ag-range-selection-background-color-4: rgba(122, 134, 203, 0.34);\n  --ag-row-numbers-selected-color: color-mix(in srgb, transparent, var(--ag-material-accent-color) 50%);\n  --ag-range-selection-highlight-color: #fce4ec;\n  --ag-row-hover-color: #fafafa;\n  --ag-column-hover-color: #fafafa;\n  --ag-control-panel-background-color: #fafafa;\n  --ag-selected-row-background-color: rgba(33, 150, 243, 0.3);\n  --ag-checkbox-unchecked-color: #333;\n  --ag-value-change-value-highlight-background-color: #00acc1;\n  --ag-side-button-selected-background-color: transparent;\n  --ag-advanced-filter-join-pill-color: #f08e8d;\n  --ag-advanced-filter-column-pill-color: #a6e194;\n  --ag-advanced-filter-option-pill-color: #f3c08b;\n  --ag-advanced-filter-value-pill-color: #85c0e4;\n  --ag-find-match-color: var(--ag-foreground-color);\n  --ag-find-match-background-color: #ffff00;\n  --ag-find-active-match-color: var(--ag-foreground-color);\n  --ag-find-active-match-background-color: #ffa500;\n  --ag-filter-panel-apply-button-color: var(--ag-material-primary-color);\n  --ag-filter-panel-apply-button-background-color: transparent;\n  --ag-range-selection-border-color: var(--ag-material-primary-color);\n  --ag-checkbox-checked-color: var(--ag-material-accent-color);\n  --ag-borders: none;\n  --ag-borders-critical: solid 1px;\n  --ag-border-color: #e2e2e2;\n  --ag-grid-size: 8px;\n  --ag-icon-size: 18px;\n  --ag-header-height: calc(var(--ag-grid-size) * 7);\n  --ag-row-height: calc(var(--ag-grid-size) * 6);\n  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);\n  --ag-list-item-height: calc(var(--ag-grid-size) * 4);\n  --ag-row-group-indent-size: calc(var(--ag-grid-size) * 3 + var(--ag-icon-size));\n  --ag-filter-tool-panel-sub-level-row-height: calc(var(--ag-grid-size) * 4);\n  --ag-checkbox-border-radius: 2px;\n  --ag-toggle-button-switch-border-width: 2px;\n  --ag-toggle-button-height: var(--ag-icon-size);\n  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5);\n  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 2);\n  --ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1.75);\n  --ag-font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen-Sans, Ubuntu, Cantarell,\n      "Helvetica Neue", sans-serif;\n  --ag-font-size: 13px;\n  --ag-icon-font-family: agGridMaterial;\n  --ag-selected-tab-underline-color: var(--ag-material-primary-color);\n  --ag-selected-tab-underline-width: 2px;\n  --ag-input-focus-border-color: var(--ag-material-primary-color);\n  --ag-input-focus-box-shadow: 0 0 0 5px rgba(32, 33, 36, 0.122);\n  --ag-input-error-focus-box-shadow: 0 0 0 5px\n      color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 0.5%);\n  --ag-card-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),\n      0 1px 5px 0 rgba(0, 0, 0, 0.12);\n  --ag-card-radius: 2px;\n  --ag-invalid-color: #e02525;\n}\n\n.ag-theme-material-dark {\n  --ag-material-primary-color: #3f51b5;\n  --ag-material-accent-color: rgba(187,134,252,1);\n  --ag-range-selection-border-color: var(--ag-material-accent-color);\n  --ag-find-match-color: var(--ag-background-color);\n  --ag-find-active-match-color: var(--ag-background-color);\n  --ag-background-color: rgba(18,18,18,1);\n  --ag-foreground-color: rgba(255,255,255,1);\n  --ag-data-color: rgba(245,245,245,1);\n  --ag-header-cell-hover-background-color: rgba(0,0,0,1);\n  --ag-advanced-filter-join-pill-color: rgba(122,58,55,1);\n  --ag-advanced-filter-column-pill-color: rgba(53,95,45,1);\n  --ag-advanced-filter-option-pill-color: rgba(90,49,104,1);\n  --ag-advanced-filter-value-pill-color: rgba(55,76,134,1);\n  --ag-input-disabled-border-color: rgba(58,67,78,1);\n  --ag-input-disabled-background-color: rgba(104,104,110,0.07059);\n  --ag-selected-row-background-color: rgba(187,134,252,0.2);\n  --ag-row-hover-color: rgba(187,134,252,0.2);\n  --ag-column-hover-color: rgba(245,245,245,0.05098);\n  --ag-range-selection-background-color: rgba(187,134,252,0.10196);\n  --ag-range-selection-background-color-2: rgba(187,134,252,0.18824);\n  --ag-range-selection-background-color-3: rgba(187,134,252,0.27059);\n  --ag-range-selection-background-color-4: rgba(187,134,252,0.34118);\n  --ag-border-color: rgba(56,56,56,1);\n  --ag-secondary-border-color: rgba(56,56,56,1);\n  --ag-header-background-color: rgba(18,18,18,1);\n  --ag-tooltip-background-color: rgba(33,43,56,1);\n  --ag-odd-row-background-color: rgba(18,18,18,1);\n  --ag-control-panel-background-color: rgba(44,44,44,1);\n  --ag-subheader-background-color: rgba(255,255,255,0.05098);\n  --ag-subheader-toolbar-background-color: rgba(44,44,44,1);\n  --ag-invalid-color: rgba(224,37,37,1);\n  --ag-checkbox-unchecked-color: rgba(121,126,135,1);\n  --ag-checkbox-background-color: rgba(18,18,18,1);\n  --ag-secondary-foreground-color: rgba(245,245,245,1);\n  --ag-input-border-color: rgba(56,56,56,1);\n  --ag-input-border-color-invalid: rgba(224,37,37,1);\n  --ag-disabled-foreground-color: rgba(245,245,245,0.50196);\n  --ag-chip-background-color: rgba(34,38,40,0.07059);\n  --ag-side-button-selected-background-color: rgba(44,44,44,1);\n  --ag-selected-tab-underline-color: rgba(63,81,181,1);\n  --ag-modal-overlay-background-color: rgba(18,18,18,0.65882);\n  --ag-value-change-delta-up-color: rgba(67,160,71,0.65882);\n  --ag-value-change-delta-down-color: rgba(229,57,53,1);\n  --ag-menu-background-color: rgba(44,44,44,1);\n  --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);\n  --ag-cell-batch-edit-text-color: #f3d0b3;\n  --csstools-color-scheme--dark: initial;\n  color-scheme: dark;\n}\n\n@media (prefers-color-scheme: dark) {\n  .ag-theme-material-auto-dark {\n    --ag-material-primary-color: #3f51b5;\n    --ag-material-accent-color: rgba(187,134,252,1);\n    --ag-range-selection-border-color: var(--ag-material-accent-color);\n    --ag-find-match-color: var(--ag-background-color);\n    --ag-find-active-match-color: var(--ag-background-color);\n    --ag-background-color: rgba(18,18,18,1);\n    --ag-foreground-color: rgba(255,255,255,1);\n    --ag-data-color: rgba(245,245,245,1);\n    --ag-header-cell-hover-background-color: rgba(0,0,0,1);\n    --ag-advanced-filter-join-pill-color: rgba(122,58,55,1);\n    --ag-advanced-filter-column-pill-color: rgba(53,95,45,1);\n    --ag-advanced-filter-option-pill-color: rgba(90,49,104,1);\n    --ag-advanced-filter-value-pill-color: rgba(55,76,134,1);\n    --ag-input-disabled-border-color: rgba(58,67,78,1);\n    --ag-input-disabled-background-color: rgba(104,104,110,0.07059);\n    --ag-selected-row-background-color: rgba(187,134,252,0.2);\n    --ag-row-hover-color: rgba(187,134,252,0.2);\n    --ag-column-hover-color: rgba(245,245,245,0.05098);\n    --ag-range-selection-background-color: rgba(187,134,252,0.10196);\n    --ag-range-selection-background-color-2: rgba(187,134,252,0.18824);\n    --ag-range-selection-background-color-3: rgba(187,134,252,0.27059);\n    --ag-range-selection-background-color-4: rgba(187,134,252,0.34118);\n    --ag-border-color: rgba(56,56,56,1);\n    --ag-secondary-border-color: rgba(56,56,56,1);\n    --ag-header-background-color: rgba(18,18,18,1);\n    --ag-tooltip-background-color: rgba(33,43,56,1);\n    --ag-odd-row-background-color: rgba(18,18,18,1);\n    --ag-control-panel-background-color: rgba(44,44,44,1);\n    --ag-subheader-background-color: rgba(255,255,255,0.05098);\n    --ag-subheader-toolbar-background-color: rgba(44,44,44,1);\n    --ag-invalid-color: rgba(224,37,37,1);\n    --ag-checkbox-unchecked-color: rgba(121,126,135,1);\n    --ag-checkbox-background-color: rgba(18,18,18,1);\n    --ag-secondary-foreground-color: rgba(245,245,245,1);\n    --ag-input-border-color: rgba(56,56,56,1);\n    --ag-input-border-color-invalid: rgba(224,37,37,1);\n    --ag-disabled-foreground-color: rgba(245,245,245,0.50196);\n    --ag-chip-background-color: rgba(34,38,40,0.07059);\n    --ag-side-button-selected-background-color: rgba(44,44,44,1);\n    --ag-selected-tab-underline-color: rgba(63,81,181,1);\n    --ag-modal-overlay-background-color: rgba(18,18,18,0.65882);\n    --ag-value-change-delta-up-color: rgba(67,160,71,0.65882);\n    --ag-value-change-delta-down-color: rgba(229,57,53,1);\n    --ag-menu-background-color: rgba(44,44,44,1);\n    --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);\n    --ag-cell-batch-edit-text-color: #f3d0b3;\n    --csstools-color-scheme--dark: initial;\n    color-scheme: dark;\n  }\n}\n.ag-theme-material .ag-filter-toolpanel-header,\n.ag-theme-material .ag-filter-toolpanel-search,\n.ag-theme-material .ag-status-bar,\n.ag-theme-material .ag-header-row,\n.ag-theme-material .ag-row-number-cell,\n.ag-theme-material .ag-panel-title-bar-title,\n.ag-theme-material .ag-multi-filter-group-title-bar,\n.ag-theme-material-dark .ag-filter-toolpanel-header,\n.ag-theme-material-dark .ag-filter-toolpanel-search,\n.ag-theme-material-dark .ag-status-bar,\n.ag-theme-material-dark .ag-header-row,\n.ag-theme-material-dark .ag-row-number-cell,\n.ag-theme-material-dark .ag-panel-title-bar-title,\n.ag-theme-material-dark .ag-multi-filter-group-title-bar,\n.ag-theme-material-auto-dark .ag-filter-toolpanel-header,\n.ag-theme-material-auto-dark .ag-filter-toolpanel-search,\n.ag-theme-material-auto-dark .ag-status-bar,\n.ag-theme-material-auto-dark .ag-header-row,\n.ag-theme-material-auto-dark .ag-row-number-cell,\n.ag-theme-material-auto-dark .ag-panel-title-bar-title,\n.ag-theme-material-auto-dark .ag-multi-filter-group-title-bar {\n  font-size: calc(var(--ag-font-size) - 1px);\n  font-weight: 600;\n  color: var(--ag-header-foreground-color);\n}\n.ag-theme-material .ag-tab,\n.ag-theme-material-dark .ag-tab,\n.ag-theme-material-auto-dark .ag-tab {\n  height: calc(var(--ag-grid-size) * 4.5);\n  flex: 1 1 auto;\n}\n.ag-theme-material .ag-tabs-header,\n.ag-theme-material .ag-column-drop-horizontal,\n.ag-theme-material-dark .ag-tabs-header,\n.ag-theme-material-dark .ag-column-drop-horizontal,\n.ag-theme-material-auto-dark .ag-tabs-header,\n.ag-theme-material-auto-dark .ag-column-drop-horizontal {\n  background-color: var(--ag-subheader-background-color);\n}\n.ag-theme-material .ag-tabs-body,\n.ag-theme-material-dark .ag-tabs-body,\n.ag-theme-material-auto-dark .ag-tabs-body {\n  padding: calc(var(--ag-grid-size) * 0.5) 0;\n}\n.ag-theme-material .ag-tabs-body .ag-menu-list,\n.ag-theme-material-dark .ag-tabs-body .ag-menu-list,\n.ag-theme-material-auto-dark .ag-tabs-body .ag-menu-list {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n.ag-theme-material .ag-header-cell,\n.ag-theme-material .ag-header-group-cell,\n.ag-theme-material-dark .ag-header-cell,\n.ag-theme-material-dark .ag-header-group-cell,\n.ag-theme-material-auto-dark .ag-header-cell,\n.ag-theme-material-auto-dark .ag-header-group-cell {\n  transition: background-color 0.5s;\n}\n.ag-theme-material .ag-row-last:not(.ag-row-first) .ag-cell-inline-editing,\n.ag-theme-material-dark .ag-row-last:not(.ag-row-first) .ag-cell-inline-editing,\n.ag-theme-material-auto-dark .ag-row-last:not(.ag-row-first) .ag-cell-inline-editing {\n  bottom: 0;\n}\n.ag-theme-material .ag-cell-inline-editing,\n.ag-theme-material-dark .ag-cell-inline-editing,\n.ag-theme-material-auto-dark .ag-cell-inline-editing {\n  padding: var(--ag-grid-size);\n  height: calc(var(--ag-row-height) + var(--ag-grid-size) * 3);\n  border-color: var(--ag-border-color) !important;\n}\n.ag-theme-material .ag-has-focus .ag-cell-inline-editing,\n.ag-theme-material-dark .ag-has-focus .ag-cell-inline-editing,\n.ag-theme-material-auto-dark .ag-has-focus .ag-cell-inline-editing {\n  border-color: var(--ag-input-focus-border-color) !important;\n}\n.ag-theme-material .ag-column-drop-vertical,\n.ag-theme-material-dark .ag-column-drop-vertical,\n.ag-theme-material-auto-dark .ag-column-drop-vertical {\n  border-bottom: solid 1px;\n  border-bottom-color: var(--ag-border-color);\n  padding-top: var(--ag-grid-size);\n}\n.ag-theme-material .ag-column-drop-vertical.ag-last-column-drop,\n.ag-theme-material-dark .ag-column-drop-vertical.ag-last-column-drop,\n.ag-theme-material-auto-dark .ag-column-drop-vertical.ag-last-column-drop {\n  border-bottom: none;\n}\n.ag-theme-material .ag-column-drop-vertical-cell,\n.ag-theme-material-dark .ag-column-drop-vertical-cell,\n.ag-theme-material-auto-dark .ag-column-drop-vertical-cell {\n  margin-left: 0;\n}\n.ag-theme-material .ag-column-drop-vertical-empty-message,\n.ag-theme-material-dark .ag-column-drop-vertical-empty-message,\n.ag-theme-material-auto-dark .ag-column-drop-vertical-empty-message {\n  font-size: calc(var(--ag-font-size) - 1px);\n  font-weight: 600;\n  color: var(--ag-disabled-foreground-color);\n}\n.ag-theme-material .ag-ltr .ag-column-drop-vertical-empty-message, .ag-theme-material-dark .ag-ltr .ag-column-drop-vertical-empty-message, .ag-theme-material-auto-dark .ag-ltr .ag-column-drop-vertical-empty-message {\n  padding-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);\n  padding-right: var(--ag-grid-size);\n}\n\n.ag-theme-material .ag-rtl .ag-column-drop-vertical-empty-message, .ag-theme-material-dark .ag-rtl .ag-column-drop-vertical-empty-message, .ag-theme-material-auto-dark .ag-rtl .ag-column-drop-vertical-empty-message {\n  padding-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);\n  padding-left: var(--ag-grid-size);\n}\n\n.ag-theme-material .ag-status-bar,\n.ag-theme-material-dark .ag-status-bar,\n.ag-theme-material-auto-dark .ag-status-bar {\n  border: solid 1px;\n  border-color: var(--ag-border-color);\n}\n.ag-theme-material .ag-column-panel-column-select,\n.ag-theme-material-dark .ag-column-panel-column-select,\n.ag-theme-material-auto-dark .ag-column-panel-column-select {\n  border-top: solid 1px;\n  border-top-color: var(--ag-border-color);\n}\n.ag-theme-material .ag-column-select,\n.ag-theme-material .ag-column-select-header,\n.ag-theme-material-dark .ag-column-select,\n.ag-theme-material-dark .ag-column-select-header,\n.ag-theme-material-auto-dark .ag-column-select,\n.ag-theme-material-auto-dark .ag-column-select-header {\n  border-bottom: solid 1px;\n  border-bottom-color: var(--ag-border-color);\n}\n.ag-theme-material .ag-column-select-header,\n.ag-theme-material-dark .ag-column-select-header,\n.ag-theme-material-auto-dark .ag-column-select-header {\n  height: var(--ag-header-height);\n}\n.ag-theme-material .ag-group-title-bar,\n.ag-theme-material-dark .ag-group-title-bar,\n.ag-theme-material-auto-dark .ag-group-title-bar {\n  padding: calc(var(--ag-grid-size) * 0.75) var(--ag-grid-size);\n}\n.ag-theme-material .ag-charts-format-sub-level-group-title-bar,\n.ag-theme-material-dark .ag-charts-format-sub-level-group-title-bar,\n.ag-theme-material-auto-dark .ag-charts-format-sub-level-group-title-bar {\n  padding: calc(var(--ag-grid-size) * 0.5) var(--ag-grid-size);\n}\n.ag-theme-material .ag-chart-data-section,\n.ag-theme-material .ag-chart-format-section,\n.ag-theme-material .ag-chart-advanced-settings-section,\n.ag-theme-material-dark .ag-chart-data-section,\n.ag-theme-material-dark .ag-chart-format-section,\n.ag-theme-material-dark .ag-chart-advanced-settings-section,\n.ag-theme-material-auto-dark .ag-chart-data-section,\n.ag-theme-material-auto-dark .ag-chart-format-section,\n.ag-theme-material-auto-dark .ag-chart-advanced-settings-section {\n  padding-bottom: calc(var(--ag-grid-size) * 0.5);\n}\n.ag-theme-material input[class^=ag-]:not([type]),\n.ag-theme-material input[class^=ag-][type=text],\n.ag-theme-material input[class^=ag-][type=number],\n.ag-theme-material input[class^=ag-][type=tel],\n.ag-theme-material input[class^=ag-][type=date],\n.ag-theme-material input[class^=ag-][type=datetime-local],\n.ag-theme-material textarea[class^=ag-],\n.ag-theme-material-dark input[class^=ag-]:not([type]),\n.ag-theme-material-dark input[class^=ag-][type=text],\n.ag-theme-material-dark input[class^=ag-][type=number],\n.ag-theme-material-dark input[class^=ag-][type=tel],\n.ag-theme-material-dark input[class^=ag-][type=date],\n.ag-theme-material-dark input[class^=ag-][type=datetime-local],\n.ag-theme-material-dark textarea[class^=ag-],\n.ag-theme-material-auto-dark input[class^=ag-]:not([type]),\n.ag-theme-material-auto-dark input[class^=ag-][type=text],\n.ag-theme-material-auto-dark input[class^=ag-][type=number],\n.ag-theme-material-auto-dark input[class^=ag-][type=tel],\n.ag-theme-material-auto-dark input[class^=ag-][type=date],\n.ag-theme-material-auto-dark input[class^=ag-][type=datetime-local],\n.ag-theme-material-auto-dark textarea[class^=ag-] {\n  background: transparent;\n  color: var(--ag-foreground-color);\n  font-family: inherit;\n  font-size: inherit;\n  padding-bottom: var(--ag-grid-size);\n  border-width: 0;\n  border-radius: 0;\n  border-bottom: 2px solid;\n  border-bottom-color: var(--ag-border-color);\n}\n.ag-theme-material input[class^=ag-]:not([type]):not(textarea),\n.ag-theme-material input[class^=ag-][type=text]:not(textarea),\n.ag-theme-material input[class^=ag-][type=number]:not(textarea),\n.ag-theme-material input[class^=ag-][type=tel]:not(textarea),\n.ag-theme-material input[class^=ag-][type=date]:not(textarea),\n.ag-theme-material input[class^=ag-][type=datetime-local]:not(textarea),\n.ag-theme-material textarea[class^=ag-]:not(textarea),\n.ag-theme-material-dark input[class^=ag-]:not([type]):not(textarea),\n.ag-theme-material-dark input[class^=ag-][type=text]:not(textarea),\n.ag-theme-material-dark input[class^=ag-][type=number]:not(textarea),\n.ag-theme-material-dark input[class^=ag-][type=tel]:not(textarea),\n.ag-theme-material-dark input[class^=ag-][type=date]:not(textarea),\n.ag-theme-material-dark input[class^=ag-][type=datetime-local]:not(textarea),\n.ag-theme-material-dark textarea[class^=ag-]:not(textarea),\n.ag-theme-material-auto-dark input[class^=ag-]:not([type]):not(textarea),\n.ag-theme-material-auto-dark input[class^=ag-][type=text]:not(textarea),\n.ag-theme-material-auto-dark input[class^=ag-][type=number]:not(textarea),\n.ag-theme-material-auto-dark input[class^=ag-][type=tel]:not(textarea),\n.ag-theme-material-auto-dark input[class^=ag-][type=date]:not(textarea),\n.ag-theme-material-auto-dark input[class^=ag-][type=datetime-local]:not(textarea),\n.ag-theme-material-auto-dark textarea[class^=ag-]:not(textarea) {\n  height: calc(var(--ag-grid-size) * 5);\n}\n.ag-theme-material input[class^=ag-]:not([type]):focus,\n.ag-theme-material input[class^=ag-][type=text]:focus,\n.ag-theme-material input[class^=ag-][type=number]:focus,\n.ag-theme-material input[class^=ag-][type=tel]:focus,\n.ag-theme-material input[class^=ag-][type=date]:focus,\n.ag-theme-material input[class^=ag-][type=datetime-local]:focus,\n.ag-theme-material textarea[class^=ag-]:focus,\n.ag-theme-material-dark input[class^=ag-]:not([type]):focus,\n.ag-theme-material-dark input[class^=ag-][type=text]:focus,\n.ag-theme-material-dark input[class^=ag-][type=number]:focus,\n.ag-theme-material-dark input[class^=ag-][type=tel]:focus,\n.ag-theme-material-dark input[class^=ag-][type=date]:focus,\n.ag-theme-material-dark input[class^=ag-][type=datetime-local]:focus,\n.ag-theme-material-dark textarea[class^=ag-]:focus,\n.ag-theme-material-auto-dark input[class^=ag-]:not([type]):focus,\n.ag-theme-material-auto-dark input[class^=ag-][type=text]:focus,\n.ag-theme-material-auto-dark input[class^=ag-][type=number]:focus,\n.ag-theme-material-auto-dark input[class^=ag-][type=tel]:focus,\n.ag-theme-material-auto-dark input[class^=ag-][type=date]:focus,\n.ag-theme-material-auto-dark input[class^=ag-][type=datetime-local]:focus,\n.ag-theme-material-auto-dark textarea[class^=ag-]:focus {\n  border-bottom: 2px solid;\n  border-bottom-color: var(--ag-material-primary-color);\n  outline: none;\n  box-shadow: none;\n}\n.ag-theme-material input[class^=ag-]:not([type])::-moz-placeholder, .ag-theme-material input[class^=ag-][type=text]::-moz-placeholder, .ag-theme-material input[class^=ag-][type=number]::-moz-placeholder, .ag-theme-material input[class^=ag-][type=tel]::-moz-placeholder, .ag-theme-material input[class^=ag-][type=date]::-moz-placeholder, .ag-theme-material input[class^=ag-][type=datetime-local]::-moz-placeholder, .ag-theme-material textarea[class^=ag-]::-moz-placeholder, .ag-theme-material-dark input[class^=ag-]:not([type])::-moz-placeholder, .ag-theme-material-dark input[class^=ag-][type=text]::-moz-placeholder, .ag-theme-material-dark input[class^=ag-][type=number]::-moz-placeholder, .ag-theme-material-dark input[class^=ag-][type=tel]::-moz-placeholder, .ag-theme-material-dark input[class^=ag-][type=date]::-moz-placeholder, .ag-theme-material-dark input[class^=ag-][type=datetime-local]::-moz-placeholder, .ag-theme-material-dark textarea[class^=ag-]::-moz-placeholder, .ag-theme-material-auto-dark input[class^=ag-]:not([type])::-moz-placeholder, .ag-theme-material-auto-dark input[class^=ag-][type=text]::-moz-placeholder, .ag-theme-material-auto-dark input[class^=ag-][type=number]::-moz-placeholder, .ag-theme-material-auto-dark input[class^=ag-][type=tel]::-moz-placeholder, .ag-theme-material-auto-dark input[class^=ag-][type=date]::-moz-placeholder, .ag-theme-material-auto-dark input[class^=ag-][type=datetime-local]::-moz-placeholder, .ag-theme-material-auto-dark textarea[class^=ag-]::-moz-placeholder {\n  color: var(--ag-disabled-foreground-color);\n}\n.ag-theme-material input[class^=ag-]:not([type])::placeholder,\n.ag-theme-material input[class^=ag-][type=text]::placeholder,\n.ag-theme-material input[class^=ag-][type=number]::placeholder,\n.ag-theme-material input[class^=ag-][type=tel]::placeholder,\n.ag-theme-material input[class^=ag-][type=date]::placeholder,\n.ag-theme-material input[class^=ag-][type=datetime-local]::placeholder,\n.ag-theme-material textarea[class^=ag-]::placeholder,\n.ag-theme-material-dark input[class^=ag-]:not([type])::placeholder,\n.ag-theme-material-dark input[class^=ag-][type=text]::placeholder,\n.ag-theme-material-dark input[class^=ag-][type=number]::placeholder,\n.ag-theme-material-dark input[class^=ag-][type=tel]::placeholder,\n.ag-theme-material-dark input[class^=ag-][type=date]::placeholder,\n.ag-theme-material-dark input[class^=ag-][type=datetime-local]::placeholder,\n.ag-theme-material-dark textarea[class^=ag-]::placeholder,\n.ag-theme-material-auto-dark input[class^=ag-]:not([type])::placeholder,\n.ag-theme-material-auto-dark input[class^=ag-][type=text]::placeholder,\n.ag-theme-material-auto-dark input[class^=ag-][type=number]::placeholder,\n.ag-theme-material-auto-dark input[class^=ag-][type=tel]::placeholder,\n.ag-theme-material-auto-dark input[class^=ag-][type=date]::placeholder,\n.ag-theme-material-auto-dark input[class^=ag-][type=datetime-local]::placeholder,\n.ag-theme-material-auto-dark textarea[class^=ag-]::placeholder {\n  color: var(--ag-disabled-foreground-color);\n}\n.ag-theme-material input[class^=ag-]:not([type]):disabled,\n.ag-theme-material input[class^=ag-][type=text]:disabled,\n.ag-theme-material input[class^=ag-][type=number]:disabled,\n.ag-theme-material input[class^=ag-][type=tel]:disabled,\n.ag-theme-material input[class^=ag-][type=date]:disabled,\n.ag-theme-material input[class^=ag-][type=datetime-local]:disabled,\n.ag-theme-material textarea[class^=ag-]:disabled,\n.ag-theme-material-dark input[class^=ag-]:not([type]):disabled,\n.ag-theme-material-dark input[class^=ag-][type=text]:disabled,\n.ag-theme-material-dark input[class^=ag-][type=number]:disabled,\n.ag-theme-material-dark input[class^=ag-][type=tel]:disabled,\n.ag-theme-material-dark input[class^=ag-][type=date]:disabled,\n.ag-theme-material-dark input[class^=ag-][type=datetime-local]:disabled,\n.ag-theme-material-dark textarea[class^=ag-]:disabled,\n.ag-theme-material-auto-dark input[class^=ag-]:not([type]):disabled,\n.ag-theme-material-auto-dark input[class^=ag-][type=text]:disabled,\n.ag-theme-material-auto-dark input[class^=ag-][type=number]:disabled,\n.ag-theme-material-auto-dark input[class^=ag-][type=tel]:disabled,\n.ag-theme-material-auto-dark input[class^=ag-][type=date]:disabled,\n.ag-theme-material-auto-dark input[class^=ag-][type=datetime-local]:disabled,\n.ag-theme-material-auto-dark textarea[class^=ag-]:disabled {\n  border-bottom: 1px solid;\n  border-bottom-color: var(--ag-border-color);\n}\n.ag-theme-material input[class^=ag-]:not([type]):invalid,\n.ag-theme-material input[class^=ag-][type=text]:invalid,\n.ag-theme-material input[class^=ag-][type=number]:invalid,\n.ag-theme-material input[class^=ag-][type=tel]:invalid,\n.ag-theme-material input[class^=ag-][type=date]:invalid,\n.ag-theme-material input[class^=ag-][type=datetime-local]:invalid,\n.ag-theme-material textarea[class^=ag-]:invalid,\n.ag-theme-material-dark input[class^=ag-]:not([type]):invalid,\n.ag-theme-material-dark input[class^=ag-][type=text]:invalid,\n.ag-theme-material-dark input[class^=ag-][type=number]:invalid,\n.ag-theme-material-dark input[class^=ag-][type=tel]:invalid,\n.ag-theme-material-dark input[class^=ag-][type=date]:invalid,\n.ag-theme-material-dark input[class^=ag-][type=datetime-local]:invalid,\n.ag-theme-material-dark textarea[class^=ag-]:invalid,\n.ag-theme-material-auto-dark input[class^=ag-]:not([type]):invalid,\n.ag-theme-material-auto-dark input[class^=ag-][type=text]:invalid,\n.ag-theme-material-auto-dark input[class^=ag-][type=number]:invalid,\n.ag-theme-material-auto-dark input[class^=ag-][type=tel]:invalid,\n.ag-theme-material-auto-dark input[class^=ag-][type=date]:invalid,\n.ag-theme-material-auto-dark input[class^=ag-][type=datetime-local]:invalid,\n.ag-theme-material-auto-dark textarea[class^=ag-]:invalid {\n  border-width: 0;\n  border-bottom: 1px solid;\n  border-bottom-color: var(--ag-invalid-color);\n  color: var(--ag-invalid-color);\n}\n.ag-theme-material .ag-standard-button,\n.ag-theme-material-dark .ag-standard-button,\n.ag-theme-material-auto-dark .ag-standard-button {\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  background-color: transparent;\n  border: 0;\n  color: var(--ag-material-primary-color);\n  font-family: inherit;\n  font-size: inherit;\n  margin: 0;\n  padding: 0;\n  text-transform: uppercase;\n}\n.ag-theme-material .ag-standard-button:disabled,\n.ag-theme-material-dark .ag-standard-button:disabled,\n.ag-theme-material-auto-dark .ag-standard-button:disabled {\n  color: var(--ag-disabled-foreground-color);\n  background-color: var(--ag-input-disabled-background-color);\n  border-color: var(--ag-input-disabled-border-color);\n}\n.ag-theme-material.ag-dnd-ghost,\n.ag-theme-material-dark.ag-dnd-ghost,\n.ag-theme-material-auto-dark.ag-dnd-ghost {\n  font-size: calc(var(--ag-font-size) - 1px);\n  font-weight: 600;\n}\n.ag-theme-material .ag-filter-toolpanel-header,\n.ag-theme-material-dark .ag-filter-toolpanel-header,\n.ag-theme-material-auto-dark .ag-filter-toolpanel-header {\n  height: calc(var(--ag-grid-size) * 4);\n}\n.ag-theme-material .ag-filter-toolpanel-group-level-0-header,\n.ag-theme-material-dark .ag-filter-toolpanel-group-level-0-header,\n.ag-theme-material-auto-dark .ag-filter-toolpanel-group-level-0-header {\n  height: calc(var(--ag-grid-size) * 7);\n}\n.ag-theme-material .ag-filter-card-title,\n.ag-theme-material-dark .ag-filter-card-title,\n.ag-theme-material-auto-dark .ag-filter-card-title {\n  font-size: calc(var(--ag-font-size) - 1px);\n  font-weight: 600;\n}\n.ag-theme-material .ag-filter-panel .ag-standard-button,\n.ag-theme-material-dark .ag-filter-panel .ag-standard-button,\n.ag-theme-material-auto-dark .ag-filter-panel .ag-standard-button {\n  padding: var(--ag-grid-size);\n}\n.ag-theme-material .ag-filter-add-button,\n.ag-theme-material-dark .ag-filter-add-button,\n.ag-theme-material-auto-dark .ag-filter-add-button {\n  border-bottom: 2px solid var(--ag-material-primary-color);\n}\n.ag-theme-material .ag-filter-add-button .ag-icon,\n.ag-theme-material-dark .ag-filter-add-button .ag-icon,\n.ag-theme-material-auto-dark .ag-filter-add-button .ag-icon {\n  color: var(--ag-material-active-color);\n}\n.ag-theme-material .ag-ltr .ag-filter-apply-panel-button, .ag-theme-material .ag-ltr .ag-advanced-filter-apply-button, .ag-theme-material .ag-ltr .ag-advanced-filter-builder-button, .ag-theme-material-dark .ag-ltr .ag-filter-apply-panel-button, .ag-theme-material-dark .ag-ltr .ag-advanced-filter-apply-button, .ag-theme-material-dark .ag-ltr .ag-advanced-filter-builder-button, .ag-theme-material-auto-dark .ag-ltr .ag-filter-apply-panel-button, .ag-theme-material-auto-dark .ag-ltr .ag-advanced-filter-apply-button, .ag-theme-material-auto-dark .ag-ltr .ag-advanced-filter-builder-button {\n  margin-left: var(--ag-grid-size);\n}\n\n.ag-theme-material .ag-rtl .ag-filter-apply-panel-button, .ag-theme-material .ag-rtl .ag-advanced-filter-apply-button, .ag-theme-material .ag-rtl .ag-advanced-filter-builder-button, .ag-theme-material-dark .ag-rtl .ag-filter-apply-panel-button, .ag-theme-material-dark .ag-rtl .ag-advanced-filter-apply-button, .ag-theme-material-dark .ag-rtl .ag-advanced-filter-builder-button, .ag-theme-material-auto-dark .ag-rtl .ag-filter-apply-panel-button, .ag-theme-material-auto-dark .ag-rtl .ag-advanced-filter-apply-button, .ag-theme-material-auto-dark .ag-rtl .ag-advanced-filter-builder-button {\n  margin-right: var(--ag-grid-size);\n}\n\n.ag-theme-material .ag-layout-auto-height .ag-center-cols-viewport,\n.ag-theme-material .ag-layout-auto-height .ag-center-cols-container,\n.ag-theme-material .ag-layout-print .ag-center-cols-viewport,\n.ag-theme-material .ag-layout-print .ag-center-cols-container,\n.ag-theme-material-dark .ag-layout-auto-height .ag-center-cols-viewport,\n.ag-theme-material-dark .ag-layout-auto-height .ag-center-cols-container,\n.ag-theme-material-dark .ag-layout-print .ag-center-cols-viewport,\n.ag-theme-material-dark .ag-layout-print .ag-center-cols-container,\n.ag-theme-material-auto-dark .ag-layout-auto-height .ag-center-cols-viewport,\n.ag-theme-material-auto-dark .ag-layout-auto-height .ag-center-cols-container,\n.ag-theme-material-auto-dark .ag-layout-print .ag-center-cols-viewport,\n.ag-theme-material-auto-dark .ag-layout-print .ag-center-cols-container {\n  min-height: 150px;\n}\n.ag-theme-material .ag-picker-field-wrapper:focus-within,\n.ag-theme-material-dark .ag-picker-field-wrapper:focus-within,\n.ag-theme-material-auto-dark .ag-picker-field-wrapper:focus-within {\n  box-shadow: 0 0 0 1px var(--ag-material-primary-color);\n}\n.ag-theme-material .ag-rich-select-list,\n.ag-theme-material-dark .ag-rich-select-list,\n.ag-theme-material-auto-dark .ag-rich-select-list {\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;\n}\n.ag-theme-material .ag-advanced-filter-builder-button-label,\n.ag-theme-material-dark .ag-advanced-filter-builder-button-label,\n.ag-theme-material-auto-dark .ag-advanced-filter-builder-button-label {\n  text-transform: uppercase;\n}\n.ag-theme-material .ag-filter-active .ag-icon-filter,\n.ag-theme-material-dark .ag-filter-active .ag-icon-filter,\n.ag-theme-material-auto-dark .ag-filter-active .ag-icon-filter {\n  color: var(--ag-material-accent-color);\n}\n.ag-theme-material .ag-list-item-hovered::after,\n.ag-theme-material-dark .ag-list-item-hovered::after,\n.ag-theme-material-auto-dark .ag-list-item-hovered::after {\n  background-color: var(--ag-material-primary-color);\n}\n.ag-theme-material .ag-pill .ag-pill-button:hover,\n.ag-theme-material-dark .ag-pill .ag-pill-button:hover,\n.ag-theme-material-auto-dark .ag-pill .ag-pill-button:hover {\n  color: var(--ag-material-primary-color);\n}\n.ag-theme-material .ag-header-highlight-before::after,\n.ag-theme-material .ag-header-highlight-after::after,\n.ag-theme-material-dark .ag-header-highlight-before::after,\n.ag-theme-material-dark .ag-header-highlight-after::after,\n.ag-theme-material-auto-dark .ag-header-highlight-before::after,\n.ag-theme-material-auto-dark .ag-header-highlight-after::after {\n  background-color: var(--ag-material-primary-color);\n}\n.ag-theme-material .ag-advanced-filter-builder-item-button-disabled .ag-icon,\n.ag-theme-material .ag-disabled .ag-icon,\n.ag-theme-material .ag-column-select-column-group-readonly .ag-icon,\n.ag-theme-material [disabled] .ag-icon,\n.ag-theme-material-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,\n.ag-theme-material-dark .ag-disabled .ag-icon,\n.ag-theme-material-dark .ag-column-select-column-group-readonly .ag-icon,\n.ag-theme-material-dark [disabled] .ag-icon,\n.ag-theme-material-auto-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,\n.ag-theme-material-auto-dark .ag-disabled .ag-icon,\n.ag-theme-material-auto-dark .ag-column-select-column-group-readonly .ag-icon,\n.ag-theme-material-auto-dark [disabled] .ag-icon {\n  color: var(--ag-disabled-foreground-color);\n}\n',""]),t.A=i},92935:function(e,t,a){var o=a(36758),n=a.n(o),r=a(40935),i=a.n(r),l=a(20062),s=a.n(l),d=new URL(a(80902),a.b),c=i()(n()),g=s()(d);c.push([e.id,'@font-face {\n  font-family: "agGridMaterial";\n  src: url('+g+');\n  font-weight: normal;\n  font-style: normal;\n}\n.ag-theme-material,\n.ag-theme-material-dark,\n.ag-theme-material-auto-dark {\n  --ag-material-primary-color: #3f51b5;\n  --ag-material-accent-color: #ff4081;\n  --ag-foreground-color: rgba(0, 0, 0, 0.87);\n  --ag-secondary-foreground-color: rgba(0, 0, 0, 0.54);\n  --ag-disabled-foreground-color: rgba(0, 0, 0, 0.38);\n  --ag-background-color: #fff;\n  --ag-header-background-color: #fff;\n  --ag-tooltip-background-color: #fff;\n  --ag-subheader-background-color: #eee;\n  --ag-subheader-toolbar-background-color: rgba(238, 238, 238, 0.5);\n  --ag-header-cell-hover-background-color: #f2f2f2;\n  --ag-chip-background-color: #e2e2e2;\n  --ag-range-selection-background-color: rgba(122, 134, 203, 0.1);\n  --ag-range-selection-background-color-2: rgba(122, 134, 203, 0.19);\n  --ag-range-selection-background-color-3: rgba(122, 134, 203, 0.27);\n  --ag-range-selection-background-color-4: rgba(122, 134, 203, 0.34);\n  --ag-row-numbers-selected-color: color-mix(in srgb, transparent, var(--ag-material-accent-color) 50%);\n  --ag-range-selection-highlight-color: #fce4ec;\n  --ag-row-hover-color: #fafafa;\n  --ag-column-hover-color: #fafafa;\n  --ag-control-panel-background-color: #fafafa;\n  --ag-selected-row-background-color: rgba(33, 150, 243, 0.3);\n  --ag-checkbox-unchecked-color: #333;\n  --ag-value-change-value-highlight-background-color: #00acc1;\n  --ag-side-button-selected-background-color: transparent;\n  --ag-advanced-filter-join-pill-color: #f08e8d;\n  --ag-advanced-filter-column-pill-color: #a6e194;\n  --ag-advanced-filter-option-pill-color: #f3c08b;\n  --ag-advanced-filter-value-pill-color: #85c0e4;\n  --ag-find-match-color: var(--ag-foreground-color);\n  --ag-find-match-background-color: #ffff00;\n  --ag-find-active-match-color: var(--ag-foreground-color);\n  --ag-find-active-match-background-color: #ffa500;\n  --ag-filter-panel-apply-button-color: var(--ag-material-primary-color);\n  --ag-filter-panel-apply-button-background-color: transparent;\n  --ag-range-selection-border-color: var(--ag-material-primary-color);\n  --ag-checkbox-checked-color: var(--ag-material-accent-color);\n  --ag-borders: none;\n  --ag-borders-critical: solid 1px;\n  --ag-border-color: #e2e2e2;\n  --ag-grid-size: 8px;\n  --ag-icon-size: 18px;\n  --ag-header-height: calc(var(--ag-grid-size) * 7);\n  --ag-row-height: calc(var(--ag-grid-size) * 6);\n  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);\n  --ag-list-item-height: calc(var(--ag-grid-size) * 4);\n  --ag-row-group-indent-size: calc(var(--ag-grid-size) * 3 + var(--ag-icon-size));\n  --ag-filter-tool-panel-sub-level-row-height: calc(var(--ag-grid-size) * 4);\n  --ag-checkbox-border-radius: 2px;\n  --ag-toggle-button-switch-border-width: 2px;\n  --ag-toggle-button-height: var(--ag-icon-size);\n  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5);\n  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 2);\n  --ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1.75);\n  --ag-font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen-Sans, Ubuntu, Cantarell,\n      "Helvetica Neue", sans-serif;\n  --ag-font-size: 13px;\n  --ag-icon-font-family: agGridMaterial;\n  --ag-selected-tab-underline-color: var(--ag-material-primary-color);\n  --ag-selected-tab-underline-width: 2px;\n  --ag-input-focus-border-color: var(--ag-material-primary-color);\n  --ag-input-focus-box-shadow: 0 0 0 5px rgba(32, 33, 36, 0.122);\n  --ag-input-error-focus-box-shadow: 0 0 0 5px\n      color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 0.5%);\n  --ag-card-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),\n      0 1px 5px 0 rgba(0, 0, 0, 0.12);\n  --ag-card-radius: 2px;\n  --ag-invalid-color: #e02525;\n}\n\n.ag-theme-material-dark {\n  --ag-material-primary-color: #3f51b5;\n  --ag-material-accent-color: rgba(187,134,252,1);\n  --ag-range-selection-border-color: var(--ag-material-accent-color);\n  --ag-find-match-color: var(--ag-background-color);\n  --ag-find-active-match-color: var(--ag-background-color);\n  --ag-background-color: rgba(18,18,18,1);\n  --ag-foreground-color: rgba(255,255,255,1);\n  --ag-data-color: rgba(245,245,245,1);\n  --ag-header-cell-hover-background-color: rgba(0,0,0,1);\n  --ag-advanced-filter-join-pill-color: rgba(122,58,55,1);\n  --ag-advanced-filter-column-pill-color: rgba(53,95,45,1);\n  --ag-advanced-filter-option-pill-color: rgba(90,49,104,1);\n  --ag-advanced-filter-value-pill-color: rgba(55,76,134,1);\n  --ag-input-disabled-border-color: rgba(58,67,78,1);\n  --ag-input-disabled-background-color: rgba(104,104,110,0.07059);\n  --ag-selected-row-background-color: rgba(187,134,252,0.2);\n  --ag-row-hover-color: rgba(187,134,252,0.2);\n  --ag-column-hover-color: rgba(245,245,245,0.05098);\n  --ag-range-selection-background-color: rgba(187,134,252,0.10196);\n  --ag-range-selection-background-color-2: rgba(187,134,252,0.18824);\n  --ag-range-selection-background-color-3: rgba(187,134,252,0.27059);\n  --ag-range-selection-background-color-4: rgba(187,134,252,0.34118);\n  --ag-border-color: rgba(56,56,56,1);\n  --ag-secondary-border-color: rgba(56,56,56,1);\n  --ag-header-background-color: rgba(18,18,18,1);\n  --ag-tooltip-background-color: rgba(33,43,56,1);\n  --ag-odd-row-background-color: rgba(18,18,18,1);\n  --ag-control-panel-background-color: rgba(44,44,44,1);\n  --ag-subheader-background-color: rgba(255,255,255,0.05098);\n  --ag-subheader-toolbar-background-color: rgba(44,44,44,1);\n  --ag-invalid-color: rgba(224,37,37,1);\n  --ag-checkbox-unchecked-color: rgba(121,126,135,1);\n  --ag-checkbox-background-color: rgba(18,18,18,1);\n  --ag-secondary-foreground-color: rgba(245,245,245,1);\n  --ag-input-border-color: rgba(56,56,56,1);\n  --ag-input-border-color-invalid: rgba(224,37,37,1);\n  --ag-disabled-foreground-color: rgba(245,245,245,0.50196);\n  --ag-chip-background-color: rgba(34,38,40,0.07059);\n  --ag-side-button-selected-background-color: rgba(44,44,44,1);\n  --ag-selected-tab-underline-color: rgba(63,81,181,1);\n  --ag-modal-overlay-background-color: rgba(18,18,18,0.65882);\n  --ag-value-change-delta-up-color: rgba(67,160,71,0.65882);\n  --ag-value-change-delta-down-color: rgba(229,57,53,1);\n  --ag-menu-background-color: rgba(44,44,44,1);\n  --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);\n  --ag-cell-batch-edit-text-color: #f3d0b3;\n  --csstools-color-scheme--dark: initial;\n  color-scheme: dark;\n}\n\n@media (prefers-color-scheme: dark) {\n  .ag-theme-material-auto-dark {\n    --ag-material-primary-color: #3f51b5;\n    --ag-material-accent-color: rgba(187,134,252,1);\n    --ag-range-selection-border-color: var(--ag-material-accent-color);\n    --ag-find-match-color: var(--ag-background-color);\n    --ag-find-active-match-color: var(--ag-background-color);\n    --ag-background-color: rgba(18,18,18,1);\n    --ag-foreground-color: rgba(255,255,255,1);\n    --ag-data-color: rgba(245,245,245,1);\n    --ag-header-cell-hover-background-color: rgba(0,0,0,1);\n    --ag-advanced-filter-join-pill-color: rgba(122,58,55,1);\n    --ag-advanced-filter-column-pill-color: rgba(53,95,45,1);\n    --ag-advanced-filter-option-pill-color: rgba(90,49,104,1);\n    --ag-advanced-filter-value-pill-color: rgba(55,76,134,1);\n    --ag-input-disabled-border-color: rgba(58,67,78,1);\n    --ag-input-disabled-background-color: rgba(104,104,110,0.07059);\n    --ag-selected-row-background-color: rgba(187,134,252,0.2);\n    --ag-row-hover-color: rgba(187,134,252,0.2);\n    --ag-column-hover-color: rgba(245,245,245,0.05098);\n    --ag-range-selection-background-color: rgba(187,134,252,0.10196);\n    --ag-range-selection-background-color-2: rgba(187,134,252,0.18824);\n    --ag-range-selection-background-color-3: rgba(187,134,252,0.27059);\n    --ag-range-selection-background-color-4: rgba(187,134,252,0.34118);\n    --ag-border-color: rgba(56,56,56,1);\n    --ag-secondary-border-color: rgba(56,56,56,1);\n    --ag-header-background-color: rgba(18,18,18,1);\n    --ag-tooltip-background-color: rgba(33,43,56,1);\n    --ag-odd-row-background-color: rgba(18,18,18,1);\n    --ag-control-panel-background-color: rgba(44,44,44,1);\n    --ag-subheader-background-color: rgba(255,255,255,0.05098);\n    --ag-subheader-toolbar-background-color: rgba(44,44,44,1);\n    --ag-invalid-color: rgba(224,37,37,1);\n    --ag-checkbox-unchecked-color: rgba(121,126,135,1);\n    --ag-checkbox-background-color: rgba(18,18,18,1);\n    --ag-secondary-foreground-color: rgba(245,245,245,1);\n    --ag-input-border-color: rgba(56,56,56,1);\n    --ag-input-border-color-invalid: rgba(224,37,37,1);\n    --ag-disabled-foreground-color: rgba(245,245,245,0.50196);\n    --ag-chip-background-color: rgba(34,38,40,0.07059);\n    --ag-side-button-selected-background-color: rgba(44,44,44,1);\n    --ag-selected-tab-underline-color: rgba(63,81,181,1);\n    --ag-modal-overlay-background-color: rgba(18,18,18,0.65882);\n    --ag-value-change-delta-up-color: rgba(67,160,71,0.65882);\n    --ag-value-change-delta-down-color: rgba(229,57,53,1);\n    --ag-menu-background-color: rgba(44,44,44,1);\n    --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);\n    --ag-cell-batch-edit-text-color: #f3d0b3;\n    --csstools-color-scheme--dark: initial;\n    color-scheme: dark;\n  }\n}\n.ag-theme-material .ag-filter-toolpanel-header,\n.ag-theme-material .ag-filter-toolpanel-search,\n.ag-theme-material .ag-status-bar,\n.ag-theme-material .ag-header-row,\n.ag-theme-material .ag-row-number-cell,\n.ag-theme-material .ag-panel-title-bar-title,\n.ag-theme-material .ag-multi-filter-group-title-bar,\n.ag-theme-material-dark .ag-filter-toolpanel-header,\n.ag-theme-material-dark .ag-filter-toolpanel-search,\n.ag-theme-material-dark .ag-status-bar,\n.ag-theme-material-dark .ag-header-row,\n.ag-theme-material-dark .ag-row-number-cell,\n.ag-theme-material-dark .ag-panel-title-bar-title,\n.ag-theme-material-dark .ag-multi-filter-group-title-bar,\n.ag-theme-material-auto-dark .ag-filter-toolpanel-header,\n.ag-theme-material-auto-dark .ag-filter-toolpanel-search,\n.ag-theme-material-auto-dark .ag-status-bar,\n.ag-theme-material-auto-dark .ag-header-row,\n.ag-theme-material-auto-dark .ag-row-number-cell,\n.ag-theme-material-auto-dark .ag-panel-title-bar-title,\n.ag-theme-material-auto-dark .ag-multi-filter-group-title-bar {\n  font-size: calc(var(--ag-font-size) - 1px);\n  font-weight: 600;\n  color: var(--ag-header-foreground-color);\n}\n.ag-theme-material .ag-tab,\n.ag-theme-material-dark .ag-tab,\n.ag-theme-material-auto-dark .ag-tab {\n  height: calc(var(--ag-grid-size) * 4.5);\n  flex: 1 1 auto;\n}\n.ag-theme-material .ag-tabs-header,\n.ag-theme-material .ag-column-drop-horizontal,\n.ag-theme-material-dark .ag-tabs-header,\n.ag-theme-material-dark .ag-column-drop-horizontal,\n.ag-theme-material-auto-dark .ag-tabs-header,\n.ag-theme-material-auto-dark .ag-column-drop-horizontal {\n  background-color: var(--ag-subheader-background-color);\n}\n.ag-theme-material .ag-tabs-body,\n.ag-theme-material-dark .ag-tabs-body,\n.ag-theme-material-auto-dark .ag-tabs-body {\n  padding: calc(var(--ag-grid-size) * 0.5) 0;\n}\n.ag-theme-material .ag-tabs-body .ag-menu-list,\n.ag-theme-material-dark .ag-tabs-body .ag-menu-list,\n.ag-theme-material-auto-dark .ag-tabs-body .ag-menu-list {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n.ag-theme-material .ag-header-cell,\n.ag-theme-material .ag-header-group-cell,\n.ag-theme-material-dark .ag-header-cell,\n.ag-theme-material-dark .ag-header-group-cell,\n.ag-theme-material-auto-dark .ag-header-cell,\n.ag-theme-material-auto-dark .ag-header-group-cell {\n  transition: background-color 0.5s;\n}\n.ag-theme-material .ag-row-last:not(.ag-row-first) .ag-cell-inline-editing,\n.ag-theme-material-dark .ag-row-last:not(.ag-row-first) .ag-cell-inline-editing,\n.ag-theme-material-auto-dark .ag-row-last:not(.ag-row-first) .ag-cell-inline-editing {\n  bottom: 0;\n}\n.ag-theme-material .ag-cell-inline-editing,\n.ag-theme-material-dark .ag-cell-inline-editing,\n.ag-theme-material-auto-dark .ag-cell-inline-editing {\n  padding: var(--ag-grid-size);\n  height: calc(var(--ag-row-height) + var(--ag-grid-size) * 3);\n  border-color: var(--ag-border-color) !important;\n}\n.ag-theme-material .ag-has-focus .ag-cell-inline-editing,\n.ag-theme-material-dark .ag-has-focus .ag-cell-inline-editing,\n.ag-theme-material-auto-dark .ag-has-focus .ag-cell-inline-editing {\n  border-color: var(--ag-input-focus-border-color) !important;\n}\n.ag-theme-material .ag-column-drop-vertical,\n.ag-theme-material-dark .ag-column-drop-vertical,\n.ag-theme-material-auto-dark .ag-column-drop-vertical {\n  border-bottom: solid 1px;\n  border-bottom-color: var(--ag-border-color);\n  padding-top: var(--ag-grid-size);\n}\n.ag-theme-material .ag-column-drop-vertical.ag-last-column-drop,\n.ag-theme-material-dark .ag-column-drop-vertical.ag-last-column-drop,\n.ag-theme-material-auto-dark .ag-column-drop-vertical.ag-last-column-drop {\n  border-bottom: none;\n}\n.ag-theme-material .ag-column-drop-vertical-cell,\n.ag-theme-material-dark .ag-column-drop-vertical-cell,\n.ag-theme-material-auto-dark .ag-column-drop-vertical-cell {\n  margin-left: 0;\n}\n.ag-theme-material .ag-column-drop-vertical-empty-message,\n.ag-theme-material-dark .ag-column-drop-vertical-empty-message,\n.ag-theme-material-auto-dark .ag-column-drop-vertical-empty-message {\n  font-size: calc(var(--ag-font-size) - 1px);\n  font-weight: 600;\n  color: var(--ag-disabled-foreground-color);\n}\n.ag-theme-material .ag-ltr .ag-column-drop-vertical-empty-message, .ag-theme-material-dark .ag-ltr .ag-column-drop-vertical-empty-message, .ag-theme-material-auto-dark .ag-ltr .ag-column-drop-vertical-empty-message {\n  padding-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);\n  padding-right: var(--ag-grid-size);\n}\n\n.ag-theme-material .ag-rtl .ag-column-drop-vertical-empty-message, .ag-theme-material-dark .ag-rtl .ag-column-drop-vertical-empty-message, .ag-theme-material-auto-dark .ag-rtl .ag-column-drop-vertical-empty-message {\n  padding-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);\n  padding-left: var(--ag-grid-size);\n}\n\n.ag-theme-material .ag-status-bar,\n.ag-theme-material-dark .ag-status-bar,\n.ag-theme-material-auto-dark .ag-status-bar {\n  border: solid 1px;\n  border-color: var(--ag-border-color);\n}\n.ag-theme-material .ag-column-panel-column-select,\n.ag-theme-material-dark .ag-column-panel-column-select,\n.ag-theme-material-auto-dark .ag-column-panel-column-select {\n  border-top: solid 1px;\n  border-top-color: var(--ag-border-color);\n}\n.ag-theme-material .ag-column-select,\n.ag-theme-material .ag-column-select-header,\n.ag-theme-material-dark .ag-column-select,\n.ag-theme-material-dark .ag-column-select-header,\n.ag-theme-material-auto-dark .ag-column-select,\n.ag-theme-material-auto-dark .ag-column-select-header {\n  border-bottom: solid 1px;\n  border-bottom-color: var(--ag-border-color);\n}\n.ag-theme-material .ag-column-select-header,\n.ag-theme-material-dark .ag-column-select-header,\n.ag-theme-material-auto-dark .ag-column-select-header {\n  height: var(--ag-header-height);\n}\n.ag-theme-material .ag-group-title-bar,\n.ag-theme-material-dark .ag-group-title-bar,\n.ag-theme-material-auto-dark .ag-group-title-bar {\n  padding: calc(var(--ag-grid-size) * 0.75) var(--ag-grid-size);\n}\n.ag-theme-material .ag-charts-format-sub-level-group-title-bar,\n.ag-theme-material-dark .ag-charts-format-sub-level-group-title-bar,\n.ag-theme-material-auto-dark .ag-charts-format-sub-level-group-title-bar {\n  padding: calc(var(--ag-grid-size) * 0.5) var(--ag-grid-size);\n}\n.ag-theme-material .ag-chart-data-section,\n.ag-theme-material .ag-chart-format-section,\n.ag-theme-material .ag-chart-advanced-settings-section,\n.ag-theme-material-dark .ag-chart-data-section,\n.ag-theme-material-dark .ag-chart-format-section,\n.ag-theme-material-dark .ag-chart-advanced-settings-section,\n.ag-theme-material-auto-dark .ag-chart-data-section,\n.ag-theme-material-auto-dark .ag-chart-format-section,\n.ag-theme-material-auto-dark .ag-chart-advanced-settings-section {\n  padding-bottom: calc(var(--ag-grid-size) * 0.5);\n}\n.ag-theme-material input[class^=ag-]:not([type]),\n.ag-theme-material input[class^=ag-][type=text],\n.ag-theme-material input[class^=ag-][type=number],\n.ag-theme-material input[class^=ag-][type=tel],\n.ag-theme-material input[class^=ag-][type=date],\n.ag-theme-material input[class^=ag-][type=datetime-local],\n.ag-theme-material textarea[class^=ag-],\n.ag-theme-material-dark input[class^=ag-]:not([type]),\n.ag-theme-material-dark input[class^=ag-][type=text],\n.ag-theme-material-dark input[class^=ag-][type=number],\n.ag-theme-material-dark input[class^=ag-][type=tel],\n.ag-theme-material-dark input[class^=ag-][type=date],\n.ag-theme-material-dark input[class^=ag-][type=datetime-local],\n.ag-theme-material-dark textarea[class^=ag-],\n.ag-theme-material-auto-dark input[class^=ag-]:not([type]),\n.ag-theme-material-auto-dark input[class^=ag-][type=text],\n.ag-theme-material-auto-dark input[class^=ag-][type=number],\n.ag-theme-material-auto-dark input[class^=ag-][type=tel],\n.ag-theme-material-auto-dark input[class^=ag-][type=date],\n.ag-theme-material-auto-dark input[class^=ag-][type=datetime-local],\n.ag-theme-material-auto-dark textarea[class^=ag-] {\n  background: transparent;\n  color: var(--ag-foreground-color);\n  font-family: inherit;\n  font-size: inherit;\n  padding-bottom: var(--ag-grid-size);\n  border-width: 0;\n  border-radius: 0;\n  border-bottom: 2px solid;\n  border-bottom-color: var(--ag-border-color);\n}\n.ag-theme-material input[class^=ag-]:not([type]):not(textarea),\n.ag-theme-material input[class^=ag-][type=text]:not(textarea),\n.ag-theme-material input[class^=ag-][type=number]:not(textarea),\n.ag-theme-material input[class^=ag-][type=tel]:not(textarea),\n.ag-theme-material input[class^=ag-][type=date]:not(textarea),\n.ag-theme-material input[class^=ag-][type=datetime-local]:not(textarea),\n.ag-theme-material textarea[class^=ag-]:not(textarea),\n.ag-theme-material-dark input[class^=ag-]:not([type]):not(textarea),\n.ag-theme-material-dark input[class^=ag-][type=text]:not(textarea),\n.ag-theme-material-dark input[class^=ag-][type=number]:not(textarea),\n.ag-theme-material-dark input[class^=ag-][type=tel]:not(textarea),\n.ag-theme-material-dark input[class^=ag-][type=date]:not(textarea),\n.ag-theme-material-dark input[class^=ag-][type=datetime-local]:not(textarea),\n.ag-theme-material-dark textarea[class^=ag-]:not(textarea),\n.ag-theme-material-auto-dark input[class^=ag-]:not([type]):not(textarea),\n.ag-theme-material-auto-dark input[class^=ag-][type=text]:not(textarea),\n.ag-theme-material-auto-dark input[class^=ag-][type=number]:not(textarea),\n.ag-theme-material-auto-dark input[class^=ag-][type=tel]:not(textarea),\n.ag-theme-material-auto-dark input[class^=ag-][type=date]:not(textarea),\n.ag-theme-material-auto-dark input[class^=ag-][type=datetime-local]:not(textarea),\n.ag-theme-material-auto-dark textarea[class^=ag-]:not(textarea) {\n  height: calc(var(--ag-grid-size) * 5);\n}\n.ag-theme-material input[class^=ag-]:not([type]):focus,\n.ag-theme-material input[class^=ag-][type=text]:focus,\n.ag-theme-material input[class^=ag-][type=number]:focus,\n.ag-theme-material input[class^=ag-][type=tel]:focus,\n.ag-theme-material input[class^=ag-][type=date]:focus,\n.ag-theme-material input[class^=ag-][type=datetime-local]:focus,\n.ag-theme-material textarea[class^=ag-]:focus,\n.ag-theme-material-dark input[class^=ag-]:not([type]):focus,\n.ag-theme-material-dark input[class^=ag-][type=text]:focus,\n.ag-theme-material-dark input[class^=ag-][type=number]:focus,\n.ag-theme-material-dark input[class^=ag-][type=tel]:focus,\n.ag-theme-material-dark input[class^=ag-][type=date]:focus,\n.ag-theme-material-dark input[class^=ag-][type=datetime-local]:focus,\n.ag-theme-material-dark textarea[class^=ag-]:focus,\n.ag-theme-material-auto-dark input[class^=ag-]:not([type]):focus,\n.ag-theme-material-auto-dark input[class^=ag-][type=text]:focus,\n.ag-theme-material-auto-dark input[class^=ag-][type=number]:focus,\n.ag-theme-material-auto-dark input[class^=ag-][type=tel]:focus,\n.ag-theme-material-auto-dark input[class^=ag-][type=date]:focus,\n.ag-theme-material-auto-dark input[class^=ag-][type=datetime-local]:focus,\n.ag-theme-material-auto-dark textarea[class^=ag-]:focus {\n  border-bottom: 2px solid;\n  border-bottom-color: var(--ag-material-primary-color);\n  outline: none;\n  box-shadow: none;\n}\n.ag-theme-material input[class^=ag-]:not([type])::-moz-placeholder, .ag-theme-material input[class^=ag-][type=text]::-moz-placeholder, .ag-theme-material input[class^=ag-][type=number]::-moz-placeholder, .ag-theme-material input[class^=ag-][type=tel]::-moz-placeholder, .ag-theme-material input[class^=ag-][type=date]::-moz-placeholder, .ag-theme-material input[class^=ag-][type=datetime-local]::-moz-placeholder, .ag-theme-material textarea[class^=ag-]::-moz-placeholder, .ag-theme-material-dark input[class^=ag-]:not([type])::-moz-placeholder, .ag-theme-material-dark input[class^=ag-][type=text]::-moz-placeholder, .ag-theme-material-dark input[class^=ag-][type=number]::-moz-placeholder, .ag-theme-material-dark input[class^=ag-][type=tel]::-moz-placeholder, .ag-theme-material-dark input[class^=ag-][type=date]::-moz-placeholder, .ag-theme-material-dark input[class^=ag-][type=datetime-local]::-moz-placeholder, .ag-theme-material-dark textarea[class^=ag-]::-moz-placeholder, .ag-theme-material-auto-dark input[class^=ag-]:not([type])::-moz-placeholder, .ag-theme-material-auto-dark input[class^=ag-][type=text]::-moz-placeholder, .ag-theme-material-auto-dark input[class^=ag-][type=number]::-moz-placeholder, .ag-theme-material-auto-dark input[class^=ag-][type=tel]::-moz-placeholder, .ag-theme-material-auto-dark input[class^=ag-][type=date]::-moz-placeholder, .ag-theme-material-auto-dark input[class^=ag-][type=datetime-local]::-moz-placeholder, .ag-theme-material-auto-dark textarea[class^=ag-]::-moz-placeholder {\n  color: var(--ag-disabled-foreground-color);\n}\n.ag-theme-material input[class^=ag-]:not([type])::placeholder,\n.ag-theme-material input[class^=ag-][type=text]::placeholder,\n.ag-theme-material input[class^=ag-][type=number]::placeholder,\n.ag-theme-material input[class^=ag-][type=tel]::placeholder,\n.ag-theme-material input[class^=ag-][type=date]::placeholder,\n.ag-theme-material input[class^=ag-][type=datetime-local]::placeholder,\n.ag-theme-material textarea[class^=ag-]::placeholder,\n.ag-theme-material-dark input[class^=ag-]:not([type])::placeholder,\n.ag-theme-material-dark input[class^=ag-][type=text]::placeholder,\n.ag-theme-material-dark input[class^=ag-][type=number]::placeholder,\n.ag-theme-material-dark input[class^=ag-][type=tel]::placeholder,\n.ag-theme-material-dark input[class^=ag-][type=date]::placeholder,\n.ag-theme-material-dark input[class^=ag-][type=datetime-local]::placeholder,\n.ag-theme-material-dark textarea[class^=ag-]::placeholder,\n.ag-theme-material-auto-dark input[class^=ag-]:not([type])::placeholder,\n.ag-theme-material-auto-dark input[class^=ag-][type=text]::placeholder,\n.ag-theme-material-auto-dark input[class^=ag-][type=number]::placeholder,\n.ag-theme-material-auto-dark input[class^=ag-][type=tel]::placeholder,\n.ag-theme-material-auto-dark input[class^=ag-][type=date]::placeholder,\n.ag-theme-material-auto-dark input[class^=ag-][type=datetime-local]::placeholder,\n.ag-theme-material-auto-dark textarea[class^=ag-]::placeholder {\n  color: var(--ag-disabled-foreground-color);\n}\n.ag-theme-material input[class^=ag-]:not([type]):disabled,\n.ag-theme-material input[class^=ag-][type=text]:disabled,\n.ag-theme-material input[class^=ag-][type=number]:disabled,\n.ag-theme-material input[class^=ag-][type=tel]:disabled,\n.ag-theme-material input[class^=ag-][type=date]:disabled,\n.ag-theme-material input[class^=ag-][type=datetime-local]:disabled,\n.ag-theme-material textarea[class^=ag-]:disabled,\n.ag-theme-material-dark input[class^=ag-]:not([type]):disabled,\n.ag-theme-material-dark input[class^=ag-][type=text]:disabled,\n.ag-theme-material-dark input[class^=ag-][type=number]:disabled,\n.ag-theme-material-dark input[class^=ag-][type=tel]:disabled,\n.ag-theme-material-dark input[class^=ag-][type=date]:disabled,\n.ag-theme-material-dark input[class^=ag-][type=datetime-local]:disabled,\n.ag-theme-material-dark textarea[class^=ag-]:disabled,\n.ag-theme-material-auto-dark input[class^=ag-]:not([type]):disabled,\n.ag-theme-material-auto-dark input[class^=ag-][type=text]:disabled,\n.ag-theme-material-auto-dark input[class^=ag-][type=number]:disabled,\n.ag-theme-material-auto-dark input[class^=ag-][type=tel]:disabled,\n.ag-theme-material-auto-dark input[class^=ag-][type=date]:disabled,\n.ag-theme-material-auto-dark input[class^=ag-][type=datetime-local]:disabled,\n.ag-theme-material-auto-dark textarea[class^=ag-]:disabled {\n  border-bottom: 1px solid;\n  border-bottom-color: var(--ag-border-color);\n}\n.ag-theme-material input[class^=ag-]:not([type]):invalid,\n.ag-theme-material input[class^=ag-][type=text]:invalid,\n.ag-theme-material input[class^=ag-][type=number]:invalid,\n.ag-theme-material input[class^=ag-][type=tel]:invalid,\n.ag-theme-material input[class^=ag-][type=date]:invalid,\n.ag-theme-material input[class^=ag-][type=datetime-local]:invalid,\n.ag-theme-material textarea[class^=ag-]:invalid,\n.ag-theme-material-dark input[class^=ag-]:not([type]):invalid,\n.ag-theme-material-dark input[class^=ag-][type=text]:invalid,\n.ag-theme-material-dark input[class^=ag-][type=number]:invalid,\n.ag-theme-material-dark input[class^=ag-][type=tel]:invalid,\n.ag-theme-material-dark input[class^=ag-][type=date]:invalid,\n.ag-theme-material-dark input[class^=ag-][type=datetime-local]:invalid,\n.ag-theme-material-dark textarea[class^=ag-]:invalid,\n.ag-theme-material-auto-dark input[class^=ag-]:not([type]):invalid,\n.ag-theme-material-auto-dark input[class^=ag-][type=text]:invalid,\n.ag-theme-material-auto-dark input[class^=ag-][type=number]:invalid,\n.ag-theme-material-auto-dark input[class^=ag-][type=tel]:invalid,\n.ag-theme-material-auto-dark input[class^=ag-][type=date]:invalid,\n.ag-theme-material-auto-dark input[class^=ag-][type=datetime-local]:invalid,\n.ag-theme-material-auto-dark textarea[class^=ag-]:invalid {\n  border-width: 0;\n  border-bottom: 1px solid;\n  border-bottom-color: var(--ag-invalid-color);\n  color: var(--ag-invalid-color);\n}\n.ag-theme-material .ag-standard-button,\n.ag-theme-material-dark .ag-standard-button,\n.ag-theme-material-auto-dark .ag-standard-button {\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  background-color: transparent;\n  border: 0;\n  color: var(--ag-material-primary-color);\n  font-family: inherit;\n  font-size: inherit;\n  margin: 0;\n  padding: 0;\n  text-transform: uppercase;\n}\n.ag-theme-material .ag-standard-button:disabled,\n.ag-theme-material-dark .ag-standard-button:disabled,\n.ag-theme-material-auto-dark .ag-standard-button:disabled {\n  color: var(--ag-disabled-foreground-color);\n  background-color: var(--ag-input-disabled-background-color);\n  border-color: var(--ag-input-disabled-border-color);\n}\n.ag-theme-material.ag-dnd-ghost,\n.ag-theme-material-dark.ag-dnd-ghost,\n.ag-theme-material-auto-dark.ag-dnd-ghost {\n  font-size: calc(var(--ag-font-size) - 1px);\n  font-weight: 600;\n}\n.ag-theme-material .ag-filter-toolpanel-header,\n.ag-theme-material-dark .ag-filter-toolpanel-header,\n.ag-theme-material-auto-dark .ag-filter-toolpanel-header {\n  height: calc(var(--ag-grid-size) * 4);\n}\n.ag-theme-material .ag-filter-toolpanel-group-level-0-header,\n.ag-theme-material-dark .ag-filter-toolpanel-group-level-0-header,\n.ag-theme-material-auto-dark .ag-filter-toolpanel-group-level-0-header {\n  height: calc(var(--ag-grid-size) * 7);\n}\n.ag-theme-material .ag-filter-card-title,\n.ag-theme-material-dark .ag-filter-card-title,\n.ag-theme-material-auto-dark .ag-filter-card-title {\n  font-size: calc(var(--ag-font-size) - 1px);\n  font-weight: 600;\n}\n.ag-theme-material .ag-filter-panel .ag-standard-button,\n.ag-theme-material-dark .ag-filter-panel .ag-standard-button,\n.ag-theme-material-auto-dark .ag-filter-panel .ag-standard-button {\n  padding: var(--ag-grid-size);\n}\n.ag-theme-material .ag-filter-add-button,\n.ag-theme-material-dark .ag-filter-add-button,\n.ag-theme-material-auto-dark .ag-filter-add-button {\n  border-bottom: 2px solid var(--ag-material-primary-color);\n}\n.ag-theme-material .ag-filter-add-button .ag-icon,\n.ag-theme-material-dark .ag-filter-add-button .ag-icon,\n.ag-theme-material-auto-dark .ag-filter-add-button .ag-icon {\n  color: var(--ag-material-active-color);\n}\n.ag-theme-material .ag-ltr .ag-filter-apply-panel-button, .ag-theme-material .ag-ltr .ag-advanced-filter-apply-button, .ag-theme-material .ag-ltr .ag-advanced-filter-builder-button, .ag-theme-material-dark .ag-ltr .ag-filter-apply-panel-button, .ag-theme-material-dark .ag-ltr .ag-advanced-filter-apply-button, .ag-theme-material-dark .ag-ltr .ag-advanced-filter-builder-button, .ag-theme-material-auto-dark .ag-ltr .ag-filter-apply-panel-button, .ag-theme-material-auto-dark .ag-ltr .ag-advanced-filter-apply-button, .ag-theme-material-auto-dark .ag-ltr .ag-advanced-filter-builder-button {\n  margin-left: var(--ag-grid-size);\n}\n\n.ag-theme-material .ag-rtl .ag-filter-apply-panel-button, .ag-theme-material .ag-rtl .ag-advanced-filter-apply-button, .ag-theme-material .ag-rtl .ag-advanced-filter-builder-button, .ag-theme-material-dark .ag-rtl .ag-filter-apply-panel-button, .ag-theme-material-dark .ag-rtl .ag-advanced-filter-apply-button, .ag-theme-material-dark .ag-rtl .ag-advanced-filter-builder-button, .ag-theme-material-auto-dark .ag-rtl .ag-filter-apply-panel-button, .ag-theme-material-auto-dark .ag-rtl .ag-advanced-filter-apply-button, .ag-theme-material-auto-dark .ag-rtl .ag-advanced-filter-builder-button {\n  margin-right: var(--ag-grid-size);\n}\n\n.ag-theme-material .ag-layout-auto-height .ag-center-cols-viewport,\n.ag-theme-material .ag-layout-auto-height .ag-center-cols-container,\n.ag-theme-material .ag-layout-print .ag-center-cols-viewport,\n.ag-theme-material .ag-layout-print .ag-center-cols-container,\n.ag-theme-material-dark .ag-layout-auto-height .ag-center-cols-viewport,\n.ag-theme-material-dark .ag-layout-auto-height .ag-center-cols-container,\n.ag-theme-material-dark .ag-layout-print .ag-center-cols-viewport,\n.ag-theme-material-dark .ag-layout-print .ag-center-cols-container,\n.ag-theme-material-auto-dark .ag-layout-auto-height .ag-center-cols-viewport,\n.ag-theme-material-auto-dark .ag-layout-auto-height .ag-center-cols-container,\n.ag-theme-material-auto-dark .ag-layout-print .ag-center-cols-viewport,\n.ag-theme-material-auto-dark .ag-layout-print .ag-center-cols-container {\n  min-height: 150px;\n}\n.ag-theme-material .ag-picker-field-wrapper:focus-within,\n.ag-theme-material-dark .ag-picker-field-wrapper:focus-within,\n.ag-theme-material-auto-dark .ag-picker-field-wrapper:focus-within {\n  box-shadow: 0 0 0 1px var(--ag-material-primary-color);\n}\n.ag-theme-material .ag-rich-select-list,\n.ag-theme-material-dark .ag-rich-select-list,\n.ag-theme-material-auto-dark .ag-rich-select-list {\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;\n}\n.ag-theme-material .ag-advanced-filter-builder-button-label,\n.ag-theme-material-dark .ag-advanced-filter-builder-button-label,\n.ag-theme-material-auto-dark .ag-advanced-filter-builder-button-label {\n  text-transform: uppercase;\n}\n.ag-theme-material .ag-filter-active .ag-icon-filter,\n.ag-theme-material-dark .ag-filter-active .ag-icon-filter,\n.ag-theme-material-auto-dark .ag-filter-active .ag-icon-filter {\n  color: var(--ag-material-accent-color);\n}\n.ag-theme-material .ag-list-item-hovered::after,\n.ag-theme-material-dark .ag-list-item-hovered::after,\n.ag-theme-material-auto-dark .ag-list-item-hovered::after {\n  background-color: var(--ag-material-primary-color);\n}\n.ag-theme-material .ag-pill .ag-pill-button:hover,\n.ag-theme-material-dark .ag-pill .ag-pill-button:hover,\n.ag-theme-material-auto-dark .ag-pill .ag-pill-button:hover {\n  color: var(--ag-material-primary-color);\n}\n.ag-theme-material .ag-header-highlight-before::after,\n.ag-theme-material .ag-header-highlight-after::after,\n.ag-theme-material-dark .ag-header-highlight-before::after,\n.ag-theme-material-dark .ag-header-highlight-after::after,\n.ag-theme-material-auto-dark .ag-header-highlight-before::after,\n.ag-theme-material-auto-dark .ag-header-highlight-after::after {\n  background-color: var(--ag-material-primary-color);\n}\n.ag-theme-material .ag-advanced-filter-builder-item-button-disabled .ag-icon,\n.ag-theme-material .ag-disabled .ag-icon,\n.ag-theme-material .ag-column-select-column-group-readonly .ag-icon,\n.ag-theme-material [disabled] .ag-icon,\n.ag-theme-material-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,\n.ag-theme-material-dark .ag-disabled .ag-icon,\n.ag-theme-material-dark .ag-column-select-column-group-readonly .ag-icon,\n.ag-theme-material-dark [disabled] .ag-icon,\n.ag-theme-material-auto-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,\n.ag-theme-material-auto-dark .ag-disabled .ag-icon,\n.ag-theme-material-auto-dark .ag-column-select-column-group-readonly .ag-icon,\n.ag-theme-material-auto-dark [disabled] .ag-icon {\n  color: var(--ag-disabled-foreground-color);\n}\n',""]),t.A=c},7899:function(e,t,a){var o=a(36758),n=a.n(o),r=a(40935),i=a.n(r),l=a(20062),s=a.n(l),d=new URL(a(47249),a.b),c=i()(n()),g=s()(d);c.push([e.id,'.ag-theme-quartz,\n.ag-theme-quartz-dark,\n.ag-theme-quartz-auto-dark {\n  --ag-active-color: #2196f3;\n  --ag-background-color: #fff;\n  --ag-foreground-color: #181d1f;\n  --ag-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 15%);\n  --ag-secondary-border-color: var(--ag-border-color);\n  --ag-header-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 2%);\n  --ag-tooltip-background-color: var(--ag-header-background-color);\n  --ag-control-panel-background-color: var(--ag-header-background-color);\n  --ag-subheader-background-color: transparent;\n  --ag-invalid-color: #e02525;\n  --ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 30%);\n  --ag-advanced-filter-join-pill-color: #f08e8d;\n  --ag-advanced-filter-column-pill-color: #a6e194;\n  --ag-advanced-filter-option-pill-color: #f3c08b;\n  --ag-advanced-filter-value-pill-color: #85c0e4;\n  --ag-header-column-resize-handle-color: var(--ag-secondary-border-color);\n  --ag-icon-font-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 90%);\n  --ag-find-match-color: var(--ag-foreground-color);\n  --ag-find-match-background-color: #ffff00;\n  --ag-find-active-match-color: var(--ag-foreground-color);\n  --ag-find-active-match-background-color: #ffa500;\n  --ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 3%);\n  --ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 20%);\n  --ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 3%);\n  --ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 20%);\n  --ag-selected-row-background-color: color-mix(in srgb, transparent, var(--ag-active-color) 8%);\n  --ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 12%);\n  --ag-column-hover-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 5%);\n  --ag-input-focus-border-color: var(--ag-active-color);\n  --ag-range-selection-background-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%);\n  --ag-input-focus-box-shadow: 0 0 0 3px color-mix(in srgb, transparent, var(--ag-input-focus-border-color) 47%);\n  --ag-input-error-focus-box-shadow: 0 0 0 3px\n      color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 50%);\n  --ag-range-selection-background-color-2: color-mix(in srgb, transparent, var(--ag-active-color) 36%);\n  --ag-range-selection-background-color-3: color-mix(in srgb, transparent, var(--ag-active-color) 49%);\n  --ag-range-selection-background-color-4: color-mix(in srgb, transparent, var(--ag-active-color) 59%);\n  --ag-row-numbers-selected-color: color-mix(in srgb, transparent, var(--ag-active-color) 50%);\n  --ag-checkbox-background-color: var(--ag-background-color);\n  --ag-checkbox-checked-color: var(--ag-active-color);\n  --ag-range-selection-border-color: var(--ag-active-color);\n  --ag-secondary-foreground-color: var(--ag-foreground-color);\n  --ag-input-border-color: var(--ag-border-color);\n  --ag-input-border-color-invalid: var(--ag-invalid-color);\n  --ag-disabled-foreground-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 50%);\n  --ag-chip-background-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 7%);\n  --ag-chip-border-color: color-mix(in srgb, var(--ag-header-background-color), var(--ag-foreground-color) 13%);\n  --ag-input-disabled-border-color: var(--ag-border-color);\n  --ag-input-disabled-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 6%);\n  --ag-modal-overlay-background-color: color-mix(in srgb, transparent, var(--ag-background-color) 66%);\n  --ag-chart-menu-label-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 80%);\n  --ag-chart-menu-pill-select-button-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 70%);\n  --ag-filter-panel-card-subtle-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 70%);\n  --ag-borders: solid 1px;\n  --ag-border-radius: 4px;\n  --ag-wrapper-border-radius: 8px;\n  --ag-borders-side-button: none;\n  --ag-side-button-selected-background-color: transparent;\n  --ag-header-column-resize-handle-display: block;\n  --ag-header-column-resize-handle-width: 2px;\n  --ag-header-column-resize-handle-height: 30%;\n  --ag-grid-size: 8px;\n  --ag-icon-size: 16px;\n  --ag-header-height: calc(var(--ag-font-size) + var(--ag-grid-size) * 4.25);\n  --ag-row-height: calc(var(--ag-font-size) + var(--ag-grid-size) * 3.5);\n  --ag-list-item-height: calc(\n      var(--ag-icon-size) + var(--ag-widget-vertical-spacing)\n  );\n  --ag-column-select-indent-size: var(--ag-icon-size);\n  --ag-set-filter-indent-size: var(--ag-icon-size);\n  --ag-filter-tool-panel-group-indent: var(--ag-grid-size);\n  --ag-advanced-filter-builder-indent-size: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);\n  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 2);\n  --ag-cell-widget-spacing: calc(var(--ag-grid-size) * 1.5);\n  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 1.5);\n  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5);\n  --ag-widget-horizontal-spacing: calc(var(--ag-grid-size) * 1.5);\n  --ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1);\n  --ag-toggle-button-height: 18px;\n  --ag-toggle-button-width: 28px;\n  --ag-toggle-button-border-width: 2px;\n  --ag-font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu,\n      Cantarell, "Helvetica Neue", sans-serif;\n  --ag-font-size: 14px;\n  --ag-icon-font-family: agGridQuartz;\n  --ag-tab-min-width: 290px;\n  --ag-chart-menu-panel-width: 260px;\n  --ag-card-shadow: 0 1px 4px 1px rgba(186, 191, 199, 0.4);\n  --ag-popup-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.15);\n  --ag-side-bar-panel-width: 250px;\n  --ag-filter-panel-apply-button-color: var(--ag-background-color);\n  --ag-filter-panel-apply-button-background-color: var(--ag-active-color);\n}\n\n.ag-theme-quartz-dark {\n  --ag-background-color: rgb(31, 41, 54);\n  --ag-foreground-color: #fff;\n  --ag-border-color: rgba(255, 255, 255, 0.16);\n  --ag-secondary-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);\n  --ag-header-background-color: rgb(40, 49, 62);\n  --ag-tooltip-background-color: rgb(33, 43, 56);\n  --ag-control-panel-background-color: rgb(40, 49, 62);\n  --ag-input-disabled-background-color: rgba(104,104,110,0.07059);\n  --ag-card-shadow: 0 1px 20px 1px black;\n  --ag-input-border-color: var(--ag-border-color);\n  --ag-input-disabled-border-color: rgba(255, 255, 255, 0.07);\n  --ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 40%);\n  --ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%);\n  --ag-selected-row-background-color: var(--ag-row-hover-color);\n  --ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);\n  --ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);\n  --ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);\n  --ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);\n  --ag-advanced-filter-join-pill-color: #7a3a37;\n  --ag-advanced-filter-column-pill-color: #355f2d;\n  --ag-advanced-filter-option-pill-color: #5a3168;\n  --ag-advanced-filter-value-pill-color: #374c86;\n  --ag-find-match-color: var(--ag-background-color);\n  --ag-find-active-match-color: var(--ag-background-color);\n  --ag-filter-panel-apply-button-color: var(--ag-foreground-color);\n  --ag-popup-shadow: 0 0px 20px rgba(0, 0, 0, 0.3);\n  --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);\n  --ag-cell-batch-edit-text-color: #f3d0b3;\n  --csstools-color-scheme--dark: initial;\n  color-scheme: dark;\n}\n\n@media (prefers-color-scheme: dark) {\n  .ag-theme-quartz-auto-dark {\n    --ag-background-color: rgb(31, 41, 54);\n    --ag-foreground-color: #fff;\n    --ag-border-color: rgba(255, 255, 255, 0.16);\n    --ag-secondary-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);\n    --ag-header-background-color: rgb(40, 49, 62);\n    --ag-tooltip-background-color: rgb(33, 43, 56);\n    --ag-control-panel-background-color: rgb(40, 49, 62);\n    --ag-input-disabled-background-color: rgba(104,104,110,0.07059);\n    --ag-card-shadow: 0 1px 20px 1px black;\n    --ag-input-border-color: var(--ag-border-color);\n    --ag-input-disabled-border-color: rgba(255, 255, 255, 0.07);\n    --ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 40%);\n    --ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%);\n    --ag-selected-row-background-color: var(--ag-row-hover-color);\n    --ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);\n    --ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);\n    --ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);\n    --ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);\n    --ag-advanced-filter-join-pill-color: #7a3a37;\n    --ag-advanced-filter-column-pill-color: #355f2d;\n    --ag-advanced-filter-option-pill-color: #5a3168;\n    --ag-advanced-filter-value-pill-color: #374c86;\n    --ag-find-match-color: var(--ag-background-color);\n    --ag-find-active-match-color: var(--ag-background-color);\n    --ag-filter-panel-apply-button-color: var(--ag-foreground-color);\n    --ag-popup-shadow: 0 0px 20px rgba(0, 0, 0, 0.3);\n    --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);\n    --ag-cell-batch-edit-text-color: #f3d0b3;\n    --csstools-color-scheme--dark: initial;\n    color-scheme: dark;\n  }\n}\n.ag-theme-quartz .ag-filter-toolpanel-header,\n.ag-theme-quartz .ag-filter-toolpanel-search,\n.ag-theme-quartz .ag-status-bar,\n.ag-theme-quartz .ag-header-row,\n.ag-theme-quartz .ag-row-number-cell,\n.ag-theme-quartz .ag-panel-title-bar-title,\n.ag-theme-quartz .ag-multi-filter-group-title-bar,\n.ag-theme-quartz .ag-filter-card-title,\n.ag-theme-quartz-dark .ag-filter-toolpanel-header,\n.ag-theme-quartz-dark .ag-filter-toolpanel-search,\n.ag-theme-quartz-dark .ag-status-bar,\n.ag-theme-quartz-dark .ag-header-row,\n.ag-theme-quartz-dark .ag-row-number-cell,\n.ag-theme-quartz-dark .ag-panel-title-bar-title,\n.ag-theme-quartz-dark .ag-multi-filter-group-title-bar,\n.ag-theme-quartz-dark .ag-filter-card-title,\n.ag-theme-quartz-auto-dark .ag-filter-toolpanel-header,\n.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search,\n.ag-theme-quartz-auto-dark .ag-status-bar,\n.ag-theme-quartz-auto-dark .ag-header-row,\n.ag-theme-quartz-auto-dark .ag-row-number-cell,\n.ag-theme-quartz-auto-dark .ag-panel-title-bar-title,\n.ag-theme-quartz-auto-dark .ag-multi-filter-group-title-bar,\n.ag-theme-quartz-auto-dark .ag-filter-card-title {\n  font-weight: 500;\n  color: var(--ag-header-foreground-color);\n}\n.ag-theme-quartz input[class^=ag-]:not([type]),\n.ag-theme-quartz input[class^=ag-][type=text],\n.ag-theme-quartz input[class^=ag-][type=number],\n.ag-theme-quartz input[class^=ag-][type=tel],\n.ag-theme-quartz input[class^=ag-][type=date],\n.ag-theme-quartz input[class^=ag-][type=datetime-local],\n.ag-theme-quartz textarea[class^=ag-],\n.ag-theme-quartz-dark input[class^=ag-]:not([type]),\n.ag-theme-quartz-dark input[class^=ag-][type=text],\n.ag-theme-quartz-dark input[class^=ag-][type=number],\n.ag-theme-quartz-dark input[class^=ag-][type=tel],\n.ag-theme-quartz-dark input[class^=ag-][type=date],\n.ag-theme-quartz-dark input[class^=ag-][type=datetime-local],\n.ag-theme-quartz-dark textarea[class^=ag-],\n.ag-theme-quartz-auto-dark input[class^=ag-]:not([type]),\n.ag-theme-quartz-auto-dark input[class^=ag-][type=text],\n.ag-theme-quartz-auto-dark input[class^=ag-][type=number],\n.ag-theme-quartz-auto-dark input[class^=ag-][type=tel],\n.ag-theme-quartz-auto-dark input[class^=ag-][type=date],\n.ag-theme-quartz-auto-dark input[class^=ag-][type=datetime-local],\n.ag-theme-quartz-auto-dark textarea[class^=ag-] {\n  min-height: calc(var(--ag-grid-size) * 4);\n  border-radius: var(--ag-border-radius);\n}\n.ag-theme-quartz .ag-ltr input[class^=ag-]:not([type]), .ag-theme-quartz .ag-ltr input[class^=ag-][type=text], .ag-theme-quartz .ag-ltr input[class^=ag-][type=number], .ag-theme-quartz .ag-ltr input[class^=ag-][type=tel], .ag-theme-quartz .ag-ltr input[class^=ag-][type=date], .ag-theme-quartz .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-quartz .ag-ltr textarea[class^=ag-], .ag-theme-quartz-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-quartz-dark .ag-ltr textarea[class^=ag-], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-quartz-auto-dark .ag-ltr textarea[class^=ag-] {\n  padding-left: var(--ag-grid-size);\n}\n\n.ag-theme-quartz .ag-rtl input[class^=ag-]:not([type]), .ag-theme-quartz .ag-rtl input[class^=ag-][type=text], .ag-theme-quartz .ag-rtl input[class^=ag-][type=number], .ag-theme-quartz .ag-rtl input[class^=ag-][type=tel], .ag-theme-quartz .ag-rtl input[class^=ag-][type=date], .ag-theme-quartz .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-quartz .ag-rtl textarea[class^=ag-], .ag-theme-quartz-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-quartz-dark .ag-rtl textarea[class^=ag-], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-quartz-auto-dark .ag-rtl textarea[class^=ag-] {\n  padding-right: var(--ag-grid-size);\n}\n\n.ag-theme-quartz .ag-picker-field-wrapper,\n.ag-theme-quartz-dark .ag-picker-field-wrapper,\n.ag-theme-quartz-auto-dark .ag-picker-field-wrapper {\n  min-height: calc(var(--ag-grid-size) * 4);\n}\n.ag-theme-quartz .ag-tab,\n.ag-theme-quartz-dark .ag-tab,\n.ag-theme-quartz-auto-dark .ag-tab {\n  padding: var(--ag-grid-size);\n  border-left: var(--ag-borders) transparent;\n  border-right: var(--ag-borders) transparent;\n  flex: 1 1 auto;\n}\n.ag-theme-quartz .ag-tab-selected,\n.ag-theme-quartz-dark .ag-tab-selected,\n.ag-theme-quartz-auto-dark .ag-tab-selected {\n  background-color: var(--ag-background-color);\n}\n.ag-theme-quartz .ag-ltr .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-dark .ag-ltr .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-auto-dark .ag-ltr .ag-tab-selected:not(:first-of-type) {\n  border-left-color: var(--ag-border-color);\n}\n\n.ag-theme-quartz .ag-rtl .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-dark .ag-rtl .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-auto-dark .ag-rtl .ag-tab-selected:not(:first-of-type) {\n  border-right-color: var(--ag-border-color);\n}\n\n.ag-theme-quartz .ag-ltr .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-dark .ag-ltr .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-auto-dark .ag-ltr .ag-tab-selected:not(:last-of-type) {\n  border-right-color: var(--ag-border-color);\n}\n\n.ag-theme-quartz .ag-rtl .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-dark .ag-rtl .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-auto-dark .ag-rtl .ag-tab-selected:not(:last-of-type) {\n  border-left-color: var(--ag-border-color);\n}\n\n.ag-theme-quartz .ag-tab:not(.ag-tab-selected),\n.ag-theme-quartz-dark .ag-tab:not(.ag-tab-selected),\n.ag-theme-quartz-auto-dark .ag-tab:not(.ag-tab-selected) {\n  opacity: 0.7;\n}\n.ag-theme-quartz .ag-tab:not(.ag-tab-selected):hover,\n.ag-theme-quartz-dark .ag-tab:not(.ag-tab-selected):hover,\n.ag-theme-quartz-auto-dark .ag-tab:not(.ag-tab-selected):hover {\n  opacity: 1;\n}\n.ag-theme-quartz .ag-menu,\n.ag-theme-quartz-dark .ag-menu,\n.ag-theme-quartz-auto-dark .ag-menu {\n  color: color-mix(in srgb, transparent, var(--ag-foreground-color) 95%);\n}\n.ag-theme-quartz .ag-panel-content-wrapper .ag-column-select,\n.ag-theme-quartz-dark .ag-panel-content-wrapper .ag-column-select,\n.ag-theme-quartz-auto-dark .ag-panel-content-wrapper .ag-column-select {\n  background-color: var(--ag-control-panel-background-color);\n  color: color-mix(in srgb, transparent, var(--ag-foreground-color) 95%);\n}\n.ag-theme-quartz .ag-menu-header,\n.ag-theme-quartz-dark .ag-menu-header,\n.ag-theme-quartz-auto-dark .ag-menu-header {\n  background-color: var(--ag-control-panel-background-color);\n}\n.ag-theme-quartz .ag-menu-option,\n.ag-theme-quartz-dark .ag-menu-option,\n.ag-theme-quartz-auto-dark .ag-menu-option {\n  font-weight: 500;\n  cursor: pointer;\n}\n.ag-theme-quartz .ag-ltr .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-dark .ag-ltr .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-menu-option-popup-pointer .ag-icon {\n  text-align: right;\n}\n\n.ag-theme-quartz .ag-rtl .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-dark .ag-rtl .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-menu-option-popup-pointer .ag-icon {\n  text-align: left;\n}\n\n.ag-theme-quartz .ag-tabs-header,\n.ag-theme-quartz-dark .ag-tabs-header,\n.ag-theme-quartz-auto-dark .ag-tabs-header {\n  border-bottom: var(--ag-borders) var(--ag-border-color);\n  display: flex;\n  background-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 5%);\n}\n.ag-theme-quartz .ag-side-bar,\n.ag-theme-quartz-dark .ag-side-bar,\n.ag-theme-quartz-auto-dark .ag-side-bar {\n  background-color: var(--ag-control-panel-background-color);\n  min-width: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);\n}\n.ag-theme-quartz .ag-side-buttons,\n.ag-theme-quartz-dark .ag-side-buttons,\n.ag-theme-quartz-auto-dark .ag-side-buttons {\n  padding: 0;\n  align-self: stretch;\n  width: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);\n  background: var(--ag-control-panel-background-color);\n}\n.ag-theme-quartz .ag-side-button,\n.ag-theme-quartz-dark .ag-side-button,\n.ag-theme-quartz-auto-dark .ag-side-button {\n  border-top: var(--ag-borders) transparent;\n  border-bottom: var(--ag-borders) transparent;\n}\n@media (max-resolution: 1.5x) {\n  .ag-theme-quartz .ag-side-button-label,\n  .ag-theme-quartz-dark .ag-side-button-label,\n  .ag-theme-quartz-auto-dark .ag-side-button-label {\n    font-family: "Segoe UI", var(--ag-font-family);\n    transform: rotate(0.05deg);\n  }\n}\n.ag-theme-quartz .ag-side-button.ag-selected,\n.ag-theme-quartz-dark .ag-side-button.ag-selected,\n.ag-theme-quartz-auto-dark .ag-side-button.ag-selected {\n  border-bottom-color: var(--ag-border-color);\n  background-color: var(--ag-background-color);\n}\n.ag-theme-quartz .ag-side-button.ag-selected:not(:first-of-type),\n.ag-theme-quartz-dark .ag-side-button.ag-selected:not(:first-of-type),\n.ag-theme-quartz-auto-dark .ag-side-button.ag-selected:not(:first-of-type) {\n  border-top-color: var(--ag-border-color);\n}\n.ag-theme-quartz .ag-column-panel-column-select,\n.ag-theme-quartz-dark .ag-column-panel-column-select,\n.ag-theme-quartz-auto-dark .ag-column-panel-column-select {\n  border-top: none;\n  border-bottom: 1px solid var(--ag-secondary-border-color);\n}\n.ag-theme-quartz .ag-filter-toolpanel-search,\n.ag-theme-quartz-dark .ag-filter-toolpanel-search,\n.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search {\n  height: auto;\n  height: initial;\n  margin-top: var(--ag-widget-container-vertical-padding);\n}\n.ag-theme-quartz .ag-filter-toolpanel-search-input,\n.ag-theme-quartz-dark .ag-filter-toolpanel-search-input,\n.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search-input {\n  margin: 0;\n}\n.ag-theme-quartz .ag-filter-apply-panel,\n.ag-theme-quartz-dark .ag-filter-apply-panel,\n.ag-theme-quartz-auto-dark .ag-filter-apply-panel {\n  border: none;\n  padding-top: var(--ag-widget-vertical-spacing);\n}\n.ag-theme-quartz .ag-chart-tabbed-menu-body,\n.ag-theme-quartz-dark .ag-chart-tabbed-menu-body,\n.ag-theme-quartz-auto-dark .ag-chart-tabbed-menu-body {\n  position: relative;\n}\n.ag-theme-quartz .ag-chart-tabbed-menu-body::after,\n.ag-theme-quartz-dark .ag-chart-tabbed-menu-body::after,\n.ag-theme-quartz-auto-dark .ag-chart-tabbed-menu-body::after {\n  content: "";\n  position: absolute;\n  display: block;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 16px;\n  background: linear-gradient(var(--ag-control-panel-background-color), transparent);\n}\n.ag-theme-quartz .ag-charts-settings-group-title-bar,\n.ag-theme-quartz .ag-charts-data-group-title-bar,\n.ag-theme-quartz .ag-charts-format-top-level-group-title-bar,\n.ag-theme-quartz .ag-charts-advanced-settings-top-level-group-title-bar,\n.ag-theme-quartz .ag-charts-settings-group-container,\n.ag-theme-quartz-dark .ag-charts-settings-group-title-bar,\n.ag-theme-quartz-dark .ag-charts-data-group-title-bar,\n.ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar,\n.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-title-bar,\n.ag-theme-quartz-dark .ag-charts-settings-group-container,\n.ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar,\n.ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar,\n.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar,\n.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-title-bar,\n.ag-theme-quartz-auto-dark .ag-charts-settings-group-container {\n  border-top: none;\n  font-weight: 500;\n}\n.ag-theme-quartz .ag-chart-mini-thumbnail,\n.ag-theme-quartz-dark .ag-chart-mini-thumbnail,\n.ag-theme-quartz-auto-dark .ag-chart-mini-thumbnail {\n  background-color: var(--ag-background-color);\n  margin-top: 0;\n  margin-bottom: 0;\n}\n.ag-theme-quartz .ag-chart-settings-nav-bar,\n.ag-theme-quartz-dark .ag-chart-settings-nav-bar,\n.ag-theme-quartz-auto-dark .ag-chart-settings-nav-bar {\n  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);\n}\n.ag-theme-quartz .ag-charts-format-sub-level-group-title-bar,\n.ag-theme-quartz-dark .ag-charts-format-sub-level-group-title-bar,\n.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-title-bar {\n  background: none;\n  font-weight: 500;\n}\n.ag-theme-quartz .ag-chart-data-section .ag-label:not(.ag-group-title-bar),\n.ag-theme-quartz .ag-chart-format-section .ag-label:not(.ag-group-title-bar),\n.ag-theme-quartz-dark .ag-chart-data-section .ag-label:not(.ag-group-title-bar),\n.ag-theme-quartz-dark .ag-chart-format-section .ag-label:not(.ag-group-title-bar),\n.ag-theme-quartz-auto-dark .ag-chart-data-section .ag-label:not(.ag-group-title-bar),\n.ag-theme-quartz-auto-dark .ag-chart-format-section .ag-label:not(.ag-group-title-bar) {\n  color: var(--ag-chart-menu-label-color);\n}\n.ag-theme-quartz .ag-chart-data-section .ag-label-align-top .ag-label,\n.ag-theme-quartz .ag-chart-format-section .ag-label-align-top .ag-label,\n.ag-theme-quartz-dark .ag-chart-data-section .ag-label-align-top .ag-label,\n.ag-theme-quartz-dark .ag-chart-format-section .ag-label-align-top .ag-label,\n.ag-theme-quartz-auto-dark .ag-chart-data-section .ag-label-align-top .ag-label,\n.ag-theme-quartz-auto-dark .ag-chart-format-section .ag-label-align-top .ag-label {\n  margin-top: calc(var(--ag-widget-vertical-spacing) * 0.5);\n  margin-bottom: var(--ag-widget-vertical-spacing);\n}\n.ag-theme-quartz .ag-chart-data-section .ag-slider.ag-label-align-top .ag-label,\n.ag-theme-quartz .ag-chart-format-section .ag-slider.ag-label-align-top .ag-label,\n.ag-theme-quartz-dark .ag-chart-data-section .ag-slider.ag-label-align-top .ag-label,\n.ag-theme-quartz-dark .ag-chart-format-section .ag-slider.ag-label-align-top .ag-label,\n.ag-theme-quartz-auto-dark .ag-chart-data-section .ag-slider.ag-label-align-top .ag-label,\n.ag-theme-quartz-auto-dark .ag-chart-format-section .ag-slider.ag-label-align-top .ag-label {\n  margin-bottom: 0;\n}\n.ag-theme-quartz .ag-chart-data-section label,\n.ag-theme-quartz .ag-chart-format-section label,\n.ag-theme-quartz-dark .ag-chart-data-section label,\n.ag-theme-quartz-dark .ag-chart-format-section label,\n.ag-theme-quartz-auto-dark .ag-chart-data-section label,\n.ag-theme-quartz-auto-dark .ag-chart-format-section label {\n  display: inline-block;\n}\n.ag-theme-quartz .ag-chart-format-wrapper,\n.ag-theme-quartz .ag-chart-data-wrapper,\n.ag-theme-quartz .ag-charts-format-top-level-group,\n.ag-theme-quartz .ag-charts-format-top-level-group-title-bar,\n.ag-theme-quartz .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,\n.ag-theme-quartz .ag-charts-format-top-level-group-item,\n.ag-theme-quartz .ag-charts-format-sub-level-group,\n.ag-theme-quartz .ag-charts-format-sub-level-group-title-bar,\n.ag-theme-quartz .ag-charts-format-sub-level-group-container,\n.ag-theme-quartz .ag-charts-format-sub-level-group-item:last-child,\n.ag-theme-quartz .ag-charts-format-sub-level-group-container > *,\n.ag-theme-quartz .ag-charts-data-group-title-bar,\n.ag-theme-quartz .ag-charts-data-group-container,\n.ag-theme-quartz .ag-charts-settings-group-title-bar,\n.ag-theme-quartz .ag-charts-settings-group-container,\n.ag-theme-quartz-dark .ag-chart-format-wrapper,\n.ag-theme-quartz-dark .ag-chart-data-wrapper,\n.ag-theme-quartz-dark .ag-charts-format-top-level-group,\n.ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar,\n.ag-theme-quartz-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,\n.ag-theme-quartz-dark .ag-charts-format-top-level-group-item,\n.ag-theme-quartz-dark .ag-charts-format-sub-level-group,\n.ag-theme-quartz-dark .ag-charts-format-sub-level-group-title-bar,\n.ag-theme-quartz-dark .ag-charts-format-sub-level-group-container,\n.ag-theme-quartz-dark .ag-charts-format-sub-level-group-item:last-child,\n.ag-theme-quartz-dark .ag-charts-format-sub-level-group-container > *,\n.ag-theme-quartz-dark .ag-charts-data-group-title-bar,\n.ag-theme-quartz-dark .ag-charts-data-group-container,\n.ag-theme-quartz-dark .ag-charts-settings-group-title-bar,\n.ag-theme-quartz-dark .ag-charts-settings-group-container,\n.ag-theme-quartz-auto-dark .ag-chart-format-wrapper,\n.ag-theme-quartz-auto-dark .ag-chart-data-wrapper,\n.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group,\n.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar,\n.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,\n.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-item,\n.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group,\n.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-title-bar,\n.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container,\n.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-item:last-child,\n.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container > *,\n.ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar,\n.ag-theme-quartz-auto-dark .ag-charts-data-group-container,\n.ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar,\n.ag-theme-quartz-auto-dark .ag-charts-settings-group-container {\n  padding: 0;\n  margin: 0;\n}\n.ag-theme-quartz .ag-charts-format-top-level-group,\n.ag-theme-quartz .ag-charts-data-group,\n.ag-theme-quartz-dark .ag-charts-format-top-level-group,\n.ag-theme-quartz-dark .ag-charts-data-group,\n.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group,\n.ag-theme-quartz-auto-dark .ag-charts-data-group {\n  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);\n}\n.ag-theme-quartz .ag-charts-format-top-level-group-title-bar,\n.ag-theme-quartz .ag-charts-data-group-title-bar,\n.ag-theme-quartz .ag-charts-settings-group-title-bar,\n.ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar,\n.ag-theme-quartz-dark .ag-charts-data-group-title-bar,\n.ag-theme-quartz-dark .ag-charts-settings-group-title-bar,\n.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar,\n.ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar,\n.ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar {\n  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);\n}\n.ag-theme-quartz .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,\n.ag-theme-quartz .ag-charts-data-group .ag-charts-data-group-container,\n.ag-theme-quartz .ag-charts-settings-group .ag-charts-settings-group-container,\n.ag-theme-quartz-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,\n.ag-theme-quartz-dark .ag-charts-data-group .ag-charts-data-group-container,\n.ag-theme-quartz-dark .ag-charts-settings-group .ag-charts-settings-group-container,\n.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,\n.ag-theme-quartz-auto-dark .ag-charts-data-group .ag-charts-data-group-container,\n.ag-theme-quartz-auto-dark .ag-charts-settings-group .ag-charts-settings-group-container {\n  padding: 0 var(--ag-widget-container-horizontal-padding);\n}\n.ag-theme-quartz .ag-charts-format-sub-level-group-title-bar,\n.ag-theme-quartz-dark .ag-charts-format-sub-level-group-title-bar,\n.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-title-bar {\n  padding: var(--ag-widget-vertical-spacing) 0;\n}\n.ag-theme-quartz .ag-charts-format-sub-level-group-container,\n.ag-theme-quartz-dark .ag-charts-format-sub-level-group-container,\n.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container {\n  padding-top: var(--ag-widget-vertical-spacing);\n  padding-bottom: var(--ag-widget-container-vertical-padding);\n}\n.ag-theme-quartz .ag-charts-format-top-level-group-container > *,\n.ag-theme-quartz .ag-charts-format-sub-level-group-container > *,\n.ag-theme-quartz-dark .ag-charts-format-top-level-group-container > *,\n.ag-theme-quartz-dark .ag-charts-format-sub-level-group-container > *,\n.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-container > *,\n.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container > * {\n  margin-bottom: var(--ag-widget-vertical-spacing);\n}\n.ag-theme-quartz .ag-charts-data-group-item,\n.ag-theme-quartz-dark .ag-charts-data-group-item,\n.ag-theme-quartz-auto-dark .ag-charts-data-group-item {\n  padding-bottom: var(--ag-widget-container-vertical-padding);\n}\n.ag-theme-quartz .ag-chart-settings-mini-wrapper,\n.ag-theme-quartz-dark .ag-chart-settings-mini-wrapper,\n.ag-theme-quartz-auto-dark .ag-chart-settings-mini-wrapper {\n  padding-bottom: var(--ag-widget-container-vertical-padding);\n}\n.ag-theme-quartz .ag-chart-advanced-settings-section,\n.ag-theme-quartz-dark .ag-chart-advanced-settings-section,\n.ag-theme-quartz-auto-dark .ag-chart-advanced-settings-section {\n  padding-top: var(--ag-widget-container-vertical-padding);\n  padding-bottom: var(--ag-widget-container-vertical-padding);\n}\n.ag-theme-quartz .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-title-bar,\n.ag-theme-quartz .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-container,\n.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-title-bar,\n.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-container,\n.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-title-bar,\n.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-container {\n  padding: 0 var(--ag-widget-container-horizontal-padding);\n}\n.ag-theme-quartz .ag-charts-advanced-settings-top-level-group-container,\n.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-container,\n.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-container {\n  margin: 0;\n}\n.ag-theme-quartz .ag-charts-advanced-settings-top-level-group-item,\n.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-item,\n.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-item {\n  margin-top: calc(var(--ag-widget-vertical-spacing) * 2);\n  margin-bottom: 0;\n}\n.ag-theme-quartz .ag-ltr .ag-group-title-bar-icon, .ag-theme-quartz-dark .ag-ltr .ag-group-title-bar-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-group-title-bar-icon {\n  margin-right: var(--ag-grid-size);\n}\n\n.ag-theme-quartz .ag-rtl .ag-group-title-bar-icon, .ag-theme-quartz-dark .ag-rtl .ag-group-title-bar-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-group-title-bar-icon {\n  margin-left: var(--ag-grid-size);\n}\n\n.ag-theme-quartz .ag-spectrum-color,\n.ag-theme-quartz .ag-spectrum-fill,\n.ag-theme-quartz-dark .ag-spectrum-color,\n.ag-theme-quartz-dark .ag-spectrum-fill,\n.ag-theme-quartz-auto-dark .ag-spectrum-color,\n.ag-theme-quartz-auto-dark .ag-spectrum-fill {\n  border-radius: var(--ag-border-radius);\n}\n.ag-theme-quartz .ag-spectrum-dragger,\n.ag-theme-quartz-dark .ag-spectrum-dragger,\n.ag-theme-quartz-auto-dark .ag-spectrum-dragger {\n  border-radius: 18px;\n  height: 18px;\n  width: 18px;\n  border: 3px solid white;\n}\n.ag-theme-quartz .ag-spectrum-tools,\n.ag-theme-quartz-dark .ag-spectrum-tools,\n.ag-theme-quartz-auto-dark .ag-spectrum-tools {\n  padding-left: 0;\n  padding-right: 0;\n  padding-bottom: 0;\n}\n.ag-theme-quartz .ag-spectrum-tool,\n.ag-theme-quartz-dark .ag-spectrum-tool,\n.ag-theme-quartz-auto-dark .ag-spectrum-tool {\n  height: 12px;\n}\n.ag-theme-quartz .ag-spectrum-hue-background,\n.ag-theme-quartz .ag-spectrum-alpha-background,\n.ag-theme-quartz-dark .ag-spectrum-hue-background,\n.ag-theme-quartz-dark .ag-spectrum-alpha-background,\n.ag-theme-quartz-auto-dark .ag-spectrum-hue-background,\n.ag-theme-quartz-auto-dark .ag-spectrum-alpha-background {\n  border-radius: 12px;\n}\n.ag-theme-quartz .ag-spectrum-slider,\n.ag-theme-quartz-dark .ag-spectrum-slider,\n.ag-theme-quartz-auto-dark .ag-spectrum-slider {\n  margin-top: -15px;\n  width: 18px;\n  height: 18px;\n  border-radius: 18px;\n  border: 3px solid rgb(248, 248, 248);\n}\n.ag-theme-quartz .ag-recent-colors,\n.ag-theme-quartz-dark .ag-recent-colors,\n.ag-theme-quartz-auto-dark .ag-recent-colors {\n  margin-left: var(--ag-grid-size);\n  margin-right: var(--ag-grid-size);\n  margin-bottom: 2px;\n}\n.ag-theme-quartz .ag-color-input-color,\n.ag-theme-quartz .ag-color-picker-color,\n.ag-theme-quartz .ag-recent-color,\n.ag-theme-quartz-dark .ag-color-input-color,\n.ag-theme-quartz-dark .ag-color-picker-color,\n.ag-theme-quartz-dark .ag-recent-color,\n.ag-theme-quartz-auto-dark .ag-color-input-color,\n.ag-theme-quartz-auto-dark .ag-color-picker-color,\n.ag-theme-quartz-auto-dark .ag-recent-color {\n  border-radius: 4px;\n}\n.ag-theme-quartz .ag-recent-color,\n.ag-theme-quartz-dark .ag-recent-color,\n.ag-theme-quartz-auto-dark .ag-recent-color {\n  border: var(--ag-borders-secondary) var(--ag-secondary-border-color);\n}\n.ag-theme-quartz.ag-dnd-ghost,\n.ag-theme-quartz-dark.ag-dnd-ghost,\n.ag-theme-quartz-auto-dark.ag-dnd-ghost {\n  font-weight: 500;\n}\n.ag-theme-quartz .ag-standard-button,\n.ag-theme-quartz-dark .ag-standard-button,\n.ag-theme-quartz-auto-dark .ag-standard-button {\n  font-family: inherit;\n  -moz-appearance: none;\n       appearance: none;\n  -webkit-appearance: none;\n  border-radius: var(--ag-border-radius);\n  border: solid 1px var(--ag-input-border-color);\n  background-color: var(--ag-background-color);\n  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);\n  cursor: pointer;\n}\n.ag-theme-quartz .ag-standard-button:hover,\n.ag-theme-quartz-dark .ag-standard-button:hover,\n.ag-theme-quartz-auto-dark .ag-standard-button:hover {\n  background-color: var(--ag-row-hover-color);\n}\n.ag-theme-quartz .ag-standard-button:active,\n.ag-theme-quartz-dark .ag-standard-button:active,\n.ag-theme-quartz-auto-dark .ag-standard-button:active {\n  border-color: var(--ag-active-color);\n}\n.ag-theme-quartz .ag-standard-button:disabled,\n.ag-theme-quartz-dark .ag-standard-button:disabled,\n.ag-theme-quartz-auto-dark .ag-standard-button:disabled {\n  color: var(--ag-disabled-foreground-color);\n  background-color: var(--ag-input-disabled-background-color);\n  border-color: var(--ag-input-disabled-border-color);\n}\n.ag-theme-quartz .ag-column-drop-cell,\n.ag-theme-quartz-dark .ag-column-drop-cell,\n.ag-theme-quartz-auto-dark .ag-column-drop-cell {\n  border-radius: calc(var(--ag-grid-size) * 3);\n  height: calc(var(--ag-grid-size) * 3);\n  padding: 0 var(--ag-grid-size);\n}\n.ag-theme-quartz .ag-column-drop-cell-button,\n.ag-theme-quartz-dark .ag-column-drop-cell-button,\n.ag-theme-quartz-auto-dark .ag-column-drop-cell-button {\n  min-width: 0;\n  margin: 0;\n}\n.ag-theme-quartz .ag-column-drop-cell-drag-handle,\n.ag-theme-quartz-dark .ag-column-drop-cell-drag-handle,\n.ag-theme-quartz-auto-dark .ag-column-drop-cell-drag-handle {\n  margin-left: 0;\n}\n.ag-theme-quartz .ag-column-drop-vertical,\n.ag-theme-quartz-dark .ag-column-drop-vertical,\n.ag-theme-quartz-auto-dark .ag-column-drop-vertical {\n  min-height: 75px;\n}\n.ag-theme-quartz .ag-column-drop-vertical-title-bar,\n.ag-theme-quartz-dark .ag-column-drop-vertical-title-bar,\n.ag-theme-quartz-auto-dark .ag-column-drop-vertical-title-bar {\n  padding: var(--ag-widget-container-vertical-padding) calc(var(--ag-grid-size) * 2) 0;\n}\n.ag-theme-quartz .ag-ltr .ag-column-drop-vertical-icon, .ag-theme-quartz-dark .ag-ltr .ag-column-drop-vertical-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-drop-vertical-icon {\n  margin-left: 0;\n  margin-right: var(--ag-widget-horizontal-spacing);\n}\n\n.ag-theme-quartz .ag-rtl .ag-column-drop-vertical-icon, .ag-theme-quartz-dark .ag-rtl .ag-column-drop-vertical-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-drop-vertical-icon {\n  margin-right: 0;\n  margin-left: var(--ag-widget-horizontal-spacing);\n}\n\n.ag-theme-quartz .ag-column-drop-vertical-empty-message,\n.ag-theme-quartz-dark .ag-column-drop-vertical-empty-message,\n.ag-theme-quartz-auto-dark .ag-column-drop-vertical-empty-message {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: dashed 1px;\n  border-color: var(--ag-border-color);\n  margin: calc(var(--ag-grid-size) * 1.5) calc(var(--ag-grid-size) * 2);\n  padding: calc(var(--ag-grid-size) * 2);\n}\n.ag-theme-quartz .ag-column-drop-empty-message,\n.ag-theme-quartz-dark .ag-column-drop-empty-message,\n.ag-theme-quartz-auto-dark .ag-column-drop-empty-message {\n  color: var(--ag-foreground-color);\n}\n.ag-theme-quartz .ag-pill-select .ag-column-drop,\n.ag-theme-quartz-dark .ag-pill-select .ag-column-drop,\n.ag-theme-quartz-auto-dark .ag-pill-select .ag-column-drop {\n  min-height: 0;\n  min-height: initial;\n}\n.ag-theme-quartz .ag-pill-select .ag-picker-field-display,\n.ag-theme-quartz-dark .ag-pill-select .ag-picker-field-display,\n.ag-theme-quartz-auto-dark .ag-pill-select .ag-picker-field-display {\n  font-weight: 500;\n  color: var(--ag-chart-menu-pill-select-button-color);\n}\n.ag-theme-quartz .ag-pill-select .ag-picker-field-icon .ag-icon,\n.ag-theme-quartz-dark .ag-pill-select .ag-picker-field-icon .ag-icon,\n.ag-theme-quartz-auto-dark .ag-pill-select .ag-picker-field-icon .ag-icon {\n  color: var(--ag-chart-menu-pill-select-button-color);\n}\n.ag-theme-quartz .ag-status-bar,\n.ag-theme-quartz-dark .ag-status-bar,\n.ag-theme-quartz-auto-dark .ag-status-bar {\n  font-weight: normal;\n}\n.ag-theme-quartz .ag-status-name-value,\n.ag-theme-quartz-dark .ag-status-name-value,\n.ag-theme-quartz-auto-dark .ag-status-name-value {\n  padding: var(--ag-widget-container-vertical-padding) 0;\n}\n.ag-theme-quartz .ag-status-name-value-value,\n.ag-theme-quartz .ag-paging-number,\n.ag-theme-quartz .ag-paging-row-summary-panel-number,\n.ag-theme-quartz-dark .ag-status-name-value-value,\n.ag-theme-quartz-dark .ag-paging-number,\n.ag-theme-quartz-dark .ag-paging-row-summary-panel-number,\n.ag-theme-quartz-auto-dark .ag-status-name-value-value,\n.ag-theme-quartz-auto-dark .ag-paging-number,\n.ag-theme-quartz-auto-dark .ag-paging-row-summary-panel-number {\n  font-weight: 500;\n}\n.ag-theme-quartz .ag-column-drop-cell-button,\n.ag-theme-quartz-dark .ag-column-drop-cell-button,\n.ag-theme-quartz-auto-dark .ag-column-drop-cell-button {\n  opacity: 0.75;\n}\n.ag-theme-quartz .ag-column-drop-cell-button:hover,\n.ag-theme-quartz-dark .ag-column-drop-cell-button:hover,\n.ag-theme-quartz-auto-dark .ag-column-drop-cell-button:hover {\n  opacity: 1;\n}\n.ag-theme-quartz .ag-header-cell-menu-button,\n.ag-theme-quartz .ag-header-cell-filter-button,\n.ag-theme-quartz .ag-panel-title-bar-button,\n.ag-theme-quartz .ag-header-expand-icon,\n.ag-theme-quartz .ag-column-group-icons,\n.ag-theme-quartz .ag-set-filter-group-icons,\n.ag-theme-quartz .ag-group-expanded .ag-icon,\n.ag-theme-quartz .ag-group-contracted .ag-icon,\n.ag-theme-quartz .ag-chart-settings-prev,\n.ag-theme-quartz .ag-chart-settings-next,\n.ag-theme-quartz .ag-group-title-bar-icon,\n.ag-theme-quartz .ag-column-select-header-icon,\n.ag-theme-quartz .ag-floating-filter-button-button,\n.ag-theme-quartz .ag-filter-toolpanel-expand,\n.ag-theme-quartz .ag-panel-title-bar-button-icon,\n.ag-theme-quartz .ag-chart-menu-icon,\n.ag-theme-quartz-dark .ag-header-cell-menu-button,\n.ag-theme-quartz-dark .ag-header-cell-filter-button,\n.ag-theme-quartz-dark .ag-panel-title-bar-button,\n.ag-theme-quartz-dark .ag-header-expand-icon,\n.ag-theme-quartz-dark .ag-column-group-icons,\n.ag-theme-quartz-dark .ag-set-filter-group-icons,\n.ag-theme-quartz-dark .ag-group-expanded .ag-icon,\n.ag-theme-quartz-dark .ag-group-contracted .ag-icon,\n.ag-theme-quartz-dark .ag-chart-settings-prev,\n.ag-theme-quartz-dark .ag-chart-settings-next,\n.ag-theme-quartz-dark .ag-group-title-bar-icon,\n.ag-theme-quartz-dark .ag-column-select-header-icon,\n.ag-theme-quartz-dark .ag-floating-filter-button-button,\n.ag-theme-quartz-dark .ag-filter-toolpanel-expand,\n.ag-theme-quartz-dark .ag-panel-title-bar-button-icon,\n.ag-theme-quartz-dark .ag-chart-menu-icon,\n.ag-theme-quartz-auto-dark .ag-header-cell-menu-button,\n.ag-theme-quartz-auto-dark .ag-header-cell-filter-button,\n.ag-theme-quartz-auto-dark .ag-panel-title-bar-button,\n.ag-theme-quartz-auto-dark .ag-header-expand-icon,\n.ag-theme-quartz-auto-dark .ag-column-group-icons,\n.ag-theme-quartz-auto-dark .ag-set-filter-group-icons,\n.ag-theme-quartz-auto-dark .ag-group-expanded .ag-icon,\n.ag-theme-quartz-auto-dark .ag-group-contracted .ag-icon,\n.ag-theme-quartz-auto-dark .ag-chart-settings-prev,\n.ag-theme-quartz-auto-dark .ag-chart-settings-next,\n.ag-theme-quartz-auto-dark .ag-group-title-bar-icon,\n.ag-theme-quartz-auto-dark .ag-column-select-header-icon,\n.ag-theme-quartz-auto-dark .ag-floating-filter-button-button,\n.ag-theme-quartz-auto-dark .ag-filter-toolpanel-expand,\n.ag-theme-quartz-auto-dark .ag-panel-title-bar-button-icon,\n.ag-theme-quartz-auto-dark .ag-chart-menu-icon {\n  --ag-quartz-icon-hover-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);\n}\n.ag-theme-quartz .ag-header-cell-menu-button:hover,\n.ag-theme-quartz .ag-header-cell-filter-button:hover,\n.ag-theme-quartz .ag-panel-title-bar-button:hover,\n.ag-theme-quartz .ag-header-expand-icon:hover,\n.ag-theme-quartz .ag-column-group-icons:hover,\n.ag-theme-quartz .ag-set-filter-group-icons:hover,\n.ag-theme-quartz .ag-group-expanded .ag-icon:hover,\n.ag-theme-quartz .ag-group-contracted .ag-icon:hover,\n.ag-theme-quartz .ag-chart-settings-prev:hover,\n.ag-theme-quartz .ag-chart-settings-next:hover,\n.ag-theme-quartz .ag-group-title-bar-icon:hover,\n.ag-theme-quartz .ag-column-select-header-icon:hover,\n.ag-theme-quartz .ag-floating-filter-button-button:hover,\n.ag-theme-quartz .ag-filter-toolpanel-expand:hover,\n.ag-theme-quartz .ag-panel-title-bar-button-icon:hover,\n.ag-theme-quartz .ag-chart-menu-icon:hover,\n.ag-theme-quartz-dark .ag-header-cell-menu-button:hover,\n.ag-theme-quartz-dark .ag-header-cell-filter-button:hover,\n.ag-theme-quartz-dark .ag-panel-title-bar-button:hover,\n.ag-theme-quartz-dark .ag-header-expand-icon:hover,\n.ag-theme-quartz-dark .ag-column-group-icons:hover,\n.ag-theme-quartz-dark .ag-set-filter-group-icons:hover,\n.ag-theme-quartz-dark .ag-group-expanded .ag-icon:hover,\n.ag-theme-quartz-dark .ag-group-contracted .ag-icon:hover,\n.ag-theme-quartz-dark .ag-chart-settings-prev:hover,\n.ag-theme-quartz-dark .ag-chart-settings-next:hover,\n.ag-theme-quartz-dark .ag-group-title-bar-icon:hover,\n.ag-theme-quartz-dark .ag-column-select-header-icon:hover,\n.ag-theme-quartz-dark .ag-floating-filter-button-button:hover,\n.ag-theme-quartz-dark .ag-filter-toolpanel-expand:hover,\n.ag-theme-quartz-dark .ag-panel-title-bar-button-icon:hover,\n.ag-theme-quartz-dark .ag-chart-menu-icon:hover,\n.ag-theme-quartz-auto-dark .ag-header-cell-menu-button:hover,\n.ag-theme-quartz-auto-dark .ag-header-cell-filter-button:hover,\n.ag-theme-quartz-auto-dark .ag-panel-title-bar-button:hover,\n.ag-theme-quartz-auto-dark .ag-header-expand-icon:hover,\n.ag-theme-quartz-auto-dark .ag-column-group-icons:hover,\n.ag-theme-quartz-auto-dark .ag-set-filter-group-icons:hover,\n.ag-theme-quartz-auto-dark .ag-group-expanded .ag-icon:hover,\n.ag-theme-quartz-auto-dark .ag-group-contracted .ag-icon:hover,\n.ag-theme-quartz-auto-dark .ag-chart-settings-prev:hover,\n.ag-theme-quartz-auto-dark .ag-chart-settings-next:hover,\n.ag-theme-quartz-auto-dark .ag-group-title-bar-icon:hover,\n.ag-theme-quartz-auto-dark .ag-column-select-header-icon:hover,\n.ag-theme-quartz-auto-dark .ag-floating-filter-button-button:hover,\n.ag-theme-quartz-auto-dark .ag-filter-toolpanel-expand:hover,\n.ag-theme-quartz-auto-dark .ag-panel-title-bar-button-icon:hover,\n.ag-theme-quartz-auto-dark .ag-chart-menu-icon:hover {\n  border-radius: 1px;\n  background-color: var(--ag-quartz-icon-hover-color);\n  box-shadow: 0 0 0 4px var(--ag-quartz-icon-hover-color);\n}\n.ag-theme-quartz .ag-filter-active,\n.ag-theme-quartz-dark .ag-filter-active,\n.ag-theme-quartz-auto-dark .ag-filter-active {\n  --ag-quartz-icon-active-color: color-mix(in srgb, transparent, var(--ag-active-color) 14%);\n  --ag-quartz-icon-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 28%);\n  position: relative;\n  border-radius: 1px;\n  background-color: var(--ag-quartz-icon-active-color);\n  box-shadow: 0 0 0 4px var(--ag-quartz-icon-active-color);\n}\n.ag-theme-quartz .ag-filter-active::after,\n.ag-theme-quartz-dark .ag-filter-active::after,\n.ag-theme-quartz-auto-dark .ag-filter-active::after {\n  content: "";\n  position: absolute;\n  width: 6px;\n  height: 6px;\n  top: -1px;\n  right: -1px;\n  border-radius: 50%;\n  background-color: var(--ag-active-color);\n}\n.ag-theme-quartz .ag-filter-active .ag-icon-filter,\n.ag-theme-quartz-dark .ag-filter-active .ag-icon-filter,\n.ag-theme-quartz-auto-dark .ag-filter-active .ag-icon-filter {\n  clip-path: path("M8,0C8,4.415 11.585,8 16,8L16,16L0,16L0,0L8,0Z");\n}\n.ag-theme-quartz .ag-chart-menu,\n.ag-theme-quartz-dark .ag-chart-menu,\n.ag-theme-quartz-auto-dark .ag-chart-menu {\n  --ag-icon-size: 20px;\n  background-color: color-mix(in srgb, transparent, var(--ag-background-color) 30%);\n  padding: 4px 2px;\n}\n.ag-theme-quartz .ag-chart-menu-icon,\n.ag-theme-quartz-dark .ag-chart-menu-icon,\n.ag-theme-quartz-auto-dark .ag-chart-menu-icon {\n  opacity: 0.8;\n}\n.ag-theme-quartz .ag-drag-handle,\n.ag-theme-quartz-dark .ag-drag-handle,\n.ag-theme-quartz-auto-dark .ag-drag-handle {\n  color: var(--ag-icon-font-color);\n}\n.ag-theme-quartz .ag-menu-option-icon,\n.ag-theme-quartz .ag-compact-menu-option-icon,\n.ag-theme-quartz-dark .ag-menu-option-icon,\n.ag-theme-quartz-dark .ag-compact-menu-option-icon,\n.ag-theme-quartz-auto-dark .ag-menu-option-icon,\n.ag-theme-quartz-auto-dark .ag-compact-menu-option-icon {\n  width: var(--ag-icon-size);\n  cursor: pointer;\n}\n.ag-theme-quartz .ag-ltr .ag-menu-option-icon, .ag-theme-quartz .ag-ltr .ag-compact-menu-option-icon, .ag-theme-quartz-dark .ag-ltr .ag-menu-option-icon, .ag-theme-quartz-dark .ag-ltr .ag-compact-menu-option-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-menu-option-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-compact-menu-option-icon {\n  padding-left: calc(var(--ag-grid-size) * 1.5);\n}\n\n.ag-theme-quartz .ag-rtl .ag-menu-option-icon, .ag-theme-quartz .ag-rtl .ag-compact-menu-option-icon, .ag-theme-quartz-dark .ag-rtl .ag-menu-option-icon, .ag-theme-quartz-dark .ag-rtl .ag-compact-menu-option-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-menu-option-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-compact-menu-option-icon {\n  padding-right: calc(var(--ag-grid-size) * 1.5);\n}\n\n.ag-theme-quartz .ag-chart-settings-card-item.ag-not-selected:hover,\n.ag-theme-quartz-dark .ag-chart-settings-card-item.ag-not-selected:hover,\n.ag-theme-quartz-auto-dark .ag-chart-settings-card-item.ag-not-selected:hover {\n  opacity: 0.35;\n}\n.ag-theme-quartz .ag-ltr .ag-panel-title-bar-button, .ag-theme-quartz-dark .ag-ltr .ag-panel-title-bar-button, .ag-theme-quartz-auto-dark .ag-ltr .ag-panel-title-bar-button {\n  margin-left: calc(var(--ag-grid-size) * 2);\n  margin-right: var(--ag-grid-size);\n}\n\n.ag-theme-quartz .ag-rtl .ag-panel-title-bar-button, .ag-theme-quartz-dark .ag-rtl .ag-panel-title-bar-button, .ag-theme-quartz-auto-dark .ag-rtl .ag-panel-title-bar-button {\n  margin-right: calc(var(--ag-grid-size) * 2);\n  margin-left: var(--ag-grid-size);\n}\n\n.ag-theme-quartz .ag-multi-filter-group-title-bar,\n.ag-theme-quartz-dark .ag-multi-filter-group-title-bar,\n.ag-theme-quartz-auto-dark .ag-multi-filter-group-title-bar {\n  padding: calc(var(--ag-grid-size) * 1.5) var(--ag-grid-size);\n}\n.ag-theme-quartz .ag-ltr .ag-filter-toolpanel-instance-body, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-instance-body, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-instance-body {\n  padding-left: var(--ag-grid-size);\n}\n\n.ag-theme-quartz .ag-rtl .ag-filter-toolpanel-instance-body, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-instance-body, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-instance-body {\n  padding-right: var(--ag-grid-size);\n}\n\n.ag-theme-quartz .ag-filter-toolpanel-instance-filter,\n.ag-theme-quartz-dark .ag-filter-toolpanel-instance-filter,\n.ag-theme-quartz-auto-dark .ag-filter-toolpanel-instance-filter {\n  border: none;\n  background-color: var(--ag-control-panel-background-color);\n}\n.ag-theme-quartz .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-instance-filter {\n  margin-left: calc(var(--ag-icon-size) * 0.5);\n}\n\n.ag-theme-quartz .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-instance-filter {\n  margin-right: calc(var(--ag-icon-size) * 0.5);\n}\n\n.ag-theme-quartz .ag-filter-toolpanel-group-level-0,\n.ag-theme-quartz-dark .ag-filter-toolpanel-group-level-0,\n.ag-theme-quartz-auto-dark .ag-filter-toolpanel-group-level-0 {\n  border-top: none;\n}\n.ag-theme-quartz .ag-filter-toolpanel-header,\n.ag-theme-quartz-dark .ag-filter-toolpanel-header,\n.ag-theme-quartz-auto-dark .ag-filter-toolpanel-header {\n  height: auto;\n  height: initial;\n  padding-top: var(--ag-grid-size);\n  padding-bottom: var(--ag-grid-size);\n}\n.ag-theme-quartz .ag-filter-toolpanel-group-item,\n.ag-theme-quartz-dark .ag-filter-toolpanel-group-item,\n.ag-theme-quartz-auto-dark .ag-filter-toolpanel-group-item {\n  margin: 0;\n}\n.ag-theme-quartz .ag-layout-auto-height .ag-center-cols-viewport,\n.ag-theme-quartz .ag-layout-auto-height .ag-center-cols-container,\n.ag-theme-quartz .ag-layout-print .ag-center-cols-viewport,\n.ag-theme-quartz .ag-layout-print .ag-center-cols-container,\n.ag-theme-quartz-dark .ag-layout-auto-height .ag-center-cols-viewport,\n.ag-theme-quartz-dark .ag-layout-auto-height .ag-center-cols-container,\n.ag-theme-quartz-dark .ag-layout-print .ag-center-cols-viewport,\n.ag-theme-quartz-dark .ag-layout-print .ag-center-cols-container,\n.ag-theme-quartz-auto-dark .ag-layout-auto-height .ag-center-cols-viewport,\n.ag-theme-quartz-auto-dark .ag-layout-auto-height .ag-center-cols-container,\n.ag-theme-quartz-auto-dark .ag-layout-print .ag-center-cols-viewport,\n.ag-theme-quartz-auto-dark .ag-layout-print .ag-center-cols-container {\n  min-height: 150px;\n}\n.ag-theme-quartz .ag-date-time-list-page-entry-is-current,\n.ag-theme-quartz-dark .ag-date-time-list-page-entry-is-current,\n.ag-theme-quartz-auto-dark .ag-date-time-list-page-entry-is-current {\n  background-color: var(--ag-active-color);\n}\n.ag-theme-quartz .ag-advanced-filter-builder-button,\n.ag-theme-quartz-dark .ag-advanced-filter-builder-button,\n.ag-theme-quartz-auto-dark .ag-advanced-filter-builder-button {\n  padding: var(--ag-grid-size);\n  font-weight: 600;\n}\n.ag-theme-quartz .ag-advanced-filter-builder-item-button-disabled .ag-icon,\n.ag-theme-quartz .ag-disabled .ag-icon,\n.ag-theme-quartz .ag-column-select-column-group-readonly .ag-icon,\n.ag-theme-quartz [disabled] .ag-icon,\n.ag-theme-quartz-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,\n.ag-theme-quartz-dark .ag-disabled .ag-icon,\n.ag-theme-quartz-dark .ag-column-select-column-group-readonly .ag-icon,\n.ag-theme-quartz-dark [disabled] .ag-icon,\n.ag-theme-quartz-auto-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,\n.ag-theme-quartz-auto-dark .ag-disabled .ag-icon,\n.ag-theme-quartz-auto-dark .ag-column-select-column-group-readonly .ag-icon,\n.ag-theme-quartz-auto-dark [disabled] .ag-icon {\n  opacity: 0.6;\n}\n.ag-theme-quartz .ag-icon-grip,\n.ag-theme-quartz-dark .ag-icon-grip,\n.ag-theme-quartz-auto-dark .ag-icon-grip {\n  opacity: 0.7;\n}\n.ag-theme-quartz .ag-column-select-column-readonly.ag-icon-grip,\n.ag-theme-quartz .ag-column-select-column-readonly .ag-icon-grip,\n.ag-theme-quartz-dark .ag-column-select-column-readonly.ag-icon-grip,\n.ag-theme-quartz-dark .ag-column-select-column-readonly .ag-icon-grip,\n.ag-theme-quartz-auto-dark .ag-column-select-column-readonly.ag-icon-grip,\n.ag-theme-quartz-auto-dark .ag-column-select-column-readonly .ag-icon-grip {\n  opacity: 0.35;\n}\n.ag-theme-quartz .ag-column-select-header-filter-wrapper .ag-input-wrapper::before,\n.ag-theme-quartz .ag-filter-toolpanel-search .ag-input-wrapper::before,\n.ag-theme-quartz .ag-mini-filter .ag-input-wrapper::before,\n.ag-theme-quartz .ag-filter-filter .ag-input-wrapper::before,\n.ag-theme-quartz .ag-filter-add-select .ag-input-wrapper::before,\n.ag-theme-quartz-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper::before,\n.ag-theme-quartz-dark .ag-filter-toolpanel-search .ag-input-wrapper::before,\n.ag-theme-quartz-dark .ag-mini-filter .ag-input-wrapper::before,\n.ag-theme-quartz-dark .ag-filter-filter .ag-input-wrapper::before,\n.ag-theme-quartz-dark .ag-filter-add-select .ag-input-wrapper::before,\n.ag-theme-quartz-auto-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper::before,\n.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search .ag-input-wrapper::before,\n.ag-theme-quartz-auto-dark .ag-mini-filter .ag-input-wrapper::before,\n.ag-theme-quartz-auto-dark .ag-filter-filter .ag-input-wrapper::before,\n.ag-theme-quartz-auto-dark .ag-filter-add-select .ag-input-wrapper::before {\n  position: absolute;\n  display: block;\n  width: 12px;\n  height: 12px;\n  background-image: url('+g+');\n  background-position: 50% 50%;\n  background-size: contain;\n  opacity: 0.4;\n  content: "";\n  filter: var(--ag-icon-filter);\n}\n.ag-theme-quartz .ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz .ag-ltr .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz .ag-ltr .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz .ag-ltr .ag-filter-add-select .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-filter-add-select .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-add-select .ag-input-wrapper::before {\n  margin-left: var(--ag-grid-size);\n}\n\n.ag-theme-quartz .ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz .ag-rtl .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz .ag-rtl .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz .ag-rtl .ag-filter-add-select .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-filter-add-select .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-add-select .ag-input-wrapper::before {\n  margin-right: var(--ag-grid-size);\n}\n\n.ag-theme-quartz .ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz .ag-ltr .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz .ag-ltr .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz .ag-ltr .ag-filter-add-select input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-filter-add-select input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-add-select input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-add-select input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-add-select input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-add-select input.ag-number-field-input {\n  padding-left: 26px;\n}\n\n.ag-theme-quartz .ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz .ag-rtl .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz .ag-rtl .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz .ag-rtl .ag-filter-add-select input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-filter-add-select input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-add-select input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-add-select input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-add-select input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-add-select input.ag-number-field-input {\n  padding-right: 26px;\n}\n\n.ag-theme-quartz .ag-ltr .ag-column-select-add-group-indent, .ag-theme-quartz-dark .ag-ltr .ag-column-select-add-group-indent, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-add-group-indent {\n  margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 1.5);\n}\n\n.ag-theme-quartz .ag-rtl .ag-column-select-add-group-indent, .ag-theme-quartz-dark .ag-rtl .ag-column-select-add-group-indent, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-add-group-indent {\n  margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 1.5);\n}\n\n.ag-theme-quartz .ag-text-field-input[disabled],\n.ag-theme-quartz .ag-menu-option-disabled,\n.ag-theme-quartz-dark .ag-text-field-input[disabled],\n.ag-theme-quartz-dark .ag-menu-option-disabled,\n.ag-theme-quartz-auto-dark .ag-text-field-input[disabled],\n.ag-theme-quartz-auto-dark .ag-menu-option-disabled {\n  cursor: not-allowed;\n}\n.ag-theme-quartz .ag-checkbox-input-wrapper.ag-checked.ag-disabled,\n.ag-theme-quartz-dark .ag-checkbox-input-wrapper.ag-checked.ag-disabled,\n.ag-theme-quartz-auto-dark .ag-checkbox-input-wrapper.ag-checked.ag-disabled {\n  --ag-checkbox-checked-color: var(--ag-checkbox-unchecked-color);\n}\n.ag-theme-quartz .ag-checkbox-input,\n.ag-theme-quartz .ag-toggle-button-input,\n.ag-theme-quartz .ag-radio-button-input,\n.ag-theme-quartz input[class^=ag-][type=range],\n.ag-theme-quartz-dark .ag-checkbox-input,\n.ag-theme-quartz-dark .ag-toggle-button-input,\n.ag-theme-quartz-dark .ag-radio-button-input,\n.ag-theme-quartz-dark input[class^=ag-][type=range],\n.ag-theme-quartz-auto-dark .ag-checkbox-input,\n.ag-theme-quartz-auto-dark .ag-toggle-button-input,\n.ag-theme-quartz-auto-dark .ag-radio-button-input,\n.ag-theme-quartz-auto-dark input[class^=ag-][type=range] {\n  cursor: pointer;\n}\n.ag-theme-quartz .ag-details-row,\n.ag-theme-quartz-dark .ag-details-row,\n.ag-theme-quartz-auto-dark .ag-details-row {\n  padding: calc(var(--ag-grid-size) * 3.75);\n}\n.ag-theme-quartz .ag-list-item-hovered::after,\n.ag-theme-quartz-dark .ag-list-item-hovered::after,\n.ag-theme-quartz-auto-dark .ag-list-item-hovered::after {\n  background-color: var(--ag-active-color);\n}\n.ag-theme-quartz .ag-pill .ag-pill-button:hover,\n.ag-theme-quartz-dark .ag-pill .ag-pill-button:hover,\n.ag-theme-quartz-auto-dark .ag-pill .ag-pill-button:hover {\n  color: var(--ag-active-color);\n}\n.ag-theme-quartz .ag-header-highlight-before::after,\n.ag-theme-quartz .ag-header-highlight-after::after,\n.ag-theme-quartz-dark .ag-header-highlight-before::after,\n.ag-theme-quartz-dark .ag-header-highlight-after::after,\n.ag-theme-quartz-auto-dark .ag-header-highlight-before::after,\n.ag-theme-quartz-auto-dark .ag-header-highlight-after::after {\n  background-color: var(--ag-active-color);\n}\n\n.ag-theme-quartz-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper::before,\n.ag-theme-quartz-dark .ag-filter-toolpanel-search .ag-input-wrapper::before,\n.ag-theme-quartz-dark .ag-mini-filter .ag-input-wrapper::before,\n.ag-theme-quartz-dark .ag-filter-filter .ag-input-wrapper::before {\n  opacity: 0.66;\n  filter: invert(100%);\n}\n.ag-theme-quartz-dark .ag-chart-menu {\n  background-color: color-mix(in srgb, rgba(24, 39, 50, 0.3), var(--ag-background-color) 30%);\n}\n.ag-theme-quartz-dark .ag-text-field-input::-moz-placeholder {\n  color: var(--ag-data-color);\n  opacity: 0.8;\n}\n.ag-theme-quartz-dark .ag-text-field-input::placeholder {\n  color: var(--ag-data-color);\n  opacity: 0.8;\n}\n',""]),t.A=c},79561:function(e,t,a){var o=a(36758),n=a.n(o),r=a(40935),i=a.n(r),l=a(20062),s=a.n(l),d=new URL(a(43545),a.b),c=new URL(a(47249),a.b),g=i()(n()),u=s()(d),h=s()(c);g.push([e.id,'@font-face {\n  font-family: "agGridQuartz";\n  src: url('+u+');\n  font-weight: normal;\n  font-style: normal;\n}\n.ag-theme-quartz,\n.ag-theme-quartz-dark,\n.ag-theme-quartz-auto-dark {\n  --ag-active-color: #2196f3;\n  --ag-background-color: #fff;\n  --ag-foreground-color: #181d1f;\n  --ag-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 15%);\n  --ag-secondary-border-color: var(--ag-border-color);\n  --ag-header-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 2%);\n  --ag-tooltip-background-color: var(--ag-header-background-color);\n  --ag-control-panel-background-color: var(--ag-header-background-color);\n  --ag-subheader-background-color: transparent;\n  --ag-invalid-color: #e02525;\n  --ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 30%);\n  --ag-advanced-filter-join-pill-color: #f08e8d;\n  --ag-advanced-filter-column-pill-color: #a6e194;\n  --ag-advanced-filter-option-pill-color: #f3c08b;\n  --ag-advanced-filter-value-pill-color: #85c0e4;\n  --ag-header-column-resize-handle-color: var(--ag-secondary-border-color);\n  --ag-icon-font-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 90%);\n  --ag-find-match-color: var(--ag-foreground-color);\n  --ag-find-match-background-color: #ffff00;\n  --ag-find-active-match-color: var(--ag-foreground-color);\n  --ag-find-active-match-background-color: #ffa500;\n  --ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 3%);\n  --ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 20%);\n  --ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 3%);\n  --ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 20%);\n  --ag-selected-row-background-color: color-mix(in srgb, transparent, var(--ag-active-color) 8%);\n  --ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 12%);\n  --ag-column-hover-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 5%);\n  --ag-input-focus-border-color: var(--ag-active-color);\n  --ag-range-selection-background-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%);\n  --ag-input-focus-box-shadow: 0 0 0 3px color-mix(in srgb, transparent, var(--ag-input-focus-border-color) 47%);\n  --ag-input-error-focus-box-shadow: 0 0 0 3px\n      color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 50%);\n  --ag-range-selection-background-color-2: color-mix(in srgb, transparent, var(--ag-active-color) 36%);\n  --ag-range-selection-background-color-3: color-mix(in srgb, transparent, var(--ag-active-color) 49%);\n  --ag-range-selection-background-color-4: color-mix(in srgb, transparent, var(--ag-active-color) 59%);\n  --ag-row-numbers-selected-color: color-mix(in srgb, transparent, var(--ag-active-color) 50%);\n  --ag-checkbox-background-color: var(--ag-background-color);\n  --ag-checkbox-checked-color: var(--ag-active-color);\n  --ag-range-selection-border-color: var(--ag-active-color);\n  --ag-secondary-foreground-color: var(--ag-foreground-color);\n  --ag-input-border-color: var(--ag-border-color);\n  --ag-input-border-color-invalid: var(--ag-invalid-color);\n  --ag-disabled-foreground-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 50%);\n  --ag-chip-background-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 7%);\n  --ag-chip-border-color: color-mix(in srgb, var(--ag-header-background-color), var(--ag-foreground-color) 13%);\n  --ag-input-disabled-border-color: var(--ag-border-color);\n  --ag-input-disabled-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 6%);\n  --ag-modal-overlay-background-color: color-mix(in srgb, transparent, var(--ag-background-color) 66%);\n  --ag-chart-menu-label-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 80%);\n  --ag-chart-menu-pill-select-button-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 70%);\n  --ag-filter-panel-card-subtle-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 70%);\n  --ag-borders: solid 1px;\n  --ag-border-radius: 4px;\n  --ag-wrapper-border-radius: 8px;\n  --ag-borders-side-button: none;\n  --ag-side-button-selected-background-color: transparent;\n  --ag-header-column-resize-handle-display: block;\n  --ag-header-column-resize-handle-width: 2px;\n  --ag-header-column-resize-handle-height: 30%;\n  --ag-grid-size: 8px;\n  --ag-icon-size: 16px;\n  --ag-header-height: calc(var(--ag-font-size) + var(--ag-grid-size) * 4.25);\n  --ag-row-height: calc(var(--ag-font-size) + var(--ag-grid-size) * 3.5);\n  --ag-list-item-height: calc(\n      var(--ag-icon-size) + var(--ag-widget-vertical-spacing)\n  );\n  --ag-column-select-indent-size: var(--ag-icon-size);\n  --ag-set-filter-indent-size: var(--ag-icon-size);\n  --ag-filter-tool-panel-group-indent: var(--ag-grid-size);\n  --ag-advanced-filter-builder-indent-size: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);\n  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 2);\n  --ag-cell-widget-spacing: calc(var(--ag-grid-size) * 1.5);\n  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 1.5);\n  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5);\n  --ag-widget-horizontal-spacing: calc(var(--ag-grid-size) * 1.5);\n  --ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1);\n  --ag-toggle-button-height: 18px;\n  --ag-toggle-button-width: 28px;\n  --ag-toggle-button-border-width: 2px;\n  --ag-font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu,\n      Cantarell, "Helvetica Neue", sans-serif;\n  --ag-font-size: 14px;\n  --ag-icon-font-family: agGridQuartz;\n  --ag-tab-min-width: 290px;\n  --ag-chart-menu-panel-width: 260px;\n  --ag-card-shadow: 0 1px 4px 1px rgba(186, 191, 199, 0.4);\n  --ag-popup-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.15);\n  --ag-side-bar-panel-width: 250px;\n  --ag-filter-panel-apply-button-color: var(--ag-background-color);\n  --ag-filter-panel-apply-button-background-color: var(--ag-active-color);\n}\n\n.ag-theme-quartz-dark {\n  --ag-background-color: rgb(31, 41, 54);\n  --ag-foreground-color: #fff;\n  --ag-border-color: rgba(255, 255, 255, 0.16);\n  --ag-secondary-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);\n  --ag-header-background-color: rgb(40, 49, 62);\n  --ag-tooltip-background-color: rgb(33, 43, 56);\n  --ag-control-panel-background-color: rgb(40, 49, 62);\n  --ag-input-disabled-background-color: rgba(104,104,110,0.07059);\n  --ag-card-shadow: 0 1px 20px 1px black;\n  --ag-input-border-color: var(--ag-border-color);\n  --ag-input-disabled-border-color: rgba(255, 255, 255, 0.07);\n  --ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 40%);\n  --ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%);\n  --ag-selected-row-background-color: var(--ag-row-hover-color);\n  --ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);\n  --ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);\n  --ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);\n  --ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);\n  --ag-advanced-filter-join-pill-color: #7a3a37;\n  --ag-advanced-filter-column-pill-color: #355f2d;\n  --ag-advanced-filter-option-pill-color: #5a3168;\n  --ag-advanced-filter-value-pill-color: #374c86;\n  --ag-find-match-color: var(--ag-background-color);\n  --ag-find-active-match-color: var(--ag-background-color);\n  --ag-filter-panel-apply-button-color: var(--ag-foreground-color);\n  --ag-popup-shadow: 0 0px 20px rgba(0, 0, 0, 0.3);\n  --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);\n  --ag-cell-batch-edit-text-color: #f3d0b3;\n  --csstools-color-scheme--dark: initial;\n  color-scheme: dark;\n}\n\n@media (prefers-color-scheme: dark) {\n  .ag-theme-quartz-auto-dark {\n    --ag-background-color: rgb(31, 41, 54);\n    --ag-foreground-color: #fff;\n    --ag-border-color: rgba(255, 255, 255, 0.16);\n    --ag-secondary-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);\n    --ag-header-background-color: rgb(40, 49, 62);\n    --ag-tooltip-background-color: rgb(33, 43, 56);\n    --ag-control-panel-background-color: rgb(40, 49, 62);\n    --ag-input-disabled-background-color: rgba(104,104,110,0.07059);\n    --ag-card-shadow: 0 1px 20px 1px black;\n    --ag-input-border-color: var(--ag-border-color);\n    --ag-input-disabled-border-color: rgba(255, 255, 255, 0.07);\n    --ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 40%);\n    --ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%);\n    --ag-selected-row-background-color: var(--ag-row-hover-color);\n    --ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);\n    --ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);\n    --ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);\n    --ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);\n    --ag-advanced-filter-join-pill-color: #7a3a37;\n    --ag-advanced-filter-column-pill-color: #355f2d;\n    --ag-advanced-filter-option-pill-color: #5a3168;\n    --ag-advanced-filter-value-pill-color: #374c86;\n    --ag-find-match-color: var(--ag-background-color);\n    --ag-find-active-match-color: var(--ag-background-color);\n    --ag-filter-panel-apply-button-color: var(--ag-foreground-color);\n    --ag-popup-shadow: 0 0px 20px rgba(0, 0, 0, 0.3);\n    --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);\n    --ag-cell-batch-edit-text-color: #f3d0b3;\n    --csstools-color-scheme--dark: initial;\n    color-scheme: dark;\n  }\n}\n.ag-theme-quartz .ag-filter-toolpanel-header,\n.ag-theme-quartz .ag-filter-toolpanel-search,\n.ag-theme-quartz .ag-status-bar,\n.ag-theme-quartz .ag-header-row,\n.ag-theme-quartz .ag-row-number-cell,\n.ag-theme-quartz .ag-panel-title-bar-title,\n.ag-theme-quartz .ag-multi-filter-group-title-bar,\n.ag-theme-quartz .ag-filter-card-title,\n.ag-theme-quartz-dark .ag-filter-toolpanel-header,\n.ag-theme-quartz-dark .ag-filter-toolpanel-search,\n.ag-theme-quartz-dark .ag-status-bar,\n.ag-theme-quartz-dark .ag-header-row,\n.ag-theme-quartz-dark .ag-row-number-cell,\n.ag-theme-quartz-dark .ag-panel-title-bar-title,\n.ag-theme-quartz-dark .ag-multi-filter-group-title-bar,\n.ag-theme-quartz-dark .ag-filter-card-title,\n.ag-theme-quartz-auto-dark .ag-filter-toolpanel-header,\n.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search,\n.ag-theme-quartz-auto-dark .ag-status-bar,\n.ag-theme-quartz-auto-dark .ag-header-row,\n.ag-theme-quartz-auto-dark .ag-row-number-cell,\n.ag-theme-quartz-auto-dark .ag-panel-title-bar-title,\n.ag-theme-quartz-auto-dark .ag-multi-filter-group-title-bar,\n.ag-theme-quartz-auto-dark .ag-filter-card-title {\n  font-weight: 500;\n  color: var(--ag-header-foreground-color);\n}\n.ag-theme-quartz input[class^=ag-]:not([type]),\n.ag-theme-quartz input[class^=ag-][type=text],\n.ag-theme-quartz input[class^=ag-][type=number],\n.ag-theme-quartz input[class^=ag-][type=tel],\n.ag-theme-quartz input[class^=ag-][type=date],\n.ag-theme-quartz input[class^=ag-][type=datetime-local],\n.ag-theme-quartz textarea[class^=ag-],\n.ag-theme-quartz-dark input[class^=ag-]:not([type]),\n.ag-theme-quartz-dark input[class^=ag-][type=text],\n.ag-theme-quartz-dark input[class^=ag-][type=number],\n.ag-theme-quartz-dark input[class^=ag-][type=tel],\n.ag-theme-quartz-dark input[class^=ag-][type=date],\n.ag-theme-quartz-dark input[class^=ag-][type=datetime-local],\n.ag-theme-quartz-dark textarea[class^=ag-],\n.ag-theme-quartz-auto-dark input[class^=ag-]:not([type]),\n.ag-theme-quartz-auto-dark input[class^=ag-][type=text],\n.ag-theme-quartz-auto-dark input[class^=ag-][type=number],\n.ag-theme-quartz-auto-dark input[class^=ag-][type=tel],\n.ag-theme-quartz-auto-dark input[class^=ag-][type=date],\n.ag-theme-quartz-auto-dark input[class^=ag-][type=datetime-local],\n.ag-theme-quartz-auto-dark textarea[class^=ag-] {\n  min-height: calc(var(--ag-grid-size) * 4);\n  border-radius: var(--ag-border-radius);\n}\n.ag-theme-quartz .ag-ltr input[class^=ag-]:not([type]), .ag-theme-quartz .ag-ltr input[class^=ag-][type=text], .ag-theme-quartz .ag-ltr input[class^=ag-][type=number], .ag-theme-quartz .ag-ltr input[class^=ag-][type=tel], .ag-theme-quartz .ag-ltr input[class^=ag-][type=date], .ag-theme-quartz .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-quartz .ag-ltr textarea[class^=ag-], .ag-theme-quartz-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-quartz-dark .ag-ltr textarea[class^=ag-], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-quartz-auto-dark .ag-ltr textarea[class^=ag-] {\n  padding-left: var(--ag-grid-size);\n}\n\n.ag-theme-quartz .ag-rtl input[class^=ag-]:not([type]), .ag-theme-quartz .ag-rtl input[class^=ag-][type=text], .ag-theme-quartz .ag-rtl input[class^=ag-][type=number], .ag-theme-quartz .ag-rtl input[class^=ag-][type=tel], .ag-theme-quartz .ag-rtl input[class^=ag-][type=date], .ag-theme-quartz .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-quartz .ag-rtl textarea[class^=ag-], .ag-theme-quartz-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-quartz-dark .ag-rtl textarea[class^=ag-], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-quartz-auto-dark .ag-rtl textarea[class^=ag-] {\n  padding-right: var(--ag-grid-size);\n}\n\n.ag-theme-quartz .ag-picker-field-wrapper,\n.ag-theme-quartz-dark .ag-picker-field-wrapper,\n.ag-theme-quartz-auto-dark .ag-picker-field-wrapper {\n  min-height: calc(var(--ag-grid-size) * 4);\n}\n.ag-theme-quartz .ag-tab,\n.ag-theme-quartz-dark .ag-tab,\n.ag-theme-quartz-auto-dark .ag-tab {\n  padding: var(--ag-grid-size);\n  border-left: var(--ag-borders) transparent;\n  border-right: var(--ag-borders) transparent;\n  flex: 1 1 auto;\n}\n.ag-theme-quartz .ag-tab-selected,\n.ag-theme-quartz-dark .ag-tab-selected,\n.ag-theme-quartz-auto-dark .ag-tab-selected {\n  background-color: var(--ag-background-color);\n}\n.ag-theme-quartz .ag-ltr .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-dark .ag-ltr .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-auto-dark .ag-ltr .ag-tab-selected:not(:first-of-type) {\n  border-left-color: var(--ag-border-color);\n}\n\n.ag-theme-quartz .ag-rtl .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-dark .ag-rtl .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-auto-dark .ag-rtl .ag-tab-selected:not(:first-of-type) {\n  border-right-color: var(--ag-border-color);\n}\n\n.ag-theme-quartz .ag-ltr .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-dark .ag-ltr .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-auto-dark .ag-ltr .ag-tab-selected:not(:last-of-type) {\n  border-right-color: var(--ag-border-color);\n}\n\n.ag-theme-quartz .ag-rtl .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-dark .ag-rtl .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-auto-dark .ag-rtl .ag-tab-selected:not(:last-of-type) {\n  border-left-color: var(--ag-border-color);\n}\n\n.ag-theme-quartz .ag-tab:not(.ag-tab-selected),\n.ag-theme-quartz-dark .ag-tab:not(.ag-tab-selected),\n.ag-theme-quartz-auto-dark .ag-tab:not(.ag-tab-selected) {\n  opacity: 0.7;\n}\n.ag-theme-quartz .ag-tab:not(.ag-tab-selected):hover,\n.ag-theme-quartz-dark .ag-tab:not(.ag-tab-selected):hover,\n.ag-theme-quartz-auto-dark .ag-tab:not(.ag-tab-selected):hover {\n  opacity: 1;\n}\n.ag-theme-quartz .ag-menu,\n.ag-theme-quartz-dark .ag-menu,\n.ag-theme-quartz-auto-dark .ag-menu {\n  color: color-mix(in srgb, transparent, var(--ag-foreground-color) 95%);\n}\n.ag-theme-quartz .ag-panel-content-wrapper .ag-column-select,\n.ag-theme-quartz-dark .ag-panel-content-wrapper .ag-column-select,\n.ag-theme-quartz-auto-dark .ag-panel-content-wrapper .ag-column-select {\n  background-color: var(--ag-control-panel-background-color);\n  color: color-mix(in srgb, transparent, var(--ag-foreground-color) 95%);\n}\n.ag-theme-quartz .ag-menu-header,\n.ag-theme-quartz-dark .ag-menu-header,\n.ag-theme-quartz-auto-dark .ag-menu-header {\n  background-color: var(--ag-control-panel-background-color);\n}\n.ag-theme-quartz .ag-menu-option,\n.ag-theme-quartz-dark .ag-menu-option,\n.ag-theme-quartz-auto-dark .ag-menu-option {\n  font-weight: 500;\n  cursor: pointer;\n}\n.ag-theme-quartz .ag-ltr .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-dark .ag-ltr .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-menu-option-popup-pointer .ag-icon {\n  text-align: right;\n}\n\n.ag-theme-quartz .ag-rtl .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-dark .ag-rtl .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-menu-option-popup-pointer .ag-icon {\n  text-align: left;\n}\n\n.ag-theme-quartz .ag-tabs-header,\n.ag-theme-quartz-dark .ag-tabs-header,\n.ag-theme-quartz-auto-dark .ag-tabs-header {\n  border-bottom: var(--ag-borders) var(--ag-border-color);\n  display: flex;\n  background-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 5%);\n}\n.ag-theme-quartz .ag-side-bar,\n.ag-theme-quartz-dark .ag-side-bar,\n.ag-theme-quartz-auto-dark .ag-side-bar {\n  background-color: var(--ag-control-panel-background-color);\n  min-width: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);\n}\n.ag-theme-quartz .ag-side-buttons,\n.ag-theme-quartz-dark .ag-side-buttons,\n.ag-theme-quartz-auto-dark .ag-side-buttons {\n  padding: 0;\n  align-self: stretch;\n  width: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);\n  background: var(--ag-control-panel-background-color);\n}\n.ag-theme-quartz .ag-side-button,\n.ag-theme-quartz-dark .ag-side-button,\n.ag-theme-quartz-auto-dark .ag-side-button {\n  border-top: var(--ag-borders) transparent;\n  border-bottom: var(--ag-borders) transparent;\n}\n@media (max-resolution: 1.5x) {\n  .ag-theme-quartz .ag-side-button-label,\n  .ag-theme-quartz-dark .ag-side-button-label,\n  .ag-theme-quartz-auto-dark .ag-side-button-label {\n    font-family: "Segoe UI", var(--ag-font-family);\n    transform: rotate(0.05deg);\n  }\n}\n.ag-theme-quartz .ag-side-button.ag-selected,\n.ag-theme-quartz-dark .ag-side-button.ag-selected,\n.ag-theme-quartz-auto-dark .ag-side-button.ag-selected {\n  border-bottom-color: var(--ag-border-color);\n  background-color: var(--ag-background-color);\n}\n.ag-theme-quartz .ag-side-button.ag-selected:not(:first-of-type),\n.ag-theme-quartz-dark .ag-side-button.ag-selected:not(:first-of-type),\n.ag-theme-quartz-auto-dark .ag-side-button.ag-selected:not(:first-of-type) {\n  border-top-color: var(--ag-border-color);\n}\n.ag-theme-quartz .ag-column-panel-column-select,\n.ag-theme-quartz-dark .ag-column-panel-column-select,\n.ag-theme-quartz-auto-dark .ag-column-panel-column-select {\n  border-top: none;\n  border-bottom: 1px solid var(--ag-secondary-border-color);\n}\n.ag-theme-quartz .ag-filter-toolpanel-search,\n.ag-theme-quartz-dark .ag-filter-toolpanel-search,\n.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search {\n  height: auto;\n  height: initial;\n  margin-top: var(--ag-widget-container-vertical-padding);\n}\n.ag-theme-quartz .ag-filter-toolpanel-search-input,\n.ag-theme-quartz-dark .ag-filter-toolpanel-search-input,\n.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search-input {\n  margin: 0;\n}\n.ag-theme-quartz .ag-filter-apply-panel,\n.ag-theme-quartz-dark .ag-filter-apply-panel,\n.ag-theme-quartz-auto-dark .ag-filter-apply-panel {\n  border: none;\n  padding-top: var(--ag-widget-vertical-spacing);\n}\n.ag-theme-quartz .ag-chart-tabbed-menu-body,\n.ag-theme-quartz-dark .ag-chart-tabbed-menu-body,\n.ag-theme-quartz-auto-dark .ag-chart-tabbed-menu-body {\n  position: relative;\n}\n.ag-theme-quartz .ag-chart-tabbed-menu-body::after,\n.ag-theme-quartz-dark .ag-chart-tabbed-menu-body::after,\n.ag-theme-quartz-auto-dark .ag-chart-tabbed-menu-body::after {\n  content: "";\n  position: absolute;\n  display: block;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 16px;\n  background: linear-gradient(var(--ag-control-panel-background-color), transparent);\n}\n.ag-theme-quartz .ag-charts-settings-group-title-bar,\n.ag-theme-quartz .ag-charts-data-group-title-bar,\n.ag-theme-quartz .ag-charts-format-top-level-group-title-bar,\n.ag-theme-quartz .ag-charts-advanced-settings-top-level-group-title-bar,\n.ag-theme-quartz .ag-charts-settings-group-container,\n.ag-theme-quartz-dark .ag-charts-settings-group-title-bar,\n.ag-theme-quartz-dark .ag-charts-data-group-title-bar,\n.ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar,\n.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-title-bar,\n.ag-theme-quartz-dark .ag-charts-settings-group-container,\n.ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar,\n.ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar,\n.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar,\n.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-title-bar,\n.ag-theme-quartz-auto-dark .ag-charts-settings-group-container {\n  border-top: none;\n  font-weight: 500;\n}\n.ag-theme-quartz .ag-chart-mini-thumbnail,\n.ag-theme-quartz-dark .ag-chart-mini-thumbnail,\n.ag-theme-quartz-auto-dark .ag-chart-mini-thumbnail {\n  background-color: var(--ag-background-color);\n  margin-top: 0;\n  margin-bottom: 0;\n}\n.ag-theme-quartz .ag-chart-settings-nav-bar,\n.ag-theme-quartz-dark .ag-chart-settings-nav-bar,\n.ag-theme-quartz-auto-dark .ag-chart-settings-nav-bar {\n  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);\n}\n.ag-theme-quartz .ag-charts-format-sub-level-group-title-bar,\n.ag-theme-quartz-dark .ag-charts-format-sub-level-group-title-bar,\n.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-title-bar {\n  background: none;\n  font-weight: 500;\n}\n.ag-theme-quartz .ag-chart-data-section .ag-label:not(.ag-group-title-bar),\n.ag-theme-quartz .ag-chart-format-section .ag-label:not(.ag-group-title-bar),\n.ag-theme-quartz-dark .ag-chart-data-section .ag-label:not(.ag-group-title-bar),\n.ag-theme-quartz-dark .ag-chart-format-section .ag-label:not(.ag-group-title-bar),\n.ag-theme-quartz-auto-dark .ag-chart-data-section .ag-label:not(.ag-group-title-bar),\n.ag-theme-quartz-auto-dark .ag-chart-format-section .ag-label:not(.ag-group-title-bar) {\n  color: var(--ag-chart-menu-label-color);\n}\n.ag-theme-quartz .ag-chart-data-section .ag-label-align-top .ag-label,\n.ag-theme-quartz .ag-chart-format-section .ag-label-align-top .ag-label,\n.ag-theme-quartz-dark .ag-chart-data-section .ag-label-align-top .ag-label,\n.ag-theme-quartz-dark .ag-chart-format-section .ag-label-align-top .ag-label,\n.ag-theme-quartz-auto-dark .ag-chart-data-section .ag-label-align-top .ag-label,\n.ag-theme-quartz-auto-dark .ag-chart-format-section .ag-label-align-top .ag-label {\n  margin-top: calc(var(--ag-widget-vertical-spacing) * 0.5);\n  margin-bottom: var(--ag-widget-vertical-spacing);\n}\n.ag-theme-quartz .ag-chart-data-section .ag-slider.ag-label-align-top .ag-label,\n.ag-theme-quartz .ag-chart-format-section .ag-slider.ag-label-align-top .ag-label,\n.ag-theme-quartz-dark .ag-chart-data-section .ag-slider.ag-label-align-top .ag-label,\n.ag-theme-quartz-dark .ag-chart-format-section .ag-slider.ag-label-align-top .ag-label,\n.ag-theme-quartz-auto-dark .ag-chart-data-section .ag-slider.ag-label-align-top .ag-label,\n.ag-theme-quartz-auto-dark .ag-chart-format-section .ag-slider.ag-label-align-top .ag-label {\n  margin-bottom: 0;\n}\n.ag-theme-quartz .ag-chart-data-section label,\n.ag-theme-quartz .ag-chart-format-section label,\n.ag-theme-quartz-dark .ag-chart-data-section label,\n.ag-theme-quartz-dark .ag-chart-format-section label,\n.ag-theme-quartz-auto-dark .ag-chart-data-section label,\n.ag-theme-quartz-auto-dark .ag-chart-format-section label {\n  display: inline-block;\n}\n.ag-theme-quartz .ag-chart-format-wrapper,\n.ag-theme-quartz .ag-chart-data-wrapper,\n.ag-theme-quartz .ag-charts-format-top-level-group,\n.ag-theme-quartz .ag-charts-format-top-level-group-title-bar,\n.ag-theme-quartz .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,\n.ag-theme-quartz .ag-charts-format-top-level-group-item,\n.ag-theme-quartz .ag-charts-format-sub-level-group,\n.ag-theme-quartz .ag-charts-format-sub-level-group-title-bar,\n.ag-theme-quartz .ag-charts-format-sub-level-group-container,\n.ag-theme-quartz .ag-charts-format-sub-level-group-item:last-child,\n.ag-theme-quartz .ag-charts-format-sub-level-group-container > *,\n.ag-theme-quartz .ag-charts-data-group-title-bar,\n.ag-theme-quartz .ag-charts-data-group-container,\n.ag-theme-quartz .ag-charts-settings-group-title-bar,\n.ag-theme-quartz .ag-charts-settings-group-container,\n.ag-theme-quartz-dark .ag-chart-format-wrapper,\n.ag-theme-quartz-dark .ag-chart-data-wrapper,\n.ag-theme-quartz-dark .ag-charts-format-top-level-group,\n.ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar,\n.ag-theme-quartz-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,\n.ag-theme-quartz-dark .ag-charts-format-top-level-group-item,\n.ag-theme-quartz-dark .ag-charts-format-sub-level-group,\n.ag-theme-quartz-dark .ag-charts-format-sub-level-group-title-bar,\n.ag-theme-quartz-dark .ag-charts-format-sub-level-group-container,\n.ag-theme-quartz-dark .ag-charts-format-sub-level-group-item:last-child,\n.ag-theme-quartz-dark .ag-charts-format-sub-level-group-container > *,\n.ag-theme-quartz-dark .ag-charts-data-group-title-bar,\n.ag-theme-quartz-dark .ag-charts-data-group-container,\n.ag-theme-quartz-dark .ag-charts-settings-group-title-bar,\n.ag-theme-quartz-dark .ag-charts-settings-group-container,\n.ag-theme-quartz-auto-dark .ag-chart-format-wrapper,\n.ag-theme-quartz-auto-dark .ag-chart-data-wrapper,\n.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group,\n.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar,\n.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,\n.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-item,\n.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group,\n.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-title-bar,\n.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container,\n.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-item:last-child,\n.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container > *,\n.ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar,\n.ag-theme-quartz-auto-dark .ag-charts-data-group-container,\n.ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar,\n.ag-theme-quartz-auto-dark .ag-charts-settings-group-container {\n  padding: 0;\n  margin: 0;\n}\n.ag-theme-quartz .ag-charts-format-top-level-group,\n.ag-theme-quartz .ag-charts-data-group,\n.ag-theme-quartz-dark .ag-charts-format-top-level-group,\n.ag-theme-quartz-dark .ag-charts-data-group,\n.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group,\n.ag-theme-quartz-auto-dark .ag-charts-data-group {\n  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);\n}\n.ag-theme-quartz .ag-charts-format-top-level-group-title-bar,\n.ag-theme-quartz .ag-charts-data-group-title-bar,\n.ag-theme-quartz .ag-charts-settings-group-title-bar,\n.ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar,\n.ag-theme-quartz-dark .ag-charts-data-group-title-bar,\n.ag-theme-quartz-dark .ag-charts-settings-group-title-bar,\n.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar,\n.ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar,\n.ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar {\n  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);\n}\n.ag-theme-quartz .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,\n.ag-theme-quartz .ag-charts-data-group .ag-charts-data-group-container,\n.ag-theme-quartz .ag-charts-settings-group .ag-charts-settings-group-container,\n.ag-theme-quartz-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,\n.ag-theme-quartz-dark .ag-charts-data-group .ag-charts-data-group-container,\n.ag-theme-quartz-dark .ag-charts-settings-group .ag-charts-settings-group-container,\n.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,\n.ag-theme-quartz-auto-dark .ag-charts-data-group .ag-charts-data-group-container,\n.ag-theme-quartz-auto-dark .ag-charts-settings-group .ag-charts-settings-group-container {\n  padding: 0 var(--ag-widget-container-horizontal-padding);\n}\n.ag-theme-quartz .ag-charts-format-sub-level-group-title-bar,\n.ag-theme-quartz-dark .ag-charts-format-sub-level-group-title-bar,\n.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-title-bar {\n  padding: var(--ag-widget-vertical-spacing) 0;\n}\n.ag-theme-quartz .ag-charts-format-sub-level-group-container,\n.ag-theme-quartz-dark .ag-charts-format-sub-level-group-container,\n.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container {\n  padding-top: var(--ag-widget-vertical-spacing);\n  padding-bottom: var(--ag-widget-container-vertical-padding);\n}\n.ag-theme-quartz .ag-charts-format-top-level-group-container > *,\n.ag-theme-quartz .ag-charts-format-sub-level-group-container > *,\n.ag-theme-quartz-dark .ag-charts-format-top-level-group-container > *,\n.ag-theme-quartz-dark .ag-charts-format-sub-level-group-container > *,\n.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-container > *,\n.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container > * {\n  margin-bottom: var(--ag-widget-vertical-spacing);\n}\n.ag-theme-quartz .ag-charts-data-group-item,\n.ag-theme-quartz-dark .ag-charts-data-group-item,\n.ag-theme-quartz-auto-dark .ag-charts-data-group-item {\n  padding-bottom: var(--ag-widget-container-vertical-padding);\n}\n.ag-theme-quartz .ag-chart-settings-mini-wrapper,\n.ag-theme-quartz-dark .ag-chart-settings-mini-wrapper,\n.ag-theme-quartz-auto-dark .ag-chart-settings-mini-wrapper {\n  padding-bottom: var(--ag-widget-container-vertical-padding);\n}\n.ag-theme-quartz .ag-chart-advanced-settings-section,\n.ag-theme-quartz-dark .ag-chart-advanced-settings-section,\n.ag-theme-quartz-auto-dark .ag-chart-advanced-settings-section {\n  padding-top: var(--ag-widget-container-vertical-padding);\n  padding-bottom: var(--ag-widget-container-vertical-padding);\n}\n.ag-theme-quartz .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-title-bar,\n.ag-theme-quartz .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-container,\n.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-title-bar,\n.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-container,\n.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-title-bar,\n.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-container {\n  padding: 0 var(--ag-widget-container-horizontal-padding);\n}\n.ag-theme-quartz .ag-charts-advanced-settings-top-level-group-container,\n.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-container,\n.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-container {\n  margin: 0;\n}\n.ag-theme-quartz .ag-charts-advanced-settings-top-level-group-item,\n.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-item,\n.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-item {\n  margin-top: calc(var(--ag-widget-vertical-spacing) * 2);\n  margin-bottom: 0;\n}\n.ag-theme-quartz .ag-ltr .ag-group-title-bar-icon, .ag-theme-quartz-dark .ag-ltr .ag-group-title-bar-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-group-title-bar-icon {\n  margin-right: var(--ag-grid-size);\n}\n\n.ag-theme-quartz .ag-rtl .ag-group-title-bar-icon, .ag-theme-quartz-dark .ag-rtl .ag-group-title-bar-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-group-title-bar-icon {\n  margin-left: var(--ag-grid-size);\n}\n\n.ag-theme-quartz .ag-spectrum-color,\n.ag-theme-quartz .ag-spectrum-fill,\n.ag-theme-quartz-dark .ag-spectrum-color,\n.ag-theme-quartz-dark .ag-spectrum-fill,\n.ag-theme-quartz-auto-dark .ag-spectrum-color,\n.ag-theme-quartz-auto-dark .ag-spectrum-fill {\n  border-radius: var(--ag-border-radius);\n}\n.ag-theme-quartz .ag-spectrum-dragger,\n.ag-theme-quartz-dark .ag-spectrum-dragger,\n.ag-theme-quartz-auto-dark .ag-spectrum-dragger {\n  border-radius: 18px;\n  height: 18px;\n  width: 18px;\n  border: 3px solid white;\n}\n.ag-theme-quartz .ag-spectrum-tools,\n.ag-theme-quartz-dark .ag-spectrum-tools,\n.ag-theme-quartz-auto-dark .ag-spectrum-tools {\n  padding-left: 0;\n  padding-right: 0;\n  padding-bottom: 0;\n}\n.ag-theme-quartz .ag-spectrum-tool,\n.ag-theme-quartz-dark .ag-spectrum-tool,\n.ag-theme-quartz-auto-dark .ag-spectrum-tool {\n  height: 12px;\n}\n.ag-theme-quartz .ag-spectrum-hue-background,\n.ag-theme-quartz .ag-spectrum-alpha-background,\n.ag-theme-quartz-dark .ag-spectrum-hue-background,\n.ag-theme-quartz-dark .ag-spectrum-alpha-background,\n.ag-theme-quartz-auto-dark .ag-spectrum-hue-background,\n.ag-theme-quartz-auto-dark .ag-spectrum-alpha-background {\n  border-radius: 12px;\n}\n.ag-theme-quartz .ag-spectrum-slider,\n.ag-theme-quartz-dark .ag-spectrum-slider,\n.ag-theme-quartz-auto-dark .ag-spectrum-slider {\n  margin-top: -15px;\n  width: 18px;\n  height: 18px;\n  border-radius: 18px;\n  border: 3px solid rgb(248, 248, 248);\n}\n.ag-theme-quartz .ag-recent-colors,\n.ag-theme-quartz-dark .ag-recent-colors,\n.ag-theme-quartz-auto-dark .ag-recent-colors {\n  margin-left: var(--ag-grid-size);\n  margin-right: var(--ag-grid-size);\n  margin-bottom: 2px;\n}\n.ag-theme-quartz .ag-color-input-color,\n.ag-theme-quartz .ag-color-picker-color,\n.ag-theme-quartz .ag-recent-color,\n.ag-theme-quartz-dark .ag-color-input-color,\n.ag-theme-quartz-dark .ag-color-picker-color,\n.ag-theme-quartz-dark .ag-recent-color,\n.ag-theme-quartz-auto-dark .ag-color-input-color,\n.ag-theme-quartz-auto-dark .ag-color-picker-color,\n.ag-theme-quartz-auto-dark .ag-recent-color {\n  border-radius: 4px;\n}\n.ag-theme-quartz .ag-recent-color,\n.ag-theme-quartz-dark .ag-recent-color,\n.ag-theme-quartz-auto-dark .ag-recent-color {\n  border: var(--ag-borders-secondary) var(--ag-secondary-border-color);\n}\n.ag-theme-quartz.ag-dnd-ghost,\n.ag-theme-quartz-dark.ag-dnd-ghost,\n.ag-theme-quartz-auto-dark.ag-dnd-ghost {\n  font-weight: 500;\n}\n.ag-theme-quartz .ag-standard-button,\n.ag-theme-quartz-dark .ag-standard-button,\n.ag-theme-quartz-auto-dark .ag-standard-button {\n  font-family: inherit;\n  -moz-appearance: none;\n       appearance: none;\n  -webkit-appearance: none;\n  border-radius: var(--ag-border-radius);\n  border: solid 1px var(--ag-input-border-color);\n  background-color: var(--ag-background-color);\n  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);\n  cursor: pointer;\n}\n.ag-theme-quartz .ag-standard-button:hover,\n.ag-theme-quartz-dark .ag-standard-button:hover,\n.ag-theme-quartz-auto-dark .ag-standard-button:hover {\n  background-color: var(--ag-row-hover-color);\n}\n.ag-theme-quartz .ag-standard-button:active,\n.ag-theme-quartz-dark .ag-standard-button:active,\n.ag-theme-quartz-auto-dark .ag-standard-button:active {\n  border-color: var(--ag-active-color);\n}\n.ag-theme-quartz .ag-standard-button:disabled,\n.ag-theme-quartz-dark .ag-standard-button:disabled,\n.ag-theme-quartz-auto-dark .ag-standard-button:disabled {\n  color: var(--ag-disabled-foreground-color);\n  background-color: var(--ag-input-disabled-background-color);\n  border-color: var(--ag-input-disabled-border-color);\n}\n.ag-theme-quartz .ag-column-drop-cell,\n.ag-theme-quartz-dark .ag-column-drop-cell,\n.ag-theme-quartz-auto-dark .ag-column-drop-cell {\n  border-radius: calc(var(--ag-grid-size) * 3);\n  height: calc(var(--ag-grid-size) * 3);\n  padding: 0 var(--ag-grid-size);\n}\n.ag-theme-quartz .ag-column-drop-cell-button,\n.ag-theme-quartz-dark .ag-column-drop-cell-button,\n.ag-theme-quartz-auto-dark .ag-column-drop-cell-button {\n  min-width: 0;\n  margin: 0;\n}\n.ag-theme-quartz .ag-column-drop-cell-drag-handle,\n.ag-theme-quartz-dark .ag-column-drop-cell-drag-handle,\n.ag-theme-quartz-auto-dark .ag-column-drop-cell-drag-handle {\n  margin-left: 0;\n}\n.ag-theme-quartz .ag-column-drop-vertical,\n.ag-theme-quartz-dark .ag-column-drop-vertical,\n.ag-theme-quartz-auto-dark .ag-column-drop-vertical {\n  min-height: 75px;\n}\n.ag-theme-quartz .ag-column-drop-vertical-title-bar,\n.ag-theme-quartz-dark .ag-column-drop-vertical-title-bar,\n.ag-theme-quartz-auto-dark .ag-column-drop-vertical-title-bar {\n  padding: var(--ag-widget-container-vertical-padding) calc(var(--ag-grid-size) * 2) 0;\n}\n.ag-theme-quartz .ag-ltr .ag-column-drop-vertical-icon, .ag-theme-quartz-dark .ag-ltr .ag-column-drop-vertical-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-drop-vertical-icon {\n  margin-left: 0;\n  margin-right: var(--ag-widget-horizontal-spacing);\n}\n\n.ag-theme-quartz .ag-rtl .ag-column-drop-vertical-icon, .ag-theme-quartz-dark .ag-rtl .ag-column-drop-vertical-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-drop-vertical-icon {\n  margin-right: 0;\n  margin-left: var(--ag-widget-horizontal-spacing);\n}\n\n.ag-theme-quartz .ag-column-drop-vertical-empty-message,\n.ag-theme-quartz-dark .ag-column-drop-vertical-empty-message,\n.ag-theme-quartz-auto-dark .ag-column-drop-vertical-empty-message {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: dashed 1px;\n  border-color: var(--ag-border-color);\n  margin: calc(var(--ag-grid-size) * 1.5) calc(var(--ag-grid-size) * 2);\n  padding: calc(var(--ag-grid-size) * 2);\n}\n.ag-theme-quartz .ag-column-drop-empty-message,\n.ag-theme-quartz-dark .ag-column-drop-empty-message,\n.ag-theme-quartz-auto-dark .ag-column-drop-empty-message {\n  color: var(--ag-foreground-color);\n}\n.ag-theme-quartz .ag-pill-select .ag-column-drop,\n.ag-theme-quartz-dark .ag-pill-select .ag-column-drop,\n.ag-theme-quartz-auto-dark .ag-pill-select .ag-column-drop {\n  min-height: 0;\n  min-height: initial;\n}\n.ag-theme-quartz .ag-pill-select .ag-picker-field-display,\n.ag-theme-quartz-dark .ag-pill-select .ag-picker-field-display,\n.ag-theme-quartz-auto-dark .ag-pill-select .ag-picker-field-display {\n  font-weight: 500;\n  color: var(--ag-chart-menu-pill-select-button-color);\n}\n.ag-theme-quartz .ag-pill-select .ag-picker-field-icon .ag-icon,\n.ag-theme-quartz-dark .ag-pill-select .ag-picker-field-icon .ag-icon,\n.ag-theme-quartz-auto-dark .ag-pill-select .ag-picker-field-icon .ag-icon {\n  color: var(--ag-chart-menu-pill-select-button-color);\n}\n.ag-theme-quartz .ag-status-bar,\n.ag-theme-quartz-dark .ag-status-bar,\n.ag-theme-quartz-auto-dark .ag-status-bar {\n  font-weight: normal;\n}\n.ag-theme-quartz .ag-status-name-value,\n.ag-theme-quartz-dark .ag-status-name-value,\n.ag-theme-quartz-auto-dark .ag-status-name-value {\n  padding: var(--ag-widget-container-vertical-padding) 0;\n}\n.ag-theme-quartz .ag-status-name-value-value,\n.ag-theme-quartz .ag-paging-number,\n.ag-theme-quartz .ag-paging-row-summary-panel-number,\n.ag-theme-quartz-dark .ag-status-name-value-value,\n.ag-theme-quartz-dark .ag-paging-number,\n.ag-theme-quartz-dark .ag-paging-row-summary-panel-number,\n.ag-theme-quartz-auto-dark .ag-status-name-value-value,\n.ag-theme-quartz-auto-dark .ag-paging-number,\n.ag-theme-quartz-auto-dark .ag-paging-row-summary-panel-number {\n  font-weight: 500;\n}\n.ag-theme-quartz .ag-column-drop-cell-button,\n.ag-theme-quartz-dark .ag-column-drop-cell-button,\n.ag-theme-quartz-auto-dark .ag-column-drop-cell-button {\n  opacity: 0.75;\n}\n.ag-theme-quartz .ag-column-drop-cell-button:hover,\n.ag-theme-quartz-dark .ag-column-drop-cell-button:hover,\n.ag-theme-quartz-auto-dark .ag-column-drop-cell-button:hover {\n  opacity: 1;\n}\n.ag-theme-quartz .ag-header-cell-menu-button,\n.ag-theme-quartz .ag-header-cell-filter-button,\n.ag-theme-quartz .ag-panel-title-bar-button,\n.ag-theme-quartz .ag-header-expand-icon,\n.ag-theme-quartz .ag-column-group-icons,\n.ag-theme-quartz .ag-set-filter-group-icons,\n.ag-theme-quartz .ag-group-expanded .ag-icon,\n.ag-theme-quartz .ag-group-contracted .ag-icon,\n.ag-theme-quartz .ag-chart-settings-prev,\n.ag-theme-quartz .ag-chart-settings-next,\n.ag-theme-quartz .ag-group-title-bar-icon,\n.ag-theme-quartz .ag-column-select-header-icon,\n.ag-theme-quartz .ag-floating-filter-button-button,\n.ag-theme-quartz .ag-filter-toolpanel-expand,\n.ag-theme-quartz .ag-panel-title-bar-button-icon,\n.ag-theme-quartz .ag-chart-menu-icon,\n.ag-theme-quartz-dark .ag-header-cell-menu-button,\n.ag-theme-quartz-dark .ag-header-cell-filter-button,\n.ag-theme-quartz-dark .ag-panel-title-bar-button,\n.ag-theme-quartz-dark .ag-header-expand-icon,\n.ag-theme-quartz-dark .ag-column-group-icons,\n.ag-theme-quartz-dark .ag-set-filter-group-icons,\n.ag-theme-quartz-dark .ag-group-expanded .ag-icon,\n.ag-theme-quartz-dark .ag-group-contracted .ag-icon,\n.ag-theme-quartz-dark .ag-chart-settings-prev,\n.ag-theme-quartz-dark .ag-chart-settings-next,\n.ag-theme-quartz-dark .ag-group-title-bar-icon,\n.ag-theme-quartz-dark .ag-column-select-header-icon,\n.ag-theme-quartz-dark .ag-floating-filter-button-button,\n.ag-theme-quartz-dark .ag-filter-toolpanel-expand,\n.ag-theme-quartz-dark .ag-panel-title-bar-button-icon,\n.ag-theme-quartz-dark .ag-chart-menu-icon,\n.ag-theme-quartz-auto-dark .ag-header-cell-menu-button,\n.ag-theme-quartz-auto-dark .ag-header-cell-filter-button,\n.ag-theme-quartz-auto-dark .ag-panel-title-bar-button,\n.ag-theme-quartz-auto-dark .ag-header-expand-icon,\n.ag-theme-quartz-auto-dark .ag-column-group-icons,\n.ag-theme-quartz-auto-dark .ag-set-filter-group-icons,\n.ag-theme-quartz-auto-dark .ag-group-expanded .ag-icon,\n.ag-theme-quartz-auto-dark .ag-group-contracted .ag-icon,\n.ag-theme-quartz-auto-dark .ag-chart-settings-prev,\n.ag-theme-quartz-auto-dark .ag-chart-settings-next,\n.ag-theme-quartz-auto-dark .ag-group-title-bar-icon,\n.ag-theme-quartz-auto-dark .ag-column-select-header-icon,\n.ag-theme-quartz-auto-dark .ag-floating-filter-button-button,\n.ag-theme-quartz-auto-dark .ag-filter-toolpanel-expand,\n.ag-theme-quartz-auto-dark .ag-panel-title-bar-button-icon,\n.ag-theme-quartz-auto-dark .ag-chart-menu-icon {\n  --ag-quartz-icon-hover-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);\n}\n.ag-theme-quartz .ag-header-cell-menu-button:hover,\n.ag-theme-quartz .ag-header-cell-filter-button:hover,\n.ag-theme-quartz .ag-panel-title-bar-button:hover,\n.ag-theme-quartz .ag-header-expand-icon:hover,\n.ag-theme-quartz .ag-column-group-icons:hover,\n.ag-theme-quartz .ag-set-filter-group-icons:hover,\n.ag-theme-quartz .ag-group-expanded .ag-icon:hover,\n.ag-theme-quartz .ag-group-contracted .ag-icon:hover,\n.ag-theme-quartz .ag-chart-settings-prev:hover,\n.ag-theme-quartz .ag-chart-settings-next:hover,\n.ag-theme-quartz .ag-group-title-bar-icon:hover,\n.ag-theme-quartz .ag-column-select-header-icon:hover,\n.ag-theme-quartz .ag-floating-filter-button-button:hover,\n.ag-theme-quartz .ag-filter-toolpanel-expand:hover,\n.ag-theme-quartz .ag-panel-title-bar-button-icon:hover,\n.ag-theme-quartz .ag-chart-menu-icon:hover,\n.ag-theme-quartz-dark .ag-header-cell-menu-button:hover,\n.ag-theme-quartz-dark .ag-header-cell-filter-button:hover,\n.ag-theme-quartz-dark .ag-panel-title-bar-button:hover,\n.ag-theme-quartz-dark .ag-header-expand-icon:hover,\n.ag-theme-quartz-dark .ag-column-group-icons:hover,\n.ag-theme-quartz-dark .ag-set-filter-group-icons:hover,\n.ag-theme-quartz-dark .ag-group-expanded .ag-icon:hover,\n.ag-theme-quartz-dark .ag-group-contracted .ag-icon:hover,\n.ag-theme-quartz-dark .ag-chart-settings-prev:hover,\n.ag-theme-quartz-dark .ag-chart-settings-next:hover,\n.ag-theme-quartz-dark .ag-group-title-bar-icon:hover,\n.ag-theme-quartz-dark .ag-column-select-header-icon:hover,\n.ag-theme-quartz-dark .ag-floating-filter-button-button:hover,\n.ag-theme-quartz-dark .ag-filter-toolpanel-expand:hover,\n.ag-theme-quartz-dark .ag-panel-title-bar-button-icon:hover,\n.ag-theme-quartz-dark .ag-chart-menu-icon:hover,\n.ag-theme-quartz-auto-dark .ag-header-cell-menu-button:hover,\n.ag-theme-quartz-auto-dark .ag-header-cell-filter-button:hover,\n.ag-theme-quartz-auto-dark .ag-panel-title-bar-button:hover,\n.ag-theme-quartz-auto-dark .ag-header-expand-icon:hover,\n.ag-theme-quartz-auto-dark .ag-column-group-icons:hover,\n.ag-theme-quartz-auto-dark .ag-set-filter-group-icons:hover,\n.ag-theme-quartz-auto-dark .ag-group-expanded .ag-icon:hover,\n.ag-theme-quartz-auto-dark .ag-group-contracted .ag-icon:hover,\n.ag-theme-quartz-auto-dark .ag-chart-settings-prev:hover,\n.ag-theme-quartz-auto-dark .ag-chart-settings-next:hover,\n.ag-theme-quartz-auto-dark .ag-group-title-bar-icon:hover,\n.ag-theme-quartz-auto-dark .ag-column-select-header-icon:hover,\n.ag-theme-quartz-auto-dark .ag-floating-filter-button-button:hover,\n.ag-theme-quartz-auto-dark .ag-filter-toolpanel-expand:hover,\n.ag-theme-quartz-auto-dark .ag-panel-title-bar-button-icon:hover,\n.ag-theme-quartz-auto-dark .ag-chart-menu-icon:hover {\n  border-radius: 1px;\n  background-color: var(--ag-quartz-icon-hover-color);\n  box-shadow: 0 0 0 4px var(--ag-quartz-icon-hover-color);\n}\n.ag-theme-quartz .ag-filter-active,\n.ag-theme-quartz-dark .ag-filter-active,\n.ag-theme-quartz-auto-dark .ag-filter-active {\n  --ag-quartz-icon-active-color: color-mix(in srgb, transparent, var(--ag-active-color) 14%);\n  --ag-quartz-icon-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 28%);\n  position: relative;\n  border-radius: 1px;\n  background-color: var(--ag-quartz-icon-active-color);\n  box-shadow: 0 0 0 4px var(--ag-quartz-icon-active-color);\n}\n.ag-theme-quartz .ag-filter-active::after,\n.ag-theme-quartz-dark .ag-filter-active::after,\n.ag-theme-quartz-auto-dark .ag-filter-active::after {\n  content: "";\n  position: absolute;\n  width: 6px;\n  height: 6px;\n  top: -1px;\n  right: -1px;\n  border-radius: 50%;\n  background-color: var(--ag-active-color);\n}\n.ag-theme-quartz .ag-filter-active .ag-icon-filter,\n.ag-theme-quartz-dark .ag-filter-active .ag-icon-filter,\n.ag-theme-quartz-auto-dark .ag-filter-active .ag-icon-filter {\n  clip-path: path("M8,0C8,4.415 11.585,8 16,8L16,16L0,16L0,0L8,0Z");\n}\n.ag-theme-quartz .ag-chart-menu,\n.ag-theme-quartz-dark .ag-chart-menu,\n.ag-theme-quartz-auto-dark .ag-chart-menu {\n  --ag-icon-size: 20px;\n  background-color: color-mix(in srgb, transparent, var(--ag-background-color) 30%);\n  padding: 4px 2px;\n}\n.ag-theme-quartz .ag-chart-menu-icon,\n.ag-theme-quartz-dark .ag-chart-menu-icon,\n.ag-theme-quartz-auto-dark .ag-chart-menu-icon {\n  opacity: 0.8;\n}\n.ag-theme-quartz .ag-drag-handle,\n.ag-theme-quartz-dark .ag-drag-handle,\n.ag-theme-quartz-auto-dark .ag-drag-handle {\n  color: var(--ag-icon-font-color);\n}\n.ag-theme-quartz .ag-menu-option-icon,\n.ag-theme-quartz .ag-compact-menu-option-icon,\n.ag-theme-quartz-dark .ag-menu-option-icon,\n.ag-theme-quartz-dark .ag-compact-menu-option-icon,\n.ag-theme-quartz-auto-dark .ag-menu-option-icon,\n.ag-theme-quartz-auto-dark .ag-compact-menu-option-icon {\n  width: var(--ag-icon-size);\n  cursor: pointer;\n}\n.ag-theme-quartz .ag-ltr .ag-menu-option-icon, .ag-theme-quartz .ag-ltr .ag-compact-menu-option-icon, .ag-theme-quartz-dark .ag-ltr .ag-menu-option-icon, .ag-theme-quartz-dark .ag-ltr .ag-compact-menu-option-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-menu-option-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-compact-menu-option-icon {\n  padding-left: calc(var(--ag-grid-size) * 1.5);\n}\n\n.ag-theme-quartz .ag-rtl .ag-menu-option-icon, .ag-theme-quartz .ag-rtl .ag-compact-menu-option-icon, .ag-theme-quartz-dark .ag-rtl .ag-menu-option-icon, .ag-theme-quartz-dark .ag-rtl .ag-compact-menu-option-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-menu-option-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-compact-menu-option-icon {\n  padding-right: calc(var(--ag-grid-size) * 1.5);\n}\n\n.ag-theme-quartz .ag-chart-settings-card-item.ag-not-selected:hover,\n.ag-theme-quartz-dark .ag-chart-settings-card-item.ag-not-selected:hover,\n.ag-theme-quartz-auto-dark .ag-chart-settings-card-item.ag-not-selected:hover {\n  opacity: 0.35;\n}\n.ag-theme-quartz .ag-ltr .ag-panel-title-bar-button, .ag-theme-quartz-dark .ag-ltr .ag-panel-title-bar-button, .ag-theme-quartz-auto-dark .ag-ltr .ag-panel-title-bar-button {\n  margin-left: calc(var(--ag-grid-size) * 2);\n  margin-right: var(--ag-grid-size);\n}\n\n.ag-theme-quartz .ag-rtl .ag-panel-title-bar-button, .ag-theme-quartz-dark .ag-rtl .ag-panel-title-bar-button, .ag-theme-quartz-auto-dark .ag-rtl .ag-panel-title-bar-button {\n  margin-right: calc(var(--ag-grid-size) * 2);\n  margin-left: var(--ag-grid-size);\n}\n\n.ag-theme-quartz .ag-multi-filter-group-title-bar,\n.ag-theme-quartz-dark .ag-multi-filter-group-title-bar,\n.ag-theme-quartz-auto-dark .ag-multi-filter-group-title-bar {\n  padding: calc(var(--ag-grid-size) * 1.5) var(--ag-grid-size);\n}\n.ag-theme-quartz .ag-ltr .ag-filter-toolpanel-instance-body, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-instance-body, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-instance-body {\n  padding-left: var(--ag-grid-size);\n}\n\n.ag-theme-quartz .ag-rtl .ag-filter-toolpanel-instance-body, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-instance-body, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-instance-body {\n  padding-right: var(--ag-grid-size);\n}\n\n.ag-theme-quartz .ag-filter-toolpanel-instance-filter,\n.ag-theme-quartz-dark .ag-filter-toolpanel-instance-filter,\n.ag-theme-quartz-auto-dark .ag-filter-toolpanel-instance-filter {\n  border: none;\n  background-color: var(--ag-control-panel-background-color);\n}\n.ag-theme-quartz .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-instance-filter {\n  margin-left: calc(var(--ag-icon-size) * 0.5);\n}\n\n.ag-theme-quartz .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-instance-filter {\n  margin-right: calc(var(--ag-icon-size) * 0.5);\n}\n\n.ag-theme-quartz .ag-filter-toolpanel-group-level-0,\n.ag-theme-quartz-dark .ag-filter-toolpanel-group-level-0,\n.ag-theme-quartz-auto-dark .ag-filter-toolpanel-group-level-0 {\n  border-top: none;\n}\n.ag-theme-quartz .ag-filter-toolpanel-header,\n.ag-theme-quartz-dark .ag-filter-toolpanel-header,\n.ag-theme-quartz-auto-dark .ag-filter-toolpanel-header {\n  height: auto;\n  height: initial;\n  padding-top: var(--ag-grid-size);\n  padding-bottom: var(--ag-grid-size);\n}\n.ag-theme-quartz .ag-filter-toolpanel-group-item,\n.ag-theme-quartz-dark .ag-filter-toolpanel-group-item,\n.ag-theme-quartz-auto-dark .ag-filter-toolpanel-group-item {\n  margin: 0;\n}\n.ag-theme-quartz .ag-layout-auto-height .ag-center-cols-viewport,\n.ag-theme-quartz .ag-layout-auto-height .ag-center-cols-container,\n.ag-theme-quartz .ag-layout-print .ag-center-cols-viewport,\n.ag-theme-quartz .ag-layout-print .ag-center-cols-container,\n.ag-theme-quartz-dark .ag-layout-auto-height .ag-center-cols-viewport,\n.ag-theme-quartz-dark .ag-layout-auto-height .ag-center-cols-container,\n.ag-theme-quartz-dark .ag-layout-print .ag-center-cols-viewport,\n.ag-theme-quartz-dark .ag-layout-print .ag-center-cols-container,\n.ag-theme-quartz-auto-dark .ag-layout-auto-height .ag-center-cols-viewport,\n.ag-theme-quartz-auto-dark .ag-layout-auto-height .ag-center-cols-container,\n.ag-theme-quartz-auto-dark .ag-layout-print .ag-center-cols-viewport,\n.ag-theme-quartz-auto-dark .ag-layout-print .ag-center-cols-container {\n  min-height: 150px;\n}\n.ag-theme-quartz .ag-date-time-list-page-entry-is-current,\n.ag-theme-quartz-dark .ag-date-time-list-page-entry-is-current,\n.ag-theme-quartz-auto-dark .ag-date-time-list-page-entry-is-current {\n  background-color: var(--ag-active-color);\n}\n.ag-theme-quartz .ag-advanced-filter-builder-button,\n.ag-theme-quartz-dark .ag-advanced-filter-builder-button,\n.ag-theme-quartz-auto-dark .ag-advanced-filter-builder-button {\n  padding: var(--ag-grid-size);\n  font-weight: 600;\n}\n.ag-theme-quartz .ag-advanced-filter-builder-item-button-disabled .ag-icon,\n.ag-theme-quartz .ag-disabled .ag-icon,\n.ag-theme-quartz .ag-column-select-column-group-readonly .ag-icon,\n.ag-theme-quartz [disabled] .ag-icon,\n.ag-theme-quartz-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,\n.ag-theme-quartz-dark .ag-disabled .ag-icon,\n.ag-theme-quartz-dark .ag-column-select-column-group-readonly .ag-icon,\n.ag-theme-quartz-dark [disabled] .ag-icon,\n.ag-theme-quartz-auto-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,\n.ag-theme-quartz-auto-dark .ag-disabled .ag-icon,\n.ag-theme-quartz-auto-dark .ag-column-select-column-group-readonly .ag-icon,\n.ag-theme-quartz-auto-dark [disabled] .ag-icon {\n  opacity: 0.6;\n}\n.ag-theme-quartz .ag-icon-grip,\n.ag-theme-quartz-dark .ag-icon-grip,\n.ag-theme-quartz-auto-dark .ag-icon-grip {\n  opacity: 0.7;\n}\n.ag-theme-quartz .ag-column-select-column-readonly.ag-icon-grip,\n.ag-theme-quartz .ag-column-select-column-readonly .ag-icon-grip,\n.ag-theme-quartz-dark .ag-column-select-column-readonly.ag-icon-grip,\n.ag-theme-quartz-dark .ag-column-select-column-readonly .ag-icon-grip,\n.ag-theme-quartz-auto-dark .ag-column-select-column-readonly.ag-icon-grip,\n.ag-theme-quartz-auto-dark .ag-column-select-column-readonly .ag-icon-grip {\n  opacity: 0.35;\n}\n.ag-theme-quartz .ag-column-select-header-filter-wrapper .ag-input-wrapper::before,\n.ag-theme-quartz .ag-filter-toolpanel-search .ag-input-wrapper::before,\n.ag-theme-quartz .ag-mini-filter .ag-input-wrapper::before,\n.ag-theme-quartz .ag-filter-filter .ag-input-wrapper::before,\n.ag-theme-quartz .ag-filter-add-select .ag-input-wrapper::before,\n.ag-theme-quartz-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper::before,\n.ag-theme-quartz-dark .ag-filter-toolpanel-search .ag-input-wrapper::before,\n.ag-theme-quartz-dark .ag-mini-filter .ag-input-wrapper::before,\n.ag-theme-quartz-dark .ag-filter-filter .ag-input-wrapper::before,\n.ag-theme-quartz-dark .ag-filter-add-select .ag-input-wrapper::before,\n.ag-theme-quartz-auto-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper::before,\n.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search .ag-input-wrapper::before,\n.ag-theme-quartz-auto-dark .ag-mini-filter .ag-input-wrapper::before,\n.ag-theme-quartz-auto-dark .ag-filter-filter .ag-input-wrapper::before,\n.ag-theme-quartz-auto-dark .ag-filter-add-select .ag-input-wrapper::before {\n  position: absolute;\n  display: block;\n  width: 12px;\n  height: 12px;\n  background-image: url('+h+');\n  background-position: 50% 50%;\n  background-size: contain;\n  opacity: 0.4;\n  content: "";\n  filter: var(--ag-icon-filter);\n}\n.ag-theme-quartz .ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz .ag-ltr .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz .ag-ltr .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz .ag-ltr .ag-filter-add-select .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-filter-add-select .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-add-select .ag-input-wrapper::before {\n  margin-left: var(--ag-grid-size);\n}\n\n.ag-theme-quartz .ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz .ag-rtl .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz .ag-rtl .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz .ag-rtl .ag-filter-add-select .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-filter-add-select .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-add-select .ag-input-wrapper::before {\n  margin-right: var(--ag-grid-size);\n}\n\n.ag-theme-quartz .ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz .ag-ltr .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz .ag-ltr .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz .ag-ltr .ag-filter-add-select input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-filter-add-select input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-add-select input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-add-select input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-add-select input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-add-select input.ag-number-field-input {\n  padding-left: 26px;\n}\n\n.ag-theme-quartz .ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz .ag-rtl .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz .ag-rtl .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz .ag-rtl .ag-filter-add-select input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-filter-add-select input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-add-select input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-add-select input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-add-select input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-add-select input.ag-number-field-input {\n  padding-right: 26px;\n}\n\n.ag-theme-quartz .ag-ltr .ag-column-select-add-group-indent, .ag-theme-quartz-dark .ag-ltr .ag-column-select-add-group-indent, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-add-group-indent {\n  margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 1.5);\n}\n\n.ag-theme-quartz .ag-rtl .ag-column-select-add-group-indent, .ag-theme-quartz-dark .ag-rtl .ag-column-select-add-group-indent, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-add-group-indent {\n  margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 1.5);\n}\n\n.ag-theme-quartz .ag-text-field-input[disabled],\n.ag-theme-quartz .ag-menu-option-disabled,\n.ag-theme-quartz-dark .ag-text-field-input[disabled],\n.ag-theme-quartz-dark .ag-menu-option-disabled,\n.ag-theme-quartz-auto-dark .ag-text-field-input[disabled],\n.ag-theme-quartz-auto-dark .ag-menu-option-disabled {\n  cursor: not-allowed;\n}\n.ag-theme-quartz .ag-checkbox-input-wrapper.ag-checked.ag-disabled,\n.ag-theme-quartz-dark .ag-checkbox-input-wrapper.ag-checked.ag-disabled,\n.ag-theme-quartz-auto-dark .ag-checkbox-input-wrapper.ag-checked.ag-disabled {\n  --ag-checkbox-checked-color: var(--ag-checkbox-unchecked-color);\n}\n.ag-theme-quartz .ag-checkbox-input,\n.ag-theme-quartz .ag-toggle-button-input,\n.ag-theme-quartz .ag-radio-button-input,\n.ag-theme-quartz input[class^=ag-][type=range],\n.ag-theme-quartz-dark .ag-checkbox-input,\n.ag-theme-quartz-dark .ag-toggle-button-input,\n.ag-theme-quartz-dark .ag-radio-button-input,\n.ag-theme-quartz-dark input[class^=ag-][type=range],\n.ag-theme-quartz-auto-dark .ag-checkbox-input,\n.ag-theme-quartz-auto-dark .ag-toggle-button-input,\n.ag-theme-quartz-auto-dark .ag-radio-button-input,\n.ag-theme-quartz-auto-dark input[class^=ag-][type=range] {\n  cursor: pointer;\n}\n.ag-theme-quartz .ag-details-row,\n.ag-theme-quartz-dark .ag-details-row,\n.ag-theme-quartz-auto-dark .ag-details-row {\n  padding: calc(var(--ag-grid-size) * 3.75);\n}\n.ag-theme-quartz .ag-list-item-hovered::after,\n.ag-theme-quartz-dark .ag-list-item-hovered::after,\n.ag-theme-quartz-auto-dark .ag-list-item-hovered::after {\n  background-color: var(--ag-active-color);\n}\n.ag-theme-quartz .ag-pill .ag-pill-button:hover,\n.ag-theme-quartz-dark .ag-pill .ag-pill-button:hover,\n.ag-theme-quartz-auto-dark .ag-pill .ag-pill-button:hover {\n  color: var(--ag-active-color);\n}\n.ag-theme-quartz .ag-header-highlight-before::after,\n.ag-theme-quartz .ag-header-highlight-after::after,\n.ag-theme-quartz-dark .ag-header-highlight-before::after,\n.ag-theme-quartz-dark .ag-header-highlight-after::after,\n.ag-theme-quartz-auto-dark .ag-header-highlight-before::after,\n.ag-theme-quartz-auto-dark .ag-header-highlight-after::after {\n  background-color: var(--ag-active-color);\n}\n\n.ag-theme-quartz-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper::before,\n.ag-theme-quartz-dark .ag-filter-toolpanel-search .ag-input-wrapper::before,\n.ag-theme-quartz-dark .ag-mini-filter .ag-input-wrapper::before,\n.ag-theme-quartz-dark .ag-filter-filter .ag-input-wrapper::before {\n  opacity: 0.66;\n  filter: invert(100%);\n}\n.ag-theme-quartz-dark .ag-chart-menu {\n  background-color: color-mix(in srgb, rgba(24, 39, 50, 0.3), var(--ag-background-color) 30%);\n}\n.ag-theme-quartz-dark .ag-text-field-input::-moz-placeholder {\n  color: var(--ag-data-color);\n  opacity: 0.8;\n}\n.ag-theme-quartz-dark .ag-text-field-input::placeholder {\n  color: var(--ag-data-color);\n  opacity: 0.8;\n}\n',""]),t.A=g},94131:function(e,t,a){var o=a(36758),n=a.n(o),r=a(40935),i=a.n(r),l=a(20062),s=a.n(l),d=new URL(a(50221),a.b),c=i()(n()),g=s()(d);c.push([e.id,'@font-face {\n  font-family: "agGridAlpine";\n  src: url('+g+");\n  font-weight: normal;\n  font-style: normal;\n}\n",""]),t.A=c},60679:function(e,t,a){var o=a(36758),n=a.n(o),r=a(40935),i=a.n(r),l=a(20062),s=a.n(l),d=new URL(a(38906),a.b),c=i()(n()),g=s()(d);c.push([e.id,'@font-face {\n  font-family: "agGridBalham";\n  src: url('+g+");\n  font-weight: normal;\n  font-style: normal;\n}\n",""]),t.A=c},44086:function(e,t,a){var o=a(36758),n=a.n(o),r=a(40935),i=a.n(r),l=a(20062),s=a.n(l),d=new URL(a(61142),a.b),c=i()(n()),g=s()(d);c.push([e.id,'@font-face {\n  font-family: "agGridClassic";\n  src: url('+g+");\n  font-weight: normal;\n  font-style: normal;\n}\n",""]),t.A=c},2249:function(e,t,a){var o=a(36758),n=a.n(o),r=a(40935),i=a.n(r),l=a(20062),s=a.n(l),d=new URL(a(80902),a.b),c=i()(n()),g=s()(d);c.push([e.id,'@font-face {\n  font-family: "agGridMaterial";\n  src: url('+g+");\n  font-weight: normal;\n  font-style: normal;\n}\n",""]),t.A=c},14011:function(e,t,a){var o=a(36758),n=a.n(o),r=a(40935),i=a.n(r),l=a(20062),s=a.n(l),d=new URL(a(43545),a.b),c=i()(n()),g=s()(d);c.push([e.id,'@font-face {\n  font-family: "agGridQuartz";\n  src: url('+g+");\n  font-weight: normal;\n  font-style: normal;\n}\n",""]),t.A=c},40935:function(e){e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var a="",o=void 0!==t[5];return t[4]&&(a+="@supports (".concat(t[4],") {")),t[2]&&(a+="@media ".concat(t[2]," {")),o&&(a+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),a+=e(t),o&&(a+="}"),t[2]&&(a+="}"),t[4]&&(a+="}"),a}).join("")},t.i=function(e,a,o,n,r){"string"==typeof e&&(e=[[null,e,void 0]]);var i={};if(o)for(var l=0;l<this.length;l++){var s=this[l][0];null!=s&&(i[s]=!0)}for(var d=0;d<e.length;d++){var c=[].concat(e[d]);o&&i[c[0]]||(void 0!==r&&(void 0===c[5]||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=r),a&&(c[2]?(c[1]="@media ".concat(c[2]," {").concat(c[1],"}"),c[2]=a):c[2]=a),n&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=n):c[4]="".concat(n)),t.push(c))}},t}},20062:function(e){e.exports=function(e,t){return t||(t={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),t.hash&&(e+=t.hash),/["'() \t\n]|(%20)/.test(e)||t.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},36758:function(e){e.exports=function(e){return e[1]}},80140:function(e,t,a){a.r(t);var o=a(72591),n=a.n(o),r=a(1740),i=a.n(r),l=a(88128),s=a.n(l),d=a(18021),c=a.n(d),g=a(93051),u=a.n(g),h=a(73656),p=a.n(h),m=a(18956),f={attributes:{"data-ag-scope":"legacy"}};f.styleTagTransform=p(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=i(),f.insertStyleElement=u();n()(m.A,f);t.default=m.A&&m.A.locals?m.A.locals:void 0},13795:function(e,t,a){a.r(t);var o=a(72591),n=a.n(o),r=a(1740),i=a.n(r),l=a(88128),s=a.n(l),d=a(18021),c=a.n(d),g=a(93051),u=a.n(g),h=a(73656),p=a.n(h),m=a(48483),f={attributes:{"data-ag-scope":"legacy"}};f.styleTagTransform=p(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=i(),f.insertStyleElement=u();n()(m.A,f);t.default=m.A&&m.A.locals?m.A.locals:void 0},78481:function(e,t,a){a.r(t);var o=a(72591),n=a.n(o),r=a(1740),i=a.n(r),l=a(88128),s=a.n(l),d=a(18021),c=a.n(d),g=a(93051),u=a.n(g),h=a(73656),p=a.n(h),m=a(17521),f={attributes:{"data-ag-scope":"legacy"}};f.styleTagTransform=p(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=i(),f.insertStyleElement=u();n()(m.A,f);t.default=m.A&&m.A.locals?m.A.locals:void 0},6655:function(e,t,a){a.r(t);var o=a(72591),n=a.n(o),r=a(1740),i=a.n(r),l=a(88128),s=a.n(l),d=a(18021),c=a.n(d),g=a(93051),u=a.n(g),h=a(73656),p=a.n(h),m=a(24991),f={attributes:{"data-ag-scope":"legacy"}};f.styleTagTransform=p(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=i(),f.insertStyleElement=u();n()(m.A,f);t.default=m.A&&m.A.locals?m.A.locals:void 0},57229:function(e,t,a){a.r(t);var o=a(72591),n=a.n(o),r=a(1740),i=a.n(r),l=a(88128),s=a.n(l),d=a(18021),c=a.n(d),g=a(93051),u=a.n(g),h=a(73656),p=a.n(h),m=a(12621),f={attributes:{"data-ag-scope":"legacy"}};f.styleTagTransform=p(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=i(),f.insertStyleElement=u();n()(m.A,f);t.default=m.A&&m.A.locals?m.A.locals:void 0},12885:function(e,t,a){a.r(t);var o=a(72591),n=a.n(o),r=a(1740),i=a.n(r),l=a(88128),s=a.n(l),d=a(18021),c=a.n(d),g=a(93051),u=a.n(g),h=a(73656),p=a.n(h),m=a(48981),f={attributes:{"data-ag-scope":"legacy"}};f.styleTagTransform=p(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=i(),f.insertStyleElement=u();n()(m.A,f);t.default=m.A&&m.A.locals?m.A.locals:void 0},80391:function(e,t,a){a.r(t);var o=a(72591),n=a.n(o),r=a(1740),i=a.n(r),l=a(88128),s=a.n(l),d=a(18021),c=a.n(d),g=a(93051),u=a.n(g),h=a(73656),p=a.n(h),m=a(92935),f={attributes:{"data-ag-scope":"legacy"}};f.styleTagTransform=p(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=i(),f.insertStyleElement=u();n()(m.A,f);t.default=m.A&&m.A.locals?m.A.locals:void 0},89563:function(e,t,a){a.r(t);var o=a(72591),n=a.n(o),r=a(1740),i=a.n(r),l=a(88128),s=a.n(l),d=a(18021),c=a.n(d),g=a(93051),u=a.n(g),h=a(73656),p=a.n(h),m=a(7899),f={attributes:{"data-ag-scope":"legacy"}};f.styleTagTransform=p(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=i(),f.insertStyleElement=u();n()(m.A,f);t.default=m.A&&m.A.locals?m.A.locals:void 0},24169:function(e,t,a){a.r(t);var o=a(72591),n=a.n(o),r=a(1740),i=a.n(r),l=a(88128),s=a.n(l),d=a(18021),c=a.n(d),g=a(93051),u=a.n(g),h=a(73656),p=a.n(h),m=a(79561),f={attributes:{"data-ag-scope":"legacy"}};f.styleTagTransform=p(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=i(),f.insertStyleElement=u();n()(m.A,f);t.default=m.A&&m.A.locals?m.A.locals:void 0},18931:function(e,t,a){a.r(t);var o=a(72591),n=a.n(o),r=a(1740),i=a.n(r),l=a(88128),s=a.n(l),d=a(18021),c=a.n(d),g=a(93051),u=a.n(g),h=a(73656),p=a.n(h),m=a(94131),f={attributes:{"data-ag-scope":"legacy"}};f.styleTagTransform=p(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=i(),f.insertStyleElement=u();n()(m.A,f);t.default=m.A&&m.A.locals?m.A.locals:void 0},85479:function(e,t,a){a.r(t);var o=a(72591),n=a.n(o),r=a(1740),i=a.n(r),l=a(88128),s=a.n(l),d=a(18021),c=a.n(d),g=a(93051),u=a.n(g),h=a(73656),p=a.n(h),m=a(60679),f={attributes:{"data-ag-scope":"legacy"}};f.styleTagTransform=p(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=i(),f.insertStyleElement=u();n()(m.A,f);t.default=m.A&&m.A.locals?m.A.locals:void 0},47894:function(e,t,a){a.r(t);var o=a(72591),n=a.n(o),r=a(1740),i=a.n(r),l=a(88128),s=a.n(l),d=a(18021),c=a.n(d),g=a(93051),u=a.n(g),h=a(73656),p=a.n(h),m=a(44086),f={attributes:{"data-ag-scope":"legacy"}};f.styleTagTransform=p(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=i(),f.insertStyleElement=u();n()(m.A,f);t.default=m.A&&m.A.locals?m.A.locals:void 0},74665:function(e,t,a){a.r(t);var o=a(72591),n=a.n(o),r=a(1740),i=a.n(r),l=a(88128),s=a.n(l),d=a(18021),c=a.n(d),g=a(93051),u=a.n(g),h=a(73656),p=a.n(h),m=a(2249),f={attributes:{"data-ag-scope":"legacy"}};f.styleTagTransform=p(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=i(),f.insertStyleElement=u();n()(m.A,f);t.default=m.A&&m.A.locals?m.A.locals:void 0},38811:function(e,t,a){a.r(t);var o=a(72591),n=a.n(o),r=a(1740),i=a.n(r),l=a(88128),s=a.n(l),d=a(18021),c=a.n(d),g=a(93051),u=a.n(g),h=a(73656),p=a.n(h),m=a(14011),f={attributes:{"data-ag-scope":"legacy"}};f.styleTagTransform=p(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=i(),f.insertStyleElement=u();n()(m.A,f);t.default=m.A&&m.A.locals?m.A.locals:void 0},72591:function(e){var t=[];function a(e){for(var a=-1,o=0;o<t.length;o++)if(t[o].identifier===e){a=o;break}return a}function o(e,o){for(var r={},i=[],l=0;l<e.length;l++){var s=e[l],d=o.base?s[0]+o.base:s[0],c=r[d]||0,g="".concat(d," ").concat(c);r[d]=c+1;var u=a(g),h={css:s[1],media:s[2],sourceMap:s[3],supports:s[4],layer:s[5]};if(-1!==u)t[u].references++,t[u].updater(h);else{var p=n(h,o);o.byIndex=l,t.splice(l,0,{identifier:g,updater:p,references:1})}i.push(g)}return i}function n(e,t){var a=t.domAPI(t);a.update(e);return function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap&&t.supports===e.supports&&t.layer===e.layer)return;a.update(e=t)}else a.remove()}}e.exports=function(e,n){var r=o(e=e||[],n=n||{});return function(e){e=e||[];for(var i=0;i<r.length;i++){var l=a(r[i]);t[l].references--}for(var s=o(e,n),d=0;d<r.length;d++){var c=a(r[d]);0===t[c].references&&(t[c].updater(),t.splice(c,1))}r=s}}},88128:function(e){var t={};e.exports=function(e,a){var o=function(e){if(void 0===t[e]){var a=document.querySelector(e);if(window.HTMLIFrameElement&&a instanceof window.HTMLIFrameElement)try{a=a.contentDocument.head}catch(e){a=null}t[e]=a}return t[e]}(e);if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(a)}},93051:function(e){e.exports=function(e){var t=document.createElement("style");return e.setAttributes(t,e.attributes),e.insert(t,e.options),t}},18021:function(e){e.exports=function(e,t){Object.keys(t).forEach(function(a){e.setAttribute(a,t[a])})}},1740:function(e){e.exports=function(e){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var t=e.insertStyleElement(e);return{update:function(a){!function(e,t,a){var o="";a.supports&&(o+="@supports (".concat(a.supports,") {")),a.media&&(o+="@media ".concat(a.media," {"));var n=void 0!==a.layer;n&&(o+="@layer".concat(a.layer.length>0?" ".concat(a.layer):""," {")),o+=a.css,n&&(o+="}"),a.media&&(o+="}"),a.supports&&(o+="}");var r=a.sourceMap;r&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(r))))," */")),t.styleTagTransform(o,e,t.options)}(t,e,a)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)}}}},73656:function(e){e.exports=function(e,t){if(t.styleSheet)t.styleSheet.cssText=e;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(e))}}},72213:function(e,t){var a;Object.defineProperty(t,"__esModule",{value:!0}),t.Direction=void 0,function(e){e[e.Vertical=0]="Vertical",e[e.Horizontal=1]="Horizontal"}(a||(t.Direction=a={}))},59926:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.KeyCode=void 0,t.KeyCode={BACKSPACE:"Backspace",TAB:"Tab",ENTER:"Enter",ESCAPE:"Escape",SPACE:" ",LEFT:"ArrowLeft",UP:"ArrowUp",RIGHT:"ArrowRight",DOWN:"ArrowDown",DELETE:"Delete",F2:"F2",PAGE_UP:"PageUp",PAGE_DOWN:"PageDown",PAGE_HOME:"Home",PAGE_END:"End",A:"KeyA",C:"KeyC",D:"KeyD",V:"KeyV",X:"KeyX",Y:"KeyY",Z:"KeyZ"}},74856:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.AgBeanStub=void 0;const o=a(19378),n=a(7356),r=a(66352);t.AgBeanStub=class{constructor(){this.destroyFunctions=[],this.destroyed=!1,this.__v_skip=!0,this.propertyListenerId=0,this.lastChangeSetIdLookup={},this.isAlive=()=>!this.destroyed}preWireBeans(e){this.beans=e,this.stubContext=e.context,this.eventSvc=e.eventSvc,this.gos=e.gos}destroy(){const{destroyFunctions:e}=this;for(let t=0;t<e.length;t++)e[t]();e.length=0,this.destroyed=!0,this.dispatchLocalEvent({type:"destroyed"})}addEventListener(e,t,a){this.localEventService||(this.localEventService=new o.LocalEventService),this.localEventService.addEventListener(e,t,a)}removeEventListener(e,t,a){this.localEventService?.removeEventListener(e,t,a)}dispatchLocalEvent(e){this.localEventService?.dispatchEvent(e)}addManagedElementListeners(e,t){return this._setupListeners(e,t)}addManagedEventListeners(e){return this._setupListeners(this.eventSvc,e)}addManagedListeners(e,t){return this._setupListeners(e,t)}_setupListeners(e,t){const a=[];for(const o of Object.keys(t)){const n=t[o];n&&a.push(this._setupListener(e,o,n))}return a}_setupListener(e,t,a){if(this.destroyed)return()=>null;let o;if(function(e){return void 0!==e.__addEventListener}(e))e.__addEventListener(t,a),o=()=>(e.__removeEventListener(t,a),null);else{const r=function(e){return"global"===e.eventServiceType}(e);e instanceof HTMLElement?(0,n._addSafePassiveEventListener)(e,t,a):r?e.addListener(t,a):e.addEventListener(t,a),o=r?()=>(e.removeListener(t,a),null):()=>(e.removeEventListener(t,a),null)}return this.destroyFunctions.push(o),()=>(o(),this.destroyFunctions=this.destroyFunctions.filter(e=>e!==o),null)}setupPropertyListener(e,t){const{gos:a}=this;a.addPropertyEventListener(e,t);const o=()=>(a.removePropertyEventListener(e,t),null);return this.destroyFunctions.push(o),()=>(o(),this.destroyFunctions=this.destroyFunctions.filter(e=>e!==o),null)}addManagedPropertyListener(e,t){return this.destroyed?()=>null:this.setupPropertyListener(e,t)}addManagedPropertyListeners(e,t){if(this.destroyed)return;const a=e.join("-")+this.propertyListenerId++,o=e=>{if(e.changeSet){if(e.changeSet&&e.changeSet.id===this.lastChangeSetIdLookup[a])return;this.lastChangeSetIdLookup[a]=e.changeSet.id}const o={type:"propertyChanged",changeSet:e.changeSet,source:e.source};t(o)};for(const t of e)this.setupPropertyListener(t,o)}getLocaleTextFunc(){return(0,r._getLocaleTextFunc)(this.beans.localeSvc)}addDestroyFunc(e){this.isAlive()?this.destroyFunctions.push(e):e()}createOptionalManagedBean(e,t){return e?this.createManagedBean(e,t):void 0}createManagedBean(e,t){const a=this.createBean(e,t);return this.addDestroyFunc(this.destroyBean.bind(this,e,t)),a}createBean(e,t,a){return(t||this.stubContext).createBean(e,a)}destroyBean(e,t){return(t||this.stubContext).destroyBean(e)}destroyBeans(e,t){return(t||this.stubContext).destroyBeans(e)}}},7047:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.AgComponentStub=void 0;const o=a(91668),n=a(1956),r=a(74856),i=a(72872);let l=0;class s extends r.AgBeanStub{constructor(e,t){super(),this.suppressDataRefValidation=!1,this.displayed=!0,this.visible=!0,this.compId=l++,this.cssManager=new i.CssClassManager(()=>this.eGui),this.componentSelectors=new Map((t??[]).map(e=>[e.selector,e])),e&&this.setTemplate(e)}preConstruct(){this.wireTemplate(this.getGui());const e="component-"+Object.getPrototypeOf(this)?.constructor?.name;for(const t of this.css??[])this.beans.environment.addGlobalCSS(t,e)}wireTemplate(e,t){e&&this.gos&&(this.applyElementsToComponent(e),this.createChildComponentsFromTags(e,t))}getCompId(){return this.compId}getDataRefAttribute(e){return e.getAttribute?e.getAttribute(n.DataRefAttribute):null}applyElementsToComponent(e,t,a,n=null){if(void 0===t&&(t=this.getDataRefAttribute(e)),t){const r=this[t];if(r===o.RefPlaceholder)this[t]=n??e;else{const e=a?.[t];if(!this.suppressDataRefValidation&&!e)throw new Error(`data-ref: ${t} on ${this.constructor.name} with ${r}`)}}}createChildComponentsFromTags(e,t){const a=[];for(const t of e.childNodes??[])a.push(t);for(const o of a){if(!(o instanceof HTMLElement))continue;const a=this.createComponentFromElement(o,e=>{const t=e.getGui();if(t)for(const e of o.attributes??[])t.setAttribute(e.name,e.value)},t);if(a){if(a.addItems&&o.children.length){this.createChildComponentsFromTags(o,t);const e=Array.prototype.slice.call(o.children);a.addItems(e)}this.swapComponentForNode(a,e,o)}else o.childNodes&&this.createChildComponentsFromTags(o,t)}}createComponentFromElement(e,t,a){const o=e.nodeName,n=this.getDataRefAttribute(e),r=0===o.indexOf("AG-"),i=r?this.componentSelectors.get(o):null;let l=null;if(i){const e=a&&n?a[n]:void 0;l=new i.component(e),l.setParentComponent(this),this.createBean(l,null,t)}else if(r)throw new Error(`selector: ${o}`);return this.applyElementsToComponent(e,n,a,l),l}swapComponentForNode(e,t,a){const o=e.getGui();t.replaceChild(o,a),t.insertBefore(document.createComment(a.nodeName),o),this.addDestroyFunc(this.destroyBean.bind(this,e))}activateTabIndex(e){const t=this.gos.get("tabIndex");e||(e=[]),e.length||e.push(this.getGui());for(const a of e)a.setAttribute("tabindex",t.toString())}setTemplate(e,t,a){let o;o="string"==typeof e||null==e?(0,n._loadTemplate)(e):(0,n._createAgElement)(e),this.setTemplateFromElement(o,t,a)}setTemplateFromElement(e,t,a,o=!1){if(this.eGui=e,this.suppressDataRefValidation=o,t)for(let e=0;e<t.length;e++){const a=t[e];this.componentSelectors.set(a.selector,a)}this.wireTemplate(e,a)}getGui(){return this.eGui}getFocusableElement(){return this.eGui}getAriaElement(){return this.getFocusableElement()}setParentComponent(e){this.parentComponent=e}getParentComponent(){return this.parentComponent}setGui(e){this.eGui=e}queryForHtmlElement(e){return this.eGui.querySelector(e)}getContainerAndElement(e,t){let a=t;return null==e?null:(a||(a=this.eGui),(0,n._isNodeOrElement)(e)?{element:e,parent:a}:{element:e.getGui(),parent:a})}prependChild(e,t){const{element:a,parent:o}=this.getContainerAndElement(e,t)||{};a&&o&&o.insertAdjacentElement("afterbegin",a)}appendChild(e,t){const{element:a,parent:o}=this.getContainerAndElement(e,t)||{};a&&o&&o.appendChild(a)}isDisplayed(){return this.displayed}setVisible(e,t={}){if(e!==this.visible){this.visible=e;const{skipAriaHidden:a}=t;(0,n._setVisible)(this.eGui,e,{skipAriaHidden:a})}}setDisplayed(e,t={}){if(e!==this.displayed){this.displayed=e;const{skipAriaHidden:a}=t;(0,n._setDisplayed)(this.eGui,e,{skipAriaHidden:a});const o={type:"displayChanged",visible:this.displayed};this.dispatchLocalEvent(o)}}destroy(){this.parentComponent&&(this.parentComponent=void 0),super.destroy()}addGuiEventListener(e,t,a){this.eGui.addEventListener(e,t,a),this.addDestroyFunc(()=>this.eGui.removeEventListener(e,t))}addCss(e){this.cssManager.toggleCss(e,!0)}removeCss(e){this.cssManager.toggleCss(e,!1)}toggleCss(e,t){this.cssManager.toggleCss(e,t)}registerCSS(e){this.css||(this.css=[]),this.css.push(e)}}t.AgComponentStub=s},61215:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.AgContext=void 0;let a=1;t.AgContext=class{constructor(e){this.beans={},this.createdBeans=[],this.destroyed=!1,this.instanceId=a++,e?.beanClasses&&(this.beanDestroyComparator=e.beanDestroyComparator,this.init(e))}init(e){this.id=e.id,this.beans.context=this,this.destroyCallback=e.destroyCallback;for(const t of Object.keys(e.providedBeanInstances))this.beans[t]=e.providedBeanInstances[t];for(const t of e.beanClasses){const e=new t;e.beanName?this.beans[e.beanName]=e:console.error(`Bean ${t.name} is missing beanName`),this.createdBeans.push(e)}for(const t of e.derivedBeans??[]){const{beanName:e,bean:a}=t(this);this.beans[e]=a,this.createdBeans.push(a)}e.beanInitComparator&&this.createdBeans.sort(e.beanInitComparator),this.initBeans(this.createdBeans)}getBeanInstances(){return Object.values(this.beans)}createBean(e,t){return this.initBeans([e],t),e}initBeans(e,t){const a=this.beans;for(const t of e)t.preWireBeans?.(a),t.wireBeans?.(a);for(const t of e)t.preConstruct?.();t&&e.forEach(t);for(const t of e)t.postConstruct?.()}getBeans(){return this.beans}getBean(e){return this.beans[e]}getId(){return this.id}destroy(){if(this.destroyed)return;this.destroyed=!0;const e=this.getBeanInstances();this.beanDestroyComparator&&e.sort(this.beanDestroyComparator),this.destroyBeans(e),this.beans={},this.createdBeans=[],this.destroyCallback?.()}destroyBean(e){e?.destroy?.()}destroyBeans(e){if(e)for(let t=0;t<e.length;t++)this.destroyBean(e[t]);return[]}isDestroyed(){return this.destroyed}}},54646:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.BaseDragAndDropService=void 0;const o=a(79909),n=a(80011),r=a(7356),i=a(74856);class l extends i.AgBeanStub{constructor(){super(...arguments),this.beanName="dragAndDrop",this.dragSourceAndParamsList=[],this.dragItem=null,this.dragInitialSourcePointerOffsetX=0,this.dragInitialSourcePointerOffsetY=0,this.lastMouseEvent=null,this.lastDraggingEvent=null,this.dragSource=null,this.dragImageParent=null,this.dragImageCompPromise=null,this.dragImageComp=null,this.dragImageLastIcon=void 0,this.dragImageLastLabel=void 0,this.dropTargets=[],this.lastDropTarget=null}addDragSource(e,t=!1){const a={capturePointer:!0,dragSource:e,eElement:e.eElement,dragStartPixels:e.dragStartPixels,onDragStart:t=>this.onDragStart(e,t),onDragStop:this.onDragStop.bind(this),onDragging:this.onDragging.bind(this),onDragCancel:this.onDragCancel.bind(this),includeTouch:t};this.dragSourceAndParamsList.push(a),this.beans.dragSvc.addDragSource(a)}setDragImageCompIcon(e,t=!1){const a=this.dragImageComp;a&&(t||this.dragImageLastIcon!==e)&&(this.dragImageLastIcon=e,a.setIcon(e,t))}removeDragSource(e){const{dragSourceAndParamsList:t,beans:a}=this,n=t.find(t=>t.dragSource===e);n&&(a.dragSvc?.removeDragSource(n),(0,o._removeFromArray)(t,n))}destroy(){const{dragSourceAndParamsList:e,dropTargets:t,beans:a}=this,o=a.dragSvc;for(const t of e)o?.removeDragSource(t);e.length=0,t.length=0,this.clearDragAndDropProperties(),super.destroy()}nudge(){const e=this.lastMouseEvent;e&&this.onDragging(e,!0)}onDragStart(e,t){this.lastMouseEvent=t,this.dragSource=e,this.dragItem=e.getDragItem();const a=e.eElement.getBoundingClientRect();this.dragInitialSourcePointerOffsetX=t.clientX-a.left,this.dragInitialSourcePointerOffsetY=t.clientY-a.top,e.onDragStarted?.(),this.createAndUpdateDragImageComp(e)}onDragStop(e){const{dragSource:t,lastDropTarget:a}=this;if(t?.onDragStopped?.(),a){const t=this.dropTargetEvent(a,e,!1);a.onDragStop?.(t)}this.clearDragAndDropProperties()}onDragCancel(){const{dragSource:e,lastDropTarget:t,lastMouseEvent:a}=this;if(e?.onDragCancelled?.(),t&&a){const e=this.dropTargetEvent(t,a,!1);t.onDragCancel?.(e)}this.clearDragAndDropProperties()}onDragging(e,t=!1){this.positionDragImageComp(e);const a=this.findCurrentDropTarget(e),{lastDropTarget:o,dragSource:n,dragItem:r}=this;let i=!1;if(a!==o){if(i=!0,o){const a=this.dropTargetEvent(o,e,t);o.onDragLeave?.(a)}if(null===o||a?null===o&&a&&this.handleEnter(n,r):this.handleExit(n,r),a){const o=this.dropTargetEvent(a,e,t);a.onDragEnter?.(o)}this.lastDropTarget=a}else if(a){const o=this.dropTargetEvent(a,e,t);a.onDragging?.(o),o?.changed&&(i=!0)}this.lastMouseEvent=e,i&&this.updateDragImageComp()}clearDragAndDropProperties(){this.removeDragImageComp(this.dragImageComp),this.dragImageCompPromise=null,this.dragImageParent=null,this.dragImageLastIcon=void 0,this.dragImageLastLabel=void 0,this.lastMouseEvent=null,this.lastDraggingEvent=null,this.lastDropTarget=null,this.dragItem=null,this.dragInitialSourcePointerOffsetX=0,this.dragInitialSourcePointerOffsetY=0,this.dragSource=null}getAllContainersFromDropTarget(e){const t=e.getSecondaryContainers?e.getSecondaryContainers():null,a=[[e.getContainer()]];return t?a.concat(t):a}isMouseOnDropTarget(e,t){const a=this.getAllContainersFromDropTarget(t);let o=!1;const n=(e,t)=>{for(const a of t){const{width:t,height:o,left:n,right:r,top:i,bottom:l}=a.getBoundingClientRect();if(0===t||0===o)return!1;const s=e.clientX>=n&&e.clientX<r,d=e.clientY>=i&&e.clientY<l;if(!s||!d)return!1}return!0};for(const t of a)if(n(e,t)){o=!0;break}const{eElement:r,type:i}=this.dragSource;return!(t.targetContainsSource&&!t.getContainer().contains(r))&&(o&&t.isInterestedIn(i,r))}findCurrentDropTarget(e){const t=this.dropTargets.filter(t=>this.isMouseOnDropTarget(e,t)),a=t.length;if(0===a)return null;if(1===a)return t[0];const o=(0,n._getRootNode)(this.beans).elementsFromPoint(e.clientX,e.clientY);for(const e of o)for(const a of t){if(-1!==this.getAllContainersFromDropTarget(a).flatMap(e=>e).indexOf(e))return a}return null}addDropTarget(e){this.dropTargets.push(e)}removeDropTarget(e){this.dropTargets=this.dropTargets.filter(t=>t.getContainer()!==e.getContainer())}hasExternalDropZones(){return this.dropTargets.some(e=>e.external)}findExternalZone(e){return this.dropTargets.find(t=>t.external&&t.getContainer()===e)||null}dropTargetEvent(e,t,a){const{dragSource:o,dragItem:n,lastDraggingEvent:r,lastMouseEvent:i,dragInitialSourcePointerOffsetX:l,dragInitialSourcePointerOffsetY:s}=this,d=e.getContainer(),c=d.getBoundingClientRect(),{clientX:g,clientY:u}=t,h=g-(i?.clientX||0),p=u-(i?.clientY||0),m=this.createEvent({event:t,x:g-c.left,y:u-c.top,vDirection:p>0?"down":p<0?"up":null,hDirection:h<0?"left":h>0?"right":null,initialSourcePointerOffsetX:l,initialSourcePointerOffsetY:s,dragSource:o,fromNudge:a,dragItem:n,dropZoneTarget:d,dropTarget:r?.dropTarget??null,changed:!!r?.changed});return this.lastDraggingEvent=m,m}positionDragImageComp(e){const t=this.dragImageComp?.getGui();t&&(0,r._anchorElementToMouseMoveEvent)(t,e,this.beans)}removeDragImageComp(e){this.dragImageComp===e&&(this.dragImageComp=null),e&&(e.getGui()?.remove(),this.destroyBean(e))}createAndUpdateDragImageComp(e){const t=this.createDragImageComp(e)??null;this.dragImageCompPromise=t,t?.then(e=>{if(t!==this.dragImageCompPromise||!this.lastMouseEvent||!this.isAlive())return void this.destroyBean(e);this.dragImageCompPromise=null,this.dragImageLastIcon=void 0,this.dragImageLastLabel=void 0;const a=this.dragImageComp;a!==e&&(this.dragImageComp=e,this.removeDragImageComp(a)),e&&(this.appendDragImageComp(e),this.updateDragImageComp())})}appendDragImageComp(e){const t=e.getGui(),a=t.style;a.position="absolute",a.zIndex="9999",this.beans.dragSvc?.hasPointerCapture()&&(a.pointerEvents="none"),this.gos.setInstanceDomData(t),this.beans.environment.applyThemeClasses(t),a.top="20px",a.left="20px";const o=(0,n._getPageBody)(this.beans);this.dragImageParent=o,o?o.appendChild(t):this.warnNoBody()}updateDragImageComp(){const{dragImageComp:e,dragSource:t,lastDropTarget:a,lastDraggingEvent:o,dragImageLastLabel:n}=this;if(!e)return;this.setDragImageCompIcon(a?.getIconName?.(o)??null);let r=t?.dragItemName;"function"==typeof r&&(r=r(o)),r||(r=""),n!==r&&(this.dragImageLastLabel=r,e.setLabel(r))}}t.BaseDragAndDropService=l},21726:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.BaseDragService=void 0;const o=a(59926),n=a(73937),r=a(36916),i=a(80011),l=a(1956),s=a(7356),d=a(74856);let c,g;const u=e=>{if(g){if(g.has(e))return!1}else g=new WeakSet;return g.add(e),!0};class h extends d.AgBeanStub{constructor(){super(...arguments),this.beanName="dragSvc",this.dragging=!1,this.drag=null,this.dragSources=[]}get startTarget(){return this.drag?.start.target??null}isPointer(){return!!c?.has((0,i._getRootNode)(this.beans))}hasPointerCapture(){const e=this.drag?.pointerCapture;return!(!e||!this.beans.eRootDiv.hasPointerCapture?.(e.pointerId))}destroy(){this.drag&&this.cancelDrag();const e=this.dragSources;for(const t of e)p(t);e.length=0,super.destroy()}removeDragSource(e){const t=this.dragSources;for(let a=0,o=t.length;a<o;++a){const o=t[a];if(o.params===e){t.splice(a,1),p(o);break}}}addDragSource(e){if(!this.isAlive())return;const{eElement:t,includeTouch:a}=e,o=[];let n;if(a){const e=t.style;e&&(n=e.touchAction,e.touchAction="none")}const r={handlers:o,params:e,oldTouchAction:n};this.dragSources.push(r);(0,s.addTempEventHandlers)(o,[t,"pointerdown",t=>this.onPointerDown(e,t),{passive:!1}],[t,"mousedown",t=>this.onMouseDown(e,t)]);const i=this.gos.get("suppressTouch");if(a&&!i){const a=t=>this.onTouchStart(e,t);(0,s.addTempEventHandlers)(o,[t,"touchstart",a,{passive:!1}])}}cancelDrag(e){const t=this.drag;e??(e=t?.eElement),e&&this.eventSvc.dispatchEvent({type:"dragCancelled",target:e}),t?.params.onDragCancel?.(),this.destroyDrag()}shouldPreventMouseEvent(e){const t=e.type;return("mousemove"===t||"pointermove"===t)&&e.cancelable&&(0,s._isEventFromThisInstance)(this.beans,e)&&!(0,l._isFocusableFormField)(f(e))}initDrag(e,...t){this.drag=e;const a=this.beans,o=e=>this.onScroll(e),n=(0,i._getRootNode)(a),r=(0,i._getDocument)(a);(0,s.addTempEventHandlers)(e.handlers,[n,"contextmenu",s.preventEventDefault],[n,"keydown",e=>this.onKeyDown(e)],[r,"scroll",o,{capture:!0}],[r.defaultView||window,"scroll",o],...t)}destroyDrag(){this.dragging=!1;const e=this.drag;if(e){const t=e.rootEl;c?.get(t)===e&&c?.delete(t),this.drag=null,(0,n.releasePointerCapture)(e.pointerCapture),(0,s.clearTempEventHandlers)(e.handlers)}}onPointerDown(e,t){if(this.isPointer())return;const a=this.beans;if(g?.has(t))return;const o=t.pointerType;if("touch"===o){if(a.gos.get("suppressTouch")||!e.includeTouch)return;if(e.stopPropagationForTouch&&t.stopPropagation(),(0,l._isFocusableFormField)(f(t)))return}if(!t.isPrimary)return;if("mouse"===o&&0!==t.button)return;this.destroyDrag();const n=(0,i._getRootNode)(a),r=e.eElement,d=t.pointerId,h=new m(n,e,t,d);c??(c=new WeakMap),c.set(n,h);this.initDrag(h,[n,"pointerup",e=>{e.pointerId===d&&this.onMouseOrPointerUp(e)}],[n,"pointercancel",e=>{e.pointerId===d&&u(e)&&this.cancelDrag()}],[n,"pointermove",e=>{e.pointerId===d&&this.onMouseOrPointerMove(e)},{passive:!1}],[n,"touchmove",s.preventEventDefault,{passive:!1}],[r,"mousemove",s.preventEventDefault,{passive:!1}]),0===e.dragStartPixels?this.onMouseOrPointerMove(t):u(t)}onTouchStart(e,t){if(this.gos.get("suppressTouch")||!e.includeTouch)return;if(!u(t))return;if((0,l._isFocusableFormField)(f(t)))return;if(e.stopPropagationForTouch&&t.stopPropagation(),this.isPointer())return void(0,s.preventEventDefault)(t);this.destroyDrag();const a=this.beans,o=(0,i._getRootNode)(a),n=new m(o,e,t.touches[0]),r=e=>this.onTouchUp(e),d=t.target??e.eElement;this.initDrag(n,[(0,i._getRootNode)(a),"touchmove",s.preventEventDefault,{passive:!1}],[d,"touchmove",e=>this.onTouchMove(e),{passive:!0}],[d,"touchend",r,{passive:!0}],[d,"touchcancel",r,{passive:!0}]),0===e.dragStartPixels&&this.onMove(n.start)}onMouseDown(e,t){if(0!==t.button)return;if(g?.has(t))return;if(this.isPointer())return;const a=this.beans;this.destroyDrag();const o=new m((0,i._getRootNode)(a),e,t),n=(0,i._getRootNode)(a);this.initDrag(o,[n,"mousemove",e=>this.onMouseOrPointerMove(e)],[n,"mouseup",e=>this.onMouseOrPointerUp(e)]),0===e.dragStartPixels?this.onMouseOrPointerMove(t):u(t)}onScroll(e){if(!u(e))return;const t=this.drag,a=t?.lastDrag;a&&this.dragging&&t.params?.onDragging(a)}onMouseOrPointerMove(e){u(e)&&((0,r._isBrowserSafari)()&&(0,i._getDocument)(this.beans).getSelection()?.removeAllRanges(),this.shouldPreventMouseEvent(e)&&(0,s.preventEventDefault)(e),this.onMove(e))}onTouchMove(e){const t=this.drag;if(!t||!u(e))return;const a=(0,s._getFirstActiveTouch)(t.start,e.touches);a&&(e.preventDefault(),this.onMove(a))}onMove(e){const t=this.drag;if(!t)return;t.lastDrag=e;const a=t.params;if(!this.dragging){const o=t.start,r=a.dragStartPixels??4;if((0,s._areEventsNear)(e,o,r))return;if(this.dragging=!0,a.capturePointer&&(t.pointerCapture=(0,n.capturePointer)(this.beans.eRootDiv,e)),this.eventSvc.dispatchEvent({type:"dragStarted",target:a.eElement}),a.onDragStart(o),this.drag!==t)return;if(a.onDragging(o),this.drag!==t)return}a.onDragging(e)}onTouchUp(e){const t=this.drag;t&&u(e)&&this.onUp((0,s._getFirstActiveTouch)(t.start,e.changedTouches))}onMouseOrPointerUp(e){u(e)&&this.onUp(e)}onUp(e){const t=this.drag;t&&(e||(e=t.lastDrag),e&&this.dragging&&(this.dragging=!1,t.params.onDragStop(e),this.eventSvc.dispatchEvent({type:"dragStopped",target:t.params.eElement})),this.destroyDrag())}onKeyDown(e){e.key===o.KeyCode.ESCAPE&&this.cancelDrag()}}t.BaseDragService=h;const p=e=>{(0,s.clearTempEventHandlers)(e.handlers);const t=e.oldTouchAction;if(null!=t){const a=e.params.eElement.style;a&&(a.touchAction=t)}};class m{constructor(e,t,a,o=null){this.rootEl=e,this.params=t,this.start=a,this.pointerId=o,this.handlers=[],this.lastDrag=null,this.pointerCapture=null,this.eElement=t.eElement}}const f=e=>{const t=e.target;return t instanceof Element?t:null}},29758:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.BaseEnvironment=void 0;const o=a(10654),n=a(71756),r=a(1956),i=a(74856);let l=0;class s extends i.AgBeanStub{constructor(){super(...arguments),this.beanName="environment",this.paramsClass="ag-theme-params-"+ ++l,this.globalCSS=[]}wireBeans(e){this.eRootDiv=e.eRootDiv}postConstruct(){const{gos:e,eRootDiv:t}=this;e.setInstanceDomData(t),this.eStyleContainer=e.get("themeStyleContainer")??(t.getRootNode()===document?document.head:t),this.cssLayer=e.get("themeCssLayer"),this.styleNonce=e.get("styleNonce"),this.addManagedPropertyListener("theme",()=>this.handleThemeChange()),this.handleThemeChange(),this.initVariables(),this.addDestroyFunc(()=>(0,o._unregisterInstanceUsingThemingAPI)(this)),this.mutationObserver=new MutationObserver(()=>{this.fireStylesChangedEvent("themeChanged")}),this.addDestroyFunc(()=>this.mutationObserver.disconnect())}applyThemeClasses(e,t=[]){const{theme:a}=this;let o;o=a?`${this.paramsClass} ${a._getCssClass()}`:this.applyLegacyThemeClasses();for(const t of Array.from(e.classList))t.startsWith("ag-theme-")&&e.classList.remove(t);if(o){const a=e.className;e.className=`${a}${a?" ":""}${o}${t?.length?" "+t.join(" "):""}`}}applyLegacyThemeClasses(){let e="";this.mutationObserver.disconnect();let t=this.eRootDiv;for(;t;){let a=!1;for(const o of Array.from(t.classList))o.startsWith("ag-theme-")&&(a=!0,e=e?`${e} ${o}`:o);a&&this.mutationObserver.observe(t,{attributes:!0,attributeFilter:["class"]}),t=t.parentElement}return e}addGlobalCSS(e,t){this.theme?(0,o._injectGlobalCSS)(e,this.eStyleContainer,t,this.cssLayer,0,this.styleNonce):this.globalCSS.push([e,t])}handleThemeChange(){const{gos:e,theme:t}=this,a=e.get("theme");let o;if("legacy"===a)o=void 0;else{const e=a??this.getDefaultTheme();e instanceof n.ThemeImpl?o=e:this.themeError(e)}o!==t&&this.handleNewTheme(o),this.postProcessThemeChange(o,a)}handleNewTheme(e){const{gos:t,eRootDiv:a,globalCSS:n}=this,i=this.getAdditionalCss();if(e){(0,o._registerInstanceUsingThemingAPI)(this),(0,o._injectCoreAndModuleCSS)(this.eStyleContainer,this.cssLayer,this.styleNonce,i);for(const[e,t]of n)(0,o._injectGlobalCSS)(e,this.eStyleContainer,t,this.cssLayer,0,this.styleNonce);n.length=0}this.theme=e,e?._startUse({loadThemeGoogleFonts:t.get("loadThemeGoogleFonts"),styleContainer:this.eStyleContainer,cssLayer:this.cssLayer,nonce:this.styleNonce,moduleCss:i});let l=this.eParamsStyle;if(!l){l=this.eParamsStyle=(0,r._createAgElement)({tag:"style"});const e=t.get("styleNonce");e&&l.setAttribute("nonce",e),a.appendChild(l)}o.IS_SSR||(l.textContent=e?._getPerInstanceCss(this.paramsClass)||""),this.applyThemeClasses(a),this.fireStylesChangedEvent("themeChanged")}}t.BaseEnvironment=s},34232:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.BaseRegistry=void 0;const o=a(74856);class n extends o.AgBeanStub{constructor(){super(...arguments),this.beanName="registry"}registerDynamicBeans(e){if(e){this.dynamicBeans??(this.dynamicBeans={});for(const t of Object.keys(e))this.dynamicBeans[t]=e[t]}}createDynamicBean(e,t,...a){if(!this.dynamicBeans)throw new Error(this.getDynamicError(e,!0));const o=this.dynamicBeans[e];if(null!=o)return new o(...a);if(t)throw new Error(this.getDynamicError(e,!1))}}t.BaseRegistry=n},72872:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.CssClassManager=void 0;t.CssClassManager=class{constructor(e){this.cssClassStates={},this.getGui=e}toggleCss(e,t){if(!e)return;if(e.indexOf(" ")>=0){const a=(e||"").split(" ");if(a.length>1){for(const e of a)this.toggleCss(e,t);return}}this.cssClassStates[e]!==t&&e.length&&(this.getGui()?.classList.toggle(e,t),this.cssClassStates[e]=t)}}},91874:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.BaseEventService=void 0;const o=a(74856),n=a(19378);class r extends o.AgBeanStub{constructor(){super(...arguments),this.beanName="eventSvc",this.eventServiceType="global",this.globalSvc=new n.LocalEventService}addListener(e,t,a){this.globalSvc.addEventListener(e,t,a)}removeListener(e,t,a){this.globalSvc.removeEventListener(e,t,a)}addGlobalListener(e,t=!1){this.globalSvc.addGlobalListener(e,t)}removeGlobalListener(e,t=!1){this.globalSvc.removeGlobalListener(e,t)}dispatchEvent(e){this.globalSvc.dispatchEvent(this.gos.addCommon(e))}dispatchEventOnce(e){this.globalSvc.dispatchEventOnce(this.gos.addCommon(e))}}t.BaseEventService=r},19378:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.LocalEventService=void 0;t.LocalEventService=class{constructor(){this.allSyncListeners=new Map,this.allAsyncListeners=new Map,this.globalSyncListeners=new Set,this.globalAsyncListeners=new Set,this.asyncFunctionsQueue=[],this.scheduled=!1,this.firedEvents={}}setFrameworkOverrides(e){this.frameworkOverrides=e}getListeners(e,t,a){const o=t?this.allAsyncListeners:this.allSyncListeners;let n=o.get(e);return!n&&a&&(n=new Set,o.set(e,n)),n}noRegisteredListenersExist(){return 0===this.allSyncListeners.size&&0===this.allAsyncListeners.size&&0===this.globalSyncListeners.size&&0===this.globalAsyncListeners.size}addEventListener(e,t,a=!1){this.getListeners(e,a,!0).add(t)}removeEventListener(e,t,a=!1){const o=this.getListeners(e,a,!1);o&&(o.delete(t),0===o.size&&(a?this.allAsyncListeners:this.allSyncListeners).delete(e))}addGlobalListener(e,t=!1){this.getGlobalListeners(t).add(e)}removeGlobalListener(e,t=!1){this.getGlobalListeners(t).delete(e)}dispatchEvent(e){this.dispatchToListeners(e,!0),this.dispatchToListeners(e,!1),this.firedEvents[e.type]=!0}dispatchEventOnce(e){this.firedEvents[e.type]||this.dispatchEvent(e)}dispatchToListeners(e,t){const a=e.type;if(t&&"event"in e){const t=e.event;t instanceof Event&&(e.eventPath=t.composedPath())}const{frameworkOverrides:o}=this,n=e=>{const a=o?()=>o.wrapIncoming(e):e;t?this.dispatchAsync(a):a()},r=this.getListeners(a,t,!1);if((r?.size??0)>0){const t=new Set(r);for(const a of t)r?.has(a)&&n(()=>a(e))}const i=this.getGlobalListeners(t);if(i.size>0){const t=new Set(i);for(const o of t)n(()=>o(a,e))}}getGlobalListeners(e){return e?this.globalAsyncListeners:this.globalSyncListeners}dispatchAsync(e){if(this.asyncFunctionsQueue.push(e),!this.scheduled){const e=()=>{window.setTimeout(this.flushAsyncQueue.bind(this),0)};this.frameworkOverrides?this.frameworkOverrides.wrapIncoming(e):e(),this.scheduled=!0}}flushAsyncQueue(){this.scheduled=!1;const e=this.asyncFunctionsQueue.slice();this.asyncFunctionsQueue=[];for(const t of e)t()}}},73937:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.releasePointerCapture=t.capturePointer=void 0;const a=(e,t)=>{if(null!=t&&e?.setPointerCapture)try{return e.setPointerCapture(t),e.hasPointerCapture(t)}catch{}return!1};t.capturePointer=(e,t)=>{if("undefined"==typeof PointerEvent||!(t instanceof PointerEvent))return null;const o=t.pointerId;if(!a(e,o))return null;const r={eElement:e,pointerId:o,onLost(e){n(r,e)}};return e.addEventListener("lostpointercapture",r.onLost),r};t.releasePointerCapture=e=>{if(!e)return;o(e);const{eElement:t,pointerId:a}=e;if(t){try{t.releasePointerCapture(a)}catch{}e.eElement=null}};const o=e=>{const{eElement:t,onLost:a}=e;t&&a&&(t.removeEventListener("lostpointercapture",a),e.onLost=null)},n=(e,t)=>{o(e);const{eElement:n,pointerId:r}=e;n&&t.pointerId===r&&a(n,r)}},91668:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t._isComponent=t.RefPlaceholder=void 0,t.RefPlaceholder=null,t._isComponent=function(e){return"function"==typeof e?.getGui}},75298:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.AgPopupComponent=void 0;const o=a(7047);class n extends o.AgComponentStub{isPopup(){return!0}setParentComponent(e){e.addCss("ag-has-popup"),super.setParentComponent(e)}destroy(){const e=this.parentComponent,t=e?.isAlive();t&&e.getGui().classList.remove("ag-has-popup"),super.destroy()}}t.AgPopupComponent=n},97531:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.BasePopupService=void 0;const o=a(72213),n=a(59926),r=a(74856),i=a(91623),l=a(80011),s=a(1956),d=a(7356),c=a(89097),g=a(35269);let u=0;class h extends r.AgBeanStub{constructor(){super(...arguments),this.beanName="popupSvc",this.popupList=[]}getPopupParent(){const e=this.gos.get("popupParent");return e||this.getDefaultPopupParent()}positionPopupUnderMouseEvent(e){const{ePopup:t,nudgeX:a,nudgeY:o,skipObserver:n}=e;this.positionPopup({ePopup:t,nudgeX:a,nudgeY:o,keepWithinBounds:!0,skipObserver:n,updatePosition:()=>this.calculatePointerAlign(e.mouseEvent),postProcessCallback:()=>this.callPostProcessPopup(e,e.type,e.ePopup,null,e.mouseEvent)})}calculatePointerAlign(e){const t=this.getParentRect();return{x:e.clientX-t.left,y:e.clientY-t.top}}positionPopupByComponent(e){const{ePopup:t,nudgeX:a,nudgeY:o,keepWithinBounds:n,eventSource:r,alignSide:i="left",position:l="over",type:s}=e,d=r.getBoundingClientRect(),c=this.getParentRect();this.setAlignedTo(r,t);this.positionPopup({ePopup:t,nudgeX:a,nudgeY:o,keepWithinBounds:n,updatePosition:()=>{let a,n=d.left-c.left;if("right"===i&&(n-=t.offsetWidth-d.width),"over"===l)a=d.top-c.top,this.setAlignedStyles(t,"over");else{this.setAlignedStyles(t,"under");a="under"===this.shouldRenderUnderOrAbove(t,d,c,e.nudgeY||0)?d.top-c.top+d.height:d.top-t.offsetHeight-2*(o||0)-c.top}return{x:n,y:a}},postProcessCallback:()=>this.callPostProcessPopup(e,s,t,r,null)})}shouldRenderUnderOrAbove(e,t,a,o){const n=a.bottom-t.bottom,r=t.top-a.top,i=e.offsetHeight+o;return n>i?"under":r>i||r>n?"above":"under"}setAlignedStyles(e,t){const a=this.getPopupIndex(e);if(-1===a)return;const o=this.popupList[a],{alignedToElement:n}=o;if(!n)return;const r=["right","left","over","above","under"];for(const t of r)n.classList.remove(`ag-has-popup-positioned-${t}`),e.classList.remove(`ag-popup-positioned-${t}`);t&&(n.classList.add(`ag-has-popup-positioned-${t}`),e.classList.add(`ag-popup-positioned-${t}`))}setAlignedTo(e,t){const a=this.getPopupIndex(t);if(-1!==a){this.popupList[a].alignedToElement=e}}positionPopup(e){const{ePopup:t,keepWithinBounds:a,nudgeX:n,nudgeY:r,skipObserver:i,updatePosition:l}=e,d={width:0,height:0},c=(i=!1)=>{let{x:s,y:c}=l();i&&t.clientWidth===d.width&&t.clientHeight===d.height||(d.width=t.clientWidth,d.height=t.clientHeight,n&&(s+=n),r&&(c+=r),a&&(s=this.keepXYWithinBounds(t,s,o.Direction.Horizontal),c=this.keepXYWithinBounds(t,c,o.Direction.Vertical)),t.style.left=`${s}px`,t.style.top=`${c}px`,e.postProcessCallback&&e.postProcessCallback())};if(c(),!i){const e=(0,s._observeResize)(this.beans,t,()=>c(!0));setTimeout(()=>e(),200)}}getParentRect(){const e=(0,l._getDocument)(this.beans);let t=this.getPopupParent();return t===e.body?t=e.documentElement:"static"===getComputedStyle(t).position&&(t=t.offsetParent),(0,s._getElementRectWithOffset)(t)}keepXYWithinBounds(e,t,a){const n=a===o.Direction.Vertical,r=n?"clientHeight":"clientWidth",i=n?"top":"left",d=n?"height":"width",c=n?"scrollTop":"scrollLeft",g=(0,l._getDocument)(this.beans),u=g.documentElement,h=this.getPopupParent(),p=e.getBoundingClientRect(),m=h.getBoundingClientRect(),f=g.documentElement.getBoundingClientRect(),v=h===g.body,b=Math.ceil(p[d]),C=n?s._getAbsoluteHeight:s._getAbsoluteWidth;let w=v?C(u)+u[c]:h[r];v&&(w-=Math.abs(f[i]-m[i]));const y=w-b;return Math.min(Math.max(t,0),Math.max(y,0))}addPopup(e){const{eChild:t,ariaLabel:a,ariaOwns:o,alwaysOnTop:n,positionCallback:r,anchorToElement:i}=e,l=this.getPopupIndex(t);if(-1!==l){return{hideFunc:this.popupList[l].hideFunc}}this.initialisePopupPosition(t);const s=this.createPopupWrapper(t,!!n,a,o),d=this.addEventListenersToPopup({...e,wrapperEl:s});return r&&r(),this.addPopupToPopupList(t,s,d,i),{hideFunc:d}}initialisePopupPosition(e){const t=this.getPopupParent().getBoundingClientRect();(0,c._exists)(e.style.top)||(e.style.top=-1*t.top+"px"),(0,c._exists)(e.style.left)||(e.style.left=-1*t.left+"px")}createPopupWrapper(e,t,a,o){const n=this.getPopupParent(),{environment:r,gos:l}=this.beans,d=(0,s._createAgElement)({tag:"div"});return r.applyThemeClasses(d),d.classList.add("ag-popup"),e.classList.add(l.get("enableRtl")?"ag-rtl":"ag-ltr","ag-popup-child"),e.hasAttribute("role")||(0,i._setAriaRole)(e,"dialog"),a?(0,i._setAriaLabel)(e,a):o&&(e.id||(e.id=`popup-component-${u}`),(0,i._setAriaOwns)(o,e.id)),d.appendChild(e),n.appendChild(d),t?this.setAlwaysOnTop(e,!0):this.bringPopupToFront(e),d}addEventListenersToPopup(e){const t=this.beans,a=(0,l._getDocument)(t),{wrapperEl:o,eChild:r,closedCallback:i,afterGuiAttached:s,closeOnEsc:d,modal:c,ariaOwns:g}=e;let u=!1;const h=e=>{if(!o.contains((0,l._getActiveDomElement)(t)))return;e.key!==n.KeyCode.ESCAPE||this.isStopPropagation(e)||f({keyboardEvent:e})},p=e=>f({mouseEvent:e}),m=e=>f({touchEvent:e}),f=(e={})=>{const{mouseEvent:t,touchEvent:n,keyboardEvent:l,forceHide:s}=e;(s||!this.isEventFromCurrentPopup({mouseEvent:t,touchEvent:n},r)&&!u)&&(u=!0,o.remove(),a.removeEventListener("keydown",h),a.removeEventListener("mousedown",p),a.removeEventListener("touchstart",m),a.removeEventListener("contextmenu",p),this.eventSvc.removeListener("dragStarted",p),i&&i(t||n||l),this.removePopupFromPopupList(r,g))};return s&&s({hidePopup:f}),window.setTimeout(()=>{d&&a.addEventListener("keydown",h),c&&(a.addEventListener("mousedown",p),this.eventSvc.addListener("dragStarted",p),a.addEventListener("touchstart",m),a.addEventListener("contextmenu",p))},0),f}addPopupToPopupList(e,t,a,o){this.popupList.push({element:e,wrapper:t,hideFunc:a,instanceId:u,isAnchored:!!o}),o&&this.setPopupPositionRelatedToElement(e,o),u+=1}getPopupIndex(e){return this.popupList.findIndex(t=>t.element===e)}setPopupPositionRelatedToElement(e,t){const a=this.getPopupIndex(e);if(-1===a)return;const o=this.popupList[a];if(o.stopAnchoringPromise&&o.stopAnchoringPromise.then(e=>e&&e()),o.stopAnchoringPromise=void 0,o.isAnchored=!1,!t)return;const n=this.keepPopupPositionedRelativeTo({element:t,ePopup:e,hidePopup:o.hideFunc});return o.stopAnchoringPromise=n,o.isAnchored=!0,n}removePopupFromPopupList(e,t){this.setAlignedStyles(e,null),this.setPopupPositionRelatedToElement(e,null),t&&(0,i._setAriaOwns)(t,null),this.popupList=this.popupList.filter(t=>t.element!==e)}keepPopupPositionedRelativeTo(e){const t=this.getPopupParent(),a=t.getBoundingClientRect(),{element:n,ePopup:r}=e,i=n.getBoundingClientRect(),l=e=>Number.parseInt(e.substring(0,e.length-1),10),s=(e,t)=>{const o=a[e]-i[e],n=l(r.style[e]);return{initialDiff:o,lastDiff:o,initial:n,last:n,direction:t}},d=s("top",o.Direction.Vertical),c=s("left",o.Direction.Horizontal),u=this.beans.frameworkOverrides;return new g.AgPromise(a=>{u.wrapIncoming(()=>{(0,g._wrapInterval)(()=>{const a=t.getBoundingClientRect(),o=n.getBoundingClientRect();if(0==o.top&&0==o.left&&0==o.height&&0==o.width)return void e.hidePopup();const i=(e,t)=>{const n=l(r.style[t]);e.last!==n&&(e.initial=n,e.last=n);const i=a[t]-o[t];if(i!=e.lastDiff){const a=this.keepXYWithinBounds(r,e.initial+e.initialDiff-i,e.direction);r.style[t]=`${a}px`,e.last=a}e.lastDiff=i};i(d,"top"),i(c,"left")},200).then(e=>{a(()=>{null!=e&&window.clearInterval(e)})})},"popupPositioning")})}isEventFromCurrentPopup(e,t){const{mouseEvent:a,touchEvent:o}=e,n=a||o;if(!n)return!1;const r=this.getPopupIndex(t);if(-1===r)return!1;for(let e=r;e<this.popupList.length;e++){const t=this.popupList[e];if((0,d._isElementInEventPath)(t.element,n))return!0}return this.isElementWithinCustomPopup(n.target)}isElementWithinCustomPopup(e){const t=(0,l._getDocument)(this.beans);for(;e&&e!==t.body;){if(e.classList.contains("ag-custom-component-popup")||null===e.parentElement)return!0;e=e.parentElement}return!1}getWrapper(e){for(;!e.classList.contains("ag-popup")&&e.parentElement;)e=e.parentElement;return e.classList.contains("ag-popup")?e:null}setAlwaysOnTop(e,t){const a=this.getWrapper(e);a&&(a.classList.toggle("ag-always-on-top",!!t),t&&this.bringPopupToFront(a))}bringPopupToFront(e){const t=this.getPopupParent(),a=Array.prototype.slice.call(t.querySelectorAll(".ag-popup")),o=a.length,n=this.getWrapper(e);if(!n||o<=1||!t.contains(e))return;const r=[],i=[];for(const e of a)e!==n&&(e.classList.contains("ag-always-on-top")?i.push(e):r.push(e));const l=[],s=i.length,d=n.classList.contains("ag-always-on-top")||!s?[...r,...i,n]:[...r,n,...i];for(let e=0;e<=o;e++){const o=d[e];if(a[e]===d[e]||o===n)continue;const r=o.querySelectorAll("div");for(const e of r)0!==e.scrollTop&&l.push([e,e.scrollTop]);0===e?t.insertAdjacentElement("afterbegin",o):d[e-1].insertAdjacentElement("afterend",o)}for(;l.length;){const e=l.pop();e[0].scrollTop=e[1]}}}t.BasePopupService=h},10654:function(e,t,a){var o;Object.defineProperty(t,"__esModule",{value:!0}),t._unregisterInstanceUsingThemingAPI=t._registerInstanceUsingThemingAPI=t._injectCoreAndModuleCSS=t._injectGlobalCSS=t.FORCE_LEGACY_THEMES=t.IS_SSR=void 0;const n=a(7825);t.IS_SSR="object"!=typeof window||!window?.document?.fonts?.forEach,t.FORCE_LEGACY_THEMES=!1;t._injectGlobalCSS=(e,a,o,n,i,l)=>{if(t.IS_SSR)return;if(t.FORCE_LEGACY_THEMES)return;n&&(e=`@layer ${CSS.escape(n)} { ${e} }`);let s=r.map.get(a);if(s||(s=[],r.map.set(a,s)),s.some(t=>t.css===e))return;const d=document.createElement("style");l&&d.setAttribute("nonce",l),d.dataset.agGlobalCss=o,d.textContent=e;const c={css:e,el:d,priority:i};let g;for(const e of s){if(e.priority>i)break;g=e}if(g){g.el.insertAdjacentElement("afterend",d);const e=s.indexOf(g);s.splice(e+1,0,c)}else a.insertBefore(d,a.querySelector(":not(title, meta)")),s.push(c)};t._injectCoreAndModuleCSS=(e,a,o,r)=>{(0,t._injectGlobalCSS)(n.sharedCSS,e,"shared",a,0,o),r?.forEach((n,r)=>n.forEach(n=>(0,t._injectGlobalCSS)(n,e,r,a,0,o)))};t._registerInstanceUsingThemingAPI=e=>{r.grids.add(e)};t._unregisterInstanceUsingThemingAPI=e=>{if(r.grids.delete(e),0===r.grids.size){r.map=new WeakMap;for(const e of document.head.querySelectorAll("style[data-ag-global-css]"))e.remove()}};const r=(o="object"==typeof window?window:{}).agStyleInjectionState??(o.agStyleInjectionState={map:new WeakMap,grids:new Set})},83036:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.PartImpl=t.defaultModeName=t.createPart=void 0;const o=a(10654);t.createPart=e=>new r(e),t.defaultModeName="$default";let n=0;class r{constructor({feature:e,params:a,modeParams:o={},css:n,cssImports:r}){this.feature=e,this.css=n,this.cssImports=r,this.modeParams={[t.defaultModeName]:{...o[t.defaultModeName]??{},...a??{}},...o}}use(e,t,a){let r=this._inject;if(null==r){let{css:e}=this;if(e){const t=`ag-theme-${this.feature??"part"}-${++n}`;"function"==typeof e&&(e=e()),e=`:where(.${t}) {\n${e}\n}\n`;for(const t of this.cssImports??[])e=`@import url(${JSON.stringify(t)});\n${e}`;r={css:e,class:t}}else r=!1;this._inject=r}return r&&e&&(0,o._injectGlobalCSS)(r.css,e,r.class,t,1,a),!!r&&r.class}}t.PartImpl=r},34422:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.sharedDefaults=t.defaultLightColorSchemeParams=void 0;const o=a(19981);t.defaultLightColorSchemeParams={backgroundColor:"#fff",foregroundColor:"#181d1f",borderColor:(0,o.foregroundMix)(.15),chromeBackgroundColor:(0,o.foregroundBackgroundMix)(.02),browserColorScheme:"light"},t.sharedDefaults={...t.defaultLightColorSchemeParams,textColor:o.foregroundColor,accentColor:"#2196f3",invalidColor:"#e02525",fontFamily:["-apple-system","BlinkMacSystemFont","Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue","sans-serif"],subtleTextColor:{ref:"textColor",mix:.5},borderWidth:1,borderRadius:4,spacing:8,fontSize:14,focusShadow:{spread:3,color:(0,o.accentMix)(.5)},focusErrorShadow:{spread:3,color:{ref:"invalidColor",onto:"backgroundColor",mix:.5}},popupShadow:"0 0 16px #00000026",cardShadow:"0 1px 4px 1px #00000018",dropdownShadow:{ref:"cardShadow"},listItemHeight:{calc:"max(iconSize, dataFontSize) + widgetVerticalSpacing"},dragAndDropImageBackgroundColor:o.backgroundColor,dragAndDropImageBorder:!0,dragAndDropImageNotAllowedBorder:{color:{ref:"invalidColor",onto:"dragAndDropImageBackgroundColor",mix:.5}},dragAndDropImageShadow:{ref:"popupShadow"},iconSize:16,iconColor:"inherit",toggleButtonWidth:28,toggleButtonHeight:18,toggleButtonOnBackgroundColor:o.accentColor,toggleButtonOffBackgroundColor:(0,o.foregroundBackgroundMix)(.3),toggleButtonSwitchBackgroundColor:o.backgroundColor,toggleButtonSwitchInset:2,tooltipBackgroundColor:{ref:"chromeBackgroundColor"},tooltipErrorBackgroundColor:{ref:"invalidColor",onto:"backgroundColor",mix:.1},tooltipTextColor:{ref:"textColor"},tooltipErrorTextColor:{ref:"invalidColor"},tooltipBorder:!0,tooltipErrorBorder:{color:{ref:"invalidColor",onto:"backgroundColor",mix:.25}}}},7825:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.sharedCSS=void 0,t.sharedCSS=':where(.ag-root-wrapper,.ag-external,.ag-popup,.ag-dnd-ghost,.ag-chart),:where(.ag-root-wrapper,.ag-external,.ag-popup,.ag-dnd-ghost,.ag-chart) :where([class^=ag-]){box-sizing:border-box;&:after,&:before{box-sizing:border-box}&:where(div,span,label):focus-visible{box-shadow:inset var(--ag-focus-shadow);outline:none;&:where(.invalid){box-shadow:inset var(--ag-focus-error-shadow)}}&:where(button){color:inherit}}:where(.ag-root-wrapper,ag-external,.ag-popup,.ag-dnd-ghost,.ag-chart) :where([class^=ag-]) ::-ms-clear{display:none}.ag-hidden{display:none!important}.ag-invisible{visibility:hidden!important}.ag-popup-child{top:0;z-index:5;&:where(:not(.ag-tooltip-custom)){box-shadow:var(--ag-popup-shadow)}}.ag-input-wrapper,.ag-picker-field-wrapper{align-items:center;display:flex;flex:1 1 auto;line-height:normal;position:relative}.ag-input-field{align-items:center;display:flex;flex-direction:row}.ag-input-field-input:where(:not([type=checkbox],[type=radio])){flex:1 1 auto;min-width:0;width:100%}.ag-chart,.ag-dnd-ghost,.ag-external,.ag-popup,.ag-root-wrapper{cursor:default;line-height:normal;white-space:normal;-webkit-font-smoothing:antialiased;background-color:var(--ag-background-color);color:var(--ag-text-color);color-scheme:var(--ag-browser-color-scheme);font-family:var(--ag-font-family);font-size:var(--ag-font-size);--ag-indentation-level:0}:where(.ag-icon):before{align-items:center;background-color:currentcolor;color:inherit;content:"";display:flex;font-family:inherit;font-size:var(--ag-icon-size);font-style:normal;font-variant:normal;height:var(--ag-icon-size);justify-content:center;line-height:var(--ag-icon-size);-webkit-mask-size:contain;mask-size:contain;text-transform:none;width:var(--ag-icon-size)}.ag-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;color:var(--ag-icon-color);display:block;height:var(--ag-icon-size);position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--ag-icon-size)}.ag-disabled,[disabled]{.ag-icon{opacity:.5}&.ag-icon-grip{opacity:.35}}.ag-resizer{pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}:where(.ag-resizer){&.ag-resizer-topLeft{cursor:nwse-resize;height:5px;left:0;top:0;width:5px}&.ag-resizer-top{cursor:ns-resize;height:5px;left:5px;right:5px;top:0}&.ag-resizer-topRight{cursor:nesw-resize;height:5px;right:0;top:0;width:5px}&.ag-resizer-right{bottom:5px;cursor:ew-resize;right:0;top:5px;width:5px}&.ag-resizer-bottomRight{bottom:0;cursor:nwse-resize;height:5px;right:0;width:5px}&.ag-resizer-bottom{bottom:0;cursor:ns-resize;height:5px;left:5px;right:5px}&.ag-resizer-bottomLeft{bottom:0;cursor:nesw-resize;height:5px;left:0;width:5px}&.ag-resizer-left{bottom:5px;cursor:ew-resize;left:0;top:5px;width:5px}}'},71756:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.ThemeImpl=t.createSharedTheme=t._asThemeImpl=void 0;const o=a(10654),n=a(83036),r=a(34422),i=a(14949),l=a(19981);t._asThemeImpl=e=>{if(!(e instanceof s))throw new Error("theme is not an object created by createTheme");return e};t.createSharedTheme=e=>new s(e);class s{constructor(e,t=[]){this.themeLogger=e,this.parts=t}withPart(e){return"function"==typeof e&&(e=e()),e instanceof n.PartImpl?new s(this.themeLogger,[...this.parts,e]):(this.themeLogger.preInitErr(259,"Invalid part",{part:e}),this)}withoutPart(e){return this.withPart((0,n.createPart)({feature:e}))}withParams(e,t=n.defaultModeName){return this.withPart((0,n.createPart)({modeParams:{[t]:e}}))}_startUse({styleContainer:e,cssLayer:t,nonce:a,loadThemeGoogleFonts:n,moduleCss:r}){if(o.IS_SSR)return;if(o.FORCE_LEGACY_THEMES)return;u(),(0,o._injectCoreAndModuleCSS)(e,t,a,r);const i=c(this);if(i.length>0)for(const e of i)n&&h(e,a);for(const o of this.parts)o.use(e,t,a)}_getCssClass(){return o.FORCE_LEGACY_THEMES?"ag-theme-quartz":this._cssClassCache??(this._cssClassCache=d(this.parts).map(e=>e.use(void 0,void 0,void 0)).filter(Boolean).join(" "))}_getModeParams(){let e=this._paramsCache;if(!e){const t={[n.defaultModeName]:{...r.sharedDefaults}};for(const e of d(this.parts))for(const a of Object.keys(e.modeParams)){const o=e.modeParams[a];if(o){const e=t[a]??(t[a]={}),r=new Set;for(const t of Object.keys(o)){const a=o[t];void 0!==a&&(e[t]=a,r.add(t))}if(a===n.defaultModeName)for(const e of Object.keys(t)){const a=t[e];if(e!==n.defaultModeName)for(const e of r)delete a[e]}}}this._paramsCache=e=t}return e}_getPerInstanceCss(e){const t="##SELECTOR##";let a=this._paramsCssCache;if(!a){let e="",o="";const r=this._getModeParams();for(const t of Object.keys(r)){const a=r[t];if(t!==n.defaultModeName){const a=`:where([data-ag-theme-mode="${"object"==typeof CSS?CSS.escape(t):t}"]) & {\n`;e+=a,o+=a}for(const t of Object.keys(a).sort()){const n=a[t],r=(0,i.paramValueToCss)(t,n,this.themeLogger);if(!1===r)this.themeLogger.error(107,{key:t,value:n});else{const a=(0,l.paramToVariableName)(t),n=a.replace("--ag-","--ag-inherited-");e+=`\t${a}: var(${n}, ${r});\n`,o+=`\t${n}: var(${a});\n`}}t!==n.defaultModeName&&(e+="}\n",o+="}\n")}let s=`${t} {\n${e}}\n`;s+=`:has(> ${t}):not(${t}) {\n${o}}\n`,this._paramsCssCache=a=s}return a.replaceAll(t,`:where(.${e})`)}}t.ThemeImpl=s;const d=e=>{const t=new Map;for(const a of e)t.set(a.feature,a);const a=[];for(const o of e)o.feature&&t.get(o.feature)!==o||a.push(o);return a},c=e=>{const t=new Set,a=e=>{if(Array.isArray(e))e.forEach(a);else{const a=e?.googleFont;"string"==typeof a&&t.add(a)}};return Object.values(e._getModeParams()).flatMap(e=>Object.values(e)).forEach(a),Array.from(t).sort()};let g=!1;const u=()=>{if(!g){g=!0;for(const e of Array.from(document.head.querySelectorAll('style[data-ag-scope="legacy"]')))e.remove()}},h=async(e,t)=>{const a=`@import url('https://${p}/css2?family=${encodeURIComponent(e)}:wght@100;200;300;400;500;600;700;800;900&display=swap');\n`;(0,o._injectGlobalCSS)(a,document.head,`googleFont:${e}`,void 0,0,t)},p="fonts.googleapis.com"},14949:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.paramValueToCss=t.durationValueToCss=t.imageValueToCss=t.fontWeightValueToCss=t.fontFamilyValueToCss=t.borderStyleValueToCss=t.shadowValueToCss=t.borderValueToCss=t.scaleValueToCss=t.lengthValueToCss=t.colorSchemeValueToCss=t.colorValueToCss=t.getParamType=t.paramTypes=void 0;const o=a(19981);t.paramTypes=["colorScheme","color","length","scale","borderStyle","border","shadow","image","fontFamily","fontWeight","duration"],t.getParamType=(0,o.memoize)(e=>(e=e.toLowerCase(),t.paramTypes.find(t=>e.endsWith(t.toLowerCase()))??"length"));const n=e=>"object"==typeof e&&e?.ref?(0,o.paramToVariableExpression)(e.ref):"string"==typeof e?e:"number"==typeof e&&String(e);t.colorValueToCss=e=>{if("string"==typeof e)return e;if(e&&"ref"in e){const t=(0,o.paramToVariableExpression)(e.ref);if(null==e.mix)return t;return`color-mix(in srgb, ${e.onto?(0,o.paramToVariableExpression)(e.onto):"transparent"}, ${t} ${(0,o.clamp)(100*e.mix,0,100)}%)`}return!1},t.colorSchemeValueToCss=n;t.lengthValueToCss=e=>{if("string"==typeof e)return e;if("number"==typeof e)return`${e}px`;if(e&&"calc"in e){return`calc(${e.calc.replace(/ ?[*/+] ?/g," $& ").replace(/-?\b[a-z][a-z0-9]*\b(?![-(])/gi,e=>"-"===e[0]?e:" "+(0,o.paramToVariableExpression)(e)+" ")})`}return!(!e||!("ref"in e))&&(0,o.paramToVariableExpression)(e.ref)},t.scaleValueToCss=n;t.borderValueToCss=(e,a)=>"string"==typeof e?e:!0===e?(0,t.borderValueToCss)({},a):!1===e?"columnBorder"===a?(0,t.borderValueToCss)({color:"transparent"},a):"none":e&&"ref"in e?(0,o.paramToVariableExpression)(e.ref):(0,t.borderStyleValueToCss)(e.style??"solid")+" "+(0,t.lengthValueToCss)(e.width??{ref:"borderWidth"})+" "+(0,t.colorValueToCss)(e.color??{ref:"borderColor"});t.shadowValueToCss=e=>"string"==typeof e?e:!1===e?"none":e&&"ref"in e?(0,o.paramToVariableExpression)(e.ref):[(0,t.lengthValueToCss)(e.offsetX??0),(0,t.lengthValueToCss)(e.offsetY??0),(0,t.lengthValueToCss)(e.radius??0),(0,t.lengthValueToCss)(e.spread??0),(0,t.colorValueToCss)(e.color??{ref:"foregroundColor"})].join(" "),t.borderStyleValueToCss=n;t.fontFamilyValueToCss=e=>"string"==typeof e?e.includes(",")?e:r(e):e&&"googleFont"in e?(0,t.fontFamilyValueToCss)(e.googleFont):e&&"ref"in e?(0,o.paramToVariableExpression)(e.ref):!!Array.isArray(e)&&e.map(e=>("object"==typeof e&&"googleFont"in e&&(e=e.googleFont),r(e))).join(", ");const r=e=>/^[\w-]+$|\w\(/.test(e)?e:JSON.stringify(e);t.fontWeightValueToCss=n;t.imageValueToCss=e=>"string"==typeof e?e:e&&"url"in e?`url(${JSON.stringify(e.url)})`:e&&"svg"in e?(0,t.imageValueToCss)({url:`data:image/svg+xml,${encodeURIComponent(e.svg)}`}):!(!e||!("ref"in e))&&(0,o.paramToVariableExpression)(e.ref);t.durationValueToCss=(e,t,a)=>"string"==typeof e?e:"number"==typeof e?(e>=10&&a.warn(104,{value:e,param:t}),`${e}s`):!(!e||!("ref"in e))&&(0,o.paramToVariableExpression)(e.ref);const i={color:t.colorValueToCss,colorScheme:t.colorSchemeValueToCss,length:t.lengthValueToCss,scale:t.scaleValueToCss,border:t.borderValueToCss,borderStyle:t.borderStyleValueToCss,shadow:t.shadowValueToCss,image:t.imageValueToCss,fontFamily:t.fontFamilyValueToCss,fontWeight:t.fontWeightValueToCss,duration:t.durationValueToCss};t.paramValueToCss=(e,a,o)=>{const n=(0,t.getParamType)(e);return i[n](a,e,o)}},19981:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.accentColor=t.foregroundColor=t.backgroundColor=t.foregroundHeaderBackgroundMix=t.foregroundBackgroundMix=t.foregroundMix=t.accentMix=t.memoize=t.clamp=t.paramToVariableExpression=t.paramToVariableName=void 0;t.paramToVariableName=e=>{return`--ag-${t=e,t.replace(/[A-Z]/g,e=>`-${e}`).toLowerCase()}`;var t};t.paramToVariableExpression=e=>`var(${(0,t.paramToVariableName)(e)})`;t.clamp=(e,t,a)=>Math.max(t,Math.min(a,e));t.memoize=e=>{const t=new Map;return a=>{const o=a;return t.has(o)||t.set(o,e(a)),t.get(o)}};t.accentMix=e=>({ref:"accentColor",mix:e});t.foregroundMix=e=>({ref:"foregroundColor",mix:e});t.foregroundBackgroundMix=e=>({ref:"foregroundColor",mix:e,onto:"backgroundColor"});t.foregroundHeaderBackgroundMix=e=>({ref:"foregroundColor",mix:e,onto:"headerBackgroundColor"}),t.backgroundColor={ref:"backgroundColor"},t.foregroundColor={ref:"foregroundColor"},t.accentColor={ref:"accentColor"}},56153:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.AgHighlightTooltipFeature=void 0;const o=a(42663),n=a(94750);class r extends o.AgTooltipFeature{constructor(e,t,a){super(e,a),this.highlightTracker=t,this.onHighlight=this.onHighlight.bind(this)}postConstruct(){super.postConstruct(),this.wireHighlightListeners()}wireHighlightListeners(){this.addManagedPropertyListener("tooltipTrigger",({currentValue:e})=>{this.setTooltipMode(e)}),this.setTooltipMode(this.gos.get("tooltipTrigger")),this.highlightTracker.addEventListener("itemHighlighted",this.onHighlight)}onHighlight(e){this.tooltipMode===n.TooltipTrigger.FOCUS&&(e.highlighted?this.attemptToShowTooltip():this.attemptToHideTooltip())}setTooltipMode(e="focus"){this.tooltipMode="focus"===e?n.TooltipTrigger.FOCUS:n.TooltipTrigger.HOVER}destroy(){this.highlightTracker.removeEventListener("itemHighlighted",this.onHighlight),super.destroy()}}t.AgHighlightTooltipFeature=r},35654:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.AgTooltipComponent=void 0;const o=a(75298),n=a(31931);class r extends o.AgPopupComponent{constructor(){super({tag:"div",cls:"ag-tooltip"})}init(e){const{value:t}=e,a=this.getGui();a.textContent=(0,n._toString)(t);const o=e.location.replace(/([a-z])([A-Z0-9])/g,"$1-$2").toLowerCase();a.classList.add(`ag-${o}-tooltip`)}}t.AgTooltipComponent=r},42663:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.AgTooltipFeature=void 0;const o=a(74856);class n extends o.AgBeanStub{constructor(e,t){super(),this.ctrl=e,t&&(this.beans=t)}postConstruct(){this.refreshTooltip()}setBrowserTooltip(e,t){const a="title",o=this.ctrl.getGui();o&&(null==e||""==e&&!t?o.removeAttribute(a):o.setAttribute(a,e))}updateTooltipText(){const{getTooltipValue:e}=this.ctrl;e&&(this.tooltip=e())}createTooltipFeatureIfNeeded(){if(null==this.tooltipManager){const e=this.beans.registry.createDynamicBean("tooltipStateManager",!0,this.ctrl,()=>this.tooltip);e&&(this.tooltipManager=this.createBean(e,this.beans.context))}}attemptToShowTooltip(){this.tooltipManager?.prepareToShowTooltip()}attemptToHideTooltip(){this.tooltipManager?.hideTooltip()}setTooltipAndRefresh(e){this.tooltip=e,this.refreshTooltip()}refreshTooltip(e){this.browserTooltips=this.beans.gos.get("enableBrowserTooltips"),this.updateTooltipText(),this.browserTooltips?(this.setBrowserTooltip(this.tooltip),this.tooltipManager=this.destroyBean(this.tooltipManager,this.beans.context)):(this.setBrowserTooltip(e?"":null,e),this.createTooltipFeatureIfNeeded())}destroy(){this.tooltipManager=this.destroyBean(this.tooltipManager,this.beans.context),super.destroy()}}t.AgTooltipFeature=n},94750:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.BaseTooltipStateManager=t.TooltipTrigger=void 0;const o=a(74856),n=a(36916),r=a(80011),i=a(89097);var l,s;!function(e){e[e.NOTHING=0]="NOTHING",e[e.WAITING_TO_SHOW=1]="WAITING_TO_SHOW",e[e.SHOWING=2]="SHOWING"}(l||(l={})),function(e){e[e.HOVER=0]="HOVER",e[e.FOCUS=1]="FOCUS"}(s||(t.TooltipTrigger=s={}));let d,c=!1;class g extends o.AgBeanStub{wireBeans(e){this.popupSvc=e.popupSvc}constructor(e,t){super(),this.tooltipCtrl=e,this.getTooltipValue=t,this.interactionEnabled=!1,this.isInteractingWithTooltip=!1,this.state=l.NOTHING,this.tooltipInstanceCount=0,this.tooltipMouseTrack=!1}postConstruct(){this.gos.get("tooltipInteraction")&&(this.interactionEnabled=!0),this.tooltipTrigger=this.getTooltipTrigger(),this.tooltipMouseTrack=this.gos.get("tooltipMouseTrack");const e=this.tooltipCtrl.getGui();this.tooltipTrigger===s.HOVER&&this.addManagedListeners(e,{mouseenter:this.onMouseEnter.bind(this),mouseleave:this.onMouseLeave.bind(this)}),this.tooltipTrigger===s.FOCUS&&this.addManagedListeners(e,{focusin:this.onFocusIn.bind(this),focusout:this.onFocusOut.bind(this)}),this.addManagedListeners(e,{mousemove:this.onMouseMove.bind(this)}),this.interactionEnabled||this.addManagedListeners(e,{mousedown:this.onMouseDown.bind(this),keydown:this.onKeyDown.bind(this)})}getGridOptionsTooltipDelay(e){const t=this.gos.get(e);return Math.max(200,t)}getTooltipDelay(e){return"show"===e?this.tooltipCtrl.getTooltipShowDelayOverride?.()??this.getGridOptionsTooltipDelay("tooltipShowDelay"):this.tooltipCtrl.getTooltipHideDelayOverride?.()??this.getGridOptionsTooltipDelay("tooltipHideDelay")}destroy(){this.setToDoNothing(),super.destroy()}getTooltipTrigger(){const e=this.gos.get("tooltipTrigger");return e&&"hover"!==e?s.FOCUS:s.HOVER}onMouseEnter(e){this.interactionEnabled&&this.interactiveTooltipTimeoutId&&(this.unlockService(),this.startHideTimeout()),(0,n._isIOSUserAgent)()||(c?this.showTooltipTimeoutId=window.setTimeout(()=>{this.prepareToShowTooltip(e)},100):this.prepareToShowTooltip(e))}onMouseMove(e){this.lastMouseEvent&&(this.lastMouseEvent=e),this.tooltipMouseTrack&&this.state===l.SHOWING&&this.tooltipComp&&this.positionTooltip()}onMouseDown(){this.setToDoNothing()}onMouseLeave(){this.interactionEnabled?this.lockService():this.setToDoNothing()}onFocusIn(){this.prepareToShowTooltip()}onFocusOut(e){const t=e.relatedTarget,a=this.tooltipCtrl.getGui(),o=this.tooltipComp?.getGui();this.isInteractingWithTooltip||a.contains(t)||this.interactionEnabled&&o?.contains(t)||this.setToDoNothing()}onKeyDown(){this.isInteractingWithTooltip&&(this.isInteractingWithTooltip=!1),this.setToDoNothing()}prepareToShowTooltip(e){if(this.state!=l.NOTHING||c)return;let t=0;e&&(t=this.isLastTooltipHiddenRecently()?200:this.getTooltipDelay("show")),this.lastMouseEvent=e||null,this.showTooltipTimeoutId=window.setTimeout(this.showTooltip.bind(this),t),this.state=l.WAITING_TO_SHOW}isLastTooltipHiddenRecently(){return Date.now()-d<1e3}setToDoNothing(e){e||this.state!==l.SHOWING||this.hideTooltip(),this.onBodyScrollEventCallback&&(this.onBodyScrollEventCallback(),this.onBodyScrollEventCallback=void 0),this.clearEventHandlers(),this.onDocumentKeyDownCallback&&(this.onDocumentKeyDownCallback(),this.onDocumentKeyDownCallback=void 0),this.clearTimeouts(),this.state=l.NOTHING,this.lastMouseEvent=null}showTooltip(){const e=this.getTooltipValue(),t=this.tooltipCtrl;if(!(0,i._exists)(e)||t.shouldDisplayTooltip&&!t.shouldDisplayTooltip())return void this.setToDoNothing();const a=this.gos.addCommon({location:t.getLocation?.()??"UNKNOWN",value:e,hideTooltipCallback:()=>this.hideTooltip(!0),...t.getAdditionalParams?.()});this.state=l.SHOWING,this.tooltipInstanceCount++;const o=this.newTooltipComponentCallback.bind(this,this.tooltipInstanceCount);this.createTooltipComp(a,o)}hideTooltip(e){!e&&this.isInteractingWithTooltip||(this.tooltipComp&&(this.destroyTooltipComp(),d=Date.now()),this.eventSvc.dispatchEvent({type:"tooltipHide",parentGui:this.tooltipCtrl.getGui()}),e&&(this.isInteractingWithTooltip=!1),this.setToDoNothing(!0))}newTooltipComponentCallback(e,t){if(this.state!==l.SHOWING||this.tooltipInstanceCount!==e)return void this.destroyBean(t);const a=t.getGui();this.tooltipComp=t,a.classList.contains("ag-tooltip")||a.classList.add("ag-tooltip-custom"),this.tooltipTrigger===s.HOVER&&a.classList.add("ag-tooltip-animate"),this.interactionEnabled&&a.classList.add("ag-tooltip-interactive");const o=this.getLocaleTextFunc(),n=this.popupSvc?.addPopup({eChild:a,ariaLabel:o("ariaLabelTooltip","Tooltip")});if(n&&(this.tooltipPopupDestroyFunc=n.hideFunc),this.positionTooltip(),this.tooltipTrigger===s.FOCUS){const e=()=>this.setToDoNothing();[this.onBodyScrollEventCallback]=this.addManagedEventListeners({bodyScroll:e}),this.setEventHandlers(e)}this.interactionEnabled&&([this.tooltipMouseEnterListener,this.tooltipMouseLeaveListener]=this.addManagedElementListeners(a,{mouseenter:this.onTooltipMouseEnter.bind(this),mouseleave:this.onTooltipMouseLeave.bind(this)}),[this.onDocumentKeyDownCallback]=this.addManagedElementListeners((0,r._getDocument)(this.beans),{keydown:e=>{a.contains(e?.target)||this.onKeyDown()}}),this.tooltipTrigger===s.FOCUS&&([this.tooltipFocusInListener,this.tooltipFocusOutListener]=this.addManagedElementListeners(a,{focusin:this.onTooltipFocusIn.bind(this),focusout:this.onTooltipFocusOut.bind(this)}))),this.eventSvc.dispatchEvent({type:"tooltipShow",tooltipGui:a,parentGui:this.tooltipCtrl.getGui()}),this.startHideTimeout()}onTooltipMouseEnter(){this.isInteractingWithTooltip=!0,this.unlockService()}onTooltipMouseLeave(){this.isTooltipFocused()||(this.isInteractingWithTooltip=!1,this.lockService())}onTooltipFocusIn(){this.isInteractingWithTooltip=!0}isTooltipFocused(){const e=this.tooltipComp?.getGui(),t=(0,r._getActiveDomElement)(this.beans);return!!e&&e.contains(t)}onTooltipFocusOut(e){const t=this.tooltipCtrl.getGui();this.isTooltipFocused()||(this.isInteractingWithTooltip=!1,t.contains(e.relatedTarget)?this.startHideTimeout():this.hideTooltip())}positionTooltip(){const e={type:"tooltip",ePopup:this.tooltipComp.getGui(),nudgeY:18,skipObserver:this.tooltipMouseTrack};this.lastMouseEvent?this.popupSvc?.positionPopupUnderMouseEvent({...e,mouseEvent:this.lastMouseEvent}):this.popupSvc?.positionPopupByComponent({...e,eventSource:this.tooltipCtrl.getGui(),position:"under",keepWithinBounds:!0,nudgeY:5})}destroyTooltipComp(){this.tooltipComp.getGui().classList.add("ag-tooltip-hiding");const e=this.tooltipPopupDestroyFunc,t=this.tooltipComp,a=this.tooltipTrigger===s.HOVER?1e3:0;window.setTimeout(()=>{e(),this.destroyBean(t)},a),this.clearTooltipListeners(),this.tooltipPopupDestroyFunc=void 0,this.tooltipComp=void 0}clearTooltipListeners(){for(const e of[this.tooltipMouseEnterListener,this.tooltipMouseLeaveListener,this.tooltipFocusInListener,this.tooltipFocusOutListener])e&&e();this.tooltipMouseEnterListener=this.tooltipMouseLeaveListener=this.tooltipFocusInListener=this.tooltipFocusOutListener=null}lockService(){c=!0,this.interactiveTooltipTimeoutId=window.setTimeout(()=>{this.unlockService(),this.setToDoNothing()},100)}unlockService(){c=!1,this.clearInteractiveTimeout()}startHideTimeout(){this.clearHideTimeout(),this.hideTooltipTimeoutId=window.setTimeout(this.hideTooltip.bind(this),this.getTooltipDelay("hide"))}clearShowTimeout(){this.showTooltipTimeoutId&&(window.clearTimeout(this.showTooltipTimeoutId),this.showTooltipTimeoutId=void 0)}clearHideTimeout(){this.hideTooltipTimeoutId&&(window.clearTimeout(this.hideTooltipTimeoutId),this.hideTooltipTimeoutId=void 0)}clearInteractiveTimeout(){this.interactiveTooltipTimeoutId&&(window.clearTimeout(this.interactiveTooltipTimeoutId),this.interactiveTooltipTimeoutId=void 0)}clearTimeouts(){this.clearShowTimeout(),this.clearHideTimeout(),this.clearInteractiveTimeout()}}t.BaseTooltipStateManager=g},14336:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.tooltipCSS=void 0,t.tooltipCSS=".ag-tooltip{background-color:var(--ag-tooltip-background-color);border:var(--ag-tooltip-border);border-radius:var(--ag-border-radius);color:var(--ag-tooltip-text-color);padding:var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);position:absolute;white-space:normal;z-index:99999;&:where(.ag-cell-editor-tooltip){background-color:var(--ag-tooltip-error-background-color);border:var(--ag-tooltip-error-border);color:var(--ag-tooltip-error-text-color);font-weight:500}}.ag-tooltip-custom{position:absolute;z-index:99999}.ag-tooltip-custom:where(:not(.ag-tooltip-interactive)),.ag-tooltip:where(:not(.ag-tooltip-interactive)){pointer-events:none}.ag-tooltip-animate{transition:opacity 1s;&:where(.ag-tooltip-hiding){opacity:0}}"},91623:function(e,t){function a(e,t,a){null==a||"string"==typeof a&&""==a?n(e,t):o(e,t,a)}function o(e,t,a){e.setAttribute(r(t),a.toString())}function n(e,t){e.removeAttribute(r(t))}function r(e){return`aria-${e}`}function i(e,t){a(e,"labelledby",t)}function l(e,t){a(e,"controls",t)}Object.defineProperty(t,"__esModule",{value:!0}),t._getAriaCheckboxStateName=t._setAriaHasPopup=t._setAriaOwns=t._setAriaControlsAndLabel=t._setAriaControls=t._setAriaChecked=t._setAriaSelected=t._removeAriaSort=t._setAriaSort=t._setAriaColSpan=t._setAriaColIndex=t._setAriaColCount=t._setAriaRowSpan=t._setAriaRowIndex=t._setAriaRowCount=t._setAriaMultiSelectable=t._setAriaPosInSet=t._setAriaSetSize=t._removeAriaExpanded=t._setAriaExpanded=t._setAriaActiveDescendant=t._setAriaHidden=t._setAriaDisabled=t._setAriaLevel=t._setAriaInvalid=t._setAriaRelevant=t._setAriaAtomic=t._setAriaLive=t._setAriaDescribedBy=t._setAriaLabelledBy=t._setAriaLabel=t._getAriaLabel=t._getAriaPosInSet=t._getAriaSortState=t._setAriaRole=void 0,t._setAriaRole=function(e,t){t?e.setAttribute("role",t):e.removeAttribute("role")},t._getAriaSortState=function(e){let t;return t="asc"===e?"ascending":"desc"===e?"descending":"mixed"===e?"other":"none",t},t._getAriaPosInSet=function(e){return Number.parseInt(e.getAttribute("aria-posinset"),10)},t._getAriaLabel=function(e){return e.getAttribute("aria-label")},t._setAriaLabel=function(e,t){a(e,"label",t)},t._setAriaLabelledBy=i,t._setAriaDescribedBy=function(e,t){a(e,"describedby",t)},t._setAriaLive=function(e,t){a(e,"live",t)},t._setAriaAtomic=function(e,t){a(e,"atomic",t)},t._setAriaRelevant=function(e,t){a(e,"relevant",t)},t._setAriaInvalid=function(e,t){a(e,"invalid",t)},t._setAriaLevel=function(e,t){a(e,"level",t)},t._setAriaDisabled=function(e,t){a(e,"disabled",t)},t._setAriaHidden=function(e,t){a(e,"hidden",t)},t._setAriaActiveDescendant=function(e,t){a(e,"activedescendant",t)},t._setAriaExpanded=function(e,t){o(e,"expanded",t)},t._removeAriaExpanded=function(e){n(e,"expanded")},t._setAriaSetSize=function(e,t){o(e,"setsize",t)},t._setAriaPosInSet=function(e,t){o(e,"posinset",t)},t._setAriaMultiSelectable=function(e,t){o(e,"multiselectable",t)},t._setAriaRowCount=function(e,t){o(e,"rowcount",t)},t._setAriaRowIndex=function(e,t){o(e,"rowindex",t)},t._setAriaRowSpan=function(e,t){o(e,"rowspan",t)},t._setAriaColCount=function(e,t){o(e,"colcount",t)},t._setAriaColIndex=function(e,t){o(e,"colindex",t)},t._setAriaColSpan=function(e,t){o(e,"colspan",t)},t._setAriaSort=function(e,t){o(e,"sort",t)},t._removeAriaSort=function(e){n(e,"sort")},t._setAriaSelected=function(e,t){a(e,"selected",t)},t._setAriaChecked=function(e,t){o(e,"checked",void 0===t?"mixed":t)},t._setAriaControls=l,t._setAriaControlsAndLabel=function(e,t){l(e,t.id),i(t,e.id)},t._setAriaOwns=function(e,t){a(e,"owns",t)},t._setAriaHasPopup=function(e,t){a(e,"haspopup",!1===t?null:t)},t._getAriaCheckboxStateName=function(e,t){return void 0===t?e("ariaIndeterminate","indeterminate"):!0===t?e("ariaChecked","checked"):e("ariaUnchecked","unchecked")}},79909:function(e,t){function a(e,t){const a=e.indexOf(t);a>=0&&e.splice(a,1)}Object.defineProperty(t,"__esModule",{value:!0}),t._flatten=t._moveInArray=t._removeAllFromArray=t._removeFromArray=t._forAll=t._areEqual=t._last=t._EmptyArray=void 0,t._EmptyArray=Object.freeze([]),t._last=function(e){if(e?.length)return e[e.length-1]},t._areEqual=function(e,t,a){if(e===t)return!0;if(!e||!t)return null==e&&null==t;const o=e.length;if(o!==t.length)return!1;for(let n=0;n<o;n++)if(e[n]!==t[n]&&!a?.(e[n],t[n]))return!1;return!0},t._forAll=function(e,t){if(e)for(const a of e)t(a)},t._removeFromArray=a,t._removeAllFromArray=function(e,t){let a=0,o=0;for(;a<e.length;a++)t.includes(e[a])||(e[o]=e[a],o++);for(;o<e.length;)e.pop()},t._moveInArray=function(e,t,o){for(let o=0;o<t.length;o++)a(e,t[o]);for(let a=t.length-1;a>=0;a--)e.splice(o,0,t[a])},t._flatten=function(e){return[].concat.apply([],e)}},36916:function(e,t){let a,o,n,r,i,l,s;function d(){return void 0===o&&(o=/(firefox)/i.test(navigator.userAgent)),o}function c(){const e=document.body,t=document.createElement("div");t.style.width=t.style.height="100px",t.style.opacity="0",t.style.overflow="scroll",t.style.msOverflowStyle="scrollbar",t.style.position="absolute",e.appendChild(t);let a=t.offsetWidth-t.clientWidth;0===a&&0===t.clientWidth&&(a=null),t.parentNode&&t.remove(),null!=a&&(l=a,i=0===a)}Object.defineProperty(t,"__esModule",{value:!0}),t._isInvisibleScrollbar=t._getScrollbarWidth=t._getMaxDivHeight=t._getTabIndex=t._isIOSUserAgent=t._isMacOsUserAgent=t._isBrowserFirefox=t._isBrowserSafari=void 0,t._isBrowserSafari=function(){return void 0===a&&(a=/^((?!chrome|android).)*safari/i.test(navigator.userAgent)),a},t._isBrowserFirefox=d,t._isMacOsUserAgent=function(){return void 0===n&&(n=/(Mac|iPhone|iPod|iPad)/i.test(navigator.platform)),n},t._isIOSUserAgent=function(){return void 0===r&&(r=/iPad|iPhone|iPod/.test(navigator.platform)||"MacIntel"===navigator.platform&&navigator.maxTouchPoints>1),r},t._getTabIndex=function(e){if(!e)return null;const t=e.tabIndex,a=e.getAttribute("tabIndex");return-1!==t||null!==a&&(""!==a||d())?t.toString():null},t._getMaxDivHeight=function(){if(void 0!==s)return s;if(!document.body)return-1;let e=1e6;const t=d()?6e6:1e9,a=document.createElement("div");for(document.body.appendChild(a);;){const o=2*e;if(a.style.height=o+"px",o>t||a.clientHeight!==o)break;e=o}return a.remove(),s=e,e},t._getScrollbarWidth=function(){return null==l&&c(),l},t._isInvisibleScrollbar=function(){return null==i&&c(),i}},97066:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t._parseDateTimeFromString=t._isValidDateTime=t._isValidDate=t._dateToFormattedString=t.MONTHS=t._getDateParts=t._serialiseDate=void 0;const a=new RegExp("[T ]"),o=new RegExp("^\\d{4}-\\d{2}-\\d{2}(T\\d{2}:\\d{2}:\\d{2}\\D?)?");function n(e,t){return e.toString().padStart(t,"0")}function r(e,t=!0,a="T"){if(!e)return null;let o=[e.getFullYear(),e.getMonth()+1,e.getDate()].map(e=>n(e,2)).join("-");return t&&(o+=a+[e.getHours(),e.getMinutes(),e.getSeconds()].map(e=>n(e,2)).join(":")),o}t._serialiseDate=r,t._getDateParts=function(e,t=!0){return e?t?[String(e.getFullYear()),String(e.getMonth()+1),n(e.getDate(),2),n(e.getHours(),2),`:${n(e.getMinutes(),2)}`,`:${n(e.getSeconds(),2)}`]:[e.getFullYear(),e.getMonth()+1,n(e.getDate(),2)].map(String):null};const i=e=>{if(e>3&&e<21)return"th";switch(e%10){case 1:return"st";case 2:return"nd";case 3:return"rd"}return"th"};t.MONTHS=["January","February","March","April","May","June","July","August","September","October","November","December"];const l=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];function s(e,t=!1){return!!d(e,t)}function d(e,t=!1,n){if(!e)return null;if(!n&&!o.test(e))return null;const[r,i]=e.split(a);if(!r)return null;const l=r.split("-").map(e=>Number.parseInt(e,10));if(3!==l.filter(e=>!isNaN(e)).length)return null;const[s,d,c]=l,g=new Date(s,d-1,c);if(g.getFullYear()!==s||g.getMonth()!==d-1||g.getDate()!==c)return null;if(!i&&t)return null;if(!i||"00:00:00"===i)return g;const[u,h,p]=i.split(":").map(e=>Number.parseInt(e,10));if(u>=0&&u<24)g.setHours(u);else if(t)return null;if(h>=0&&h<60)g.setMinutes(h);else if(t)return null;if(p>=0&&p<60)g.setSeconds(p);else if(t)return null;return g}t._dateToFormattedString=function(e,a){if(null==a)return r(e,!1);const o=n(e.getFullYear(),4),s={YYYY:()=>o.slice(o.length-4,o.length),YY:()=>o.slice(o.length-2,o.length),Y:()=>`${e.getFullYear()}`,MMMM:()=>t.MONTHS[e.getMonth()],MMM:()=>t.MONTHS[e.getMonth()].slice(0,3),MM:()=>n(e.getMonth()+1,2),Mo:()=>`${e.getMonth()+1}${i(e.getMonth()+1)}`,M:()=>`${e.getMonth()+1}`,Do:()=>`${e.getDate()}${i(e.getDate())}`,DD:()=>n(e.getDate(),2),D:()=>`${e.getDate()}`,dddd:()=>l[e.getDay()],ddd:()=>l[e.getDay()].slice(0,3),dd:()=>l[e.getDay()].slice(0,2),do:()=>`${e.getDay()}${i(e.getDay())}`,d:()=>`${e.getDay()}`},d=new RegExp(Object.keys(s).join("|"),"g");return a.replace(d,e=>e in s?s[e]():e)},t._isValidDate=s,t._isValidDateTime=function(e){return s(e,!0)},t._parseDateTimeFromString=d},80011:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t._getBodyHeight=t._getBodyWidth=t._getPageBody=t._getWindow=t._isNothingFocused=t._getDocument=t._getActiveDomElement=t._getRootNode=void 0;const o=a(89097);function n(e){return e.eRootDiv.getRootNode()}function r(e){return n(e).activeElement}function i(e){const{gos:t,eRootDiv:a}=e;let n=null;const r=t.get("getDocument");return r&&(0,o._exists)(r)?n=r():a&&(n=a.ownerDocument),n&&(0,o._exists)(n)?n:document}function l(e){let t=null,a=null;try{t=i(e).fullscreenElement}catch(e){}finally{t||(t=n(e));const o=t.querySelector("body");a=o||(t instanceof ShadowRoot?t:t instanceof Document?t?.documentElement:t)}return a}t._getRootNode=n,t._getActiveDomElement=r,t._getDocument=i,t._isNothingFocused=function(e){const t=r(e);return null===t||t===i(e).body},t._getWindow=function(e){return i(e).defaultView||window},t._getPageBody=l,t._getBodyWidth=function(e){const t=l(e);return t?.clientWidth??(window.innerWidth||-1)},t._getBodyHeight=function(e){const t=l(e);return t?.clientHeight??(window.innerHeight||-1)}},1956:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t._createAgElement=t.DataRefAttribute=t._requestAnimationFrame=t._observeResize=t._addOrRemoveAttribute=t._isNodeOrElement=t._formatSize=t._setFixedHeight=t._setFixedWidth=t._setElementWidth=t._isVerticalScrollShowing=t._isHorizontalScrollShowing=t._isElementOverflowingCallback=t._addStylesToElement=t._setDomChildOrder=t._ensureDomOrder=t._loadTemplate=t._isVisible=t._isInDOM=t._removeFromParent=t._clearElement=t._setScrollLeft=t._getScrollLeft=t._getElementRectWithOffset=t._getAbsoluteWidth=t._getAbsoluteHeight=t._getInnerWidth=t._getInnerHeight=t._getElementSize=t._isElementChildOfClass=t._setDisabled=t._setVisible=t._setDisplayed=t._isFocusableFormField=t.FOCUSABLE_EXCLUDE=t.FOCUSABLE_SELECTOR=t._radioCssClass=void 0;const o=a(91623),n=a(80011);function r(e){const{height:t,width:a,borderTopWidth:o,borderRightWidth:n,borderBottomWidth:r,borderLeftWidth:i,paddingTop:l,paddingRight:s,paddingBottom:d,paddingLeft:c,marginTop:g,marginRight:u,marginBottom:h,marginLeft:p,boxSizing:m}=window.getComputedStyle(e),f=Number.parseFloat;return{height:f(t||"0"),width:f(a||"0"),borderTopWidth:f(o||"0"),borderRightWidth:f(n||"0"),borderBottomWidth:f(r||"0"),borderLeftWidth:f(i||"0"),paddingTop:f(l||"0"),paddingRight:f(s||"0"),paddingBottom:f(d||"0"),paddingLeft:f(c||"0"),marginTop:f(g||"0"),marginRight:f(u||"0"),marginBottom:f(h||"0"),marginLeft:f(p||"0"),boxSizing:m}}function i(e){return!!e.offsetParent}function l(e){if(e.checkVisibility)return e.checkVisibility({checkVisibilityCSS:!0});return!(!i(e)||"visible"!==window.getComputedStyle(e).visibility)}function s(e){return e.replace(/[A-Z]/g,e=>`-${e.toLocaleLowerCase()}`)}function d(e){return e.clientWidth<e.scrollWidth}function c(e){return e.clientHeight<e.scrollHeight}function g(e,t){t=u(t),e.style.width=t,e.style.maxWidth=t,e.style.minWidth=t}function u(e){return"number"==typeof e?`${e}px`:e}let h;function p(){return h??(h=document.createTextNode(" ")),h.cloneNode()}t._radioCssClass=function(e,t,a){const o=e.parentElement;let n=o&&o.firstChild;for(;n;)t&&n.classList.toggle(t,n===e),a&&n.classList.toggle(a,n!==e),n=n.nextSibling},t.FOCUSABLE_SELECTOR="[tabindex], input, select, button, textarea, [href]",t.FOCUSABLE_EXCLUDE="[disabled], .ag-disabled:not(.ag-button), .ag-disabled *",t._isFocusableFormField=function(e){return!!e&&(!!e.matches("input, select, button, textarea")&&(!!e.matches(t.FOCUSABLE_EXCLUDE)&&l(e)))},t._setDisplayed=function(e,t,a={}){const{skipAriaHidden:n}=a;e.classList.toggle("ag-hidden",!t),n||(0,o._setAriaHidden)(e,!t)},t._setVisible=function(e,t,a={}){const{skipAriaHidden:n}=a;e.classList.toggle("ag-invisible",!t),n||(0,o._setAriaHidden)(e,!t)},t._setDisabled=function(e,t){const a="disabled",o=t?e=>e.setAttribute(a,""):e=>e.removeAttribute(a);o(e);const n=e.querySelectorAll("input")??[];for(const e of n)o(e)},t._isElementChildOfClass=function(e,t,a){let o=0;for(;e;){if(e.classList.contains(t))return!0;if(e=e.parentElement,"number"==typeof a){if(++o>a)break}else if(e===a)break}return!1},t._getElementSize=r,t._getInnerHeight=function(e){const t=r(e);return"border-box"===t.boxSizing?t.height-t.paddingTop-t.paddingBottom-t.borderTopWidth-t.borderBottomWidth:t.height},t._getInnerWidth=function(e){const t=r(e);return"border-box"===t.boxSizing?t.width-t.paddingLeft-t.paddingRight-t.borderLeftWidth-t.borderRightWidth:t.width},t._getAbsoluteHeight=function(e){const{height:t,marginBottom:a,marginTop:o}=r(e);return Math.floor(t+a+o)},t._getAbsoluteWidth=function(e){const{width:t,marginLeft:a,marginRight:o}=r(e);return Math.floor(t+a+o)},t._getElementRectWithOffset=function(e){const t=e.getBoundingClientRect(),{borderTopWidth:a,borderLeftWidth:o,borderRightWidth:n,borderBottomWidth:i}=r(e);return{top:t.top+(a||0),left:t.left+(o||0),right:t.right+(n||0),bottom:t.bottom+(i||0)}},t._getScrollLeft=function(e,t){let a=e.scrollLeft;return t&&(a=Math.abs(a)),a},t._setScrollLeft=function(e,t,a){a&&(t*=-1),e.scrollLeft=t},t._clearElement=function(e){for(;e?.firstChild;)e.firstChild.remove()},t._removeFromParent=function(e){e?.parentNode&&e.remove()},t._isInDOM=i,t._isVisible=l,t._loadTemplate=function(e){const t=document.createElement("div");return t.innerHTML=(e||"").trim(),t.firstChild},t._ensureDomOrder=function(e,t,a){a&&a.nextSibling===t||(e.firstChild?a?a.nextSibling?e.insertBefore(t,a.nextSibling):e.appendChild(t):e.firstChild&&e.firstChild!==t&&e.insertAdjacentElement("afterbegin",t):e.appendChild(t))},t._setDomChildOrder=function(e,t){for(let a=0;a<t.length;a++){const o=t[a],n=e.children[a];n!==o&&e.insertBefore(o,n)}},t._addStylesToElement=function(e,t){if(t)for(const a of Object.keys(t)){const o=t[a];if(!a?.length||null==o)continue;const n=s(a),r=o.toString(),i=r.replace(/\s*!important/g,""),l=i.length!=r.length?"important":void 0;e.style.setProperty(n,i,l)}},t._isElementOverflowingCallback=function(e){return()=>{const t=e();return!t||(d(t)||c(t))}},t._isHorizontalScrollShowing=d,t._isVerticalScrollShowing=c,t._setElementWidth=function(e,t){"flex"===t?(e.style.removeProperty("width"),e.style.removeProperty("minWidth"),e.style.removeProperty("maxWidth"),e.style.flex="1 1 auto"):g(e,t)},t._setFixedWidth=g,t._setFixedHeight=function(e,t){t=u(t),e.style.height=t,e.style.maxHeight=t,e.style.minHeight=t},t._formatSize=u,t._isNodeOrElement=function(e){return e instanceof Node||e instanceof HTMLElement},t._addOrRemoveAttribute=function(e,t,a){null==a||""===a?e.removeAttribute(t):e.setAttribute(t,a.toString())},t._observeResize=function(e,t,a){const o=(0,n._getWindow)(e).ResizeObserver,r=o?new o(a):null;return r?.observe(t),()=>r?.disconnect()},t._requestAnimationFrame=function(e,t){const a=(0,n._getWindow)(e);a.requestAnimationFrame?a.requestAnimationFrame(t):a.webkitRequestAnimationFrame?a.webkitRequestAnimationFrame(t):a.setTimeout(t,0)},t.DataRefAttribute="data-ref",t._createAgElement=function e(a){const{attrs:o,children:n,cls:r,ref:i,role:l,tag:s}=a,d=document.createElement(s);if(r&&(d.className=r),i&&d.setAttribute(t.DataRefAttribute,i),l&&d.setAttribute("role",l),o)for(const e of Object.keys(o))d.setAttribute(e,o[e]);if(n)if("string"==typeof n)d.textContent=n;else{let t=!0;for(const a of n)a&&("string"==typeof a?(d.appendChild(document.createTextNode(a)),t=!1):"function"==typeof a?d.appendChild(a()):(t&&(d.appendChild(p()),t=!1),d.append(e(a)),d.appendChild(p())))}return d}},7356:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.preventEventDefault=t.clearTempEventHandlers=t.addTempEventHandlers=t._anchorElementToMouseMoveEvent=t._isEventFromThisInstance=t._getFirstActiveTouch=t._areEventsNear=t._addSafePassiveEventListener=t._isElementInEventPath=t._isEventSupported=void 0;const o=a(80011),n=a(1956),r=["touchstart","touchend","touchmove","touchcancel","scroll"],i=["wheel"],l={};t._isEventSupported=(()=>{const e={select:"input",change:"input",submit:"form",reset:"form",error:"img",load:"img",abort:"img"};return t=>{if("boolean"==typeof l[t])return l[t];const a=document.createElement(e[t]||"div");return l[t="on"+t]=t in a}})(),t._isElementInEventPath=function(e,t){return!(!t||!e)&&function(e){const t=e;if(t.path)return t.path;if(t.composedPath)return t.composedPath();return function(e){const t=[];let a=e.target;for(;a;)t.push(a),a=a.parentElement;return t}(t)}(t).indexOf(e)>=0},t._addSafePassiveEventListener=function(e,t,a){const o=s(t);let n;null!=o&&(n={passive:o}),e.addEventListener(t,a,n)};const s=e=>{const t=r.includes(e),a=i.includes(e);return!!t||!a&&void 0};t._areEventsNear=function(e,t,a){if(0===a)return!1;const o=Math.abs(e.clientX-t.clientX),n=Math.abs(e.clientY-t.clientY);return Math.max(o,n)<=a};t._getFirstActiveTouch=(e,t)=>{const a=e.identifier;for(let e=0,o=t.length;e<o;++e){const o=t[e];if(o.identifier===a)return o}return null},t._isEventFromThisInstance=function(e,t){return e.gos.isElementInThisInstance(t.target)},t._anchorElementToMouseMoveEvent=function(e,t,a){const r=e.getBoundingClientRect().height,i=(0,o._getBodyWidth)(a)-2,l=(0,o._getBodyHeight)(a)-2;if(!e.offsetParent)return;const s=(0,n._getElementRectWithOffset)(e.offsetParent),{clientY:d,clientX:c}=t;let g=d-s.top-r/2,u=c-s.left-10;const h=(0,o._getDocument)(a),p=h.defaultView||window,m=p.pageYOffset||h.documentElement.scrollTop,f=p.pageXOffset||h.documentElement.scrollLeft;i>0&&u+e.clientWidth>i+f&&(u=i+f-e.clientWidth),u<0&&(u=0),l>0&&g+e.clientHeight>l+m&&(g=l+m-e.clientHeight),g<0&&(g=0),e.style.left=`${u}px`,e.style.top=`${g}px`};t.addTempEventHandlers=(e,...t)=>{for(const a of t){const[t,o,n,r]=a;t.addEventListener(o,n,r),e.push(a)}};t.clearTempEventHandlers=e=>{if(e){for(const[t,a,o,n]of e)t.removeEventListener(a,o,n);e.length=0}};t.preventEventDefault=e=>{e.cancelable&&e.preventDefault()}},5088:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t._findTabbableParent=t._findNextFocusableElement=t._focusInto=t._findFocusableElements=t._isKeyboardMode=t._registerKeyboardFocusEvents=void 0;const o=a(79909),n=a(36916),r=a(80011),i=a(1956);let l=!1,s=0;function d(e){const t=l,a="keydown"===e.type;a&&(e.ctrlKey||e.metaKey||e.altKey)||t!==a&&(l=a)}function c(e,t,a=!1){const o=i.FOCUSABLE_SELECTOR;let n=i.FOCUSABLE_EXCLUDE;t&&(n+=", "+t),a&&(n+=', [tabindex="-1"]');const r=Array.prototype.slice.apply(e.querySelectorAll(o)).filter(e=>(0,i._isVisible)(e)),l=Array.prototype.slice.apply(e.querySelectorAll(n));if(!l.length)return r;return s=l,r.filter(e=>-1===s.indexOf(e));var s}t._registerKeyboardFocusEvents=function(e){const t=(0,r._getDocument)(e);var a;return a=t,s>0||(a.addEventListener("keydown",d),a.addEventListener("mousedown",d)),s++,()=>{s--,function(e){s>0||(e.removeEventListener("keydown",d),e.removeEventListener("mousedown",d))}(t)}},t._isKeyboardMode=function(){return l},t._findFocusableElements=c,t._focusInto=function(e,t=!1,a=!1,n=!1){const r=c(e,n?".ag-tab-guard":null,a),i=t?(0,o._last)(r):r[0];return!!i&&(i.focus({preventScroll:!0}),!0)},t._findNextFocusableElement=function(e,t,a,o){const n=c(t,a?':not([tabindex="-1"])':null),i=(0,r._getActiveDomElement)(e);let l;l=a?n.findIndex(e=>e.contains(i)):n.indexOf(i);const s=l+(o?-1:1);return s<0||s>=n.length?null:n[s]},t._findTabbableParent=function(e,t=5){let a=0;for(;e&&null===(0,n._getTabIndex)(e)&&++a<=t;)e=e.parentElement;return null===(0,n._getTabIndex)(e)?null:e}},44990:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t._waitUntil=t._throttle=t._debounce=t._batchCall=t._doOnce=void 0;const o=a(1956),n={};t._doOnce=function(e,t){n[t]||(e(),n[t]=!0)};const r={pending:!1,funcs:[]},i={pending:!1,funcs:[]};t._batchCall=function(e,t="setTimeout",a){const n="raf"===t?i:r;if(n.funcs.push(e),n.pending)return;n.pending=!0;const l=()=>{const e=n.funcs.slice();n.funcs.length=0,n.pending=!1;for(const t of e)t()};"raf"===t?(0,o._requestAnimationFrame)(a,l):window.setTimeout(l,0)},t._debounce=function(e,t,a){let o;return function(...n){const r=this;window.clearTimeout(o),o=window.setTimeout(function(){e.isAlive()&&t.apply(r,n)},a)}},t._throttle=function(e,t){let a=0;return function(...o){const n=Date.now();n-a<t||(a=n,e.apply(this,o))}},t._waitUntil=function(e,t,a,o=100){const n=Date.now();let r=null,i=!1;const l=()=>{null!=r&&(window.clearInterval(r),r=null)};e.addDestroyFunc(l);const s=()=>{const e=Date.now()-n>o;(t()||e)&&(a(),i=!0,l())};s(),i||(r=window.setInterval(s,10))}},85591:function(e,t){function a(e,t){e.length<t.length&&([e,t]=[t,e]);let a=[],o=[];const n=e.length,r=t.length;for(let e=0;e<=r;e++)a[e]=e;let i=0;for(let l=1;l<=n;l++){o[0]=l;for(let s=1;s<=r;s++){const r=e[l-1],d=t[s-1];if(r.toLocaleLowerCase()===d.toLocaleLowerCase())++i,r===d&&++i,l>1&&s>1&&e[l-2].toLocaleLowerCase()===t[s-2].toLocaleLowerCase()&&(++i,e[l-2]===t[s-2]&&++i),l<n/2-10&&++i,o[s]=a[s-1];else{const e=o[s-1],t=a[s],n=a[s-1];o[s]=1+Math.min(e,t,n)}}[a,o]=[o,a]}return a[r]/(i+1)}Object.defineProperty(t,"__esModule",{value:!0}),t._getLevenshteinSimilarityDistance=t._fuzzySuggestions=void 0,t._fuzzySuggestions=function(e){const{inputValue:t,allSuggestions:o,hideIrrelevant:n,filterByPercentageOfBestMatch:r}=e;let i=(o??[]).map((e,o)=>({value:e,relevance:a(t,e),idx:o}));if(i.sort((e,t)=>e.relevance-t.relevance),n&&(i=i.filter(e=>e.relevance<Math.max(e.value.length,t.length))),i.length>0&&r&&r>0){const e=i[0].relevance*r;i=i.filter(t=>e-t.relevance<0)}const l=[],s=[];for(const e of i)l.push(e.value),s.push(e.idx);return{values:l,indices:s}},t._getLevenshteinSimilarityDistance=a},89097:function(e,t){function a(e){return null!=e&&""!==e}Object.defineProperty(t,"__esModule",{value:!0}),t._defaultComparator=t._jsonEquals=t._toStringOrNull=t._missing=t._exists=t._makeNull=void 0,t._makeNull=function(e){return null==e||""===e?null:e},t._exists=a,t._missing=function(e){return!a(e)},t._toStringOrNull=function(e){return null!=e&&"function"==typeof e.toString?e.toString():null},t._jsonEquals=function(e,t){return(e?JSON.stringify(e):null)===(t?JSON.stringify(t):null)},t._defaultComparator=function(e,t,a=!1){const o=null==e,n=null==t;if(e?.toNumber&&(e=e.toNumber()),t?.toNumber&&(t=t.toNumber()),o&&n)return 0;if(o)return-1;if(n)return 1;function r(e,t){return e>t?1:e<t?-1:0}if("string"!=typeof e)return r(e,t);if(!a)return r(e,t);try{return e.localeCompare(t)}catch(a){return r(e,t)}}},93967:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t._isEventFromPrintableCharacter=void 0,t._isEventFromPrintableCharacter=function(e){return!(e.altKey||e.ctrlKey||e.metaKey)&&1===e.key?.length}},66352:function(e,t){function a(e,t){return t}Object.defineProperty(t,"__esModule",{value:!0}),t._getLocaleTextFromMap=t._getLocaleTextFromFunc=t._translate=t._getLocaleTextFunc=void 0,t._getLocaleTextFunc=function(e){return e?.getLocaleTextFunc()??a},t._translate=function(e,t,a,o){const n=t[a];return e.getLocaleTextFunc()(a,"function"==typeof n?n(o):n,o)},t._getLocaleTextFromFunc=function(e){return(t,a,o)=>e({key:t,defaultValue:a,variableValues:o})},t._getLocaleTextFromMap=function(e){return(t,a,o)=>{let n=e?.[t];if(n&&o?.length){let e=0;for(;!(e>=o.length);){if(-1===n.indexOf("${variable}"))break;n=n.replace("${variable}",o[e++])}}return n??a}}},35269:function(e,t){var a;Object.defineProperty(t,"__esModule",{value:!0}),t.AgPromise=t._wrapInterval=t._isPromise=void 0,t._isPromise=function(e){return"function"==typeof e.then},t._wrapInterval=function(e,t){return new o(a=>{a(window.setInterval(e,t))})},function(e){e[e.IN_PROGRESS=0]="IN_PROGRESS",e[e.RESOLVED=1]="RESOLVED"}(a||(a={}));class o{static all(e){return e.length?new o(t=>{let a=e.length;const o=new Array(a);e.forEach((e,n)=>{e.then(e=>{o[n]=e,a--,0===a&&t(o)})})}):o.resolve()}static resolve(e=null){return new o(t=>t(e))}constructor(e){this.status=a.IN_PROGRESS,this.resolution=null,this.waiters=[],e(e=>this.onDone(e),e=>this.onReject(e))}then(e){return new o(t=>{this.status===a.RESOLVED?t(e(this.resolution)):this.waiters.push(a=>t(e(a)))})}onDone(e){this.status=a.RESOLVED,this.resolution=e;for(const t of this.waiters)t(e)}onReject(e){}}t.AgPromise=o},31931:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t._escapeString=t._toString=void 0;const a=/[&<>"']/g,o={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function n(e){return e?.toString().toString()??null}t._toString=n,t._escapeString=function(e){return n(e)?.replace(a,e=>o[e])??null}},22989:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t._getValueUsingField=void 0,t._getValueUsingField=function(e,t,a){if(!t||!e)return;if(!a)return e[t];const o=t.split(".");let n=e;for(let e=0;e<o.length;e++){if(null==n)return;n=n[o[e]]}return n}},54978:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.AgAbstractField=void 0;const o=a(91623),n=a(1956),r=a(23776);class i extends r.AgAbstractLabel{constructor(e,t,a,o){super(e,t,a),this.className=o}postConstruct(){super.postConstruct();const{width:e,value:t,onValueChange:a}=this.config;null!=e&&this.setWidth(e),null!=t&&this.setValue(t),null!=a&&this.onValueChange(a),this.className&&this.addCss(this.className),this.refreshAriaLabelledBy()}setLabel(e){return super.setLabel(e),this.refreshAriaLabelledBy(),this}refreshAriaLabelledBy(){const e=this.getAriaElement(),t=this.getLabelId(),a=this.getLabel();null==a||""==a||null!==(0,o._getAriaLabel)(e)?(0,o._setAriaLabelledBy)(e,""):(0,o._setAriaLabelledBy)(e,t??"")}setAriaLabel(e){return(0,o._setAriaLabel)(this.getAriaElement(),e),this.refreshAriaLabelledBy(),this}onValueChange(e){return this.addManagedListeners(this,{fieldValueChanged:()=>e(this.getValue())}),this}getWidth(){return this.getGui().clientWidth}setWidth(e){return(0,n._setFixedWidth)(this.getGui(),e),this}getPreviousValue(){return this.previousValue}getValue(){return this.value}setValue(e,t){return this.value===e||(this.previousValue=this.value,this.value=e,t||this.dispatchLocalEvent({type:"fieldValueChanged"})),this}}t.AgAbstractField=i},71744:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.AgAbstractInputField=void 0;const o=a(91668),n=a(91623),r=a(1956),i=a(54978);class l extends i.AgAbstractField{constructor(e,t,a="text",n="input"){super(e,e?.template??function(e){return{tag:"div",role:"presentation",children:[{tag:"div",ref:"eLabel",cls:"ag-input-field-label"},{tag:"div",ref:"eWrapper",cls:"ag-wrapper ag-input-wrapper",role:"presentation",children:[{tag:e,ref:"eInput",cls:"ag-input-field-input"}]}]}}(n),[],t),this.inputType=a,this.displayFieldTag=n,this.eLabel=o.RefPlaceholder,this.eWrapper=o.RefPlaceholder,this.eInput=o.RefPlaceholder}postConstruct(){super.postConstruct(),this.setInputType(this.inputType);const{eLabel:e,eWrapper:t,eInput:a,className:o}=this;e.classList.add(`${o}-label`),t.classList.add(`${o}-input-wrapper`),a.classList.add(`${o}-input`),this.addCss("ag-input-field"),a.id=a.id||`ag-${this.getCompId()}-input`;const{inputName:n,inputWidth:r}=this.config;null!=n&&this.setInputName(n),null!=r&&this.setInputWidth(r),this.addInputListeners(),this.activateTabIndex([a])}addInputListeners(){this.addManagedElementListeners(this.eInput,{input:e=>this.setValue(e.target.value)})}setInputType(e){"input"===this.displayFieldTag&&(this.inputType=e,(0,r._addOrRemoveAttribute)(this.eInput,"type",e))}getInputElement(){return this.eInput}setInputWidth(e){return(0,r._setElementWidth)(this.eWrapper,e),this}setInputName(e){return this.getInputElement().setAttribute("name",e),this}getFocusableElement(){return this.eInput}setMaxLength(e){return this.eInput.maxLength=e,this}setInputPlaceholder(e){return(0,r._addOrRemoveAttribute)(this.eInput,"placeholder",e),this}setInputAriaLabel(e){return(0,n._setAriaLabel)(this.eInput,e),this.refreshAriaLabelledBy(),this}setDisabled(e){return(0,r._setDisabled)(this.eInput,e),super.setDisabled(e)}setAutoComplete(e){if(!0===e)(0,r._addOrRemoveAttribute)(this.eInput,"autocomplete",null);else{const t="string"==typeof e?e:"off";(0,r._addOrRemoveAttribute)(this.eInput,"autocomplete",t)}return this}}t.AgAbstractInputField=l},53805:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.agAbstractLabelCSS=void 0,t.agAbstractLabelCSS=".ag-label{white-space:nowrap}:where(.ag-ltr) .ag-label{margin-right:var(--ag-spacing)}:where(.ag-rtl) .ag-label{margin-left:var(--ag-spacing)}:where(.ag-label-align-right) .ag-label{order:1}:where(.ag-ltr) :where(.ag-label-align-right) .ag-label{margin-left:var(--ag-spacing)}:where(.ag-rtl) :where(.ag-label-align-right) .ag-label{margin-right:var(--ag-spacing)}.ag-label-align-right>*{flex:none}.ag-label-align-top{align-items:flex-start;flex-direction:column;>*{align-self:stretch}}.ag-label-ellipsis{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(.ag-label-align-top) .ag-label{margin-bottom:calc(var(--ag-spacing)*.5)}"},23776:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.AgAbstractLabel=void 0;const o=a(7047),n=a(91623),r=a(1956),i=a(53805);class l extends o.AgComponentStub{constructor(e,t,a){super(t,a),this.labelSeparator="",this.labelAlignment="left",this.disabled=!1,this.label="",this.config=e||{},this.registerCSS(i.agAbstractLabelCSS)}postConstruct(){this.addCss("ag-labeled"),this.eLabel.classList.add("ag-label");const{labelSeparator:e,label:t,labelWidth:a,labelAlignment:o,disabled:n}=this.config;null!=n&&this.setDisabled(n),null!=e&&this.setLabelSeparator(e),null!=t&&this.setLabel(t),null!=a&&this.setLabelWidth(a),this.setLabelAlignment(o||this.labelAlignment),this.refreshLabel()}refreshLabel(){const{label:e,eLabel:t}=this;(0,r._clearElement)(t),"string"==typeof e?t.innerText=e+this.labelSeparator:e&&t.appendChild(e),""===e?((0,r._setDisplayed)(t,!1),(0,n._setAriaRole)(t,"presentation")):((0,r._setDisplayed)(t,!0),(0,n._setAriaRole)(t,null))}setLabelSeparator(e){return this.labelSeparator===e||(this.labelSeparator=e,null!=this.label&&this.refreshLabel()),this}getLabelId(){const e=this.eLabel;return e.id=e.id||`ag-${this.getCompId()}-label`,e.id}getLabel(){return this.label}setLabel(e){return this.label===e||(this.label=e,this.refreshLabel()),this}setLabelAlignment(e){const t=this.getGui().classList;return t.toggle("ag-label-align-left","left"===e),t.toggle("ag-label-align-right","right"===e),t.toggle("ag-label-align-top","top"===e),this}setLabelEllipsis(e){return this.eLabel.classList.toggle("ag-label-ellipsis",e),this}setLabelWidth(e){return null==this.label||(0,r._setElementWidth)(this.eLabel,e),this}setDisabled(e){e=!!e;const t=this.getGui();return(0,r._setDisabled)(t,e),t.classList.toggle("ag-disabled",e),this.disabled=e,this}isDisabled(){return!!this.disabled}}t.AgAbstractLabel=l},18531:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.AgCheckboxSelector=t.AgCheckbox=void 0;const o=a(71744);class n extends o.AgAbstractInputField{constructor(e,t="ag-checkbox",a="checkbox"){super(e,t,a),this.labelAlignment="right",this.selected=!1,this.readOnly=!1,this.passive=!1}postConstruct(){super.postConstruct();const{readOnly:e,passive:t}=this.config;"boolean"==typeof e&&this.setReadOnly(e),"boolean"==typeof t&&this.setPassive(t)}addInputListeners(){this.addManagedElementListeners(this.eInput,{click:this.onCheckboxClick.bind(this)}),this.addManagedElementListeners(this.eLabel,{click:this.toggle.bind(this)})}getNextValue(){return void 0===this.selected||!this.selected}setPassive(e){this.passive=e}isReadOnly(){return this.readOnly}setReadOnly(e){this.eWrapper.classList.toggle("ag-disabled",e),this.eInput.disabled=e,this.readOnly=e}setDisabled(e){return this.eWrapper.classList.toggle("ag-disabled",e),super.setDisabled(e)}toggle(){if(this.eInput.disabled)return;const e=this.isSelected(),t=this.getNextValue();this.passive?this.dispatchChange(t,e):this.setValue(t)}getValue(){return this.isSelected()}setValue(e,t){return this.refreshSelectedClass(e),this.setSelected(e,t),this}setName(e){return this.getInputElement().name=e,this}isSelected(){return this.selected}setSelected(e,t){if(this.isSelected()===e)return;this.previousValue=this.isSelected(),e=this.selected="boolean"==typeof e?e:void 0;const a=this.eInput;a.checked=e,a.indeterminate=void 0===e,t||this.dispatchChange(this.selected,this.previousValue)}dispatchChange(e,t,a){this.dispatchLocalEvent({type:"fieldValueChanged",selected:e,previousValue:t,event:a});const o=this.getInputElement();this.eventSvc.dispatchEvent({type:"checkboxChanged",id:o.id,name:o.name,selected:e,previousValue:t})}onCheckboxClick(e){if(this.passive||this.eInput.disabled)return;const t=this.isSelected(),a=this.selected=e.target.checked;this.refreshSelectedClass(a),this.dispatchChange(a,t,e)}refreshSelectedClass(e){const t=this.eWrapper.classList;t.toggle("ag-checked",!0===e),t.toggle("ag-indeterminate",null==e)}}t.AgCheckbox=n,t.AgCheckboxSelector={selector:"AG-CHECKBOX",component:n}},65310:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.AgInputDateFieldSelector=t.AgInputDateField=void 0;const o=a(36916),n=a(97066),r=a(80011),i=a(1956),l=a(89863);class s extends l.AgInputTextField{constructor(e){super(e,"ag-date-field","date")}postConstruct(){super.postConstruct();const e=(0,o._isBrowserSafari)();this.addManagedListeners(this.eInput,{wheel:this.onWheel.bind(this),mousedown:()=>{this.isDisabled()||e||this.eInput.focus()}}),this.eInput.step="any"}onWheel(e){(0,r._getActiveDomElement)(this.beans)===this.eInput&&e.preventDefault()}setMin(e){const t=e instanceof Date?(0,n._serialiseDate)(e??null,!!this.includeTime)??void 0:e;return this.min===t||(this.min=t,(0,i._addOrRemoveAttribute)(this.eInput,"min",t)),this}setMax(e){const t=e instanceof Date?(0,n._serialiseDate)(e??null,!!this.includeTime)??void 0:e;return this.max===t||(this.max=t,(0,i._addOrRemoveAttribute)(this.eInput,"max",t)),this}setStep(e){return this.step===e||(this.step=e,(0,i._addOrRemoveAttribute)(this.eInput,"step",e)),this}setIncludeTime(e){return this.includeTime===e||(this.includeTime=e,super.setInputType(e?"datetime-local":"date"),e&&this.setStep(1)),this}getDate(){if(this.eInput.validity.valid)return(0,n._parseDateTimeFromString)(this.getValue())??void 0}setDate(e,t){this.setValue((0,n._serialiseDate)(e??null,this.includeTime),t)}}t.AgInputDateField=s,t.AgInputDateFieldSelector={selector:"AG-INPUT-DATE-FIELD",component:s}},25721:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.AgInputNumberFieldSelector=t.AgInputNumberField=void 0;const o=a(80011),n=a(1956),r=a(89097),i=a(89863);class l extends i.AgInputTextField{constructor(e){super(e,"ag-number-field","number")}postConstruct(){super.postConstruct();const e=this.eInput;this.addManagedListeners(e,{blur:()=>{const t=Number.parseFloat(e.value),a=isNaN(t)?"":this.normalizeValue(t.toString());this.value!==a&&this.setValue(a)},wheel:this.onWheel.bind(this)}),e.step="any";const{precision:t,min:a,max:o,step:n}=this.config;"number"==typeof t&&this.setPrecision(t),"number"==typeof a&&this.setMin(a),"number"==typeof o&&this.setMax(o),"number"==typeof n&&this.setStep(n)}onWheel(e){(0,o._getActiveDomElement)(this.beans)===this.eInput&&e.preventDefault()}normalizeValue(e){return""===e?"":(null!=this.precision&&(e=this.adjustPrecision(e)),e)}adjustPrecision(e,t){const a=this.precision;if(null==a)return e;if(t){const t=Number.parseFloat(e).toFixed(a);return Number.parseFloat(t).toString()}const o=String(e).split(".");if(o.length>1){if(o[1].length<=a)return e;if(a>0)return`${o[0]}.${o[1].slice(0,a)}`}return o[0]}setMin(e){return this.min===e||(this.min=e,(0,n._addOrRemoveAttribute)(this.eInput,"min",e)),this}setMax(e){return this.max===e||(this.max=e,(0,n._addOrRemoveAttribute)(this.eInput,"max",e)),this}setPrecision(e){return this.precision=e,this}setStep(e){return this.step===e||(this.step=e,(0,n._addOrRemoveAttribute)(this.eInput,"step",e)),this}setValue(e,t){return this.setValueOrInputValue(e=>super.setValue(e,t),()=>this,e)}setStartValue(e){return this.setValueOrInputValue(e=>super.setValue(e,!0),e=>{this.eInput.value=e},e)}setValueOrInputValue(e,t,a){if((0,r._exists)(a)){let o=this.isScientificNotation(a);if(o&&this.eInput.validity.valid)return e(a);if(!o){o=(a=this.adjustPrecision(a))!=this.normalizeValue(a)}if(o)return t(a)}return e(a)}getValue(){const e=this.eInput;if(!e.validity.valid)return;const t=e.value;return this.isScientificNotation(t)?this.adjustPrecision(t,!0):super.getValue()}isScientificNotation(e){return"string"==typeof e&&e.includes("e")}}t.AgInputNumberField=l,t.AgInputNumberFieldSelector={selector:"AG-INPUT-NUMBER-FIELD",component:l}},69878:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.AgInputTextAreaSelector=t.AgInputTextArea=void 0;const o=a(71744);class n extends o.AgAbstractInputField{constructor(e){super(e,"ag-text-area",null,"textarea")}setValue(e,t){const a=super.setValue(e,t);return this.eInput.value=e,a}setCols(e){return this.eInput.cols=e,this}setRows(e){return this.eInput.rows=e,this}}t.AgInputTextArea=n,t.AgInputTextAreaSelector={selector:"AG-INPUT-TEXT-AREA",component:n}},89863:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.AgInputTextFieldSelector=t.AgInputTextField=void 0;const o=a(89097),n=a(93967),r=a(71744);class i extends r.AgAbstractInputField{constructor(e,t="ag-text-field",a="text"){super(e,t,a)}postConstruct(){super.postConstruct(),this.config.allowedCharPattern&&this.preventDisallowedCharacters()}setValue(e,t){const a=this.eInput;return a.value!==e&&(a.value=(0,o._exists)(e)?e:""),super.setValue(e,t)}setStartValue(e){this.setValue(e,!0)}preventDisallowedCharacters(){const e=new RegExp(`[${this.config.allowedCharPattern}]`);this.addManagedListeners(this.eInput,{keydown:t=>{(0,n._isEventFromPrintableCharacter)(t)&&t.key&&!e.test(t.key)&&t.preventDefault()},paste:t=>{const a=t.clipboardData?.getData("text");a?.split("").some(t=>!e.test(t))&&t.preventDefault()}})}}t.AgInputTextField=i,t.AgInputTextFieldSelector={selector:"AG-INPUT-TEXT-FIELD",component:i}},21355:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.agListCSS=void 0,t.agListCSS=".ag-list-item{align-items:center;display:flex;height:var(--ag-list-item-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;&.ag-active-item{background-color:var(--ag-row-hover-color)}}"},26666:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.AgList=void 0;const o=a(59926),n=a(7047),r=a(91623),i=a(79909),l=a(1956),s=a(21355),d=a(52773);class c extends n.AgComponentStub{constructor(e="default"){super({tag:"div",cls:`ag-list ag-${e}-list`}),this.cssIdentifier=e,this.options=[],this.listItems=[],this.highlightedItem=null,this.registerCSS(s.agListCSS)}postConstruct(){const e=this.getGui();this.addManagedElementListeners(e,{mouseleave:()=>this.clearHighlighted()})}handleKeyDown(e){const t=e.key;switch(t){case o.KeyCode.ENTER:if(this.highlightedItem){const e=this.listItems.indexOf(this.highlightedItem);this.setValueByIndex(e)}else this.setValue(this.getValue());break;case o.KeyCode.DOWN:case o.KeyCode.UP:e.preventDefault(),this.navigate(t);break;case o.KeyCode.PAGE_DOWN:case o.KeyCode.PAGE_UP:case o.KeyCode.PAGE_HOME:case o.KeyCode.PAGE_END:e.preventDefault(),this.navigateToPage(t)}}addOptions(e){for(const t of e)this.addOption(t);return this}addOption(e){const{value:t,text:a}=e,o=a??t;return this.options.push({value:t,text:o}),this.renderOption(t,o),this.updateIndices(),this}clearOptions(){this.options=[],this.reset(!0);for(const e of this.listItems)e.destroy();(0,l._clearElement)(this.getGui()),this.listItems=[],this.refreshAriaRole()}setValue(e,t){if(this.value===e)return this.fireItemSelected(),this;if(null==e)return this.reset(t),this;const a=this.options.findIndex(t=>t.value===e);if(-1!==a){const e=this.options[a];this.value=e.value,this.displayValue=e.text,this.highlightItem(this.listItems[a]),t||this.fireChangeEvent()}return this}setValueByIndex(e){return this.setValue(this.options[e].value)}getValue(){return this.value}getDisplayValue(){return this.displayValue}refreshHighlighted(){this.clearHighlighted();const e=this.options.findIndex(e=>e.value===this.value);-1!==e&&this.highlightItem(this.listItems[e])}highlightItem(e){const t=e.getGui();if(!(0,l._isVisible)(t))return;this.clearHighlighted(),e.setHighlighted(!0),this.highlightedItem=e;const a=this.getGui(),{scrollTop:o,clientHeight:n}=a,{offsetTop:r,offsetHeight:i}=t;(r+i>o+n||r<o)&&t.scrollIntoView({block:"nearest"})}hideItemTooltip(){this.highlightedItem?.tooltipFeature?.attemptToHideTooltip()}destroy(){this.hideItemTooltip(),super.destroy()}reset(e){this.value=null,this.displayValue=null,this.clearHighlighted(),e||this.fireChangeEvent()}clearHighlighted(){this.highlightedItem?.setHighlighted(!1),this.highlightedItem=null}renderOption(e,t){const a=new d.AgListItem(this.cssIdentifier,t,e);a.setParentComponent(this);const o=this.createManagedBean(a);this.listItems.push(o),this.getGui().appendChild(o.getGui())}navigate(e){const t=e===o.KeyCode.DOWN;let a;const{listItems:n,highlightedItem:r}=this;if(r){let e=n.indexOf(r)+(t?1:-1);e=Math.min(Math.max(e,0),n.length-1),a=n[e]}else a=t?n[0]:(0,i._last)(n);this.highlightItem(a)}navigateToPage(e){const{listItems:t,highlightedItem:a}=this;if(!a||0===t.length)return;const n=t.indexOf(a),r=this.options.length-1,i=t[0].getHeight(),l=Math.floor(this.getGui().clientHeight/i);let s=-1;e===o.KeyCode.PAGE_HOME?s=0:e===o.KeyCode.PAGE_END?s=r:e===o.KeyCode.PAGE_DOWN?s=Math.min(n+l,r):e===o.KeyCode.PAGE_UP&&(s=Math.max(n-l,0)),-1!==s&&this.highlightItem(t[s])}refreshAriaRole(){(0,r._setAriaRole)(this.getGui(),0===this.options.length?"presentation":"listbox")}updateIndices(){this.refreshAriaRole();const e=this.listItems,t=e.length;e.forEach((e,a)=>{e.setIndex(a+1,t)})}fireChangeEvent(){this.dispatchLocalEvent({type:"fieldValueChanged"}),this.fireItemSelected()}fireItemSelected(){this.dispatchLocalEvent({type:"selectedItem"})}}t.AgList=c},52773:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.AgListItem=void 0;const o=a(7047),n=a(91668),r=a(91623),i=a(1956);class l extends o.AgComponentStub{constructor(e,t,a){super(((e,t)=>({tag:"div",cls:`ag-list-item ag-${e}-list-item`,attrs:{role:"option"},children:[{tag:"span",ref:"eText",children:t}]}))(e,t)),this.label=t,this.value=a,this.eText=n.RefPlaceholder}postConstruct(){this.createTooltip(),this.addEventListeners()}setHighlighted(e){const t=this.getGui();t.classList.toggle("ag-active-item",e),(0,r._setAriaSelected)(t,e),this.dispatchLocalEvent({type:"itemHighlighted",highlighted:e})}getHeight(){return this.getGui().clientHeight}setIndex(e,t){const a=this.getGui();(0,r._setAriaPosInSet)(a,e),(0,r._setAriaSetSize)(a,t)}createTooltip(){const e={getTooltipValue:()=>this.label,getGui:()=>this.getGui(),getLocation:()=>"UNKNOWN",shouldDisplayTooltip:()=>(0,i._isHorizontalScrollShowing)(this.eText)},t=this.createOptionalManagedBean(this.beans.registry.createDynamicBean("highlightTooltipFeature",!1,e,this));t&&(this.tooltipFeature=t)}addEventListeners(){const e=this.getParentComponent();e&&(this.addGuiEventListener("mouseover",()=>{e.highlightItem(this)}),this.addGuiEventListener("mousedown",t=>{t.preventDefault(),t.stopPropagation(),e.setValue(this.value)}))}}t.AgListItem=l},82395:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.agPickerFieldCSS=void 0,t.agPickerFieldCSS=".ag-picker-field-display{flex:1 1 auto}.ag-picker-field{align-items:center;display:flex}.ag-picker-field-icon{border:0;cursor:pointer;display:flex;margin:0;padding:0}.ag-picker-field-wrapper{background-color:var(--ag-picker-button-background-color);border:var(--ag-picker-button-border);border-radius:5px;min-height:max(var(--ag-list-item-height),calc(var(--ag-spacing)*4));overflow:hidden;&:where(.ag-picker-has-focus),&:where(:focus-within){background-color:var(--ag-picker-button-focus-background-color);border:var(--ag-picker-button-focus-border);box-shadow:var(--ag-focus-shadow);&:where(.invalid){box-shadow:var(--ag-focus-error-shadow)}}&:where(.invalid){background-color:var(--ag-input-invalid-background-color);border:var(--ag-input-invalid-border);color:var(--ag-input-invalid-text-color)}&:disabled{opacity:.5}}"},23898:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.AgPickerField=void 0;const o=a(59926),n=a(91668),r=a(91623),i=a(80011),l=a(1956),s=a(54978),d=a(82395),c={tag:"div",cls:"ag-picker-field",role:"presentation",children:[{tag:"div",ref:"eLabel"},{tag:"div",ref:"eWrapper",cls:"ag-wrapper ag-picker-field-wrapper ag-picker-collapsed",children:[{tag:"div",ref:"eDisplayField",cls:"ag-picker-field-display"},{tag:"div",ref:"eIcon",cls:"ag-picker-field-icon",attrs:{"aria-hidden":"true"}}]}]};class g extends s.AgAbstractField{constructor(e){if(super(e,e?.template||c,e?.agComponents||[],e?.className),this.isPickerDisplayed=!1,this.skipClick=!1,this.pickerGap=4,this.hideCurrentPicker=null,this.eLabel=n.RefPlaceholder,this.eWrapper=n.RefPlaceholder,this.eDisplayField=n.RefPlaceholder,this.eIcon=n.RefPlaceholder,this.registerCSS(d.agPickerFieldCSS),this.ariaRole=e?.ariaRole,this.onPickerFocusIn=this.onPickerFocusIn.bind(this),this.onPickerFocusOut=this.onPickerFocusOut.bind(this),!e)return;const{pickerGap:t,maxPickerHeight:a,variableWidth:o,minPickerWidth:r,maxPickerWidth:i}=e;null!=t&&(this.pickerGap=t),this.variableWidth=!!o,null!=a&&this.setPickerMaxHeight(a),null!=r&&this.setPickerMinWidth(r),null!=i&&this.setPickerMaxWidth(i)}postConstruct(){super.postConstruct(),this.setupAria();const e=`ag-${this.getCompId()}-display`;this.eDisplayField.setAttribute("id",e);const t=this.getAriaElement();this.addManagedElementListeners(t,{keydown:this.onKeyDown.bind(this)}),this.addManagedElementListeners(this.eLabel,{mousedown:this.onLabelOrWrapperMouseDown.bind(this)}),this.addManagedElementListeners(this.eWrapper,{mousedown:this.onLabelOrWrapperMouseDown.bind(this)});const{pickerIcon:a,inputWidth:o}=this.config;if(a){const e=this.beans.iconSvc.createIconNoSpan(a);e&&this.eIcon.appendChild(e)}null!=o&&this.setInputWidth(o)}setupAria(){const e=this.getAriaElement();e.setAttribute("tabindex",this.gos.get("tabIndex").toString()),(0,r._setAriaExpanded)(e,!1),this.ariaRole&&(0,r._setAriaRole)(e,this.ariaRole)}onLabelOrWrapperMouseDown(e){if(e){const t=this.getFocusableElement();if(t!==this.eWrapper&&e?.target===t)return;e.preventDefault(),this.getFocusableElement().focus()}this.skipClick?this.skipClick=!1:this.isDisabled()||(this.isPickerDisplayed?this.hidePicker():this.showPicker())}onKeyDown(e){switch(e.key){case o.KeyCode.UP:case o.KeyCode.DOWN:case o.KeyCode.ENTER:case o.KeyCode.SPACE:e.preventDefault(),this.onLabelOrWrapperMouseDown();break;case o.KeyCode.ESCAPE:this.isPickerDisplayed&&(e.preventDefault(),e.stopPropagation(),this.hideCurrentPicker&&this.hideCurrentPicker())}}showPicker(){this.isPickerDisplayed=!0,this.pickerComponent||(this.pickerComponent=this.createPickerComponent());const e=this.pickerComponent.getGui();e.addEventListener("focusin",this.onPickerFocusIn),e.addEventListener("focusout",this.onPickerFocusOut),this.hideCurrentPicker=this.renderAndPositionPicker(),this.toggleExpandedStyles(!0)}renderAndPositionPicker(){const e=this.pickerComponent.getGui();this.gos.get("suppressScrollWhenPopupsAreOpen")||([this.destroyMouseWheelFunc]=this.addManagedEventListeners({bodyScroll:()=>{this.hidePicker()}}));const t=this.getLocaleTextFunc(),{config:{pickerAriaLabelKey:a,pickerAriaLabelValue:o,modalPicker:n=!0},maxPickerHeight:r,minPickerWidth:s,maxPickerWidth:d,variableWidth:c,beans:g,eWrapper:u}=this,h={modal:n,eChild:e,closeOnEsc:!0,closedCallback:()=>{const e=(0,i._isNothingFocused)(g);this.beforeHidePicker(),e&&this.isAlive()&&this.getFocusableElement().focus()},ariaLabel:t(a,o),anchorToElement:u};e.style.position="absolute";const p=g.popupSvc,m=p.addPopup(h);c?(s&&(e.style.minWidth=s),e.style.width=(0,l._formatSize)((0,l._getAbsoluteWidth)(u)),d&&(e.style.maxWidth=d)):(0,l._setElementWidth)(e,d??(0,l._getAbsoluteWidth)(u));const f=r??`${(0,l._getInnerHeight)(p.getPopupParent())}px`;return e.style.setProperty("max-height",f),this.alignPickerToComponent(),m.hideFunc}alignPickerToComponent(){if(!this.pickerComponent)return;const{pickerGap:e,config:{pickerType:t},beans:{popupSvc:a,gos:o},eWrapper:n,pickerComponent:r}=this,i=o.get("enableRtl")?"right":"left";a.positionPopupByComponent({type:t,eventSource:n,ePopup:r.getGui(),position:"under",alignSide:i,keepWithinBounds:!0,nudgeY:e})}beforeHidePicker(){this.destroyMouseWheelFunc&&(this.destroyMouseWheelFunc(),this.destroyMouseWheelFunc=void 0),this.toggleExpandedStyles(!1);const e=this.pickerComponent.getGui();e.removeEventListener("focusin",this.onPickerFocusIn),e.removeEventListener("focusout",this.onPickerFocusOut),this.isPickerDisplayed=!1,this.pickerComponent=void 0,this.hideCurrentPicker=null}toggleExpandedStyles(e){if(!this.isAlive())return;const t=this.getAriaElement();(0,r._setAriaExpanded)(t,e);const a=this.eWrapper.classList;a.toggle("ag-picker-expanded",e),a.toggle("ag-picker-collapsed",!e)}onPickerFocusIn(){this.togglePickerHasFocus(!0)}onPickerFocusOut(e){this.pickerComponent?.getGui().contains(e.relatedTarget)||this.togglePickerHasFocus(!1)}togglePickerHasFocus(e){this.pickerComponent&&this.eWrapper.classList.toggle("ag-picker-has-focus",e)}hidePicker(){this.hideCurrentPicker&&(this.hideCurrentPicker(),this.dispatchLocalEvent({type:"pickerHidden"}))}setInputWidth(e){return(0,l._setElementWidth)(this.eWrapper,e),this}getFocusableElement(){return this.eWrapper}setPickerGap(e){return this.pickerGap=e,this}setPickerMinWidth(e){return"number"==typeof e&&(e=`${e}px`),this.minPickerWidth=null==e?void 0:e,this}setPickerMaxWidth(e){return"number"==typeof e&&(e=`${e}px`),this.maxPickerWidth=null==e?void 0:e,this}setPickerMaxHeight(e){return"number"==typeof e&&(e=`${e}px`),this.maxPickerHeight=null==e?void 0:e,this}destroy(){this.hidePicker(),super.destroy()}}t.AgPickerField=g},6951:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.AgRadioButton=void 0;const o=a(18531);class n extends o.AgCheckbox{constructor(e){super(e,"ag-radio-button","radio")}isSelected(){return this.eInput.checked}toggle(){this.eInput.disabled||this.isSelected()||this.setValue(!0)}addInputListeners(){super.addInputListeners(),this.addManagedEventListeners({checkboxChanged:this.onChange.bind(this)})}onChange(e){const t=this.eInput;e.selected&&e.name&&t.name&&t.name===e.name&&e.id&&t.id!==e.id&&this.setValue(!1,!0)}}t.AgRadioButton=n},7555:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.agSelectCSS=void 0,t.agSelectCSS=".ag-select{align-items:center;display:flex;&.ag-disabled{opacity:.5}}:where(.ag-select){.ag-picker-field-wrapper{cursor:default}&.ag-disabled .ag-picker-field-wrapper:focus{box-shadow:none}&:not(.ag-cell-editor,.ag-label-align-top){min-height:var(--ag-list-item-height)}.ag-picker-field-display{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ag-picker-field-icon{align-items:center;display:flex}}:where(.ag-ltr) :where(.ag-select){.ag-picker-field-wrapper{padding-left:calc(var(--ag-cell-horizontal-padding)/2);padding-right:var(--ag-spacing)}}:where(.ag-rtl) :where(.ag-select){.ag-picker-field-wrapper{padding-left:var(--ag-spacing);padding-right:calc(var(--ag-cell-horizontal-padding)/2)}}.ag-select-list{background-color:var(--ag-picker-list-background-color);border:var(--ag-picker-list-border);border-radius:var(--ag-border-radius);box-shadow:var(--ag-dropdown-shadow);overflow:hidden auto}.ag-select-list-item{cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;:where(span){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}:where(.ag-ltr) .ag-select-list-item{padding-left:calc(var(--ag-cell-horizontal-padding)/2)}:where(.ag-rtl) .ag-select-list-item{padding-right:calc(var(--ag-cell-horizontal-padding)/2)}"},69234:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.AgSelectSelector=t.AgSelect=void 0;const o=a(59926),n=a(91623),r=a(1956),i=a(26666),l=a(23898),s=a(7555);class d extends l.AgPickerField{constructor(e){super({pickerAriaLabelKey:"ariaLabelSelectField",pickerAriaLabelValue:"Select Field",pickerType:"ag-list",className:"ag-select",pickerIcon:"selectOpen",ariaRole:"combobox",...e}),this.registerCSS(s.agSelectCSS)}postConstruct(){this.tooltipFeature=this.createOptionalManagedBean(this.beans.registry.createDynamicBean("tooltipFeature",!1,{shouldDisplayTooltip:(0,r._isElementOverflowingCallback)(()=>this.eDisplayField),getGui:()=>this.getGui()})),super.postConstruct(),this.createListComponent(),this.eWrapper.tabIndex=this.gos.get("tabIndex");const{options:e,value:t,placeholder:a}=this.config;null!=e&&this.addOptions(e),null!=t&&this.setValue(t,!0),a&&null==t&&(this.eDisplayField.textContent=a),this.addManagedElementListeners(this.eWrapper,{focusout:this.onWrapperFocusOut.bind(this)})}onWrapperFocusOut(e){this.eWrapper.contains(e.relatedTarget)||this.hidePicker()}createListComponent(){const e=this.createBean(new i.AgList("select"));this.listComponent=e,e.setParentComponent(this);const t=e.getAriaElement(),a=`ag-select-list-${e.getCompId()}`;t.setAttribute("id",a),(0,n._setAriaControlsAndLabel)(this.getAriaElement(),t),e.addManagedElementListeners(e.getGui(),{mousedown:e=>{e?.preventDefault()}}),e.addManagedListeners(e,{selectedItem:()=>{this.hidePicker(),this.dispatchLocalEvent({type:"selectedItem"})},fieldValueChanged:()=>{this.listComponent&&(this.setValue(this.listComponent.getValue(),!1,!0),this.hidePicker())}})}createPickerComponent(){return this.listComponent}beforeHidePicker(){this.listComponent?.hideItemTooltip(),super.beforeHidePicker()}onKeyDown(e){const{key:t}=e;switch(t===o.KeyCode.TAB&&this.hidePicker(),t){case o.KeyCode.ENTER:case o.KeyCode.UP:case o.KeyCode.DOWN:case o.KeyCode.PAGE_UP:case o.KeyCode.PAGE_DOWN:case o.KeyCode.PAGE_HOME:case o.KeyCode.PAGE_END:e.preventDefault(),this.isPickerDisplayed?this.listComponent?.handleKeyDown(e):super.onKeyDown(e);break;case o.KeyCode.ESCAPE:super.onKeyDown(e);break;case o.KeyCode.SPACE:this.isPickerDisplayed?e.preventDefault():super.onKeyDown(e)}}showPicker(){const e=this.listComponent;e&&(super.showPicker(),e.refreshHighlighted())}addOptions(e){for(const t of e)this.addOption(t);return this}addOption(e){return this.listComponent.addOption(e),this}clearOptions(){return this.listComponent?.clearOptions(),this.setValue(void 0,!0),this}setValue(e,t,a){const{listComponent:o,config:{placeholder:n},eDisplayField:r,tooltipFeature:i}=this;if(this.value===e||!o)return this;a||o.setValue(e,!0);if(o.getValue()===this.getValue())return this;let l=o.getDisplayValue();return null==l&&n&&(l=n),r.textContent=l,i?.setTooltipAndRefresh(l??null),super.setValue(e,t)}destroy(){this.listComponent=this.destroyBean(this.listComponent),super.destroy()}}t.AgSelect=d,t.AgSelectSelector={selector:"AG-SELECT",component:d}},97999:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.agToggleButtonCSS=void 0,t.agToggleButtonCSS='.ag-toggle-button{flex:none;min-width:unset;width:unset}.ag-toggle-button-input-wrapper{background-color:var(--ag-toggle-button-off-background-color);border-radius:calc(var(--ag-toggle-button-height)*.5);flex:none;height:var(--ag-toggle-button-height);max-width:var(--ag-toggle-button-width);min-width:var(--ag-toggle-button-width);position:relative;transition:background-color .1s;:where(.ag-toggle-button-input){-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;display:block;height:var(--ag-toggle-button-height);margin:0;max-width:var(--ag-toggle-button-width);min-width:var(--ag-toggle-button-width);opacity:0}&:before{background-color:var(--ag-toggle-button-switch-background-color);border-radius:100%;content:"";display:block;height:calc(var(--ag-toggle-button-height) - var(--ag-toggle-button-switch-inset)*2);left:var(--ag-toggle-button-switch-inset);pointer-events:none;position:absolute;top:var(--ag-toggle-button-switch-inset);transition:left .1s;width:calc(var(--ag-toggle-button-height) - var(--ag-toggle-button-switch-inset)*2)}&.ag-checked{background-color:var(--ag-toggle-button-on-background-color);&:before{left:calc(100% - var(--ag-toggle-button-height) + var(--ag-toggle-button-switch-inset))}}&:focus-within{box-shadow:var(--ag-focus-shadow)}&.ag-disabled{opacity:.5}}'},26774:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.AgToggleButtonSelector=t.AgToggleButton=void 0;const o=a(18531),n=a(97999);class r extends o.AgCheckbox{constructor(e){super(e,"ag-toggle-button"),this.registerCSS(n.agToggleButtonCSS)}setValue(e,t){return super.setValue(e,t),this.toggleCss("ag-selected",this.getValue()),this}}t.AgToggleButton=r,t.AgToggleButtonSelector={selector:"AG-TOGGLE-BUTTON",component:r}},22074:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.AlignedGridsModule=void 0;const o=a(52027),n=a(97205),r=a(98963);t.AlignedGridsModule={moduleName:"AlignedGrids",version:n.VERSION,beans:[r.AlignedGridsService],dependsOn:[o.ColumnApiModule]}},98963:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.AlignedGridsService=void 0;const o=a(2885),n=a(68731),r=a(47764);class i extends n.BeanStub{constructor(){super(...arguments),this.beanName="alignedGridsSvc",this.consuming=!1}getAlignedGridApis(){let e=this.gos.get("alignedGrids")??[];const t="function"==typeof e;"function"==typeof e&&(e=e());return e.map(e=>{if(!e)return(0,r._error)(18),void(t||(0,r._error)(20));if(this.isGridApi(e))return e;const a=e;return"current"in a?a.current?.api:(a.api||(0,r._error)(19),a.api)}).filter(e=>!!e&&!e.isDestroyed())}isGridApi(e){return!!e&&!!e.dispatchEvent}postConstruct(){const e=this.fireColumnEvent.bind(this);this.addManagedEventListeners({columnMoved:e,columnVisible:e,columnPinned:e,columnGroupOpened:e,columnResized:e,bodyScroll:this.fireScrollEvent.bind(this),alignedGridColumn:({event:e})=>this.onColumnEvent(e),alignedGridScroll:({event:e})=>this.onScrollEvent(e)})}fireEvent(e){if(!this.consuming)for(const t of this.getAlignedGridApis())t.isDestroyed()||t.dispatchEvent(e)}onEvent(e){this.consuming=!0,e(),this.consuming=!1}fireColumnEvent(e){this.fireEvent({type:"alignedGridColumn",event:e})}fireScrollEvent(e){"horizontal"===e.direction&&this.fireEvent({type:"alignedGridScroll",event:e})}onScrollEvent(e){this.onEvent(()=>{this.beans.ctrlsSvc.getScrollFeature().setHorizontalScrollPosition(e.left,!0)})}extractDataFromEvent(e,t){const a=[];return e.columns?e.columns.forEach(e=>{a.push(t(e))}):e.column&&a.push(t(e.column)),a}getMasterColumns(e){return this.extractDataFromEvent(e,e=>e)}getColumnIds(e){return this.extractDataFromEvent(e,e=>e.getColId())}onColumnEvent(e){this.onEvent(()=>{switch(e.type){case"columnMoved":case"columnVisible":case"columnPinned":case"columnResized":this.processColumnEvent(e);break;case"columnGroupOpened":this.processGroupOpenedEvent(e);break;case"columnPivotChanged":(0,r._warn)(21)}})}processGroupOpenedEvent(e){const{colGroupSvc:t}=this.beans;if(t)for(const a of e.columnGroups){let e=null;a&&(e=t.getProvidedColGroup(a.getGroupId())),a&&!e||t.setColumnGroupOpened(e,a.isExpanded(),"alignedGridChanged")}}processColumnEvent(e){const t=e.column;let a=null;const n=this.beans,{colResize:r,ctrlsSvc:i,colModel:l}=n;if(t&&(a=l.getColDefCol(t.getColId())),t&&!a)return;const s=this.getMasterColumns(e);switch(e.type){case"columnMoved":{const t=e.api.getColumnState().map(e=>({colId:e.colId}));(0,o._applyColumnState)(n,{state:t,applyOrder:!0},"alignedGridChanged")}break;case"columnVisible":{const t=e.api.getColumnState().map(e=>({colId:e.colId,hide:e.hide}));(0,o._applyColumnState)(n,{state:t},"alignedGridChanged")}break;case"columnPinned":{const t=e.api.getColumnState().map(e=>({colId:e.colId,pinned:e.pinned}));(0,o._applyColumnState)(n,{state:t},"alignedGridChanged")}break;case"columnResized":{const t=e,a={};for(const e of s)a[e.getId()]={key:e.getColId(),newWidth:e.getActualWidth()};for(const e of t.flexColumns??[])a[e.getId()]&&delete a[e.getId()];r?.setColumnWidths(Object.values(a),!1,t.finished,"alignedGridChanged");break}}const d=i.getGridBodyCtrl().isVerticalScrollShowing();for(const e of this.getAlignedGridApis())e.setGridOption("alwaysShowVerticalScroll",d)}}t.AlignedGridsService=i},51621:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.AllCommunityModule=void 0;const o=a(22074),n=a(59642),r=a(89722),i=a(63856),l=a(41690),s=a(52027),d=a(59734),c=a(24388),g=a(84652),u=a(45432),h=a(44002),p=a(99410),m=a(89519),f=a(6989),v=a(71824),b=a(15423),C=a(83498),w=a(66964),y=a(4577),S=a(4265),k=a(43352),x=a(68594),R=a(34658),E=a(15010),M=a(76431),P=a(97205);t.AllCommunityModule={moduleName:"AllCommunity",version:P.VERSION,dependsOn:[r.ClientSideRowModelModule,d.CsvExportModule,h.InfiniteRowModelModule,E.ValidationModule,g.TextEditorModule,g.NumberEditorModule,g.DateEditorModule,g.CheckboxEditorModule,g.SelectEditorModule,g.LargeTextEditorModule,g.CustomEditorModule,g.UndoRedoEditModule,u.TextFilterModule,u.NumberFilterModule,u.DateFilterModule,u.CustomFilterModule,u.QuickFilterModule,u.ExternalFilterModule,f.GridStateModule,o.AlignedGridsModule,v.PaginationModule,s.ColumnApiModule,n.RowApiModule,n.ScrollApiModule,w.RenderApiModule,i.ColumnAutoSizeModule,c.RowDragModule,b.PinnedRowModule,k.RowSelectionModule,M.ValueCacheModule,x.CellStyleModule,l.ColumnHoverModule,x.RowStyleModule,p.EventApiModule,M.CellApiModule,C.HighlightChangesModule,R.TooltipModule,m.LocaleModule,y.RowAutoHeightModule,c.DragAndDropModule,r.ClientSideRowModelApiModule,S.CellSpanModule]}},33907:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.ApiFunctionService=void 0;const o=a(68731),n=a(47764),r=a(87689),i={isDestroyed:()=>!0,destroy(){},preConstruct(){},postConstruct(){},preWireBeans(){},wireBeans(){}},l=(e,t)=>e.eventSvc.dispatchEvent(t);class s{}Reflect.defineProperty(s,"name",{value:"GridApi"});class d extends o.BeanStub{constructor(){super(),this.beanName="apiFunctionSvc",this.api=new s,this.fns={...i,dispatchEvent:l},this.preDestroyLink="";const{api:e}=this;for(const t of Object.keys(r.gridApiFunctionsMap))e[t]=this.makeApi(t)[t]}postConstruct(){this.preDestroyLink=this.beans.frameworkOverrides.getDocLink("grid-lifecycle/#grid-pre-destroyed")}addFunction(e,t){const{fns:a,beans:o}=this;a!==i&&(a[e]=o?.validation?.validateApiFunction(e,t)??t)}makeApi(e){return{[e]:(...t)=>{const{beans:a,fns:{[e]:o}}=this;return o?o(a,...t):this.apiNotFound(e)}}}apiNotFound(e){const{beans:t,gos:a,preDestroyLink:o}=this;if(t){const t=r.gridApiFunctionsMap[e];a.assertModuleRegistered(t,`api.${e}`)&&(0,n._warn)(27,{fnName:e,module:t})}else(0,n._warn)(26,{fnName:e,preDestroyLink:o})}destroy(){super.destroy(),this.fns=i,this.beans=null}}t.ApiFunctionService=d},59642:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.ScrollApiModule=t.RowApiModule=void 0;const o=a(97205),n=a(18192),r=a(11765);t.RowApiModule={moduleName:"RowApi",version:o.VERSION,apiFunctions:{redrawRows:n.redrawRows,setRowNodeExpanded:n.setRowNodeExpanded,getRowNode:n.getRowNode,addRenderedRowListener:n.addRenderedRowListener,getRenderedNodes:n.getRenderedNodes,forEachNode:n.forEachNode,getFirstDisplayedRowIndex:n.getFirstDisplayedRowIndex,getLastDisplayedRowIndex:n.getLastDisplayedRowIndex,getDisplayedRowAtIndex:n.getDisplayedRowAtIndex,getDisplayedRowCount:n.getDisplayedRowCount}},t.ScrollApiModule={moduleName:"ScrollApi",version:o.VERSION,apiFunctions:{getVerticalPixelRange:r.getVerticalPixelRange,getHorizontalPixelRange:r.getHorizontalPixelRange,ensureColumnVisible:r.ensureColumnVisible,ensureIndexVisible:r.ensureIndexVisible,ensureNodeVisible:r.ensureNodeVisible}}},46433:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.createGridApi=void 0,t.createGridApi=function(e){return{beanName:"gridApi",bean:e.getBean("apiFunctionSvc").api}}},69875:function(e,t){function a(e,t){e.gos.updateGridOptions({options:t})}Object.defineProperty(t,"__esModule",{value:!0}),t.isModuleRegistered=t.updateGridOptions=t.setGridOption=t.getGridOption=t.isDestroyed=t.destroy=t.getGridId=void 0,t.getGridId=function(e){return e.context.getId()},t.destroy=function(e){e.gridDestroySvc.destroy()},t.isDestroyed=function(e){return e.gridDestroySvc.destroyCalled},t.getGridOption=function(e,t){return e.gos.get(t)},t.setGridOption=function(e,t,o){a(e,{[t]:o})},t.updateGridOptions=a,t.isModuleRegistered=function(e,t){const a=t.replace(/Module$/,"");return e.gos.isModuleRegistered(a)}},87689:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.gridApiFunctionsMap=void 0;const a=(e,t)=>{for(const a of Object.keys(t))t[a]=e;return t};t.gridApiFunctionsMap={dispatchEvent:"CommunityCore",...a("CommunityCore",{destroy:0,getGridId:0,getGridOption:0,isDestroyed:0,setGridOption:0,updateGridOptions:0,isModuleRegistered:0}),...a("GridState",{getState:0,setState:0}),...a("SharedRowSelection",{setNodesSelected:0,selectAll:0,deselectAll:0,selectAllFiltered:0,deselectAllFiltered:0,selectAllOnCurrentPage:0,deselectAllOnCurrentPage:0,getSelectedNodes:0,getSelectedRows:0}),...a("RowApi",{redrawRows:0,setRowNodeExpanded:0,getRowNode:0,addRenderedRowListener:0,getRenderedNodes:0,forEachNode:0,getFirstDisplayedRowIndex:0,getLastDisplayedRowIndex:0,getDisplayedRowAtIndex:0,getDisplayedRowCount:0}),...a("ScrollApi",{getVerticalPixelRange:0,getHorizontalPixelRange:0,ensureColumnVisible:0,ensureIndexVisible:0,ensureNodeVisible:0}),...a("KeyboardNavigation",{getFocusedCell:0,clearFocusedCell:0,setFocusedCell:0,tabToNextCell:0,tabToPreviousCell:0,setFocusedHeader:0}),...a("EventApi",{addEventListener:0,addGlobalListener:0,removeEventListener:0,removeGlobalListener:0}),...a("ValueCache",{expireValueCache:0}),...a("CellApi",{getCellValue:0}),...a("SharedMenu",{showColumnMenu:0,hidePopupMenu:0}),...a("Sort",{onSortChanged:0}),...a("PinnedRow",{getPinnedTopRowCount:0,getPinnedBottomRowCount:0,getPinnedTopRow:0,getPinnedBottomRow:0,forEachPinnedRow:0}),...a("Overlay",{showLoadingOverlay:0,showNoRowsOverlay:0,hideOverlay:0}),...a("RenderApi",{setGridAriaProperty:0,refreshCells:0,refreshHeader:0,isAnimationFrameQueueEmpty:0,flushAllAnimationFrames:0,getSizesForCurrentTheme:0,getCellRendererInstances:0}),...a("HighlightChanges",{flashCells:0}),...a("RowDrag",{addRowDropZone:0,removeRowDropZone:0,getRowDropZoneParams:0,getRowDropPositionIndicator:0,setRowDropPositionIndicator:0}),...a("ColumnApi",{getColumnDefs:0,getColumnDef:0,getDisplayNameForColumn:0,getColumn:0,getColumns:0,applyColumnState:0,getColumnState:0,resetColumnState:0,isPinning:0,isPinningLeft:0,isPinningRight:0,getDisplayedColAfter:0,getDisplayedColBefore:0,setColumnsVisible:0,setColumnsPinned:0,getAllGridColumns:0,getDisplayedLeftColumns:0,getDisplayedCenterColumns:0,getDisplayedRightColumns:0,getAllDisplayedColumns:0,getAllDisplayedVirtualColumns:0}),...a("ColumnAutoSize",{sizeColumnsToFit:0,autoSizeColumns:0,autoSizeAllColumns:0}),...a("ColumnGroup",{setColumnGroupOpened:0,getColumnGroup:0,getProvidedColumnGroup:0,getDisplayNameForColumnGroup:0,getColumnGroupState:0,setColumnGroupState:0,resetColumnGroupState:0,getLeftDisplayedColumnGroups:0,getCenterDisplayedColumnGroups:0,getRightDisplayedColumnGroups:0,getAllDisplayedColumnGroups:0}),...a("ColumnMove",{moveColumnByIndex:0,moveColumns:0}),...a("ColumnResize",{setColumnWidths:0}),...a("ColumnHover",{isColumnHovered:0}),...a("EditCore",{getCellEditorInstances:0,getEditingCells:0,getEditRowValues:0,stopEditing:0,startEditingCell:0,isEditing:0,validateEdit:0}),...a("BatchEdit",{startBatchEdit:0,cancelBatchEdit:0,commitBatchEdit:0,isBatchEditing:0}),...a("UndoRedoEdit",{undoCellEditing:0,redoCellEditing:0,getCurrentUndoSize:0,getCurrentRedoSize:0}),...a("FilterCore",{isAnyFilterPresent:0,onFilterChanged:0}),...a("ColumnFilter",{isColumnFilterPresent:0,getColumnFilterInstance:0,destroyFilter:0,setFilterModel:0,getFilterModel:0,getColumnFilterModel:0,setColumnFilterModel:0,showColumnFilter:0,hideColumnFilter:0,getColumnFilterHandler:0,doFilterAction:0}),...a("QuickFilter",{isQuickFilterPresent:0,getQuickFilter:0,resetQuickFilter:0}),...a("Find",{findGetActiveMatch:0,findGetTotalMatches:0,findGoTo:0,findNext:0,findPrevious:0,findGetNumMatches:0,findGetParts:0,findClearActive:0,findRefresh:0}),...a("Pagination",{paginationIsLastPageFound:0,paginationGetPageSize:0,paginationGetCurrentPage:0,paginationGetTotalPages:0,paginationGetRowCount:0,paginationGoToNextPage:0,paginationGoToPreviousPage:0,paginationGoToFirstPage:0,paginationGoToLastPage:0,paginationGoToPage:0}),...a("CsrmSsrmSharedApi",{expandAll:0,collapseAll:0}),...a("SsrmInfiniteSharedApi",{setRowCount:0,getCacheBlockState:0,isLastRowIndexKnown:0}),...a("ClientSideRowModelApi",{onGroupExpandedOrCollapsed:0,refreshClientSideRowModel:0,isRowDataEmpty:0,forEachLeafNode:0,forEachNodeAfterFilter:0,forEachNodeAfterFilterAndSort:0,applyTransaction:0,applyTransactionAsync:0,flushAsyncTransactions:0,getBestCostNodeSelection:0,onRowHeightChanged:0,resetRowHeights:0}),...a("CsvExport",{getDataAsCsv:0,exportDataAsCsv:0}),...a("InfiniteRowModel",{refreshInfiniteCache:0,purgeInfiniteCache:0,getInfiniteRowCount:0}),...a("AdvancedFilter",{getAdvancedFilterModel:0,setAdvancedFilterModel:0,showAdvancedFilterBuilder:0,hideAdvancedFilterBuilder:0}),...a("IntegratedCharts",{getChartModels:0,getChartRef:0,getChartImageDataURL:0,downloadChart:0,openChartToolPanel:0,closeChartToolPanel:0,createRangeChart:0,createPivotChart:0,createCrossFilterChart:0,updateChart:0,restoreChart:0}),...a("Clipboard",{copyToClipboard:0,cutToClipboard:0,copySelectedRowsToClipboard:0,copySelectedRangeToClipboard:0,copySelectedRangeDown:0,pasteFromClipboard:0}),...a("ExcelExport",{getDataAsExcel:0,exportDataAsExcel:0,getSheetDataForExcel:0,getMultipleSheetsAsExcel:0,exportMultipleSheetsAsExcel:0}),...a("SharedMasterDetail",{addDetailGridInfo:0,removeDetailGridInfo:0,getDetailGridInfo:0,forEachDetailGridInfo:0}),...a("ContextMenu",{showContextMenu:0}),...a("ColumnMenu",{showColumnChooser:0,hideColumnChooser:0}),...a("CellSelection",{getCellRanges:0,addCellRange:0,clearRangeSelection:0,clearCellSelection:0}),...a("SharedRowGrouping",{setRowGroupColumns:0,removeRowGroupColumns:0,addRowGroupColumns:0,getRowGroupColumns:0,moveRowGroupColumn:0}),...a("SharedAggregation",{addAggFuncs:0,clearAggFuncs:0,setColumnAggFunc:0}),...a("SharedPivot",{isPivotMode:0,getPivotResultColumn:0,setValueColumns:0,getValueColumns:0,removeValueColumns:0,addValueColumns:0,setPivotColumns:0,removePivotColumns:0,addPivotColumns:0,getPivotColumns:0,setPivotResultColumns:0,getPivotResultColumns:0}),...a("ServerSideRowModelApi",{getServerSideSelectionState:0,setServerSideSelectionState:0,applyServerSideTransaction:0,applyServerSideTransactionAsync:0,applyServerSideRowData:0,retryServerSideLoads:0,flushServerSideAsyncTransactions:0,refreshServerSide:0,getServerSideGroupLevelState:0,onRowHeightChanged:0,resetRowHeights:0}),...a("SideBar",{isSideBarVisible:0,setSideBarVisible:0,setSideBarPosition:0,openToolPanel:0,closeToolPanel:0,getOpenedToolPanel:0,refreshToolPanel:0,isToolPanelShowing:0,getToolPanelInstance:0,getSideBar:0}),...a("StatusBar",{getStatusPanel:0}),...a("AiToolkit",{getStructuredSchema:0})}},18192:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.getDisplayedRowCount=t.getDisplayedRowAtIndex=t.getLastDisplayedRowIndex=t.getFirstDisplayedRowIndex=t.forEachNode=t.getRenderedNodes=t.addRenderedRowListener=t.getRowNode=t.setRowNodeExpanded=t.redrawRows=void 0,t.redrawRows=function(e,t={}){const a=t?t.rowNodes:void 0;e.frameworkOverrides.wrapIncoming(()=>e.rowRenderer.redrawRows(a))},t.setRowNodeExpanded=function e(t,a,o,n,r){a&&(n&&a.parent&&-1!==a.parent.level&&e(t,a.parent,o,n,r),a.setExpanded(o,void 0,r))},t.getRowNode=function(e,t){return e.rowModel.getRowNode(t)},t.addRenderedRowListener=function(e,t,a,o){e.rowRenderer.addRenderedRowListener(t,a,o)},t.getRenderedNodes=function(e){return e.rowRenderer.getRenderedNodes()},t.forEachNode=function(e,t,a){e.rowModel.forEachNode(t,a)},t.getFirstDisplayedRowIndex=function(e){return e.rowRenderer.firstRenderedRow},t.getLastDisplayedRowIndex=function(e){return e.rowRenderer.lastRenderedRow},t.getDisplayedRowAtIndex=function(e,t){return e.rowModel.getRow(t)},t.getDisplayedRowCount=function(e){return e.rowModel.getRowCount()}},66876:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t._getViewportRowModel=t._getServerSideRowModel=t._getInfiniteRowModel=t._getClientSideRowModel=void 0,t._getClientSideRowModel=function(e){const t=e.rowModel;return"clientSide"===t.getType()?t:void 0},t._getInfiniteRowModel=function(e){const t=e.rowModel;return"infinite"===t.getType()?t:void 0},t._getServerSideRowModel=function(e){const t=e.rowModel;return"serverSide"===t.getType()?t:void 0},t._getViewportRowModel=function(e){const t=e.rowModel;return"viewport"===t.getType()?t:void 0}},74510:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.resetRowHeights=t.onRowHeightChanged=t.collapseAll=t.expandAll=void 0;const o=a(47764);t.expandAll=function(e){e.expansionSvc?.expandAll(!0)},t.collapseAll=function(e){e.expansionSvc?.expandAll(!1)},t.onRowHeightChanged=function(e){e.rowModel?.onRowHeightChanged()},t.resetRowHeights=function(e){e.rowAutoHeight?.active?(0,o._warn)(3):e.rowModel?.resetRowHeights()}},11765:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.ensureNodeVisible=t.ensureIndexVisible=t.ensureColumnVisible=t.getHorizontalPixelRange=t.getVerticalPixelRange=void 0,t.getVerticalPixelRange=function(e){return e.ctrlsSvc.getScrollFeature().getVScrollPosition()},t.getHorizontalPixelRange=function(e){return e.ctrlsSvc.getScrollFeature().getHScrollPosition()},t.ensureColumnVisible=function(e,t,a="auto"){e.frameworkOverrides.wrapIncoming(()=>e.ctrlsSvc.getScrollFeature().ensureColumnVisible(t,a),"ensureVisible")},t.ensureIndexVisible=function(e,t,a){e.frameworkOverrides.wrapIncoming(()=>e.ctrlsSvc.getScrollFeature().ensureIndexVisible(t,a),"ensureVisible")},t.ensureNodeVisible=function(e,t,a=null){e.frameworkOverrides.wrapIncoming(()=>e.ctrlsSvc.getScrollFeature().ensureNodeVisible(t,a),"ensureVisible")}},36437:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.SsrmInfiniteSharedApiModule=t.RowModelSharedApiModule=t.CsrmSsrmSharedApiModule=void 0;const o=a(97205),n=a(74510),r=a(68496);t.CsrmSsrmSharedApiModule={moduleName:"CsrmSsrmSharedApi",version:o.VERSION,apiFunctions:{expandAll:n.expandAll,collapseAll:n.collapseAll}},t.RowModelSharedApiModule={moduleName:"RowModelSharedApi",version:o.VERSION,apiFunctions:{onRowHeightChanged:n.onRowHeightChanged,resetRowHeights:n.resetRowHeights}},t.SsrmInfiniteSharedApiModule={moduleName:"SsrmInfiniteSharedApi",version:o.VERSION,apiFunctions:{setRowCount:r.setRowCount,getCacheBlockState:r.getCacheBlockState,isLastRowIndexKnown:r.isLastRowIndexKnown}}},68496:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.isLastRowIndexKnown=t.getCacheBlockState=t.setRowCount=void 0;const o=a(67274),n=a(47764),r=a(66876);t.setRowCount=function(e,t,a){const o=(0,r._getServerSideRowModel)(e);if(o)return 0===e.rowGroupColsSvc?.columns.length?t<0?void(0,n._error)(238):void o.setRowCount(t,a):void(0,n._error)(28);(0,r._getInfiniteRowModel)(e)?.setRowCount(t,a)},t.getCacheBlockState=function(e){if((0,o._isServerSideRowModel)(e.gos)){return e.rowModel.getBlockStates()}return e.rowNodeBlockLoader?.getBlockState()??{}},t.isLastRowIndexKnown=function(e){return e.rowModel.isLastRowIndexKnown()}},35628:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.AutoScrollService=void 0;t.AutoScrollService=class{get scrolling(){return null!==this.tickingInterval}constructor(e){this.tickingInterval=null,this.onScrollCallback=null,this.scrollContainer=e.scrollContainer,this.scrollHorizontally=e.scrollAxis.includes("x"),this.scrollVertically=e.scrollAxis.includes("y"),this.scrollByTick=null!=e.scrollByTick?e.scrollByTick:20,e.onScrollCallback&&(this.onScrollCallback=e.onScrollCallback),this.scrollVertically&&(this.getVerticalPosition=e.getVerticalPosition,this.setVerticalPosition=e.setVerticalPosition),this.scrollHorizontally&&(this.getHorizontalPosition=e.getHorizontalPosition,this.setHorizontalPosition=e.setHorizontalPosition),this.shouldSkipVerticalScroll=e.shouldSkipVerticalScroll||(()=>!1),this.shouldSkipHorizontalScroll=e.shouldSkipHorizontalScroll||(()=>!1)}check(e,t=!1){const a=t||this.shouldSkipVerticalScroll();if(a&&this.shouldSkipHorizontalScroll())return;const o=this.scrollContainer.getBoundingClientRect(),n=this.scrollByTick;this.tickLeft=e.clientX<o.left+n,this.tickRight=e.clientX>o.right-n,this.tickUp=e.clientY<o.top+n&&!a,this.tickDown=e.clientY>o.bottom-n&&!a,this.tickLeft||this.tickRight||this.tickUp||this.tickDown?this.ensureTickingStarted():this.ensureCleared()}ensureTickingStarted(){null===this.tickingInterval&&(this.tickingInterval=window.setInterval(this.doTick.bind(this),100),this.tickCount=0)}doTick(){this.tickCount++;const e=this.tickCount>20?200:this.tickCount>10?80:40;if(this.scrollVertically){const t=this.getVerticalPosition();this.tickUp&&this.setVerticalPosition(t-e),this.tickDown&&this.setVerticalPosition(t+e)}if(this.scrollHorizontally){const t=this.getHorizontalPosition();this.tickLeft&&this.setHorizontalPosition(t-e),this.tickRight&&this.setHorizontalPosition(t+e)}this.onScrollCallback&&this.onScrollCallback()}ensureCleared(){this.tickingInterval&&(window.clearInterval(this.tickingInterval),this.tickingInterval=null)}}},83263:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.BASE_URL=void 0,t.BASE_URL="https://www.ag-grid.com"},32106:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.ChangedRowNodes=void 0;t.ChangedRowNodes=class{constructor(){this.reordered=!1,this.removals=new Set,this.updates=new Set,this.adds=new Set}}},28128:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.ClientSideNodeManager=void 0;const o=a(68731),n=a(3373),r=a(67274),i=a(47764);class l extends o.BeanStub{constructor(e){super(),this.rootNode=e,this.nextId=0,this.allNodesMap={},d(e)}getRowNode(e){return this.allNodesMap[e]}setNewRowData(e){const{selectionSvc:t,pinnedRowModel:a,groupStage:o}=this.beans;t?.reset("rowDataChanged"),a?.isManual()&&a.reset(),this.dispatchRowDataUpdateStarted(e),this.allNodesMap=Object.create(null),this.nextId=0;const n=d(this.rootNode),r=new Array(e.length);n._leafs=r;let i=0;const l=o?.getNestedDataGetter(),s=l?new Set:null,c=(e,t)=>{const a=e.level+1;for(let o=0,n=t.length;o<n;++o){const n=t[o];if(!n)continue;const d=this.createRowNode(n,a);if(d.sourceRowIndex=i,r[i++]=d,s&&!s.has(n)){s.add(n),d.treeParent=e;const t=l(n);t&&c(d,t)}}};c(n,e),r.length=i}setImmutableRowData(e,t){const{rootNode:a,gos:o}=this;this.dispatchRowDataUpdateStarted(t);const n=(0,r._getRowIdCallback)(o),i=e.changedRowNodes,{adds:l,updates:s}=i,d=new Set,c=[],g=this.beans.groupStage?.getNestedDataGetter();let p=!!o.get("suppressMaintainUnsortedOrder")&&void 0,m=-1,f=!1;const v=(e,t)=>{if(!p&&void 0!==p){const t=e.sourceRowIndex;p=t<=m,m=t}e.data!==t&&(e.updateData(t),l.has(e)||s.add(e),!e.selectable&&e.isSelected()&&c.push(e))},b=(e,t,a)=>{for(let o=0,r=t.length;o<r;++o){const r=t[o];if(!r)continue;let i=this.getRowNode(n({data:r,level:a}));if(i?(v(i,r),f||(f=!!g&&i.treeParent!==e)):(i=this.createRowNode(r,a),l.add(i)),!g||d.has(i)){d.add(i);continue}d.add(i),i.treeParent=e;const s=g(r);s&&b(i,s,a+1)}};b(a,t,0);const C=this.deleteUnusedNodes(d,i,c)||p||l.size>0;if(C){const e=a._leafs??(a._leafs=[]);void 0===p?h(e,d,i):u(e,d)&&(i.reordered=!0)}(C||f||s.size)&&(e.rowDataUpdated=!0,this.deselect(c))}deleteUnusedNodes(e,{removals:t},a){const o=this.rootNode._leafs;for(let n=0,r=o.length;n<r;n++){const r=o[n];e.has(r)||(t.add(r),r.isSelected()&&a.push(r),this.deleteNode(r))}return t.size>0}updateRowData(e,t){if(this.dispatchRowDataUpdateStarted(e.add),this.beans.groupStage?.getNestedDataGetter())return(0,i._warn)(268),{remove:[],update:[],add:[]};const a=[],o=(0,r._getRowIdCallback)(this.gos),n=this.executeRemove(o,e,t,a),l=this.executeUpdate(o,e,t,a),s=this.executeAdd(e,t);return this.deselect(a),{remove:n,update:l,add:s}}executeRemove(e,{remove:t},{adds:a,updates:o,removals:n},r){const i=this.rootNode._leafs,l=i?.length,s=t?.length;if(!s||!l)return[];let d,c=0,u=l,h=0;const p=new Array(s);for(let i=0;i<s;++i){const l=this.lookupNode(e,t[i]);if(!l)continue;const s=l.sourceRowIndex;s<u&&(u=s),s>h&&(h=s),l.isSelected()&&r.push(l),this.deleteNode(l),a.delete(l)?(d??(d=new Set),d.add(l)):(o.delete(l),n.add(l)),p[c++]=l}return p.length=c,c&&g(i,u,h,n,d),p}executeUpdate(e,{update:t},{adds:a,updates:o},n){const r=t?.length;if(!r)return[];const i=new Array(r);let l=0;for(let s=0;s<r;s++){const r=t[s],d=this.lookupNode(e,r);d&&(d.updateData(r),!d.selectable&&d.isSelected()&&n.push(d),i[l++]=d,a.has(d)||o.add(d))}return i.length=l,i}executeAdd(e,t){var a;const o=(a=this.rootNode)._leafs??(a._leafs=[]),n=o.length,r=e.add,i=r?.length;if(!i)return[];const l=n+i;let s=this.sanitizeAddIndex(o,e.addIndex);if(s<n){for(let e=n-1,t=l-1;e>=s;--e){const a=o[e];a.sourceRowIndex=t,o[t--]=a}t.reordered=!0}o.length=l;const d=new Array(i),c=t.adds;for(let e=0;e<i;e++){const t=this.createRowNode(r[e],0);c.add(t),t.sourceRowIndex=s,o[s]=t,d[e]=t,s++}return d}dispatchRowDataUpdateStarted(e){this.eventSvc.dispatchEvent({type:"rowDataUpdateStarted",firstRowData:e?.length?e[0]:null})}deselect(e){const t="rowDataChanged",a=this.beans.selectionSvc;e.length&&a?.setNodesSelected({newValue:!1,nodes:e,suppressFinishActions:!0,source:t}),a?.updateGroupsFromChildrenSelections?.(t),e.length&&this.eventSvc.dispatchEvent({type:"selectionChanged",source:t,selectedNodes:a?.getSelectedNodes()??null,serverSideState:null})}createRowNode(e,t){const a=new n.RowNode(this.beans);a.parent=this.rootNode,a.level=t,a.group=!1,a.expanded=!1,a.setDataAndId(e,String(this.nextId++));const o=a.id,r=this.allNodesMap;return r[o]&&(0,i._warn)(2,{nodeId:o}),r[o]=a,a}deleteNode(e){e.clearRowTopAndRowIndex();const t=e.id,a=this.allNodesMap;a[t]===e&&delete a[t];const o=e.pinnedSibling;o&&this.beans.pinnedRowModel?.pinRow(o,null)}lookupNode(e,t){if(!e)return c(this.rootNode._leafs,t);const a=e({data:t,level:0}),o=this.allNodesMap[a];return o||((0,i._error)(4,{id:a}),null)}sanitizeAddIndex(e,t){const a=e.length;if("number"!=typeof t)return a;if(t<0||t>=a||Number.isNaN(t))return a;t=Math.ceil(t);const o=this.gos;return t>0&&o.get("treeData")&&o.get("getDataPath")&&(t=s(e,t)),t}}t.ClientSideNodeManager=l;const s=(e,t)=>{for(let a=0,o=e.length;a<o;a++){const o=e[a];if(o?.rowIndex==t-1)return a+1}return t},d=e=>{e.group=!0,e.level=-1,e.id="ROOT_NODE_ID",0!==e._leafs?.length&&(e._leafs=[]);const t=[],a=[],o=[],n=[];e.childrenAfterGroup=t,e.childrenAfterSort=a,e.childrenAfterAggFilter=o,e.childrenAfterFilter=n;const r=e.sibling;return r&&(r.childrenAfterGroup=t,r.childrenAfterSort=a,r.childrenAfterAggFilter=o,r.childrenAfterFilter=n,r.childrenMapped=e.childrenMapped),e.updateHasChildren(),e},c=(e,t)=>{if(e)for(let a=0,o=e.length;a<o;a++){const o=e[a];if(o.data===t)return o}return(0,i._error)(5,{data:t}),null},g=(e,t,a,o,n)=>{for(let r=t=Math.max(0,t),i=e.length;r<i;++r){const i=e[r];r<=a&&(o.has(i)||n?.has(i))||(i.sourceRowIndex=t,e[t++]=i)}e.length=t},u=(e,t)=>{const a=t.size;e.length=a;let o=0,n=!1,r=!1;for(const a of t){const t=a.sourceRowIndex;t===o?r||(r=n):(t>=0?r=!0:n=!0,a.sourceRowIndex=o,e[o]=a),++o}return r},h=(e,t,{removals:a,adds:o})=>{const n=e.length;e.length=t.size;let r=0;for(let t=0;t<n;++t){const o=e[t];a.has(o)||(r!==t&&(o.sourceRowIndex=r,e[r]=o),++r)}for(const t of o)t.sourceRowIndex<0&&(t.sourceRowIndex=r,e[r++]=t);e.length=r}},83278:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.ClientSideRowModel=void 0;const o=a(44990),n=a(68731),r=a(3373),i=a(67274),l=a(76800),s=a(47764),d=a(32106),c=a(28128),g=a(48287),u=a(19849);class h extends n.BeanStub{constructor(){super(...arguments),this.beanName="rowModel",this.rootNode=null,this.rowCountReady=!1,this.nodeManager=void 0,this.rowsToDisplay=[],this.rowDataUpdatedPending=!1,this.asyncTransactions=null,this.asyncTransactionsTimer=0,this.started=!1,this.refreshingModel=!1,this.rowNodesCountReady=!1,this.stages=[],this.stagesRefreshProps=new Map,this.onRowHeightChanged_debounced=(0,o._debounce)(this,this.onRowHeightChanged.bind(this),100)}postConstruct(){const e=this.beans,t=new r.RowNode(e);this.rootNode=t,this.nodeManager=this.createBean(new c.ClientSideNodeManager(t));const a=this.refreshModel.bind(this,{step:"group"}),o=this.refreshModel.bind(this,{step:"group",afterColumnsChanged:!0,keepRenderedRows:!0,animate:!this.gos.get("suppressAnimationFrame")});this.addManagedEventListeners({newColumnsLoaded:o,columnRowGroupChanged:a,columnValueChanged:this.onValueChanged.bind(this),columnPivotChanged:this.refreshModel.bind(this,{step:"pivot"}),filterChanged:this.onFilterChanged.bind(this),sortChanged:this.onSortChanged.bind(this),columnPivotModeChanged:a,gridStylesChanged:this.onGridStylesChanges.bind(this),gridReady:this.onGridReady.bind(this),rowExpansionStateChanged:this.onRowGroupOpened.bind(this)}),this.addPropertyListeners()}addPropertyListeners(){const{beans:e,stagesRefreshProps:t}=this,a=[e.groupStage,e.filterStage,e.pivotStage,e.aggStage,e.sortStage,e.filterAggStage,e.flattenStage].filter(e=>!!e);this.stages=a;for(let e=a.length-1;e>=0;--e)for(const o of a[e].refreshProps)t.set(o,e);this.addManagedPropertyListeners([...t.keys()],e=>{const t=e.changeSet?.properties;t&&this.onPropChange(t)}),this.addManagedPropertyListener("rowData",()=>this.onPropChange(["rowData"])),this.addManagedPropertyListener("rowHeight",()=>this.resetRowHeights())}start(){this.started=!0,this.rowNodesCountReady?this.refreshModel({step:"group",rowDataUpdated:!0,newData:!0}):this.setInitialData()}setInitialData(){this.gos.get("rowData")&&this.onPropChange(["rowData"])}ensureRowHeightsValid(e,t,a,o){let n,r=!1;do{n=!1;const l=this.getRowIndexAtPixel(e),s=this.getRowIndexAtPixel(t),d=Math.max(l,a),c=Math.min(s,o);for(let e=d;e<=c;e++){const t=this.getRow(e);if(t.rowHeightEstimated){const e=(0,i._getRowHeightForNode)(this.beans,t);t.setRowHeight(e.height),n=!0,r=!0}}n&&this.setRowTopAndRowIndex()}while(n);return r}onPropChange(e){const{nodeManager:t,gos:a,beans:o}=this,n=o.groupStage;if(!t)return;const r=new Set(e),i=n?.onPropChange(r);let l;r.has("rowData")?l=a.get("rowData"):i&&(l=n?.extractData()),l&&!Array.isArray(l)&&(l=null,(0,s._warn)(1));const c={step:"nothing",changedProps:r};if(l){!i&&!this.isEmpty()&&l.length>0&&a.exists("getRowId")&&!a.get("resetRowDataOnUpdate")?(c.keepRenderedRows=!0,c.animate=!a.get("suppressAnimationFrame"),c.changedRowNodes=new d.ChangedRowNodes,t.setImmutableRowData(c,l)):(c.rowDataUpdated=!0,c.newData=!0,t.setNewRowData(l),this.rowNodesCountReady=!0)}const g=c.rowDataUpdated?"group":this.getRefreshedStage(e);g&&(c.step=g,this.refreshModel(c))}getRefreshedStage(e){const{stages:t,stagesRefreshProps:a}=this,o=t.length;let n=o;for(let t=0,o=e.length;t<o&&n;++t)n=Math.min(n,a.get(e[t])??n);return n<o?t[n].step:null}setRowTopAndRowIndex(e){const{beans:t,rowsToDisplay:a}=this,o=t.environment.getDefaultRowHeight();let n=0;const r=(0,i._isDomLayout)(this.gos,"normal");for(let l=0,s=a.length;l<s;++l){const s=a[l],d=s.id;if(null!=d&&e?.add(d),null==s.rowHeight){const e=(0,i._getRowHeightForNode)(t,s,r,o);s.setRowHeight(e.height,e.estimated)}s.setRowTop(n),s.setRowIndex(l),n+=s.rowHeight}}clearRowTopAndRowIndex(e,t){const a=e.active,o=e=>{null==e?.id||t.has(e.id)||e.clearRowTopAndRowIndex()},n=e=>{o(e),o(e.detailNode),o(e.sibling);const t=e.childrenAfterGroup;if(!e.hasChildren()||!t)return;const r=-1==e.level;if(!(a&&!r&&!e.expanded))for(let e=0,a=t.length;e<a;++e)n(t[e])},r=this.rootNode;r&&n(r)}isLastRowIndexKnown(){return!0}getRowCount(){return this.rowsToDisplay.length}getTopLevelRowCount(){const{rootNode:e,rowsToDisplay:t}=this;if(!e||!t.length)return 0;if(t[0]===e)return 1;const a=e.sibling?.displayed?1:0;return(e.childrenAfterSort?.length??0)+a}getTopLevelRowDisplayedIndex(e){const{beans:t,rootNode:a,rowsToDisplay:o}=this;if(!a||!o.length||o[0]===a)return e;const n=a.childrenAfterSort,r=e=>{let t=n[e];if(this.gos.get("groupHideOpenParents"))for(;t.expanded&&t.childrenAfterSort&&t.childrenAfterSort.length>0;)t=t.childrenAfterSort[0];return t.rowIndex},i=t.footerSvc;return i?i?.getTopDisplayIndex(o,e,n,r):r(e)}getTopLevelIndexFromDisplayedIndex(e){const{rootNode:t,rowsToDisplay:a}=this;if(!t||!a.length||a[0]===t)return e;let o=this.getRow(e);o.footer&&(o=o.sibling);let n=o.parent;for(;n&&n!==t;)o=n,n=o.parent;const r=t.childrenAfterSort?.indexOf(o)??-1;return r>=0?r:e}getRowBounds(e){const t=this.rowsToDisplay[e];return t?{rowTop:t.rowTop,rowHeight:t.rowHeight}:null}onRowGroupOpened(){this.refreshModel({step:"map",keepRenderedRows:!0,animate:(0,i._isAnimateRows)(this.gos)})}onFilterChanged({afterDataChange:e,columns:t}){if(!e){const e=0===t.length||t.some(e=>e.isPrimary())?"filter":"filter_aggregates";this.refreshModel({step:e,keepRenderedRows:!0,animate:(0,i._isAnimateRows)(this.gos)})}}onSortChanged(){this.refreshModel({step:"sort",keepRenderedRows:!0,animate:(0,i._isAnimateRows)(this.gos)})}getType(){return"clientSide"}onValueChanged(){this.refreshModel({step:this.beans.colModel.isPivotActive()?"pivot":"aggregate"})}createChangePath(e){const t=new l.ChangedPath(!1,this.rootNode);return t.active=e,t}isSuppressModelUpdateAfterUpdateTransaction(e){if(!this.gos.get("suppressModelUpdateAfterUpdateTransaction"))return!1;const{changedRowNodes:t,newData:a,rowDataUpdated:o}=e;return!(!t||a||!o)&&(!t.removals.size&&!t.adds.size)}refreshModel(e){const{nodeManager:t,beans:a,eventSvc:o,started:n,refreshingModel:r}=this;if(!t)return;const i=!!e.rowDataUpdated,l=e.changedPath??(e.changedPath=this.createChangePath(!e.newData&&i));if(n&&i&&o.dispatchEvent({type:"rowDataUpdated"}),!n||r||a.colModel.changeEventsDispatching||this.isSuppressModelUpdateAfterUpdateTransaction(e))return void(this.rowDataUpdatedPending||(this.rowDataUpdatedPending=i));switch(this.rowDataUpdatedPending&&(this.rowDataUpdatedPending=!1,e.step="group"),this.refreshingModel=!0,a.masterDetailSvc?.refreshModel(e),i&&"group"!==e.step&&a.colFilter?.refreshModel(),e.step){case"group":this.doGrouping(e);case"filter":this.doFilter(l);case"pivot":this.doPivot(l);case"aggregate":this.doAggregate(l);case"filter_aggregates":this.doFilterAggregates(l);case"sort":this.doSort(e.changedRowNodes,l);case"map":this.doRowsToDisplay()}const s=new Set;this.setRowTopAndRowIndex(s),this.clearRowTopAndRowIndex(l,s),this.refreshingModel=!1,o.dispatchEvent({type:"modelUpdated",animate:e.animate,keepRenderedRows:e.keepRenderedRows,newData:e.newData,newPage:!1,keepUndoRedoStack:e.keepUndoRedoStack})}isEmpty(){return!this.rootNode?._leafs?.length||!this.beans.colModel?.ready}isRowsToRender(){return this.rowsToDisplay.length>0}getNodesInRangeForSelection(e,t){let a=!1,o=!1;const n=[],r=(0,i._getGroupSelectsDescendants)(this.gos);return this.forEachNodeAfterFilterAndSort(i=>{if(o)return;if(a&&(i===t||i===e)&&(o=!0,r&&i.group))return void p(n,i);if(!a){if(i!==t&&i!==e)return;a=!0,t===e&&(o=!0)}(!i.group||!r)&&n.push(i)}),n}getTopLevelNodes(){return this.rootNode?.childrenAfterGroup??null}getRow(e){return this.rowsToDisplay[e]}isRowPresent(e){return this.rowsToDisplay.indexOf(e)>=0}getRowIndexAtPixel(e){const t=this.rowsToDisplay,a=t.length;if(this.isEmpty()||0===a)return-1;let o=0,n=a-1;if(e<=0)return 0;if(t[n].rowTop<=e)return n;let r=-1,i=-1;for(;;){const a=Math.floor((o+n)/2),l=t[a];if(this.isRowInPixel(l,e))return a;l.rowTop<e?o=a+1:l.rowTop>e&&(n=a-1);if(r===o&&i===n)return a;r=o,i=n}}isRowInPixel(e,t){const a=e.rowTop,o=a+e.rowHeight;return a<=t&&o>t}forEachLeafNode(e){const t=this.rootNode?._leafs;if(t)for(let a=0,o=t.length;a<o;++a)e(t[a],a)}forEachNode(e,t=!1){this.depthFirstSearchRowNodes(e,t)}forEachDisplayedNode(e){const t=this.rowsToDisplay;for(let a=0,o=t.length;a<o;++a)e(t[a],a)}forEachNodeAfterFilter(e,t=!1){this.depthFirstSearchRowNodes(e,t,e=>e.childrenAfterAggFilter)}forEachNodeAfterFilterAndSort(e,t=!1){this.depthFirstSearchRowNodes(e,t,e=>e.childrenAfterSort)}forEachPivotNode(e,t,a){const{colModel:o,rowGroupColsSvc:n}=this.beans;if(!o.isPivotMode())return;if(!n?.columns.length)return void e(this.rootNode,0);const r=a?"childrenAfterSort":"childrenAfterGroup";this.depthFirstSearchRowNodes(e,t,e=>e.leafGroup?null:e[r])}depthFirstSearchRowNodes(e,t=!1,a=e=>e.childrenAfterGroup,o=this.rootNode,n=0){let r=n;if(!o)return r;const i=o===this.rootNode;if(i||e(o,r++),o.hasChildren()&&!o.footer){const n=a(o);if(n){const l=this.beans.footerSvc;r=l?.addTotalRows(r,o,e,t,i,"top")??r;for(const o of n)r=this.depthFirstSearchRowNodes(e,t,a,o,r);return l?.addTotalRows(r,o,e,t,i,"bottom")??r}}return r}doAggregate(e){const t=this.rootNode;t&&this.beans.aggStage?.execute({rowNode:t,changedPath:e})}doFilterAggregates(e){const t=this.rootNode,a=this.beans.filterAggStage;a?a.execute({rowNode:t,changedPath:e}):t.childrenAfterAggFilter=t.childrenAfterFilter}doSort(e,t){const a=this.beans.sortStage;a?a.execute({rowNode:this.rootNode,changedRowNodes:e,changedPath:t}):t.forEachChangedNodeDepthFirst(e=>{e.childrenAfterSort=e.childrenAfterAggFilter.slice(0),(0,u.updateRowNodeAfterSort)(e)})}doGrouping(e){const t=this.rootNode,a=this.beans.groupStage,o=a?.execute({rowNode:t,changedRowNodes:e.changedRowNodes,changedPath:e.changedPath,afterColumnsChanged:!!e.afterColumnsChanged});if(void 0===o){const e=t._leafs;t.childrenAfterGroup=e,t.updateHasChildren();const a=t.sibling;a&&(a.childrenAfterGroup=e)}(o||e.rowDataUpdated)&&this.beans.colFilter?.refreshModel(),!this.rowCountReady&&this.rowNodesCountReady&&(this.rowCountReady=!0,this.eventSvc.dispatchEventOnce({type:"rowCountReady"}))}doFilter(e){const t=this.beans.filterStage;t?t.execute({rowNode:this.rootNode,changedPath:e}):e.forEachChangedNodeDepthFirst(e=>{e.childrenAfterFilter=e.childrenAfterGroup,(0,g.updateRowNodeAfterFilter)(e)},!0)}doPivot(e){this.beans.pivotStage?.execute({rowNode:this.rootNode,changedPath:e})}getRowNode(e){const t=this.nodeManager?.getRowNode(e);if("object"==typeof t)return t;return"string"==typeof e&&0===e.indexOf(r.ROW_ID_PREFIX_ROW_GROUP)?this.beans.groupStage?.getNode(e):void 0}batchUpdateRowData(e,t){if(!this.asyncTransactionsTimer){this.asyncTransactions=[];const e=this.gos.get("asyncTransactionWaitMillis");this.asyncTransactionsTimer=setTimeout(()=>this.executeBatchUpdateRowData(),e)}this.asyncTransactions.push({rowDataTransaction:e,callback:t})}flushAsyncTransactions(){const e=this.asyncTransactionsTimer;e&&(clearTimeout(e),this.executeBatchUpdateRowData())}executeBatchUpdateRowData(){const{nodeManager:e,beans:t,eventSvc:a,asyncTransactions:o}=this;if(!e)return;t.valueCache?.onDataChanged();const n=[],r=[],i=new d.ChangedRowNodes;for(const{rowDataTransaction:t,callback:a}of o??[]){this.rowNodesCountReady=!0;const o=e.updateRowData(t,i);n.push(o),a&&r.push(a.bind(null,o))}this.commitTransactions(i),r.length>0&&setTimeout(()=>{for(let e=0,t=r.length;e<t;e++)r[e]()},0),n.length>0&&a.dispatchEvent({type:"asyncTransactionsFlushed",results:n}),this.asyncTransactionsTimer=0,this.asyncTransactions=null}updateRowData(e){const t=this.nodeManager;if(!t)return null;this.beans.valueCache?.onDataChanged(),this.rowNodesCountReady=!0;const a=new d.ChangedRowNodes,o=t.updateRowData(e,a);return this.commitTransactions(a),o}commitTransactions(e){this.refreshModel({step:"group",rowDataUpdated:!0,keepRenderedRows:!0,animate:!this.gos.get("suppressAnimationFrame"),changedRowNodes:e,changedPath:this.createChangePath(!0)})}doRowsToDisplay(){const{beans:e,rootNode:t}=this,a=e.flattenStage;if(a)return void(this.rowsToDisplay=a.execute({rowNode:t}));const o=this.rootNode.childrenAfterSort??[];for(const e of o)e.setUiLevel(0);this.rowsToDisplay=o}onRowHeightChanged(){this.refreshModel({step:"map",keepRenderedRows:!0,keepUndoRedoStack:!0})}resetRowHeights(){const e=this.rootNode;if(!e)return;const t=this.resetRowHeightsForAllRowNodes();e.setRowHeight(e.rowHeight,!0);const a=e.sibling;a?.setRowHeight(a.rowHeight,!0),t&&this.onRowHeightChanged()}resetRowHeightsForAllRowNodes(){let e=!1;return this.forEachNode(t=>{t.setRowHeight(t.rowHeight,!0);const a=t.detailNode;a?.setRowHeight(a.rowHeight,!0);const o=t.sibling;o?.setRowHeight(o.rowHeight,!0),e=!0}),e}onGridStylesChanges(e){e.rowHeightChanged&&!this.beans.rowAutoHeight?.active&&this.resetRowHeights()}onGridReady(){this.started||this.setInitialData()}destroy(){super.destroy(),this.nodeManager=this.destroyBean(this.nodeManager),this.started=!1,this.rootNode=null,this.rowsToDisplay=[],this.asyncTransactions=null,clearTimeout(this.asyncTransactionsTimer)}onRowHeightChangedDebounced(){this.onRowHeightChanged_debounced()}}t.ClientSideRowModel=h;const p=(e,t)=>{const a=t.childrenAfterGroup;if(a)for(let t=0,o=a.length;t<o;++t){const o=a[t];o.data&&e.push(o),o.group&&p(e,o)}}},34452:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.getBestCostNodeSelection=t.flushAsyncTransactions=t.applyTransactionAsync=t.applyTransaction=t.forEachNodeAfterFilterAndSort=t.forEachNodeAfterFilter=t.forEachLeafNode=t.isRowDataEmpty=t.refreshClientSideRowModel=t.onGroupExpandedOrCollapsed=void 0;const o=a(66876);t.onGroupExpandedOrCollapsed=function(e){e.expansionSvc?.onGroupExpandedOrCollapsed()},t.refreshClientSideRowModel=function(e,t){const a=(0,o._getClientSideRowModel)(e);a&&(t&&"everything"!==t||(t="group"),a.refreshModel({step:t,keepRenderedRows:!0,animate:!e.gos.get("suppressAnimationFrame")}))},t.isRowDataEmpty=function(e){return(0,o._getClientSideRowModel)(e)?.isEmpty()??!0},t.forEachLeafNode=function(e,t){(0,o._getClientSideRowModel)(e)?.forEachLeafNode(t)},t.forEachNodeAfterFilter=function(e,t){(0,o._getClientSideRowModel)(e)?.forEachNodeAfterFilter(t)},t.forEachNodeAfterFilterAndSort=function(e,t){(0,o._getClientSideRowModel)(e)?.forEachNodeAfterFilterAndSort(t)},t.applyTransaction=function(e,t){return e.frameworkOverrides.wrapIncoming(()=>(0,o._getClientSideRowModel)(e)?.updateRowData(t))},t.applyTransactionAsync=function(e,t,a){e.frameworkOverrides.wrapIncoming(()=>(0,o._getClientSideRowModel)(e)?.batchUpdateRowData(t,a))},t.flushAsyncTransactions=function(e){e.frameworkOverrides.wrapIncoming(()=>(0,o._getClientSideRowModel)(e)?.flushAsyncTransactions())},t.getBestCostNodeSelection=function(e){return e.selectionSvc?.getBestCostNodeSelection()}},89722:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.ClientSideRowModelApiModule=t.ClientSideRowModelModule=void 0;const o=a(74510),n=a(36437),r=a(96620),i=a(97205),l=a(83278),s=a(34452),d=a(19849);t.ClientSideRowModelModule={moduleName:"ClientSideRowModel",version:i.VERSION,rowModels:["clientSide"],beans:[l.ClientSideRowModel,d.SortStage],dependsOn:[r.SortModule]},t.ClientSideRowModelApiModule={moduleName:"ClientSideRowModelApi",version:i.VERSION,apiFunctions:{onGroupExpandedOrCollapsed:s.onGroupExpandedOrCollapsed,refreshClientSideRowModel:s.refreshClientSideRowModel,isRowDataEmpty:s.isRowDataEmpty,forEachLeafNode:s.forEachLeafNode,forEachNodeAfterFilter:s.forEachNodeAfterFilter,forEachNodeAfterFilterAndSort:s.forEachNodeAfterFilterAndSort,applyTransaction:s.applyTransaction,applyTransactionAsync:s.applyTransactionAsync,flushAsyncTransactions:s.flushAsyncTransactions,getBestCostNodeSelection:s.getBestCostNodeSelection,resetRowHeights:o.resetRowHeights,onRowHeightChanged:o.onRowHeightChanged},dependsOn:[n.CsrmSsrmSharedApiModule,n.RowModelSharedApiModule]}},48287:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.FilterStage=t.updateRowNodeAfterFilter=void 0;const o=a(68731);function n(e){const t=e.sibling;t&&(t.childrenAfterFilter=e.childrenAfterFilter)}t.updateRowNodeAfterFilter=n;class r extends o.BeanStub{constructor(){super(...arguments),this.beanName="filterStage",this.step="filter",this.refreshProps=["excludeChildrenWhenTreeDataFiltering"]}wireBeans(e){this.filterManager=e.filterManager}execute(e){const{changedPath:t}=e;this.filter(t)}filter(e){const t=!!this.filterManager?.isChildFilterPresent();this.filterNodes(t,e)}filterNodes(e,t){const a=(t,a)=>{t.hasChildren()?t.childrenAfterFilter=e&&!a?t.childrenAfterGroup.filter(e=>{const t=e.childrenAfterFilter&&e.childrenAfterFilter.length>0,a=e.data&&this.filterManager.doesRowPassFilter({rowNode:e});return t||a}):t.childrenAfterGroup:t.childrenAfterFilter=t.childrenAfterGroup,n(t)};if(this.doingTreeDataFiltering()){const e=(t,o)=>{if(t.childrenAfterGroup)for(let n=0;n<t.childrenAfterGroup.length;n++){const r=t.childrenAfterGroup[n],i=o||this.filterManager.doesRowPassFilter({rowNode:r});r.childrenAfterGroup?e(t.childrenAfterGroup[n],i):a(r,i)}a(t,o)},o=t=>e(t,!1);t.executeFromRootNode(o)}else{const e=e=>a(e,!1);t.forEachChangedNodeDepthFirst(e,!0)}}doingTreeDataFiltering(){return this.gos.get("treeData")&&!this.gos.get("excludeChildrenWhenTreeDataFiltering")}}t.FilterStage=r},19849:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.SortStage=t.updateRowNodeAfterSort=void 0;const o=a(68731),n=a(67274);t.updateRowNodeAfterSort=e=>{const t=e.childrenAfterSort,a=e.sibling;if(a&&(a.childrenAfterSort=t),t)for(let e=0,a=t.length-1;e<=a;e++){const o=t[e],n=0===e,r=e===a;o.firstChild!==n&&(o.firstChild=n,o.dispatchRowEvent("firstChildChanged")),o.lastChild!==r&&(o.lastChild=r,o.dispatchRowEvent("lastChildChanged")),o.childIndex!==e&&(o.childIndex=e,o.dispatchRowEvent("childIndexChanged"))}};class r extends o.BeanStub{constructor(){super(...arguments),this.beanName="sortStage",this.step="sort",this.refreshProps=["postSortRows","groupDisplayType","accentedSort"]}execute(e){const t=this.beans.sortSvc.getSortOptions(),a=t.length>0&&!!e.changedRowNodes&&this.gos.get("deltaSort");this.sort(t,a,e.changedRowNodes,e.changedPath)}sort(e,a,o,n){const{gos:r,colModel:l,rowGroupColsSvc:d,rowNodeSorter:c,rowRenderer:g,showRowGroupCols:u}=this.beans,h=r.get("groupMaintainOrder"),p=l.getCols().some(e=>e.isRowGroupActive()),m=d?.columns,f=l.isPivotMode(),v=r.getCallback("postSortRows");let b,C=!1;if(n?.forEachChangedNodeDepthFirst(r=>{const l=f&&r.leafGroup;let d=h&&p&&!r.leafGroup;d&&(b??(b=this.shouldSortContainsGroupCols(e)),d&&(d=!b));let g=null;if(d){let e=!1;if(m){const t=r.level+1;t<m.length&&(e=null===m[t].getSort())}e||(g=s(r))}else!e.length||l||(g=a&&o?i(c,r,o,n,e):c.doFullSort(r.childrenAfterAggFilter,e));if(g||(g=r.childrenAfterAggFilter?.slice(0)??[]),C||(C=r.childrenAfterSort?.[0]!==g[0]),r.childrenAfterSort=g,(0,t.updateRowNodeAfterSort)(r),v){const e={nodes:r.childrenAfterSort};v(e)}}),C&&r.get("groupHideOpenParents")){const e=u?.getShowRowGroupCols();e?.length&&g.refreshCells({columns:e,force:!0})}}shouldSortContainsGroupCols(e){const t=e.length;if(!t)return!1;if((0,n._isColumnsSortingCoupledToGroup)(this.gos)){for(let a=0;a<t;++a){const t=e[a].column;if(t.isPrimary()&&t.isRowGroupActive())return!0}return!1}for(let a=0;a<t;++a)if(e[a].column.getColDef().showRowGroup)return!0;return!1}}t.SortStage=r;const i=(e,t,a,o,n)=>{const r=t.childrenAfterAggFilter,i=t.childrenAfterSort;if(!i)return e.doFullSort(r,n);const s=new Set,d=[],{updates:c,adds:g}=a;for(let e=0,t=r.length;e<t;++e){const t=r[e];c.has(t)||g.has(t)||o&&!o.canSkip(t)?d.push({currentPos:d.length,rowNode:t}):s.add(t)}const u=i.filter(e=>s.has(e)).map((e,t)=>({currentPos:t,rowNode:e}));return d.sort((t,a)=>e.compareRowNodes(n,t,a)),l(e,n,d,u)},l=(e,t,a,o)=>{let n=0,r=0;const i=a.length,l=o.length,s=new Array(i+l);let d=0;for(;n<i&&r<l;){const i=a[n],l=o[r];e.compareRowNodes(t,i,l)<0?(s[d++]=i.rowNode,++n):(s[d++]=l.rowNode,++r)}for(;n<i;)s[d++]=a[n++].rowNode;for(;r<l;)s[d++]=o[r++].rowNode;return s},s=e=>{const t=e.childrenAfterSort,a=e.childrenAfterAggFilter,o=t?.length,n=a?.length;if(!o||!n)return null;const r=new Array(n),i=new Set;for(let e=0;e<n;++e)i.add(a[e]);let l=0;for(let e=0;e<o;++e){const a=t[e];i.delete(a)&&(r[l++]=a)}if(0===i.size&&l===o)return t;for(const e of i)r[l++]=e;return r.length=l,r}},43218:function(e,t){function a({colAutosize:e,visibleCols:t},a,o){Array.isArray(a)?e?.autoSizeCols({colKeys:a,skipHeader:o,source:"api"}):e?.autoSizeCols({...a,colKeys:a.colIds??t.allCols,source:"api"})}Object.defineProperty(t,"__esModule",{value:!0}),t.autoSizeAllColumns=t.autoSizeColumns=t.sizeColumnsToFit=void 0,t.sizeColumnsToFit=function(e,t){"number"==typeof t?e.colAutosize?.sizeColumnsToFit(t,"api"):e.colAutosize?.sizeColumnsToFitGridBody(t)},t.autoSizeColumns=a,t.autoSizeAllColumns=function(e,t){t&&"object"==typeof t?a(e,t):e.colAutosize?.autoSizeAllColumns({source:"api",skipHeader:t})}},63856:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.ColumnAutoSizeModule=void 0;const o=a(40447),n=a(97205),r=a(43218),i=a(44817);t.ColumnAutoSizeModule={moduleName:"ColumnAutoSize",version:n.VERSION,beans:[i.ColumnAutosizeService],apiFunctions:{sizeColumnsToFit:r.sizeColumnsToFit,autoSizeColumns:r.autoSizeColumns,autoSizeAllColumns:r.autoSizeAllColumns},dependsOn:[o.AutoWidthModule]}},44817:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.ColumnAutosizeService=void 0;const o=a(79909),n=a(1956),r=a(72934),i=a(73146),l=a(68731),s=a(67274),d=a(47764),c=a(99644);class g extends l.BeanStub{constructor(){super(...arguments),this.beanName="colAutosize",this.timesDelayed=0,this.shouldQueueResizeOperations=!1,this.resizeOperationQueue=[]}postConstruct(){const{gos:e}=this,t=e.get("autoSizeStrategy");if(t){let a=!1;const o=t.type;if("fitGridWidth"===o||"fitProvidedWidth"===o)a=!0;else if("fitCellContents"===o){this.addManagedEventListeners({firstDataRendered:()=>this.onFirstDataRendered(t)});const o=e.get("rowData");a=null!=o&&o.length>0&&(0,s._isClientSideRowModel)(e)}a&&this.beans.colDelayRenderSvc?.hideColumns(o)}}autoSizeCols(e){const{eventSvc:t,visibleCols:a}=this.beans;this.innerAutoSizeCols(e).then(o=>{const n=e=>(0,r.dispatchColumnResizedEvent)(t,Array.from(e),!0,"autosizeColumns");if(!e.scaleUpToFitGridWidth)return n(o);const l=h(this.beans),s=e.colKeys.filter(e=>!((0,i.isColumnSelectionCol)(e)||(0,i.isRowNumberCol)(e)||(e=>a.leftCols.some(t=>(0,i._columnsMatch)(t,e)))(e)||(e=>a.rightCols.some(t=>(0,i._columnsMatch)(t,e)))(e)));this.sizeColumnsToFit(l,e.source,!0,{defaultMaxWidth:e.defaultMaxWidth,defaultMinWidth:e.defaultMinWidth,columnLimits:e.columnLimits?.map(e=>({...e,key:e.colId})),colKeys:s,onlyScaleUp:!0}),n(o)})}innerAutoSizeCols(e){return new Promise((t,a)=>{if(this.shouldQueueResizeOperations)return this.pushResizeOperation(()=>this.innerAutoSizeCols(e).then(t,a));const{colKeys:o,skipHeader:n,skipHeaderGroups:r,stopAtGroup:l,defaultMaxWidth:s,defaultMinWidth:d,columnLimits:c=[],source:g="api"}=e,{animationFrameSvc:h,renderStatus:p,colModel:m,autoWidthCalc:f,visibleCols:v}=this.beans;if(h?.flushAllFrames(),this.timesDelayed<5&&p&&(!p.areHeaderCellsRendered()||!p.areCellsRendered()))return this.timesDelayed++,void setTimeout(()=>{this.isAlive()&&this.innerAutoSizeCols(e).then(t,a)});this.timesDelayed=0;const b=new Set;let C=-1;const w=Object.fromEntries(c.map(({colId:e,...t})=>[e,t])),y=n??this.gos.get("skipHeaderOnAutoSize"),S=r??y;for(;0!==C;){C=0;const e=[];for(const t of o){if(!t||(0,i.isSpecialCol)(t))continue;const a=m.getCol(t);if(!a||b.has(a))continue;const o=f.getPreferredWidthForColumn(a,y);if(o>0){const e=w[a.colId]??{};e.minWidth??(e.minWidth=d),e.maxWidth??(e.maxWidth=s);const t=u(a,o,e);a.setActualWidth(t,g),b.add(a),C++}e.push(a)}e.length&&v.refresh(g)}S||this.autoSizeColumnGroupsByColumns(o,g,l),t(b)})}autoSizeColumn(e,t,a){this.autoSizeCols({colKeys:[e],skipHeader:a,skipHeaderGroups:!0,source:t})}autoSizeColumnGroupsByColumns(e,t,a){const{colModel:o,ctrlsSvc:n}=this.beans,r=new Set,i=o.getColsForKeys(e);for(const e of i){let t=e.getParent();for(;t&&t!=a;)t.isPadding()||r.add(t),t=t.getParent()}let l;for(const e of r){for(const t of n.getHeaderRowContainerCtrls())if(l=t.getHeaderCtrlForColumn(e),l)break;l?.resizeLeafColumnsToFit(t)}}autoSizeAllColumns(e){this.shouldQueueResizeOperations?this.pushResizeOperation(()=>this.autoSizeAllColumns(e)):this.autoSizeCols({colKeys:this.beans.visibleCols.allCols,...e})}addColumnAutosizeListeners(e,t){const a=this.gos.get("skipHeaderOnAutoSize"),o=()=>{this.autoSizeColumn(t,"uiColumnResized",a)};e.addEventListener("dblclick",o);const n=new c.TouchListener(e);return n.addEventListener("doubleTap",o),()=>{e.removeEventListener("dblclick",o),n.destroy()}}addColumnGroupResize(e,t,a){const o=this.gos.get("skipHeaderOnAutoSize"),n=()=>{const e=[],n=t.getDisplayedLeafColumns();for(const t of n)t.getColDef().suppressAutoSize||e.push(t.getColId());e.length>0&&this.autoSizeCols({colKeys:e,skipHeader:o,stopAtGroup:t,source:"uiColumnResized"}),a()};return e.addEventListener("dblclick",n),()=>e.removeEventListener("dblclick",n)}sizeColumnsToFitGridBody(e,t){if(!this.isAlive())return;const a=h(this.beans);a>0?this.sizeColumnsToFit(a,"sizeColumnsToFit",!1,e):void 0===t?window.setTimeout(()=>{this.sizeColumnsToFitGridBody(e,100)},0):100===t?window.setTimeout(()=>{this.sizeColumnsToFitGridBody(e,500)},100):500===t?window.setTimeout(()=>{this.sizeColumnsToFitGridBody(e,-1)},500):(0,d._warn)(29)}sizeColumnsToFit(e,t="sizeColumnsToFit",a,n){if(this.shouldQueueResizeOperations)return void this.pushResizeOperation(()=>this.sizeColumnsToFit(e,t,a,n));const l={};for(const{key:e,...t}of n?.columnLimits??[])l["string"==typeof e?e:e.getColId()]=t;const s=this.beans.visibleCols.allCols;if(e<=0||!s.length)return;const d=(0,i.getWidthOfColsInList)(s);if(n?.onlyScaleUp&&d>e)return;if(e===d){if(s.every(e=>{if(e.colDef.suppressSizeToFit)return!0;const t=l?.[e.getId()],a=t?.minWidth??n?.defaultMinWidth,o=t?.maxWidth??n?.defaultMaxWidth,r=e.getActualWidth();return(null==a||r>=a)&&(null==o||r<=o)}))return}const c=[],g=[];for(const e of s){const t=n?.colKeys?.some(t=>(0,i._columnsMatch)(e,t))??!0;e.getColDef().suppressSizeToFit||!t?g.push(e):c.push(e)}const u=c.slice(0);let h=!1;const p=e=>{(0,o._removeFromArray)(c,e),g.push(e)};for(const e of c){e.resetActualWidth(t);const a=l?.[e.getId()],o=a?.minWidth??n?.defaultMinWidth,r=a?.maxWidth??n?.defaultMaxWidth,i=e.getActualWidth();"number"==typeof o&&i<o?e.setActualWidth(o,t,!0):"number"==typeof r&&i>r&&e.setActualWidth(r,t,!0)}for(;!h;){h=!0;const a=e-(0,i.getWidthOfColsInList)(g);if(a<=0)for(const e of c){const a=l?.[e.getId()]?.minWidth??n?.defaultMinWidth??e.minWidth;e.setActualWidth(a,t,!0)}else{const e=a/(0,i.getWidthOfColsInList)(c);let o=a;for(let a=c.length-1;a>=0;a--){const r=c[a],i=l?.[r.getId()],s=i?.minWidth??n?.defaultMinWidth,d=i?.maxWidth??n?.defaultMaxWidth,g=r.getMinWidth(),u=r.getMaxWidth(),m="number"==typeof s&&s>g?s:g,f="number"==typeof d&&d<u?d:u;let v=Math.round(r.getActualWidth()*e);v<m?(v=m,p(r),h=!1):v>f?(v=f,p(r),h=!1):0===a&&(v=o),r.setActualWidth(v,t,!0),o-=v}}}for(const e of u)e.fireColumnWidthChangedEvent(t);const m=this.beans.visibleCols;m.setLeftValues(t),m.updateBodyWidths(),a||(0,r.dispatchColumnResizedEvent)(this.eventSvc,u,!0,t)}applyAutosizeStrategy(){const{gos:e,colDelayRenderSvc:t}=this.beans,a=e.get("autoSizeStrategy");"fitGridWidth"!==a?.type&&"fitProvidedWidth"!==a?.type||setTimeout(()=>{if(!this.isAlive())return;const e=a.type;if("fitGridWidth"===e){const{columnLimits:e,defaultMinWidth:t,defaultMaxWidth:o}=a,n=e?.map(({colId:e,minWidth:t,maxWidth:a})=>({key:e,minWidth:t,maxWidth:a}));this.sizeColumnsToFitGridBody({defaultMinWidth:t,defaultMaxWidth:o,columnLimits:n})}else"fitProvidedWidth"===e&&this.sizeColumnsToFit(a.width,"sizeColumnsToFit");t?.revealColumns(e)})}onFirstDataRendered({colIds:e,...t}){setTimeout(()=>{if(!this.isAlive())return;const a="autosizeColumns";e?this.autoSizeCols({...t,source:a,colKeys:e}):this.autoSizeAllColumns({...t,source:a}),this.beans.colDelayRenderSvc?.revealColumns(t.type)})}processResizeOperations(){this.shouldQueueResizeOperations=!1;for(const e of this.resizeOperationQueue)e();this.resizeOperationQueue=[]}pushResizeOperation(e){this.resizeOperationQueue.push(e)}destroy(){this.resizeOperationQueue.length=0,super.destroy()}}function u(e,t,a={}){const o=a.minWidth??e.getMinWidth();t<o&&(t=o);const n=a.maxWidth??e.getMaxWidth();return t>n&&(t=n),t}function h({ctrlsSvc:e,scrollVisibleSvc:t}){const a=e.getGridBodyCtrl(),o=a.isVerticalScrollShowing()?t.getScrollbarWidth():0;return(0,n._getInnerWidth)(a.eGridBody)-o}t.ColumnAutosizeService=g},9607:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.columnMovingCSS=void 0,t.columnMovingCSS=":where(.ag-ltr) :where(.ag-column-moving){.ag-cell,.ag-header-cell,.ag-spanned-cell-wrapper{transition:left .2s}.ag-header-group-cell{transition:left .2s,width .2s}}:where(.ag-rtl) :where(.ag-column-moving){.ag-cell,.ag-header-cell,.ag-spanned-cell-wrapper{transition:right .2s}.ag-header-group-cell{transition:right .2s,width .2s}}"},19122:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.ColumnAnimationService=void 0;const o=a(68731);class n extends o.BeanStub{constructor(){super(...arguments),this.beanName="colAnimation",this.executeNextFuncs=[],this.executeLaterFuncs=[],this.active=!1,this.activeNext=!1,this.suppressAnimation=!1,this.animationThreadCount=0}postConstruct(){this.beans.ctrlsSvc.whenReady(this,e=>this.gridBodyCtrl=e.gridBodyCtrl)}isActive(){return this.active&&!this.suppressAnimation}setSuppressAnimation(e){this.suppressAnimation=e}start(){if(this.active)return;const{gos:e}=this;e.get("suppressColumnMoveAnimation")||e.get("enableRtl")||(this.ensureAnimationCssClassPresent(),this.active=!0,this.activeNext=!0)}finish(){this.active&&this.flush(()=>this.activeNext=!1,()=>this.active=!1)}executeNextVMTurn(e){this.activeNext?this.executeNextFuncs.push(e):e()}executeLaterVMTurn(e){this.active?this.executeLaterFuncs.push(e):e()}ensureAnimationCssClassPresent(){this.animationThreadCount++;const e=this.animationThreadCount,{gridBodyCtrl:t}=this;t.setColumnMovingCss(!0),this.executeLaterFuncs.push(()=>{this.animationThreadCount===e&&t.setColumnMovingCss(!1)})}flush(e,t){const{executeNextFuncs:a,executeLaterFuncs:o}=this;if(0===a.length&&0===o.length)return e(),void t();const n=e=>{for(;e.length;){const t=e.pop();t&&t()}};this.beans.frameworkOverrides.wrapIncoming(()=>{window.setTimeout(()=>{e(),n(a)},0),window.setTimeout(()=>{t(),n(o)},200)})}}t.ColumnAnimationService=n},43052:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.BodyDropPivotTarget=void 0;const o=a(68731);class n extends o.BeanStub{constructor(e){super(),this.pinned=e,this.columnsToAggregate=[],this.columnsToGroup=[],this.columnsToPivot=[]}onDragEnter(e){if(this.clearColumnsList(),this.gos.get("functionsReadOnly"))return;const t=e.dragItem.columns;if(t)for(const e of t)e.isPrimary()&&(e.isAnyFunctionActive()||(e.isAllowValue()?this.columnsToAggregate.push(e):e.isAllowRowGroup()?this.columnsToGroup.push(e):e.isAllowPivot()&&this.columnsToPivot.push(e)))}getIconName(){return this.columnsToAggregate.length+this.columnsToGroup.length+this.columnsToPivot.length>0?this.pinned?"pinned":"move":null}onDragLeave(e){this.clearColumnsList()}clearColumnsList(){this.columnsToAggregate.length=0,this.columnsToGroup.length=0,this.columnsToPivot.length=0}onDragging(e){}onDragStop(e){const{valueColsSvc:t,rowGroupColsSvc:a,pivotColsSvc:o}=this.beans;this.columnsToAggregate.length>0&&t?.addColumns(this.columnsToAggregate,"toolPanelDragAndDrop"),this.columnsToGroup.length>0&&a?.addColumns(this.columnsToGroup,"toolPanelDragAndDrop"),this.columnsToPivot.length>0&&o?.addColumns(this.columnsToPivot,"toolPanelDragAndDrop")}onDragCancel(){this.clearColumnsList()}}t.BodyDropPivotTarget=n},57912:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.BodyDropTarget=void 0;const o=a(68731),n=a(12903),r=a(43052),i=a(92909);class l extends o.BeanStub{constructor(e,t){super(),this.pinned=e,this.eContainer=t}postConstruct(){const{ctrlsSvc:e,dragAndDrop:t}=this.beans,a=this.pinned;e.whenReady(this,e=>{let t;const o=e.gridBodyCtrl.eBodyViewport;switch(a){case"left":t=[[o,e.left.eContainer],[e.bottomLeft.eContainer],[e.topLeft.eContainer]];break;case"right":t=[[o,e.right.eContainer],[e.bottomRight.eContainer],[e.topRight.eContainer]];break;default:t=[[o,e.center.eViewport],[e.bottomCenter.eViewport],[e.topCenter.eViewport]]}this.eSecondaryContainers=t}),this.moveColumnFeature=this.createManagedBean(new i.MoveColumnFeature(a)),this.bodyDropPivotTarget=this.createManagedBean(new r.BodyDropPivotTarget(a)),t.addDropTarget(this),this.addDestroyFunc(()=>t.removeDropTarget(this))}isInterestedIn(e){return e===n.DragSourceType.HeaderCell||e===n.DragSourceType.ToolPanel&&this.gos.get("allowDragFromColumnsToolPanel")}getSecondaryContainers(){return this.eSecondaryContainers}getContainer(){return this.eContainer}getIconName(){return this.currentDropListener.getIconName()}isDropColumnInPivotMode(e){return this.beans.colModel.isPivotMode()&&e.dragSource.type===n.DragSourceType.ToolPanel}onDragEnter(e){this.currentDropListener=this.isDropColumnInPivotMode(e)?this.bodyDropPivotTarget:this.moveColumnFeature,this.currentDropListener.onDragEnter(e)}onDragLeave(e){this.currentDropListener.onDragLeave(e)}onDragging(e){this.currentDropListener.onDragging(e)}onDragStop(e){this.currentDropListener.onDragStop(e)}onDragCancel(){this.currentDropListener.onDragCancel()}}t.BodyDropTarget=l},92909:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.MoveColumnFeature=void 0;const o=a(79909),n=a(89097),r=a(68731),i=a(12903),l=a(62783),s=a(45446);class d extends r.BeanStub{constructor(e){super(),this.pinned=e,this.needToMoveLeft=!1,this.needToMoveRight=!1,this.lastMovedInfo=null,this.isCenterContainer=!(0,n._exists)(e)}postConstruct(){this.beans.ctrlsSvc.whenReady(this,e=>{this.gridBodyCon=e.gridBodyCtrl})}getIconName(){const{pinned:e,lastDraggingEvent:t}=this,{dragItem:a}=t||{},o=a?.columns??[];for(const t of o){const o=t.getPinned();if(t.getColDef().lockPinned){if(o==e)return"move";continue}const n=a?.containerType;if(n===e||!e)return"move";if(e&&(!o||n!==e))return"pinned"}return"notAllowed"}onDragEnter(e){const t=e.dragItem,a=t.columns;if(e.dragSource.type===i.DragSourceType.ToolPanel)this.setColumnsVisible(a,!0,"uiColumnDragged");else{const e=t.visibleState,o=(a||[]).filter(t=>e[t.getId()]&&!t.isVisible());this.setColumnsVisible(o,!0,"uiColumnDragged")}this.gos.get("suppressMoveWhenColumnDragging")||this.attemptToPinColumns(a,this.pinned),this.onDragging(e,!0,!0)}onDragging(e=this.lastDraggingEvent,t=!1,a=!1,o=!1){const{gos:r,ctrlsSvc:i}=this.beans,l=r.get("suppressMoveWhenColumnDragging");if(o&&!l)return void this.finishColumnMoving();if(this.lastDraggingEvent=e,!e||!o&&(0,n._missing)(e.hDirection))return;const d=(0,s.normaliseX)({x:e.x,pinned:this.pinned,gos:r,ctrlsSvc:i});t||this.checkCenterForScrolling(d),l?this.handleColumnDragWhileSuppressingMovement(e,t,a,d,o):this.handleColumnDragWhileAllowingMovement(e,t,a,d,o)}onDragLeave(){this.ensureIntervalCleared(),this.clearHighlighted(),this.updateDragItemContainerType(),this.lastMovedInfo=null}onDragStop(){this.onDragging(this.lastDraggingEvent,!1,!0,!0),this.ensureIntervalCleared(),this.lastMovedInfo=null}onDragCancel(){this.clearHighlighted(),this.ensureIntervalCleared(),this.lastMovedInfo=null}setColumnsVisible(e,t,a){if(!e?.length)return;const o=e.filter(e=>!e.getColDef().lockVisible);o.length&&this.beans.colModel.setColsVisible(o,t,a)}finishColumnMoving(){this.clearHighlighted();const e=this.lastMovedInfo;if(!e)return;const{columns:t,toIndex:a}=e;this.beans.colMoves.moveColumns(t,a,"uiColumnMoved",!0)}updateDragItemContainerType(){const{lastDraggingEvent:e}=this;if(this.gos.get("suppressMoveWhenColumnDragging")||!e)return;const t=e.dragItem;t&&(t.containerType=this.pinned)}handleColumnDragWhileSuppressingMovement(e,t,a,o,n){const r=this.getAllMovingColumns(e,!0);if(n){const e=this.isAttemptingToPin(r);e&&this.attemptToPinColumns(r,void 0,!0);const{fromLeft:o,xPosition:n}=this.getNormalisedXPositionInfo(r,e)||{};if(null==o||null==n)return void this.finishColumnMoving();this.moveColumnsAfterHighlight({allMovingColumns:r,xPosition:n,fromEnter:t,fakeEvent:a,fromLeft:o})}else{if(!this.beans.dragAndDrop.isDropZoneWithinThisGrid(e))return;this.highlightHoveredColumn(r,o)}}handleColumnDragWhileAllowingMovement(e,t,a,o,n){const r=this.getAllMovingColumns(e),l="right"===this.normaliseDirection(e.hDirection),d=e.dragSource.type===i.DragSourceType.HeaderCell,c=this.getMoveColumnParams({allMovingColumns:r,isFromHeader:d,xPosition:o,fromLeft:l,fromEnter:t,fakeEvent:a}),g=(0,s.attemptMoveColumns)({...c,finished:n});g&&(this.lastMovedInfo=g)}getAllMovingColumns(e,t=!1){const a=e.dragSource.getDragItem();let o=null;t?(o=a.columnsInSplit,o||(o=a.columns)):o=a.columns;return o?o.filter(e=>!e.getColDef().lockPinned||e.getPinned()==this.pinned):[]}getMoveColumnParams(e){const{allMovingColumns:t,isFromHeader:a,xPosition:o,fromLeft:n,fromEnter:r,fakeEvent:i}=e,{gos:l,colModel:s,colMoves:d,visibleCols:c}=this.beans;return{allMovingColumns:t,isFromHeader:a,fromLeft:n,xPosition:o,pinned:this.pinned,fromEnter:r,fakeEvent:i,gos:l,colModel:s,colMoves:d,visibleCols:c}}highlightHoveredColumn(e,t){const{gos:a,colModel:n}=this.beans,r=a.get("enableRtl"),i=n.getCols().filter(e=>e.isVisible()&&e.getPinned()===this.pinned);let s,d=null,g=null,u=null;for(const e of i){if(g=e.getActualWidth(),d=this.getNormalisedColumnLeft(e,0,r),null!=d){if(d<=t&&d+g>=t){u=e;break}}d=null,g=null}if(u)-1!==e.indexOf(u)&&(u=null);else{for(let e=i.length-1;e>=0;e--){const t=i[e],a=i[e].getParent();if(!a){u=t;break}const n=a?.getDisplayedLeafColumns();if(n.length){u=(0,o._last)(n);break}}if(!u)return;d=this.getNormalisedColumnLeft(u,0,r),g=u.getActualWidth()}this.lastHighlightedColumn?.column!==u&&this.clearHighlighted(),null!=u&&null!=d&&null!=g&&(s=t-d<g/2!==r?l.ColumnHighlightPosition.Before:l.ColumnHighlightPosition.After,c(u,s),this.lastHighlightedColumn={column:u,position:s})}getNormalisedXPositionInfo(e,t){const{gos:a,visibleCols:o}=this.beans,n=a.get("enableRtl"),{firstMovingCol:r,column:i,position:s}=this.getColumnMoveAndTargetInfo(e,t,n);if(!r||!i||null==s)return;const d=o.allCols,c=d.indexOf(r),g=d.indexOf(i),u=s===l.ColumnHighlightPosition.Before!==n,h=c<g||c===g&&!u;let p=0;if(u?h&&(p-=1):h||(p+=1),g+p===c)return;const m=d[g+p];if(!m)return;return{fromLeft:h,xPosition:this.getNormalisedColumnLeft(m,20,n)}}getColumnMoveAndTargetInfo(e,t,a){const o=this.lastHighlightedColumn||{},{firstMovingCol:n,lastMovingCol:r}=function(e){const t=e.length;let a,o;for(let n=0;n<t;n++){if(!a){const t=e[n];null!=t.getLeft()&&(a=t)}if(!o){const a=e[t-1-n];null!=a.getLeft()&&(o=a)}if(a&&o)break}return{firstMovingCol:a,lastMovingCol:o}}(e);if(!n||!r||o.column||!t)return{firstMovingCol:n,...o};const i="left"===this.getPinDirection();return{firstMovingCol:n,position:i?l.ColumnHighlightPosition.After:l.ColumnHighlightPosition.Before,column:i!==a?n:r}}normaliseDirection(e){if(this.gos.get("enableRtl"))switch(e){case"left":return"right";case"right":return"left"}return e}getNormalisedColumnLeft(e,t,a){const{gos:o,ctrlsSvc:n}=this.beans,r=e.getLeft();if(null==r)return null;const i=e.getActualWidth();return(0,s.normaliseX)({x:a?r+i-t:r+t,pinned:e.getPinned(),useHeaderRow:a,skipScrollPadding:!0,gos:o,ctrlsSvc:n})}isAttemptingToPin(e){const t=this.needToMoveLeft||this.needToMoveRight,a=this.failedMoveAttempts>7;return t&&a||e.some(e=>e.getPinned()!==this.pinned)}moveColumnsAfterHighlight(e){const{allMovingColumns:t,xPosition:a,fromEnter:o,fakeEvent:n,fromLeft:r}=e,i=this.getMoveColumnParams({allMovingColumns:t,isFromHeader:!0,xPosition:a,fromLeft:r,fromEnter:o,fakeEvent:n}),{columns:l,toIndex:d}=(0,s.getBestColumnMoveIndexFromXPosition)(i)||{};l&&null!=d&&(this.lastMovedInfo={columns:l,toIndex:d}),this.finishColumnMoving()}clearHighlighted(){const{lastHighlightedColumn:e}=this;e&&(c(e.column,null),this.lastHighlightedColumn=null)}checkCenterForScrolling(e){if(!this.isCenterContainer)return;const t=this.beans.ctrlsSvc.get("center"),a=t.getCenterViewportScrollLeft(),o=a+t.getCenterWidth();let n,r;this.gos.get("enableRtl")?(n=e<a+50,r=e>o-50):(r=e<a+50,n=e>o-50),this.needToMoveRight=n,this.needToMoveLeft=r,r||n?this.ensureIntervalStarted():this.ensureIntervalCleared()}ensureIntervalStarted(){this.movingIntervalId||(this.intervalCount=0,this.failedMoveAttempts=0,this.movingIntervalId=window.setInterval(this.moveInterval.bind(this),100),this.beans.dragAndDrop.setDragImageCompIcon(this.needToMoveLeft?"left":"right",!0))}ensureIntervalCleared(){this.movingIntervalId&&(window.clearInterval(this.movingIntervalId),this.movingIntervalId=null,this.failedMoveAttempts=0,this.beans.dragAndDrop.setDragImageCompIcon(this.getIconName()))}moveInterval(){let e;this.intervalCount++,e=10+5*this.intervalCount,e>100&&(e=100);let t=null;const a=this.gridBodyCon.scrollFeature;if(this.needToMoveLeft?t=a.scrollHorizontally(-e):this.needToMoveRight&&(t=a.scrollHorizontally(e)),0!==t)this.onDragging(this.lastDraggingEvent),this.failedMoveAttempts=0;else{this.failedMoveAttempts++;const{pinnedCols:e,dragAndDrop:t,gos:a}=this.beans;if(this.failedMoveAttempts<=8||!e)return;if(t.setDragImageCompIcon("pinned"),!a.get("suppressMoveWhenColumnDragging")){const e=this.lastDraggingEvent?.dragItem.columns;this.attemptToPinColumns(e,void 0,!0)}}}getPinDirection(){return this.needToMoveLeft||"left"===this.pinned?"left":this.needToMoveRight||"right"===this.pinned?"right":void 0}attemptToPinColumns(e,t,a=!1){const o=(e||[]).filter(e=>!e.getColDef().lockPinned);if(!o.length)return 0;a&&(t=this.getPinDirection());const{pinnedCols:n,dragAndDrop:r}=this.beans;return n?.setColsPinned(o,t,"uiColumnDragged"),a&&r.nudge(),o.length}destroy(){super.destroy(),this.lastDraggingEvent=null,this.clearHighlighted(),this.lastMovedInfo=null}}function c(e,t){e.highlighted!==t&&(e.highlighted=t,e.dispatchColEvent("headerHighlightChanged","uiColumnMoved"))}t.MoveColumnFeature=d},10852:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.moveColumns=t.moveColumnByIndex=void 0,t.moveColumnByIndex=function(e,t,a){e.colMoves?.moveColumnByIndex(t,a,"api")},t.moveColumns=function(e,t,a){e.colMoves?.moveColumns(t,a,"api")}},64074:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.ColumnMoveModule=void 0;const o=a(24388),n=a(97205),r=a(9607),i=a(19122),l=a(10852),s=a(24067);t.ColumnMoveModule={moduleName:"ColumnMove",version:n.VERSION,beans:[s.ColumnMoveService,i.ColumnAnimationService],apiFunctions:{moveColumnByIndex:l.moveColumnByIndex,moveColumns:l.moveColumns},dependsOn:[o.SharedDragAndDropModule],css:[r.columnMovingCSS]}},24067:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.ColumnMoveService=void 0;const o=a(79909),n=a(68731),r=a(12903),i=a(56908),l=a(47764),s=a(57912),d=a(23505),c=a(45446);var g;!function(e){e[e.LEFT=-1]="LEFT",e[e.NONE=0]="NONE",e[e.RIGHT=1]="RIGHT"}(g||(g={}));class u extends n.BeanStub{constructor(){super(...arguments),this.beanName="colMoves"}moveColumnByIndex(e,t,a){const o=this.beans.colModel.getCols();if(!o)return;const n=o[e];this.moveColumns([n],t,a)}moveColumns(e,t,a,n=!0){const{colModel:r,colAnimation:i,visibleCols:s,eventSvc:d}=this.beans,c=r.getCols();if(!c)return;if(t>c.length-e.length)return void(0,l._warn)(30,{toIndex:t});i?.start();const g=r.getColsForKeys(e);this.doesMovePassRules(g,t)&&((0,o._moveInArray)(r.getCols(),g,t),s.refresh(a),d.dispatchEvent({type:"columnMoved",columns:g,column:1===g.length?g[0]:null,toIndex:t,finished:n,source:a})),i?.finish()}doesMovePassRules(e,t){const a=this.getProposedColumnOrder(e,t);return this.doesOrderPassRules(a)}doesOrderPassRules(e){const{colModel:t,gos:a}=this.beans;if(!(0,d.doesMovePassMarryChildren)(e,t.getColTree()))return!1;return!!(e=>{const t=e=>e?"left"===e||!0===e?g.LEFT:g.RIGHT:g.NONE,o=a.get("enableRtl");let n=o?g.RIGHT:g.LEFT,r=!0;for(const a of e){const e=t(a.getColDef().lockPosition);o?e>n&&(r=!1):e<n&&(r=!1),n=e}return r})(e)}getProposedColumnOrder(e,t){const a=this.beans.colModel.getCols().slice();return(0,o._moveInArray)(a,e,t),a}createBodyDropTarget(e,t){return new s.BodyDropTarget(e,t)}moveHeader(e,t,a,n,r){const{ctrlsSvc:l,gos:s,colModel:d,visibleCols:g,focusSvc:u}=this.beans,h=t.getBoundingClientRect(),p=h.left,m=(0,i.isColumnGroup)(a),f=m?h.width:a.getActualWidth(),v="left"===e!==s.get("enableRtl"),b=(0,c.normaliseX)({x:v?p-20:p+f+20,pinned:n,fromKeyboard:!0,gos:s,ctrlsSvc:l}),C=u.focusedHeader;let w;if((0,c.attemptMoveColumns)({allMovingColumns:m?a.getLeafColumns():[a],isFromHeader:!0,fromLeft:"right"===e,xPosition:b,pinned:n,fromEnter:!1,fakeEvent:!1,gos:s,colModel:d,colMoves:this,visibleCols:g,finished:!0}),m){const e=a.getDisplayedLeafColumns();w=v?e[0]:(0,o._last)(e)}else w=a;if(l.getScrollFeature().ensureColumnVisible(w,"auto"),(!r.isAlive()||s.get("ensureDomOrder"))&&C){let e;if(m){const t=a.getGroupId(),o=a.getLeafColumns();if(!o.length)return;const n=o[0].getParent();if(!n)return;e=function(e,t){for(;e;){if(e.getGroupId()===t)return e;e=e.getParent()}return}(n,t)}else e=a;e&&u.focusHeaderPosition({headerPosition:{...C,column:e}})}}setDragSourceForHeader(e,t,a){const{gos:n,colModel:l,dragAndDrop:s,visibleCols:d}=this.beans;let g=!n.get("suppressDragLeaveHidesColumns");const u=(0,i.isColumnGroup)(t),h=u?t.getProvidedColumnGroup().getLeafColumns():[t],p=u?()=>function(e,t){const a=e.getProvidedColumnGroup().getLeafColumns(),n={};for(const e of a)n[e.getId()]=e.isVisible();const r=[];for(const e of t)a.indexOf(e)>=0&&(r.push(e),(0,o._removeFromArray)(a,e));for(const e of a)r.push(e);const i=[],l=e.getLeafColumns();for(const e of r)-1!==l.indexOf(e)&&i.push(e);return{columns:r,columnsInSplit:i,visibleState:n,containerType:i[0]?.pinned}}(t,d.allCols):()=>function(e){const t={};return t[e.getId()]=e.isVisible(),{columns:[e],visibleState:t,containerType:e.pinned}}(t),m={type:r.DragSourceType.HeaderCell,eElement:e,getDefaultIconName:()=>g?"hide":"notAllowed",getDragItem:p,dragItemName:a,onDragStarted:()=>{g=!n.get("suppressDragLeaveHidesColumns"),(0,c.setColumnsMoving)(h,!0)},onDragStopped:()=>(0,c.setColumnsMoving)(h,!1),onDragCancelled:()=>(0,c.setColumnsMoving)(h,!1),onGridEnter:e=>{if(g){const{columns:t=[],visibleState:a}=e??{},o=u?e=>!a||a[e.getColId()]:()=>!0,n=t.filter(e=>!e.getColDef().lockVisible&&o(e));l.setColsVisible(n,!0,"uiColumnMoved")}},onGridExit:e=>{if(g){const t=e?.columns?.filter(e=>!e.getColDef().lockVisible)||[];l.setColsVisible(t,!1,"uiColumnMoved")}}};return s.addDragSource(m,!0),m}}t.ColumnMoveService=u},23505:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.doesMovePassMarryChildren=t.placeLockedColumns=void 0;const o=a(82716),n=a(79409);t.placeLockedColumns=function(e,t){const a=[],o=[],n=[];return e.forEach(e=>{const t=e.getColDef().lockPosition;"right"===t?n.push(e):"left"===t||!0===t?a.push(e):o.push(e)}),t.get("enableRtl")?[...n,...o,...a]:[...a,...o,...n]},t.doesMovePassMarryChildren=function(e,t){let a=!0;return(0,o.depthFirstOriginalTreeSearch)(null,t,t=>{if(!(0,n.isProvidedColumnGroup)(t))return;const o=t,r=o.getColGroupDef(),i=r?.marryChildren;if(!i)return;const l=[];for(const t of o.getLeafColumns()){const a=e.indexOf(t);l.push(a)}Math.max.apply(Math,l)-Math.min.apply(Math,l)>o.getLeafColumns().length-1&&(a=!1)}),a}},45446:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.setColumnsMoving=t.normaliseX=t.attemptMoveColumns=t.getBestColumnMoveIndexFromXPosition=void 0;const o=a(79909);function n(e){const{isFromHeader:t,fromLeft:a,xPosition:n,fromEnter:i,fakeEvent:l,pinned:s,gos:d,colModel:c,colMoves:g,visibleCols:u}=e;let{allMovingColumns:h}=e;t&&(h=function(e){const t=[...e];for(const a of e){let e=null,o=a.getParent();for(;null!=o&&1===o.getDisplayedLeafColumns().length;)e=o,o=o.getParent();if(null!=e){const a=e.getColGroupDef()?.marryChildren?e.getProvidedColumnGroup().getLeafColumns():e.getLeafColumns();for(const e of a)t.includes(e)||t.push(e)}}return t}(h));const p=h.slice();!function(e,t){if(!t||t.length<=1)return;t.filter(t=>e.indexOf(t)<0).length>0||t.sort((t,a)=>e.indexOf(t)-e.indexOf(a))}(c.getCols(),p);const m=function(e){const{movingCols:t,draggingRight:a,xPosition:o,pinned:n,gos:r,colModel:i,visibleCols:l}=e,s=r.get("suppressMovableColumns")||t.some(e=>e.getColDef().suppressMovable);if(s)return[];const d=function(e,t){switch(t){case"left":return e.leftCols;case"right":return e.rightCols;default:return e.centerCols}}(l,n),c=i.getCols(),g=d.filter(e=>t.includes(e)),u=d.filter(e=>!t.includes(e)),h=c.filter(e=>!t.includes(e));let p,m=0,f=o;if(a){let e=0;for(const t of g)e+=t.getActualWidth();f-=e}if(f>0){for(let e=0;e<u.length;e++){if(f-=u[e].getActualWidth(),f<0)break;m++}a&&m++}if(m>0){const e=u[m-1];p=h.indexOf(e)+1}else p=h.indexOf(u[0]),-1===p&&(p=0);const v=[p],b=(e,t)=>e-t;if(a){let e=p+1;const t=c.length-1;for(;e<=t;)v.push(e),e++;v.sort(b)}else{let e=p;const t=c.length-1;let a=c[e];for(;e<=t&&d.indexOf(a)<0;)e++,v.push(e),a=c[e];e=p-1;const o=0;for(;e>=o;)v.push(e),e--;v.sort(b).reverse()}return v}({movingCols:p,draggingRight:a,xPosition:n,pinned:s,gos:d,colModel:c,visibleCols:u}),f=function(e,t){const a=t.getCols(),n=e.map(e=>a.indexOf(e)).sort((e,t)=>e-t),r=n[0],i=(0,o._last)(n);return i-r!==n.length-1?null:r}(p,c);if(0===m.length)return;const v=m[0];if(null!==f&&(t||!i)&&!l){if(!a&&v>=f)return;if(a&&v<=f)return}const b=function(e,t,a,n){const i=n.allCols;let l=null,s=null;for(let n=0;n<e.length;n++){const d=e[n],c=a.getProposedColumnOrder(t,d);if(!a.doesOrderPassRules(c))continue;const g=c.filter(e=>i.includes(e));if(null===s)s=g;else if(!(0,o._areEqual)(g,s))break;const u=r(c);(null===l||u<l.fragCount)&&(l={move:d,fragCount:u})}return l}(m,p,g,u);if(!b)return;const C=b.move;return C>c.getCols().length-p.length?void 0:{columns:p,toIndex:C}}function r(e){function t(e){const t=[];let a=e.getOriginalParent();for(;null!=a;)t.push(a),a=a.getOriginalParent();return t}let a=0;for(let o=0;o<e.length-1;o++){let n=t(e[o]),r=t(e[o+1]);[n,r]=n.length>r.length?[n,r]:[r,n];for(const e of n)-1===r.indexOf(e)&&a++}return a}t.getBestColumnMoveIndexFromXPosition=n,t.attemptMoveColumns=function(e){const{columns:t,toIndex:a}=n(e)||{},{finished:o,colMoves:r}=e;return t&&null!=a?(r.moveColumns(t,a,"uiColumnMoved",o),o?null:{columns:t,toIndex:a}):null},t.normaliseX=function(e){const{pinned:t,fromKeyboard:a,gos:o,ctrlsSvc:n,useHeaderRow:r,skipScrollPadding:i}=e;let l=n.getHeaderRowContainerCtrl(t)?.eViewport,{x:s}=e;return l?(a&&(s-=l.getBoundingClientRect().left),o.get("enableRtl")&&(r&&(l=l.querySelector(".ag-header-row")),s=l.clientWidth-s),null!=t||i||(s+=n.get("center").getCenterViewportScrollLeft()),s):0},t.setColumnsMoving=function(e,t){for(const a of e)a.moving=t,a.dispatchColEvent("movingChanged","uiColumnMoved")}},19686:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.setColumnWidths=void 0,t.setColumnWidths=function(e,t,a=!0,o="api"){e.colResize?.setColumnWidths(t,!1,a,o)}},96924:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.ColumnResizeModule=void 0;const o=a(24388),n=a(40447),r=a(97205),i=a(19686),l=a(69677);t.ColumnResizeModule={moduleName:"ColumnResize",version:r.VERSION,beans:[l.ColumnResizeService],apiFunctions:{setColumnWidths:i.setColumnWidths},dependsOn:[o.HorizontalResizeModule,n.AutoWidthModule]}},69677:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.ColumnResizeService=void 0;const o=a(72934),n=a(68731),r=a(47764),i=a(79033),l=a(67438);class s extends n.BeanStub{constructor(){super(...arguments),this.beanName="colResize"}setColumnWidths(e,t,a,o){const n=[],{colModel:r,gos:i,visibleCols:l}=this.beans;for(const a of e){const e=r.getColDefCol(a.key)||r.getCol(a.key);if(!e)continue;n.push({width:a.newWidth,ratios:[1],columns:[e]});if("shift"===i.get("colResizeDefault")&&(t=!t),t){const t=l.getColAfter(e);if(!t)continue;const o=e.getActualWidth()-a.newWidth,r=t.getActualWidth()+o;n.push({width:r,ratios:[1],columns:[t]})}}0!==n.length&&this.resizeColumnSets({resizeSets:n,finished:a,source:o})}resizeColumnSets(e){const{resizeSets:t,finished:a,source:n}=e;if(!(!t||t.every(e=>function(e){const{columns:t,width:a}=e;let o=0,n=0,r=!0;for(const e of t){o+=e.getMinWidth()||0;const t=e.getMaxWidth();t>0?n+=t:r=!1}const i=!r||a<=n;return a>=o&&i}(e)))){if(a){const e=t&&t.length>0?t[0].columns:null;(0,o.dispatchColumnResizedEvent)(this.eventSvc,e,a,n)}return}const i=[],l=[];for(const e of t){const{width:t,columns:a,ratios:o}=e,s={},d={};for(const e of a)l.push(e);let c=!0,g=0;for(;c;){if(g++,g>1e3){(0,r._error)(31);break}c=!1;const e=[];let n=0,i=t;a.forEach((t,a)=>{if(d[t.getId()])i-=s[t.getId()];else{e.push(t);const r=o[a];n+=r}});const l=1/n;e.forEach((a,n)=>{let r;n===e.length-1?r=i:(r=Math.round(o[n]*t*l),i-=r);const g=a.getMinWidth(),u=a.getMaxWidth();r<g?(r=g,d[a.getId()]=!0,c=!0):u>0&&r>u&&(r=u,d[a.getId()]=!0,c=!0),s[a.getId()]=r})}for(const e of a){const t=s[e.getId()];e.getActualWidth()!==t&&(e.setActualWidth(t,n),i.push(e))}}const s=i.length>0;let d=[];if(s){const{colFlex:e,visibleCols:t,colViewport:a}=this.beans;d=e?.refreshFlexedColumns({resizingCols:l,skipSetLeft:!0})??[],t.setLeftValues(n),t.updateBodyWidths(),a.checkViewportColumns()}const c=l.concat(d);(s||a)&&(0,o.dispatchColumnResizedEvent)(this.eventSvc,c,a,n,d)}resizeHeader(e,t,a){if(!e.isResizable())return;const o=e.getActualWidth(),n=e.getMinWidth(),r=e.getMaxWidth(),i=Math.min(Math.max(o+t,n),r);this.setColumnWidths([{key:e,newWidth:i}],a,!0,"uiColumnResized")}createResizeFeature(e,t,a,o,n){return new l.ResizeFeature(e,t,a,o,n)}createGroupResizeFeature(e,t,a,o){return new i.GroupResizeFeature(e,t,a,o)}}t.ColumnResizeService=s},79033:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.GroupResizeFeature=void 0;const o=a(68731);class n extends o.BeanStub{constructor(e,t,a,o){super(),this.comp=e,this.eResize=t,this.pinned=a,this.columnGroup=o}postConstruct(){if(!this.columnGroup.isResizable())return void this.comp.setResizableDisplayed(!1);const{horizontalResizeSvc:e,gos:t,colAutosize:a}=this.beans,o=e.addResizeBar({eResizeBar:this.eResize,onResizeStart:this.onResizeStart.bind(this),onResizing:this.onResizing.bind(this,!1),onResizeEnd:this.onResizing.bind(this,!0)});this.addDestroyFunc(o),!t.get("suppressAutoSize")&&a&&this.addDestroyFunc(a.addColumnGroupResize(this.eResize,this.columnGroup,()=>this.resizeLeafColumnsToFit("uiColumnResized")))}onResizeStart(e){const{columnsToResize:t,resizeStartWidth:a,resizeRatios:o,groupAfterColumns:n,groupAfterStartWidth:r,groupAfterRatios:i}=this.getInitialValues(e);this.resizeCols=t,this.resizeStartWidth=a,this.resizeRatios=o,this.resizeTakeFromCols=n,this.resizeTakeFromStartWidth=r,this.resizeTakeFromRatios=i,this.toggleColumnResizing(!0)}onResizing(e,t,a="uiColumnResized"){const o=this.normaliseDragChange(t),n=this.resizeStartWidth+o;this.resizeColumnsFromLocalValues(n,a,e)}getInitialValues(e){const t=e=>e.reduce((e,t)=>e+t.getActualWidth(),0),a=(e,t)=>e.map(e=>e.getActualWidth()/t),o=this.getColumnsToResize(),n=t(o),r={columnsToResize:o,resizeStartWidth:n,resizeRatios:a(o,n)};let i=null;if(e&&(i=this.beans.colGroupSvc?.getGroupAtDirection(this.columnGroup,"After")??null),i){const e=i.getDisplayedLeafColumns(),o=r.groupAfterColumns=e.filter(e=>e.isResizable()),n=r.groupAfterStartWidth=t(o);r.groupAfterRatios=a(o,n)}else r.groupAfterColumns=void 0,r.groupAfterStartWidth=void 0,r.groupAfterRatios=void 0;return r}resizeLeafColumnsToFit(e){const t=this.beans.autoWidthCalc.getPreferredWidthForColumnGroup(this.columnGroup),a=this.getInitialValues();t>a.resizeStartWidth&&this.resizeColumns(a,t,e,!0)}resizeColumnsFromLocalValues(e,t,a=!0){if(!this.resizeCols||!this.resizeRatios)return;const o={columnsToResize:this.resizeCols,resizeStartWidth:this.resizeStartWidth,resizeRatios:this.resizeRatios,groupAfterColumns:this.resizeTakeFromCols,groupAfterStartWidth:this.resizeTakeFromStartWidth,groupAfterRatios:this.resizeTakeFromRatios};this.resizeColumns(o,e,t,a)}resizeColumns(e,t,a,o=!0){const{columnsToResize:n,resizeStartWidth:r,resizeRatios:i,groupAfterColumns:l,groupAfterStartWidth:s,groupAfterRatios:d}=e,c=[];if(c.push({columns:n,ratios:i,width:t}),l){const e=t-r;c.push({columns:l,ratios:d,width:s-e})}this.beans.colResize?.resizeColumnSets({resizeSets:c,finished:o,source:a}),o&&this.toggleColumnResizing(!1)}toggleColumnResizing(e){this.comp.toggleCss("ag-column-resizing",e)}getColumnsToResize(){return this.columnGroup.getDisplayedLeafColumns().filter(e=>e.isResizable())}normaliseDragChange(e){let t=e;return this.gos.get("enableRtl")?"left"!==this.pinned&&(t*=-1):"right"===this.pinned&&(t*=-1),t}destroy(){super.destroy(),this.resizeCols=void 0,this.resizeRatios=void 0,this.resizeTakeFromCols=void 0,this.resizeTakeFromRatios=void 0}}t.GroupResizeFeature=n},67438:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.ResizeFeature=void 0;const o=a(1956),n=a(68731);class r extends n.BeanStub{constructor(e,t,a,o,n){super(),this.pinned=e,this.column=t,this.eResize=a,this.comp=o,this.ctrl=n}postConstruct(){const e=[];let t,a;const n=()=>{if((0,o._setDisplayed)(this.eResize,t),!t)return;const{horizontalResizeSvc:n,colAutosize:r}=this.beans,i=n.addResizeBar({eResizeBar:this.eResize,onResizeStart:this.onResizeStart.bind(this),onResizing:this.onResizing.bind(this,!1),onResizeEnd:this.onResizing.bind(this,!0)});e.push(i),a&&r&&e.push(r.addColumnAutosizeListeners(this.eResize,this.column))},r=()=>{for(const t of e)t();e.length=0},i=()=>{const e=this.column.isResizable(),o=!this.gos.get("suppressAutoSize")&&!this.column.getColDef().suppressAutoSize;(e!==t||o!==a)&&(t=e,a=o,r(),n())};i(),this.addDestroyFunc(r),this.ctrl.setRefreshFunction("resize",i)}onResizing(e,t){const{column:a,lastResizeAmount:n,resizeStartWidth:r,beans:i}=this,l=this.normaliseResizeAmount(t),s=[{key:a,newWidth:r+l}],{pinnedCols:d,ctrlsSvc:c,colResize:g}=i;if(this.column.getPinned()){if((d?.leftWidth??0)+(d?.rightWidth??0)+(l-n)>(0,o._getInnerWidth)(c.getGridBodyCtrl().eBodyViewport)-50)return}this.lastResizeAmount=l,g?.setColumnWidths(s,this.resizeWithShiftKey,e,"uiColumnResized"),e&&this.toggleColumnResizing(!1)}onResizeStart(e){this.resizeStartWidth=this.column.getActualWidth(),this.lastResizeAmount=0,this.resizeWithShiftKey=e,this.toggleColumnResizing(!0)}toggleColumnResizing(e){this.column.resizing=e,this.comp.toggleCss("ag-column-resizing",e)}normaliseResizeAmount(e){let t=e;const a="left"!==this.pinned,o="right"===this.pinned;return this.gos.get("enableRtl")?a&&(t*=-1):o&&(t*=-1),t}}t.ResizeFeature=r},73600:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.BaseColsService=void 0;const o=a(79909),n=a(68731),r=a(72934);class i extends n.BeanStub{constructor(){super(...arguments),this.dispatchColumnChangedEvent=r.dispatchColumnChangedEvent,this.columns=[],this.columnIndexMap={},this.updateIndexMap=()=>{this.columnIndexMap={},this.columns.forEach((e,t)=>this.columnIndexMap[e.getId()]=t)}}wireBeans(e){this.colModel=e.colModel,this.aggFuncSvc=e.aggFuncSvc,this.visibleCols=e.visibleCols,this.groupHierarchCols=e.groupHierarchyColSvc}sortColumns(e){const{groupHierarchCols:t}=this;this.columns.sort((a,o)=>t?.compareVirtualColumns(a,o)??e(a,o)),this.updateIndexMap()}setColumns(e,t){this.setColList(e,this.columns,this.eventName,!0,!0,this.columnProcessors.set,t)}addColumns(e,t){this.updateColList(e,this.columns,!0,!0,this.columnProcessors.add,this.eventName,t)}removeColumns(e,t){this.updateColList(e,this.columns,!1,!0,this.columnProcessors.remove,this.eventName,t)}getColumnIndex(e){return this.columnIndexMap[e]}setColList(e=[],t,a,o,n,r,i){const l=this.colModel.getCols();if(!l||0===l.length)return;const s=new Map;t.forEach((e,t)=>s.set(e,t)),t.length=0;for(const a of e){const e=this.colModel.getColDefCol(a);e&&t.push(e)}t.forEach((e,t)=>{const a=s.get(e);void 0!==a?o&&a!==t||s.delete(e):s.set(e,0)}),this.updateIndexMap();const d=this.colModel.getColDefCols();for(const e of d??[]){r(e,t.indexOf(e)>=0,i)}n&&this.colModel.refreshCols(!1,i),this.visibleCols.refresh(i),this.dispatchColumnChangedEvent(this.eventSvc,a,[...s.keys()],i)}updateColList(e=[],t,a,n,r,i,l){if(!e||0===e.length)return;let s=!1;const d=new Set;for(const n of e){if(!n)continue;const e=this.colModel.getColDefCol(n);if(e){if(d.add(e),a){if(t.indexOf(e)>=0)continue;t.push(e)}else{const a=t.indexOf(e);if(a<0)continue;for(let e=a+1;e<t.length;e++)d.add(t[e]);(0,o._removeFromArray)(t,e)}r(e,a,l),s=!0}}if(!s)return;this.updateIndexMap(),n&&this.colModel.refreshCols(!1,l),this.visibleCols.refresh(l);const c=Array.from(d);this.eventSvc.dispatchEvent({type:i,columns:c,column:1===c.length?c[0]:null,source:l})}extractCols(e,t=[]){const a=this.columns,o=[],n=[],{setFlagFunc:r,getIndexFunc:i,getInitialIndexFunc:l,getValueFunc:s,getInitialValueFunc:d}=this.columnExtractors,c=this.colModel.getColDefCols();for(const e of c??[]){const r=!t.includes(e),c=e.getColDef(),g=s(c),u=d(c),h=i(c),p=l(c);let m;if(m=void 0!==g?g:void 0!==h?null!==h&&h>=0:r?void 0!==u?u:!!(void 0!==p)&&(null!=p&&p>=0):a.indexOf(e)>=0,m){(r?null!=h||null!=p:null!=h)?o.push(e):n.push(e)}}const g=e=>{const t=e.getColDef();return i(t)??l(t)};o.sort((e,t)=>g(e)-g(t));const u=[],h=this.groupHierarchCols,p=e=>{h?h.expandColumnInto(u,e):u.push(e)};o.forEach(p);for(const e of a)n.indexOf(e)>=0&&p(e);for(const e of n)u.indexOf(e)<0&&p(e);for(const t of a)u.indexOf(t)<0&&r(t,!1,e);for(const t of u)a.indexOf(t)<0&&r(t,!0,e);return this.columns=u,this.updateIndexMap(),this.columns}restoreColumnOrder(e,t){const a=this.columns,o=this.colModel.getColDefCols();if(!a.length||!o)return e;const n=Object.keys(t),r=new Set(n),i=new Set(n),l=new Set(a.map(e=>{const t=e.getColId();return i.delete(t),t}).concat(n)),s=[],d={};let c=0;for(let e=0;e<o.length;e++){const t=o[e].getColId();l.has(t)&&(s.push(t),d[t]=c++)}let g=1e3,u=!1,h=0;const p=this.columnOrdering.enableProp,m=this.columnOrdering.initialEnableProp,f=this.columnOrdering.indexProp,v=this.columnOrdering.initialIndexProp,b=e=>{const a=d[e];for(let e=h;e<a;e++){const a=s[e];i.has(a)&&(t[a][f]=g++,i.delete(a))}h=a};for(const o of a){const a=o.getColId();if(r.has(a))b(a),t[a][f]=g++;else{const n=o.getColDef();if(null===n[f]||void 0===n[f]&&null==n[v]){if(!u){if(n[p]||void 0===n[p]&&n[m])b(a);else{for(const e of i)t[e][f]=g+d[e];g+=s.length,u=!0}}e[a]||(e[a]={colId:a}),e[a][f]=g++}}}return e}}t.BaseColsService=i},68763:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.getAllDisplayedVirtualColumns=t.getAllDisplayedColumns=t.getDisplayedRightColumns=t.getDisplayedCenterColumns=t.getDisplayedLeftColumns=t.getAllGridColumns=t.setColumnsPinned=t.setColumnsVisible=t.getDisplayedColBefore=t.getDisplayedColAfter=t.isPinningRight=t.isPinningLeft=t.isPinning=t.resetColumnState=t.getColumnState=t.applyColumnState=t.getColumns=t.getColumn=t.getDisplayNameForColumn=t.getColumnDefs=t.getColumnDef=void 0;const o=a(2885);t.getColumnDef=function(e,t){const a=e.colModel.getColDefCol(t);return a?a.getColDef():null},t.getColumnDefs=function(e){return e.colModel.getColumnDefs(!0)},t.getDisplayNameForColumn=function(e,t,a){return e.colNames.getDisplayNameForColumn(t,a)||""},t.getColumn=function(e,t){return e.colModel.getColDefCol(t)},t.getColumns=function(e){return e.colModel.getColDefCols()},t.applyColumnState=function(e,t){return(0,o._applyColumnState)(e,t,"api")},t.getColumnState=function(e){return(0,o._getColumnState)(e)},t.resetColumnState=function(e){(0,o._resetColumnState)(e,"api")},t.isPinning=function(e){return e.visibleCols.isPinningLeft()||e.visibleCols.isPinningRight()},t.isPinningLeft=function(e){return e.visibleCols.isPinningLeft()},t.isPinningRight=function(e){return e.visibleCols.isPinningRight()},t.getDisplayedColAfter=function(e,t){return e.visibleCols.getColAfter(t)},t.getDisplayedColBefore=function(e,t){return e.visibleCols.getColBefore(t)},t.setColumnsVisible=function(e,t,a){e.colModel.setColsVisible(t,a,"api")},t.setColumnsPinned=function(e,t,a){e.pinnedCols?.setColsPinned(t,a,"api")},t.getAllGridColumns=function(e){return e.colModel.getCols()},t.getDisplayedLeftColumns=function(e){return e.visibleCols.leftCols},t.getDisplayedCenterColumns=function(e){return e.visibleCols.centerCols},t.getDisplayedRightColumns=function(e){return e.visibleCols.rightCols},t.getAllDisplayedColumns=function(e){return e.visibleCols.allCols},t.getAllDisplayedVirtualColumns=function(e){return e.colViewport.getViewportColumns()}},44604:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.ColumnDefFactory=t._deepCloneDefinition=void 0;const o=a(68731),n=a(66021);function r(e,t){if(!e)return;const a=e,o={};for(const e of Object.keys(a)){if(t&&t.indexOf(e)>=0||n.SKIP_JS_BUILTINS.has(e))continue;const i=a[e],l="object"==typeof i&&null!==i&&i.constructor===Object;o[e]=l?r(i):i}return o}t._deepCloneDefinition=r;class i extends o.BeanStub{constructor(){super(...arguments),this.beanName="colDefFactory"}wireBeans(e){this.rowGroupColsSvc=e.rowGroupColsSvc,this.pivotColsSvc=e.pivotColsSvc}getColumnDefs(e,t,a,o,n=!1){const r=e.slice();t?r.sort((e,t)=>a.indexOf(e)-a.indexOf(t)):(a||n)&&r.sort((e,t)=>o.indexOf(e)-o.indexOf(t));const i=this.rowGroupColsSvc?.columns,l=this.pivotColsSvc?.columns;return this.buildColumnDefs(r,i,l)}buildColumnDefs(e,t=[],a=[]){const o=[],n={};for(const r of e){let e=!0,i=this.createDefFromColumn(r,t,a),l=r.getOriginalParent(),s=null;for(;l;){let t=null;if(l.isPadding()){l=l.getOriginalParent();continue}const a=n[l.getGroupId()];if(a){a.children.push(i),e=!1;break}if(t=this.createDefFromGroup(l),t&&(t.children=[i],n[t.groupId]=t,i=t,l=l.getOriginalParent()),null!=l&&s===l){e=!1;break}s=l}e&&o.push(i)}return o}createDefFromGroup(e){const t=r(e.getColGroupDef(),["children"]);return t&&(t.groupId=e.getGroupId()),t}createDefFromColumn(e,t,a){const o=r(e.getColDef());return o.colId=e.getColId(),o.width=e.getActualWidth(),o.rowGroup=e.isRowGroupActive(),o.rowGroupIndex=e.isRowGroupActive()?t.indexOf(e):null,o.pivot=e.isPivotActive(),o.pivotIndex=e.isPivotActive()?a.indexOf(e):null,o.aggFunc=e.isValueActive()?e.getAggFunc():null,o.hide=!e.isVisible()||void 0,o.pinned=e.isPinned()?e.getPinned():null,o.sort=e.getSort()?e.getSort():null,o.sortIndex=null!=e.getSortIndex()?e.getSortIndex():null,o}}t.ColumnDefFactory=i},72934:function(e,t){function a(e,t){if(!e||0==e.length)return;const a=t(e[0]);for(let o=1;o<e.length;o++)if(a!==t(e[o]))return;return a}Object.defineProperty(t,"__esModule",{value:!0}),t.dispatchColumnResizedEvent=t.dispatchColumnChangedEvent=t.dispatchColumnVisibleEvent=t.dispatchColumnPinnedEvent=void 0,t.dispatchColumnPinnedEvent=function(e,t,o){if(!t.length)return;const n=1===t.length?t[0]:null,r=a(t,e=>e.getPinned());e.dispatchEvent({type:"columnPinned",pinned:null!=r?r:null,columns:t,column:n,source:o})},t.dispatchColumnVisibleEvent=function(e,t,o){if(!t.length)return;const n=1===t.length?t[0]:null,r=a(t,e=>e.isVisible());e.dispatchEvent({type:"columnVisible",visible:r,columns:t,column:n,source:o})},t.dispatchColumnChangedEvent=function(e,t,a,o){e.dispatchEvent({type:t,columns:a,column:a&&1==a.length?a[0]:null,source:o})},t.dispatchColumnResizedEvent=function(e,t,a,o,n=null){t?.length&&e.dispatchEvent({type:"columnResized",columns:t,column:1===t.length?t[0]:null,flexColumns:n,finished:a,source:o})}},82716:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.depthFirstOriginalTreeSearch=t._addColumnDefaultAndTypes=t._updateColumnState=t.updateSomeColumnState=t._recursivelyCreateColumns=t._createColumnTree=t._createColumnTreeWithIds=void 0;const o=a(13355),n=a(79409),r=a(35449),i=a(67274),l=a(66021),s=a(47764),d=a(70820),c=a(2294),g=a(73146),u=(e,t)=>{(0,n.isProvidedColumnGroup)(e)&&e.setupExpandable(),e.originalParent=t};function h(e){const t=[],a=[],o=[];return e&&w(null,e,e=>{if((0,n.isProvidedColumnGroup)(e)){const t=e;a.push(t)}else{const a=e;o.push(a.getId()),t.push(a)}}),{existingCols:t,existingGroups:a,existingColKeys:o}}function p(e,t,a,o,n,r,i,l){if(!t)return[];const{colGroupSvc:s}=e,d=new Array(t.length);for(let c=0;c<d.length;c++){const g=t[c];s&&C(g)?d[c]=s.createProvidedColumnGroup(o,g,a,n,r,i,l):d[c]=m(e,o,g,n,r,l)}return d}function m(e,t,a,n,r,i){const l=function(e,t){if(!t)return;for(let a=0;a<t.length;a++){const o=t[a].getUserProvidedColDef();if(!o)continue;if(null!=e.colId){if(t[a].getId()===e.colId)return{idx:a,column:t[a]};continue}if(null!=e.field){if(o.field===e.field)return{idx:a,column:t[a]}}else if(o===e)return{idx:a,column:t[a]}}return}(a,n);l&&n?.splice(l.idx,1);let s=l?.column;if(s){const t=b(e,a,s.getColId());s.setColDef(t,a,i),v(e,s,t,i)}else{const n=r.getUniqueKey(a.colId,a.field),i=b(e,a,n);s=new o.AgColumn(i,a,n,t),e.context.createBean(s)}return e.dataTypeSvc?.addColumnListeners(s),s}function f(e,t,a,o,n,r,i,l){const{sortSvc:s,pinnedCols:d,colFlex:c}=e;void 0!==a&&t.setVisible(!a,l),s&&(s.updateColSort(t,o,l),void 0!==n&&s.setColSortIndex(t,n)),void 0!==r&&d?.setColPinned(t,r),void 0!==i&&c?.setColFlex(t,i)}function v(e,t,a,o){f(e,t,a.hide,a.sort,a.sortIndex,a.pinned,a.flex,o);const n=t.getFlex();if(!(null!=n&&n>0))if(null!=a.width)t.setActualWidth(a.width,o);else{const e=t.getActualWidth();t.setActualWidth(e,o)}}function b(e,t,a,o){const{gos:n,dataTypeSvc:d}=e,c={},u=n.get("defaultColDef");(0,l._mergeDeep)(c,u,!1,!0);const h=function(e,t,a,o){const n=e.dataTypeSvc?.updateColDefAndGetColumnType(t,a,o),r=a.type??n??t.type;return t.type=r,r?(0,g.convertColumnTypes)(r):void 0}(e,c,t,a);h&&function(e,t,a){if(!t.length)return;const o=Object.assign({},r.DefaultColumnTypes),n=e.gos.get("columnTypes")||{};for(const e of Object.keys(n)){const t=n[e];if(e in o)(0,s._warn)(34,{key:e});else{t.type&&(0,s._warn)(35),o[e]=t}}for(const e of t){const t=o[e.trim()];t?(0,l._mergeDeep)(a,t,!1,!0):(0,s._warn)(36,{t:e})}}(e,h,c);const p=c.cellDataType;(0,l._mergeDeep)(c,t,!1,!0),void 0!==p&&(c.cellDataType=p);const m=n.get("autoGroupColumnDef"),f=(0,i._isColumnsSortingCoupledToGroup)(n);return t.rowGroup&&m&&f&&(0,l._mergeDeep)(c,{sort:m.sort,initialSort:m.initialSort},!1,!0),d&&(d.postProcess(c),d.validateColDef(c)),n.validateColDef(c,a,o),c}function C(e){return void 0!==e.children}function w(e,t,a){if(t)for(let o=0;o<t.length;o++){const r=t[o];(0,n.isProvidedColumnGroup)(r)&&w(r,r.getChildren(),a),a(r,e)}}t._createColumnTreeWithIds=function(e,t=null,a,r,i){const{existingCols:l,existingGroups:s}=h(r),c=new Map(l.map(e=>[e.getId(),e])),g=new Map(s.map(e=>[e.getId(),e]));let p=0;const m=(t,r)=>{if(p=Math.max(p,r),C(t)){if(!e.colGroupSvc)return null;const a=t.groupId,o=g.get(a),i=(0,d.createMergedColGroupDef)(e,t,a),l=new n.AgProvidedColumnGroup(i,a,!1,r);return e.context.createBean(l),o&&l.setExpanded(o.isExpanded()),l.setChildren(t.children.map(e=>m(e,r+1))),l}const l=t.colId;let s=c.get(l);const u=b(e,t,s?.getColId()??l);return s?(s.setColDef(u,t,i),v(e,s,u,i)):(s=new o.AgColumn(u,t,l,a),e.context.createBean(s)),e.dataTypeSvc?.addColumnListeners(s),s},f=t?.map(e=>m(e,0))??[];let y=0;const S={getUniqueKey:(e,t)=>String(++y)},k=e.colGroupSvc?e.colGroupSvc.balanceColumnTree(f,0,p,S):f;return w(null,k,u),{columnTree:k,treeDepth:p}},t._createColumnTree=function(e,t=null,a,o,n){const r=new c.ColumnKeyCreator,{existingCols:i,existingGroups:l,existingColKeys:s}=h(o);r.addExistingKeys(s);const d=p(e,t,0,a,i,r,l,n),{colGroupSvc:g}=e,m=g?.findMaxDepth(d,0)??0,f=g?g.balanceColumnTree(d,0,m,r):d;return w(null,f,u),{columnTree:f,treeDepth:m}},t._recursivelyCreateColumns=p,t.updateSomeColumnState=f,t._updateColumnState=v,t._addColumnDefaultAndTypes=b,t.depthFirstOriginalTreeSearch=w},82849:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.ColumnFlexService=void 0;const o=a(68731),n=a(72934);class r extends o.BeanStub{constructor(){super(...arguments),this.beanName="colFlex",this.columnsHidden=!1}refreshFlexedColumns(e={}){const t=e.source??"flex";null!=e.viewportWidth&&(this.flexViewportWidth=e.viewportWidth);const a=this.flexViewportWidth,{visibleCols:o,colDelayRenderSvc:r}=this.beans,i=o.centerCols;let l=-1;if(e.resizingCols){const t=new Set(e.resizingCols);for(let e=i.length-1;e>=0;e--)if(t.has(i[e])){l=e;break}}let s=!1;const d=i.map((e,t)=>{const a=e.getFlex(),o=null!=a&&a>0&&t>l;return s||(s=o),{col:e,isFlex:o,flex:Math.max(0,a??0),initialSize:e.getActualWidth(),min:e.getMinWidth(),max:e.getMaxWidth(),targetSize:0}});if(s?(r?.hideColumns("colFlex"),this.columnsHidden=!0):this.columnsHidden&&this.revealColumns(r),!a||!s)return[];let c=d.length,g=d.reduce((e,t)=>e+t.flex,0),u=a;const h=(e,a)=>{e.frozenSize=a,e.col.setActualWidth(a,t),u-=a,g-=e.flex,c-=1},p=e=>null!=e.frozenSize;for(const e of d)e.isFlex||h(e,e.initialSize);for(;c>0;){const e=Math.round(g<1?u*g:u);let t,a=0,o=0;for(const n of d){if(p(n))continue;t=n,o+=e*(n.flex/g);const r=o-a,i=Math.round(r);n.targetSize=i,a+=i}t&&(t.targetSize+=e-a);let n=0;for(const e of d){if(p(e))continue;const t=e.targetSize,a=Math.min(Math.max(t,e.min),e.max);n+=a-t,e.violationType=a===t?void 0:a<t?"max":"min",e.targetSize=a}const r=0===n?"all":n>0?"min":"max";for(const e of d)p(e)||"all"!==r&&e.violationType!==r||h(e,e.targetSize)}e.skipSetLeft||o.setLeftValues(t),e.updateBodyWidths&&o.updateBodyWidths();const m=d.filter(e=>e.isFlex&&!e.violationType).map(e=>e.col);if(e.fireResizedEvent){const e=d.filter(e=>e.initialSize!==e.frozenSize).map(e=>e.col),a=d.filter(e=>e.flex).map(e=>e.col);(0,n.dispatchColumnResizedEvent)(this.eventSvc,e,!0,t,a)}return this.revealColumns(r),m}revealColumns(e){this.columnsHidden&&(e?.revealColumns("colFlex"),this.columnsHidden=!1)}initCol(e){const{flex:t,initialFlex:a}=e.colDef;void 0!==t?e.flex=t:void 0!==a&&(e.flex=a)}setColFlex(e,t){e.flex=t??null,e.dispatchStateUpdatedEvent("flex")}}t.ColumnFlexService=r},66641:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.getAllDisplayedColumnGroups=t.getRightDisplayedColumnGroups=t.getCenterDisplayedColumnGroups=t.getLeftDisplayedColumnGroups=t.resetColumnGroupState=t.setColumnGroupState=t.getColumnGroupState=t.getDisplayNameForColumnGroup=t.getProvidedColumnGroup=t.getColumnGroup=t.setColumnGroupOpened=void 0,t.setColumnGroupOpened=function(e,t,a){e.colGroupSvc?.setColumnGroupOpened(t,a,"api")},t.getColumnGroup=function(e,t,a){return e.colGroupSvc?.getColumnGroup(t,a)??null},t.getProvidedColumnGroup=function(e,t){return e.colGroupSvc?.getProvidedColGroup(t)??null},t.getDisplayNameForColumnGroup=function(e,t,a){return e.colNames.getDisplayNameForColumnGroup(t,a)||""},t.getColumnGroupState=function(e){return e.colGroupSvc?.getColumnGroupState()??[]},t.setColumnGroupState=function(e,t){e.colGroupSvc?.setColumnGroupState(t,"api")},t.resetColumnGroupState=function(e){e.colGroupSvc?.resetColumnGroupState("api")},t.getLeftDisplayedColumnGroups=function(e){return e.visibleCols.treeLeft},t.getCenterDisplayedColumnGroups=function(e){return e.visibleCols.treeCenter},t.getRightDisplayedColumnGroups=function(e){return e.visibleCols.treeRight},t.getAllDisplayedColumnGroups=function(e){return e.visibleCols.getAllTrees()}},66041:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.ColumnGroupModule=void 0;const o=a(60084),n=a(97205),r=a(66641),i=a(66266);t.ColumnGroupModule={moduleName:"ColumnGroup",version:n.VERSION,dynamicBeans:{headerGroupCellCtrl:o.HeaderGroupCellCtrl},beans:[i.ColumnGroupService],apiFunctions:{getAllDisplayedColumnGroups:r.getAllDisplayedColumnGroups,getCenterDisplayedColumnGroups:r.getCenterDisplayedColumnGroups,getColumnGroup:r.getColumnGroup,getColumnGroupState:r.getColumnGroupState,getDisplayNameForColumnGroup:r.getDisplayNameForColumnGroup,getLeftDisplayedColumnGroups:r.getLeftDisplayedColumnGroups,getProvidedColumnGroup:r.getProvidedColumnGroup,getRightDisplayedColumnGroups:r.getRightDisplayedColumnGroups,resetColumnGroupState:r.resetColumnGroupState,setColumnGroupOpened:r.setColumnGroupOpened,setColumnGroupState:r.setColumnGroupState}}},66266:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.ColumnGroupService=void 0;const o=a(79909),n=a(89097),r=a(68731),i=a(56908),l=a(79409),s=a(82716),d=a(6869),c=a(70820);class g extends r.BeanStub{constructor(){super(...arguments),this.beanName="colGroupSvc"}getColumnGroupState(){const e=[],t=this.beans.colModel.getColTree();return(0,s.depthFirstOriginalTreeSearch)(null,t,t=>{(0,l.isProvidedColumnGroup)(t)&&e.push({groupId:t.getGroupId(),open:t.isExpanded()})}),e}resetColumnGroupState(e){const t=this.beans.colModel.getColDefColTree();if(!t)return;const a=[];(0,s.depthFirstOriginalTreeSearch)(null,t,e=>{if((0,l.isProvidedColumnGroup)(e)){const t=e.getColGroupDef(),o={groupId:e.getGroupId(),open:t?t.openByDefault:void 0};a.push(o)}}),this.setColumnGroupState(a,e)}setColumnGroupState(e,t){const{colModel:a,colAnimation:o,visibleCols:n,eventSvc:r}=this.beans;if(!a.getColTree().length)return;o?.start();const i=[];for(const t of e){const e=t.groupId,a=t.open,o=this.getProvidedColGroup(e);o&&(o.isExpanded()!==a&&(o.setExpanded(a),i.push(o)))}n.refresh(t,!0),i.length&&r.dispatchEvent({type:"columnGroupOpened",columnGroup:1===i.length?i[0]:void 0,columnGroups:i}),o?.finish()}setColumnGroupOpened(e,t,a){let o;o=(0,l.isProvidedColumnGroup)(e)?e.getId():e||"",this.setColumnGroupState([{groupId:o,open:t}],a)}getProvidedColGroup(e){let t=null;return(0,s.depthFirstOriginalTreeSearch)(null,this.beans.colModel.getColTree(),a=>{(0,l.isProvidedColumnGroup)(a)&&a.getId()===e&&(t=a)}),t}getGroupAtDirection(e,t){const a=e.getProvidedColumnGroup().getLevel()+e.getPaddingLevel(),n=e.getDisplayedLeafColumns(),r="After"===t?(0,o._last)(n):n[0],i=`getCol${t}`;for(;;){const t=this.beans.visibleCols[i](r);if(!t)return null;const o=this.getColGroupAtLevel(t,a);if(o!==e)return o}}getColGroupAtLevel(e,t){let a,o,n=e.getParent();for(;;){if(a=n.getProvidedColumnGroup().getLevel(),o=n.getPaddingLevel(),a+o<=t)break;n=n.getParent()}return n}updateOpenClosedVisibility(){const e=this.beans.visibleCols.getAllTrees();(0,d.depthFirstAllColumnTreeSearch)(e,!1,e=>{(0,i.isColumnGroup)(e)&&e.calculateDisplayedColumns()})}getColumnGroup(e,t){if(!e)return null;if((0,i.isColumnGroup)(e))return e;const a=this.beans.visibleCols.getAllTrees(),o="number"==typeof t;let n=null;return(0,d.depthFirstAllColumnTreeSearch)(a,!1,a=>{if((0,i.isColumnGroup)(a)){const r=a;let i;i=o?e===r.getGroupId()&&t===r.getPartId():e===r.getGroupId(),i&&(n=r)}}),n}createColumnGroups(e){const{columns:t,idCreator:a,pinned:o,oldDisplayedGroups:n,isStandaloneStructure:r}=e,l=this.mapOldGroupsById(n),s=[];let d=t;for(;d.length;){const e=d;d=[];let t=0;const n=n=>{const c=t;t=n;const g=e[c],u=((0,i.isColumnGroup)(g)?g.getProvidedColumnGroup():g).getOriginalParent();if(null==u){for(let t=c;t<n;t++)s.push(e[t]);return}const h=this.createColumnGroup(u,a,l,o,r);for(let t=c;t<n;t++)h.addChild(e[t]);d.push(h)};for(let a=1;a<e.length;a++){const o=e[a],r=((0,i.isColumnGroup)(o)?o.getProvidedColumnGroup():o).getOriginalParent(),l=e[t];r!==((0,i.isColumnGroup)(l)?l.getProvidedColumnGroup():l).getOriginalParent()&&n(a)}t<e.length&&n(e.length)}return r||this.setupParentsIntoCols(s,null),s}createProvidedColumnGroup(e,t,a,o,n,r,i){const d=n.getUniqueKey(t.groupId||null,null),g=(0,c.createMergedColGroupDef)(this.beans,t,d),u=new l.AgProvidedColumnGroup(g,d,!1,a);this.createBean(u);const h=this.findExistingGroup(t,r);h&&r.splice(h.idx,1);const p=h?.group;p&&u.setExpanded(p.isExpanded());const m=(0,s._recursivelyCreateColumns)(this.beans,g.children,a+1,e,o,n,r,i);return u.setChildren(m),u}balanceColumnTree(e,t,a,o){const n=[];for(let r=0;r<e.length;r++){const i=e[r];if((0,l.isProvidedColumnGroup)(i)){const e=i,r=this.balanceColumnTree(e.getChildren(),t+1,a,o);e.setChildren(r),n.push(e)}else{let r,s;for(let e=t;e<a;e++){const t=o.getUniqueKey(null,null),a=(0,c.createMergedColGroupDef)(this.beans,null,t),n=new l.AgProvidedColumnGroup(a,t,!0,e);this.createBean(n),s&&s.setChildren([n]),s=n,r||(r=s)}if(r&&s){n.push(r);if(e.some(e=>(0,l.isProvidedColumnGroup)(e))){s.setChildren([i]);continue}s.setChildren(e);break}n.push(i)}}return n}findDepth(e){let t=0,a=e;for(;a?.[0]&&(0,l.isProvidedColumnGroup)(a[0]);)t++,a=a[0].getChildren();return t}findMaxDepth(e,t){let a=t;for(let o=0;o<e.length;o++){const n=e[o];if((0,l.isProvidedColumnGroup)(n)){const e=n,o=this.findMaxDepth(e.getChildren(),t+1);a<o&&(a=o)}}return a}balanceTreeForAutoCols(e,t){const a=[];for(const o of e){let e=o;for(let a=t-1;a>=0;a--){const t=new l.AgProvidedColumnGroup(null,`FAKE_PATH_${o.getId()}}_${a}`,!0,a);this.createBean(t),t.setChildren([e]),e.originalParent=t,e=t}0===t&&(o.originalParent=null),a.push(e)}return a}findExistingGroup(e,t){if(null!=e.groupId)for(let a=0;a<t.length;a++){const o=t[a];if(o.getColGroupDef()&&o.getId()===e.groupId)return{idx:a,group:o}}}createColumnGroup(e,t,a,o,r){const l=e.getGroupId(),s=t.getInstanceIdForKey(l);let d=a[(0,i.createUniqueColumnGroupId)(l,s)];return d&&d.getProvidedColumnGroup()!==e&&(d=null),(0,n._exists)(d)?d.reset():(d=new i.AgColumnGroup(e,l,s,o),r||this.createBean(d)),d}mapOldGroupsById(e){const t={},a=e=>{for(const o of e)if((0,i.isColumnGroup)(o)){const e=o;t[o.getUniqueId()]=e,a(e.getChildren())}};return e&&a(e),t}setupParentsIntoCols(e,t){for(const a of e??[])if(a.parent!==t&&(this.beans.colViewport.colsWithinViewportHash=""),a.parent=t,(0,i.isColumnGroup)(a)){const e=a;this.setupParentsIntoCols(e.getChildren(),e)}}}t.ColumnGroupService=g},70820:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.createMergedColGroupDef=void 0,t.createMergedColGroupDef=function(e,t,a){const o={},n=e.gos;return Object.assign(o,n.get("defaultColGroupDef")),Object.assign(o,t),n.validateColDef(o,a),o}},3156:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.isColumnHovered=void 0,t.isColumnHovered=function(e,t){return!!e.colHover?.isHovered(t)}},41690:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.ColumnHoverModule=void 0;const o=a(97205),n=a(3156),r=a(57683);t.ColumnHoverModule={moduleName:"ColumnHover",version:o.VERSION,beans:[r.ColumnHoverService],apiFunctions:{isColumnHovered:n.isColumnHovered}}},57683:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.ColumnHoverService=void 0;const o=a(68731),n=a(75788);class r extends o.BeanStub{constructor(){super(...arguments),this.beanName="colHover"}postConstruct(){this.addManagedPropertyListener("columnHoverHighlight",({currentValue:e})=>{e||this.clearMouseOver()})}setMouseOver(e){this.updateState(e)}clearMouseOver(){this.updateState(null)}isHovered(e){if(!this.gos.get("columnHoverHighlight"))return!1;const t=this.selectedColumns;return!!t&&t.indexOf(e)>=0}addHeaderColumnHoverListener(e,t,a){const o=()=>{const e=this.isHovered(a);t.toggleCss("ag-column-hover",e)};e.addManagedEventListeners({columnHoverChanged:o}),o()}onCellColumnHover(e,t){if(!t)return;const a=this.isHovered(e);t.toggleCss("ag-column-hover",a)}addHeaderFilterColumnHoverListener(e,t,a,o){this.createHoverFeature(e,[a],o);const n=()=>{const e=this.isHovered(a);t.toggleCss("ag-column-hover",e)};e.addManagedEventListeners({columnHoverChanged:n}),n()}createHoverFeature(e,t,a){e.createManagedBean(new n.HoverFeature(t,a))}updateState(e){this.selectedColumns=e,this.eventSvc.dispatchEvent({type:"columnHoverChanged"})}}t.ColumnHoverService=r},75788:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.HoverFeature=void 0;const o=a(68731);class n extends o.BeanStub{constructor(e,t){super(),this.columns=e,this.element=t,this.destroyManagedListeners=[],this.enableFeature=e=>{const{beans:t,gos:a,element:o,columns:n}=this,r=t.colHover;if(e??!!a.get("columnHoverHighlight"))this.destroyManagedListeners=this.addManagedElementListeners(o,{mouseover:r.setMouseOver.bind(r,n),mouseout:r.clearMouseOver.bind(r)});else{for(const e of this.destroyManagedListeners)e();this.destroyManagedListeners=[]}}}postConstruct(){this.addManagedPropertyListener("columnHoverHighlight",({currentValue:e})=>{this.enableFeature(e)}),this.enableFeature()}destroy(){super.destroy(),this.destroyManagedListeners=null}}t.HoverFeature=n},2294:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.ColumnKeyCreator=void 0;const o=a(89097),n=a(47764);t.ColumnKeyCreator=class{constructor(){this.existingKeys={}}addExistingKeys(e){for(let t=0;t<e.length;t++)this.existingKeys[e[t]]=!0}getUniqueKey(e,t){e=(0,o._toStringOrNull)(e);let a=0;for(;;){let o=e??t;if(o?0!==a&&(o+="_"+a):o=a,!this.existingKeys[o]){const t=String(o);return e&&a>0&&(0,n._warn)(273,{providedId:e,usedId:t}),this.existingKeys[t]=!0,t}a++}}}},72986:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.ColumnModel=void 0;const o=a(79909),n=a(23505),r=a(68731),i=a(13355),l=a(67274),s=a(82716),d=a(2885),c=a(73146);class g extends r.BeanStub{constructor(){super(...arguments),this.beanName="colModel",this.pivotMode=!1,this.ready=!1,this.changeEventsDispatching=!1}postConstruct(){this.pivotMode=this.gos.get("pivotMode"),this.addManagedPropertyListeners(["groupDisplayType","treeData","treeDataDisplayType","groupHideOpenParents","rowNumbers","hidePaddedHeaderRows"],e=>this.refreshAll((0,c._convertColumnEventSourceType)(e.source))),this.addManagedPropertyListeners(["defaultColDef","defaultColGroupDef","columnTypes","suppressFieldDotNotation"],this.recreateColumnDefs.bind(this)),this.addManagedPropertyListener("pivotMode",e=>this.setPivotMode(this.gos.get("pivotMode"),(0,c._convertColumnEventSourceType)(e.source)))}createColsFromColDefs(e){const{beans:t}=this,{valueCache:a,colAutosize:o,rowGroupColsSvc:n,pivotColsSvc:r,valueColsSvc:i,visibleCols:l,eventSvc:g,groupHierarchyColSvc:u}=t,h=this.colDefs?(0,d._compareColumnStatesAndDispatchEvents)(t,e):void 0;a?.expire();const p=this.colDefCols?.list,m=this.colDefCols?.tree,f=(0,s._createColumnTree)(t,this.colDefs,!0,m,e);(0,c._destroyColumnTree)(t,this.colDefCols?.tree,f.columnTree);const v=f.columnTree,b=f.treeDepth,C=(0,c._getColumnsFromTree)(v),w={};for(const e of C)w[e.getId()]=e;this.colDefCols={tree:v,treeDepth:b,list:C,map:w},this.createColumnsForService([u],this.colDefCols,e),n?.extractCols(e,p),r?.extractCols(e,p),i?.extractCols(e,p),this.ready=!0,this.refreshCols(!0,e),l.refresh(e),g.dispatchEvent({type:"columnEverythingChanged",source:e}),h&&(this.changeEventsDispatching=!0,h(),this.changeEventsDispatching=!1),g.dispatchEvent({type:"newColumnsLoaded",source:e}),"gridInitializing"===e&&o?.applyAutosizeStrategy()}refreshCols(e,t){if(!this.colDefCols)return;const a=this.cols?.tree;this.saveColOrder();const{autoColSvc:n,selectionColSvc:r,rowNumbersSvc:i,quickFilter:s,pivotResultCols:d,showRowGroupCols:c,rowAutoHeight:g,visibleCols:u,colViewport:h,eventSvc:p}=this.beans,m=this.selectCols(d,this.colDefCols);this.createColumnsForService([n,r,i],m,t);const f=(0,l._shouldMaintainColumnOrder)(this.gos,this.showingPivotResult);e&&!f||this.restoreColOrder(m),this.positionLockedCols(m),c?.refresh(),s?.refreshCols(),this.setColSpanActive(),g?.setAutoHeightActive(m),u.clear(),h.clear();!(0,o._areEqual)(a,this.cols.tree)&&p.dispatchEvent({type:"gridColumnsChanged"})}createColumnsForService(e,t,a){for(const o of e)o&&(o.createColumns(t,e=>{this.lastOrder=e(this.lastOrder),this.lastPivotOrder=e(this.lastPivotOrder)},a),o.addColumns(t))}selectCols(e,t){const a=e?.getPivotResultCols()??null;this.showingPivotResult=null!=a;const{map:o,list:n,tree:r,treeDepth:i}=a??t;if(this.cols={list:n.slice(),map:{...o},tree:r.slice(),treeDepth:i},a){a.list.some(e=>void 0!==this.cols?.map[e.getColId()])||(this.lastPivotOrder=null)}return this.cols}getColsToShow(){if(!this.cols)return[];const{valueColsSvc:e,selectionColSvc:t,gos:a}=this.beans,o=this.isPivotMode()&&!this.showingPivotResult,n=t?.isSelectionColumnEnabled(),r=a.get("rowNumbers"),i=e?.columns;return this.cols.list.filter(e=>{const t=(0,c.isColumnGroupAutoCol)(e);if(o){const a=i?.includes(e);return t||a||n&&(0,c.isColumnSelectionCol)(e)||r&&(0,c.isRowNumberCol)(e)}return t||e.isVisible()})}refreshAll(e){this.ready&&(this.refreshCols(!1,e),this.beans.visibleCols.refresh(e))}setColsVisible(e,t=!1,a){(0,d._applyColumnState)(this.beans,{state:e.map(e=>({colId:"string"==typeof e?e:e.getColId(),hide:!t}))},a)}restoreColOrder(e){const t=this.showingPivotResult?this.lastPivotOrder:this.lastOrder;if(!t)return;const a=t.filter(t=>null!=e.map[t.getId()]);if(0===a.length)return;if(a.length===e.list.length)return void(e.list=a);const o=e=>{const t=e.getOriginalParent();if(!t)return!1;return t.getChildren().length>1||o(t)};if(!a.some(e=>o(e))){const t=new Set(a);for(const o of e.list)t.has(o)||a.push(o);return void(e.list=a)}const n=new Map;for(let e=0;e<a.length;e++){const t=a[e];n.set(t,e)}const r=e.list.filter(e=>!n.has(e));if(0===r.length)return void(e.list=a);const l=(e,t)=>{const a=t?t.getOriginalParent():e.getOriginalParent();if(!a)return null;let o=null,r=null;for(const l of a.getChildren())if(l!==t&&l!==e){if(l instanceof i.AgColumn){const e=n.get(l);if(null==e)continue;(null==o||o<e)&&(o=e,r=l);continue}l.forEachLeafColumn(e=>{const t=n.get(e);null!=t&&(null==o||o<t)&&(o=t,r=e)})}return null==r?l(e,a):r},s=[],d=new Map;for(const e of r){const t=l(e,null);if(null==t){s.push(e);continue}const a=d.get(t);void 0===a?d.set(t,e):Array.isArray(a)?a.push(e):d.set(t,[a,e])}const c=new Array(e.list.length);let g=c.length-1;for(let e=s.length-1;e>=0;e--)c[g--]=s[e];for(let e=a.length-1;e>=0;e--){const t=a[e],o=d.get(t);if(o)if(Array.isArray(o))for(let e=o.length-1;e>=0;e--){const t=o[e];c[g--]=t}else c[g--]=o;c[g--]=t}e.list=c}positionLockedCols(e){e.list=(0,n.placeLockedColumns)(e.list,this.gos)}saveColOrder(){this.showingPivotResult?this.lastPivotOrder=this.cols?.list??null:this.lastOrder=this.cols?.list??null}getColumnDefs(e){return this.colDefCols&&this.beans.colDefFactory?.getColumnDefs(this.colDefCols.list,this.showingPivotResult,this.lastOrder,this.cols?.list??[],e)}setColSpanActive(){this.colSpanActive=!!this.cols?.list.some(e=>null!=e.getColDef().colSpan)}isPivotMode(){return this.pivotMode}setPivotMode(e,t){if(e===this.pivotMode)return;if(this.pivotMode=e,!this.ready)return;this.refreshCols(!1,t);const{visibleCols:a,eventSvc:o}=this.beans;a.refresh(t),o.dispatchEvent({type:"columnPivotModeChanged"})}isPivotActive(){const e=this.beans.pivotColsSvc?.columns;return this.pivotMode&&!!e?.length}recreateColumnDefs(e){if(!this.cols)return;this.beans.autoColSvc?.updateColumns(e);const t=(0,c._convertColumnEventSourceType)(e.source);this.createColsFromColDefs(t)}setColumnDefs(e,t){this.colDefs=e,this.createColsFromColDefs(t)}destroy(){(0,c._destroyColumnTree)(this.beans,this.colDefCols?.tree),super.destroy()}getColTree(){return this.cols?.tree??[]}getColDefColTree(){return this.colDefCols?.tree??[]}getColDefCols(){return this.colDefCols?.list??null}getCols(){return this.cols?.list??[]}forAllCols(e){const{pivotResultCols:t,autoColSvc:a,selectionColSvc:n,groupHierarchyColSvc:r}=this.beans;(0,o._forAll)(this.colDefCols?.list,e),(0,o._forAll)(a?.columns?.list,e),(0,o._forAll)(n?.columns?.list,e),(0,o._forAll)(r?.columns?.list,e),(0,o._forAll)(t?.getPivotResultCols()?.list,e)}getColsForKeys(e){return e?e.map(e=>this.getCol(e)).filter(e=>null!=e):[]}getColDefCol(e){return this.colDefCols?.list?this.getColFromCollection(e,this.colDefCols):null}getCol(e){return null==e?null:this.getColFromCollection(e,this.cols)}getColById(e){return this.cols?.map[e]??null}getColFromCollection(e,t){if(null==t)return null;const{map:a,list:o}=t;if("string"==typeof e&&a[e])return a[e];for(let t=0;t<o.length;t++)if((0,c._columnsMatch)(o[t],e))return o[t];const{autoColSvc:n,selectionColSvc:r,groupHierarchyColSvc:i}=this.beans;return n?.getColumn(e)??r?.getColumn(e)??i?.getColumn(e)??null}}t.ColumnModel=g},52027:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.ColumnApiModule=t.ColumnFlexModule=t.DataTypeModule=void 0;const o=a(37358),n=a(97205),r=a(68763),i=a(44604),l=a(82849),s=a(96350);t.DataTypeModule={moduleName:"DataType",version:n.VERSION,beans:[s.DataTypeService],dependsOn:[o.CheckboxCellRendererModule]},t.ColumnFlexModule={moduleName:"ColumnFlex",version:n.VERSION,beans:[l.ColumnFlexService]},t.ColumnApiModule={moduleName:"ColumnApi",version:n.VERSION,beans:[i.ColumnDefFactory],apiFunctions:{getColumnDef:r.getColumnDef,getDisplayNameForColumn:r.getDisplayNameForColumn,getColumn:r.getColumn,getColumns:r.getColumns,applyColumnState:r.applyColumnState,getColumnState:r.getColumnState,resetColumnState:r.resetColumnState,isPinning:r.isPinning,isPinningLeft:r.isPinningLeft,isPinningRight:r.isPinningRight,getDisplayedColAfter:r.getDisplayedColAfter,getDisplayedColBefore:r.getDisplayedColBefore,setColumnsVisible:r.setColumnsVisible,setColumnsPinned:r.setColumnsPinned,getAllGridColumns:r.getAllGridColumns,getDisplayedLeftColumns:r.getDisplayedLeftColumns,getDisplayedCenterColumns:r.getDisplayedCenterColumns,getDisplayedRightColumns:r.getDisplayedRightColumns,getAllDisplayedColumns:r.getAllDisplayedColumns,getAllDisplayedVirtualColumns:r.getAllDisplayedVirtualColumns,getColumnDefs:r.getColumnDefs}}},48997:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.ColumnNameService=void 0;const o=a(68731),n=a(67274);class r extends o.BeanStub{constructor(){super(...arguments),this.beanName="colNames"}getDisplayNameForColumn(e,t,a=!1){if(!e)return null;const o=this.getHeaderName(e.getColDef(),e,null,null,t),{aggColNameSvc:n}=this.beans;return a&&n?n.getHeaderName(e,o):o}getDisplayNameForProvidedColumnGroup(e,t,a){const o=t?.getColGroupDef();return o?this.getHeaderName(o,null,e,t,a):null}getDisplayNameForColumnGroup(e,t){return this.getDisplayNameForProvidedColumnGroup(e,e.getProvidedColumnGroup(),t)}getHeaderName(e,t,a,o,r){const i=e.headerValueGetter;if(i){const l=(0,n._addGridCommonParams)(this.gos,{colDef:e,column:t,columnGroup:a,providedColumnGroup:o,location:r});return"function"==typeof i?i(l):"string"==typeof i?this.beans.expressionSvc?.evaluate(i,l)??null:""}return null!=e.headerName?e.headerName:e.field?(l=e.field)&&null!=l?l.replace(/([a-z])([A-Z])/g,"$1 $2").replace(/([A-Z]+)([A-Z])([a-z])/g,"$1 $2$3").replace(/\./g," ").split(" ").map(e=>e.substring(0,1).toUpperCase()+(e.length>1?e.substring(1,e.length):"")).join(" "):null:"";var l}}t.ColumnNameService=r},2885:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.getColumnStateFromColDef=t._getColumnState=t._compareColumnStatesAndDispatchEvents=t._resetColumnState=t._applyColumnState=void 0;const o=a(79909),n=a(89097),r=a(23505),i=a(67274),l=a(47764),s=a(72934),d=a(82716),c=a(73146);function g(e,t,a){const{colModel:i,rowGroupColsSvc:s,pivotColsSvc:g,autoColSvc:h,selectionColSvc:p,colAnimation:f,visibleCols:v,pivotResultCols:b,environment:C,valueColsSvc:w,eventSvc:y,gos:S}=e,k=i.getColDefCols()??[],x=p?.getColumns();if(!k.length&&!x?.length)return!1;if(t?.state&&!t.state.forEach)return(0,l._warn)(32),!1;const R=(o,n,r,i,l)=>{if(!o)return;const u=(0,c.getValueFactory)(n,t.defaultState),h=u("flex").value1;if((0,d.updateSomeColumnState)(e,o,u("hide").value1,u("sort").value1,u("sortIndex").value1,u("pinned").value1,h,a),null==h){const e=u("width").value1;if(null!=e){const t=o.getColDef().minWidth??C.getDefaultColumnMinWidth();null!=t&&e>=t&&o.setActualWidth(e,a)}}!l&&o.isPrimary()&&(w?.syncColumnWithState(o,a,u),s?.syncColumnWithState(o,a,u,r),g?.syncColumnWithState(o,a,u,i))},E=(n,d,f)=>{const b=u(e,a),C=d.slice(),w={},k={},x=[],E=[],M=[];let P=0;const F=s?.columns.slice()??[],A=g?.columns.slice()??[];for(const e of n){const t=e.colId;if(t.startsWith(c.GROUP_AUTO_COLUMN_ID)){x.push(e),M.push(e);continue}if((0,c.isColumnSelectionCol)(t)){E.push(e),M.push(e);continue}const a=f(t);a?(R(a,e,w,k,!1),(0,o._removeFromArray)(C,a)):(M.push(e),P+=1)}const D=e=>R(e,null,w,k,!1);C.forEach(D),s?.sortColumns(m.bind(s,w,F)),g?.sortColumns(m.bind(g,k,A)),i.refreshCols(!1,a);const z=(e,t,a=[])=>{for(const n of t){const t=e(n.colId);(0,o._removeFromArray)(a,t),R(t,n,null,null,!0)}a.forEach(D)};return z(e=>h?.getColumn(e)??null,x,h?.getColumns()?.slice()),z(e=>p?.getColumn(e)??null,E,p?.getColumns()?.slice()),function(e,t,a){if(!e.applyOrder||!e.state)return;const o=[];for(const t of e.state)null!=t.colId&&o.push(t.colId);!function(e,t,a,o){if(null==e)return;let n=[];const i={};for(const a of t){if(i[a])continue;const t=e.map[a];t&&(n.push(t),i[a]=!0)}let s=0;for(const t of e.list){const e=t.getColId();if(null!=i[e])continue;e.startsWith(c.GROUP_AUTO_COLUMN_ID)?n.splice(s++,0,t):n.push(t)}if(n=(0,r.placeLockedColumns)(n,o),!(0,r.doesMovePassMarryChildren)(n,a.getColTree()))return void(0,l._warn)(39);e.list=n}(t.cols,o,t,a)}(t,i,S),v.refresh(a),y.dispatchEvent({type:"columnEverythingChanged",source:a}),b(),{unmatchedAndAutoStates:M,unmatchedCount:P}};f?.start();let{unmatchedAndAutoStates:M,unmatchedCount:P}=E(t.state||[],k,e=>i.getColDefCol(e));if(M.length>0||(0,n._exists)(t.defaultState)){P=E(M,b?.getPivotResultCols()?.list??[],e=>b?.getPivotResultCol(e)??null).unmatchedCount}return f?.finish(),0===P}function u(e,t){const{rowGroupColsSvc:a,pivotColsSvc:n,valueColsSvc:r,colModel:i,sortSvc:l,eventSvc:d}=e,c={rowGroupColumns:a?.columns.slice()??[],pivotColumns:n?.columns.slice()??[],valueColumns:r?.columns.slice()??[]},g=h(e),u={};for(const e of g)u[e.colId]=e;return()=>{const r=(e,a,n,r)=>{const i=a.map(r),l=n.map(r);if((0,o._areEqual)(i,l))return;const s=new Set(a);for(const e of n)s.delete(e)||s.add(e);const c=[...s];d.dispatchEvent({type:e,columns:c,column:1===c.length?c[0]:null,source:t})},p=e=>{const t=[];return i.forAllCols(a=>{const o=u[a.getColId()];o&&e(o,a)&&t.push(a)}),t},m=e=>e.getColId();r("columnRowGroupChanged",c.rowGroupColumns,a?.columns??[],m),r("columnPivotChanged",c.pivotColumns,n?.columns??[],m);const f=p((e,t)=>{const a=null!=e.aggFunc,o=a!=t.isValueActive(),n=a&&e.aggFunc!=t.getAggFunc();return o||n});f.length>0&&(0,s.dispatchColumnChangedEvent)(d,"columnValueChanged",f,t);(0,s.dispatchColumnResizedEvent)(d,p((e,t)=>e.width!=t.getActualWidth()),!0,t);(0,s.dispatchColumnPinnedEvent)(d,p((e,t)=>e.pinned!=t.getPinned()),t);(0,s.dispatchColumnVisibleEvent)(d,p((e,t)=>e.hide==t.isVisible()),t);const v=p((e,t)=>e.sort!=t.getSort()||e.sortIndex!=t.getSortIndex());v.length>0&&l?.dispatchSortChangedEvents(t,v);const b=h(e);!function(e,t,a,o,n){const r={};for(const e of t)r[e.colId]=e;const i={};for(const t of e)r[t.colId]&&(i[t.colId]=!0);const l=e.filter(e=>i[e.colId]),s=t.filter(e=>i[e.colId]),d=[];if(s.forEach((e,t)=>{const a=l?.[t];if(a&&a.colId!==e.colId){const e=o.getCol(a.colId);e&&d.push(e)}}),!d.length)return;n.dispatchEvent({type:"columnMoved",columns:d,column:1===d.length?d[0]:null,finished:!0,source:a})}(g,b,t,i,d)}}function h(e){const{colModel:t,rowGroupColsSvc:a,pivotColsSvc:o}=e,r=t.getColDefCols();if((0,n._missing)(r)||!t.isAlive())return[];const i=a?.columns,l=o?.columns,s=[];t.forAllCols(e=>(e=>{const t=e.isRowGroupActive()&&i?i.indexOf(e):null,a=e.isPivotActive()&&l?l.indexOf(e):null,o=e.isValueActive()?e.getAggFunc():null,n=null!=e.getSort()?e.getSort():null,r=null!=e.getSortIndex()?e.getSortIndex():null;s.push({colId:e.getColId(),width:e.getActualWidth(),hide:!e.isVisible(),pinned:e.getPinned(),sort:n,sortIndex:r,aggFunc:o,rowGroup:e.isRowGroupActive(),rowGroupIndex:t,pivot:e.isPivotActive(),pivotIndex:a,flex:e.getFlex()??null})})(e));const d=new Map(t.getCols().map((e,t)=>[e.getColId(),t]));return s.sort((e,t)=>(d.has(e.colId)?d.get(e.colId):-1)-(d.has(t.colId)?d.get(t.colId):-1)),s}function p(e){const t=(e,t)=>null!=e?e:null!=t?t:null,a=e.getColDef(),o=t(a.sort,a.initialSort),n=t(a.sortIndex,a.initialSortIndex),r=t(a.hide,a.initialHide),i=t(a.pinned,a.initialPinned),l=t(a.width,a.initialWidth),s=t(a.flex,a.initialFlex);let d=t(a.rowGroupIndex,a.initialRowGroupIndex),c=t(a.rowGroup,a.initialRowGroup);null!=d||c||(d=null,c=null);let g=t(a.pivotIndex,a.initialPivotIndex),u=t(a.pivot,a.initialPivot);null!=g||u||(g=null,u=null);const h=t(a.aggFunc,a.initialAggFunc);return{colId:e.getColId(),sort:o,sortIndex:n,hide:r,pinned:i,width:l,flex:s,rowGroup:c,rowGroupIndex:d,pivot:u,pivotIndex:g,aggFunc:h}}t._applyColumnState=g,t._resetColumnState=function(e,t){const{colModel:a,autoColSvc:o,selectionColSvc:r,eventSvc:l,gos:s}=e,d=a.getColDefCols();if(!d?.length)return;const u=a.getColDefColTree(),h=(0,c._getColumnsFromTree)(u),m=[];let f=1e3,v=1e3;const b=e=>{const t=p(e);(0,n._missing)(t.rowGroupIndex)&&t.rowGroup&&(t.rowGroupIndex=f++),(0,n._missing)(t.pivotIndex)&&t.pivot&&(t.pivotIndex=v++),m.push(t)};o?.getColumns()?.forEach(b),r?.getColumns()?.forEach(b),h?.forEach(b),g(e,{state:m},t);const C=o?.getColumns()??[];g(e,{state:[...r?.getColumns()??[],...C,...d].map(e=>({colId:e.colId})),applyOrder:!0},t),l.dispatchEvent((0,i._addGridCommonParams)(s,{type:"columnsReset",source:t}))},t._compareColumnStatesAndDispatchEvents=u,t._getColumnState=h,t.getColumnStateFromColDef=p;const m=(e,t,a,o)=>{const n=e[a.getId()],r=e[o.getId()],i=null!=n,l=null!=r;if(i&&l)return n-r;if(i)return-1;if(l)return 1;const s=t.indexOf(a),d=t.indexOf(o),c=s>=0;return c&&d>=0?s-d:c?-1:1}},73146:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.getValueFactory=t._columnsMatch=t._convertColumnEventSourceType=t._updateColsMap=t._areColIdsEqual=t.convertColumnTypes=t.isSpecialCol=t.isRowNumberCol=t.isColumnSelectionCol=t.isColumnGroupAutoCol=t._destroyColumnTree=t.getWidthOfColsInList=t._getColumnsFromTree=t.GROUP_HIERARCHY_COLUMN_ID_PREFIX=t.ROW_NUMBERS_COLUMN_ID=t.SELECTION_COLUMN_ID=t.GROUP_AUTO_COLUMN_ID=void 0;const o=a(79909),n=a(89097),r=a(13355),i=a(79409),l=a(82716);function s(e){const a="string"==typeof e?e:"getColId"in e?e.getColId():e.colId;return a?.startsWith(t.SELECTION_COLUMN_ID)??!1}function d(e){const a="string"==typeof e?e:"getColId"in e?e.getColId():e.colId;return a?.startsWith(t.ROW_NUMBERS_COLUMN_ID)??!1}t.GROUP_AUTO_COLUMN_ID="ag-Grid-AutoColumn",t.SELECTION_COLUMN_ID="ag-Grid-SelectionColumn",t.ROW_NUMBERS_COLUMN_ID="ag-Grid-RowNumbersColumn",t.GROUP_HIERARCHY_COLUMN_ID_PREFIX="ag-Grid-HierarchyColumn",t._getColumnsFromTree=function(e){const t=[],a=e=>{for(let o=0;o<e.length;o++){const n=e[o];(0,r.isColumn)(n)?t.push(n):(0,i.isProvidedColumnGroup)(n)&&a(n.getChildren())}};return a(e),t},t.getWidthOfColsInList=function(e){return e.reduce((e,t)=>e+t.getActualWidth(),0)},t._destroyColumnTree=function(e,t,a){const o={};if(!t)return;(0,l.depthFirstOriginalTreeSearch)(null,t,e=>{o[e.getInstanceId()]=e}),a&&(0,l.depthFirstOriginalTreeSearch)(null,a,e=>{o[e.getInstanceId()]=null});const n=Object.values(o).filter(e=>null!=e);e.context.destroyBeans(n)},t.isColumnGroupAutoCol=function(e){return e.getId().startsWith(t.GROUP_AUTO_COLUMN_ID)},t.isColumnSelectionCol=s,t.isRowNumberCol=d,t.isSpecialCol=function(e){return s(e)||d(e)},t.convertColumnTypes=function(e){let t=[];return e instanceof Array?t=e:"string"==typeof e&&(t=e.split(",")),t},t._areColIdsEqual=function(e,t){return(0,o._areEqual)(e,t,(e,t)=>e.getColId()===t.getColId())},t._updateColsMap=function(e){e.map={};for(const t of e.list)e.map[t.getId()]=t},t._convertColumnEventSourceType=function(e){return"optionsUpdated"===e?"gridOptionsChanged":e},t._columnsMatch=function(e,t){const a=e===t,o=e.getColDef()===t,n=e.getColId()==t;return a||o||n};t.getValueFactory=(e,t)=>(a,o)=>{const r={value1:void 0,value2:void 0};let i=!1;return e&&(void 0!==e[a]&&(r.value1=e[a],i=!0),(0,n._exists)(o)&&void 0!==e[o]&&(r.value2=e[o],i=!0)),!i&&t&&(void 0!==t[a]&&(r.value1=t[a]),(0,n._exists)(o)&&void 0!==t[o]&&(r.value2=t[o])),r}},5034:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.ColumnViewportService=void 0;const o=a(89097),n=a(68731);class r extends n.BeanStub{constructor(){super(...arguments),this.beanName="colViewport",this.colsWithinViewport=[],this.headerColsWithinViewport=[],this.colsWithinViewportHash="",this.rowsOfHeadersToRenderLeft={},this.rowsOfHeadersToRenderRight={},this.rowsOfHeadersToRenderCenter={},this.columnsToRenderLeft=[],this.columnsToRenderRight=[],this.columnsToRenderCenter=[]}wireBeans(e){this.visibleCols=e.visibleCols,this.colModel=e.colModel}postConstruct(){this.suppressColumnVirtualisation=this.gos.get("suppressColumnVirtualisation")}setScrollPosition(e,t,a=!1){const{visibleCols:o}=this,n=o.isBodyWidthDirty;if(!(e===this.scrollWidth&&t===this.scrollPosition&&!n)){if(this.scrollWidth=e,this.scrollPosition=t,o.isBodyWidthDirty=!0,this.gos.get("enableRtl")){const a=o.bodyWidth;this.viewportLeft=a-t-e,this.viewportRight=a-t}else this.viewportLeft=t,this.viewportRight=e+t;this.colModel.ready&&this.checkViewportColumns(a)}}getColumnHeadersToRender(e){switch(e){case"left":return this.columnsToRenderLeft;case"right":return this.columnsToRenderRight;default:return this.columnsToRenderCenter}}getHeadersToRender(e,t){let a;switch(e){case"left":a=this.rowsOfHeadersToRenderLeft[t];break;case"right":a=this.rowsOfHeadersToRenderRight[t];break;default:a=this.rowsOfHeadersToRenderCenter[t]}return a??[]}extractViewportColumns(){const e=this.visibleCols.centerCols;this.isColumnVirtualisationSuppressed()?(this.colsWithinViewport=e,this.headerColsWithinViewport=e):(this.colsWithinViewport=e.filter(this.isColumnInRowViewport.bind(this)),this.headerColsWithinViewport=e.filter(this.isColumnInHeaderViewport.bind(this)))}isColumnVirtualisationSuppressed(){return this.suppressColumnVirtualisation||0===this.viewportRight}clear(){this.rowsOfHeadersToRenderLeft={},this.rowsOfHeadersToRenderRight={},this.rowsOfHeadersToRenderCenter={},this.colsWithinViewportHash=""}isColumnInHeaderViewport(e){return!(!e.isAutoHeaderHeight()&&!function(e){for(;e;){if(e.isAutoHeaderHeight())return!0;e=e.getParent()}return!1}(e))||this.isColumnInRowViewport(e)}isColumnInRowViewport(e){if(e.isAutoHeight())return!0;const t=e.getLeft()||0,a=t+e.getActualWidth(),o=this.viewportLeft-200,n=this.viewportRight+200;return!(t<o&&a<o)&&!(t>n&&a>n)}getViewportColumns(){const{leftCols:e,rightCols:t}=this.visibleCols;return this.colsWithinViewport.concat(e).concat(t)}getColsWithinViewport(e){if(!this.colModel.colSpanActive)return this.colsWithinViewport;const t=this.isColumnVirtualisationSuppressed()?void 0:this.isColumnInRowViewport.bind(this),{visibleCols:a}=this,n=a.centerCols;return a.getColsForRow(e,n,t,e=>{const t=e.getLeft();return(0,o._exists)(t)&&t>this.viewportLeft})}checkViewportColumns(e=!1){this.extractViewport()&&this.eventSvc.dispatchEvent({type:"virtualColumnsChanged",afterScroll:e})}calculateHeaderRows(){const{leftCols:e,rightCols:t}=this.visibleCols;this.columnsToRenderLeft=e,this.columnsToRenderRight=t,this.columnsToRenderCenter=this.colsWithinViewport;const a=e=>{const t=new Set,a={};for(const o of e){let e=o.getParent();const n=o.isSpanHeaderHeight();for(;e&&!t.has(e);){if(n&&e.isPadding()){e=e.getParent();continue}const o=e.getProvidedColumnGroup().getLevel();a[o]??(a[o]=[]),a[o].push(e),t.add(e),e=e.getParent()}}return a};this.rowsOfHeadersToRenderLeft=a(e),this.rowsOfHeadersToRenderRight=a(t),this.rowsOfHeadersToRenderCenter=a(this.headerColsWithinViewport)}extractViewport(){this.extractViewportColumns();const e=this.getViewportColumns().map(e=>`${e.getId()}-${e.getPinned()||"normal"}`).join("#"),t=this.colsWithinViewportHash!==e;return t&&(this.colsWithinViewportHash=e,this.calculateHeaderRows()),t}}t.ColumnViewportService=r},96350:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.DataTypeService=void 0;const o=a(59926),n=a(97066),r=a(89097),i=a(22989),l=a(68731),s=a(67274),d=a(47764),c=a(82716),g=a(2885),u=a(73146),h=["dateTimeString","dateString","text","number","boolean","date"];class p extends l.BeanStub{constructor(){super(...arguments),this.beanName="dataTypeSvc",this.dataTypeDefinitions={},this.isPendingInference=!1,this.isColumnTypeOverrideInDataTypeDefinitions=!1,this.columnStateUpdatesPendingInference={},this.columnStateUpdateListenerDestroyFuncs=[],this.columnDefinitionPropsPerDataType={number(){return{cellEditor:"agNumberCellEditor"}},boolean(){return{cellEditor:"agCheckboxCellEditor",cellRenderer:"agCheckboxCellRenderer",getFindText:()=>null,suppressKeyboardEvent:e=>!!e.colDef.editable&&e.event.key===o.KeyCode.SPACE}},date({formatValue:e}){return{cellEditor:"agDateCellEditor",keyCreator:e}},dateString({formatValue:e}){return{cellEditor:"agDateStringCellEditor",keyCreator:e}},dateTime(e){return this.date(e)},dateTimeString(e){return this.dateString(e)},object({formatValue:e,colModel:t,colId:a}){return{cellEditorParams:{useFormatter:!0},comparator:(o,n)=>{const r=t.getColDefCol(a),i=r?.getColDef();if(!r||!i)return 0;const l=null==o?"":e({column:r,node:null,value:o}),s=null==n?"":e({column:r,node:null,value:n});return l===s?0:l>s?1:-1},keyCreator:e}},text(){return{}}}}wireBeans(e){this.colModel=e.colModel}postConstruct(){this.processDataTypeDefinitions(),this.addManagedPropertyListener("dataTypeDefinitions",e=>{this.processDataTypeDefinitions(),this.colModel.recreateColumnDefs(e)})}processDataTypeDefinitions(){const e=this.getDefaultDataTypes(),t={},a={},o=e=>t=>{const{column:a,node:o,value:n}=t;let r=a.getColDef().valueFormatter;return r===e.groupSafeValueFormatter&&(r=e.valueFormatter),this.beans.valueSvc.formatValue(a,o,n,r)};for(const n of Object.keys(e)){const r=e[n],i={...r,groupSafeValueFormatter:v(r,this.gos)};t[n]=i,a[n]=o(i)}const n=this.gos.get("dataTypeDefinitions")??{},r={};for(const i of Object.keys(n)){const l=n[i],s=this.processDataTypeDefinition(l,n,[i],e);s&&(t[i]=s,l.dataTypeMatcher&&(r[i]=l.dataTypeMatcher),a[i]=o(s))}const{valueParser:i,valueFormatter:l}=e.object,{valueParser:s,valueFormatter:d}=t.object;this.hasObjectValueParser=s!==i,this.hasObjectValueFormatter=d!==l,this.formatValueFuncs=a,this.dataTypeDefinitions=t,this.dataTypeMatchers=this.sortKeysInMatchers(r,e)}sortKeysInMatchers(e,t){const a={...e};for(const o of h)delete a[o],a[o]=e[o]??t[o].dataTypeMatcher;return a}processDataTypeDefinition(e,t,a,o){let n;const r=e.extendsDataType;if(e.columnTypes&&(this.isColumnTypeOverrideInDataTypeDefinitions=!0),e.extendsDataType===e.baseDataType){let a=o[r];const i=t[r];if(a&&i&&(a=i),!f(e,a,r))return;n=m(a,e)}else{if(a.includes(r))return void(0,d._warn)(44);const i=t[r];if(!f(e,i,r))return;const l=this.processDataTypeDefinition(i,t,[...a,r],o);if(!l)return;n=m(l,e)}return{...n,groupSafeValueFormatter:v(n,this.gos)}}updateColDefAndGetColumnType(e,t,a){let{cellDataType:o}=t;const{field:n}=t;if(void 0===o&&(o=e.cellDataType),null!=o&&!0!==o||(o=!!this.canInferCellDataType(e,t)&&this.inferCellDataType(n,a)),!o)return void(e.cellDataType=!1);const r=this.dataTypeDefinitions[o];if(r)return e.cellDataType=o,r.groupSafeValueFormatter&&(e.valueFormatter=r.groupSafeValueFormatter),r.valueParser&&(e.valueParser=r.valueParser),r.suppressDefaultProperties||this.setColDefPropertiesForBaseDataType(e,o,r,a),r.columnTypes;(0,d._warn)(47,{cellDataType:o})}addColumnListeners(e){if(!this.isPendingInference)return;const t=this.columnStateUpdatesPendingInference[e.getColId()];if(!t)return;const a=e=>{t.add(e.key)};e.__addEventListener("columnStateUpdated",a),this.columnStateUpdateListenerDestroyFuncs.push(()=>e.__removeEventListener("columnStateUpdated",a))}canInferCellDataType(e,t){const{gos:a}=this;if(!(0,s._isClientSideRowModel)(a))return!1;const o={cellRenderer:!0,valueGetter:!0,valueParser:!0,refData:!0};if(b(t,o))return!1;const n=null===t.type?e.type:t.type;if(n){const e=a.get("columnTypes")??{};if((0,u.convertColumnTypes)(n).some(t=>{const a=e[t.trim()];return a&&b(a,o)}))return!1}return!b(e,o)}inferCellDataType(e,t){if(!e)return;let a;const o=this.getInitialData();if(o){const t=e.includes(".")&&!this.gos.get("suppressFieldDotNotation");a=(0,i._getValueUsingField)(o,e,t)}else this.initWaitForRowData(t);if(null==a)return;return Object.keys(this.dataTypeMatchers).find(e=>this.dataTypeMatchers[e](a))??"object"}getInitialData(){const e=this.gos.get("rowData");if(e?.length)return e[0];if(this.initialData)return this.initialData;{const e=this.beans.rowModel.rootNode?._leafs;if(e?.length)return e[0].data}return null}initWaitForRowData(e){if(this.columnStateUpdatesPendingInference[e]=new Set,this.isPendingInference)return;this.isPendingInference=!0;const t=this.isColumnTypeOverrideInDataTypeDefinitions,{colAutosize:a,eventSvc:o}=this.beans;t&&a&&(a.shouldQueueResizeOperations=!0);const[n]=this.addManagedEventListeners({rowDataUpdateStarted:e=>{const{firstRowData:r}=e;r&&(n?.(),this.isPendingInference=!1,this.processColumnsPendingInference(r,t),this.columnStateUpdatesPendingInference={},t&&a?.processResizeOperations(),o.dispatchEvent({type:"dataTypesInferred"}))}})}processColumnsPendingInference(e,t){this.initialData=e;const a=[];this.destroyColumnStateUpdateListeners();const o={},n={};for(const e of Object.keys(this.columnStateUpdatesPendingInference)){const r=this.columnStateUpdatesPendingInference[e],i=this.colModel.getCol(e);if(!i)return;const l=i.getColDef();if(!this.resetColDefIntoCol(i,"cellDataTypeInferred"))return;const s=i.getColDef();if(t&&s.type&&s.type!==l.type){const t=C(i,r);t.rowGroup&&null==t.rowGroupIndex&&(o[e]=t),t.pivot&&null==t.pivotIndex&&(n[e]=t),a.push(t)}}t&&a.push(...this.generateColumnStateForRowGroupAndPivotIndexes(o,n)),a.length&&(0,g._applyColumnState)(this.beans,{state:a},"cellDataTypeInferred"),this.initialData=null}generateColumnStateForRowGroupAndPivotIndexes(e,t){const a={},{rowGroupColsSvc:o,pivotColsSvc:n}=this.beans;return o?.restoreColumnOrder(a,e),n?.restoreColumnOrder(a,t),Object.values(a)}resetColDefIntoCol(e,t){const a=e.getUserProvidedColDef();if(!a)return!1;const o=(0,c._addColumnDefaultAndTypes)(this.beans,a,e.getColId());return e.setColDef(o,a,t),!0}getDateStringTypeDefinition(e){const{dateString:t}=this.dataTypeDefinitions;return e?this.getDataTypeDefinition(e)??t:t}getDateParserFunction(e){return this.getDateStringTypeDefinition(e).dateParser}getDateFormatterFunction(e){return this.getDateStringTypeDefinition(e).dateFormatter}getDateIncludesTimeFlag(e){return"dateTime"===e||"dateTimeString"===e}getDataTypeDefinition(e){const t=e.getColDef();if(t.cellDataType)return this.dataTypeDefinitions[t.cellDataType]}getBaseDataType(e){return this.getDataTypeDefinition(e)?.baseDataType}checkType(e,t){if(null==t)return!0;const a=this.getDataTypeDefinition(e)?.dataTypeMatcher;return!a||a(t)}validateColDef(e){const t=e=>(0,d._warn)(48,{property:e});if("object"===e.cellDataType){const{object:a}=this.dataTypeDefinitions;e.valueFormatter!==a.groupSafeValueFormatter||this.hasObjectValueFormatter||t("Formatter"),e.editable&&e.valueParser===a.valueParser&&!this.hasObjectValueParser&&t("Parser")}}postProcess(e){const t=e.cellDataType;if(!t||"string"!=typeof t)return;const{dataTypeDefinitions:a,beans:o,formatValueFuncs:n}=this,r=a[t];r&&o.colFilter?.setColDefPropsForDataType(e,r,n[t])}getFormatValue(e){return this.formatValueFuncs[e]}isColPendingInference(e){return this.isPendingInference&&!!this.columnStateUpdatesPendingInference[e]}setColDefPropertiesForBaseDataType(e,t,a,o){const n=this.formatValueFuncs[t],r=this.columnDefinitionPropsPerDataType[a.baseDataType]({colDef:e,cellDataType:t,colModel:this.colModel,dataTypeDefinition:a,colId:o,formatValue:n});Object.assign(e,r)}getDateObjectTypeDef(e){const t=this.getLocaleTextFunc(),a=this.getDateIncludesTimeFlag(e);return{baseDataType:e,valueParser:e=>(0,n._parseDateTimeFromString)(e.newValue&&String(e.newValue)),valueFormatter:e=>null==e.value?"":e.value instanceof Date&&!isNaN(e.value.getTime())?(0,n._serialiseDate)(e.value,a)??"":t("invalidDate","Invalid Date"),dataTypeMatcher:e=>e instanceof Date}}getDateStringTypeDef(e){const t=this.getDateIncludesTimeFlag(e);return{baseDataType:e,dateParser:e=>(0,n._parseDateTimeFromString)(e)??void 0,dateFormatter:e=>(0,n._serialiseDate)(e??null,t)??void 0,valueParser:e=>(0,n._isValidDate)(String(e.newValue))?e.newValue:null,valueFormatter:e=>(0,n._isValidDate)(String(e.value))?String(e.value):"",dataTypeMatcher:e=>"string"==typeof e&&(0,n._isValidDate)(e)}}getDefaultDataTypes(){const e=this.getLocaleTextFunc();return{number:{baseDataType:"number",valueParser:e=>""===e.newValue?.trim?.()?null:Number(e.newValue),valueFormatter:t=>null==t.value?"":"number"!=typeof t.value||isNaN(t.value)?e("invalidNumber","Invalid Number"):String(t.value),dataTypeMatcher:e=>"number"==typeof e},text:{baseDataType:"text",valueParser:e=>""===e.newValue?null:(0,r._toStringOrNull)(e.newValue),dataTypeMatcher:e=>"string"==typeof e},boolean:{baseDataType:"boolean",valueParser:e=>null==e.newValue?e.newValue:""===e.newValue?.trim?.()?null:"true"===String(e.newValue).toLowerCase(),valueFormatter:e=>null==e.value?"":String(e.value),dataTypeMatcher:e=>"boolean"==typeof e},date:this.getDateObjectTypeDef("date"),dateString:this.getDateStringTypeDef("dateString"),dateTime:this.getDateObjectTypeDef("dateTime"),dateTimeString:{...this.getDateStringTypeDef("dateTimeString"),dataTypeMatcher:e=>"string"==typeof e&&(0,n._isValidDateTime)(e)},object:{baseDataType:"object",valueParser:()=>null,valueFormatter:e=>(0,r._toStringOrNull)(e.value)??""}}}destroyColumnStateUpdateListeners(){for(const e of this.columnStateUpdateListenerDestroyFuncs)e();this.columnStateUpdateListenerDestroyFuncs=[]}destroy(){this.dataTypeDefinitions={},this.dataTypeMatchers={},this.formatValueFuncs={},this.columnStateUpdatesPendingInference={},this.destroyColumnStateUpdateListeners(),super.destroy()}}function m(e,t){const a={...e,...t};return e.columnTypes&&t.columnTypes&&t.appendColumnTypes&&(a.columnTypes=[...(0,u.convertColumnTypes)(e.columnTypes),...(0,u.convertColumnTypes)(t.columnTypes)]),a}function f(e,t,a){return t?t.baseDataType===e.baseDataType||((0,d._warn)(46),!1):((0,d._warn)(45,{parentCellDataType:a}),!1)}function v(e,t){if(e.valueFormatter)return a=>{if(a.node?.group){const t=(a.colDef.pivotValueColumn??a.column).getAggFunc();if(t){if("first"===t||"last"===t)return e.valueFormatter(a);if("number"===e.baseDataType&&"count"!==t){if("number"==typeof a.value)return e.valueFormatter(a);if("object"==typeof a.value){if(!a.value)return;if("toNumber"in a.value)return e.valueFormatter({...a,value:a.value.toNumber()});if("value"in a.value)return e.valueFormatter({...a,value:a.value.value})}}return}}else if(t.get("groupHideOpenParents")&&a.column.isRowGroupActive()&&"string"==typeof a.value&&!e.dataTypeMatcher?.(a.value))return;return e.valueFormatter(a)}}function b(e,t){return[["cellRenderer","agSparklineCellRenderer"],["valueGetter",void 0],["valueParser",void 0],["refData",void 0]].some(([a,o])=>function(e,t,a,o){if(!t[a])return!1;const n=e[a];return null===n?(t[a]=!1,!1):void 0===o?!!n:n===o}(e,t,a,o))}function C(e,t){const a=(0,g.getColumnStateFromColDef)(e);for(const e of t)delete a[e],"rowGroup"===e?delete a.rowGroupIndex:"pivot"===e&&delete a.pivotIndex;return a}t.DataTypeService=p},96034:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.GroupInstanceIdCreator=void 0;t.GroupInstanceIdCreator=class{constructor(){this.existingIds={}}getInstanceIdForKey(e){const t=this.existingIds[e];let a;return a="number"!=typeof t?0:t+1,this.existingIds[e]=a,a}}},75626:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.SelectionColService=void 0;const o=a(79909),n=a(68731),r=a(13355),i=a(67274),l=a(2885),s=a(73146);class d extends n.BeanStub{constructor(){super(...arguments),this.beanName="selectionColSvc"}postConstruct(){this.addManagedPropertyListener("rowSelection",e=>{this.onSelectionOptionsChanged(e.currentValue,e.previousValue,(0,s._convertColumnEventSourceType)(e.source))}),this.addManagedPropertyListener("selectionColumnDef",this.updateColumns.bind(this))}addColumns(e){const t=this.columns;null!=t&&(e.list=t.list.concat(e.list),e.tree=t.tree.concat(e.tree),(0,s._updateColsMap)(e))}createColumns(e,t){const a=e.treeDepth,o=(this.columns?.treeDepth??-1)==a,n=this.generateSelectionCols();if((0,s._areColIdsEqual)(n,this.columns?.list??[])&&o)return;(()=>{(0,s._destroyColumnTree)(this.beans,this.columns?.tree),this.columns=null})();const{colGroupSvc:r}=this.beans,i=r?.findDepth(e.tree)??0,l=r?.balanceTreeForAutoCols(n,i)??[];this.columns={list:n,tree:l,treeDepth:i,map:{}};t(e=>{if(!e)return null;const t=e.filter(e=>!(0,s.isColumnSelectionCol)(e));return[...n,...t]})}updateColumns(e){const t=(0,s._convertColumnEventSourceType)(e.source);for(const a of this.columns?.list??[]){const o=this.createSelectionColDef(e.currentValue);a.setColDef(o,null,t),(0,l._applyColumnState)(this.beans,{state:[{...o,colId:a.getColId()}]},t)}}getColumn(e){return this.columns?.list.find(t=>(0,s._columnsMatch)(t,e))??null}getColumns(){return this.columns?.list??null}isSelectionColumnEnabled(){const{gos:e,beans:t}=this,a=e.get("rowSelection");if("object"!=typeof a||!(0,i._isRowSelection)(e))return!1;const o=(t.autoColSvc?.getColumns()?.length??0)>0;if("autoGroupColumn"===a.checkboxLocation&&o)return!1;const n=!!(0,i._getCheckboxes)(a),r=(0,i._getHeaderCheckbox)(a);return n||r}createSelectionColDef(e){const{gos:t}=this,a=e??t.get("selectionColumnDef"),o=t.get("enableRtl"),{rowSpan:n,spanRows:r,...i}=a??{};return{width:50,resizable:!1,suppressHeaderMenuButton:!0,sortable:!1,suppressMovable:!0,lockPosition:o?"right":"left",comparator(e,t,a,o){const n=a.isSelected();return n===o.isSelected()?0:n?1:-1},editable:!1,suppressFillHandle:!0,pinned:null,...i,colId:s.SELECTION_COLUMN_ID,chartDataType:"excluded"}}generateSelectionCols(){if(!this.isSelectionColumnEnabled())return[];const e=this.createSelectionColDef(),t=e.colId;this.gos.validateColDef(e,t,!0);const a=new r.AgColumn(e,null,t,!1);return this.createBean(a),[a]}onSelectionOptionsChanged(e,t,a){const o=(t&&"string"!=typeof t?(0,i._getCheckboxes)(t):void 0)!==(e&&"string"!=typeof e?(0,i._getCheckboxes)(e):void 0),n=(t&&"string"!=typeof t?(0,i._getHeaderCheckbox)(t):void 0)!==(e&&"string"!=typeof e?(0,i._getHeaderCheckbox)(e):void 0),r=(0,i._getCheckboxLocation)(e),l=(0,i._getCheckboxLocation)(t);(o||n||r!==l)&&this.beans.colModel.refreshAll(a)}destroy(){(0,s._destroyColumnTree)(this.beans,this.columns?.tree),super.destroy()}refreshVisibility(e,t,a){if(!this.columns?.list.length)return;const n=e.length+t.length+a.length;if(0===n)return;const r=this.columns.list[0];if(!r.isVisible())return;const i=this.beans.rowNumbersSvc?.getColumn(s.ROW_NUMBERS_COLUMN_ID);(i?2:1)===n&&(()=>{let n;switch(r.pinned){case"left":case!0:n=e;break;case"right":n=a;break;default:n=t}n&&(0,o._removeFromArray)(n,r)})()}}t.SelectionColService=d},6869:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.depthFirstAllColumnTreeSearch=t.VisibleColsService=void 0;const o=a(79909),n=a(68731),r=a(13355),i=a(56908),l=a(73146),s=a(96034);function d(e,t){for(let a=0;a<t.length;a++){const o=e.indexOf(t[a]);o>=0&&(e[o]=e[e.length-1],e.pop())}}class c extends n.BeanStub{constructor(){super(...arguments),this.beanName="visibleCols",this.colsAndGroupsMap={},this.leftCols=[],this.rightCols=[],this.centerCols=[],this.allCols=[],this.headerGroupRowCount=0,this.bodyWidth=0,this.leftWidth=0,this.rightWidth=0,this.isBodyWidthDirty=!0}refresh(e,t=!1){const{colFlex:a,colModel:o,colGroupSvc:n,colViewport:r,selectionColSvc:i}=this.beans;t||this.buildTrees(o,n),n?.updateOpenClosedVisibility(),this.leftCols=u(this.treeLeft),this.centerCols=u(this.treeCenter),this.rightCols=u(this.treeRight),i?.refreshVisibility(this.leftCols,this.centerCols,this.rightCols),this.joinColsAriaOrder(o),this.joinCols(),this.headerGroupRowCount=this.getHeaderRowCount(),this.setLeftValues(e),this.autoHeightCols=this.allCols.filter(e=>e.isAutoHeight()),a?.refreshFlexedColumns(),this.updateBodyWidths(),this.setFirstRightAndLastLeftPinned(o,this.leftCols,this.rightCols,e),r.checkViewportColumns(!1),this.eventSvc.dispatchEvent({type:"displayedColumnsChanged",source:e})}getHeaderRowCount(){if(!this.gos.get("hidePaddedHeaderRows"))return this.beans.colModel.cols.treeDepth;let e=0;for(const t of this.allCols){let a=t.getParent();for(;a;){if(!a.isPadding()){const t=a.getProvidedColumnGroup().getLevel()+1;t>e&&(e=t);break}a=a.getParent()}}return e}updateBodyWidths(){const e=(0,l.getWidthOfColsInList)(this.centerCols),t=(0,l.getWidthOfColsInList)(this.leftCols),a=(0,l.getWidthOfColsInList)(this.rightCols);this.isBodyWidthDirty=this.bodyWidth!==e;(this.bodyWidth!==e||this.leftWidth!==t||this.rightWidth!==a)&&(this.bodyWidth=e,this.leftWidth=t,this.rightWidth=a,this.eventSvc.dispatchEvent({type:"columnContainerWidthChanged"}),this.eventSvc.dispatchEvent({type:"displayedColumnsWidthChanged"}))}setLeftValues(e){this.setLeftValuesOfCols(e),this.setLeftValuesOfGroups()}setFirstRightAndLastLeftPinned(e,t,a,n){let r,i;this.gos.get("enableRtl")?(r=t?t[0]:null,i=a?(0,o._last)(a):null):(r=t?(0,o._last)(t):null,i=a?a[0]:null);for(const t of e.getCols())t.setLastLeftPinned(t===r,n),t.setFirstRightPinned(t===i,n)}buildTrees(e,t){const a=e.getColsToShow(),o=a.filter(e=>"left"==e.getPinned()),n=a.filter(e=>"right"==e.getPinned()),r=a.filter(e=>"left"!=e.getPinned()&&"right"!=e.getPinned()),i=new s.GroupInstanceIdCreator,l=e=>t?t.createColumnGroups(e):e.columns;this.treeLeft=l({columns:o,idCreator:i,pinned:"left",oldDisplayedGroups:this.treeLeft}),this.treeRight=l({columns:n,idCreator:i,pinned:"right",oldDisplayedGroups:this.treeRight}),this.treeCenter=l({columns:r,idCreator:i,pinned:null,oldDisplayedGroups:this.treeCenter}),this.updateColsAndGroupsMap()}clear(){this.leftCols=[],this.rightCols=[],this.centerCols=[],this.allCols=[],this.ariaOrderColumns=[]}joinColsAriaOrder(e){const t=e.getCols(),a=[],o=[],n=[];for(const e of t){const t=e.getPinned();t?!0===t||"left"===t?a.push(e):n.push(e):o.push(e)}this.ariaOrderColumns=a.concat(o).concat(n)}getAriaColIndex(e){let t;return t=(0,i.isColumnGroup)(e)?e.getLeafColumns()[0]:e,this.ariaOrderColumns.indexOf(t)+1}setLeftValuesOfGroups(){for(const e of[this.treeLeft,this.treeRight,this.treeCenter])for(const t of e)if((0,i.isColumnGroup)(t)){t.checkLeft()}}setLeftValuesOfCols(e){const{colModel:t}=this.beans;if(!t.getColDefCols())return;const a=t.getCols().slice(0),o=this.gos.get("enableRtl");for(const t of[this.leftCols,this.rightCols,this.centerCols]){if(o){let a=(0,l.getWidthOfColsInList)(t);for(const o of t)a-=o.getActualWidth(),o.setLeft(a,e)}else{let a=0;for(const o of t)o.setLeft(a,e),a+=o.getActualWidth()}d(a,t)}for(const t of a)t.setLeft(null,e)}joinCols(){this.gos.get("enableRtl")?this.allCols=this.rightCols.concat(this.centerCols).concat(this.leftCols):this.allCols=this.leftCols.concat(this.centerCols).concat(this.rightCols)}getAllTrees(){return this.treeLeft&&this.treeRight&&this.treeCenter?this.treeLeft.concat(this.treeCenter).concat(this.treeRight):null}isColDisplayed(e){return this.allCols.indexOf(e)>=0}getLeftColsForRow(e){const{leftCols:t,beans:{colModel:a}}=this;return a.colSpanActive?this.getColsForRow(e,t):t}getRightColsForRow(e){const{rightCols:t,beans:{colModel:a}}=this;return a.colSpanActive?this.getColsForRow(e,t):t}getColsForRow(e,t,a,o){const n=[];let r=null;for(let i=0;i<t.length;i++){const l=t[i],s=t.length-i,d=Math.min(l.getColSpan(e),s),c=[l];if(d>1){const e=d-1;for(let a=1;a<=e;a++)c.push(t[i+a]);i+=e}let g;if(a){g=!1;for(const e of c)a(e)&&(g=!0)}else g=!0;if(g){if(0===n.length&&r){!!o&&o(l)&&n.push(r)}n.push(l)}r=l}return n}getContainerWidth(e){switch(e){case"left":return this.leftWidth;case"right":return this.rightWidth;default:return this.bodyWidth}}getColBefore(e){const t=this.allCols,a=t.indexOf(e);return a>0?t[a-1]:null}isPinningLeft(){return this.leftCols.length>0}isPinningRight(){return this.rightCols.length>0}updateColsAndGroupsMap(){this.colsAndGroupsMap={};const e=e=>{this.colsAndGroupsMap[e.getUniqueId()]=e};g(this.treeCenter,!1,e),g(this.treeLeft,!1,e),g(this.treeRight,!1,e)}isVisible(e){return this.colsAndGroupsMap[e.getUniqueId()]===e}getFirstColumn(){const e=this.gos.get("enableRtl"),t=["leftCols","centerCols","rightCols"];e&&t.reverse();for(let a=0;a<t.length;a++){const n=this[t[a]];if(n.length)return e?(0,o._last)(n):n[0]}return null}getColAfter(e){const t=this.allCols,a=t.indexOf(e);return a<t.length-1?t[a+1]:null}getColsLeftWidth(){return(0,l.getWidthOfColsInList)(this.leftCols)}getDisplayedColumnsRightWidth(){return(0,l.getWidthOfColsInList)(this.rightCols)}isColAtEdge(e,t){const a=this.allCols;if(!a.length)return!1;const n="first"===t;let r;if((0,i.isColumnGroup)(e)){const t=e.getDisplayedLeafColumns();if(!t.length)return!1;r=n?t[0]:(0,o._last)(t)}else r=e;return(n?a[0]:(0,o._last)(a))===r}}function g(e,t,a){if(e)for(let o=0;o<e.length;o++){const n=e[o];if((0,i.isColumnGroup)(n)){g(t?n.getDisplayedChildren():n.getChildren(),t,a)}a(n)}}function u(e){const t=[];return g(e,!0,e=>{(0,r.isColumn)(e)&&t.push(e)}),t}t.VisibleColsService=c,t.depthFirstAllColumnTreeSearch=g},33789:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.setupCompBean=t.EmptyBean=void 0;const o=a(68731);class n extends o.BeanStub{}t.EmptyBean=n,t.setupCompBean=function(e,t,a){return a&&e.addDestroyFunc(()=>t.destroyBean(a)),a??e}},54309:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.AgComponentUtils=void 0;const o=a(1956),n=a(68731),r=a(73151);class i extends n.BeanStub{constructor(){super(...arguments),this.beanName="agCompUtils"}adaptFunction(e,t){if(!e.cellRenderer)return null;return class{refresh(){return!1}getGui(){return this.eGui}init(e){const a=t(e),n=typeof a;this.eGui="string"!==n&&"number"!==n&&"boolean"!==n?null!=a?a:(0,r._createElement)({tag:"span"}):(0,o._loadTemplate)("<span>"+a+"</span>")}}}}t.AgComponentUtils=i},28414:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.CellRendererFunctionModule=void 0;const o=a(97205),n=a(54309);t.CellRendererFunctionModule={moduleName:"CellRendererFunction",version:o.VERSION,beans:[n.AgComponentUtils]}},8759:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.BaseComponentWrapper=void 0;const o=a(47764);t.BaseComponentWrapper=class{wrap(e,t,a,o){const n=this.createWrapper(e,o);for(const e of t??[])this.createMethod(n,e,!0);for(const e of a??[])this.createMethod(n,e,!1);return n}createMethod(e,t,a){e.addMethod(t,this.createMethodProxy(e,t,a))}createMethodProxy(e,t,a){return function(){return e.hasMethod(t)?e.callMethod(t,arguments):(a&&(0,o._warn)(49,{methodName:t}),null)}}}},34110:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.Registry=void 0;const o=a(34232),n=a(62342),r=a(47764);class i extends o.BaseRegistry{constructor(){super(...arguments),this.agGridDefaults={},this.agGridDefaultOverrides={},this.jsComps={},this.selectors={},this.icons={}}postConstruct(){const e=this.gos.get("components");if(null!=e)for(const t of Object.keys(e))this.jsComps[t]=e[t]}registerModule(e){const{icons:t,userComponents:a,dynamicBeans:o,selectors:r}=e;if(a){const e=(e,t,a,o)=>{this.agGridDefaults[e]=t,(a||o)&&(this.agGridDefaultOverrides[e]={params:a,processParams:o})};for(const t of Object.keys(a)){let o=a[t];if((0,n.isComponentMetaFunc)(o)&&(o=o.getComp(this.beans)),"object"==typeof o){const{classImp:a,params:n,processParams:r}=o;e(t,a,n,r)}else e(t,o)}}this.registerDynamicBeans(o);for(const e of r??[])this.selectors[e.selector]=e;if(t)for(const e of Object.keys(t))this.icons[e]=t[e]}getUserComponent(e,t){const a=(e,t,a,o)=>({componentFromFramework:t,component:e,params:a,processParams:o}),{frameworkOverrides:o}=this.beans,n=o.frameworkComponent(t,this.gos.get("components"));if(null!=n)return a(n,!0);const r=this.jsComps[t];if(r){return a(r,o.isFrameworkComponent(r))}const i=this.agGridDefaults[t];if(i){const e=this.agGridDefaultOverrides[t];return a(i,!1,e?.params,e?.processParams)}return this.beans.validation?.missingUserComponent(e,t,this.agGridDefaults,this.jsComps),null}getSelector(e){return this.selectors[e]}getIcon(e){return this.icons[e]}getDynamicError(e,t){return t?(0,r._errMsg)(279,{name:e}):this.beans.validation?.missingDynamicBean(e)??(0,r._errMsg)(256)}}t.Registry=i},54126:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t._unwrapUserComp=void 0,t._unwrapUserComp=function(e){const t=e;return null!=t?.getFrameworkComponentInstance?t.getFrameworkComponentInstance():e}},12036:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t._mergeFilterParamsWithApplicationProvidedParams=t._getFilterCompKeys=t._getFloatingFilterCompDetails=t._getTooltipCompDetails=t._getNoRowsOverlayCompDetails=t._getLoadingOverlayCompDetails=t._getDateCompDetails=t._getFilterDetails=t._getCellEditorDetails=t._getLoadingCellRendererDetails=t._getEditorRendererDetails=t._getCellRendererDetails=t._getFullWidthDetailCellRendererDetails=t._getFullWidthGroupCellRendererDetails=t._getFullWidthLoadingCellRendererDetails=t._getFullWidthCellRendererDetails=t._getInnerHeaderGroupCompDetails=t._getHeaderGroupCompDetails=t._getInnerHeaderCompDetails=t._getHeaderCompDetails=t._getInnerCellRendererDetails=t._getDragAndDropImageCompDetails=void 0;const o=a(25679),n=a(31585),r={name:"dateComponent",mandatoryMethods:["getDate","setDate"],optionalMethods:["afterGuiAttached","setInputPlaceholder","setInputAriaLabel","setDisabled","refresh"]},i={name:"dragAndDropImageComponent",mandatoryMethods:["setIcon","setLabel"]},l={name:"headerComponent",optionalMethods:["refresh"]},s={name:"innerHeaderComponent"},d={name:"innerHeaderGroupComponent"},c={name:"headerGroupComponent"},g={name:"innerRenderer",cellRenderer:!0,optionalMethods:["afterGuiAttached"]},u={name:"cellRenderer",optionalMethods:["refresh","afterGuiAttached"],cellRenderer:!0},h={name:"cellRenderer",optionalMethods:["refresh","afterGuiAttached"]},p={name:"loadingCellRenderer",cellRenderer:!0},m={name:"cellEditor",mandatoryMethods:["getValue"],optionalMethods:["isPopup","isCancelBeforeStart","isCancelAfterEnd","getPopupPosition","focusIn","focusOut","afterGuiAttached","refresh"]},f={name:"loadingOverlayComponent",optionalMethods:["refresh"]},v={name:"noRowsOverlayComponent",optionalMethods:["refresh"]},b={name:"tooltipComponent"},C={name:"filter",mandatoryMethods:["isFilterActive","doesFilterPass","getModel","setModel"],optionalMethods:["afterGuiAttached","afterGuiDetached","onNewRowsLoaded","getModelAsString","onFloatingFilterChanged","onAnyFilterChanged","refresh"]},w={name:"floatingFilterComponent",mandatoryMethods:["onParentModelChanged"],optionalMethods:["afterGuiAttached","refresh"]},y={name:"fullWidthCellRenderer",optionalMethods:["refresh","afterGuiAttached"],cellRenderer:!0},S={name:"loadingCellRenderer",cellRenderer:!0},k={name:"groupRowRenderer",optionalMethods:["afterGuiAttached"],cellRenderer:!0},x={name:"detailCellRenderer",optionalMethods:["refresh"],cellRenderer:!0};t._getDragAndDropImageCompDetails=function(e,t){return e.getCompDetailsFromGridOptions(i,"agDragAndDropImage",t,!0)},t._getInnerCellRendererDetails=function(e,t,a){return e.getCompDetails(t,g,void 0,a)},t._getHeaderCompDetails=function(e,t,a){return e.getCompDetails(t,l,"agColumnHeader",a)},t._getInnerHeaderCompDetails=function(e,t,a){return e.getCompDetails(t,s,void 0,a)},t._getHeaderGroupCompDetails=function(e,t){const a=t.columnGroup.getColGroupDef();return e.getCompDetails(a,c,"agColumnGroupHeader",t)},t._getInnerHeaderGroupCompDetails=function(e,t,a){return e.getCompDetails(t,d,void 0,a)},t._getFullWidthCellRendererDetails=function(e,t){return e.getCompDetailsFromGridOptions(y,void 0,t,!0)},t._getFullWidthLoadingCellRendererDetails=function(e,t){return e.getCompDetailsFromGridOptions(S,"agLoadingCellRenderer",t,!0)},t._getFullWidthGroupCellRendererDetails=function(e,t){return e.getCompDetailsFromGridOptions(k,"agGroupRowRenderer",t,!0)},t._getFullWidthDetailCellRendererDetails=function(e,t){return e.getCompDetailsFromGridOptions(x,"agDetailCellRenderer",t,!0)},t._getCellRendererDetails=function(e,t,a){return e.getCompDetails(t,u,void 0,a)},t._getEditorRendererDetails=function(e,t,a){return e.getCompDetails(t,h,void 0,a)},t._getLoadingCellRendererDetails=function(e,t,a){return e.getCompDetails(t,p,"agSkeletonCellRenderer",a,!0)},t._getCellEditorDetails=function(e,t,a){return e.getCompDetails(t,m,"agCellEditor",a,!0)},t._getFilterDetails=function(e,t,a,n){const r=t.filter;return(0,o.isColumnFilterComp)(r)&&(t={filter:r.component,filterParams:t.filterParams}),e.getCompDetails(t,C,n,a,!0)},t._getDateCompDetails=function(e,t,a){return e.getCompDetails(t,r,"agDateInput",a,!0)},t._getLoadingOverlayCompDetails=function(e,t){return e.getCompDetailsFromGridOptions(f,"agLoadingOverlay",t,!0)},t._getNoRowsOverlayCompDetails=function(e,t){return e.getCompDetailsFromGridOptions(v,"agNoRowsOverlay",t,!0)},t._getTooltipCompDetails=function(e,t){return e.getCompDetails(t.colDef,b,"agTooltipComponent",t,!0)},t._getFloatingFilterCompDetails=function(e,t,a,o){return e.getCompDetails(t,w,o,a)},t._getFilterCompKeys=function(e,t){return(0,n._getUserCompKeys)(e,t,C)},t._mergeFilterParamsWithApplicationProvidedParams=function(e,t,a){return e.mergeParams(t,C,a)}},31585:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.UserComponentFactory=t._getUserCompKeys=void 0;const o=a(35269),n=a(68731),r=a(66021),i=a(47764);function l(e,t,a,o){const{name:n}=a;let r,i,l,s,d,c;if(t){const a=t,g=a[n+"Selector"],u=g?g(o):null,h=t=>{if("string"==typeof t)r=t;else if(null!=t&&!0!==t){e.isFrameworkComponent(t)?l=t:i=t}};u?(h(u.component),s=u.params,d=u.popup,c=u.popupPosition):h(a[n])}return{compName:r,jsComp:i,fwComp:l,paramsFromSelector:s,popupFromSelector:d,popupPositionFromSelector:c}}t._getUserCompKeys=l;class s extends n.BeanStub{constructor(){super(...arguments),this.beanName="userCompFactory"}wireBeans(e){this.agCompUtils=e.agCompUtils,this.registry=e.registry,this.frameworkCompWrapper=e.frameworkCompWrapper,this.gridOptions=e.gridOptions}getCompDetailsFromGridOptions(e,t,a,o=!1){return this.getCompDetails(this.gridOptions,e,t,a,o)}getCompDetails(e,t,a,o,n=!1){const{name:r,cellRenderer:s}=t;let d,c,{compName:g,jsComp:u,fwComp:h,paramsFromSelector:p,popupFromSelector:m,popupPositionFromSelector:f}=l(this.beans.frameworkOverrides,e,t,o);const v=e=>{const t=this.registry.getUserComponent(r,e);t&&(u=t.componentFromFramework?void 0:t.component,h=t.componentFromFramework?t.component:void 0,d=t.params,c=t.processParams)};var b;if(null!=g&&v(g),null==u&&null==h&&null!=a&&v(a),!u||!s||(b=u)&&b.prototype&&"getGui"in b.prototype||(u=this.agCompUtils?.adaptFunction(t,u)),!u&&!h){const{validation:e}=this.beans;return void(!n||g===a&&a?a&&!e&&(0,i._error)(146,{comp:a}):g?e?.isProvidedUserComp(g)||(0,i._error)(50,{compName:g}):a?e||(0,i._error)(260,{...this.gos.getModuleErrorParams(),propName:r,compName:a}):(0,i._error)(216,{name:r}))}const C=this.mergeParams(e,t,o,p,d,c),w=null==u,y=u??h;return{componentFromFramework:w,componentClass:y,params:C,type:t,popupFromSelector:m,popupPositionFromSelector:f,newAgStackInstance:()=>this.newAgStackInstance(y,w,C,t)}}newAgStackInstance(e,t,a,n){let r;r=!t?new e:this.frameworkCompWrapper.wrap(e,n.mandatoryMethods,n.optionalMethods,n),this.createBean(r);const i=r.init?.(a);return null==i?o.AgPromise.resolve(r):i.then(()=>r)}mergeParams(e,t,a,o=null,n,i){const l={...a,...n},s=e,d=s?.[t.name+"Params"];if("function"==typeof d){const e=d(a);(0,r._mergeDeep)(l,e)}else"object"==typeof d&&(0,r._mergeDeep)(l,d);return(0,r._mergeDeep)(l,o),i?i(l):l}}t.UserComponentFactory=s},68731:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.BeanStub=void 0;const o=a(74856);class n extends o.AgBeanStub{}t.BeanStub=n},62342:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.isComponentMetaFunc=void 0,t.isComponentMetaFunc=function(e){return"object"==typeof e&&!!e.getComp}},23943:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.gridBeanDestroyComparator=t.gridBeanInitComparator=void 0;const a=Object.fromEntries(["licenseManager","environment","eventSvc","gos","paginationAutoPageSizeSvc","apiFunctionSvc","gridApi","registry","agCompUtils","userCompFactory","rowContainerHeight","horizontalResizeSvc","localeSvc","pinnedRowModel","dragSvc","colGroupSvc","visibleCols","popupSvc","selectionSvc","colFilter","quickFilter","filterManager","colModel","headerNavigation","pageBounds","pagination","pageBoundsListener","rowSpanSvc","stickyRowSvc","rowRenderer","expressionSvc","alignedGridsSvc","navigation","valueCache","valueSvc","autoWidthCalc","filterMenuFactory","dragAndDrop","focusSvc","cellNavigation","cellStyles","scrollVisibleSvc","sortSvc","colHover","colAnimation","autoColSvc","selectionColSvc","changeDetectionSvc","animationFrameSvc","undoRedo","colDefFactory","rowStyleSvc","rowNodeBlockLoader","rowNodeSorter","ctrlsSvc","pinnedCols","dataTypeSvc","syncSvc","overlays","stateSvc","expansionSvc","apiEventSvc","ariaAnnounce","menuSvc","colMoves","colAutosize","colFlex","colResize","pivotColsSvc","valueColsSvc","rowGroupColsSvc","colNames","colViewport","pivotResultCols","showRowGroupCols","validation"].map((e,t)=>[e,t]));t.gridBeanInitComparator=function(e,t){return((e.beanName?a[e.beanName]:void 0)??Number.MAX_SAFE_INTEGER)-((t.beanName?a[t.beanName]:void 0)??Number.MAX_SAFE_INTEGER)},t.gridBeanDestroyComparator=function(e,t){return"gridDestroySvc"===e?.beanName?-1:"gridDestroySvc"===t?.beanName?1:0}},1310:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.CsvCreator=void 0;const o=a(47331),n=a(3885),r=a(67274),i=a(47764),l=a(32927);class s extends o.BaseCreator{constructor(){super(...arguments),this.beanName="csvCreator"}wireBeans(e){this.colModel=e.colModel,this.colNames=e.colNames,this.rowGroupColsSvc=e.rowGroupColsSvc,this.valueSvc=e.valueSvc}getMergedParams(e){const t=this.gos.get("defaultCsvExportParams");return Object.assign({},t,e)}export(e){if(this.isExportSuppressed())return void(0,i._warn)(51);const t=this.getMergedParams(e),a=this.getData(t),o=new Blob(["\ufeff",a],{type:"text/plain"}),l="function"==typeof t.fileName?t.fileName((0,r._addGridCommonParams)(this.gos,{})):t.fileName;(0,n._downloadFile)(this.getFileName(l),o)}exportDataAsCsv(e){this.export(e)}getDataAsCsv(e,t=!1){const a=t?Object.assign({},e):this.getMergedParams(e);return this.getData(a)}getDefaultFileExtension(){return"csv"}createSerializingSession(e){const{colModel:t,colNames:a,rowGroupColsSvc:o,valueSvc:n,gos:r}=this,{processCellCallback:i,processHeaderCallback:s,processGroupHeaderCallback:d,processRowGroupCallback:c,suppressQuotes:g,columnSeparator:u}=e;return new l.CsvSerializingSession({colModel:t,colNames:a,valueSvc:n,gos:r,processCellCallback:i||void 0,processHeaderCallback:s||void 0,processGroupHeaderCallback:d||void 0,processRowGroupCallback:c||void 0,suppressQuotes:g||!1,columnSeparator:u||",",rowGroupColsSvc:o})}isExportSuppressed(){return this.gos.get("suppressCsvExport")}}t.CsvCreator=s},72984:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.exportDataAsCsv=t.getDataAsCsv=void 0,t.getDataAsCsv=function(e,t){return e.csvCreator?.getDataAsCsv(t)},t.exportDataAsCsv=function(e,t){e.csvCreator?.exportDataAsCsv(t)}},59734:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.CsvExportModule=void 0;const o=a(92728),n=a(97205),r=a(1310),i=a(72984);t.CsvExportModule={moduleName:"CsvExport",version:n.VERSION,beans:[r.CsvCreator],apiFunctions:{getDataAsCsv:i.getDataAsCsv,exportDataAsCsv:i.exportDataAsCsv},dependsOn:[o.SharedExportModule]}},32927:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.CsvSerializingSession=void 0;const o=a(68376),n=a(47764);class r extends o.BaseGridSerializingSession{constructor(e){super(e),this.config=e,this.isFirstLine=!0,this.result="";const{suppressQuotes:t,columnSeparator:a}=e;this.suppressQuotes=t,this.columnSeparator=a}addCustomContent(e){e&&("string"==typeof e?(/^\s*\n/.test(e)||this.beginNewLine(),e=e.replace(/\r?\n/g,"\r\n"),this.result+=e):e.forEach(e=>{this.beginNewLine(),e.forEach((e,t)=>{0!==t&&(this.result+=this.columnSeparator),this.result+=this.putInQuotes(e.data.value||""),e.mergeAcross&&this.appendEmptyCells(e.mergeAcross)})}))}onNewHeaderGroupingRow(){return this.beginNewLine(),{onColumn:this.onNewHeaderGroupingRowColumn.bind(this)}}onNewHeaderGroupingRowColumn(e,t,a,o){0!=a&&(this.result+=this.columnSeparator),this.result+=this.putInQuotes(t),this.appendEmptyCells(o)}appendEmptyCells(e){for(let t=1;t<=e;t++)this.result+=this.columnSeparator+this.putInQuotes("")}onNewHeaderRow(){return this.beginNewLine(),{onColumn:this.onNewHeaderRowColumn.bind(this)}}onNewHeaderRowColumn(e,t){0!=t&&(this.result+=this.columnSeparator),this.result+=this.putInQuotes(this.extractHeaderValue(e))}onNewBodyRow(){return this.beginNewLine(),{onColumn:this.onNewBodyRowColumn.bind(this)}}onNewBodyRowColumn(e,t,a){0!=t&&(this.result+=this.columnSeparator);const o=this.extractRowCellValue(e,t,t,"csv",a);this.result+=this.putInQuotes(o.valueFormatted??o.value)}putInQuotes(e){if(this.suppressQuotes)return e;if(null==e)return'""';let t;"string"==typeof e?t=e:"function"==typeof e.toString?t=e.toString():((0,n._warn)(53),t="");return'"'+t.replace(/"/g,'""')+'"'}parse(){return this.result}beginNewLine(){this.isFirstLine||(this.result+="\r\n"),this.isFirstLine=!1}}t.CsvSerializingSession=r},80020:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.CtrlsService=void 0;const o=a(68731);class n extends o.BeanStub{constructor(){super(...arguments),this.beanName="ctrlsSvc",this.params={},this.ready=!1,this.readyCallbacks=[]}postConstruct(){this.addEventListener("ready",()=>{if(this.updateReady(),this.ready){for(const e of this.readyCallbacks)e(this.params);this.readyCallbacks.length=0}},this.beans.frameworkOverrides.runWhenReadyAsync?.()??!1)}updateReady(){const e=Object.values(this.params);this.ready=23===e.length&&e.every(e=>e?.isAlive()??!1)}whenReady(e,t){this.ready?t(this.params):this.readyCallbacks.push(t),e.addDestroyFunc(()=>{const e=this.readyCallbacks.indexOf(t);e>=0&&this.readyCallbacks.splice(e,1)})}register(e,t){this.params[e]=t,this.updateReady(),this.ready&&this.dispatchLocalEvent({type:"ready"}),t.addDestroyFunc(()=>{this.updateReady()})}get(e){return this.params[e]}getGridBodyCtrl(){return this.params.gridBodyCtrl}getHeaderRowContainerCtrls(){const{leftHeader:e,centerHeader:t,rightHeader:a}=this.params;return[e,a,t]}getHeaderRowContainerCtrl(e){const t=this.params;switch(e){case"left":return t.leftHeader;case"right":return t.rightHeader;default:return t.centerHeader}}getScrollFeature(){return this.getGridBodyCtrl().scrollFeature}}t.CtrlsService=n},82671:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.dragAndDropImageComponentCSS=void 0,t.dragAndDropImageComponentCSS=".ag-dnd-ghost{align-items:center;background-color:var(--ag-drag-and-drop-image-background-color);border:var(--ag-drag-and-drop-image-border);border-radius:var(--ag-border-radius);box-shadow:var(--ag-drag-and-drop-image-shadow);color:var(--ag-text-color);cursor:move;display:flex;font-weight:500;gap:var(--ag-cell-widget-spacing);height:var(--ag-header-height);overflow:hidden;padding-left:var(--ag-cell-horizontal-padding);padding-right:var(--ag-cell-horizontal-padding);text-overflow:ellipsis;transform:translateY(calc(var(--ag-spacing)*2));white-space:nowrap}.ag-dnd-ghost-not-allowed{border:var(--ag-drag-and-drop-image-not-allowed-border)}"},33814:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.DragAndDropImageComponent=void 0;const o=a(91668),n=a(1956),r=a(59970),i=a(78020),l=a(82671),s={tag:"div",children:[{tag:"div",ref:"eGhost",cls:"ag-dnd-ghost ag-unselectable",children:[{tag:"span",ref:"eIcon",cls:"ag-dnd-ghost-icon ag-shake-left-to-right"},{tag:"div",ref:"eLabel",cls:"ag-dnd-ghost-label"}]}]};class d extends i.Component{constructor(){super(),this.dragSource=null,this.eIcon=o.RefPlaceholder,this.eLabel=o.RefPlaceholder,this.eGhost=o.RefPlaceholder,this.registerCSS(l.dragAndDropImageComponentCSS)}postConstruct(){const e=e=>(0,r._createIcon)(e,this.beans,null);this.dropIconMap={pinned:e("columnMovePin"),hide:e("columnMoveHide"),move:e("columnMoveMove"),left:e("columnMoveLeft"),right:e("columnMoveRight"),group:e("columnMoveGroup"),aggregate:e("columnMoveValue"),pivot:e("columnMovePivot"),notAllowed:e("dropNotAllowed")}}init(e){this.dragSource=e.dragSource,this.setTemplate(s),this.beans.environment.applyThemeClasses(this.eGhost)}destroy(){this.dragSource=null,super.destroy()}setIcon(e,t){const{eGhost:a,eIcon:o,dragSource:r,dropIconMap:i,gos:l}=this;(0,n._clearElement)(o);let s=null;e||(e=r?.getDefaultIconName?r.getDefaultIconName():"notAllowed"),s=i[e],a.classList.toggle("ag-dnd-ghost-not-allowed","notAllowed"===e),o.classList.toggle("ag-shake-left-to-right",t),s===i.hide&&l.get("suppressDragLeaveHidesColumns")||s&&o.appendChild(s)}setLabel(e){this.eLabel.textContent=e}}t.DragAndDropImageComponent=d},12903:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.DragAndDropService=t.DragSourceType=void 0;const o=a(54646),n=a(12036),r=a(67274),i=a(47764);var l;!function(e){e[e.ToolPanel=0]="ToolPanel",e[e.HeaderCell=1]="HeaderCell",e[e.RowDrag=2]="RowDrag",e[e.ChartPanel=3]="ChartPanel",e[e.AdvancedFilterBuilder=4]="AdvancedFilterBuilder"}(l||(t.DragSourceType=l={}));class s extends o.BaseDragAndDropService{createEvent(e){return(0,r._addGridCommonParams)(this.gos,e)}createDragImageComp(e){const{gos:t,beans:a}=this,o=(0,n._getDragAndDropImageCompDetails)(a.userCompFactory,(0,r._addGridCommonParams)(t,{dragSource:e}));return o?.newAgStackInstance()}handleEnter(e,t){e?.onGridEnter?.(t)}handleExit(e,t){e?.onGridExit?.(t)}warnNoBody(){(0,i._warn)(54)}isDropZoneWithinThisGrid(e){return this.beans.ctrlsSvc.getGridBodyCtrl().eGridBody.contains(e.dropZoneTarget)}registerGridDropTarget(e,t){const a={getContainer:e,isInterestedIn:e=>e===l.HeaderCell||e===l.ToolPanel,getIconName:()=>"notAllowed"};this.addDropTarget(a),t.addDestroyFunc(()=>this.removeDropTarget(a))}}t.DragAndDropService=s},72830:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.setRowDropPositionIndicator=t.getRowDropPositionIndicator=t.getRowDropZoneParams=t.removeRowDropZone=t.addRowDropZone=void 0,t.addRowDropZone=function(e,t){e.rowDragSvc?.rowDragFeature?.addRowDropZone(t)},t.removeRowDropZone=function(e,t){const a=e.dragAndDrop?.findExternalZone(t.getContainer());a&&e.dragAndDrop?.removeDropTarget(a)},t.getRowDropZoneParams=function(e,t){return e.rowDragSvc?.rowDragFeature?.getRowDropZone(t)},t.getRowDropPositionIndicator=function(e){const t=e.rowDropHighlightSvc;return t?{row:t.row,dropIndicatorPosition:t.position}:{row:null,dropIndicatorPosition:"none"}},t.setRowDropPositionIndicator=function(e,t){const a=e.rowDropHighlightSvc;if(!a)return;const o=t?.row;let n=t?.dropIndicatorPosition;"above"!==n&&"below"!==n&&"inside"!==n&&(n="none");const r=o?.rowIndex;null==r||"none"===n?a.clear():a.set(o,n)}},24388:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.HorizontalResizeModule=t.RowDragModule=t.SharedDragAndDropModule=t.DragAndDropModule=t.DragModule=void 0;const o=a(60714),n=a(97205),r=a(33814),i=a(12903),l=a(72830),s=a(52165),d=a(26843),c=a(92895),g=a(37406);t.DragModule={moduleName:"Drag",version:n.VERSION,beans:[s.DragService]},t.DragAndDropModule={moduleName:"DragAndDrop",version:n.VERSION,dynamicBeans:{dndSourceComp:o.DndSourceComp},icons:{rowDrag:"grip"}},t.SharedDragAndDropModule={moduleName:"SharedDragAndDrop",version:n.VERSION,beans:[i.DragAndDropService],dependsOn:[t.DragModule],userComponents:{agDragAndDropImage:r.DragAndDropImageComponent},icons:{columnMovePin:"pin",columnMoveHide:"eye-slash",columnMoveMove:"arrows",columnMoveLeft:"left",columnMoveRight:"right",columnMoveGroup:"group",columnMoveValue:"aggregation",columnMovePivot:"pivot",dropNotAllowed:"not-allowed",rowDrag:"grip"}},t.RowDragModule={moduleName:"RowDrag",version:n.VERSION,beans:[g.RowDropHighlightService,c.RowDragService],apiFunctions:{addRowDropZone:l.addRowDropZone,removeRowDropZone:l.removeRowDropZone,getRowDropZoneParams:l.getRowDropZoneParams,getRowDropPositionIndicator:l.getRowDropPositionIndicator,setRowDropPositionIndicator:l.setRowDropPositionIndicator},dependsOn:[t.SharedDragAndDropModule]},t.HorizontalResizeModule={moduleName:"HorizontalResize",version:n.VERSION,beans:[d.HorizontalResizeService],dependsOn:[t.DragModule]}},52165:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.DragService=void 0;const o=a(21726);class n extends o.BaseDragService{shouldPreventMouseEvent(e){return this.gos.get("enableCellTextSelection")&&super.shouldPreventMouseEvent(e)}}t.DragService=n},26843:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.HorizontalResizeService=void 0;const o=a(72213),n=a(68731);class r extends n.BeanStub{constructor(){super(...arguments),this.beanName="horizontalResizeSvc"}addResizeBar(e){const t={dragStartPixels:e.dragStartPixels||0,eElement:e.eResizeBar,onDragStart:this.onDragStart.bind(this,e),onDragStop:this.onDragStop.bind(this,e),onDragging:this.onDragging.bind(this,e),onDragCancel:this.onDragStop.bind(this,e),includeTouch:!0,stopPropagationForTouch:!0},{dragSvc:a}=this.beans;a.addDragSource(t);return()=>a.removeDragSource(t)}onDragStart(e,t){this.dragStartX=t.clientX,this.setResizeIcons();const a=t instanceof MouseEvent&&!0===t.shiftKey;e.onResizeStart(a)}setResizeIcons(){const e=this.beans.ctrlsSvc.get("gridCtrl");e.setResizeCursor(o.Direction.Horizontal),e.disableUserSelect(!0)}onDragStop(e){e.onResizeEnd(this.resizeAmount),this.resetIcons()}resetIcons(){const e=this.beans.ctrlsSvc.get("gridCtrl");e.setResizeCursor(!1),e.disableUserSelect(!1)}onDragging(e,t){this.resizeAmount=t.clientX-this.dragStartX,e.onResizing(this.resizeAmount)}}t.HorizontalResizeService=r},21633:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.RowDragComp=void 0;const o=a(59970),n=a(78020),r=a(12903),i={tag:"div",cls:"ag-drag-handle ag-row-drag",attrs:{"aria-hidden":"true"}};class l extends n.Component{constructor(e,t,a,o,n,r=!1){super(),this.cellValueFn=e,this.rowNode=t,this.column=a,this.customGui=o,this.dragStartPixels=n,this.alwaysVisible=r,this.dragSource=null}isCustomGui(){return null!=this.customGui}postConstruct(){const{beans:e,customGui:t}=this;t?this.setDragElement(t,this.dragStartPixels):(this.setTemplate(i),this.getGui().appendChild((0,o._createIconNoSpan)("rowDrag",e,null)),this.addDragSource()),this.alwaysVisible||this.initCellDrag()}initCellDrag(){const{beans:e,gos:t,rowNode:a}=this,o=this.refreshVisibility.bind(this);this.addManagedPropertyListener("suppressRowDrag",o),this.addManagedListeners(a,{dataChanged:o,cellChanged:o}),this.addManagedListeners(e.eventSvc,t.get("rowDragManaged")?{sortChanged:o,filterChanged:o,columnRowGroupChanged:o,newColumnsLoaded:o}:{newColumnsLoaded:o})}setDragElement(e,t){this.setTemplateFromElement(e,void 0,void 0,!0),this.addDragSource(t)}refreshVisibility(){if(this.alwaysVisible)return;const e={skipAriaHidden:!0};if(this.isNeverDisplayed())return void this.setDisplayed(!1,e);const t=this.column;let a="function"==typeof t?.getColDef().rowDrag,o=!t||this.isCustomGui()||t.isRowDrag(this.rowNode);o&&this.rowNode.footer&&this.gos.get("rowDragManaged")&&(o=!1,a=!0),this.setDisplayed(a||o,e),this.setVisible(o,e)}isNeverDisplayed(){const{gos:e,beans:t}=this;return!!e.get("suppressRowDrag")||!(!e.get("rowDragManaged")||!t.rowDragSvc.rowDragFeature?.shouldPreventRowMove()||t.dragAndDrop?.hasExternalDropZones())}getSelectedNodes(){const e=this.rowNode;if(!this.gos.get("rowDragMultiRow"))return[e];const t=this.beans.selectionSvc?.getSelectedNodes()??[];return-1!==t.indexOf(e)?t:[e]}getDragItem(){const{column:e,rowNode:t}=this;return{rowNode:t,rowNodes:this.getSelectedNodes(),columns:e?[e]:void 0,defaultTextValue:this.cellValueFn()}}getRowDragText(e){if(e){const t=e.getColDef();if(t.rowDragText)return t.rowDragText}return this.gos.get("rowDragText")}addDragSource(e=4){if(this.dragSource&&this.removeDragSource(),this.gos.get("rowDragManaged")&&this.rowNode.footer)return;const t=this.getGui();this.gos.get("enableCellTextSelection")&&(this.removeMouseDownListener(),this.mouseDownListener=this.addManagedElementListeners(t,{mousedown:e=>{e?.preventDefault()}})[0]);const a=this.getLocaleTextFunc();this.dragSource={type:r.DragSourceType.RowDrag,eElement:t,dragItemName:e=>{const t=e?.dragItem||this.getDragItem(),o=(e?.dropTarget?.rows.length??t.rowNodes?.length)||1,n=this.getRowDragText(this.column);return n?n(t,o):1===o?this.cellValueFn():`${o} ${a("rowDragRows","rows")}`},getDragItem:()=>this.getDragItem(),dragStartPixels:e,dragSourceDomDataKey:this.gos.getDomDataKey()},this.beans.dragAndDrop.addDragSource(this.dragSource,!0)}destroy(){this.removeDragSource(),this.removeMouseDownListener(),super.destroy()}removeDragSource(){this.dragSource&&(this.beans.dragAndDrop.removeDragSource(this.dragSource),this.dragSource=null)}removeMouseDownListener(){this.mouseDownListener&&(this.mouseDownListener(),this.mouseDownListener=void 0)}}t.RowDragComp=l},12254:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.RowDragFeature=void 0;const o=a(79909),n=a(32106),r=a(68731),i=a(6257),l=a(9888),s=a(8399),d=a(67274),c=a(76800),g=a(47764),u=a(12903),h=a(84397);class p extends r.BeanStub{constructor(e){super(),this.eContainer=e,this.lastDraggingEvent=null,this.nudger=null}postConstruct(){const e=this.beans;e.ctrlsSvc.whenReady(this,t=>{this.nudger=new h.RowDragFeatureNudger(e,t.gridBodyCtrl)})}destroy(){super.destroy(),this.nudger?.clear(),this.nudger=null,this.lastDraggingEvent=null,this.eContainer=null}getContainer(){return this.eContainer}isInterestedIn(e){return e===u.DragSourceType.RowDrag}getIconName(e){return!1===e?.dropTarget?.allowed||this.gos.get("rowDragManaged")&&this.shouldPreventRowMove()?"notAllowed":"move"}shouldPreventRowMove(){const{rowGroupColsSvc:e,filterManager:t,sortSvc:a}=this.beans;if((e?.columns??[]).length)return!0;const o=t?.isAnyFilterPresent();if(o)return!0;const n=a?.isSortActive();return!!n}getRowNodes(e){if(!this.isFromThisGrid(e))return e.dragItem.rowNodes||[];const t=e.dragItem.rowNode;if(this.gos.get("rowDragMultiRow")){const e=this.beans.selectionSvc?.getSelectedNodes();if(e&&e.indexOf(t)>=0)return e.slice().sort(y)}return[t]}onDragEnter(e){this.dragging(e,!0)}onDragging(e){this.dragging(e,!1)}dragging(e,t){const{lastDraggingEvent:a,beans:o}=this;if(t){const t=this.getRowNodes(e);e.dragItem.rowNodes=t,S(t,!0)}this.lastDraggingEvent=e;const n=e.fromNudge,r=this.makeRowsDrop(a,e,n,!1);o.rowDropHighlightSvc?.fromDrag(e),t&&this.dispatchGridEvent("rowDragEnter",e),this.dispatchGridEvent("rowDragMove",e),r?.rowDragManaged&&r.moved&&r.allowed&&r.sameGrid&&!r.suppressMoveWhenRowDragging&&(!n&&!this.nudger?.autoScroll.scrolling||this.nudger?.scrollChanged)&&this.dropRows(r),this.nudger?.autoScroll.check(e.event)}isFromThisGrid(e){return e.dragSource.dragSourceDomDataKey===this.gos.getDomDataKey()}makeRowsDrop(e,t,a,o){const{beans:n,gos:r}=this,i=this.newRowsDrop(t,o),l=n.rowModel;if(t.dropTarget=i,t.changed=!1,!i)return null;let{sameGrid:s,rootNode:c,source:g,target:u,rows:h}=i;u??(u=l.getRow(l.getRowCount()-1)??null);const p=!!this.beans.groupStage?.treeData&&s;let f=null;if(u?.footer){const e=m(l,-1,u)??m(l,1,u);f=u.sibling??c,u=e??null}u?.detail&&(u=u.parent),i.moved&&(i.moved=g!==u);let v=.5;if(u&&(v=s&&i.moved&&(f||!p)?g.rowIndex>u.rowIndex?-.5:.5:(i.y-u.rowTop-u.rowHeight/2)/u.rowHeight||0),!p&&s&&u&&i.moved&&(0,d._isClientSideRowModel)(r)){const e=k(l,i);e&&(v=g.rowIndex>e.rowIndex?-.5:.5,u=e,i.moved&&(i.moved=g!==u))}const b=this.nudger;b?.updateGroup(u,a),p&&!f&&b&&(!u||v>=.5&&u.rowIndex===n.pageBounds.getLastRow()?f=c:i.moved&&this.targetShouldBeParent(u,v,h)&&(b.groupThrottled&&(f=u),a||f&&(!u||u.expanded||!u.childrenAfterSort?.length)||b.startGroup(u)),f??(f=u?.parent??c));let C=!1;if(f){if(f===u&&f!==c){const e=f.expanded?m(l,1,u):null;e?.parent===f?(u=e,v=-.5):C=!0}if(u&&!C){let e=u;for(;e&&e!==c&&e!==f;)u=e,e=e.parent}}i.target=u,i.newParent=f,i.moved&&(i.moved=g!==u);const y=v<0?"above":"below";return i.position=i.moved?C?"inside":y:"none",this.validateRowsDrop(i,p,y,o),t.changed||(t.changed=w(e?.dropTarget,i)),i}newRowsDrop(e,t){const{beans:a,gos:o}=this,n=a.rowModel.rootNode,r=!!(0,d._isClientSideRowModel)(o)&&o.get("rowDragManaged"),i=o.get("suppressMoveWhenRowDragging"),l=this.isFromThisGrid(e);let{rowNode:c,rowNodes:g}=e.dragItem;if(g||(g=c?[c]:[]),c||(c=g[0]),!c||!n)return null;const u=this.beans.dragAndDrop.isDropZoneWithinThisGrid(e);let h=!0;!r||g.length&&!this.shouldPreventRowMove()&&(!i&&l||u)||(h=!1);const p=(0,s._getNormalisedMousePosition)(a,e).y,m=this.getOverNode(p);return{api:a.gridApi,context:a.gridOptions.context,draggingEvent:e,rowDragManaged:r,suppressMoveWhenRowDragging:i,sameGrid:l,withinGrid:u,rootNode:n,moved:c!==m,y:p,overNode:m,overIndex:m?.rowIndex??-1,position:"none",source:c,target:m??null,newParent:null,rows:g,allowed:h,highlight:!t&&r&&i&&(u||!l)}}validateRowsDrop(e,t,a,o){const{rowDragManaged:n,suppressMoveWhenRowDragging:r}=e;t||(e.newParent=null),r&&!e.moved&&(e.allowed=!1);const i=(!n||e.allowed)&&this.gos.get("isRowValidDropPosition");if(i){t&&e.newParent&&v(e.rows,e.newParent)&&(e.newParent=null);const a=i(e);if(a){if("object"==typeof a){void 0!==a.rows&&(e.rows=a.rows??[]),t&&void 0!==a.newParent&&(e.newParent=a.newParent),void 0!==a.target&&(e.target=a.target),a.position&&(e.position=a.position),void 0!==a.allowed?e.allowed=a.allowed:n||(e.allowed=!0);const r=e.draggingEvent;a.changed&&r&&(r.changed=!0),o||void 0===a.highlight||(e.highlight=a.highlight)}}else e.allowed=!1}n&&(e.rows=this.filterRows(e)),t&&e.newParent&&v(e.rows,e.newParent)&&(e.newParent=null),!r||e.rows.length&&"none"!==e.position||(e.allowed=!1),e.allowed&&e.newParent||"inside"!==e.position||(e.position=a)}targetShouldBeParent(e,t,a){const o=e.rowIndex;if(t<-.25)return!1;if(t<.25)return!0;let n,r=o+1;const i=this.beans.rowModel;do{n=i.getRow(r++)}while(n?.footer);const l=e.childrenAfterGroup;if(n&&n.parent===e&&l?.length){const e=new Set(a);for(const t of l)if(null!==t.rowIndex&&!e.has(t))return!0}return!1}addRowDropZone(e){if(!e.getContainer())return void(0,g._warn)(55);const t=this.beans.dragAndDrop;if(t.findExternalZone(e.getContainer()))return void(0,g._warn)(56);const a={isInterestedIn:e=>e===u.DragSourceType.RowDrag,getIconName:()=>"move",external:!0,...e.fromGrid?e:{getContainer:e.getContainer,onDragEnter:e.onDragEnter&&(t=>e.onDragEnter(this.rowDragEvent("rowDragEnter",t))),onDragLeave:e.onDragLeave&&(t=>e.onDragLeave(this.rowDragEvent("rowDragLeave",t))),onDragging:e.onDragging&&(t=>e.onDragging(this.rowDragEvent("rowDragMove",t))),onDragStop:e.onDragStop&&(t=>e.onDragStop(this.rowDragEvent("rowDragEnd",t))),onDragCancel:e.onDragCancel&&(t=>e.onDragCancel(this.rowDragEvent("rowDragCancel",t)))}};t.addDropTarget(a),this.addDestroyFunc(()=>t.removeDropTarget(a))}getRowDropZone(e){return{getContainer:this.getContainer.bind(this),onDragEnter:t=>{this.onDragEnter(t),e?.onDragEnter?.(this.rowDragEvent("rowDragEnter",t))},onDragLeave:t=>{this.onDragLeave(t),e?.onDragLeave?.(this.rowDragEvent("rowDragLeave",t))},onDragging:t=>{this.onDragging(t),e?.onDragging?.(this.rowDragEvent("rowDragMove",t))},onDragStop:t=>{this.onDragStop(t),e?.onDragStop?.(this.rowDragEvent("rowDragEnd",t))},onDragCancel:t=>{this.onDragCancel(t),e?.onDragCancel?.(this.rowDragEvent("rowDragCancel",t))},fromGrid:!0}}getOverNode(e){const{pageBounds:t,rowModel:a}=this.beans,o=e>t.getCurrentPagePixelRange().pageLastPixel?-1:a.getRowIndexAtPixel(e);return o>=0?a.getRow(o):void 0}rowDragEvent(e,t){const a=this.beans,{dragItem:o,dropTarget:n,event:r,vDirection:i}=t,l=n?.rootNode===a.rowModel.rootNode,d=l?n.y:(0,s._getNormalisedMousePosition)(a,t).y,c=l?n.overNode:this.getOverNode(d),g=l?n.overIndex:c?.rowIndex??-1;return{api:a.gridApi,context:a.gridOptions.context,type:e,event:r,node:o.rowNode,nodes:o.rowNodes,overIndex:g,overNode:c,y:d,vDirection:i,rowsDrop:n}}dispatchGridEvent(e,t){const a=this.rowDragEvent(e,t);this.eventSvc.dispatchEvent(a)}onDragLeave(e){this.dispatchGridEvent("rowDragLeave",e),this.stopDragging(e)}onDragStop(e){const t=this.makeRowsDrop(this.lastDraggingEvent,e,!1,!0);this.dispatchGridEvent("rowDragEnd",e),t?.allowed&&t.rowDragManaged&&(t.suppressMoveWhenRowDragging||!t.sameGrid||this.nudger?.autoScroll.scrolling)&&this.dropRows(t),this.stopDragging(e)}onDragCancel(e){this.dispatchGridEvent("rowDragCancel",e),this.stopDragging(e)}stopDragging(e){this.nudger?.clear(),this.beans.rowDropHighlightSvc?.fromDrag(null),S(e.dragItem.rowNodes,!1)}dropRows(e){return e.sameGrid?this.csrmMoveRows(e):this.csrmAddRows(e)}csrmAddRows({position:e,target:t,rows:a}){const o=(0,d._getRowIdCallback)(this.gos),n=this.beans.rowModel,r=a.filter(({data:e,rowPinned:t})=>!n.getRowNode(o?.({data:e,level:0,rowPinned:t})??e.id)).map(({data:e})=>e);if(0===r.length)return!1;const i=t?b(t)+("above"===e?0:1):void 0;return n.updateRowData({add:r,addIndex:i}),!0}filterRows({newParent:e,rows:t}){let a;for(let o=0,n=t.length;o<n;++o){let n=!0;const r=t[o];(!r||r.footer||null===r.rowTop&&r!==this.beans.rowModel.getRowNode(r.id)||e&&r.parent!==e&&f(r,e)||!C(r))&&(n=!1),n?a?.push(r):a??(a=t.slice(0,o))}return a??t}csrmMoveRows({position:e,target:t,rows:a,newParent:o,rootNode:r}){let l=!1;const s=new Set;for(const e of a){o&&e.parent!==o&&(e.treeParent=o,l=!0);const t=C(e);t&&s.add(t)}if(!l&&0===s.size)return!1;const d=this.beans.focusSvc,g=d.getFocusedCell(),u=g&&(0,i._getCellByPosition)(this.beans,g);if(s.size&&this.reorderLeafChildren(s,...this.getMoveRowsBounds(s,t,"above"===e))&&(l=!0),!l)return!1;const h=this.beans.rowModel,p=new n.ChangedRowNodes;return p.reordered=!0,h.refreshModel({step:"group",keepRenderedRows:!0,animate:!this.gos.get("suppressAnimationFrame"),changedPath:new c.ChangedPath(!1,r),changedRowNodes:p}),u?u.focusCell():d.clearFocusedCell(),!0}getMoveRowsBounds(e,t,a){const o=this.beans.rowModel.rootNode?._leafs?.length??0;let n=t?b(t):-1;n<0||n>=o?n=o:a||++n;let r=n,i=Math.min(n,o-1);for(const t of e){const e=t.sourceRowIndex;e<r&&(r=e),e>i&&(i=e)}return[r,n,i]}reorderLeafChildren(e,t,a,o){let n=!1;const r=this.beans.rowModel.rootNode?._leafs;if(!e.size||!r)return!1;let i=t;for(let o=t;o<a;++o){const t=r[o];e.has(t)||(t.sourceRowIndex!==i&&(t.sourceRowIndex=i,r[i]=t,n=!0),++i)}let l=o;for(let t=o;t>=a;--t){const a=r[t];e.has(a)||(a.sourceRowIndex!==l&&(a.sourceRowIndex=l,r[l]=a,n=!0),--l)}for(const t of e)t.sourceRowIndex!==i&&(t.sourceRowIndex=i,r[i]=t,n=!0),++i;return n}}t.RowDragFeature=p;const m=(e,t,a)=>{if(a){const o=e.getRowCount();let n=a.rowIndex+t;for(;n>=0&&n<o;){const a=e.getRow(n);if(!a||!a.footer&&!a.detail)return a;n+=t}}},f=(e,t)=>{let a=t;for(;a;){if(a===e)return!0;a=a.parent}return!1},v=(e,t)=>{for(let a=0,o=e.length;a<o;++a)if(e[a].parent!==t)return!1;return!0},b=e=>{const t=C(e);return void 0!==t?t.sourceRowIndex:-1},C=e=>e.data?e:(0,l._firstLeaf)(e.childrenAfterGroup),w=(e,t)=>!(e===t||e&&e.sameGrid===t.sameGrid&&e.allowed===t.allowed&&e.position===t.position&&e.target===t.target&&e.source===t.source&&e.newParent===t.newParent&&(0,o._areEqual)(e.rows,t.rows)),y=({rowIndex:e},{rowIndex:t})=>null!==e&&null!==t?e-t:0,S=(e,t)=>{for(let a=0,o=e?.length||0;a<o;++a){const o=e[a];o.dragging!==t&&(o.dragging=t,o.dispatchRowEvent("draggingChanged"))}},k=(e,t)=>{let a=null,o=t.target;if(o&&t.rows.indexOf(o)<0)return null;const n=t.source;if(!o||!n)return null;let r=o.rowIndex-n.rowIndex;const i=r<0?-1:1;r=t.suppressMoveWhenRowDragging?Math.abs(r):1;const l=new Set(t.rows);do{const t=m(e,i,o);if(!t)break;l.has(t)||(a=t,--r),o=t}while(r>0);return a}},84397:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.RowDragFeatureNudger=void 0;const o=a(35628);t.RowDragFeatureNudger=class{constructor(e,t){this.beans=e,this.groupThrottled=!1,this.scrollChanged=!1,this.scrollChanging=!1,this.oldVScroll=null,this.groupTimer=null,this.groupTarget=null,this.onGroupThrottle=()=>{this.groupTimer=null,this.groupThrottled=!0,this.beans.dragAndDrop?.nudge()};const a=()=>t.scrollFeature.getVScrollPosition().top;this.autoScroll=new o.AutoScrollService({scrollContainer:t.eBodyViewport,scrollAxis:"y",getVerticalPosition:a,setVerticalPosition:e=>t.scrollFeature.setVerticalScrollPosition(e),onScrollCallback:()=>{const e=a();if(this.oldVScroll!==e)return this.oldVScroll=e,void(this.scrollChanging=!0);const t=this.scrollChanging;this.scrollChanged=t,this.scrollChanging=!1,t&&(this.beans.dragAndDrop?.nudge(),this.scrollChanged=!1)}})}updateGroup(e,t){this.groupTarget&&this.groupTarget!==e&&this.clearGroup(),e&&(t&&this.groupThrottled&&!e.expanded&&e.childrenAfterSort?.length&&e.isExpandable()&&e.setExpanded(!0,void 0,!0),e.expanded&&e.childrenAfterSort?.length&&(this.groupThrottled=!0,this.groupTarget=e))}startGroup(e){this.groupTarget=e,null===this.groupTimer&&(this.groupTimer=window.setTimeout(this.onGroupThrottle,this.beans.gos.get("rowDragInsertDelay")))}clearGroup(){this.groupThrottled=!1,this.groupTarget=null;const e=this.groupTimer;null!==e&&(this.groupTimer=null,window.clearTimeout(e))}clear(){this.clearGroup(),this.autoScroll.ensureCleared(),this.oldVScroll=null,this.scrollChanged=!1,this.scrollChanging=!1}}},92895:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.RowDragService=void 0;const o=a(68731),n=a(67274),r=a(21633),i=a(12254);class l extends o.BeanStub{constructor(){super(...arguments),this.beanName="rowDragSvc"}setupRowDrag(e,t){const a=t.createManagedBean(new i.RowDragFeature(e)),o=this.beans.dragAndDrop;o.addDropTarget(a),t.addDestroyFunc(()=>o.removeDropTarget(a)),this.rowDragFeature=a}createRowDragComp(e,t,a,o,n,i){return new r.RowDragComp(e,t,a,o,n,i)}createRowDragCompForRow(e,t){if((0,n._isCellSelectionEnabled)(this.gos))return;const a=this.getLocaleTextFunc();return this.createRowDragComp(()=>`1 ${a("rowDragRow","row")}`,e,void 0,t,void 0,!0)}createRowDragCompForCell(e,t,a,o,r,i){const l=this.gos;if(l.get("rowDragManaged")&&(!(0,n._isClientSideRowModel)(l)||l.get("pagination")))return;return this.createRowDragComp(a,e,t,o,r,i)}}t.RowDragService=l},37406:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.RowDropHighlightService=void 0;const o=a(68731);class n extends o.BeanStub{constructor(){super(...arguments),this.beanName="rowDropHighlightSvc",this.uiLevel=0,this.dragging=!1,this.row=null,this.position="none"}postConstruct(){this.addManagedEventListeners({modelUpdated:this.onModelUpdated.bind(this)})}onModelUpdated(){const e=this.row,t=this.dragging;e&&null!==e?.rowIndex&&"none"!==this.position?this.set(e,this.position):this.clear(),this.dragging=t}destroy(){this.clear(),super.destroy()}clear(){const e=this.row;this.dragging=!1,e&&(this.uiLevel=0,this.position="none",this.row=null,e.dispatchRowEvent("rowHighlightChanged"))}set(e,t){const a=e!==this.row,o=e.uiLevel,n=t!==this.position,r=o!==this.uiLevel;this.dragging=!1,(a||n||r)&&(a&&this.clear(),this.uiLevel=o,this.position=t,this.row=e,e.dispatchRowEvent("rowHighlightChanged"))}fromDrag(e){const t=e?.dropTarget;if(t){const{highlight:e,target:a,position:o}=t;if(e&&a&&"none"!==o)return this.set(a,o),void(this.dragging=!0)}this.dragging&&this.clear()}}t.RowDropHighlightService=n},26564:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.cellEditingCSS=void 0,t.cellEditingCSS=".ag-cell-inline-editing{border:var(--ag-cell-editing-border)!important;border-radius:var(--ag-border-radius);box-shadow:var(--ag-cell-editing-shadow);padding:0;z-index:1;.ag-cell-edit-wrapper,.ag-cell-editor,.ag-cell-wrapper,:where(.ag-cell-editor) .ag-input-field-input,:where(.ag-cell-editor) .ag-wrapper{height:100%;line-height:normal;min-height:100%;width:100%}&.ag-cell-editing-error{border-color:var(--ag-invalid-color)!important}}:where(.ag-popup-editor) .ag-large-text{background-color:var(--ag-background-color);border-radius:var(--ag-border-radius);box-shadow:var(--ag-dropdown-shadow);padding:0}.ag-large-text-input{display:block;height:auto;padding:var(--ag-cell-horizontal-padding)}:where(.ag-rtl .ag-large-text-input) textarea{resize:none}:where(.ag-ltr) .ag-checkbox-edit{padding-left:var(--ag-cell-horizontal-padding)}:where(.ag-rtl) .ag-checkbox-edit{padding-right:var(--ag-cell-horizontal-padding)}:where(.ag-row.ag-row-editing-invalid .ag-cell-inline-editing){opacity:.8}.ag-popup-editor{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}"},3336:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.AgAbstractCellEditor=void 0;const o=a(75298);class n extends o.AgPopupComponent{constructor(){super(...arguments),this.errorMessages=null}init(e){this.params=e,this.initialiseEditor(e),this.eEditor.onValueChange(()=>e.validate())}destroy(){this.errorMessages=null}}t.AgAbstractCellEditor=n},50227:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.CheckboxCellEditor=void 0;const o=a(91668),n=a(91623),r=a(18531),i=a(3336),l={tag:"div",cls:"ag-cell-wrapper ag-cell-edit-wrapper ag-checkbox-edit",children:[{tag:"ag-checkbox",ref:"eEditor",role:"presentation"}]};class s extends i.AgAbstractCellEditor{constructor(){super(l,[r.AgCheckboxSelector]),this.eEditor=o.RefPlaceholder}initialiseEditor(e){const t=e.value??void 0,a=this.eEditor;a.setValue(t);a.getInputElement().setAttribute("tabindex","-1"),this.setAriaLabel(t),this.addManagedListeners(a,{fieldValueChanged:e=>this.setAriaLabel(e.selected)})}getValue(){return this.eEditor.getValue()}focusIn(){this.eEditor.getFocusableElement().focus()}afterGuiAttached(){this.params.cellStartedEdit&&this.focusIn()}isPopup(){return!1}setAriaLabel(e){const t=this.getLocaleTextFunc(),a=(0,n._getAriaCheckboxStateName)(t,e),o=t("ariaToggleCellValue","Press SPACE to toggle cell value");this.eEditor.setInputAriaLabel(`${o} (${a})`)}getValidationElement(e){return e?this.params.eGridCell:this.eEditor.getInputElement()}getValidationErrors(){const{params:e}=this,{getValidationErrors:t}=e,a=this.getValue();return t?t({value:a,internalErrors:null,cellEditorParams:e}):null}}t.CheckboxCellEditor=s},65314:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.DateCellEditor=void 0;const o=a(97066),n=a(89097),r=a(65310),i=a(65336),l={tag:"ag-input-date-field",ref:"eEditor",cls:"ag-cell-editor"};class s{constructor(e,t){this.getDataTypeService=e,this.getLocaleTextFunc=t}getTemplate(){return l}getAgComponents(){return[r.AgInputDateFieldSelector]}init(e,t){this.eEditor=e,this.params=t;const{min:a,max:o,step:n,colDef:r}=t;null!=a&&e.setMin(a),null!=o&&e.setMax(o),null!=n&&e.setStep(n),this.includeTime=t.includeTime??this.getDataTypeService()?.getDateIncludesTimeFlag?.(r.cellDataType),null!=this.includeTime&&e.setIncludeTime(this.includeTime)}getValidationErrors(){const e=this.eEditor.getInputElement().valueAsDate,{params:t}=this,{min:a,max:o,getValidationErrors:n}=t;let r=[];const i=this.getLocaleTextFunc();if(e instanceof Date&&!isNaN(e.getTime())){if(a){const t=a instanceof Date?a:new Date(a);if(e<t){const e=t.toLocaleDateString();r.push(i("minDateValidation",`Date must be after ${e}`,[e]))}}if(o){const t=o instanceof Date?o:new Date(o);if(e>t){const e=t.toLocaleDateString();r.push(i("maxDateValidation",`Date must be before ${e}`,[e]))}}}return r.length||(r=null),n?n({value:e,cellEditorParams:t,internalErrors:r}):r}getValue(){const{eEditor:e,params:t}=this,a=e.getDate();return(0,n._exists)(a)||(0,n._exists)(t.value)?a??null:t.value}getStartValue(){const{value:e}=this.params;if(e instanceof Date)return(0,o._serialiseDate)(e,this.includeTime??!1)}}class d extends i.SimpleCellEditor{constructor(){super(new s(()=>this.beans.dataTypeSvc,()=>this.getLocaleTextFunc()))}}t.DateCellEditor=d},72059:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.DateStringCellEditor=void 0;const o=a(97066),n=a(89097),r=a(65310),i=a(65336),l={tag:"ag-input-date-field",ref:"eEditor",cls:"ag-cell-editor"};class s{constructor(e,t){this.getDataTypeService=e,this.getLocaleTextFunc=t}getTemplate(){return l}getAgComponents(){return[r.AgInputDateFieldSelector]}init(e,t){this.eEditor=e,this.params=t;const{min:a,max:o,step:n,colDef:r}=t;null!=a&&e.setMin(a),null!=o&&e.setMax(o),null!=n&&e.setStep(n),this.includeTime=t.includeTime??this.getDataTypeService()?.getDateIncludesTimeFlag?.(r.cellDataType),null!=this.includeTime&&e.setIncludeTime(this.includeTime)}getValidationErrors(){const{eEditor:e,params:t}=this,a=e.getInputElement().value,o=this.formatDate(this.parseDate(a??void 0)),{min:n,max:r,getValidationErrors:i}=t;let l=[];if(o){const e=new Date(o),t=this.getLocaleTextFunc();if(n){const a=new Date(n);if(e<a){const e=a.toLocaleDateString();l.push(t("minDateValidation",`Date must be after ${e}`,[e]))}}if(r){const a=new Date(r);if(e>a){const e=a.toLocaleDateString();l.push(t("maxDateValidation",`Date must be before ${e}`,[e]))}}}return l.length||(l=null),i?i({value:this.getValue(),cellEditorParams:t,internalErrors:l}):l}getValue(){const{params:e,eEditor:t}=this,a=this.formatDate(t.getDate());return(0,n._exists)(a)||(0,n._exists)(e.value)?e.parseValue(a??""):e.value}getStartValue(){return(0,o._serialiseDate)(this.parseDate(this.params.value??void 0)??null,this.includeTime??!1)}parseDate(e){const t=this.getDataTypeService();return t?t.getDateParserFunction(this.params.column)(e):(0,o._parseDateTimeFromString)(e)??void 0}formatDate(e){const t=this.getDataTypeService();return t?t.getDateFormatterFunction(this.params.column)(e):(0,o._serialiseDate)(e??null,this.includeTime??!1)??void 0}}class d extends i.SimpleCellEditor{constructor(){super(new s(()=>this.beans.dataTypeSvc,()=>this.getLocaleTextFunc()))}}t.DateStringCellEditor=d},74578:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.LargeTextCellEditor=void 0;const o=a(59926),n=a(91668),r=a(89097),i=a(69878),l=a(3336),s={tag:"div",cls:"ag-large-text",children:[{tag:"ag-input-text-area",ref:"eEditor",cls:"ag-large-text-input"}]};class d extends l.AgAbstractCellEditor{constructor(){super(s,[i.AgInputTextAreaSelector]),this.eEditor=n.RefPlaceholder}initialiseEditor(e){const{eEditor:t}=this,{cellStartedEdit:a,eventKey:n,maxLength:r,cols:i,rows:l}=e;let s;this.focusAfterAttached=a,t.getInputElement().setAttribute("title",""),t.setMaxLength(r||200).setCols(i||60).setRows(l||10),a?(this.focusAfterAttached=!0,n===o.KeyCode.BACKSPACE||n===o.KeyCode.DELETE?s="":n&&1===n.length?s=n:(s=this.getStartValue(e),n!==o.KeyCode.F2&&(this.highlightAllOnFocus=!0))):(this.focusAfterAttached=!1,s=this.getStartValue(e)),null!=s&&t.setValue(s,!0),this.addGuiEventListener("keydown",this.onKeyDown.bind(this)),this.activateTabIndex()}getStartValue(e){const{value:t}=e;return t?.toString()??t}onKeyDown(e){const t=e.key;(t===o.KeyCode.LEFT||t===o.KeyCode.UP||t===o.KeyCode.RIGHT||t===o.KeyCode.DOWN||e.shiftKey&&t===o.KeyCode.ENTER)&&e.stopPropagation()}afterGuiAttached(){const{eEditor:e,focusAfterAttached:t,highlightAllOnFocus:a}=this,o=this.getLocaleTextFunc();e.setInputAriaLabel(o("ariaInputEditor","Input Editor")),t&&(e.getFocusableElement().focus(),a&&e.getInputElement().select())}getValue(){const{eEditor:e,params:t}=this,{value:a}=t,o=e.getValue();return(0,r._exists)(o)||(0,r._exists)(a)?t.parseValue(o):a}getValidationElement(){return this.eEditor.getInputElement()}getValidationErrors(){const{params:e}=this,{maxLength:t,getValidationErrors:a}=e,o=this.getLocaleTextFunc(),n=this.getValue();let r=[];return"string"==typeof n&&null!=t&&n.length>t&&r.push(o("maxLengthValidation",`Must be ${t} characters or fewer.`,[String(t)])),r.length||(r=null),a?a({value:n,internalErrors:r,cellEditorParams:e}):r}}t.LargeTextCellEditor=d},44371:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.NumberCellEditor=void 0;const o=a(59926),n=a(36916),r=a(89097),i=a(25721),l=a(65336),s={tag:"ag-input-number-field",ref:"eEditor",cls:"ag-cell-editor"};class d{constructor(e){this.getLocaleTextFunc=e}getTemplate(){return s}getAgComponents(){return[i.AgInputNumberFieldSelector]}init(e,t){this.eEditor=e,this.params=t;const{max:a,min:o,precision:n,step:r}=t;null!=a&&e.setMax(a),null!=o&&e.setMin(o),null!=n&&e.setPrecision(n),null!=r&&e.setStep(r);const i=e.getInputElement();t.preventStepping?e.addManagedElementListeners(i,{keydown:this.preventStepping}):t.showStepperButtons&&i.classList.add("ag-number-field-input-stepper")}getValidationErrors(){const{params:e}=this,{min:t,max:a,getValidationErrors:o}=e,n=this.eEditor.getInputElement().valueAsNumber,r=this.getLocaleTextFunc();let i=[];return"number"==typeof n&&(null!=t&&n<t&&i.push(r("minValueValidation",`Must be greater than or equal to ${t}.`,[String(t)])),null!=a&&n>a&&i.push(r("maxValueValidation",`Must be less than or equal to ${a}.`,[String(a)]))),i.length||(i=null),o?o({value:n,cellEditorParams:e,internalErrors:i}):i}preventStepping(e){e.key!==o.KeyCode.UP&&e.key!==o.KeyCode.DOWN||e.preventDefault()}getValue(){const{eEditor:e,params:t}=this,a=e.getValue();if(!(0,r._exists)(a)&&!(0,r._exists)(t.value))return t.value;let o=t.parseValue(a);if(null==o)return o;if("string"==typeof o){if(""===o)return null;o=Number(o)}return isNaN(o)?null:o}getStartValue(){return this.params.value}setCaret(){(0,n._isBrowserSafari)()&&this.eEditor.getInputElement().focus({preventScroll:!0})}}class c extends l.SimpleCellEditor{constructor(){super(new d(()=>this.getLocaleTextFunc()))}}t.NumberCellEditor=c},55609:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.PopupEditorWrapper=void 0;const o=a(75298),n=a(67274),r=a(83552),i={tag:"div",cls:"ag-popup-editor",attrs:{tabindex:"-1"}};class l extends o.AgPopupComponent{constructor(e){super(i),this.params=e}postConstruct(){(0,n._setDomData)(this.gos,this.getGui(),"popupEditorWrapper",!0),this.addKeyDownListener()}addKeyDownListener(){const e=this.getGui(),t=this.params;this.addManagedElementListeners(e,{keydown:e=>{(0,r._isUserSuppressingKeyboardEvent)(this.gos,e,t.node,t.column,!0)||t.onKeyDown(e)}})}}t.PopupEditorWrapper=l},28774:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.SelectCellEditor=void 0;const o=a(59926),n=a(91668),r=a(89097),i=a(69234),l=a(47764),s=a(3336),d={tag:"div",cls:"ag-cell-edit-wrapper",children:[{tag:"ag-select",ref:"eEditor",cls:"ag-cell-editor"}]};class c extends s.AgAbstractCellEditor{wireBeans(e){this.valueSvc=e.valueSvc}constructor(){super(d,[i.AgSelectSelector]),this.eEditor=n.RefPlaceholder,this.startedByEnter=!1}initialiseEditor(e){this.focusAfterAttached=e.cellStartedEdit;const{eEditor:t,valueSvc:a,gos:n}=this,{values:i,value:s,eventKey:d}=e;if((0,r._missing)(i))return void(0,l._warn)(58);this.startedByEnter=null!=d&&d===o.KeyCode.ENTER;let c=!1;i.forEach(o=>{const n={value:o},r=a.formatValue(e.column,null,o),i=null!=r;n.text=i?r:o,t.addOption(n),c=c||s===o}),c?t.setValue(e.value,!0):e.values.length&&t.setValue(e.values[0],!0);const{valueListGap:g,valueListMaxWidth:u,valueListMaxHeight:h}=e;null!=g&&t.setPickerGap(g),null!=h&&t.setPickerMaxHeight(h),null!=u&&t.setPickerMaxWidth(u),"fullRow"!==n.get("editType")&&this.addManagedListeners(this.eEditor,{selectedItem:()=>e.stopEditing()})}afterGuiAttached(){this.focusAfterAttached&&this.eEditor.getFocusableElement().focus(),this.startedByEnter&&setTimeout(()=>{this.isAlive()&&this.eEditor.showPicker()})}focusIn(){this.eEditor.getFocusableElement().focus()}getValue(){return this.eEditor.getValue()}isPopup(){return!1}getValidationElement(){return this.eEditor.getAriaElement()}getValidationErrors(){const{params:e}=this,{values:t,getValidationErrors:a}=e,o=this.getValue();let n=[];if(t&&!t.includes(o)){const e=this.getLocaleTextFunc();n.push(e("invalidSelectionValidation","Invalid selection."))}else n=null;return a?a({value:o,internalErrors:n,cellEditorParams:e}):n}}t.SelectCellEditor=c},65336:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.SimpleCellEditor=void 0;const o=a(59926),n=a(91668),r=a(36916),i=a(3336);class l extends i.AgAbstractCellEditor{constructor(e){super(),this.cellEditorInput=e,this.eEditor=n.RefPlaceholder}initialiseEditor(e){const{cellEditorInput:t}=this;this.setTemplate({tag:"div",cls:"ag-cell-edit-wrapper",children:[t.getTemplate()]},t.getAgComponents());const{eEditor:a}=this,{cellStartedEdit:n,eventKey:r,suppressPreventDefault:i}=e;let l;a.getInputElement().setAttribute("title",""),t.init(a,e);let s=!0;n?(this.focusAfterAttached=!0,r===o.KeyCode.BACKSPACE||r===o.KeyCode.DELETE?l="":r&&1===r.length?i?s=!1:l=r:(l=t.getStartValue(),r!==o.KeyCode.F2&&(this.highlightAllOnFocus=!0))):(this.focusAfterAttached=!1,l=t.getStartValue()),s&&null!=l&&a.setStartValue(l),this.addGuiEventListener("keydown",e=>{const{key:t}=e;t!==o.KeyCode.PAGE_UP&&t!==o.KeyCode.PAGE_DOWN||e.preventDefault()})}afterGuiAttached(){const e=this.getLocaleTextFunc(),t=this.eEditor;if(t.setInputAriaLabel(e("ariaInputEditor","Input Editor")),!this.focusAfterAttached)return;(0,r._isBrowserSafari)()||t.getFocusableElement().focus();const a=t.getInputElement();this.highlightAllOnFocus?a.select():this.cellEditorInput.setCaret?.()}focusIn(){const{eEditor:e}=this,t=e.getFocusableElement(),a=e.getInputElement();t.focus(),a.select()}getValue(){return this.cellEditorInput.getValue()}isPopup(){return!1}getValidationElement(){return this.eEditor.getInputElement()}getValidationErrors(){return this.cellEditorInput.getValidationErrors()}}t.SimpleCellEditor=l},15457:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.TextCellEditor=void 0;const o=a(36916),n=a(89097),r=a(89863),i=a(65336),l={tag:"ag-input-text-field",ref:"eEditor",cls:"ag-cell-editor"};class s{constructor(e){this.getLocaleTextFunc=e}getTemplate(){return l}getAgComponents(){return[r.AgInputTextFieldSelector]}init(e,t){this.eEditor=e,this.params=t;const a=t.maxLength;null!=a&&e.setMaxLength(a)}getValidationErrors(){const{params:e}=this,{maxLength:t,getValidationErrors:a}=e,o=this.getValue(),n=this.getLocaleTextFunc();let r=[];return null!=t&&"string"==typeof o&&o.length>t&&r.push(n("maxLengthValidation",`Must be ${t} characters or fewer.`,[String(t)])),r.length||(r=null),a?a({value:o,cellEditorParams:e,internalErrors:r}):r}getValue(){const{eEditor:e,params:t}=this,a=e.getValue();return(0,n._exists)(a)||(0,n._exists)(t.value)?t.parseValue(a):t.value}getStartValue(){const e=this.params;return e.useFormatter||e.column.getColDef().refData?e.formatValue(e.value):e.value}setCaret(){(0,o._isBrowserSafari)()&&this.eEditor.getInputElement().focus({preventScroll:!0});const e=this.eEditor,t=e.getValue(),a=(0,n._exists)(t)&&t.length||0;a&&e.getInputElement().setSelectionRange(a,a)}}class d extends i.SimpleCellEditor{constructor(){super(new s(()=>this.getLocaleTextFunc()))}}t.TextCellEditor=d},52470:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.getCurrentRedoSize=t.getCurrentUndoSize=t.validateEdit=t.startEditingCell=t.isEditing=t.stopEditing=t.getEditingCells=t.getEditRowValues=t.redoCellEditing=t.undoCellEditing=void 0;const o=a(11765),n=a(6257),r=a(47764),i=a(1081),l=a(78994);t.undoCellEditing=function(e){e.undoRedo?.undo("api")},t.redoCellEditing=function(e){e.undoRedo?.redo("api")},t.getEditRowValues=function(e,t){return e.editModelSvc?.getEditRowDataValue(t,{checkSiblings:!0})},t.getEditingCells=function(e){const t=e.editModelSvc?.getEditMap(),a=[];return t?.forEach((e,t)=>{const{rowIndex:o,rowPinned:n}=t;e.forEach((e,t)=>{const{editorValue:r,pendingValue:i,sourceValue:s,state:d}=e,c=(0,l._sourceAndPendingDiffer)(e);let g=r??i;g===l.UNEDITED&&(g=void 0);const u={newValue:g,oldValue:s,state:d,column:t,colId:t.getColId(),colKey:t.getColId(),rowIndex:o,rowPinned:n};("editing"===d||"changed"===d&&c)&&a.push(u)})}),a},t.stopEditing=function(e,t=!1){const{editSvc:a}=e;if(a?.isBatchEditing()){if(t)for(const t of e.editModelSvc?.getEditPositions()??[])"editing"===t.state&&a.revertSingleCellEdit(t);else(0,l._syncFromEditors)(e,{persist:!0});(0,l._destroyEditors)(e,void 0,{cancel:t})}else a?.stopEditing(void 0,{cancel:t,source:"edit",forceStop:!t,forceCancel:t})},t.isEditing=function(e,t){const a=(0,i._getCellCtrl)(e,t);return e.editSvc?.isEditing(a)??!1},t.startEditingCell=function(e,t){const{key:a,colKey:i,rowIndex:l,rowPinned:s}=t,{editSvc:d,colModel:c}=e,g=c.getCol(i);if(!g)return void(0,r._warn)(12,{colKey:i});const u={rowIndex:l,rowPinned:s||null,column:g},h=(0,n._getRowNode)(e,u);if(!h)return void(0,r._warn)(290,{rowIndex:l,rowPinned:s});if(!g.isCellEditable(h))return;null==s&&(0,o.ensureIndexVisible)(e,l),(0,o.ensureColumnVisible)(e,i),d?.startEditing({rowNode:h,column:g},{event:a?new KeyboardEvent("keydown",{key:a}):void 0,source:"api"})},t.validateEdit=function(e){return e.editSvc?.validateEdit()||null},t.getCurrentUndoSize=function(e){return e.undoRedo?.getCurrentUndoStackSize()??0},t.getCurrentRedoSize=function(e){return e.undoRedo?.getCurrentRedoStackSize()??0}},68544:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.EditRowValidationModel=t.EditCellValidationModel=t.EditModelService=void 0;const o=a(68731),n=a(78994);class r extends o.BeanStub{constructor(){super(...arguments),this.beanName="editModelSvc",this.edits=new Map,this.cellValidations=new i,this.rowValidations=new l,this.suspendEdits=!1}suspend(e){this.suspendEdits=e}removeEdits({rowNode:e,column:t}){if(!this.hasEdits({rowNode:e})||!e)return;const a=this.getEditRow(e);t?a.delete(t):a.clear(),0===a.size&&this.edits.delete(e)}getEditRow(e,t={}){if(this.suspendEdits)return;if(0===this.edits.size)return;const a=e&&this.edits.get(e);if(a)return a;if(t.checkSiblings){const t=e.pinnedSibling;if(t)return this.getEditRow(t)}}getEditRowDataValue(e,{checkSiblings:t}={}){if(!e||0===this.edits.size)return;const a=this.getEditRow(e),o=e.pinnedSibling,r=t&&o&&this.getEditRow(o);if(!a&&!r)return;const i=Object.assign({},e.data),l=(e,t)=>e.forEach(({pendingValue:e},a)=>{e!==n.UNEDITED&&(t[a.getColId()]=e)});return a&&l(a,i),r&&l(r,i),i}getEdit(e,t){const a=this._getEdit(e);return t&&a?{...a}:a}_getEdit(e){if(!this.suspendEdits&&0!==this.edits.size)return e.rowNode&&e.column&&this.getEditRow(e.rowNode)?.get(e.column)}getEditMap(e=!0){if(this.suspendEdits||0===this.edits.size)return new Map;if(!e)return this.edits;const t=new Map;return this.edits.forEach((e,a)=>{const o=new Map;e.forEach(({editorState:e,...t},a)=>o.set(a,{...t})),t.set(a,o)}),t}setEditMap(e){this.edits.clear(),e.forEach((e,t)=>{const a=new Map;e.forEach((e,t)=>a.set(t,{...e})),this.edits.set(t,a)})}setEdit(e,t){(0===this.edits.size||!this.edits.has(e.rowNode))&&this.edits.set(e.rowNode,new Map);const a=this._getEdit(e),o=Object.assign({editorState:{isCancelAfterEnd:void 0,isCancelBeforeStart:void 0},...a,...t});return this.getEditRow(e.rowNode).set(e.column,o),o}clearEditValue(e){const{rowNode:t,column:a}=e;if(t)if(a){const t=this._getEdit(e);t&&(t.editorValue=void 0,t.pendingValue=t.sourceValue,t.state="changed")}else this.getEditRow(t)?.forEach(e=>{e.editorValue=void 0,e.pendingValue=e.sourceValue,e.state="changed"})}getState(e){if(!this.suspendEdits)return this.getEdit(e)?.state}getEditPositions(e){if(this.suspendEdits||0===(e??this.edits).size)return[];const t=[];return(e??this.edits).forEach((e,a)=>{for(const o of e.keys()){const{editorState:n,...r}=e.get(o);t.push({rowNode:a,column:o,...r})}}),t}hasRowEdits(e,t){if(this.suspendEdits)return!1;if(0===this.edits.size)return!1;return!!this.getEditRow(e,t)}hasEdits(e={},t={}){if(this.suspendEdits)return!1;if(0===this.edits.size)return!1;const{rowNode:a,column:o}=e,{withOpenEditor:n}=t;if(a){const r=this.getEditRow(a,t);return!!r&&(o?n?"editing"===this.getEdit(e)?.state:r.has(o)??!1:0!==r.size&&(!n||Array.from(r.values()).some(({state:e})=>"editing"===e)))}return n?this.getEditPositions().some(({state:e})=>"editing"===e):this.edits.size>0}start(e){const t=this.getEditRow(e.rowNode)??new Map,{rowNode:a,column:o}=e;o&&!t.has(o)&&t.set(o,{editorValue:void 0,pendingValue:n.UNEDITED,sourceValue:this.beans.valueSvc.getValue(o,a,!1,"api"),state:"editing",editorState:{isCancelAfterEnd:void 0,isCancelBeforeStart:void 0}}),this.edits.set(a,t)}stop(e){this.hasEdits(e)&&(e?this.removeEdits(e):this.clear())}clear(){for(const e of this.edits.values())e.clear();this.edits.clear()}getCellValidationModel(){return this.cellValidations}getRowValidationModel(){return this.rowValidations}setCellValidationModel(e){this.cellValidations=e}setRowValidationModel(e){this.rowValidations=e}destroy(){super.destroy(),this.clear()}}t.EditModelService=r;class i{constructor(){this.cellValidations=new Map}getCellValidation(e){const{rowNode:t,column:a}=e||{};return this.cellValidations?.get(t)?.get(a)}hasCellValidation(e){return e?.rowNode&&e.column?!!this.getCellValidation(e):this.cellValidations.size>0}setCellValidation(e,t){const{rowNode:a,column:o}=e;this.cellValidations.has(a)||this.cellValidations.set(a,new Map),this.cellValidations.get(a).set(o,t)}clearCellValidation(e){const{rowNode:t,column:a}=e;this.cellValidations.get(t)?.delete(a)}setCellValidationMap(e){this.cellValidations=e}getCellValidationMap(){return this.cellValidations}clearCellValidationMap(){this.cellValidations.clear()}}t.EditCellValidationModel=i;class l{constructor(){this.rowValidations=new Map}getRowValidation(e){const{rowNode:t}=e||{};return this.rowValidations.get(t)}hasRowValidation(e){return e?.rowNode?!!this.getRowValidation(e):this.rowValidations.size>0}setRowValidation({rowNode:e},t){this.rowValidations.set(e,t)}clearRowValidation({rowNode:e}){this.rowValidations.delete(e)}setRowValidationMap(e){this.rowValidations=e}getRowValidationMap(){return this.rowValidations}clearRowValidationMap(){this.rowValidations.clear()}}t.EditRowValidationModel=l},84652:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.CustomEditorModule=t.LargeTextEditorModule=t.SelectEditorModule=t.CheckboxEditorModule=t.DateEditorModule=t.NumberEditorModule=t.TextEditorModule=t.UndoRedoEditModule=t.EditCoreModule=void 0;const o=a(34658),n=a(57113),r=a(97205),i=a(3137),l=a(26564),s=a(50227),d=a(65314),c=a(72059),g=a(74578),u=a(44371),h=a(28774),p=a(15457),m=a(52470),f=a(68544),v=a(61277),b=a(40104),C=a(30149),w=a(78994);t.EditCoreModule={moduleName:"EditCore",version:r.VERSION,beans:[f.EditModelService,v.EditService],apiFunctions:{getEditingCells:m.getEditingCells,getEditRowValues:m.getEditRowValues,getCellEditorInstances:w.getCellEditorInstances,startEditingCell:m.startEditingCell,stopEditing:m.stopEditing,isEditing:m.isEditing,validateEdit:m.validateEdit},dynamicBeans:{singleCell:C.SingleCellEditStrategy,fullRow:b.FullRowEditStrategy},dependsOn:[i.PopupModule,o.TooltipModule],css:[l.cellEditingCSS]},t.UndoRedoEditModule={moduleName:"UndoRedoEdit",version:r.VERSION,beans:[n.UndoRedoService],apiFunctions:{undoCellEditing:m.undoCellEditing,redoCellEditing:m.redoCellEditing,getCurrentUndoSize:m.getCurrentUndoSize,getCurrentRedoSize:m.getCurrentRedoSize},dependsOn:[t.EditCoreModule]},t.TextEditorModule={moduleName:"TextEditor",version:r.VERSION,userComponents:{agCellEditor:p.TextCellEditor,agTextCellEditor:p.TextCellEditor},dependsOn:[t.EditCoreModule]},t.NumberEditorModule={moduleName:"NumberEditor",version:r.VERSION,userComponents:{agNumberCellEditor:{classImp:u.NumberCellEditor}},dependsOn:[t.EditCoreModule]},t.DateEditorModule={moduleName:"DateEditor",version:r.VERSION,userComponents:{agDateCellEditor:d.DateCellEditor,agDateStringCellEditor:c.DateStringCellEditor},dependsOn:[t.EditCoreModule]},t.CheckboxEditorModule={moduleName:"CheckboxEditor",version:r.VERSION,userComponents:{agCheckboxCellEditor:s.CheckboxCellEditor},dependsOn:[t.EditCoreModule]},t.SelectEditorModule={moduleName:"SelectEditor",version:r.VERSION,userComponents:{agSelectCellEditor:h.SelectCellEditor},dependsOn:[t.EditCoreModule]},t.LargeTextEditorModule={moduleName:"LargeTextEditor",version:r.VERSION,userComponents:{agLargeTextCellEditor:g.LargeTextCellEditor},dependsOn:[t.EditCoreModule]},t.CustomEditorModule={moduleName:"CustomEditor",version:r.VERSION,dependsOn:[t.EditCoreModule]}},61277:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.EditService=void 0;const o=a(59926),n=a(68731),r=a(6257),i=a(67274),l=a(60814),s=a(55609),d=a(86040),c=a(46904),g=a(13536),u=a(1081),h=a(78994),p=a(11539),m=new Set(["undo","redo","paste","bulk","rangeSvc"]),f=new Set(["ui","api"]),v={paste:"api",rangeSvc:"api",fillHandle:"api",cellClear:"api",bulk:"api"},b=new Set(Object.keys(v)),C=new Set(["paste","rangeSvc","renderer","cellClear","redo","undo"]),w={cancel:!0,source:"api"},y={cancel:!1,source:"api"},S={checkSiblings:!0},k={force:!0,suppressFlash:!0};class x extends n.BeanStub{constructor(){super(...arguments),this.beanName="editSvc",this.batch=!1,this.stopping=!1,this.committing=!1}postConstruct(){const{beans:e}=this;this.model=e.editModelSvc,this.valueSvc=e.valueSvc,this.rangeSvc=e.rangeSvc,this.addManagedPropertyListener("editType",({currentValue:e})=>{this.stopEditing(void 0,w),this.createStrategy(e)});const t=(0,p._refreshEditCells)(e),a=()=>{const t=this.model.getCellValidationModel().getCellValidationMap().size>0,a=this.model.getRowValidationModel().getRowValidationMap().size>0;return t||a?this.stopEditing(void 0,w):this.isEditing()&&(this.isBatchEditing()?(0,h._destroyEditors)(e,this.model.getEditPositions()):this.stopEditing(void 0,y)),!1};this.addManagedEventListeners({columnPinned:t,columnVisible:t,columnRowGroupChanged:t,rowExpansionStateChanged:t,pinnedRowsChanged:t,displayedRowsChanged:t,sortChanged:a,filterChanged:a,cellFocused:this.onCellFocused.bind(this)})}isBatchEditing(){return this.batch}setBatchEditing(e){e?(this.batch=!0,this.stopEditing(void 0,w)):(this.stopEditing(void 0,w),this.batch=!1)}createStrategy(e){const{beans:t,gos:a,strategy:o}=this,n=E(a,e);if(o){if(o.beanName===n)return o;this.destroyStrategy()}return this.strategy=this.createOptionalManagedBean(t.registry.createDynamicBean(n,!0))}destroyStrategy(){this.strategy&&(this.strategy.destroy(),this.strategy=this.destroyBean(this.strategy))}shouldStartEditing(e,t,a,o="ui"){const n=(0,d.shouldStartEditing)(this.beans,e,t,a,o);return n&&(this.strategy??(this.strategy=this.createStrategy())),n}shouldStopEditing(e,t,a="ui"){return this.strategy?.shouldStop(e,t,a)??null}shouldCancelEditing(e,t,a="ui"){return this.strategy?.shouldCancel(e,t,a)??null}validateEdit(){return(0,h._validateEdit)(this.beans)}isEditing(e,t){return this.model.hasEdits(e,t??S)}isRowEditing(e,t){return(e&&this.model.hasRowEdits(e,t))??!1}startEditing(e,t){const{startedEdit:a=!0,event:o=null,source:n="ui",ignoreEventKey:r=!1,silent:i}=t;if(this.strategy??(this.strategy=this.createStrategy()),!this.isCellEditable(e,"api"))return;const l=(0,u._getCellCtrl)(this.beans,e);if(l&&!l.comp)return void l.onCompAttachedFuncs.push(()=>this.startEditing(e,t));const s=this.shouldStartEditing(e,o,a,n);!1!==s||"api"===n?(this.batch||!this.shouldStopEditing(e,void 0,n)||t.continueEditing||this.stopEditing(void 0,{source:n}),s&&this.isBatchEditing()&&this.dispatchBatchEvent("batchEditingStarted",new Map),this.strategy.start({position:e,event:o,source:n,ignoreEventKey:r,startedEdit:a,silent:i})):this.isEditing(e)&&this.stopEditing()}stopEditing(e,t){const{event:a,cancel:n,source:r="ui",forceCancel:i,forceStop:l}=t||{},{beans:s,model:d}=this;if(b.has(r)&&this.isBatchEditing())return this.bulkRefresh(e),!1;const c=this.committing?v[r]:r;if(!(this.committing||this.isEditing(e)||this.isBatchEditing()&&d.hasEdits(e,S))||!this.strategy||this.stopping)return!1;this.stopping=!0;const g=(0,u._getCellCtrl)(s,e);g&&(g.onEditorAttachedFuncs=[]);let p=d.getEditMap(!0),m=!1;const f=!n&&(!!this.shouldStopEditing(e,a,c)||this.committing&&!this.batch)||(l??!1),C=n&&!!this.shouldCancelEditing(e,a,c)||(i??!1);if(f||C){(0,h._syncFromEditors)(s,{persist:!0,isCancelling:C||n,isStopping:f});const e=d.getEditMap(),t=this.processEdits(e,n,r);this.strategy?.stop(n,a);for(const e of t)d.clearEditValue(e);this.bulkRefresh(void 0,p);for(const t of d.getEditPositions(e)){const e=(0,u._getCellCtrl)(s,t),a=(0,h._sourceAndPendingDiffer)(t);e?.refreshCell({force:!0,suppressFlash:!a})}p=e,m||(m=f)}else if(a instanceof KeyboardEvent&&this.batch&&this.strategy?.midBatchInputsAllowed(e)&&this.isEditing(e,{withOpenEditor:!0})){const{key:t}=a,n=t===o.KeyCode.ENTER,r=t===o.KeyCode.ESCAPE,i=t===o.KeyCode.TAB;(n||i||r)&&(n||i?(0,h._syncFromEditors)(s,{persist:!0}):r&&this.revertSingleCellEdit(g),this.isBatchEditing()?this.strategy?.cleanupEditors():(0,h._destroyEditors)(s,d.getEditPositions(),{event:a,cancel:r}),a.preventDefault(),this.bulkRefresh(e,p,{suppressFlash:!0}),p=d.getEditMap())}else(0,h._syncFromEditors)(s,{persist:!0}),p=d.getEditMap();return m&&e&&this.model.removeEdits(e),this.navigateAfterEdit(t,g?.cellPosition),(0,h._purgeUnchangedEdits)(s),this.model.hasEdits()||(this.model.getCellValidationModel().clearCellValidationMap(),this.model.getRowValidationModel().clearRowValidationMap()),this.bulkRefresh(),C&&this.beans.rowRenderer.refreshRows({rowNodes:Array.from(p.keys())}),this.isBatchEditing()&&(this.beans.rowRenderer.refreshRows({suppressFlash:!0,force:!0}),m&&f&&this.dispatchBatchEvent("batchEditingStopped",p)),this.stopping=!1,m}navigateAfterEdit(e,t){if(!e||!t)return;const{event:a,suppressNavigateAfterEdit:n}=e;if(!(a instanceof KeyboardEvent)||n)return;const{key:r,shiftKey:i}=a,l=this.gos.get("enterNavigatesVerticallyAfterEdit");if(r!==o.KeyCode.ENTER||!l)return;const s=i?o.KeyCode.UP:o.KeyCode.DOWN;this.beans.navigation?.navigateToNextCell(null,s,t,!1)}processEdits(e,t=!1,a){const o=Array.from(e.keys()),n=this.model.getCellValidationModel().getCellValidationMap().size>0||this.model.getRowValidationModel().getRowValidationMap().size>0,r=[];for(const i of o){const o=e.get(i);for(const e of o.keys()){const l=o.get(e),s={rowNode:i,column:e},d=(0,h._sourceAndPendingDiffer)(l);if(!t&&d&&!n){this.setNodeDataValue(i,e,l.pendingValue,void 0,a)||r.push(s)}}}return r}setNodeDataValue(e,t,a,o,n="edit"){const{beans:r}=this,i=(0,u._getCellCtrl)(r,{rowNode:e,column:t}),l=f.has(n)?"edit":n;i&&(i.suppressRefreshCell=!0),this.commitNextEdit();const s=e.setDataValue(t,a,l);return i&&(i.suppressRefreshCell=!1),o&&i?.refreshCell(k),s}setEditMap(e,t){this.strategy??(this.strategy=this.createStrategy()),this.strategy?.setEditMap(e,t),this.bulkRefresh();let a=k;t?.forceRefreshOfEditCellsOnly&&(a={...R(e),...k}),this.beans.rowRenderer.refreshCells(a)}dispatchEditValuesChanged({rowNode:e,column:t},a={}){if(!e||!t||!a)return;const{pendingValue:o,sourceValue:n}=a,{rowIndex:r,rowPinned:i,data:l}=e;this.beans.eventSvc.dispatchEvent({type:"cellEditValuesChanged",node:e,rowIndex:r,rowPinned:i,column:t,source:"api",data:l,newValue:o,oldValue:n,value:o,colDef:t.getColDef()})}bulkRefresh(e={},t,a={}){const{beans:o,gos:n}=this,{editModelSvc:r,rowModel:l}=o;(0,i._isClientSideRowModel)(n,l)&&(e.rowNode&&e.column?this.refCell(e,this.model.getEdit(e),a):t&&r?.getEditMap(!1)?.forEach((e,t)=>{for(const o of e.keys())this.refCell({rowNode:t,column:o},e.get(o),a)}))}refCell({rowNode:e,column:t},a,o={}){const{beans:n,gos:r}=this,i=new Set([e]),l=new Set,s=e.pinnedSibling;s&&i.add(s);const d=e.sibling;d&&l.add(d);let c=e.parent;for(;c;)c.sibling?.footer&&r.get("groupTotalRow")||!c.parent&&c.sibling&&r.get("grandTotalRow")?l.add(c.sibling):l.add(c),c=c.parent;for(const e of i)this.dispatchEditValuesChanged({rowNode:e,column:t},a);for(const e of i)(0,u._getCellCtrl)(n,{rowNode:e,column:t})?.refreshCell(o);for(const e of l)(0,u._getCellCtrl)(n,{rowNode:e,column:t})?.refreshCell(o)}stopAllEditing(e=!1,t="ui"){this.isEditing()&&this.stopEditing(void 0,{cancel:e,source:t})}isCellEditable(e,t="ui"){const{rowNode:a}=e,{gos:o,beans:n}=this;if(a.group)if(o.get("treeData")){if(!a.data&&!o.get("enableGroupEdit"))return!1}else if(!o.get("enableGroupEdit"))return!1;const r="fullRow"===E(o)?(0,d.isFullRowCellEditable)(n,e,t):(0,d.isCellEditable)(n,e,t);return r&&(this.strategy??(this.strategy=this.createStrategy())),r}cellEditingInvalidCommitBlocks(){return"block"===this.gos.get("invalidEditValueMode")}checkNavWithValidation(e,t,a=!0){if(this.hasValidationErrors(e)){const o=(0,u._getCellCtrl)(this.beans,e);return this.cellEditingInvalidCommitBlocks()?(t?.preventDefault?.(),a&&(!o?.hasBrowserFocus()&&o?.focusCell(),o?.comp?.getCellEditor()?.focusIn?.()),"block-stop"):(o&&this.revertSingleCellEdit(o),"revert-continue")}return"continue"}revertSingleCellEdit(e,t=!1){const a=(0,u._getCellCtrl)(this.beans,e);a?.comp?.getCellEditor()&&((0,h._destroyEditors)(this.beans,[e],{silent:!0}),this.model.clearEditValue(e),(0,h._setupEditor)(this.beans,e,{silent:!0}),(0,h._populateModelValidationErrors)(this.beans),a?.refreshCell(k),t&&(a?.focusCell(),a?.comp?.getCellEditor()?.focusIn?.()))}hasValidationErrors(e){(0,h._populateModelValidationErrors)(this.beans);const t=(0,u._getCellCtrl)(this.beans,e);t&&(t.refreshCell(k),t.rowCtrl.rowEditStyleFeature?.applyRowStyles());let a=!1;return e?.rowNode?(a||(a=this.model.getRowValidationModel().hasRowValidation({rowNode:e.rowNode})),e.column&&(a||(a=this.model.getCellValidationModel().hasCellValidation({rowNode:e.rowNode,column:e.column})))):(a||(a=this.model.getCellValidationModel().getCellValidationMap().size>0),a||(a=this.model.getRowValidationModel().getRowValidationMap().size>0)),a}moveToNextCell(e,t,a,o="ui"){let n;const r=this.isEditing(),i=r&&"block-stop"===this.checkNavWithValidation(void 0,a);return e instanceof l.CellCtrl&&r&&(n=this.strategy?.moveToNextEditingCell(e,t,a,o,i)),null===n||(n=n||!!this.beans.focusSvc.focusedHeader,!1!==n||i||this.stopEditing()),n}getCellDataValue({rowNode:e,column:t},a=!0){if(!e||!t)return;let o=this.model.getEdit({rowNode:e,column:t});const n=e.pinnedSibling;if(n){const e=this.model.getEdit({rowNode:n,column:t});e&&(o=e)}const r=a?o?.editorValue??o?.pendingValue:o?.pendingValue;return r!==h.UNEDITED&&o?r:o?.sourceValue??this.valueSvc.getValue(t,e,!1,"api")}addStopEditingWhenGridLosesFocus(e){(0,u._addStopEditingWhenGridLosesFocus)(this,this.beans,e)}createPopupEditorWrapper(e){return new s.PopupEditorWrapper(e)}commitNextEdit(){this.committing=!0}setDataValue(e,t,a){try{if((!this.isEditing()||this.committing)&&!C.has(a))return;const{beans:o}=this;this.strategy??(this.strategy=this.createStrategy());const n=this.isBatchEditing()?"ui":this.committing?a??"api":"api";if(!a||m.has(a))return(0,h._syncFromEditor)(o,e,t,a,void 0,{persist:!0}),this.setNodeDataValue(e.rowNode,e.column,t,!0,a);const r=this.model.getEdit(e);if(r){if(r.pendingValue===t)return!1;if(r.sourceValue!==t)return(0,h._syncFromEditor)(o,e,t,a,void 0,{persist:!0}),this.stopEditing(e,{source:n,suppressNavigateAfterEdit:!0}),!0;if(r.sourceValue===t)return o.editModelSvc?.removeEdits(e),this.dispatchEditValuesChanged(e,{...r,pendingValue:t}),!0}return(0,h._syncFromEditor)(o,e,t,a,void 0,{persist:!0}),this.stopEditing(e,{source:n,suppressNavigateAfterEdit:!0}),!0}finally{this.committing=!1}}handleColDefChanged(e){(0,h._refreshEditorOnColDefChanged)(this.beans,e)}destroy(){this.model.clear(),this.destroyStrategy(),super.destroy()}prepDetailsDuringBatch(e,t){if(!this.batch)return;if(!this.model.hasRowEdits(e.rowNode,S))return;const{rowNode:a,column:o}=e,{compDetails:n,valueToDisplay:r}=t;if(n){const{params:e}=n;return e.data=this.model.getEditRowDataValue(a,S),{compDetails:n}}const i=this.model.getEditRow(e.rowNode,S);return void 0!==r&&i?.has(o)?{valueToDisplay:this.valueSvc.getValue(o,a)}:void 0}cleanupEditors(){this.strategy?.cleanupEditors()}dispatchCellEvent(e,t,a,o){this.strategy?.dispatchCellEvent(e,t,a,o)}dispatchBatchEvent(e,t){this.eventSvc.dispatchEvent(this.createBatchEditEvent(e,t))}createBatchEditEvent(e,t){return(0,i._addGridCommonParams)(this.gos,{type:e,..."batchEditingStopped"===e?{changes:this.toEventChangeList(t)}:{}})}toEventChangeList(e){return this.model.getEditPositions(e).map(e=>({rowIndex:e.rowNode.rowIndex,rowPinned:e.rowNode.rowPinned,columnId:e.column.getColId(),newValue:e.pendingValue,oldValue:e.sourceValue}))}applyBulkEdit({rowNode:e,column:t},a){if(!a||0===a.length)return;const{beans:o,rangeSvc:n,valueSvc:i}=this;(0,h._syncFromEditors)(o,{persist:!0});const l=this.model.getEditMap(!0),s=l.get(e)?.get(t)?.pendingValue;this.batch||this.eventSvc.dispatchEvent({type:"bulkEditingStarted"}),a.forEach(e=>{if(n?.forEachRowInRange(e,t=>{const a=(0,r._getRowNode)(o,t);if(void 0===a)return;const n=l.get(a)??new Map;for(const t of e.columns)if(t&&this.isCellEditable({rowNode:a,column:t},"api")){const e=i.getValue(t,a,!0,"api");let o=i.parseValue(t,a??null,s,e);Number.isNaN(o)&&(o=null),n.set(t,{editorValue:void 0,pendingValue:o,sourceValue:e,state:"changed",editorState:{isCancelAfterEnd:void 0,isCancelBeforeStart:void 0}})}n.size>0&&l.set(a,n)}),this.setEditMap(l),this.batch)return this.cleanupEditors(),(0,h._purgeUnchangedEdits)(o),void this.bulkRefresh();this.commitNextEdit(),this.stopEditing(void 0,{source:"bulk"}),this.eventSvc.dispatchEvent({type:"bulkEditingStopped",changes:this.toEventChangeList(l)})}),this.bulkRefresh();const d=(0,u._getCellCtrl)(o,{rowNode:e,column:t});d&&d.focusCell(!0)}createCellStyleFeature(e,t){return new c.CellEditStyleFeature(e,t)}createRowStyleFeature(e,t){return new g.RowEditStyleFeature(e,t)}setEditingCells(e,t){const{beans:a}=this,{colModel:o,valueSvc:n}=a,i=new Map;for(let{colId:l,column:s,colKey:d,rowIndex:c,rowPinned:g,newValue:u,state:p}of e){const e=l?o.getCol(l):d?o.getCol(d):s;if(!e)continue;const m=(0,r._getRowNode)(a,{rowIndex:c,rowPinned:g});if(!m)continue;const f=n.getValue(e,m,!0,"api");if(!t?.forceRefreshOfEditCellsOnly&&!(0,h._sourceAndPendingDiffer)({pendingValue:u,sourceValue:f})&&"editing"!==p)continue;let v=i.get(m);v||(v=new Map,i.set(m,v)),void 0===u&&(u=h.UNEDITED),v.set(e,{editorValue:void 0,pendingValue:u,sourceValue:f,state:p??"changed",editorState:{isCancelAfterEnd:void 0,isCancelBeforeStart:void 0}})}this.setEditMap(i,t)}onCellFocused(e){const t=(0,u._getCellCtrl)(this.beans,e);if(!t||!this.isEditing(t,S))return;const a=this.model.getEdit(t);if(!a||!(0,h._sourceAndPendingDiffer)(a))return;const o=this.getLocaleTextFunc()("ariaPendingChange","Pending Change");this.beans.ariaAnnounce?.announceValue(o,"pendingChange")}allowedFocusTargetOnValidation(e){return(0,u._getCellCtrl)(this.beans,e)}}function R(e){return{rowNodes:e?Array.from(e.keys()):void 0,columns:e?[...new Set(Array.from(e.values()).flatMap(e=>Array.from(e.keys())))]:void 0}}function E(e,t){return t??e.get("editType")??"singleCell"}t.EditService=x},13448:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.BaseEditStrategy=void 0;const o=a(59926),n=a(68731),r=a(6257),i=a(1081),l=a(78994);class s extends n.BeanStub{postConstruct(){this.model=this.beans.editModelSvc,this.editSvc=this.beans.editSvc,this.addManagedEventListeners({cellFocused:this.onCellFocusChanged?.bind(this),cellFocusCleared:this.onCellFocusChanged?.bind(this)})}clearEdits(e){this.model.clearEditValue(e)}onCellFocusChanged(e){let t;const a=e.previousParams,{editSvc:o,beans:n}=this,l="cellFocused"===e.type?e.sourceEvent:null;a&&(t=(0,i._getCellCtrl)(n,a));const{gos:s,editModelSvc:d}=n,c="cellFocusCleared"===e.type;if(o.isEditing(void 0,{withOpenEditor:!0})){const{column:t,rowIndex:i,rowPinned:g}=e,u={column:t,rowNode:(0,r._getRowNode)(n,{rowIndex:i,rowPinned:g})},h="block"===s.get("invalidEditValueMode");if(h)return;const p=!h,m=!!d?.getCellValidationModel().hasCellValidation(u),f=p&&m;!a&&!c||o.stopEditing(void 0,{cancel:f,source:c&&p?"api":void 0,event:l})||(o.isBatchEditing()?o.cleanupEditors():o.stopEditing(void 0,{source:"api"}))}t?.refreshCell({suppressFlash:!0,force:!0})}stop(e,t){const a=this.model.getEditPositions(),o={all:[],pass:[],fail:[]};for(const e of a){o.all.push(e);const t=this.model.getCellValidationModel().getCellValidation(e);(t?.errorMessages?.length??0)>0?o.fail.push(e):o.pass.push(e)}if(e)for(const t of a)(0,l._destroyEditor)(this.beans,t,{cancel:e}),this.model.stop(t);else{const a=this.processValidationResults(o);if(a.destroy.length>0)for(const o of a.destroy)(0,l._destroyEditor)(this.beans,o,{event:t,cancel:e}),this.model.stop(o);if(a.keep.length>0)for(const e of a.keep){const t=(0,i._getCellCtrl)(this.beans,e);this.editSvc?.cellEditingInvalidCommitBlocks()||t&&this.editSvc.revertSingleCellEdit(t)}}return!0}cleanupEditors({rowNode:e}={},t){(0,l._syncFromEditors)(this.beans,{persist:!1});const a=this.model.getEditPositions(),o=[];if(e)for(const t of a)t.rowNode!==e&&o.push(t);else for(const e of a)o.push(e);(0,l._destroyEditors)(this.beans,o),(0,l._purgeUnchangedEdits)(this.beans,t)}setFocusOutOnEditor(e){e.comp?.getCellEditor()?.focusOut?.()}setFocusInOnEditor(e){const t=e.comp,a=t?.getCellEditor();if(a?.focusIn)a.focusIn();else{const a="fullRow"===this.beans.gos.get("editType");e.focusCell(a),e.onEditorAttachedFuncs.push(()=>t?.getCellEditor()?.focusIn?.())}}setupEditors(e){const{event:t,ignoreEventKey:a=!1,startedEdit:o,position:n,cells:r=this.model.getEditPositions()}=e,i=t instanceof KeyboardEvent&&!a&&t.key||void 0;(0,l._setupEditors)(this.beans,r,n,i,t,o)}dispatchCellEvent(e,t,a,o){const n=(0,i._getCellCtrl)(this.beans,e);n&&this.eventSvc.dispatchEvent({...n.createEvent(t??null,a),...o})}dispatchRowEvent(e,t,a){if(a)return;const o=(0,i._getRowCtrl)(this.beans,e);o&&this.eventSvc.dispatchEvent(o.createRowEvent(t))}shouldStop(e,t,a="ui"){const n=this.editSvc.isBatchEditing();return!(!n||"api"!==a)||(!n||"ui"!==a&&"edit"!==a)&&("api"===a||(t instanceof KeyboardEvent&&!n?t.key===o.KeyCode.ENTER:null))}shouldCancel(e,t,a="ui"){const n=this.editSvc.isBatchEditing();if(t instanceof KeyboardEvent&&!n){if(t.key===o.KeyCode.ESCAPE)return!0}return!(!n||"api"!==a)||"api"===a}setEditMap(e,t){t?.update||this.editSvc.stopEditing(void 0,{cancel:!0,source:"api"});const a=[];if(e.forEach((e,t)=>{e.forEach((e,o)=>{"editing"===e.state&&a.push({...e,rowNode:t,column:o})})}),t?.update&&(e=new Map([...this.model.getEditMap(),...e])),this.model?.setEditMap(e),a.length>0){const e=a.at(-1),t=e.pendingValue===l.UNEDITED?void 0:e.pendingValue;this.start({position:e,event:new KeyboardEvent("keydown",{key:t}),source:"api"});const o=(0,i._getCellCtrl)(this.beans,e);o&&this.setFocusInOnEditor(o)}}destroy(){this.cleanupEditors(),super.destroy()}}t.BaseEditStrategy=s},40104:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.FullRowEditStrategy=void 0;const o=a(1081),n=a(78994),r=a(13448);class i extends r.BaseEditStrategy{constructor(){super(...arguments),this.beanName="fullRow",this.startedRows=[]}shouldStop(e,t,a="ui"){const{rowNode:n}=e||{};if(!(0,o._getRowCtrl)(this.beans,{rowNode:this.rowNode}))return!0;const r=super.shouldStop({rowNode:this.rowNode},t,a);return null!==r?r:!!this.rowNode&&n!==this.rowNode}midBatchInputsAllowed({rowNode:e}){return!!e&&this.model.hasEdits({rowNode:e})}clearEdits(e){this.model.clearEditValue(e)}start(e){const{position:t,silent:a,startedEdit:o,event:n,ignoreEventKey:r}=e,{rowNode:i}=t;this.rowNode!==i&&super.cleanupEditors(t);const l=this.beans.visibleCols.allCols,s=[],d=[];for(const e of l)e.isCellEditable(i)&&d.push(e);if(0!=d.length){this.dispatchRowEvent({rowNode:i},"rowEditingStarted",a),this.startedRows.push(i);for(const e of d){const t={rowNode:i,column:e};s.push(t),this.model.hasEdits(t)||this.model.start(t)}this.rowNode=i,this.setupEditors({cells:s,position:t,startedEdit:o,event:n,ignoreEventKey:r})}}processValidationResults(e){return e.fail.length>0&&this.editSvc.cellEditingInvalidCommitBlocks()?{destroy:[],keep:e.all}:{destroy:e.all,keep:[]}}stop(e,t){const{rowNode:a}=this;if(a&&!this.model.hasRowEdits(a))return!1;const o=[];if(e||this.model.getEditMap().forEach((e,t)=>{if(e&&0!==e.size)for(const a of e.values())if((0,n._sourceAndPendingDiffer)(a)){o.push(t);break}}),(0,n._populateModelValidationErrors)(this.beans),!e&&"block-stop"===this.editSvc?.checkNavWithValidation({rowNode:a}))return!1;super.stop(e,t);for(const e of o)this.dispatchRowEvent({rowNode:e},"rowValueChanged");return this.cleanupEditors({rowNode:a},!0),this.rowNode=void 0,!0}onCellFocusChanged(e){const{rowIndex:t}=e,a=e.previousParams;if(a?.rowIndex===t||e.sourceEvent instanceof KeyboardEvent)return;const n=(0,o._getCellCtrl)(this.beans,a);"block"===this.gos.get("invalidEditValueMode")&&n&&(this.model.getCellValidationModel().getCellValidation(n)||this.model.getRowValidationModel().getRowValidation(n))||super.onCellFocusChanged(e)}cleanupEditors(e={},t){super.cleanupEditors(e,t);for(const e of this.startedRows)this.dispatchRowEvent({rowNode:e},"rowEditingStopped");this.startedRows.length=0}moveToNextEditingCell(e,t,a,o="ui",r=!1){const i=e.cellPosition;let l;this.model.suspend(!0);try{l=this.beans.navigation?.findNextCellToFocusOn(i,{backwards:t,startEditing:!0,skipToNextEditableCell:!1})}finally{this.model.suspend(!1)}if(!1===l)return null;if(null==l)return!1;const s=l.cellPosition,d=e.isCellEditable(),c=l.isCellEditable(),g=s&&i.rowIndex===s.rowIndex&&i.rowPinned===s.rowPinned;d&&this.setFocusOutOnEditor(e),this.restoreEditors();const u=this.gos.get("suppressStartEditOnTab");return c&&!r?u?l.focusCell(!0,a):(l.comp?.getCellEditor()||(0,n._setupEditor)(this.beans,l,{event:a,cellStartedEdit:!0}),this.setFocusInOnEditor(l),l.focusCell(!1,a)):(c&&r&&this.setFocusInOnEditor(l),l.focusCell(!0,a)),g||r||(this.editSvc?.stopEditing({rowNode:e.rowNode},{event:a}),this.cleanupEditors(l,!0),u?l.focusCell(!0,a):this.editSvc.startEditing(l,{startedEdit:!0,event:a,source:o,ignoreEventKey:!0})),e.rowCtrl?.refreshRow({suppressFlash:!0,force:!0}),!0}restoreEditors(){this.model.getEditMap().forEach((e,t)=>e.forEach(({state:e},a)=>{if("editing"!==e)return;const r=(0,o._getCellCtrl)(this.beans,{rowNode:t,column:a});r&&!r.comp?.getCellEditor()&&(0,n._setupEditor)(this.beans,r,{silent:!0})}))}destroy(){super.destroy(),this.rowNode=void 0,this.startedRows.length=0}}t.FullRowEditStrategy=i},30149:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.SingleCellEditStrategy=void 0;const o=a(6257),n=a(1081),r=a(78994),i=a(13448);class l extends i.BaseEditStrategy{constructor(){super(...arguments),this.beanName="singleCell"}shouldStop(e,t,a="ui"){const o=super.shouldStop(e,t,a);if(null!==o)return o;const{rowNode:n,column:r}=e||{};return this.rowNode&&this.column||!n||!r?this.rowNode!==n||this.column!==r:null}midBatchInputsAllowed(e){return this.model.hasEdits(e)}start(e){const{position:t,startedEdit:a,event:o,ignoreEventKey:n}=e;this.rowNode===t.rowNode&&this.column===t.column||super.cleanupEditors(),this.rowNode=t.rowNode,this.column=t.column,this.model.start(t),this.setupEditors({cells:[t],position:t,startedEdit:a,event:o,ignoreEventKey:n})}dispatchRowEvent(e,t,a){}processValidationResults(e){return e.fail.length>0&&this.editSvc.cellEditingInvalidCommitBlocks()?{destroy:[],keep:e.all}:{destroy:e.all,keep:[]}}stop(e,t){return super.stop(e,t),this.rowNode=void 0,this.column=void 0,!0}onCellFocusChanged(e){const{colModel:t,editSvc:a}=this.beans,{rowIndex:r,column:i,rowPinned:l}=e,s=(0,o._getRowNode)(this.beans,{rowIndex:r,rowPinned:l}),d=(0,n._getColId)(i),c=t.getCol(d),g=e.previousParams;if(g){const e=(0,n._getColId)(g.column);if(g?.rowIndex===r&&e===d&&g?.rowPinned===l)return}a?.isEditing({rowNode:s,column:c},{withOpenEditor:!0})&&"cellFocused"===e.type||super.onCellFocusChanged(e)}moveToNextEditingCell(e,t,a,n="ui",i=!1){const l=this.beans.focusSvc.getFocusedCell();l&&(e=(0,o._getCellByPosition)(this.beans,l)??e);const s=e.cellPosition;let d;const c="fullRow"===this.beans.gos.get("editType");c&&this.model.suspend(!0),i||(e.eGui.focus(),this.editSvc?.stopEditing(e,{source:this.editSvc?.isBatchEditing()?"ui":"api",event:a}));try{d=this.beans.navigation?.findNextCellToFocusOn(s,{backwards:t,startEditing:!0})}finally{c&&this.model.suspend(!1)}if(!1===d)return null;if(null==d)return!1;const g=d.cellPosition,u=e.isCellEditable(),h=d.isCellEditable(),p=g&&s.rowIndex===g.rowIndex&&s.rowPinned===g.rowPinned;u&&!i&&this.setFocusOutOnEditor(e);const m=this.gos.get("suppressStartEditOnTab");if(p||i||(super.cleanupEditors(d,!0),m?d.focusCell(!0,a):this.editSvc.startEditing(d,{startedEdit:!0,event:a,source:n,ignoreEventKey:!0})),h&&!i){if(d.focusCell(!1,a),m)d.focusCell(!0,a);else if(!d.comp?.getCellEditor()){const e=this.editSvc?.isEditing(d,{withOpenEditor:!0});(0,r._setupEditor)(this.beans,d,{event:a,cellStartedEdit:!0,silent:e}),this.setFocusInOnEditor(d),this.cleanupEditors(d)}}else h&&i&&this.setFocusInOnEditor(d),d.focusCell(!0,a);return e.rowCtrl?.refreshRow({suppressFlash:!0,force:!0}),!0}destroy(){super.destroy(),this.rowNode=void 0,this.column=void 0}}t.SingleCellEditStrategy=l},86040:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.isFullRowCellEditable=t.isCellEditable=t.shouldStartEditing=void 0;const o=a(59926);function n(e,{rowNode:t,column:a},o="ui"){const n=a.getColDef().editable,r=e.editModelSvc;return a.isColumnFunc(t,n)||!!r&&r.hasEdits({rowNode:t,column:a},{withOpenEditor:!0})}t.shouldStartEditing=function(e,{column:t},a,n,r="ui"){if(a instanceof KeyboardEvent&&(a.key===o.KeyCode.TAB||a.key===o.KeyCode.ENTER||a.key===o.KeyCode.F2||a.key===o.KeyCode.BACKSPACE&&n))return!0;if(a?.shiftKey&&0!=e.rangeSvc?.getCellRanges().length)return!1;const i=t?.getColDef(),l=function(e,t){if(!0===e.get("suppressClickEdit"))return 0;if(!0===e.get("singleClickEdit"))return 1;if(t?.singleClickEdit)return 1;return 2}(e.gos,i),s=a?.type;return"click"===s&&1===a?.detail&&1===l||("dblclick"===s&&2===a?.detail&&2===l||"api"===r&&(n??!1))},t.isCellEditable=n,t.isFullRowCellEditable=function(e,t,a="ui"){const o=n(e,t,a);return!0===o||"ui"===a?o:e.colModel.getCols().some(o=>n(e,{rowNode:t.rowNode,column:o},a))}},46904:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.CellEditStyleFeature=void 0;const o=a(68731),n=a(89320);class r extends o.BeanStub{constructor(e,t){super(),this.cellCtrl=e,this.beans=t,this.editSvc=t.editSvc,this.editModelSvc=t.editModelSvc}setComp(e){this.cellComp=e,this.applyCellStyles()}applyCellStyles(){const{cellCtrl:e,editSvc:t,beans:a}=this;if(t?.isBatchEditing()&&t.isEditing()){const t=(0,n._hasEdits)(a,e)||(0,n._hasLeafEdits)(a,e)||(0,n._hasPinnedEdits)(a,e);this.applyBatchingStyle(t)}else this.applyBatchingStyle(!1);const o=!!this.editModelSvc?.getCellValidationModel().hasCellValidation(this.cellCtrl);this.cellComp.toggleCss("ag-cell-editing-error",o)}applyBatchingStyle(e){this.cellComp.toggleCss("ag-cell-editing",e??!1),this.cellComp.toggleCss("ag-cell-batch-edit",(e&&this.editSvc?.isBatchEditing())??!1)}}t.CellEditStyleFeature=r},13536:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.RowEditStyleFeature=void 0;const o=a(68731),n=a(89320);class r extends o.BeanStub{constructor(e,t){super(),this.rowCtrl=e,this.beans=t,this.gos=t.gos,this.editSvc=t.editSvc,this.editModelSvc=t.editModelSvc}applyRowStyles(){const{rowCtrl:e,editModelSvc:t,beans:a}=this;let o=e.rowNode,r=t?.getEditRow(o);const i=this.editModelSvc?.getRowValidationModel().hasRowValidation({rowNode:o});if(!r&&o.pinnedSibling&&(o=o.pinnedSibling,r=t?.getEditRow(o)),r){const e=Array.from(r.keys()).some(e=>{const t={rowNode:o,column:e};return(0,n._hasEdits)(a,t,!0)||(0,n._hasLeafEdits)(a,t)||(0,n._hasPinnedEdits)(a,t)});return void this.applyStyle(i,e)}this.applyStyle(i)}applyStyle(e=!1,t=!1){const a=this.editSvc?.isBatchEditing()??!1,o="fullRow"===this.gos.get("editType");this.rowCtrl?.forEachGui(void 0,({rowComp:n})=>{n.toggleCss("ag-row-editing",o&&t),n.toggleCss("ag-row-batch-edit",o&&t&&a),n.toggleCss("ag-row-inline-editing",t),n.toggleCss("ag-row-not-inline-editing",!t),n.toggleCss("ag-row-editing-invalid",o&&t&&e)})}}t.RowEditStyleFeature=r},89320:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t._hasPinnedEdits=t._hasLeafEdits=t._hasEdits=void 0;const o=a(78994),n=(e,t=!1)=>{if(void 0!==e)return(0,o._sourceAndPendingDiffer)(e)||t&&"editing"===e.state};t._hasEdits=function(e,t,a=!1){return n(e.editModelSvc?.getEdit(t),a)};const r=(e,t,a)=>{if(e)for(let o=0,i=e.length;o<i;++o){const i=e[o];if(i.data){if(n(t?.getEdit({rowNode:i,column:a}))||n(t?.getEdit({rowNode:i.pinnedSibling,column:a})))return!0}if(r(i.childrenAfterGroup,t,a))return!0}};t._hasLeafEdits=function(e,t){const{column:a,rowNode:o}=t;return!(e.gos.get("groupTotalRow")&&!o?.footer)&&r(o?.childrenAfterGroup,e.editModelSvc,a)},t._hasPinnedEdits=function(e,{rowNode:t,column:a}){if(t=t.pinnedSibling)return n(e.editModelSvc?.getEdit({rowNode:t,column:a}))}},1081:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t._getColId=t._addStopEditingWhenGridLosesFocus=t._getCellCtrl=t._getRowCtrl=void 0;const o=a(36916),n=a(6257),r=a(78994);function i(e,t={}){const{rowIndex:a,rowId:o,rowCtrl:r,rowPinned:i}=t;if(r)return r;const{rowModel:l,rowRenderer:s}=e;let{rowNode:d}=t;return d||(o?d=(0,n._getRowById)(e,o,i):null!=a&&(d=l.getRow(a))),s.getRowCtrls(d?[d]:[])?.[0]}function l(e){const{editSvc:t}=e;t?.isBatchEditing()?(0,r._destroyEditors)(e):t?.stopEditing(void 0,{source:"api"})}function s(e){if(e)return"string"==typeof e?e:e.getColId()}t._getRowCtrl=i,t._getCellCtrl=function(e,t={}){const{cellCtrl:a,colId:o,columnId:n,column:r}=t;if(a)return a;const l=e.colModel.getCol(o??n??s(r)),d=t.rowCtrl??i(e,t),c=d?.getCellCtrl(l)??void 0;if(c)return c;const g=t.rowNode??d?.rowNode;return g?e.rowRenderer.getCellCtrls([g],[l])?.[0]:void 0},t._addStopEditingWhenGridLosesFocus=function(e,t,a){const{gos:n,popupSvc:r}=t;if(!n.get("stopEditingWhenCellsLoseFocus"))return;const i=e=>{const i=e.relatedTarget;if(null===(0,o._getTabIndex)(i))return void l(t);let s=a.some(e=>e.contains(i))&&n.isElementInThisInstance(i);s||(s=!!r&&(r.getActivePopups().some(e=>e.contains(i))||r.isElementWithinCustomPopup(i))),s||l(t)};for(const t of a)e.addManagedElementListeners(t,{focusout:i})},t._getColId=s},78994:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t._validateEdit=t._populateModelValidationErrors=t._destroyEditor=t._destroyEditors=t._syncFromEditor=t._syncFromEditors=t._refreshEditorOnColDefChanged=t._purgeUnchangedEdits=t._setupEditor=t._sourceAndPendingDiffer=t._setupEditors=t.getCellEditorInstances=t.UNEDITED=void 0;const o=a(91623),n=a(66352),r=a(54126),i=a(12036),l=a(67274),s=a(68544),d=a(1081);function c(e,t={}){const a=[],o=e.rowRenderer.getCellCtrls(t.rowNodes,t.columns);for(const e of o){const t=e.comp?.getCellEditor();t&&a.push({ctrl:e,editor:(0,r._unwrapUserComp)(t)})}return a}t.UNEDITED=Symbol("unedited");function g({pendingValue:e,sourceValue:a}){return e===t.UNEDITED&&(e=a),e!==a}function u(e,t,a){const o=e.gos.get("enableGroupEdit"),{key:n,event:r,cellStartedEdit:l,silent:s}=a??{},c=(0,d._getCellCtrl)(e,t),g=c?.comp?.getCellEditor(),u=p(e,t,n,l&&!s),h=e.editModelSvc?.getEdit(t);let f=u.value;if(void 0===f&&(f=h?.sourceValue),e.editModelSvc?.setEdit(t,{editorValue:f,state:"editing"}),g)return void g.refresh?.(u);const v=t.column.getColDef(),b=(0,i._getCellEditorDetails)(e.userCompFactory,v,u),C=null!=b?.popupFromSelector?b.popupFromSelector:!!v.cellEditorPopup,w=null!=b?.popupPositionFromSelector?b.popupPositionFromSelector:v.cellEditorPopupPosition;if(m(b.params,r),c){c.editCompDetails=b,c.onEditorAttachedFuncs.push(()=>c.rangeFeature?.unsetComp()),c.comp?.setEditDetails(b,C,w,e.gos.get("reactiveCustomComponents")),c?.rowCtrl?.refreshRow({suppressFlash:!0});const a=e.editModelSvc?.getEdit(t,!0);s||a?.editorState?.cellStartedEditing||(e.editSvc?.dispatchCellEvent(t,r,"cellEditingStarted",o?{value:f}:{}),e.editModelSvc?.setEdit(t,{editorState:{cellStartedEditing:!0}}))}}function h(e,t,a){const o={editorValueExists:!1};if(y(e)){const e=t.getValidationErrors?.();if((e?.length??0)>0)return o}if(a?.isCancelling)return o;if(a?.isStopping){const e=t?.isCancelAfterEnd?.();if(e)return{...o,isCancelAfterEnd:e}}return{editorValue:t.getValue(),editorValueExists:!0}}function p(e,a,o,n){const{valueSvc:r,gos:i,editSvc:s}=e,c=e.gos.get("enableGroupEdit"),g=(0,d._getCellCtrl)(e,a),u=a.rowNode?.rowIndex??void 0,p=s?.isBatchEditing(),m=e.colModel.getCol(a.column.getId()),{rowNode:f,column:v}=a,C=g.comp?.getCellEditor(),w=s?.getCellDataValue(a,!1),y=void 0===w?C?h(e,C)?.editorValue:void 0:w,S=y===t.UNEDITED?r.getValueForDisplay(m,f)?.value:y;return(0,l._addGridCommonParams)(i,{value:c?y:S,eventKey:o??null,column:v,colDef:v.getColDef(),rowIndex:u,node:f,data:f.data,cellStartedEdit:n??!1,onKeyDown:g?.onKeyDown.bind(g),stopEditing:t=>{s.stopEditing(a,{source:p?"ui":"api",suppressNavigateAfterEdit:t}),b(e,a)},eGridCell:g?.eGui,parseValue:e=>r.parseValue(m,f,e,g?.value),formatValue:g?.formatValue.bind(g),validate:()=>{s?.validateEdit()}})}function m(e,t){return t instanceof KeyboardEvent&&"agNumberCellEditor"===e.column.getColDef().cellEditor?e.suppressPreventDefault=["-","+",".","e"].includes(t?.key??"")||e.suppressPreventDefault:t?.preventDefault?.(),e}function f(e,t){for(const a of e.editModelSvc?.getEditPositions()??[]){const o=(0,d._getCellCtrl)(e,a);if(!o)continue;const n=o.comp?.getCellEditor();if(!n)continue;const{editorValue:r,editorValueExists:i,isCancelAfterEnd:l}=h(e,n,t);l&&e.editModelSvc?.setEdit(a,{editorState:{isCancelAfterEnd:l}}),v(e,a,r,void 0,!i,t)}}function v(e,a,o,n,r,i){const{editModelSvc:l,valueSvc:s}=e;if(!l)return;const{rowNode:d,column:c}=a;if(!d||!c)return;let g=l.getEdit(a,!0);g?.sourceValue||(g=l.setEdit(a,{sourceValue:s.getValue(c,d,void 0,"api"),pendingValue:g?g.editorValue:t.UNEDITED})),l.setEdit(a,{editorValue:r?g.sourceValue:o}),i?.persist&&function(e,t){const{editModelSvc:a}=e,o=a?.getEdit(t,!0);a?.setEdit(t,{pendingValue:o?.editorValue})}(e,a)}function b(e,t,a){const o=e.gos.get("enableGroupEdit"),{editModelSvc:n}=e,r=(0,d._getCellCtrl)(e,t),i=n?.getEdit(t,!0);if(!r)return void(i&&n?.setEdit(t,{state:"changed"}));const{comp:l}=r;if(l&&!l.getCellEditor()){if(r?.refreshCell(),i){n?.setEdit(t,{state:"changed"});w(e,t,o?C(a,i):{valueChanged:!1,newValue:void 0,oldValue:i.sourceValue},a)}return}if(y(e)){const e=l?.getCellEditor()?.getValidationErrors?.(),a=n?.getCellValidationModel();e?.length?a?.setCellValidation(t,{errorMessages:e}):a?.clearCellValidation(t)}n?.setEdit(t,{state:"changed"}),l?.setEditDetails(),l?.refreshEditStyles(!1,!1),r?.refreshCell({force:!0,suppressFlash:!0});const s=n?.getEdit(t);if(s&&"changed"===s.state){w(e,t,o?C(a,s):{valueChanged:g(s)&&!a?.cancel,newValue:a?.cancel||s.editorState.isCancelAfterEnd?void 0:s?.editorValue??i?.pendingValue,oldValue:s?.sourceValue},a)}}function C(e,t){return e?.cancel?{valueChanged:!1,oldValue:t.sourceValue,newValue:void 0,value:t.sourceValue}:{valueChanged:!1,oldValue:t.sourceValue,newValue:t.pendingValue,value:t.sourceValue}}function w(e,t,a,{silent:o,event:n}={}){const{editSvc:r,editModelSvc:i}=e,l=i?.getEdit(t),{editorState:s}=l||{},{isCancelBeforeStart:d}=s||{};o||d||(r?.dispatchCellEvent(t,n,"cellEditingStopped",a),i?.setEdit(t,{editorState:{cellStoppedEditing:!0}}))}function y(e){const{gos:t,colModel:a}=e,o=!!t.get("getFullRowEditValidationErrors"),n=a.getColumnDefs()?.filter(e=>e.editable).some(({cellEditorParams:e})=>{const{minLength:t,maxLength:a,getValidationErrors:o,min:n,max:r}=e||{};return void 0!==t||void 0!==a||void 0!==o||void 0!==n||void 0!==r}),r=e.gridApi.getCellEditorInstances().some(e=>e.getValidationElement||e.getValidationErrors);return n||o||r}function S(e,t){if(!t&&!y(e))return;const a=c(e),r=new s.EditCellValidationModel,{ariaAnnounce:i,localeSvc:l,editModelSvc:d,gos:g}=e,u="fullRow"===g.get("editType"),h=(0,n._getLocaleTextFunc)(l)("ariaValidationErrorPrefix","Cell Editor Validation");for(const e of a){const{ctrl:t,editor:a}=e,{rowNode:n,column:l}=t,s=a.getValidationErrors?.()??[],d=a.getValidationElement?.(!1)||!a.isPopup?.()&&t.eGui;if(d){const e=null!=s&&s.length>0,t=e?s.join(". "):"";(0,o._setAriaInvalid)(d,e),e&&i.announceValue(`${h} ${s}`,"editorValidation"),d instanceof HTMLInputElement?d.setCustomValidity(t):d.classList.toggle("invalid",e)}s?.length>0&&r.setCellValidation({rowNode:n,column:l},{errorMessages:s})}f(e,{persist:!1}),d?.setCellValidationModel(r);const p=new Set;for(const{ctrl:e}of a)p.add(e.rowCtrl);if(u){const t=k(e);d?.setRowValidationModel(t)}for(const e of p.values()){e.rowEditStyleFeature?.applyRowStyles();for(const t of e.getAllCellCtrls())t.tooltipFeature?.refreshTooltip(!0),t.editorTooltipFeature?.refreshTooltip(!0),t.editStyleFeature?.applyCellStyles?.()}}t.getCellEditorInstances=(e,t={})=>c(e,t).map(e=>e.editor),t._setupEditors=function(e,a,o,n,r,i){0===a.length&&o?.rowNode&&o?.column&&u(e,o,{key:n,event:r,cellStartedEdit:i});const{valueSvc:l,editSvc:s,editModelSvc:c}=e,{rowNode:g,column:h}=o??{};for(const p of a){const{rowNode:a,column:m}=p,f=(0,d._getCellCtrl)(e,p);if(!f){if(a&&m){const e=l.getValue(m,a,void 0,"api"),r=(o?.rowNode===a&&o?.column===m&&n||void 0)??s?.getCellDataValue(p,!1)??l.getValueForDisplay(m,a)?.value??e??t.UNEDITED;c?.setEdit(p,{pendingValue:r,sourceValue:e,state:"editing"})}continue}const v=i&&g===f.rowNode&&f.column===h;u(e,{rowNode:g,column:f.column},{key:v?n:null,event:v?r:null,cellStartedEdit:v&&i})}},t._sourceAndPendingDiffer=g,t._setupEditor=u,t._purgeUnchangedEdits=function(e,a){const{editModelSvc:o}=e;o?.getEditMap().forEach((e,n)=>{e.forEach((e,r)=>{(a||"editing"!==e.state&&e.pendingValue!==t.UNEDITED)&&(g(e)||"editing"===e.state&&!a||o?.removeEdits({rowNode:n,column:r}))})})},t._refreshEditorOnColDefChanged=function(e,t){const a=t.comp?.getCellEditor();if(!a?.refresh)return;const{eventKey:o,cellStartedEdit:n}=t.editCompDetails.params,{column:r}=t,l=p(e,t,o,n),s=r.getColDef(),d=(0,i._getCellEditorDetails)(e.userCompFactory,s,l);a.refresh(m(d.params,o))},t._syncFromEditors=f,t._syncFromEditor=v,t._destroyEditors=function(e,t,a){t||(t=e.editModelSvc?.getEditPositions());for(const o of t??[])b(e,o,a)},t._destroyEditor=b,t._populateModelValidationErrors=S;const k=e=>{const a=new s.EditRowValidationModel,o=e.gos.get("getFullRowEditValidationErrors"),n=e.editModelSvc?.getEditMap();if(!n)return a;for(const e of n.keys()){const r=n.get(e);if(!r)continue;const i=[],{rowIndex:l,rowPinned:s}=e;for(const e of r.keys()){const a=r.get(e);if(!a)continue;const{editorValue:o,pendingValue:n,sourceValue:d}=a,c=o??(n===t.UNEDITED?void 0:n)??d;i.push({column:e,colId:e.getColId(),rowIndex:l,rowPinned:s,oldValue:d,newValue:c})}const d=o?.({editorsState:i})??[];d.length>0&&a.setRowValidation({rowNode:e},{errorMessages:d})}return a};t._validateEdit=function(e){S(e,!0);const t=e.editModelSvc?.getCellValidationModel().getCellValidationMap();if(!t)return null;const a=[];return t.forEach((e,t)=>{e.forEach(({errorMessages:e},o)=>{a.push({column:o,rowIndex:t.rowIndex,rowPinned:t.rowPinned,messages:e??null})})}),a}},11539:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t._refreshEditCells=void 0;t._refreshEditCells=e=>()=>{const t=new Set(e.colModel.getCols()),a=e.editModelSvc.getEditMap(!0),o=new Set(a.keys());(({editModelSvc:e},t,a)=>{for(const o of t)e?.getEditRow(o)?.forEach((t,n)=>!a.has(n)&&e.removeEdits({rowNode:o,column:n}))})(e,(({rowModel:e,pinnedRowModel:t,editModelSvc:a},o)=>{const n=new Set;e.forEachNode(e=>o.has(e)&&n.add(e)),t?.forEachPinnedRow("top",e=>o.has(e)&&n.add(e)),t?.forEachPinnedRow("bottom",e=>o.has(e)&&n.add(e));for(const e of o)n.has(e)||a.removeEdits({rowNode:e});return n})(e,o),t)}},13355:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.AgColumn=t.isColumn=t.getNextColInstanceId=void 0;const o=a(19378),n=a(89097),r=a(31931),i=a(68731),l=a(67274),s=a(66021),d=a(47764),c={resizable:!0,sortable:!0};let g=0;function u(){return g++}t.getNextColInstanceId=u,t.isColumn=function(e){return e instanceof h};class h extends i.BeanStub{constructor(e,t,a,n){super(),this.colDef=e,this.userProvidedColDef=t,this.colId=a,this.primary=n,this.isColumn=!0,this.instanceId=u(),this.autoHeaderHeight=null,this.moving=!1,this.resizing=!1,this.menuVisible=!1,this.lastLeftPinned=!1,this.firstRightPinned=!1,this.filterActive=!1,this.colEventSvc=new o.LocalEventService,this.tooltipEnabled=!1,this.rowGroupActive=!1,this.pivotActive=!1,this.aggregationActive=!1,this.flex=null,this.colIdSanitised=(0,r._escapeString)(a)}destroy(){super.destroy(),this.beans.rowSpanSvc?.deregister(this)}getInstanceId(){return this.instanceId}setState(){const{colDef:e,beans:{sortSvc:t,pinnedCols:a,colFlex:o}}=this;t?.initCol(this);const n=e.hide;this.visible=void 0!==n?!n:!e.initialHide,a?.initCol(this),o?.initCol(this)}setColDef(e,t,a){const o=e.spanRows!==this.colDef.spanRows;this.colDef=e,this.userProvidedColDef=t,this.initMinAndMaxWidths(),this.initDotNotation(),this.initTooltip(),o&&(this.beans.rowSpanSvc?.deregister(this),this.initRowSpan()),this.dispatchColEvent("colDefChanged",a)}getUserProvidedColDef(){return this.userProvidedColDef}getParent(){return this.parent}getOriginalParent(){return this.originalParent}postConstruct(){this.setState(),this.initMinAndMaxWidths(),this.resetActualWidth("gridInitializing"),this.initDotNotation(),this.initTooltip(),this.initRowSpan(),this.addPivotListener()}initDotNotation(){const{gos:e,colDef:{field:t,tooltipField:a}}=this,o=e.get("suppressFieldDotNotation");this.fieldContainsDots=(0,n._exists)(t)&&t.includes(".")&&!o,this.tooltipFieldContainsDots=(0,n._exists)(a)&&a.includes(".")&&!o}initMinAndMaxWidths(){const e=this.colDef;this.minWidth=e.minWidth??this.beans.environment.getDefaultColumnMinWidth(),this.maxWidth=e.maxWidth??Number.MAX_SAFE_INTEGER}initTooltip(){this.beans.tooltipSvc?.initCol(this)}initRowSpan(){this.colDef.spanRows&&this.beans.rowSpanSvc?.register(this)}addPivotListener(){const e=this.beans.pivotColDefSvc,t=this.colDef.pivotValueColumn;e&&t&&this.addManagedListeners(t,{colDefChanged:t=>{const a=e.recreateColDef(this.colDef);this.setColDef(a,a,t.source)}})}resetActualWidth(e){const t=this.calculateColInitialWidth(this.colDef);this.setActualWidth(t,e,!0)}calculateColInitialWidth(e){let t;const a=e.width,o=e.initialWidth;return t=null!=a?a:null!=o?o:200,Math.max(Math.min(t,this.maxWidth),this.minWidth)}isEmptyGroup(){return!1}isRowGroupDisplayed(e){return this.beans.showRowGroupCols?.isRowGroupDisplayed(this,e)??!1}isPrimary(){return this.primary}isFilterAllowed(){return!!this.colDef.filter}isFieldContainsDots(){return this.fieldContainsDots}isTooltipEnabled(){return this.tooltipEnabled}isTooltipFieldContainsDots(){return this.tooltipFieldContainsDots}getHighlighted(){return this.highlighted}__addEventListener(e,t){this.colEventSvc.addEventListener(e,t)}__removeEventListener(e,t){this.colEventSvc.removeEventListener(e,t)}addEventListener(e,t){this.frameworkEventListenerService=this.beans.frameworkOverrides.createLocalEventListenerWrapper?.(this.frameworkEventListenerService,this.colEventSvc);const a=this.frameworkEventListenerService?.wrap(e,t)??t;this.colEventSvc.addEventListener(e,a)}removeEventListener(e,t){const a=this.frameworkEventListenerService?.unwrap(e,t)??t;this.colEventSvc.removeEventListener(e,a)}createColumnFunctionCallbackParams(e){return(0,l._addGridCommonParams)(this.gos,{node:e,data:e.data,column:this,colDef:this.colDef})}isSuppressNavigable(e){return this.beans.cellNavigation?.isSuppressNavigable(this,e)??!1}isCellEditable(e){return this.beans.editSvc?.isCellEditable({rowNode:e,column:this})??!1}isSuppressFillHandle(){return!!this.colDef.suppressFillHandle}isAutoHeight(){return!!this.colDef.autoHeight}isAutoHeaderHeight(){return!!this.colDef.autoHeaderHeight}isRowDrag(e){return this.isColumnFunc(e,this.colDef.rowDrag)}isDndSource(e){return this.isColumnFunc(e,this.colDef.dndSource)}isCellCheckboxSelection(e){return this.beans.selectionSvc?.isCellCheckboxSelection(this,e)??!1}isSuppressPaste(e){return this.isColumnFunc(e,this.colDef?.suppressPaste??null)}isResizable(){return!!this.getColDefValue("resizable")}getColDefValue(e){return this.colDef[e]??c[e]}isColumnFunc(e,t){if("boolean"==typeof t)return t;if("function"==typeof t){return t(this.createColumnFunctionCallbackParams(e))}return!1}createColumnEvent(e,t){return(0,l._addGridCommonParams)(this.gos,{type:e,column:this,columns:[this],source:t})}isMoving(){return this.moving}getSort(){return this.sort}isSortable(){return!!this.getColDefValue("sortable")}isSortAscending(){return"asc"===this.sort}isSortDescending(){return"desc"===this.sort}isSortNone(){return(0,n._missing)(this.sort)}isSorting(){return(0,n._exists)(this.sort)}getSortIndex(){return this.sortIndex}isMenuVisible(){return this.menuVisible}getAggFunc(){return this.aggFunc}getLeft(){return this.left}getOldLeft(){return this.oldLeft}getRight(){return this.left+this.actualWidth}setLeft(e,t){this.oldLeft=this.left,this.left!==e&&(this.left=e,this.dispatchColEvent("leftChanged",t))}isFilterActive(){return this.filterActive}isHovered(){return(0,d._warn)(261),!!this.beans.colHover?.isHovered(this)}setFirstRightPinned(e,t){this.firstRightPinned!==e&&(this.firstRightPinned=e,this.dispatchColEvent("firstRightPinnedChanged",t))}setLastLeftPinned(e,t){this.lastLeftPinned!==e&&(this.lastLeftPinned=e,this.dispatchColEvent("lastLeftPinnedChanged",t))}isFirstRightPinned(){return this.firstRightPinned}isLastLeftPinned(){return this.lastLeftPinned}isPinned(){return"left"===this.pinned||"right"===this.pinned}isPinnedLeft(){return"left"===this.pinned}isPinnedRight(){return"right"===this.pinned}getPinned(){return this.pinned}setVisible(e,t){const a=!0===e;this.visible!==a&&(this.visible=a,this.dispatchColEvent("visibleChanged",t)),this.dispatchStateUpdatedEvent("hide")}isVisible(){return this.visible}isSpanHeaderHeight(){return!this.getColDef().suppressSpanHeaderHeight}getFirstRealParent(){let e=this.getOriginalParent();for(;e?.isPadding();)e=e.getOriginalParent();return e}getColumnGroupPaddingInfo(){let e=this.getParent();if(!e?.isPadding())return{numberOfParents:0,isSpanningTotal:!1};const t=e.getPaddingLevel()+1;let a=!0;for(;e;){if(!e.isPadding()){a=!1;break}e=e.getParent()}return{numberOfParents:t,isSpanningTotal:a}}getColDef(){return this.colDef}getDefinition(){return this.colDef}getColumnGroupShow(){return this.colDef.columnGroupShow}getColId(){return this.colId}getId(){return this.colId}getUniqueId(){return this.colId}getActualWidth(){return this.actualWidth}getAutoHeaderHeight(){return this.autoHeaderHeight}setAutoHeaderHeight(e){const t=e!==this.autoHeaderHeight;return this.autoHeaderHeight=e,t}createBaseColDefParams(e){return(0,l._addGridCommonParams)(this.gos,{node:e,data:e.data,colDef:this.colDef,column:this})}getColSpan(e){if((0,n._missing)(this.colDef.colSpan))return 1;const t=this.createBaseColDefParams(e),a=this.colDef.colSpan(t);return Math.max(a,1)}getRowSpan(e){if((0,n._missing)(this.colDef.rowSpan))return 1;const t=this.createBaseColDefParams(e),a=this.colDef.rowSpan(t);return Math.max(a,1)}setActualWidth(e,t,a=!1){e=Math.max(e,this.minWidth),e=Math.min(e,this.maxWidth),this.actualWidth!==e&&(this.actualWidth=e,null!=this.flex&&"flex"!==t&&"gridInitializing"!==t&&(this.flex=null),a||this.fireColumnWidthChangedEvent(t)),this.dispatchStateUpdatedEvent("width")}fireColumnWidthChangedEvent(e){this.dispatchColEvent("widthChanged",e)}isGreaterThanMax(e){return e>this.maxWidth}getMinWidth(){return this.minWidth}getMaxWidth(){return this.maxWidth}getFlex(){return this.flex}isRowGroupActive(){return this.rowGroupActive}isPivotActive(){return this.pivotActive}isAnyFunctionActive(){return this.isPivotActive()||this.isRowGroupActive()||this.isValueActive()}isAnyFunctionAllowed(){return this.isAllowPivot()||this.isAllowRowGroup()||this.isAllowValue()}isValueActive(){return this.aggregationActive}isAllowPivot(){return!0===this.colDef.enablePivot}isAllowValue(){return!0===this.colDef.enableValue}isAllowRowGroup(){return!0===this.colDef.enableRowGroup}dispatchColEvent(e,t,a){const o=this.createColumnEvent(e,t);a&&(0,s._mergeDeep)(o,a),this.colEventSvc.dispatchEvent(o)}dispatchStateUpdatedEvent(e){this.colEventSvc.dispatchEvent({type:"columnStateUpdated",key:e})}}t.AgColumn=h},56908:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.AgColumnGroup=t.isColumnGroup=t.createUniqueColumnGroupId=void 0;const o=a(79909),n=a(31931),r=a(68731),i=a(13355);function l(e,t){return e+"_"+t}function s(e){return e instanceof d}t.createUniqueColumnGroupId=l,t.isColumnGroup=s;class d extends r.BeanStub{constructor(e,t,a,o){super(),this.providedColumnGroup=e,this.groupId=t,this.partId=a,this.pinned=o,this.isColumn=!1,this.displayedChildren=[],this.autoHeaderHeight=null,this.parent=null,this.colIdSanitised=(0,n._escapeString)(this.getUniqueId())}reset(){this.parent=null,this.children=null,this.displayedChildren=null}getParent(){return this.parent}getUniqueId(){return l(this.groupId,this.partId)}isEmptyGroup(){return 0===this.displayedChildren.length}isMoving(){const e=this.getProvidedColumnGroup().getLeafColumns();return!(!e||0===e.length)&&e.every(e=>e.isMoving())}checkLeft(){for(const e of this.displayedChildren)s(e)&&e.checkLeft();if(this.displayedChildren.length>0)if(this.gos.get("enableRtl")){const e=(0,o._last)(this.displayedChildren).getLeft();this.setLeft(e)}else{const e=this.displayedChildren[0].getLeft();this.setLeft(e)}else this.setLeft(null)}getLeft(){return this.left}getOldLeft(){return this.oldLeft}setLeft(e){this.oldLeft=this.left,this.left!==e&&(this.left=e,this.dispatchLocalEvent({type:"leftChanged"}))}getPinned(){return this.pinned}getGroupId(){return this.groupId}getPartId(){return this.partId}getActualWidth(){let e=0;for(const t of this.displayedChildren??[])e+=t.getActualWidth();return e}isResizable(){if(!this.displayedChildren)return!1;let e=!1;for(const t of this.displayedChildren)t.isResizable()&&(e=!0);return e}getMinWidth(){let e=0;for(const t of this.displayedChildren)e+=t.getMinWidth();return e}addChild(e){this.children||(this.children=[]),this.children.push(e)}getDisplayedChildren(){return this.displayedChildren}getLeafColumns(){const e=[];return this.addLeafColumns(e),e}getDisplayedLeafColumns(){const e=[];return this.addDisplayedLeafColumns(e),e}getDefinition(){return this.providedColumnGroup.getColGroupDef()}getColGroupDef(){return this.providedColumnGroup.getColGroupDef()}isPadding(){return this.providedColumnGroup.isPadding()}isExpandable(){return this.providedColumnGroup.isExpandable()}isExpanded(){return this.providedColumnGroup.isExpanded()}setExpanded(e){this.providedColumnGroup.setExpanded(e)}isAutoHeaderHeight(){return!!this.getColGroupDef()?.autoHeaderHeight}getAutoHeaderHeight(){return this.autoHeaderHeight}setAutoHeaderHeight(e){const t=e!==this.autoHeaderHeight;return this.autoHeaderHeight=e,t}addDisplayedLeafColumns(e){for(const t of this.displayedChildren??[])(0,i.isColumn)(t)?e.push(t):s(t)&&t.addDisplayedLeafColumns(e)}addLeafColumns(e){for(const t of this.children??[])(0,i.isColumn)(t)?e.push(t):s(t)&&t.addLeafColumns(e)}getChildren(){return this.children}getColumnGroupShow(){return this.providedColumnGroup.getColumnGroupShow()}getProvidedColumnGroup(){return this.providedColumnGroup}getPaddingLevel(){const e=this.getParent();return this.isPadding()&&e?.isPadding()?1+e.getPaddingLevel():0}calculateDisplayedColumns(){this.displayedChildren=[];let e=this;for(;e?.isPadding();)e=e.getParent();if(!(!!e&&e.getProvidedColumnGroup().isExpandable()))return this.displayedChildren=this.children,void this.dispatchLocalEvent({type:"displayedChildrenChanged"});for(const t of this.children??[]){if(s(t)&&!t.displayedChildren?.length)continue;switch(t.getColumnGroupShow()){case"open":e.getProvidedColumnGroup().isExpanded()&&this.displayedChildren.push(t);break;case"closed":e.getProvidedColumnGroup().isExpanded()||this.displayedChildren.push(t);break;default:this.displayedChildren.push(t)}}this.dispatchLocalEvent({type:"displayedChildrenChanged"})}}t.AgColumnGroup=d},79409:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.AgProvidedColumnGroup=t.isProvidedColumnGroup=void 0;const o=a(68731),n=a(13355);function r(e){return e instanceof i}t.isProvidedColumnGroup=r;class i extends o.BeanStub{constructor(e,t,a,o){super(),this.colGroupDef=e,this.groupId=t,this.padding=a,this.level=o,this.isColumn=!1,this.expandable=!1,this.instanceId=(0,n.getNextColInstanceId)(),this.expandableListenerRemoveCallback=null,this.expanded=!!e?.openByDefault}destroy(){this.expandableListenerRemoveCallback&&this.reset(null,void 0),super.destroy()}reset(e,t){this.colGroupDef=e,this.level=t,this.originalParent=null,this.expandableListenerRemoveCallback&&this.expandableListenerRemoveCallback(),this.children=void 0,this.expandable=void 0}getInstanceId(){return this.instanceId}getOriginalParent(){return this.originalParent}getLevel(){return this.level}isVisible(){return!!this.children&&this.children.some(e=>e.isVisible())}isPadding(){return this.padding}setExpanded(e){this.expanded=void 0!==e&&e,this.dispatchLocalEvent({type:"expandedChanged"})}isExpandable(){return this.expandable}isExpanded(){return this.expanded}getGroupId(){return this.groupId}getId(){return this.getGroupId()}setChildren(e){this.children=e}getChildren(){return this.children}getColGroupDef(){return this.colGroupDef}getLeafColumns(){const e=[];return this.addLeafColumns(e),e}forEachLeafColumn(e){if(this.children)for(const t of this.children)(0,n.isColumn)(t)?e(t):r(t)&&t.forEachLeafColumn(e)}addLeafColumns(e){if(this.children)for(const t of this.children)(0,n.isColumn)(t)?e.push(t):r(t)&&t.addLeafColumns(e)}getColumnGroupShow(){const e=this.colGroupDef;if(e)return e.columnGroupShow}setupExpandable(){this.setExpandable(),this.expandableListenerRemoveCallback&&this.expandableListenerRemoveCallback();const e=this.onColumnVisibilityChanged.bind(this);for(const t of this.getLeafColumns())t.__addEventListener("visibleChanged",e);this.expandableListenerRemoveCallback=()=>{for(const t of this.getLeafColumns())t.__removeEventListener("visibleChanged",e);this.expandableListenerRemoveCallback=null}}setExpandable(){if(this.isPadding())return;let e=!1,t=!1,a=!1;const o=this.findChildrenRemovingPadding();for(let n=0,r=o.length;n<r;n++){const r=o[n];if(!r.isVisible())continue;const i=r.getColumnGroupShow();"open"===i?(e=!0,a=!0):"closed"===i?(t=!0,a=!0):(e=!0,t=!0)}const n=e&&t&&a;this.expandable!==n&&(this.expandable=n,this.dispatchLocalEvent({type:"expandableChanged"}))}findChildrenRemovingPadding(){const e=[],t=a=>{for(const o of a){r(o)&&o.isPadding()?t(o.children):e.push(o)}};return t(this.children),e}onColumnVisibilityChanged(){this.setExpandable()}}t.AgProvidedColumnGroup=i},35449:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.DefaultColumnTypes=void 0,t.DefaultColumnTypes={numericColumn:{headerClass:"ag-right-aligned-header",cellClass:"ag-right-aligned-cell"},rightAligned:{headerClass:"ag-right-aligned-header",cellClass:"ag-right-aligned-cell"}}},6257:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t._getRowBelow=t._getAbsoluteRowIndex=t._getRowAbove=t._getRowById=t._getCellByPosition=t._getRowNode=t._getLastRow=t._getFirstRow=t._isSameRow=t._isRowBefore=t._areCellsEqual=t._createCellId=void 0;const o=a(89097),n=a(67274);function r(e,t,a=!1){const{gos:o,rowRenderer:r}=e;if(!t?.sticky||!(0,n._isGroupRowsSticky)(o))return;const i=r.getStickyTopRowCtrls(),l=r.getStickyBottomRowCtrls(),s=!l.some(e=>e.rowNode.rowIndex===t.rowIndex),d=s?i:l,c=(a?-1:1)*(s?-1:1);let g;for(let e=0;e<d.length;e++)if(d[e].rowNode.rowIndex===t.rowIndex){g=d[e+c];break}return g?{rowIndex:g.rowNode.rowIndex,rowPinned:null}:void 0}t._createCellId=function(e){const{rowIndex:t,rowPinned:a,column:o}=e;return`${t}.${null==a?"null":a}.${o.getId()}`},t._areCellsEqual=function(e,t){const a=e.column===t.column,o=e.rowPinned===t.rowPinned,n=e.rowIndex===t.rowIndex;return a&&o&&n},t._isRowBefore=function(e,t){switch(e.rowPinned){case"top":if("top"!==t.rowPinned)return!0;break;case"bottom":if("bottom"!==t.rowPinned)return!1;break;default:if((0,o._exists)(t.rowPinned))return"top"!==t.rowPinned}return e.rowIndex<t.rowIndex},t._isSameRow=function(e,t){return!e&&!t||!(e&&!t||!e&&t)&&(e.rowIndex===t.rowIndex&&e.rowPinned==t.rowPinned)},t._getFirstRow=function(e){let t,a=0;const{pinnedRowModel:o,rowModel:n,pageBounds:r}=e;return o?.getPinnedTopRowCount()?t="top":n.getRowCount()?(t=null,a=r.getFirstRow()):o?.getPinnedBottomRowCount()&&(t="bottom"),void 0===t?null:{rowIndex:a,rowPinned:t}},t._getLastRow=function(e){let t,a=null;const{pinnedRowModel:o,pageBounds:n}=e,r=o?.getPinnedBottomRowCount(),i=o?.getPinnedTopRowCount();return r?(a="bottom",t=r-1):e.rowModel.getRowCount()?t=n.getLastRow():i&&(a="top",t=i-1),void 0===t?null:{rowIndex:t,rowPinned:a}},t._getRowNode=function(e,t){switch(t.rowPinned){case"top":return e.pinnedRowModel?.getPinnedTopRow(t.rowIndex);case"bottom":return e.pinnedRowModel?.getPinnedBottomRow(t.rowIndex);default:return e.rowModel.getRow(t.rowIndex)}},t._getCellByPosition=function(e,t){const a=e.spannedRowRenderer?.getCellByPosition(t);if(a)return a;const o=e.rowRenderer.getRowByPosition(t);return o?o.getCellCtrl(t.column):null},t._getRowById=function(e,t,a){const{rowModel:o,pinnedRowModel:n}=e;let r;return r??(r=o?.getRowNode(t)),a?r??(r=n?.getPinnedRowById(t,a)):(r??(r=n?.getPinnedRowById(t,"top")),r??(r=n?.getPinnedRowById(t,"bottom"))),r},t._getRowAbove=function(e,t,a=!1){const{rowIndex:o,rowPinned:n}=t,{pageBounds:i,pinnedRowModel:l,rowModel:s}=e;if(0===o)return"top"===n?null:"bottom"===n&&s.isRowsToRender()?{rowIndex:i.getLastRow(),rowPinned:null}:l?.isRowsToRender("top")?{rowIndex:l.getPinnedTopRowCount()-1,rowPinned:"top"}:null;if(a){return r(e,n?void 0:s.getRow(o),!0)??{rowIndex:o-1,rowPinned:n}}return{rowIndex:o-1,rowPinned:n}},t._getAbsoluteRowIndex=function(e,t){const{pinnedRowModel:a,rowModel:o}=e,n=a?.getPinnedTopRowCount()??0,r=o.getRowCount(),{rowPinned:i,rowIndex:l}=t;return"top"===i?l:"bottom"===i?n+r+l:n+l},t._getRowBelow=function(e,t,a=!1){const{rowIndex:o,rowPinned:n}=t,{pageBounds:i,pinnedRowModel:l,rowModel:s}=e;if(function(e,t){const{rowPinned:a,rowIndex:o}=t,{pinnedRowModel:n,pageBounds:r}=e;if("top"===a){return(n?.getPinnedTopRowCount()??0)-1<=o}if("bottom"===a){return(n?.getPinnedBottomRowCount()??0)-1<=o}const i=r.getLastRow();return i<=o}(e,t))return"bottom"===n?null:"top"===n&&s.isRowsToRender()?{rowIndex:i.getFirstRow(),rowPinned:null}:l?.isRowsToRender("bottom")?{rowIndex:0,rowPinned:"bottom"}:null;if(a){return r(e,n?void 0:s.getRow(o))??{rowIndex:o+1,rowPinned:n}}return{rowIndex:o+1,rowPinned:n}}},3373:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.RowNode=t.ROW_ID_PREFIX_BOTTOM_PINNED=t.ROW_ID_PREFIX_TOP_PINNED=t.ROW_ID_PREFIX_ROW_GROUP=void 0;const o=a(19378),n=a(67274),r=a(47764);t.ROW_ID_PREFIX_ROW_GROUP="row-group-",t.ROW_ID_PREFIX_TOP_PINNED="t-",t.ROW_ID_PREFIX_BOTTOM_PINNED="b-";let i=0;t.RowNode=class{get allLeafChildren(){const e=this._leafs;return void 0===e?this.beans.groupStage?.loadLeafs?.(this)??null:e}set allLeafChildren(e){this._leafs=e}constructor(e){this.master=!1,this.detail=void 0,this.rowIndex=null,this.key=null,this.sourceRowIndex=-1,this._leafs=void 0,this.childrenMapped=null,this.treeParent=null,this.treeNodeFlags=0,this.displayed=!1,this.rowTop=null,this.oldRowTop=null,this.selectable=!0,this.__objectId=i++,this.alreadyRendered=!1,this.hovered=!1,this.__selected=!1,this.beans=e}setData(e){this.setDataCommon(e,!1)}updateData(e){this.setDataCommon(e,!0)}setDataCommon(e,t){const{valueCache:a,eventSvc:o}=this.beans,n=this.data;this.data=e,a?.onDataChanged(),this.updateDataOnDetailNode(),this.resetQuickFilterAggregateText();const r=this.createDataChangedEvent(e,n,t);if(this.__localEventService?.dispatchEvent(r),this.sibling){this.sibling.data=e;const a=this.sibling.createDataChangedEvent(e,n,t);this.sibling.__localEventService?.dispatchEvent(a)}o.dispatchEvent({type:"rowNodeDataChanged",node:this});const i=this.pinnedSibling;i&&(i.data=e,i.__localEventService?.dispatchEvent(i.createDataChangedEvent(e,n,t)),o.dispatchEvent({type:"rowNodeDataChanged",node:i}))}updateDataOnDetailNode(){const e=this.detailNode;e&&(e.data=this.data)}createDataChangedEvent(e,t,a){return{type:"dataChanged",node:this,oldData:t,newData:e,update:a}}getRowIndexString(){return null==this.rowIndex?((0,r._error)(13),null):"top"===this.rowPinned?t.ROW_ID_PREFIX_TOP_PINNED+this.rowIndex:"bottom"===this.rowPinned?t.ROW_ID_PREFIX_BOTTOM_PINNED+this.rowIndex:this.rowIndex.toString()}setDataAndId(e,t){const{selectionSvc:a}=this.beans,o=a?.createDaemonNode?.(this),n=this.data;this.data=e,this.updateDataOnDetailNode(),this.setId(t),a&&(a.updateRowSelectable(this),a.syncInRowNode(this,o));const r=this.createDataChangedEvent(e,n,!1);this.__localEventService?.dispatchEvent(r)}setId(e){const a=(0,n._getRowIdCallback)(this.beans.gos);if(a)if(this.data){const e=this.parent?.getRoute()??[];this.id=a({data:this.data,parentKeys:e.length>0?e:void 0,level:this.level,rowPinned:this.rowPinned}),this.id.startsWith(t.ROW_ID_PREFIX_ROW_GROUP)&&(0,r._error)(14,{groupPrefix:t.ROW_ID_PREFIX_ROW_GROUP})}else this.id=void 0;else this.id=e}setRowTop(e){if(this.oldRowTop=this.rowTop,this.rowTop===e)return;this.rowTop=e,this.dispatchRowEvent("topChanged");const t=null!==e;this.displayed!==t&&(this.displayed=t,this.dispatchRowEvent("displayedChanged"))}clearRowTopAndRowIndex(){this.oldRowTop=null,this.setRowTop(null),this.setRowIndex(null)}setHovered(e){this.hovered=e}isHovered(){return this.hovered}setRowHeight(e,t=!1){this.rowHeight=e,this.rowHeightEstimated=t,this.dispatchRowEvent("heightChanged")}setExpanded(e,t,a){this.beans.expansionSvc?.setExpanded(this,e,t,a)}setDataValue(e,t,a){const{colModel:o,valueSvc:n,gos:r,editSvc:i}=this.beans,l="string"!=typeof e?e:o.getCol(e)??o.getColDefCol(e);if(!l)return!1;const s=n.getValueForDisplay(l,this,void 0,void 0,"api").value;if(r.get("readOnlyEdit")){const{beans:{eventSvc:e},data:o,rowIndex:n,rowPinned:r}=this;return e.dispatchEvent({type:"cellEditRequest",event:null,rowIndex:n,rowPinned:r,column:l,colDef:l.colDef,data:o,node:this,oldValue:s,newValue:t,value:t,source:a}),!1}if(i&&!i.committing){const e=i.setDataValue({rowNode:this,column:l},t,a);if(null!=e)return e}const d=n.setValue(this,l,t,a);return this.dispatchCellChangedEvent(l,t,s),d&&this.pinnedSibling?.dispatchCellChangedEvent(l,t,s),d}updateHasChildren(){let e=this.group&&!this.footer||!!this.childrenAfterGroup?.length;const{rowChildrenSvc:t}=this.beans;t&&(e=t.getHasChildrenValue(this)),e!==this.__hasChildren&&(this.__hasChildren=!!e,this.dispatchRowEvent("hasChildrenChanged"))}hasChildren(){return null==this.__hasChildren&&this.updateHasChildren(),this.__hasChildren}dispatchCellChangedEvent(e,t,a){const o={type:"cellChanged",node:this,column:e,newValue:t,oldValue:a};this.__localEventService?.dispatchEvent(o)}resetQuickFilterAggregateText(){this.quickFilterAggregateText=null}isExpandable(){return this.beans.expansionSvc?.isExpandable(this)??!1}isSelected(){if(this.footer)return this.sibling.isSelected();const e=this.rowPinned&&this.pinnedSibling;return e?e.isSelected():this.__selected}depthFirstSearch(e){const t=this.childrenAfterGroup;if(t)for(let a=0,o=t.length;a<o;++a)t[a].depthFirstSearch(e);e(this)}dispatchRowEvent(e){this.__localEventService?.dispatchEvent({type:e,node:this})}setSelected(e,t=!1,a="api"){this.beans.selectionSvc?.setNodesSelected({nodes:[this],newValue:e,clearSelection:t,source:a})}isRowPinned(){return!!this.rowPinned}__addEventListener(e,t){(this.__localEventService??(this.__localEventService=new o.LocalEventService)).addEventListener(e,t)}__removeEventListener(e,t){this.removeLocalListener(e,t)}addEventListener(e,t){this.beans.validation?.checkRowEvents(e);const a=this.__localEventService??(this.__localEventService=new o.LocalEventService);this.frameworkEventListenerService=this.beans.frameworkOverrides.createLocalEventListenerWrapper?.(this.frameworkEventListenerService,a);const n=this.frameworkEventListenerService?.wrap(e,t)??t;a.addEventListener(e,n)}removeEventListener(e,t){const a=this.frameworkEventListenerService?.unwrap(e,t)??t;this.removeLocalListener(e,a)}removeLocalListener(e,t){const a=this.__localEventService;a&&(a.removeEventListener(e,t),a.noRegisteredListenersExist()&&(this.__localEventService=null))}isFullWidthCell(){if((0,r._warn)(61),this.detail)return!0;const e=this.beans.gos.getCallback("isFullWidthRow");return!!e&&e({rowNode:this})}getRoute(){if(-1===this.level)return[];if(null==this.key)return;const e=[];let t=this;for(;null!=t?.key;)e.push(t.key),t=t.parent;return e.reverse()}setRowIndex(e){this.rowIndex!==e&&(this.rowIndex=e,this.dispatchRowEvent("rowIndexChanged"))}setAllChildrenCount(e){this.allChildrenCount!==e&&(this.allChildrenCount=e,this.dispatchRowEvent("allChildrenCountChanged"))}setUiLevel(e){this.uiLevel!==e&&(this.uiLevel=e,this.dispatchRowEvent("uiLevelChanged"))}getFirstChild(){const e=this.childStore;return e?e.getFirstNode():this.childrenAfterSort?.[0]??null}}},9888:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t._firstLeaf=t._createRowNodeSibling=t._createGlobalRowEvent=void 0;const o=a(67274),n=a(3373);t._createGlobalRowEvent=function(e,t,a){return(0,o._addGridCommonParams)(t,{type:a,node:e,data:e.data,rowIndex:e.rowIndex,rowPinned:e.rowPinned})};const r=new Set(["__autoHeights","__checkAutoHeightsDebounced","__localEventService","__objectId","_leafs","childStore","oldRowTop","sticky","treeNodeFlags","treeParent"]);t._createRowNodeSibling=(e,t)=>{const a=new n.RowNode(t);for(const t of Object.keys(e))r.has(t)||(a[t]=e[t]);return a.oldRowTop=null,a};t._firstLeaf=e=>{for(;e?.length;){const t=e[0];if(t.data)return t;e=t.childrenAfterGroup}}},89024:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.Environment=t._addAdditionalCss=void 0;const o=a(29758),n=a(1956),r=a(2132),i=a(99550),l=a(2525),s=a(73151),d=a(47764),c={cssName:"--ag-cell-horizontal-padding",changeKey:"cellHorizontalPaddingChanged",defaultValue:16},g={cssName:"--ag-indentation-level",changeKey:"indentationLevelChanged",defaultValue:0,noWarn:!0,cacheDefault:!0},u={cssName:"--ag-row-group-indent-size",changeKey:"rowGroupIndentSizeChanged",defaultValue:0},h={cssName:"--ag-row-height",changeKey:"rowHeightChanged",defaultValue:42},p={cssName:"--ag-header-height",changeKey:"headerHeightChanged",defaultValue:48},m={cssName:"--ag-list-item-height",changeKey:"listItemHeightChanged",defaultValue:24},f={cssName:"--ag-row-border",changeKey:"rowBorderWidthChanged",defaultValue:1,border:!0},v={cssName:"--ag-pinned-row-border",changeKey:"pinnedRowBorderWidthChanged",defaultValue:1,border:!0};function b(e,t){for(const a of t.sort((e,t)=>e.moduleName.localeCompare(t.moduleName))){const t=a.css;t&&e.set(`module-${a.moduleName}`,t)}}t._addAdditionalCss=b;class C extends o.BaseEnvironment{constructor(){super(...arguments),this.sizeEls=new Map,this.lastKnownValues=new Map,this.sizesMeasured=!1}initVariables(){this.addManagedPropertyListener("rowHeight",()=>this.refreshRowHeightVariable()),this.getSizeEl(h),this.getSizeEl(p),this.getSizeEl(m),this.getSizeEl(f),this.getSizeEl(v),this.refreshRowBorderWidthVariable()}getPinnedRowBorderWidth(){return this.getCSSVariablePixelValue(v)}getRowBorderWidth(){return this.getCSSVariablePixelValue(f)}getDefaultRowHeight(){return this.getCSSVariablePixelValue(h)}getDefaultHeaderHeight(){return this.getCSSVariablePixelValue(p)}getDefaultCellHorizontalPadding(){return this.getCSSVariablePixelValue(c)}getCellPaddingLeft(){const e=this.getDefaultCellHorizontalPadding(),t=this.getCSSVariablePixelValue(g);return e-1+this.getCSSVariablePixelValue(u)*t}getCellPadding(){const e=this.getDefaultCellHorizontalPadding()-1;return this.getCellPaddingLeft()+e}getDefaultColumnMinWidth(){return Math.min(36,this.getDefaultRowHeight())}getDefaultListItemHeight(){return this.getCSSVariablePixelValue(m)}refreshRowHeightVariable(){const{eRootDiv:e}=this,t=e.style.getPropertyValue("--ag-line-height").trim(),a=this.gos.get("rowHeight");if(null==a||isNaN(a)||!isFinite(a))return null!==t&&e.style.setProperty("--ag-line-height",null),-1;const o=`${a}px`;return t!=o?(e.style.setProperty("--ag-line-height",o),a):""!=t?Number.parseFloat(t):-1}getCSSVariablePixelValue(e){const t=this.lastKnownValues.get(e);if(null!=t)return t;const a=this.measureSizeEl(e);return"detached"===a||"no-styles"===a?(e.cacheDefault&&this.lastKnownValues.set(e,e.defaultValue),e.defaultValue):(this.lastKnownValues.set(e,a),a)}measureSizeEl(e){const t=this.getSizeEl(e);if(null==t.offsetParent)return"detached";const a=t.offsetWidth;return a===w?"no-styles":(this.sizesMeasured=!0,a)}getMeasurementContainer(){let e=this.eMeasurementContainer;return e||(e=this.eMeasurementContainer=(0,s._createElement)({tag:"div",cls:"ag-measurement-container"}),this.eRootDiv.appendChild(e)),e}getSizeEl(e){let t=this.sizeEls.get(e);if(t)return t;const a=this.getMeasurementContainer();t=(0,s._createElement)({tag:"div"});const{border:o,noWarn:r}=e;o?(t.className="ag-measurement-element-border",t.style.setProperty("--ag-internal-measurement-border",`var(${e.cssName}, solid ${w}px)`)):t.style.width=`var(${e.cssName}, ${w}px)`,a.appendChild(t),this.sizeEls.set(e,t);let i=this.measureSizeEl(e);"no-styles"!==i||r||(0,d._warn)(9,{variable:e});const l=(0,n._observeResize)(this.beans,t,()=>{const t=this.measureSizeEl(e);"detached"!==t&&"no-styles"!==t&&(this.lastKnownValues.set(e,t),t!==i&&(i=t,this.fireStylesChangedEvent(e.changeKey)))});return this.addDestroyFunc(()=>l()),t}fireStylesChangedEvent(e){"rowBorderWidthChanged"===e&&this.refreshRowBorderWidthVariable(),this.eventSvc.dispatchEvent({type:"gridStylesChanged",[e]:!0})}refreshRowBorderWidthVariable(){const e=this.getCSSVariablePixelValue(f);this.eRootDiv.style.setProperty("--ag-internal-row-border-width",`${e}px`)}postProcessThemeChange(e,t){e&&getComputedStyle(this.getMeasurementContainer()).getPropertyValue("--ag-legacy-styles-loaded")&&(t?(0,d._error)(106):(0,d._error)(239))}getAdditionalCss(){const e=new Map;return e.set("core",[i.coreCSS]),b(e,Array.from((0,r._getAllRegisteredModules)())),e}getDefaultTheme(){return l.themeQuartz}themeError(e){(0,d._error)(240,{theme:e})}}t.Environment=C;const w=15538},8778:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.EventService=void 0;const o=a(91874);class n extends o.BaseEventService{postConstruct(){const{globalListener:e,globalSyncListener:t}=this.beans;e&&this.addGlobalListener(e,!0),t&&this.addGlobalListener(t,!1)}}t.EventService=n},73080:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t._GET_ALL_EVENTS=t._PUBLIC_EVENTS=void 0,t._PUBLIC_EVENTS=["columnEverythingChanged","newColumnsLoaded","columnPivotModeChanged","pivotMaxColumnsExceeded","columnRowGroupChanged","expandOrCollapseAll","columnPivotChanged","gridColumnsChanged","columnValueChanged","columnMoved","columnVisible","columnPinned","columnGroupOpened","columnResized","displayedColumnsChanged","virtualColumnsChanged","columnHeaderMouseOver","columnHeaderMouseLeave","columnHeaderClicked","columnHeaderContextMenu","asyncTransactionsFlushed","rowGroupOpened","rowDataUpdated","pinnedRowDataChanged","pinnedRowsChanged","rangeSelectionChanged","cellSelectionChanged","chartCreated","chartRangeSelectionChanged","chartOptionsChanged","chartDestroyed","toolPanelVisibleChanged","toolPanelSizeChanged","modelUpdated","cutStart","cutEnd","pasteStart","pasteEnd","fillStart","fillEnd","cellSelectionDeleteStart","cellSelectionDeleteEnd","rangeDeleteStart","rangeDeleteEnd","undoStarted","undoEnded","redoStarted","redoEnded","cellClicked","cellDoubleClicked","cellMouseDown","cellContextMenu","cellValueChanged","cellEditRequest","rowValueChanged","headerFocused","cellFocused","rowSelected","selectionChanged","tooltipShow","tooltipHide","cellKeyDown","cellMouseOver","cellMouseOut","filterChanged","filterModified","filterUiChanged","filterOpened","floatingFilterUiChanged","advancedFilterBuilderVisibleChanged","sortChanged","virtualRowRemoved","rowClicked","rowDoubleClicked","gridReady","gridPreDestroyed","gridSizeChanged","viewportChanged","firstDataRendered","dragStarted","dragStopped","dragCancelled","rowEditingStarted","rowEditingStopped","cellEditingStarted","cellEditingStopped","bodyScroll","bodyScrollEnd","paginationChanged","componentStateChanged","storeRefreshed","stateUpdated","columnMenuVisibleChanged","contextMenuVisibleChanged","rowDragEnter","rowDragMove","rowDragLeave","rowDragEnd","rowDragCancel","findChanged","rowResizeStarted","rowResizeEnded","columnsReset","bulkEditingStarted","bulkEditingStopped","batchEditingStarted","batchEditingStopped"];const a=["scrollbarWidthChanged","keyShortcutChangedCellStart","keyShortcutChangedCellEnd","pinnedHeightChanged","cellFocusCleared","fullWidthRowFocused","checkboxChanged","heightScaleChanged","suppressMovableColumns","suppressMenuHide","suppressFieldDotNotation","columnPanelItemDragStart","columnPanelItemDragEnd","bodyHeightChanged","columnContainerWidthChanged","displayedColumnsWidthChanged","scrollVisibilityChanged","scrollGapChanged","columnHoverChanged","flashCells","paginationPixelOffsetChanged","displayedRowsChanged","leftPinnedWidthChanged","rightPinnedWidthChanged","rowContainerHeightChanged","headerHeightChanged","columnGroupHeaderHeightChanged","columnHeaderHeightChanged","gridStylesChanged","storeUpdated","filterDestroyed","filterHandlerDestroyed","rowDataUpdateStarted","rowCountReady","advancedFilterEnabledChanged","dataTypesInferred","fieldValueChanged","fieldPickerValueSelected","richSelectListRowSelected","sideBarUpdated","alignedGridScroll","alignedGridColumn","gridOptionsChanged","chartTitleEdit","recalculateRowBounds","stickyTopOffsetChanged","overlayExclusiveChanged","rowNodeDataChanged","cellEditValuesChanged","filterSwitched","filterClosed","headerRowsChanged","rowExpansionStateChanged"];t._GET_ALL_EVENTS=()=>[...t._PUBLIC_EVENTS,...a]},57968:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.ALWAYS_SYNC_GLOBAL_EVENTS=void 0,t.ALWAYS_SYNC_GLOBAL_EVENTS=new Set(["gridPreDestroyed","fillStart","pasteStart"])},47331:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.BaseCreator=void 0;const o=a(68731);class n extends o.BeanStub{getFileName(e){const t=this.getDefaultFileExtension();return e?.length||(e=this.getDefaultFileName()),e.includes(".")?e:`${e}.${t}`}getData(e){const t=this.createSerializingSession(e);return this.beans.gridSerializer.serialize(t,e)}getDefaultFileName(){return`export.${this.getDefaultFileExtension()}`}}t.BaseCreator=n},68376:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.BaseGridSerializingSession=void 0;const o=a(67274);t.BaseGridSerializingSession=class{constructor(e){const{colModel:t,rowGroupColsSvc:a,colNames:o,valueSvc:n,gos:r,processCellCallback:i,processHeaderCallback:l,processGroupHeaderCallback:s,processRowGroupCallback:d}=e;this.colModel=t,this.rowGroupColsSvc=a,this.colNames=o,this.valueSvc=n,this.gos=r,this.processCellCallback=i,this.processHeaderCallback=l,this.processGroupHeaderCallback=s,this.processRowGroupCallback=d}prepare(e){}extractHeaderValue(e){return this.getHeaderName(this.processHeaderCallback,e)??""}extractRowCellValue(e,t,a,n,r){const i=0===t&&(0,o._isFullWidthGroupRow)(this.gos,r,this.colModel.isPivotMode());if(this.processRowGroupCallback&&(this.gos.get("treeData")||r.group)&&(e.isRowGroupDisplayed(r.rowGroupColumn?.getColId()??"")||i))return{value:this.processRowGroupCallback((0,o._addGridCommonParams)(this.gos,{column:e,node:r}))??""};if(this.processCellCallback)return{value:this.processCellCallback((0,o._addGridCommonParams)(this.gos,{accumulatedRowIndex:a,column:e,node:r,value:this.valueSvc.getValueForDisplay(e,r,void 0,void 0).value,type:n,parseValue:t=>this.valueSvc.parseValue(e,r,t,this.valueSvc.getValue(e,r,void 0)),formatValue:t=>this.valueSvc.formatValue(e,r,t)??t}))??""};const l=this.gos.get("treeData"),s=this.valueSvc,d=-1===r.level&&r.footer,c=!0===e.colDef.showRowGroup&&(r.group||l);if(!d&&(i||c)){let t="",a=r;for(;a&&-1!==a.level;){const{value:o,valueFormatted:n}=s.getValueForDisplay(i?void 0:e,a,!0,!0);t=` -> ${n??o??""}${t}`,a=a.parent}return{value:t,valueFormatted:t}}const{value:g,valueFormatted:u}=s.getValueForDisplay(e,r,!0,!0);return{value:g??"",valueFormatted:u}}getHeaderName(e,t){return e?e((0,o._addGridCommonParams)(this.gos,{column:t})):this.colNames.getDisplayNameForColumn(t,"csv",!0)}}},3885:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t._downloadFile=void 0;const o=a(47764);t._downloadFile=function(e,t){const a=document.defaultView||window;if(!a)return void(0,o._warn)(52);const n=document.createElement("a"),r=a.URL.createObjectURL(t);n.setAttribute("href",r),n.setAttribute("download",e),n.style.display="none",document.body.appendChild(n),n.dispatchEvent(new MouseEvent("click",{bubbles:!1,cancelable:!0,view:a})),n.remove(),a.setTimeout(()=>{a.URL.revokeObjectURL(r)},0)}},92728:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.SharedExportModule=void 0;const o=a(97205),n=a(90826);t.SharedExportModule={moduleName:"SharedExport",version:o.VERSION,beans:[n.GridSerializer]}},90826:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.GridSerializer=void 0;const o=a(79909),n=a(73146),r=a(96034),i=a(68731),l=a(56908),s=a(67274);class d extends i.BeanStub{constructor(){super(...arguments),this.beanName="gridSerializer"}wireBeans(e){this.visibleCols=e.visibleCols,this.colModel=e.colModel,this.rowModel=e.rowModel,this.pinnedRowModel=e.pinnedRowModel}serialize(e,t={}){const{allColumns:a,columnKeys:o,skipRowGroups:n,exportRowNumbers:r}=t,i=this.getColumnsToExport({allColumns:a,skipRowGroups:n,columnKeys:o,exportRowNumbers:r});return[this.prepareSession(i),this.prependContent(t),this.exportColumnGroups(t,i),this.exportHeaders(t,i),this.processPinnedTopRows(t,i),this.processRows(t,i),this.processPinnedBottomRows(t,i),this.appendContent(t)].reduce((e,t)=>t(e),e).parse()}processRow(e,t,a,o){const n=t.shouldRowBeSkipped||(()=>!1),r=null!=t.rowPositions||!!t.onlySelected,i=this.gos.get("groupHideOpenParents")&&!r,l=this.colModel.isPivotMode()?o.leafGroup:!o.group,d=!!o.footer,c=1===o.allChildrenCount&&1===o.childrenAfterGroup?.length&&(0,s._canSkipShowingRowGroup)(this.gos,o);if(!l&&!d&&(t.skipRowGroups||c||i)||t.onlySelected&&!o.isSelected()||t.skipPinnedTop&&"top"===o.rowPinned||t.skipPinnedBottom&&"bottom"===o.rowPinned||o.stub)return;if(-1===o.level&&!l&&!d)return;if(n((0,s._addGridCommonParams)(this.gos,{node:o})))return;const g=e.onNewBodyRow(o);if(a.forEach((e,t)=>{g.onColumn(e,t,o)}),t.getCustomContentBelowRow){const a=t.getCustomContentBelowRow((0,s._addGridCommonParams)(this.gos,{node:o}));a&&e.addCustomContent(a)}}appendContent(e){return t=>{const a=e.appendContent;return a&&t.addCustomContent(a),t}}prependContent(e){return t=>{const a=e.prependContent;return a&&t.addCustomContent(a),t}}prepareSession(e){return t=>(t.prepare(e),t)}exportColumnGroups(e,t){return a=>{if(!e.skipColumnGroupHeaders){const o=new r.GroupInstanceIdCreator,{colGroupSvc:n}=this.beans,i=n?n.createColumnGroups({columns:t,idCreator:o,pinned:null,isStandaloneStructure:!0}):t;this.recursivelyAddHeaderGroups(i,a,e.processGroupHeaderCallback)}return a}}exportHeaders(e,t){return a=>{if(!e.skipColumnHeaders){const e=a.onNewHeaderRow();t.forEach((t,a)=>{e.onColumn(t,a,void 0)})}return a}}processPinnedTopRows(e,t){return a=>{const o=this.processRow.bind(this,a,e,t);return e.rowPositions?e.rowPositions.filter(e=>"top"===e.rowPinned).sort((e,t)=>e.rowIndex-t.rowIndex).map(e=>this.pinnedRowModel?.getPinnedTopRow(e.rowIndex)).forEach(o):this.pinnedRowModel?.isManual()||this.pinnedRowModel?.forEachPinnedRow("top",o),a}}processRows(e,t){return a=>{const o=this.rowModel,n=(0,s._isClientSideRowModel)(this.gos,o),r=(0,s._isServerSideRowModel)(this.gos,o),i=!n&&e.onlySelected,l=this.processRow.bind(this,a,e,t),{exportedRows:d="filteredAndSorted"}=e;if(e.rowPositions)e.rowPositions.filter(e=>null==e.rowPinned).sort((e,t)=>e.rowIndex-t.rowIndex).map(e=>o.getRow(e.rowIndex)).forEach(l);else if(this.colModel.isPivotMode())n?o.forEachPivotNode(l,!0,"filteredAndSorted"===d):r?o.forEachNodeAfterFilterAndSort(l,!0):o.forEachNode(l);else if(e.onlySelectedAllPages||i){const e=this.beans.selectionSvc?.getSelectedNodes()??[];this.replicateSortedOrder(e),e.forEach(l)}else"all"===d?o.forEachNode(l):n||r?o.forEachNodeAfterFilterAndSort(l,!0):o.forEachNode(l);return a}}replicateSortedOrder(e){const{sortSvc:t,rowNodeSorter:a}=this.beans;if(!t||!a)return;const o=t.getSortOptions(),n=(e,t)=>null!=e.rowIndex&&null!=t.rowIndex?e.rowIndex-t.rowIndex:e.level===t.level?e.parent?.id===t.parent?.id?a.compareRowNodes(o,{rowNode:e,currentPos:e.rowIndex??-1},{rowNode:t,currentPos:t.rowIndex??-1}):n(e.parent,t.parent):e.level>t.level?n(e.parent,t):n(e,t.parent);e.sort(n)}processPinnedBottomRows(e,t){return a=>{const o=this.processRow.bind(this,a,e,t);return e.rowPositions?e.rowPositions.filter(e=>"bottom"===e.rowPinned).sort((e,t)=>e.rowIndex-t.rowIndex).map(e=>this.pinnedRowModel?.getPinnedBottomRow(e.rowIndex)).forEach(o):this.pinnedRowModel?.isManual()||this.pinnedRowModel?.forEachPinnedRow("bottom",o),a}}getColumnsToExport(e){const{allColumns:t=!1,skipRowGroups:a=!1,exportRowNumbers:o=!1,columnKeys:r}=e,{colModel:i,gos:l,visibleCols:s}=this,d=i.isPivotMode(),c=e=>!(0,n.isColumnSelectionCol)(e)&&(!(0,n.isRowNumberCol)(e)||o);if(r?.length)return i.getColsForKeys(r).filter(c);const g=l.get("treeData");let u=[];return u=t&&!d?i.getCols():s.allCols,u=u.filter(e=>c(e)&&(!(a&&!g)||!(0,n.isColumnGroupAutoCol)(e))),u}recursivelyAddHeaderGroups(e,t,a){const o=[];for(const t of e){const e=t;if(e.getChildren)for(const t of e.getChildren()??[])o.push(t)}e.length>0&&(0,l.isColumnGroup)(e[0])&&this.doAddHeaderHeader(t,e,a),o&&o.length>0&&this.recursivelyAddHeaderGroups(o,t,a)}doAddHeaderHeader(e,t,a){const n=e.onNewHeaderGroupingRow();let r=0;for(const e of t){const t=e;let i;i=a?a((0,s._addGridCommonParams)(this.gos,{columnGroup:t})):this.beans.colNames.getDisplayNameForColumnGroup(t,"header");const l=(t.isExpandable()?t.getLeafColumns():[]).reduce((e,t,a,n)=>{let r=(0,o._last)(e);return"open"===t.getColumnGroupShow()?r&&null==r[1]||(r=[a],e.push(r)):r&&null==r[1]&&(r[1]=a-1),a===n.length-1&&r&&null==r[1]&&(r[1]=a),e},[]);n.onColumn(t,i||"",r++,t.getLeafColumns().length-1,l)}}}t.GridSerializer=d},36331:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.columnFiltersCSS=void 0,t.columnFiltersCSS=".ag-set-filter{--ag-indentation-level:0}.ag-set-filter-item{align-items:center;display:flex;height:100%}:where(.ag-ltr) .ag-set-filter-item{padding-left:calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level)*var(--ag-set-filter-indent-size))}:where(.ag-rtl) .ag-set-filter-item{padding-right:calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level)*var(--ag-set-filter-indent-size))}.ag-set-filter-item-checkbox{display:flex;height:100%;width:100%}.ag-set-filter-group-icons{display:block;>*{cursor:pointer}}:where(.ag-ltr) .ag-set-filter-group-icons{margin-right:var(--ag-widget-container-horizontal-padding)}:where(.ag-rtl) .ag-set-filter-group-icons{margin-left:var(--ag-widget-container-horizontal-padding)}.ag-filter-body-wrapper{display:flex;flex-direction:column}:where(.ag-menu:not(.ag-tabs) .ag-filter) .ag-filter-body-wrapper,:where(.ag-menu:not(.ag-tabs) .ag-filter)>:not(.ag-filter-wrapper){min-width:180px}.ag-filter-filter{flex:1 1 0px}.ag-filter-condition{display:flex;justify-content:center}.ag-floating-filter-body{display:flex;flex:1 1 auto;height:100%;position:relative}.ag-floating-filter-full-body{align-items:center;display:flex;flex:1 1 auto;height:100%;overflow:hidden;width:100%}:where(.ag-floating-filter-full-body)>div{flex:1 1 auto}.ag-floating-filter-input{align-items:center;display:flex;width:100%;>*{flex:1 1 auto}:where(.ag-input-field-input[type=date]),:where(.ag-input-field-input[type=datetime-local]){width:1px}}.ag-floating-filter-button{display:flex;flex:none}.ag-date-floating-filter-wrapper{display:flex}.ag-set-floating-filter-input :where(input)[disabled]{pointer-events:none}.ag-floating-filter-button-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;height:var(--ag-icon-size);width:var(--ag-icon-size)}.ag-filter-loading{align-items:unset;background-color:var(--ag-chrome-background-color);height:100%;padding:var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);position:absolute;width:100%;z-index:1;:where(.ag-menu) &{background-color:var(--ag-menu-background-color)}}.ag-filter-separator{border-top:solid var(--ag-border-width) var(--menu-separator-color)}:where(.ag-filter-select) .ag-picker-field-wrapper{width:0}.ag-filter-condition-operator{height:17px}:where(.ag-ltr) .ag-filter-condition-operator-or{margin-left:calc(var(--ag-spacing)*2)}:where(.ag-rtl) .ag-filter-condition-operator-or{margin-right:calc(var(--ag-spacing)*2)}.ag-set-filter-select-all{padding-top:var(--ag-widget-container-vertical-padding)}.ag-filter-no-matches,.ag-set-filter-list{height:calc(var(--ag-list-item-height)*6)}.ag-filter-no-matches{padding:var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding)}.ag-set-filter-tree-list{height:calc(var(--ag-list-item-height)*10)}.ag-set-filter-filter{margin-left:var(--ag-widget-container-horizontal-padding);margin-right:var(--ag-widget-container-horizontal-padding);margin-top:var(--ag-widget-container-vertical-padding)}.ag-filter-to{margin-top:var(--ag-widget-vertical-spacing)}.ag-mini-filter{margin:var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding)}:where(.ag-ltr) .ag-set-filter-add-group-indent{margin-left:calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding))}:where(.ag-rtl) .ag-set-filter-add-group-indent{margin-right:calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding))}:where(.ag-filter-menu) .ag-set-filter-list{min-width:200px}.ag-filter-virtual-list-item:focus-visible{box-shadow:inset var(--ag-focus-shadow)}.ag-filter-apply-panel{display:flex;justify-content:flex-end;overflow:hidden;padding:var(--ag-widget-vertical-spacing) var(--ag-widget-container-horizontal-padding) var(--ag-widget-container-vertical-padding)}.ag-filter-apply-panel-button{line-height:1.5}:where(.ag-ltr) .ag-filter-apply-panel-button{margin-left:calc(var(--ag-spacing)*2)}:where(.ag-rtl) .ag-filter-apply-panel-button{margin-right:calc(var(--ag-spacing)*2)}.ag-simple-filter-body-wrapper{display:flex;flex-direction:column;min-height:calc(var(--ag-list-item-height) + var(--ag-widget-container-vertical-padding) + var(--ag-widget-vertical-spacing));overflow-y:auto;padding:var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);padding-bottom:calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));&>*{margin-bottom:var(--ag-widget-vertical-spacing)}:where(.ag-resizer-wrapper){margin:0}}.ag-multi-filter-menu-item{margin:var(--ag-spacing) 0}.ag-multi-filter-group-title-bar{background-color:transparent;color:var(--ag-header-text-color);font-weight:500;padding:calc(var(--ag-spacing)*1.5) var(--ag-spacing)}.ag-group-filter-field-select-wrapper{display:flex;flex-direction:column;gap:var(--ag-widget-vertical-spacing);padding:var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding)}"},46908:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.doFilterAction=t.getColumnFilterHandler=t.hideColumnFilter=t.showColumnFilter=t.setColumnFilterModel=t.getColumnFilterModel=t.getFilterModel=t.setFilterModel=t.destroyFilter=t.getColumnFilterInstance=t.isColumnFilterPresent=void 0;const o=a(47764);t.isColumnFilterPresent=function(e){const t=e.filterManager;return!!t?.isColumnFilterPresent()||!!t?.isAggregateFilterPresent()},t.getColumnFilterInstance=function(e,t){return e.filterManager?.getColumnFilterInstance(t)??Promise.resolve(void 0)},t.destroyFilter=function(e,t){const a=e.colModel.getColDefCol(t);if(a)return e.colFilter?.destroyFilter(a,"api")},t.setFilterModel=function(e,t){e.frameworkOverrides.wrapIncoming(()=>e.filterManager?.setFilterModel(t))},t.getFilterModel=function(e){return e.filterManager?.getFilterModel()??{}},t.getColumnFilterModel=function(e,t,a){const{gos:n,colModel:r,colFilter:i}=e;a&&!n.get("enableFilterHandlers")&&((0,o._warn)(288),a=!1);const l=r.getColDefCol(t);return l?i?.getModelForColumn(l,a)??null:null},t.setColumnFilterModel=function(e,t,a){return e.filterManager?.setColumnFilterModel(t,a)??Promise.resolve()},t.showColumnFilter=function(e,t){const a=e.colModel.getCol(t);a?e.menuSvc?.showFilterMenu({column:a,containerType:"columnFilter",positionBy:"auto"}):(0,o._error)(12,{colKey:t})},t.hideColumnFilter=function(e){e.menuSvc?.hideFilterMenu()},t.getColumnFilterHandler=function(e,t){const a=e.colModel.getCol(t);if(a)return e.colFilter?.getHandler(a,!0);(0,o._error)(12,{colKey:t})},t.doFilterAction=function(e,t){const{colModel:a,colFilter:n,gos:r}=e;if(!r.get("enableFilterHandlers"))return void(0,o._warn)(287);const{colId:i,action:l}=t;if(i){const e=a.getColById(i);e&&n?.updateModel(e,l)}else n?.updateAllModels(l)}},40219:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.ColumnFilterService=void 0;const o=a(89097),n=a(35269),r=a(54126),i=a(12036),l=a(68731),s=a(67274),d=a(25679),c=a(47764),g=a(4985),u=a(26771),h=a(59990),p={filterHandler:()=>({doesFilterPass:()=>!0})};class m extends l.BeanStub{constructor(){super(...arguments),this.beanName="colFilter",this.allColumnFilters=new Map,this.allColumnListeners=new Map,this.activeAggregateFilters=[],this.activeColumnFilters=[],this.processingFilterChange=!1,this.modelUpdates=[],this.columnModelUpdates=[],this.state=new Map,this.handlerMap={...g.FILTER_HANDLER_MAP},this.isGlobalButtons=!1,this.activeFilterComps=new Set}postConstruct(){this.addManagedEventListeners({gridColumnsChanged:this.onColumnsChanged.bind(this),dataTypesInferred:this.processFilterModelUpdateQueue.bind(this)});const e=this.gos,t={...e.get("initialState")?.filter?.filterModel??{}};this.initialModel=t,this.model={...t},e.get("enableFilterHandlers")||delete this.handlerMap.agMultiColumnFilter}refreshModel(){this.onNewRowsLoaded("rowDataUpdated")}setModel(e,t="api",a){const{colModel:r,dataTypeSvc:i,filterManager:l}=this.beans;if(i?.isPendingInference)return void this.modelUpdates.push({model:e,source:t});const s=[],d=this.getModel(!0);if(e){const t=new Set(Object.keys(e));this.allColumnFilters.forEach((a,o)=>{const n=e[o];s.push(this.setModelOnFilterWrapper(a,n)),t.delete(o)}),t.forEach(t=>{const a=r.getColDefCol(t)||r.getCol(t);if(!a)return void(0,c._warn)(62,{colId:t});if(!a.isFilterAllowed())return void(0,c._warn)(63,{colId:t});const o=this.getOrCreateFilterWrapper(a,!0);o?s.push(this.setModelOnFilterWrapper(o,e[t],!0)):(0,c._warn)(64,{colId:t})})}else this.model={},this.allColumnFilters.forEach(e=>{s.push(this.setModelOnFilterWrapper(e,null))});n.AgPromise.all(s).then(()=>{const e=this.getModel(!0),n=[];this.allColumnFilters.forEach((t,a)=>{const r=d?d[a]:null,i=e?e[a]:null;(0,o._jsonEquals)(r,i)||n.push(t.column)}),n.length>0?l?.onFilterChanged({columns:n,source:t}):a&&this.updateActive("filterChanged")})}getModel(e){const t={},{allColumnFilters:a,initialModel:n,beans:{colModel:r}}=this;if(a.forEach((e,a)=>{const n=this.getModelFromFilterWrapper(e);(0,o._exists)(n)&&(t[a]=n)}),!e)for(const e of Object.keys(n)){const i=n[e];(0,o._exists)(i)&&!a.has(e)&&r.getCol(e)?.isFilterAllowed()&&(t[e]=i)}return t}setState(e,t,a="api"){if(this.state.clear(),t)for(const e of Object.keys(t)){const a=t[e];this.state.set(e,{model:(0,g._getFilterModel)(this.model,e),state:a})}this.setModel(e,a,!0)}getState(){const e=this.state;if(!e.size)return;const t={};let a=!1;return e.forEach((e,o)=>{const n=e.state;null!=n&&(a=!0,t[o]=n)}),a?t:void 0}getModelFromFilterWrapper(e){const t=e.column.getColId();if(e.isHandler)return(0,g._getFilterModel)(this.model,t);const a=e.filter;return a?"function"!=typeof a.getModel?((0,c._warn)(66),null):a.getModel():(0,g._getFilterModel)(this.initialModel,t)}isFilterPresent(){return this.activeColumnFilters.length>0}isAggFilterPresent(){return!!this.activeAggregateFilters.length}disableFilters(){this.initialModel={};const{allColumnFilters:e}=this;return!!e.size&&(e.forEach(e=>this.disposeFilterWrapper(e,"advancedFilterEnabled")),!0)}updateActiveFilters(){const{colModel:e,gos:t}=this.beans,a=!!(0,s._getGroupAggFiltering)(t),o=[],r=[],i=(t,n,i)=>{n&&((t=>{if(!t.isPrimary())return!0;const o=!e.isPivotActive();return!(!t.isValueActive()||!o)&&(!!e.isPivotMode()||a)})(t)?o.push(i):r.push(i))},l=[];return this.allColumnFilters.forEach(e=>{const t=e.column,a=t.getColId();if(e.isHandler)l.push(n.AgPromise.resolve().then(()=>{i(t,this.isHandlerActive(t),{colId:a,isHandler:!0,handler:e.handler,handlerParams:e.handlerParams})}));else{const o=(0,g.getFilterUiFromWrapper)(e);o&&l.push(o.then(e=>{i(t,(e=>!!e&&(e.isFilterActive?e.isFilterActive():((0,c._warn)(67),!1)))(e),{colId:a,isHandler:!1,comp:e})}))}}),n.AgPromise.all(l).then(()=>{this.activeAggregateFilters=o,this.activeColumnFilters=r})}updateFilterFlagInColumns(e,t){const a=[];return this.allColumnFilters.forEach(o=>{const r=o.column;if(o.isHandler)a.push(n.AgPromise.resolve().then(()=>{this.setColFilterActive(r,this.isHandlerActive(r),e,t)}));else{const n=(0,g.getFilterUiFromWrapper)(o);n&&a.push(n.then(a=>{this.setColFilterActive(r,a.isFilterActive(),e,t)}))}}),this.beans.groupFilter?.updateFilterFlags(e,t),n.AgPromise.all(a)}doFiltersPass(e,t,a){const{data:o,aggData:n}=e,r=a?this.activeAggregateFilters:this.activeColumnFilters,i=a?n:o,l=this.model;for(let a=0;a<r.length;a++){const o=r[a],{colId:n,isHandler:s}=o;if(n!==t)if(s){const{handler:t,handlerParams:a}=o;if(!t.doesFilterPass({node:e,data:i,model:(0,g._getFilterModel)(l,n),handlerParams:a}))return!1}else{const t=o.comp;if("function"!=typeof t.doesFilterPass){(0,c._error)(91);continue}if(!t.doesFilterPass({node:e,data:i}))return!1}}return!0}getHandlerParams(e){const t=this.allColumnFilters.get(e.getColId());return t?.isHandler?t.handlerParams:void 0}callOnFilterChangedOutsideRenderCycle(e){const{rowRenderer:t,filterManager:a}=this.beans,o=()=>{this.isAlive()&&a?.onFilterChanged(e)};t.isRefreshInProgress()?setTimeout(o,0):o()}updateBeforeFilterChanged(e={}){const{column:t,additionalEventAttributes:a}=e,o=t?.getColId();return this.updateActiveFilters().then(()=>this.updateFilterFlagInColumns("filterChanged",a).then(()=>{this.allColumnFilters.forEach(e=>{const{column:t,isHandler:a}=e;o!==t.getColId()&&(a&&e.handler.onAnyFilterChanged?.(),(0,g.getFilterUiFromWrapper)(e,a)?.then(e=>{"function"==typeof e?.onAnyFilterChanged&&e.onAnyFilterChanged()}))}),this.processingFilterChange=!0}))}updateAfterFilterChanged(){this.processingFilterChange=!1}isSuppressFlashingCellsBecauseFiltering(){return!(this.gos.get("allowShowChangeAfterFilter")??!1)&&this.processingFilterChange}onNewRowsLoaded(e){const t=[];this.allColumnFilters.forEach(e=>{const a=e.isHandler;a&&e.handler.onNewRowsLoaded?.();const o=(0,g.getFilterUiFromWrapper)(e,a);o&&t.push(o.then(e=>{e.onNewRowsLoaded?.()}))}),n.AgPromise.all(t).then(()=>this.updateActive(e,{afterDataChange:!0}))}updateActive(e,t){this.updateFilterFlagInColumns(e,t).then(()=>this.updateActiveFilters())}createGetValue(e,t){const{filterValueSvc:a,colModel:o}=this.beans;return(n,r)=>{const i=r?o.getCol(r):e;return i?a.getValue(i,n,t):void 0}}isFilterActive(e){const t=this.cachedFilter(e);if(t?.isHandler)return this.isHandlerActive(e);const a=t?.filter;return a?a.isFilterActive():null!=(0,g._getFilterModel)(this.initialModel,e.getColId())}isHandlerActive(e){const t=(0,o._exists)((0,g._getFilterModel)(this.model,e.getColId()));if(t)return t;const a=this.beans.groupFilter;return!!a?.isGroupFilter(e)&&a.isFilterActive(e)}getOrCreateFilterUi(e){const t=this.getOrCreateFilterWrapper(e,!0);return t?(0,g.getFilterUiFromWrapper)(t):null}getFilterUiForDisplay(e){const t=this.getOrCreateFilterWrapper(e,!0);if(!t)return null;const a=(0,g.getFilterUiFromWrapper)(t);return a?a.then(e=>({comp:e,params:t.filterUi.filterParams,isHandler:t.isHandler})):null}getHandler(e,t){const a=this.getOrCreateFilterWrapper(e,t);return a?.isHandler?a.handler:void 0}getOrCreateFilterWrapper(e,t){if(!e.isFilterAllowed())return;let a=this.cachedFilter(e);return!a&&t&&(a=this.createFilterWrapper(e),this.setColumnFilterWrapper(e,a)),a}cachedFilter(e){return this.allColumnFilters.get(e.getColId())}getDefaultFilter(e,t=!1){return this.getDefaultFilterFromDataType(()=>this.beans.dataTypeSvc?.getBaseDataType(e),t)}getDefaultFilterFromDataType(e,t=!1){return(0,s._isSetFilterByDefault)(this.gos)?t?"agSetColumnFloatingFilter":"agSetColumnFilter":(0,u._getDefaultSimpleFilter)(e(),t)}getDefaultFloatingFilter(e){return this.getDefaultFilter(e,!0)}createFilterComp(e,t,a,o,n,r){const l=()=>{const l=this.createFilterCompParams(e,n,r),s=o(l,n);return(0,i._getFilterDetails)(this.beans.userCompFactory,t,s,a)},s=l();if(!s)return null;return{compDetails:s,createFilterUi:e=>(e?l():s).newAgStackInstance()}}createFilterInstance(e,t,a,o){const n=this.beans.selectableFilter;n?.isSelectable(t)&&(t=n.getFilterDef(e,t));const{handler:r,handlerParams:i,handlerGenerator:l}=this.createHandler(e,t,a)??{},s=this.createFilterComp(e,t,a,o,!!r,"init");if(!s)return{compDetails:null,createFilterUi:null,handler:r,handlerGenerator:l,handlerParams:i};const{compDetails:d,createFilterUi:g}=s;if(this.isGlobalButtons){!!d.params?.buttons?.length||(0,c._warn)(281,{colId:e.getColId()})}return{compDetails:d,handler:r,handlerGenerator:l,handlerParams:i,createFilterUi:g}}createBaseFilterParams(e,t){const{filterManager:a,rowModel:o}=this.beans;return(0,s._addGridCommonParams)(this.gos,{column:e,colDef:e.getColDef(),getValue:this.createGetValue(e),doesRowPassOtherFilter:t?()=>!0:t=>a?.doesRowPassOtherFilters(e.getColId(),t)??!0,rowModel:o})}createFilterCompParams(e,t,a,o){const n=this.filterChangedCallbackFactory(e),r=this.createBaseFilterParams(e,o);if(r.filterChangedCallback=n,r.filterModifiedCallback=o?()=>{}:t=>this.filterModified(e,t),t){const t=r,o=e.getColId(),i=(0,g._getFilterModel)(this.model,o);t.model=i,t.state=this.state.get(o)??{model:i},t.onModelChange=(t,a)=>{this.updateStoredModel(o,t),this.refreshHandlerAndUi(e,t,"ui",!1,a).then(()=>{n({...a,source:"columnFilter"})})},t.onStateChange=t=>{this.updateState(e,t),this.updateOrRefreshFilterUi(e)},t.onAction=(t,a,o)=>{this.updateModel(e,t,a),this.dispatchLocalEvent({type:"filterAction",column:e,action:t,event:o})},t.getHandler=()=>this.getHandler(e,!0),t.onUiChange=t=>this.filterUiChanged(e,t),t.source=a}return r}createFilterUiForHandler(e,t){return t?{created:!1,create:t,filterParams:e.params,compDetails:e}:null}createFilterUiLegacy(e,t,a){const o=t(),n={created:!0,create:t,filterParams:e.params,compDetails:e,promise:o};return o.then(a),n}createFilterWrapper(e){const{compDetails:t,handler:a,handlerGenerator:o,handlerParams:n,createFilterUi:r}=this.createFilterInstance(e,e.getColDef(),this.getDefaultFilter(e),e=>e),i=e.getColId();if(a)return delete this.initialModel[i],a.init?.({...n,source:"init",model:(0,g._getFilterModel)(this.model,i)}),{column:e,isHandler:!0,handler:a,handlerGenerator:o,handlerParams:n,filterUi:this.createFilterUiForHandler(t,r)};if(r){const a={column:e,filterUi:null,isHandler:!1};return a.filterUi=this.createFilterUiLegacy(t,r,e=>{a.filter=e??void 0}),a}return{column:e,filterUi:null,isHandler:!1}}createHandlerFunc(e,t,a){const{gos:o,frameworkOverrides:n,registry:r}=this.beans;let l;const u=o.get("enableFilterHandlers"),h=u?(e=>{const t=e.filter;if((0,d.isColumnFilterComp)(t)){const e=t.handler;return e||(l=t.doesFilterPass,l?()=>({doesFilterPass:l}):void 0)}return"string"==typeof t?t:void 0})(t):void 0,m=e=>()=>this.createBean(r.createDynamicBean(e,!0));let f,v;if("string"==typeof h){const e=o.get("filterHandlers")?.[h];null!=e?f=e:g.FILTER_HANDLERS.has(h)&&(f=m(h),v=h)}else f=h;if(!f){let e;const{compName:o,jsComp:r,fwComp:l}=(0,i._getFilterCompKeys)(n,t);if(o)e=o;else{null==r&&null==l&&!0===t.filter&&(e=a)}v=this.handlerMap[e],v&&(f=m(v))}if(!f){if(!u)return;return(0,s._isClientSideRowModel)(o)&&(0,c._warn)(277,{colId:e.getColId()}),p}return{filterHandler:f,handlerNameOrCallback:l??v}}createHandler(e,t,a){const o=this.createHandlerFunc(e,t,a);if(!o)return;const n=(0,i._mergeFilterParamsWithApplicationProvidedParams)(this.beans.userCompFactory,t,this.createFilterCompParams(e,!0,"init")),{handlerNameOrCallback:r,filterHandler:l}=o,{handler:s,handlerParams:d}=this.createHandlerFromFunc(e,l,n);return{handler:s,handlerParams:d,handlerGenerator:r??l}}createHandlerFromFunc(e,t,a){const o=e.getColDef();return{handler:t((0,s._addGridCommonParams)(this.gos,{column:e,colDef:o})),handlerParams:this.createHandlerParams(e,a)}}createHandlerParams(e,t){const a=e.getColDef(),o=e.getColId(),n=this.filterChangedCallbackFactory(e);return(0,s._addGridCommonParams)(this.gos,{colDef:a,column:e,getValue:this.createGetValue(e),doesRowPassOtherFilter:e=>this.beans.filterManager?.doesRowPassOtherFilters(o,e)??!0,onModelChange:(t,a)=>{this.updateStoredModel(o,t),this.refreshHandlerAndUi(e,t,"handler",!1,a).then(()=>{n({...a,source:"columnFilter"})})},filterParams:t})}onColumnsChanged(){const e=[],{colModel:t,filterManager:a,groupFilter:o}=this.beans;this.allColumnFilters.forEach((a,o)=>{let n;n=a.column.isPrimary()?t.getColDefCol(o):t.getCol(o),n&&n===a.column||(e.push(a.column),this.disposeFilterWrapper(a,"columnChanged"),this.disposeColumnListener(o))});const n=o&&e.every(e=>o.isGroupFilter(e));e.length>0&&!n&&a?.onFilterChanged({columns:e,source:"api"})}isFilterAllowed(e){if(!e.isFilterAllowed())return!1;const t=this.beans.groupFilter;return!t?.isGroupFilter(e)||t.isFilterAllowed(e)}getFloatingFilterCompDetails(e,t){const{userCompFactory:a,frameworkOverrides:o,selectableFilter:n}=this.beans,l=e.getColDef(),d=n?.isSelectable(l)?n.getFilterDef(e,l):l,c=(0,h._getDefaultFloatingFilterType)(o,d,()=>this.getDefaultFloatingFilter(e))??"agReadOnlyFloatingFilter",u=this.gos.get("enableFilterHandlers"),p=(0,i._mergeFilterParamsWithApplicationProvidedParams)(a,d,this.createFilterCompParams(e,u,"init",!0)),m=(0,s._addGridCommonParams)(this.gos,{column:e,filterParams:p,currentParentModel:()=>this.getCurrentFloatingFilterParentModel(e),parentFilterInstance:t=>{const a=this.getOrCreateFilterUi(e);null!=a&&a.then(e=>{t((0,r._unwrapUserComp)(e))})},showParentFilter:t});if(u){const t=m,a=e.getColId(),o=this.filterChangedCallbackFactory(e);t.onUiChange=t=>this.floatingFilterUiChanged(e,t),t.model=(0,g._getFilterModel)(this.model,a),t.onModelChange=(t,n)=>{this.updateStoredModel(a,t),this.refreshHandlerAndUi(e,t,"floating",!0,n).then(()=>{o({...n,source:"columnFilter"})})},t.getHandler=()=>this.getHandler(e,!0),t.source="init"}return(0,i._getFloatingFilterCompDetails)(a,l,m,c)}getCurrentFloatingFilterParentModel(e){return this.getModelFromFilterWrapper(this.cachedFilter(e)??{column:e})}destroyFilterUi(e,t,a,o){const n="paramsUpdated";if(e.isHandler){const r=t.getColId();delete this.initialModel[r],this.state.delete(r);const i=e.filterUi,l=this.createFilterUiForHandler(a,o);e.filterUi=l;const s=this.eventSvc;i?.created?i.promise.then(e=>{this.destroyBean(e),s.dispatchEvent({type:"filterDestroyed",source:n,column:t})}):s.dispatchEvent({type:"filterHandlerDestroyed",source:n,column:t})}else this.destroyFilter(t,n)}destroyFilter(e,t="api"){const a=e.getColId(),o=this.allColumnFilters.get(a);this.disposeColumnListener(a),delete this.initialModel[a],o&&this.disposeFilterWrapper(o,t).then(t=>{t&&this.isAlive()&&this.beans.filterManager?.onFilterChanged({columns:[e],source:"api"})})}disposeColumnListener(e){const t=this.allColumnListeners.get(e);t&&(this.allColumnListeners.delete(e),t())}disposeFilterWrapper(e,t){let a=!1;const{column:o,isHandler:r,filterUi:i}=e,l=o.getColId();r&&(a=this.isHandlerActive(o),this.destroyBean(e.handler),delete this.model[l],this.state.delete(l));const s=()=>{this.setColFilterActive(o,!1,"filterDestroyed"),this.allColumnFilters.delete(l),this.eventSvc.dispatchEvent({type:"filterDestroyed",source:t,column:o})};if(i){if(i.created)return i.promise.then(e=>(a=r?a:!!e?.isFilterActive(),this.destroyBean(e),s(),a));s()}return n.AgPromise.resolve(a)}filterChangedCallbackFactory(e){return t=>{this.callOnFilterChangedOutsideRenderCycle({additionalEventAttributes:t,columns:[e],column:e,source:t?.source??"columnFilter"})}}filterParamsChanged(e,t="api"){const a=this.allColumnFilters.get(e);if(!a)return;const o=this.beans,n=a.column,r=n.getColDef(),l=n.isFilterAllowed(),s=this.getDefaultFilter(n),d=o.selectableFilter,c=d?.isSelectable(r)?d.getFilterDef(n,r):r,u=l?this.createHandlerFunc(n,c,this.getDefaultFilter(n)):void 0,h=!!u,p=a.isHandler;if(p!=h)return void this.destroyFilter(n,"paramsUpdated");const{compDetails:m,createFilterUi:f}=(l?this.createFilterComp(n,c,s,e=>e,h,"colDef"):null)??{compDetails:null,createFilterUi:null},v=m?.params??(0,i._mergeFilterParamsWithApplicationProvidedParams)(o.userCompFactory,c,this.createFilterCompParams(n,h,"colDef"));if(p){const o=u?.handlerNameOrCallback??u?.filterHandler,r=(0,g._getFilterModel)(this.model,e);if(a.handlerGenerator!=o){const i=a.handler,{handler:l,handlerParams:s}=this.createHandlerFromFunc(n,u.filterHandler,v);a.handler=l,a.handlerParams=s,a.handlerGenerator=o,delete this.model[e],l.init?.({...s,source:"init",model:null}),this.destroyBean(i),null!=r&&this.beans.filterManager?.onFilterChanged({columns:[n],source:t})}else{const e=this.createHandlerParams(n,m?.params);a.handlerParams=e,a.handler.refresh?.({...e,source:"colDef",model:r})}}!this.areFilterCompsDifferent(a.filterUi?.compDetails??null,m)&&a.filterUi&&m?(a.filterUi.filterParams=v,(0,g.getFilterUiFromWrapper)(a,p)?.then(e=>{!1===(!e?.refresh||e.refresh(v))?this.destroyFilterUi(a,n,m,f):this.dispatchLocalEvent({type:"filterParamsChanged",column:n,params:v})})):this.destroyFilterUi(a,n,m,f)}refreshHandlerAndUi(e,t,a,o,r){const i=this.cachedFilter(e);if(!i)return o&&this.getOrCreateFilterWrapper(e,!0),n.AgPromise.resolve();if(!i.isHandler)return n.AgPromise.resolve();const{filterUi:l,handler:s,handlerParams:d}=i;return(0,g._refreshHandlerAndUi)(()=>{if(l){const{created:e,filterParams:t}=l;if(e)return l.promise.then(e=>e?{filter:e,filterParams:t}:void 0);l.refreshed=!0}return n.AgPromise.resolve(void 0)},s,d,t,this.state.get(e.getColId())??{model:t},a,r)}setColumnFilterWrapper(e,t){const a=e.getColId();this.allColumnFilters.set(a,t),this.allColumnListeners.set(a,this.addManagedListeners(e,{colDefChanged:()=>this.filterParamsChanged(a)})[0])}areFilterCompsDifferent(e,t){if(!t||!e)return!0;const{componentClass:a}=e,{componentClass:o}=t;return!(a===o||a?.render&&o?.render&&a.render===o.render)}hasFloatingFilters(){return this.beans.colModel.getCols().some(e=>e.getColDef().floatingFilter)}getFilterInstance(e){const t=this.beans.colModel.getColDefCol(e);if(!t)return Promise.resolve(void 0);const a=this.getOrCreateFilterUi(t);return a?new Promise(e=>{a.then(t=>{e((0,r._unwrapUserComp)(t))})}):Promise.resolve(null)}processFilterModelUpdateQueue(){this.modelUpdates.forEach(({model:e,source:t})=>this.setModel(e,t)),this.modelUpdates=[],this.columnModelUpdates.forEach(({key:e,model:t,resolve:a})=>{this.setModelForColumn(e,t).then(()=>a())}),this.columnModelUpdates=[]}getModelForColumn(e,t){if(t){const{state:t,model:a}=this,o=e.getColId(),n=t.get(o);return n?n.model??null:(0,g._getFilterModel)(a,o)}const a=this.cachedFilter(e);return a?this.getModelFromFilterWrapper(a):null}setModelForColumn(e,t){if(this.beans.dataTypeSvc?.isPendingInference){let a=()=>{};const o=new Promise(e=>{a=e});return this.columnModelUpdates.push({key:e,model:t,resolve:a}),o}return new Promise(a=>{this.setModelForColumnLegacy(e,t).then(e=>a(e))})}getStateForColumn(e){return this.state.get(e)??{model:(0,g._getFilterModel)(this.model,e)}}setModelForColumnLegacy(e,t){const a=this.beans.colModel.getColDefCol(e),o=a?this.getOrCreateFilterWrapper(a,!0):null;return o?this.setModelOnFilterWrapper(o,t):n.AgPromise.resolve()}setColDefPropsForDataType(e,t,a){const o=e.filter,n=!0===o?this.getDefaultFilterFromDataType(()=>t.baseDataType):o;if("string"!=typeof n)return;let r,i;const l=this.beans,{filterParams:s,filterValueGetter:d}=e;({filterParams:r,filterValueGetter:i}="agMultiColumnFilter"===n?l.multiFilter?.getParamsForDataType(s,d,t,a)??{}:(0,u._getFilterParamsForDataType)(n,s,d,t,a,l,this.getLocaleTextFunc())),e.filterParams=r,i&&(e.filterValueGetter=i)}setColFilterActive(e,t,a,o){e.filterActive!==t&&(e.filterActive=t,e.dispatchColEvent("filterActiveChanged",a)),e.dispatchColEvent("filterChanged",a,o)}setModelOnFilterWrapper(e,t,a){return new n.AgPromise(o=>{if(e.isHandler){const n=e.column,r=n.getColId(),i=this.model[r];return this.updateStoredModel(r,t),a&&t===i?void o():void this.refreshHandlerAndUi(n,t,"api").then(()=>o())}const r=(0,g.getFilterUiFromWrapper)(e);r?r.then(e=>{if("function"!=typeof e?.setModel)return(0,c._warn)(65),void o();(e.setModel(t)||n.AgPromise.resolve()).then(()=>o())}):o()})}updateStoredModel(e,t){(0,o._exists)(t)?this.model[e]=t:delete this.model[e];const a=this.state.get(e),n={model:t,state:a?.state};this.state.set(e,n)}filterModified(e,t){this.getOrCreateFilterUi(e)?.then(a=>{this.eventSvc.dispatchEvent({type:"filterModified",column:e,filterInstance:a,...t})})}filterUiChanged(e,t){this.gos.get("enableFilterHandlers")&&this.eventSvc.dispatchEvent({type:"filterUiChanged",column:e,...t})}floatingFilterUiChanged(e,t){this.gos.get("enableFilterHandlers")&&this.eventSvc.dispatchEvent({type:"floatingFilterUiChanged",column:e,...t})}updateModel(e,t,a){const o=e.getColId(),n=this.cachedFilter(e),r=()=>n?.filterUi;(0,g._updateFilterModel)(t,r,()=>(0,g._getFilterModel)(this.model,o),()=>this.state.get(o),t=>this.updateState(e,t),e=>r()?.filterParams?.onModelChange(e,a),n?.isHandler?n.handler.processModelToApply?.bind(n.handler):void 0)}updateAllModels(e,t){const a=[];this.allColumnFilters.forEach((t,o)=>{const n=this.beans.colModel.getColDefCol(o);n&&(0,g._updateFilterModel)(e,()=>t.filterUi,()=>(0,g._getFilterModel)(this.model,o),()=>this.state.get(o),e=>this.updateState(n,e),t=>{this.updateStoredModel(o,t),this.dispatchLocalEvent({type:"filterAction",column:n,action:e}),a.push(this.refreshHandlerAndUi(n,t,"ui"))},t?.isHandler?t.handler.processModelToApply?.bind(t.handler):void 0)}),a.length&&n.AgPromise.all(a).then(()=>{this.callOnFilterChangedOutsideRenderCycle({source:"columnFilter",additionalEventAttributes:t,columns:[]})})}updateOrRefreshFilterUi(e){const t=e.getColId();(0,g.getAndRefreshFilterUi)(()=>this.cachedFilter(e)?.filterUi,()=>(0,g._getFilterModel)(this.model,t),()=>this.state.get(t))}updateState(e,t){this.state.set(e.getColId(),t),this.dispatchLocalEvent({type:"filterStateChanged",column:e,state:t})}canApplyAll(){const{state:e,model:t,activeFilterComps:a}=this;for(const e of a)if("COLUMN_MENU"===e.source)return!1;let o=!1;for(const a of e.keys()){const n=e.get(a);if(!1===n.valid)return!1;(n.model??null)!==(0,g._getFilterModel)(t,a)&&(o=!0)}return o}hasUnappliedModel(e){const{model:t,state:a}=this;return(a.get(e)?.model??null)!==(0,g._getFilterModel)(t,e)}setGlobalButtons(e){this.isGlobalButtons=e,this.dispatchLocalEvent({type:"filterGlobalButtons",isGlobal:e})}shouldKeepStateOnDetach(e,t){if("newFiltersToolPanel"===t)return!0;const a=this.beans.filterPanelSvc;return!!a?.isActive&&!!a.getState(e.getColId())}destroy(){super.destroy(),this.allColumnFilters.forEach(e=>this.disposeFilterWrapper(e,"gridDestroyed")),this.allColumnListeners.clear(),this.state.clear(),this.activeFilterComps.clear()}}t.ColumnFilterService=m},4985:function(e,t){function a(e,t,a,o,n,r){e?.refresh?.({...t,model:a,state:o,source:n,additionalEventAttributes:r})}function o(e,t,o){const n=e();n?.created&&n.promise.then(e=>{const r=t();a(e,n.filterParams,r,o()??{model:r},"ui")})}Object.defineProperty(t,"__esModule",{value:!0}),t._getFilterModel=t._updateFilterModel=t.getAndRefreshFilterUi=t._refreshFilterUi=t._refreshHandlerAndUi=t.getFilterUiFromWrapper=t.FILTER_HANDLERS=t.FILTER_HANDLER_MAP=void 0,t.FILTER_HANDLER_MAP={agSetColumnFilter:"agSetColumnFilterHandler",agMultiColumnFilter:"agMultiColumnFilterHandler",agGroupColumnFilter:"agGroupColumnFilterHandler",agNumberColumnFilter:"agNumberColumnFilterHandler",agDateColumnFilter:"agDateColumnFilterHandler",agTextColumnFilter:"agTextColumnFilterHandler"},t.FILTER_HANDLERS=new Set(Object.values(t.FILTER_HANDLER_MAP)),t.getFilterUiFromWrapper=function(e,t){const a=e.filterUi;if(!a)return null;if(a.created)return a.promise;if(t)return null;const o=a.create(a.refreshed),n=a;return n.created=!0,n.promise=o,o},t._refreshHandlerAndUi=function(e,t,o,n,r,i,l){return t.refresh?.({...o,model:n,source:i,additionalEventAttributes:l}),e().then(e=>{if(e){const{filter:t,filterParams:o}=e;a(t,o,n,r,i,l)}})},t._refreshFilterUi=a,t.getAndRefreshFilterUi=o,t._updateFilterModel=function(e,t,a,n,r,i,l){let s,d,c=!1;switch(e){case"apply":{const e=n();d=e?.model??null,l&&(d=l(d)),s={state:e?.state,model:d},c=!0;break}case"clear":s={model:null};break;case"reset":s={model:null},c=!0,d=null;break;case"cancel":s={model:a()}}r(s),c?i(d):o(t,a,n)},t._getFilterModel=function(e,t){return e[t]??null}},49002:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.onFilterChanged=t.isAnyFilterPresent=void 0,t.isAnyFilterPresent=function(e){return!!e.filterManager?.isAnyFilterPresent()},t.onFilterChanged=function(e,t="api"){e.filterManager?.onFilterChanged({source:t})}},71371:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.AgFilterButtonSelector=t.FilterButtonComp=void 0;const o=a(59926),n=a(1956),r=a(73151),i=a(47764),l=a(78020);class s extends l.Component{constructor(e){const{className:t="ag-filter-apply-panel"}=e??{};super(function(e){return{tag:"div",cls:e}}(t)),this.listeners=[],this.validationMessage=null,this.className=t}updateButtons(e,t){const a=this.buttons;if(this.buttons=e,a===e)return;const l=this.getGui();let s;(0,n._clearElement)(l),this.destroyListeners();const d=document.createDocumentFragment(),c=this.className,g=({type:e,label:a})=>{const n=t=>{this.dispatchLocalEvent({type:e,event:t})};["apply","clear","reset","cancel"].includes(e)||(0,i._warn)(75);const l="apply"===e,g=l&&t?"submit":"button",u=(0,r._createElement)({tag:"button",attrs:{type:g},ref:`${e}FilterButton`,cls:`ag-button ag-standard-button ${c}-button${l?" "+c+"-apply-button":""}`,children:a});this.activateTabIndex([u]),l&&(s=u);const h=e=>{e.key===o.KeyCode.ENTER&&(e.preventDefault(),n(e))},p=this.listeners;u.addEventListener("click",n),p.push(()=>u.removeEventListener("click",n)),u.addEventListener("keydown",h),p.push(()=>u.removeEventListener("keydown",h)),d.append(u)};for(const t of e)g(t);this.eApply=s;const u=this.validationTooltipFeature;s&&!u?this.validationTooltipFeature=this.createOptionalManagedBean(this.beans.registry.createDynamicBean("tooltipFeature",!1,{getGui:()=>this.eApply,getLocation:()=>"advancedFilter",getTooltipShowDelayOverride:()=>1e3})):!s&&u&&(this.validationTooltipFeature=this.destroyBean(u)),l.append(d)}getApplyButton(){return this.eApply}updateValidity(e,t=null){const a=this.eApply;a&&((0,n._setDisabled)(a,!1===e),this.validationMessage=t??null,this.validationTooltipFeature?.setTooltipAndRefresh(this.validationMessage))}destroyListeners(){for(const e of this.listeners)e();this.listeners=[]}destroy(){this.destroyListeners(),super.destroy()}}t.FilterButtonComp=s,t.AgFilterButtonSelector={selector:"AG-FILTER-BUTTON",component:s}},62231:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.FilterComp=void 0;const o=a(1956),n=a(89097),r=a(35269),i=a(47764),l=a(78020),s=a(21854),d={tag:"div",cls:"ag-filter"};class c extends l.Component{constructor(e,t,a){super(d),this.column=e,this.source=t,this.enableGlobalButtonCheck=a,this.wrapper=null}postConstruct(){this.beans.colFilter?.activeFilterComps.add(this),this.createFilter(!0),this.addManagedEventListeners({filterDestroyed:this.onFilterDestroyed.bind(this)})}hasFilter(){return null!=this.wrapper}getFilter(){return this.wrapper?.then(e=>e.comp)??null}afterInit(){return this.wrapper?.then(()=>{})??r.AgPromise.resolve()}afterGuiAttached(e){this.afterGuiAttachedParams=e,this.wrapper?.then(t=>{this.comp?.afterGuiAttached(e),t?.comp?.afterGuiAttached?.(e)})}afterGuiDetached(){this.wrapper?.then(e=>{e?.comp?.afterGuiDetached?.()})}createFilter(e){const{column:t,source:a,beans:{colFilter:o}}=this,r=o.getFilterUiForDisplay(t)??null;this.wrapper=r,r?.then(r=>{if(!r)return;const{isHandler:l,comp:d}=r;let c;if(l){const e=!!this.enableGlobalButtonCheck,a=this.createBean(new s.FilterWrapperComp(t,r,o,o.updateModel.bind(o),e&&o.isGlobalButtons,e));this.comp=a,c=a.getGui()}else c=d.getGui(),(0,n._exists)(c)||(0,i._warn)(69,{guiFromFilter:c});this.appendChild(c),e?this.eventSvc.dispatchEvent({type:"filterOpened",column:t,source:a,eGui:this.getGui()}):d.afterGuiAttached?.(this.afterGuiAttachedParams)})}onFilterDestroyed(e){const{source:t,column:a}=e;"api"!==t&&"paramsUpdated"!==t||a.getId()!==this.column.getId()||!this.beans.colModel.getColDefCol(this.column)||((0,o._clearElement)(this.getGui()),this.comp=this.destroyBean(this.comp),this.createFilter())}destroy(){this.beans.colFilter?.activeFilterComps.delete(this),this.eventSvc.dispatchEvent({type:"filterClosed",column:this.column}),this.wrapper=null,this.comp=this.destroyBean(this.comp),this.afterGuiAttachedParams=void 0,super.destroy()}}t.FilterComp=c},26771:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t._getDefaultSimpleFilter=t._getFilterParamsForDataType=void 0;const o=a(97066),n=a(89097),r={january:"January",february:"February",march:"March",april:"April",may:"May",june:"June",july:"July",august:"August",september:"September",october:"October",november:"November",december:"December"},i=["january","february","march","april","may","june","july","august","september","october","november","december"];function l(e,t){return null==e?-1:null==t?1:Number.parseFloat(e)-Number.parseFloat(t)}function s(e){return e instanceof Date&&!isNaN(e.getTime())}const d={number:()=>{},boolean:()=>({maxNumConditions:1,debounceMs:0,filterOptions:["empty",{displayKey:"true",displayName:"True",predicate:(e,t)=>t,numberOfInputs:0},{displayKey:"false",displayName:"False",predicate:(e,t)=>!1===t,numberOfInputs:0}]}),date:()=>({isValidDate:s}),dateString:({dataTypeDefinition:e})=>({comparator:(t,a)=>{const o=e.dateParser(a);return null==a||o<t?-1:o>t?1:0},isValidDate:t=>"string"==typeof t&&s(e.dateParser(t))}),dateTime:e=>d.date(e),dateTimeString:e=>d.dateString(e),object:()=>{},text:()=>{}},c={number:()=>({comparator:l}),boolean:({t:e})=>({valueFormatter:t=>(0,n._exists)(t.value)?e(String(t.value),t.value?"True":"False"):e("blanks","(Blanks)")}),date:({formatValue:e,t:t})=>({valueFormatter:a=>{const o=e(a);return(0,n._exists)(o)?o:t("blanks","(Blanks)")},treeList:!0,treeListFormatter:(e,a)=>{if("NaN"===e)return t("invalidDate","Invalid Date");if(1===a&&null!=e){const a=i[Number(e)-1];return t(a,r[a])}return e??t("blanks","(Blanks)")},treeListPathGetter:e=>(0,o._getDateParts)(e,!1)}),dateString:({formatValue:e,dataTypeDefinition:t,t:a})=>({valueFormatter:t=>{const o=e(t);return(0,n._exists)(o)?o:a("blanks","(Blanks)")},treeList:!0,treeListPathGetter:e=>(0,o._getDateParts)(t.dateParser(e??void 0),!1),treeListFormatter:(e,t)=>{if(1===t&&null!=e){const t=i[Number(e)-1];return a(t,r[t])}return e??a("blanks","(Blanks)")}}),dateTime:e=>{const t=c.date(e);return t.treeListPathGetter=o._getDateParts,t},dateTimeString(e){const t=e.dataTypeDefinition.dateParser,a=c.dateString(e);return a.treeListPathGetter=e=>(0,o._getDateParts)(t(e??void 0)),a},object:({formatValue:e,t:t})=>({valueFormatter:a=>{const o=e(a);return(0,n._exists)(o)?o:t("blanks","(Blanks)")}}),text:()=>{}};t._getFilterParamsForDataType=function(e,t,a,o,n,r,i){let l=t,s=a;const g="agSetColumnFilter"===e;s||"object"!==o.baseDataType||g||(s=({column:e,node:t})=>n({column:e,node:t,value:r.valueSvc.getValue(e,t)}));const u=(0,(g?c:d)[o.baseDataType])({dataTypeDefinition:o,formatValue:n,t:i});return l="object"==typeof t?{...u,...t}:u,{filterParams:l,filterValueGetter:s}};const g={boolean:"agTextColumnFilter",date:"agDateColumnFilter",dateString:"agDateColumnFilter",dateTime:"agDateColumnFilter",dateTimeString:"agDateColumnFilter",number:"agNumberColumnFilter",object:"agTextColumnFilter",text:"agTextColumnFilter"},u={boolean:"agTextColumnFloatingFilter",date:"agDateColumnFloatingFilter",dateString:"agDateColumnFloatingFilter",dateTime:"agDateColumnFloatingFilter",dateTimeString:"agDateColumnFloatingFilter",number:"agNumberColumnFloatingFilter",object:"agTextColumnFloatingFilter",text:"agTextColumnFloatingFilter"};t._getDefaultSimpleFilter=function(e,t=!1){return(t?u:g)[e??"text"]}},75741:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.translateForFilter=void 0;const o=a(66352),n={applyFilter:"Apply",clearFilter:"Clear",resetFilter:"Reset",cancelFilter:"Cancel",textFilter:"Text Filter",numberFilter:"Number Filter",dateFilter:"Date Filter",setFilter:"Set Filter",filterOoo:"Filter...",empty:"Choose one",equals:"Equals",notEqual:"Does not equal",lessThan:"Less than",greaterThan:"Greater than",inRange:"Between",inRangeStart:"From",inRangeEnd:"To",lessThanOrEqual:"Less than or equal to",greaterThanOrEqual:"Greater than or equal to",contains:"Contains",notContains:"Does not contain",startsWith:"Begins with",endsWith:"Ends with",blank:"Blank",notBlank:"Not blank",before:"Before",after:"After",andCondition:"AND",orCondition:"OR",dateFormatOoo:"yyyy-mm-dd",filterSummaryInactive:"is (All)",filterSummaryContains:"contains",filterSummaryNotContains:"does not contain",filterSummaryTextEquals:"equals",filterSummaryTextNotEqual:"does not equal",filterSummaryStartsWith:"begins with",filterSummaryEndsWith:"ends with",filterSummaryBlank:"is blank",filterSummaryNotBlank:"is not blank",filterSummaryEquals:"=",filterSummaryNotEqual:"!=",filterSummaryGreaterThan:">",filterSummaryGreaterThanOrEqual:">=",filterSummaryLessThan:"<",filterSummaryLessThanOrEqual:"<=",filterSummaryInRange:"between",filterSummaryInRangeValues:e=>`(${e[0]}, ${e[1]})`,filterSummaryTextQuote:e=>`"${e[0]}"`};t.translateForFilter=function(e,t,a){return(0,o._translate)(e,n,t,a)}},58681:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.FilterManager=void 0;const o=a(35269),n=a(68731),r=a(67274),i=a(66021),l=a(47764);class s extends n.BeanStub{constructor(){super(...arguments),this.beanName="filterManager",this.advFilterModelUpdateQueue=[]}wireBeans(e){this.quickFilter=e.quickFilter,this.advancedFilter=e.advancedFilter,this.colFilter=e.colFilter}postConstruct(){const e=this.refreshFiltersForAggregations.bind(this),t=this.updateAdvFilterColumns.bind(this);this.addManagedEventListeners({columnValueChanged:e,columnPivotChanged:e,columnPivotModeChanged:e,newColumnsLoaded:t,columnVisible:t,advancedFilterEnabledChanged:({enabled:e})=>this.onAdvFilterEnabledChanged(e),dataTypesInferred:this.processFilterModelUpdateQueue.bind(this)}),this.externalFilterPresent=this.isExternalFilterPresentCallback(),this.addManagedPropertyListeners(["isExternalFilterPresent","doesExternalFilterPass"],()=>{this.onFilterChanged({source:"api"})}),this.updateAggFiltering(),this.addManagedPropertyListener("groupAggFiltering",()=>{this.updateAggFiltering(),this.onFilterChanged()}),this.quickFilter&&this.addManagedListeners(this.quickFilter,{quickFilterChanged:()=>this.onFilterChanged({source:"quickFilter"})});const{gos:a}=this;this.alwaysPassFilter=a.get("alwaysPassFilter"),this.addManagedPropertyListener("alwaysPassFilter",()=>{this.alwaysPassFilter=a.get("alwaysPassFilter"),this.onFilterChanged({source:"api"})})}isExternalFilterPresentCallback(){const e=this.gos.getCallback("isExternalFilterPresent");return"function"==typeof e&&e({})}doesExternalFilterPass(e){const t=this.gos.get("doesExternalFilterPass");return"function"==typeof t&&t(e)}setFilterState(e,t,a="api"){this.isAdvFilterEnabled()||this.colFilter?.setState(e,t,a)}setFilterModel(e,t="api",a){this.isAdvFilterEnabled()?a||this.warnAdvFilters():this.colFilter?.setModel(e,t)}getFilterModel(){return this.colFilter?.getModel()??{}}getFilterState(){return this.colFilter?.getState()}isColumnFilterPresent(){return!!this.colFilter?.isFilterPresent()}isAggregateFilterPresent(){return!!this.colFilter?.isAggFilterPresent()}isChildFilterPresent(){return this.isColumnFilterPresent()||this.isQuickFilterPresent()||this.externalFilterPresent||this.isAdvFilterPresent()}isAnyFilterPresent(){return this.isChildFilterPresent()||this.isAggregateFilterPresent()}isAdvFilterPresent(){return this.isAdvFilterEnabled()&&this.advancedFilter.isFilterPresent()}onAdvFilterEnabledChanged(e){e?this.colFilter?.disableFilters()&&this.onFilterChanged({source:"advancedFilter"}):this.advancedFilter?.isFilterPresent()&&(this.advancedFilter.setModel(null),this.onFilterChanged({source:"advancedFilter"}))}isAdvFilterEnabled(){return!!this.advancedFilter?.isEnabled()}isAdvFilterHeaderActive(){return this.isAdvFilterEnabled()&&this.advancedFilter.isHeaderActive()}refreshFiltersForAggregations(){(0,r._getGroupAggFiltering)(this.gos)&&this.isAnyFilterPresent()&&this.onFilterChanged()}onFilterChanged(e={}){const{source:t,additionalEventAttributes:a,columns:n=[]}=e;this.externalFilterPresent=this.isExternalFilterPresentCallback(),(this.colFilter?this.colFilter.updateBeforeFilterChanged(e):o.AgPromise.resolve()).then(()=>{const e={source:t,type:"filterChanged",columns:n};a&&(0,i._mergeDeep)(e,a),this.eventSvc.dispatchEvent(e),this.colFilter?.updateAfterFilterChanged()})}isSuppressFlashingCellsBecauseFiltering(){return!!this.colFilter?.isSuppressFlashingCellsBecauseFiltering()}isQuickFilterPresent(){return!!this.quickFilter?.isFilterPresent()}updateAggFiltering(){this.aggFiltering=!!(0,r._getGroupAggFiltering)(this.gos)}isAggregateQuickFilterPresent(){return this.isQuickFilterPresent()&&this.shouldApplyQuickFilterAfterAgg()}isNonAggregateQuickFilterPresent(){return this.isQuickFilterPresent()&&!this.shouldApplyQuickFilterAfterAgg()}shouldApplyQuickFilterAfterAgg(){return(this.aggFiltering||this.beans.colModel.isPivotMode())&&!this.gos.get("applyQuickFilterBeforePivotOrAgg")}doesRowPassOtherFilters(e,t){return this.doesRowPassFilter({rowNode:t,colIdToSkip:e})}doesRowPassAggregateFilters(e){const{rowNode:t}=e;return!!this.alwaysPassFilter?.(t)||!(this.isAggregateQuickFilterPresent()&&!this.quickFilter.doesRowPass(t))&&!(this.isAggregateFilterPresent()&&!this.colFilter.doFiltersPass(t,e.colIdToSkip,!0))}doesRowPassFilter(e){const{rowNode:t}=e;return!!this.alwaysPassFilter?.(t)||!(this.isNonAggregateQuickFilterPresent()&&!this.quickFilter.doesRowPass(t))&&(!(this.externalFilterPresent&&!this.doesExternalFilterPass(t))&&(!(this.isColumnFilterPresent()&&!this.colFilter.doFiltersPass(t,e.colIdToSkip))&&!(this.isAdvFilterPresent()&&!this.advancedFilter.doesFilterPass(t))))}isFilterAllowed(e){return!this.isAdvFilterEnabled()&&!!this.colFilter?.isFilterAllowed(e)}getAdvFilterModel(){return this.isAdvFilterEnabled()?this.advancedFilter.getModel():null}setAdvFilterModel(e,t="api"){this.isAdvFilterEnabled()&&(this.beans.dataTypeSvc?.isPendingInference?this.advFilterModelUpdateQueue.push(e):(this.advancedFilter.setModel(e??null),this.onFilterChanged({source:t})))}toggleAdvFilterBuilder(e,t){this.isAdvFilterEnabled()&&this.advancedFilter.getCtrl().toggleFilterBuilder({source:t,force:e})}updateAdvFilterColumns(){this.isAdvFilterEnabled()&&this.advancedFilter.updateValidity()&&this.onFilterChanged({source:"advancedFilter"})}hasFloatingFilters(){return!this.isAdvFilterEnabled()&&!!this.colFilter?.hasFloatingFilters()}getColumnFilterInstance(e){return this.isAdvFilterEnabled()?(this.warnAdvFilters(),Promise.resolve(void 0)):this.colFilter?.getFilterInstance(e)??Promise.resolve(void 0)}warnAdvFilters(){(0,l._warn)(68)}setupAdvFilterHeaderComp(e){this.advancedFilter?.getCtrl().setupHeaderComp(e)}getHeaderRowCount(){return this.isAdvFilterHeaderActive()?1:0}getHeaderHeight(){return this.isAdvFilterHeaderActive()?this.advancedFilter.getCtrl().getHeaderHeight():0}processFilterModelUpdateQueue(){for(const e of this.advFilterModelUpdateQueue)this.setAdvFilterModel(e);this.advFilterModelUpdateQueue=[]}setColumnFilterModel(e,t){return this.isAdvFilterEnabled()?(this.warnAdvFilters(),Promise.resolve()):this.colFilter?.setModelForColumn(e,t)??Promise.resolve()}}t.FilterManager=s},89665:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.FilterMenuFactory=void 0;const o=a(59926),n=a(1956),r=a(5088),i=a(68731),l=a(67274),s=a(8994),d=a(73151),c=a(47764),g=a(62231);class u extends i.BeanStub{constructor(){super(...arguments),this.beanName="filterMenuFactory"}wireBeans(e){this.popupSvc=e.popupSvc}hideActiveMenu(){this.hidePopup?.()}showMenuAfterMouseEvent(e,t,a,o){e&&!e.isColumn||this.showPopup(e,o=>{this.popupSvc?.positionPopupUnderMouseEvent({column:e,type:a,mouseEvent:t,ePopup:o})},a,t.target,(0,l._isLegacyMenuEnabled)(this.gos),o)}showMenuAfterButtonClick(e,t,a,o){if(e&&!e.isColumn)return;let n=-1,r="left";const i=(0,l._isLegacyMenuEnabled)(this.gos);!i&&this.gos.get("enableRtl")&&(n=1,r="right");const s=i?void 0:4*n,d=i?void 0:4;this.showPopup(e,o=>{this.popupSvc?.positionPopupByComponent({type:a,eventSource:t,ePopup:o,nudgeX:s,nudgeY:d,alignSide:r,keepWithinBounds:!0,position:"under",column:e})},a,t,i,o)}showPopup(e,t,a,o,i,u){const h=e?this.createBean(new g.FilterComp(e,"COLUMN_MENU")):void 0;if(this.activeMenu=h,!h?.hasFilter()||!e)return void(0,c._error)(57);const p=(0,d._createElement)({tag:"div",cls:"ag-menu"+(i?"":" ag-filter-menu"),role:"presentation"});let m;[this.tabListener]=this.addManagedElementListeners(p,{keydown:e=>this.trapFocusWithin(e,p)}),p.appendChild(h?.getGui());const f=(0,l._isColumnMenuAnchoringEnabled)(this.gos)?o??this.beans.ctrlsSvc.getGridBodyCtrl().eGridBody:void 0,v=this.getLocaleTextFunc(),b=i&&"columnFilter"!==a?v("ariaLabelColumnMenu","Column Menu"):v("ariaLabelColumnFilter","Column Filter"),C=this.popupSvc?.addPopup({modal:!0,eChild:p,closeOnEsc:!0,closedCallback:t=>{(0,s._setColMenuVisible)(e,!1,"contextMenu");const i=t instanceof KeyboardEvent;if(this.tabListener&&(this.tabListener=this.tabListener()),i&&o&&(0,n._isVisible)(o)){const e=(0,r._findTabbableParent)(o);e?.focus({preventScroll:!0})}h?.afterGuiDetached(),this.destroyBean(this.activeMenu),this.dispatchVisibleChangedEvent(!1,a,e),u?.()},positionCallback:()=>t(p),anchorToElement:f,ariaLabel:b});C&&(this.hidePopup=m=C.hideFunc),h.afterInit().then(()=>{t(p),h.afterGuiAttached({container:a,hidePopup:m})}),(0,s._setColMenuVisible)(e,!0,"contextMenu"),this.dispatchVisibleChangedEvent(!0,a,e)}trapFocusWithin(e,t){e.key!==o.KeyCode.TAB||e.defaultPrevented||(0,r._findNextFocusableElement)(this.beans,t,!1,e.shiftKey)||(e.preventDefault(),(0,r._focusInto)(t,e.shiftKey))}dispatchVisibleChangedEvent(e,t,a){this.eventSvc.dispatchEvent({type:"columnMenuVisibleChanged",visible:e,switchingTab:!1,key:t,column:a??null,columnGroup:null})}isMenuEnabled(e){return e.isFilterAllowed()&&(e.getColDef().menuTabs??["filterMenuTab"]).includes("filterMenuTab")}showMenuAfterContextMenuEvent(){}destroy(){this.destroyBean(this.activeMenu),super.destroy()}}t.FilterMenuFactory=u},45432:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.ExternalFilterModule=t.QuickFilterModule=t.DateFilterModule=t.NumberFilterModule=t.TextFilterModule=t.CustomFilterModule=t.ColumnFilterModule=t.FilterValueModule=t.FilterCoreModule=void 0;const o=a(48287),n=a(33868),r=a(23472),i=a(97205),l=a(3137),s=a(36331),d=a(46908),c=a(40219),g=a(49002),u=a(58681),h=a(89665),p=a(63508),m=a(36657),f=a(83725),v=a(46977),b=a(23091),C=a(75459),w=a(56607),y=a(42927),S=a(64789),k=a(42811),x=a(54259),R=a(38305),E=a(5381),M=a(91238),P={moduleName:"ClientSideRowModelFilter",version:i.VERSION,rowModels:["clientSide"],beans:[o.FilterStage]};t.FilterCoreModule={moduleName:"FilterCore",version:i.VERSION,beans:[u.FilterManager],apiFunctions:{isAnyFilterPresent:g.isAnyFilterPresent,onFilterChanged:g.onFilterChanged},css:[s.columnFiltersCSS],dependsOn:[P]},t.FilterValueModule={moduleName:"FilterValue",version:i.VERSION,beans:[p.FilterValueService]},t.ColumnFilterModule={moduleName:"ColumnFilter",version:i.VERSION,beans:[c.ColumnFilterService,h.FilterMenuFactory],dynamicBeans:{headerFilterCellCtrl:n.HeaderFilterCellCtrl},icons:{filter:"filter",filterActive:"filter"},apiFunctions:{isColumnFilterPresent:d.isColumnFilterPresent,getColumnFilterInstance:d.getColumnFilterInstance,destroyFilter:d.destroyFilter,setFilterModel:d.setFilterModel,getFilterModel:d.getFilterModel,getColumnFilterModel:d.getColumnFilterModel,setColumnFilterModel:d.setColumnFilterModel,showColumnFilter:d.showColumnFilter,hideColumnFilter:d.hideColumnFilter,getColumnFilterHandler:d.getColumnFilterHandler,doFilterAction:d.doFilterAction},dependsOn:[t.FilterCoreModule,l.PopupModule,t.FilterValueModule,r.SharedMenuModule]},t.CustomFilterModule={moduleName:"CustomFilter",version:i.VERSION,userComponents:{agReadOnlyFloatingFilter:m.ReadOnlyFloatingFilter},dependsOn:[t.ColumnFilterModule]},t.TextFilterModule={moduleName:"TextFilter",version:i.VERSION,dependsOn:[t.ColumnFilterModule],userComponents:{agTextColumnFilter:{classImp:k.TextFilter,params:{useForm:!0}},agTextColumnFloatingFilter:R.TextFloatingFilter},dynamicBeans:{agTextColumnFilterHandler:x.TextFilterHandler}},t.NumberFilterModule={moduleName:"NumberFilter",version:i.VERSION,dependsOn:[t.ColumnFilterModule],userComponents:{agNumberColumnFilter:{classImp:w.NumberFilter,params:{useForm:!0}},agNumberColumnFloatingFilter:S.NumberFloatingFilter},dynamicBeans:{agNumberColumnFilterHandler:y.NumberFilterHandler}},t.DateFilterModule={moduleName:"DateFilter",version:i.VERSION,dependsOn:[t.ColumnFilterModule],userComponents:{agDateColumnFilter:{classImp:f.DateFilter,params:{useForm:!0}},agDateInput:C.DefaultDateComponent,agDateColumnFloatingFilter:b.DateFloatingFilter},dynamicBeans:{agDateColumnFilterHandler:v.DateFilterHandler}};const F={moduleName:"QuickFilterCore",version:i.VERSION,rowModels:["clientSide"],beans:[M.QuickFilterService],dependsOn:[t.FilterCoreModule,t.FilterValueModule]};t.QuickFilterModule={moduleName:"QuickFilter",version:i.VERSION,apiFunctions:{isQuickFilterPresent:E.isQuickFilterPresent,getQuickFilter:E.getQuickFilter,resetQuickFilter:E.resetQuickFilter},dependsOn:[F]},t.ExternalFilterModule={moduleName:"ExternalFilter",version:i.VERSION,dependsOn:[t.FilterCoreModule]}},63508:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.FilterValueService=void 0;const o=a(68731),n=a(67274);class r extends o.BeanStub{constructor(){super(...arguments),this.beanName="filterValueSvc"}getValue(e,t,a){if(!t)return;const o=e.getColDef(),{selectableFilter:n,valueSvc:r}=this.beans,i=a??n?.getFilterValueGetter(e.getColId())??o.filterValueGetter;return i?this.executeFilterValueGetter(i,t.data,e,t,o):r.getValue(e,t)}executeFilterValueGetter(e,t,a,o,r){const{expressionSvc:i,valueSvc:l}=this.beans,s=(0,n._addGridCommonParams)(this.gos,{data:t,node:o,column:a,colDef:r,getValue:l.getValueCallback.bind(l,o)});return"function"==typeof e?e(s):i?.evaluate(e,s)}}t.FilterValueService=r},21854:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.FilterWrapperComp=void 0;const o=a(59926),n=a(1956),r=a(89097),i=a(78020),l=a(71371),s=a(75741),d=a(96808);class c extends i.Component{constructor(e,t,a,o,n,r){super(),this.column=e,this.wrapper=t,this.eventParent=a,this.updateModel=o,this.isGlobalButtons=n,this.enableGlobalButtonCheck=r,this.hidePopup=null,this.applyActive=!1}postConstruct(){const{comp:e,params:t}=this.wrapper,a=t,o=a.useForm,n=o?"form":"div";this.setTemplate({tag:n,cls:"ag-filter-wrapper"}),o&&this.addManagedElementListeners(this.getGui(),{submit:e=>{e?.preventDefault()},keydown:this.handleKeyDown.bind(this)}),this.appendChild(e.getGui()),this.params=a,this.resetButtonsPanel(a),this.addManagedListeners(this.eventParent,{filterParamsChanged:({column:e,params:t})=>{e===this.column&&this.resetButtonsPanel(t,this.params)},filterStateChanged:({column:e,state:t})=>{e===this.column&&this.eButtons?.updateValidity(!1!==t.valid)},filterAction:({column:e,action:t,event:a})=>{e===this.column&&this.afterAction(t,a)},...this.enableGlobalButtonCheck?{filterGlobalButtons:({isGlobal:e})=>{if(e!==this.isGlobalButtons){this.isGlobalButtons=e;const t=this.params;this.resetButtonsPanel(t,t,!0)}}}:void 0})}afterGuiAttached(e){e&&(this.hidePopup=e.hidePopup)}resetButtonsPanel(e,t,a){const{buttons:o,readOnly:i}=t??{},{buttons:c,readOnly:g,useForm:u}=e;if(!a&&i===g&&(0,r._jsonEquals)(o,c))return;const h=c&&c.length>0&&!e.readOnly&&!this.isGlobalButtons;let p=this.eButtons;if(h){const e=c.map(e=>{const t=`${e}Filter`;return{type:e,label:(0,s.translateForFilter)(this,t)}});if(this.applyActive=(0,d._isUseApplyButton)(this.params),!p){p=this.createBean(new l.FilterButtonComp),this.appendChild(p.getGui());const e=this.column,t=t=>({event:a})=>{this.updateModel(e,t,{fromButtons:!0}),this.afterAction(t,a)};p?.addManagedListeners(p,{apply:t("apply"),clear:t("clear"),reset:t("reset"),cancel:t("cancel")}),this.eButtons=p}p.updateButtons(e,u)}else this.applyActive=!1,p&&((0,n._removeFromParent)(p.getGui()),this.eButtons=this.destroyBean(p))}close(e){const t=this.hidePopup;if(!t)return;const a=e,n=a?.key;let r;n!==o.KeyCode.ENTER&&n!==o.KeyCode.SPACE||(r={keyboardEvent:a}),t(r),this.hidePopup=null}afterAction(e,t){const{params:a,applyActive:o}=this,n=a?.closeOnApply;switch(e){case"apply":t?.preventDefault(),n&&o&&this.close(t);break;case"reset":n&&o&&this.close();break;case"cancel":n&&this.close(t)}}handleKeyDown(e){!e.defaultPrevented&&e.key===o.KeyCode.ENTER&&this.applyActive&&(this.updateModel(this.column,"apply",{fromButtons:!0}),this.afterAction("apply",e))}destroy(){this.hidePopup=null,this.eButtons=this.destroyBean(this.eButtons)}}t.FilterWrapperComp=c},59990:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t._getDefaultFloatingFilterType=void 0;const o=a(12036);t._getDefaultFloatingFilterType=function(e,t,a){if(null==t)return null;let n=null;const{compName:r,jsComp:i,fwComp:l}=(0,o._getFilterCompKeys)(e,t);if(r){n={agSetColumnFilter:"agSetColumnFloatingFilter",agMultiColumnFilter:"agMultiColumnFloatingFilter",agGroupColumnFilter:"agGroupColumnFloatingFilter",agNumberColumnFilter:"agNumberColumnFloatingFilter",agDateColumnFilter:"agDateColumnFloatingFilter",agTextColumnFilter:"agTextColumnFloatingFilter"}[r]}else{null==i&&null==l&&!0===t.filter&&(n=a())}return n}},97287:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.FloatingFilterTextInputService=void 0;const o=a(91668),n=a(89863),r=a(68731);class i extends r.BeanStub{constructor(e){super(),this.params=e,this.eInput=o.RefPlaceholder,this.onValueChanged=()=>{}}setupGui(e){this.eInput=this.createManagedBean(new n.AgInputTextField(this.params?.config));const t=this.eInput.getGui();e.appendChild(t);const a=e=>this.onValueChanged(e);this.addManagedListeners(t,{input:a,keydown:a})}setEditable(e){this.eInput.setDisabled(!e)}getValue(){return this.eInput.getValue()}setValue(e,t){this.eInput.setValue(e,t)}setValueChangedListener(e){this.onValueChanged=e}setParams({ariaLabel:e,autoComplete:t}){const{eInput:a}=this;a.setInputAriaLabel(e),void 0!==t&&a.setAutoComplete(t)}}t.FloatingFilterTextInputService=i},36657:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.ReadOnlyFloatingFilter=void 0;const o=a(91668),n=a(89863),r=a(78020),i={tag:"div",cls:"ag-floating-filter-input",role:"presentation",children:[{tag:"ag-input-text-field",ref:"eFloatingFilterText"}]};class l extends r.Component{constructor(){super(i,[n.AgInputTextFieldSelector]),this.eFloatingFilterText=o.RefPlaceholder}init(e){this.params=e;const t=this.beans.colNames.getDisplayNameForColumn(e.column,"header",!0);if(this.eFloatingFilterText.setDisabled(!0).setInputAriaLabel(`${t} ${this.getLocaleTextFunc()("ariaFilterInput","Filter Input")}`),this.gos.get("enableFilterHandlers")){const t=e,a=t.getHandler();if(a.getModelAsString){const e=a.getModelAsString(t.model);this.eFloatingFilterText.setValue(e)}}}onParentModelChanged(e){null!=e?this.params.parentFilterInstance(t=>{if(t.getModelAsString){const a=t.getModelAsString(e);this.eFloatingFilterText.setValue(a)}}):this.eFloatingFilterText.setValue("")}refresh(e){this.init(e)}}t.ReadOnlyFloatingFilter=l},83141:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.SimpleFloatingFilter=void 0;const o=a(78020),n=a(74824);class r extends o.Component{constructor(){super(...arguments),this.defaultDebounceMs=0}setLastTypeFromModel(e){if(!e)return void(this.lastType=this.optionsFactory.defaultOption);let t;if(e.operator){t=e.conditions[0]}else t=e;this.lastType=t.type}canWeEditAfterModelFromParentFilter(e){if(!e)return this.isTypeEditable(this.lastType);if(e.operator)return!1;const t=e;return this.isTypeEditable(t.type)}init(e){this.params=e;const t=this.gos.get("enableFilterHandlers");if(this.reactive=t,this.setParams(e),t){const t=e;this.onModelUpdated(t.model)}}setParams(e){const t=new n.OptionsFactory;this.optionsFactory=t,t.init(e.filterParams,this.defaultOptions),this.filterModelFormatter=this.createManagedBean(new this.FilterModelFormatterClass(t,e.filterParams)),this.setSimpleParams(e,!1)}setSimpleParams(e,t=!0){const a=this.optionsFactory.defaultOption;t||(this.lastType=a),this.readOnly=!!e.filterParams.readOnly;const o=this.isTypeEditable(a);this.setEditable(o)}refresh(e){this.params=e;const t=e,a=this.reactive;if(a&&"colDef"!==t.source||this.updateParams(e),a){const{source:e,model:a}=t;if("dataChanged"===e||"ui"===e)return;this.onModelUpdated(a)}}updateParams(e){const t=this.optionsFactory;t.refresh(e.filterParams,this.defaultOptions),this.setSimpleParams(e),this.filterModelFormatter.updateParams({optionsFactory:t,filterParams:e.filterParams})}onParentModelChanged(e,t){t?.afterFloatingFilter||t?.afterDataChange||this.onModelUpdated(e)}hasSingleInput(e){const t=this.optionsFactory.getCustomOption(e)?.numberOfInputs;return null==t||1==t}isTypeEditable(e){return!!e&&!this.readOnly&&this.hasSingleInput(e)&&["inRange","empty","blank","notBlank"].indexOf(e)<0}getAriaLabel(e){return`${this.beans.colNames.getDisplayNameForColumn(e.column,"header",!0)} ${this.getLocaleTextFunc()("ariaFilterInput","Filter Input")}`}}t.SimpleFloatingFilter=r},48922:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.TextInputFloatingFilter=void 0;const o=a(59926),n=a(91668),r=a(1956),i=a(44990),l=a(96808),s=a(2470),d=a(83141),c={tag:"div",ref:"eFloatingFilterInputContainer",cls:"ag-floating-filter-input",role:"presentation"};class g extends d.SimpleFloatingFilter{constructor(){super(...arguments),this.eFloatingFilterInputContainer=n.RefPlaceholder,this.defaultDebounceMs=500}postConstruct(){this.setTemplate(c)}onModelUpdated(e){this.setLastTypeFromModel(e),this.setEditable(this.canWeEditAfterModelFromParentFilter(e)),this.inputSvc.setValue(this.filterModelFormatter.getModelAsString(e))}setParams(e){this.setupFloatingFilterInputService(e),super.setParams(e),this.setTextInputParams(e)}setupFloatingFilterInputService(e){this.inputSvc=this.createFloatingFilterInputService(e),this.inputSvc.setupGui(this.eFloatingFilterInputContainer)}setTextInputParams(e){const t=e.browserAutoComplete??!1,{inputSvc:a,defaultDebounceMs:o,readOnly:n}=this;if(a.setParams({ariaLabel:this.getAriaLabel(e),autoComplete:t}),this.applyActive=(0,l._isUseApplyButton)(e.filterParams),!n){const t=(0,l.getDebounceMs)(e.filterParams,o),n=(0,i._debounce)(this,this.syncUpWithParentFilter.bind(this),t);a.setValueChangedListener(n)}}updateParams(e){super.updateParams(e),this.setTextInputParams(e)}recreateFloatingFilterInputService(e){const{inputSvc:t}=this,a=t.getValue();(0,r._clearElement)(this.eFloatingFilterInputContainer),this.destroyBean(t),this.setupFloatingFilterInputService(e),t.setValue(a,!0)}syncUpWithParentFilter(e){const t=e.key===o.KeyCode.ENTER,a=this.reactive;if(a){this.params.onUiChange()}if(this.applyActive&&!t)return;const{inputSvc:n,params:r,lastType:i}=this;let l=n.getValue();if(r.filterParams.trimInput&&(l=(0,s.trimInputForFilter)(l),n.setValue(l,!0)),a){const e=r,t=e.model,a=this.convertValue(l),o=null==a?null:{...t??{filterType:this.filterType,type:i??this.optionsFactory.defaultOption},filter:a};e.onModelChange(o,{afterFloatingFilter:!0})}else r.parentFilterInstance(e=>{e?.onFloatingFilterChanged(i||null,l||null)})}convertValue(e){return e||null}setEditable(e){this.inputSvc.setEditable(e)}}t.TextInputFloatingFilter=g},38713:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.DateCompWrapper=void 0;const o=a(1956),n=a(12036);t.DateCompWrapper=class{constructor(e,t,a,o,r,i){this.alive=!0,this.context=e,this.eParent=r;const l=(0,n._getDateCompDetails)(t,a,o);l&&l.newAgStackInstance().then(t=>{if(!this.alive)return void e.destroyBean(t);if(this.dateComp=t,!t)return;r.appendChild(t.getGui()),t?.afterGuiAttached?.();const{tempValue:a,disabled:o}=this;a&&t.setDate(a),null!=o&&t.setDisabled?.(o),i?.(this)})}destroy(){this.alive=!1,this.dateComp=this.context.destroyBean(this.dateComp)}getDate(){return this.dateComp?this.dateComp.getDate():this.tempValue}setDate(e){const t=this.dateComp;t?t.setDate(e):this.tempValue=e}setDisabled(e){const t=this.dateComp;t?t.setDisabled?.(e):this.disabled=e}setDisplayed(e){(0,o._setDisplayed)(this.eParent,e)}setInputPlaceholder(e){this.dateComp?.setInputPlaceholder?.(e)}setInputAriaLabel(e){this.dateComp?.setInputAriaLabel?.(e)}afterGuiAttached(e){this.dateComp?.afterGuiAttached?.(e)}updateParams(e){this.dateComp?.refresh?.(e)}}},83725:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.DateFilter=void 0;const o=a(97066),n=a(67274),r=a(73151),i=a(47764),l=a(95220),s=a(97535),d=a(38713),c=a(54200),g=a(27392),u=1/0;class h extends l.SimpleFilter{constructor(){super("dateFilter",g.mapValuesFromDateFilterModel,c.DEFAULT_DATE_FILTER_OPTIONS),this.eConditionPanelsFrom=[],this.eConditionPanelsTo=[],this.dateConditionFromComps=[],this.dateConditionToComps=[],this.minValidYear=1e3,this.maxValidYear=u,this.minValidDate=null,this.maxValidDate=null,this.filterType="date"}afterGuiAttached(e){super.afterGuiAttached(e),this.dateConditionFromComps[0].afterGuiAttached(e)}commonUpdateSimpleParams(e){super.commonUpdateSimpleParams(e);const t=(t,a)=>{const o=e[t];if(null!=o){if(!isNaN(o))return null==o?a:Number(o);(0,i._warn)(82,{param:t})}return a},a=t("minValidYear",1e3),n=t("maxValidYear",u);this.minValidYear=a,this.maxValidYear=n,a>n&&(0,i._warn)(83);const{minValidDate:r,maxValidDate:l}=e,s=r instanceof Date?r:(0,o._parseDateTimeFromString)(r);this.minValidDate=s;const d=l instanceof Date?l:(0,o._parseDateTimeFromString)(l);this.maxValidDate=d,s&&d&&s>d&&(0,i._warn)(84)}createDateCompWrapper(e){const{beans:{userCompFactory:t,context:a,gos:o},params:r}=this,i=new d.DateCompWrapper(a,t,r.colDef,(0,n._addGridCommonParams)(o,{onDateChanged:()=>this.onUiChanged(),filterParams:r,location:"filter"}),e);return this.addDestroyFunc(()=>i.destroy()),i}setElementValue(e,t){e.setDate(t)}setElementDisplayed(e,t){e.setDisplayed(t)}setElementDisabled(e,t){e.setDisabled(t)}createEValue(){const e=(0,r._createElement)({tag:"div",cls:"ag-filter-body"});return this.createFromToElement(e,this.eConditionPanelsFrom,this.dateConditionFromComps,"from"),this.createFromToElement(e,this.eConditionPanelsTo,this.dateConditionToComps,"to"),e}createFromToElement(e,t,a,o){const n=(0,r._createElement)({tag:"div",cls:`ag-filter-${o} ag-filter-date-${o}`});t.push(n),e.appendChild(n),a.push(this.createDateCompWrapper(n))}removeEValues(e,t){this.removeDateComps(this.dateConditionFromComps,e,t),this.removeDateComps(this.dateConditionToComps,e,t),(0,s.removeItems)(this.eConditionPanelsFrom,e,t),(0,s.removeItems)(this.eConditionPanelsTo,e,t)}removeDateComps(e,t,a){const o=(0,s.removeItems)(e,t,a);for(const e of o)e.destroy()}isValidDateValue(e){if(null===e)return!1;const{minValidDate:t,maxValidDate:a,minValidYear:o,maxValidYear:n}=this;if(t){if(e<t)return!1}else if(e.getUTCFullYear()<o)return!1;if(a){if(e>a)return!1}else if(e.getUTCFullYear()>n)return!1;return!0}isConditionUiComplete(e){if(!super.isConditionUiComplete(e))return!1;let t=!0;return this.forEachInput((a,o,n,r)=>{n!==e||!t||o>=r||(t=t&&this.isValidDateValue(a.getDate()))}),t}areSimpleModelsEqual(e,t){return e.dateFrom===t.dateFrom&&e.dateTo===t.dateTo&&e.type===t.type}createCondition(e){const t=this.getConditionType(e),a={},n=this.getValues(e),r=this.params.useIsoSeparator?"T":" ";return n.length>0&&(a.dateFrom=(0,o._serialiseDate)(n[0],!0,r)),n.length>1&&(a.dateTo=(0,o._serialiseDate)(n[1],!0,r)),{dateFrom:null,dateTo:null,filterType:this.filterType,type:t,...a}}resetPlaceholder(){const e=this.getLocaleTextFunc(),t=this.translate("dateFormatOoo"),a=e("ariaFilterValue","Filter Value");this.forEachInput(e=>{e.setInputPlaceholder(t),e.setInputAriaLabel(a)})}getInputs(e){const{dateConditionFromComps:t,dateConditionToComps:a}=this;return e>=t.length?[null,null]:[t[e],a[e]]}getValues(e){const t=[];return this.forEachPositionInput(e,(e,a,o,n)=>{a<n&&t.push(e.getDate())}),t}translate(e){return"lessThan"===e?super.translate("before"):"greaterThan"===e?super.translate("after"):super.translate(e)}}t.DateFilter=h},54200:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.DEFAULT_DATE_FILTER_OPTIONS=void 0,t.DEFAULT_DATE_FILTER_OPTIONS=["equals","notEqual","lessThan","greaterThan","inRange","blank","notBlank"]},46977:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.DateFilterHandler=void 0;const o=a(93820),n=a(54200),r=a(64392),i=a(27392);function l(e,t){return t<e?-1:t>e?1:0}class s extends o.ScalarFilterHandler{constructor(){super(i.mapValuesFromDateFilterModel,n.DEFAULT_DATE_FILTER_OPTIONS),this.filterType="date",this.FilterModelFormatterClass=r.DateFilterModelFormatter}comparator(){return this.params.filterParams.comparator??l}isValid(e){const t=this.params.filterParams.isValidDate;return!t||t(e)}}t.DateFilterHandler=s},64392:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.DateFilterModelFormatter=void 0;const o=a(97066),n=a(70405);class r extends n.SimpleFilterModelFormatter{constructor(e,t){super(e,t,e=>{const{dataTypeSvc:a,valueSvc:o}=this.beans,n=t.column,r=a?.getDateFormatterFunction(n),i=r?r(e??void 0):e;return o.formatValue(n,null,i)}),this.filterTypeKeys=n.SCALAR_FILTER_TYPE_KEYS}conditionToString(e,t,a,n,r){const{type:i}=e,l=(0,o._parseDateTimeFromString)(e.dateFrom),s=(0,o._parseDateTimeFromString)(e.dateTo),d=this.filterParams.inRangeFloatingFilterDateFormat,c=t?this.formatValue.bind(this):e=>(0,o._dateToFormattedString)(e,d),g=()=>null!==l?c(l):"null",u=()=>null!==s?c(s):"null";if(t){const e=this.conditionForToolPanel(i,a,g,u,n,r);if(null!=e)return e}return a?`${g()}-${u()}`:null!=l?c(l):`${i}`}}t.DateFilterModelFormatter=r},27392:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.mapValuesFromDateFilterModel=void 0;const o=a(97066),n=a(97535);t.mapValuesFromDateFilterModel=function(e,t){const{dateFrom:a,dateTo:r,type:i}=e||{};return[a&&(0,o._parseDateTimeFromString)(a,void 0,!0)||null,r&&(0,o._parseDateTimeFromString)(r,void 0,!0)||null].slice(0,(0,n.getNumberOfInputs)(i,t))}},23091:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.DateFloatingFilter=void 0;const o=a(91668),n=a(97066),r=a(1956),i=a(44990),l=a(89863),s=a(67274),d=a(83141),c=a(96808),g=a(38713),u=a(54200),h=a(64392),p={tag:"div",cls:"ag-floating-filter-input",role:"presentation",children:[{tag:"ag-input-text-field",ref:"eReadOnlyText"},{tag:"div",ref:"eDateWrapper",cls:"ag-date-floating-filter-wrapper"}]};class m extends d.SimpleFloatingFilter{constructor(){super(p,[l.AgInputTextFieldSelector]),this.eReadOnlyText=o.RefPlaceholder,this.eDateWrapper=o.RefPlaceholder,this.FilterModelFormatterClass=h.DateFilterModelFormatter,this.filterType="date",this.defaultOptions=u.DEFAULT_DATE_FILTER_OPTIONS}setParams(e){super.setParams(e),this.createDateComponent();const t=this.getLocaleTextFunc();this.eReadOnlyText.setDisabled(!0).setInputAriaLabel(t("ariaDateFilterInput","Date Filter Input"))}updateParams(e){super.updateParams(e),this.dateComp.updateParams(this.getDateComponentParams()),this.updateCompOnModelChange(e.currentParentModel())}updateCompOnModelChange(e){const t=!this.readOnly&&this.canWeEditAfterModelFromParentFilter(e);if(this.setEditable(t),t){const t=e?(0,n._parseDateTimeFromString)(e.dateFrom):null;this.dateComp.setDate(t),this.eReadOnlyText.setValue("")}else this.eReadOnlyText.setValue(this.filterModelFormatter.getModelAsString(e)),this.dateComp.setDate(null)}setEditable(e){(0,r._setDisplayed)(this.eDateWrapper,e),(0,r._setDisplayed)(this.eReadOnlyText.getGui(),!e)}onModelUpdated(e){super.setLastTypeFromModel(e),this.updateCompOnModelChange(e)}onDateChanged(){const e=this.dateComp.getDate();if(this.reactive){const t=this.params;t.onUiChange();const a=t.model,o=(0,n._serialiseDate)(e),r=null==o?null:{...a??{filterType:this.filterType,type:this.lastType??this.optionsFactory.defaultOption},dateFrom:o};t.onModelChange(r,{afterFloatingFilter:!0})}else this.params.parentFilterInstance(t=>{t?.onFloatingFilterChanged(this.lastType||null,e)})}getDateComponentParams(){const{filterParams:e}=this.params,t=(0,c.getDebounceMs)(e,this.defaultDebounceMs);return(0,s._addGridCommonParams)(this.gos,{onDateChanged:(0,i._debounce)(this,this.onDateChanged.bind(this),t),filterParams:e,location:"floatingFilter"})}createDateComponent(){const{beans:{context:e,userCompFactory:t},eDateWrapper:a,params:o}=this;this.dateComp=new g.DateCompWrapper(e,t,o.column.getColDef(),this.getDateComponentParams(),a,e=>{e.setInputAriaLabel(this.getAriaLabel(o))}),this.addDestroyFunc(()=>this.dateComp.destroy())}}t.DateFloatingFilter=m},75459:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.DefaultDateComponent=void 0;const o=a(91668),n=a(36916),r=a(97066),i=a(89863),l=a(47764),s=a(78020),d={tag:"div",cls:"ag-filter-filter",children:[{tag:"ag-input-text-field",ref:"eDateInput",cls:"ag-date-filter"}]};class c extends s.Component{constructor(){super(d,[i.AgInputTextFieldSelector]),this.eDateInput=o.RefPlaceholder,this.isApply=!1,this.applyOnFocusOut=!1}init(e){this.params=e,this.setParams(e);const t=this.eDateInput.getInputElement();this.addManagedListeners(t,{mouseDown:()=>{this.eDateInput.isDisabled()||this.usingSafariDatePicker||t.focus({preventScroll:!0})},input:this.handleInput.bind(this,!1),change:this.handleInput.bind(this,!0),focusout:this.handleFocusOut.bind(this)})}handleInput(e){if(!this.eDateInput.isDisabled())return this.isApply?(this.applyOnFocusOut=!e,void(e&&this.params.onDateChanged())):void(e||this.params.onDateChanged())}handleFocusOut(){this.applyOnFocusOut&&(this.applyOnFocusOut=!1,this.params.onDateChanged())}setParams(e){const t=this.eDateInput.getInputElement(),a=this.shouldUseBrowserDatePicker(e);this.usingSafariDatePicker=a&&(0,n._isBrowserSafari)();const{minValidYear:o,maxValidYear:i,minValidDate:s,maxValidDate:d,buttons:c,includeTime:g,colDef:u}=e.filterParams||{},h=this.beans.dataTypeSvc,p=g??h?.getDateIncludesTimeFlag?.(u.cellDataType)??!1;if(a?p?(t.type="datetime-local",t.step="1"):t.type="date":t.type="text",s&&o&&(0,l._warn)(85),d&&i&&(0,l._warn)(86),s&&d){const[e,t]=[s,d].map(e=>e instanceof Date?e:(0,r._parseDateTimeFromString)(e));e&&t&&e.getTime()>t.getTime()&&(0,l._warn)(87)}s?s instanceof Date?t.min=(0,r._dateToFormattedString)(s):t.min=s:o&&(t.min=`${o}-01-01`),d?d instanceof Date?t.max=(0,r._dateToFormattedString)(d):t.max=d:i&&(t.max=`${i}-12-31`),this.isApply="floatingFilter"===e.location&&!!c?.includes("apply")}refresh(e){this.params=e,this.setParams(e)}getDate(){return(0,r._parseDateTimeFromString)(this.eDateInput.getValue())}setDate(e){const t=this.params.filterParams.colDef.cellDataType,a=this.beans.dataTypeSvc?.getDateIncludesTimeFlag(t)??!1;this.eDateInput.setValue((0,r._serialiseDate)(e,a))}setInputPlaceholder(e){this.eDateInput.setInputPlaceholder(e)}setInputAriaLabel(e){this.eDateInput.setAriaLabel(e)}setDisabled(e){this.eDateInput.setDisabled(e)}afterGuiAttached(e){e?.suppressFocus||this.eDateInput.getInputElement().focus({preventScroll:!0})}shouldUseBrowserDatePicker(e){return e?.filterParams?.browserDatePicker??!0}}t.DefaultDateComponent=c},78845:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.isCombinedFilterModel=void 0,t.isCombinedFilterModel=function(e){return!!e.operator}},56607:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.NumberFilter=void 0;const o=a(89097),n=a(25721),r=a(89863),i=a(73151),l=a(95220),s=a(40846),d=a(730);class c extends l.SimpleFilter{constructor(){super("numberFilter",d.mapValuesFromNumberFilterModel,s.DEFAULT_NUMBER_FILTER_OPTIONS),this.eValuesFrom=[],this.eValuesTo=[],this.filterType="number",this.defaultDebounceMs=500}setElementValue(e,t,a){const{numberFormatter:o}=this.params,n=!a&&o?o(t??null):t;super.setElementValue(e,n)}createEValue(){const e=(0,d.getAllowedCharPattern)(this.params),t=(0,i._createElement)({tag:"div",cls:"ag-filter-body",role:"presentation"});return this.createFromToElement(t,this.eValuesFrom,"from",e),this.createFromToElement(t,this.eValuesTo,"to",e),t}createFromToElement(e,t,a,o){const i=this.createManagedBean(o?new r.AgInputTextField({allowedCharPattern:o}):new n.AgInputNumberField);i.addCss(`ag-filter-${a}`),i.addCss("ag-filter-filter"),t.push(i),e.appendChild(i.getGui())}removeEValues(e,t){const a=a=>this.removeComponents(a,e,t);a(this.eValuesFrom),a(this.eValuesTo)}getValues(e){const t=[];return this.forEachPositionInput(e,(e,a,o,n)=>{a<n&&t.push((0,d.processNumberFilterValue)(this.stringToFloat(e.getValue())))}),t}areSimpleModelsEqual(e,t){return e.filter===t.filter&&e.filterTo===t.filterTo&&e.type===t.type}stringToFloat(e){if("number"==typeof e)return e;let t=(0,o._makeNull)(e);null!=t&&""===t.trim()&&(t=null);const a=this.params.numberParser;return a?a(t):null==t||"-"===t.trim()?null:Number.parseFloat(t)}createCondition(e){const t=this.getConditionType(e),a={filterType:this.filterType,type:t},o=this.getValues(e);return o.length>0&&(a.filter=o[0]),o.length>1&&(a.filterTo=o[1]),a}getInputs(e){const{eValuesFrom:t,eValuesTo:a}=this;return e>=t.length?[null,null]:[t[e],a[e]]}hasInvalidInputs(){let e=!1;return this.forEachInput(t=>{t.getInputElement().validity.valid||(e=!0)}),e}}t.NumberFilter=c},40846:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.DEFAULT_NUMBER_FILTER_OPTIONS=void 0,t.DEFAULT_NUMBER_FILTER_OPTIONS=["equals","notEqual","greaterThan","greaterThanOrEqual","lessThan","lessThanOrEqual","inRange","blank","notBlank"]},42927:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.NumberFilterHandler=void 0;const o=a(93820),n=a(40846),r=a(51862),i=a(730);class l extends o.ScalarFilterHandler{constructor(){super(i.mapValuesFromNumberFilterModel,n.DEFAULT_NUMBER_FILTER_OPTIONS),this.filterType="number",this.FilterModelFormatterClass=r.NumberFilterModelFormatter}comparator(){return(e,t)=>e===t?0:e<t?1:-1}isValid(e){return!isNaN(e)}}t.NumberFilterHandler=l},51862:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.NumberFilterModelFormatter=void 0;const o=a(70405);class n extends o.SimpleFilterModelFormatter{constructor(e,t){super(e,t,t.numberFormatter),this.filterTypeKeys=o.SCALAR_FILTER_TYPE_KEYS}conditionToString(e,t,a,o,n){const{filter:r,filterTo:i,type:l}=e,s=this.formatValue.bind(this);if(t){const e=this.conditionForToolPanel(l,a,()=>s(r),()=>s(i),o,n);if(null!=e)return e}return a?`${s(r)}-${s(i)}`:null!=r?s(r):`${l}`}}t.NumberFilterModelFormatter=n},730:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.mapValuesFromNumberFilterModel=t.processNumberFilterValue=t.getAllowedCharPattern=void 0;const o=a(97535);function n(e){return null==e||isNaN(e)?null:e}t.getAllowedCharPattern=function(e){const{allowedCharPattern:t}=e??{};return t??null},t.processNumberFilterValue=n,t.mapValuesFromNumberFilterModel=function(e,t){const{filter:a,filterTo:r,type:i}=e||{};return[n(a),n(r)].slice(0,(0,o.getNumberOfInputs)(i,t))}},64789:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.NumberFloatingFilter=void 0;const o=a(25721),n=a(89863),r=a(68731),i=a(97287),l=a(48922),s=a(40846),d=a(51862),c=a(730);class g extends r.BeanStub{constructor(){super(...arguments),this.onValueChanged=()=>{},this.numberInputActive=!0}setupGui(e){this.eNumberInput=this.createManagedBean(new o.AgInputNumberField),this.eTextInput=this.createManagedBean(new n.AgInputTextField),this.eTextInput.setDisabled(!0);const t=this.eNumberInput.getGui(),a=this.eTextInput.getGui();e.appendChild(t),e.appendChild(a),this.setupListeners(t,e=>this.onValueChanged(e)),this.setupListeners(a,e=>this.onValueChanged(e))}setEditable(e){this.numberInputActive=e,this.eNumberInput.setDisplayed(this.numberInputActive),this.eTextInput.setDisplayed(!this.numberInputActive)}setAutoComplete(e){this.eNumberInput.setAutoComplete(e),this.eTextInput.setAutoComplete(e)}getValue(){return this.getActiveInputElement().getValue()}setValue(e,t){this.getActiveInputElement().setValue(e,t)}getActiveInputElement(){return this.numberInputActive?this.eNumberInput:this.eTextInput}setValueChangedListener(e){this.onValueChanged=e}setupListeners(e,t){this.addManagedListeners(e,{input:t,keydown:t})}setParams(e){this.setAriaLabel(e.ariaLabel),void 0!==e.autoComplete&&this.setAutoComplete(e.autoComplete)}setAriaLabel(e){this.eNumberInput.setInputAriaLabel(e),this.eTextInput.setInputAriaLabel(e)}}class u extends l.TextInputFloatingFilter{constructor(){super(...arguments),this.FilterModelFormatterClass=d.NumberFilterModelFormatter,this.filterType="number",this.defaultOptions=s.DEFAULT_NUMBER_FILTER_OPTIONS}updateParams(e){(0,c.getAllowedCharPattern)(e.filterParams)!==this.allowedCharPattern&&this.recreateFloatingFilterInputService(e),super.updateParams(e)}createFloatingFilterInputService(e){return this.allowedCharPattern=(0,c.getAllowedCharPattern)(e.filterParams),this.allowedCharPattern?this.createManagedBean(new i.FloatingFilterTextInputService({config:{allowedCharPattern:this.allowedCharPattern}})):this.createManagedBean(new g)}convertValue(e){return e?Number(e):null}}t.NumberFloatingFilter=u},74824:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.OptionsFactory=void 0;const o=a(47764);t.OptionsFactory=class{constructor(){this.customFilterOptions={}}init(e,t){this.filterOptions=e.filterOptions??t,this.mapCustomOptions(),this.defaultOption=this.getDefaultItem(e.defaultOption)}refresh(e,t){const a=e.filterOptions??t;this.filterOptions!==a&&(this.filterOptions=a,this.customFilterOptions={},this.mapCustomOptions()),this.defaultOption=this.getDefaultItem(e.defaultOption)}mapCustomOptions(){const{filterOptions:e}=this;if(e)for(const t of e){if("string"==typeof t)continue;[["displayKey"],["displayName"],["predicate","test"]].every(e=>!!e.some(e=>null!=t[e])||((0,o._warn)(72,{keys:e}),!1))?this.customFilterOptions[t.displayKey]=t:this.filterOptions=e.filter(e=>e===t)||[]}}getDefaultItem(e){const{filterOptions:t}=this;if(e)return e;if(t.length>=1){const e=t[0];if("string"==typeof e)return e;if(e.displayKey)return e.displayKey;(0,o._warn)(73)}else(0,o._warn)(74)}getCustomOption(e){return this.customFilterOptions[e]}}},2245:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.ProvidedFilter=void 0;const o=a(44990),n=a(2147),r=a(47764),i=a(78020),l=a(31772),s=a(75741),d=a(96808);class c extends i.Component{constructor(e,t){super(),this.filterNameKey=e,this.cssIdentifier=t,this.applyActive=!1,this.debouncePending=!1,this.defaultDebounceMs=0}postConstruct(){const e={tag:"div",cls:`ag-filter-body-wrapper ag-${this.cssIdentifier}-body-wrapper`,children:[this.createBodyTemplate()]};this.setTemplate(e,this.getAgComponents()),this.createManagedBean(new l.ManagedFocusFeature(this.getFocusableElement(),{handleKeyDown:this.handleKeyDown.bind(this)})),this.positionableFeature=this.createBean(new n.PositionableFeature(this.getPositionableElement(),{forcePopupParentAsOffsetParent:!0}))}handleKeyDown(e){}init(e){const t=e;this.setParams(t),this.setModelIntoUi(t.state.model,!0).then(()=>this.updateUiVisibility())}refresh(e){const t=e,a=this.params;this.params=t;"colDef"===t.source&&this.updateParams(t,a);const o=t.state,n=this.state;return this.state=o,o.model===n.model&&o.state===n.state||this.setModelIntoUi(o.model),!0}setParams(e){this.params=e,this.state=e.state,this.commonUpdateParams(e)}updateParams(e,t){this.commonUpdateParams(e,t)}commonUpdateParams(e,t){this.applyActive=(0,d._isUseApplyButton)(e),this.setupApplyDebounced()}doesFilterPass(e){(0,r._warn)(283);const{getHandler:t,model:a,column:o}=this.params;return t().doesFilterPass({...e,model:a,handlerParams:this.beans.colFilter.getHandlerParams(o)})}getFilterTitle(){return this.translate(this.filterNameKey)}isFilterActive(){return(0,r._warn)(284),null!=this.params.model}setupApplyDebounced(){const e=(0,d.getDebounceMs)(this.params,this.defaultDebounceMs),t=(0,o._debounce)(this,this.checkApplyDebounce.bind(this),e);this.applyDebounced=()=>{this.debouncePending=!0,t()}}checkApplyDebounce(){this.debouncePending&&(this.debouncePending=!1,this.doApplyModel())}getModel(){return(0,r._warn)(285),this.params.model}setModel(e){(0,r._warn)(286);const{beans:t,params:a}=this;return t.colFilter.setModelForColumnLegacy(a.column,e)}applyModel(e="api"){return this.doApplyModel()}canApply(e){return!0}doApplyModel(e){const{params:t,state:a}=this,o=!this.areModelsEqual(t.model,a.model);return o&&t.onAction("apply",e),o}onNewRowsLoaded(){}onUiChanged(e,t=!1){this.updateUiVisibility();const a=this.getModelFromUi(),o={model:a,state:this.getState(),valid:this.canApply(a)};this.state=o;const n=this.params;n.onStateChange(o),n.onUiChange(this.getUiChangeEventParams()),this.gos.get("enableFilterHandlers")||this.eventSvc.dispatchEvent({type:"filterModified",column:n.column,filterInstance:this}),e??(e=this.applyActive?void 0:"debounce"),"immediately"===e?this.doApplyModel({afterFloatingFilter:t,afterDataChange:!1}):"debounce"===e&&this.applyDebounced()}getState(){}getUiChangeEventParams(){}afterGuiAttached(e){this.lastContainerType=e?.container,this.refreshFilterResizer(e?.container)}refreshFilterResizer(e){const{positionableFeature:t,gos:a}=this;if(!t)return;const o="floatingFilter"===e||"columnFilter"===e;o?(t.restoreLastSize(),t.setResizable(a.get("enableRtl")?{bottom:!0,bottomLeft:!0,left:!0}:{bottom:!0,bottomRight:!0,right:!0})):(t.removeSizeFromEl(),t.setResizable(!1)),t.constrainSizeToAvailableHeight(o)}afterGuiDetached(){this.checkApplyDebounce(),this.positionableFeature?.constrainSizeToAvailableHeight(!1)}destroy(){this.positionableFeature=this.destroyBean(this.positionableFeature),super.destroy()}translate(e){return(0,s.translateForFilter)(this,e)}getPositionableElement(){return this.getGui()}areModelsEqual(e,t){return e===t||null==e&&null==t||null!=e&&null!=t&&this.areNonNullModelsEqual(e,t)}}t.ProvidedFilter=c},96808:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t._isUseApplyButton=t.getDebounceMs=void 0;const o=a(47764);function n(e){return(e.buttons?.indexOf("apply")??-1)>=0}t.getDebounceMs=function(e,t){const{debounceMs:a}=e;return n(e)?(null!=a&&(0,o._warn)(71),0):a??t},t._isUseApplyButton=n},93820:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.ScalarFilterHandler=void 0;const o=a(47764),n=a(62322),r=a(97535);class i extends n.SimpleFilterHandler{evaluateNullValue(e){const{includeBlanksInEquals:t,includeBlanksInNotEqual:a,includeBlanksInGreaterThan:o,includeBlanksInLessThan:n,includeBlanksInRange:r}=this.params.filterParams;switch(e){case"equals":if(t)return!0;break;case"notEqual":if(a)return!0;break;case"greaterThan":case"greaterThanOrEqual":if(o)return!0;break;case"lessThan":case"lessThanOrEqual":if(n)return!0;break;case"inRange":if(r)return!0;break;case"blank":return!0;case"notBlank":return!1}return!1}evaluateNonNullValue(e,t,a){const n=a.type;if(!this.isValid(t))return"notEqual"===n||"notBlank"===n;const i=this.comparator(),l=null!=e[0]?i(e[0],t):0;switch(n){case"equals":return 0===l;case"notEqual":return 0!==l;case"greaterThan":return l>0;case"greaterThanOrEqual":return l>=0;case"lessThan":return l<0;case"lessThanOrEqual":return l<=0;case"inRange":{const a=i(e[1],t);return this.params.filterParams.inRangeInclusive?l>=0&&a<=0:l>0&&a<0}case"blank":return(0,r.isBlank)(t);case"notBlank":return!(0,r.isBlank)(t);default:return(0,o._warn)(76,{filterModelType:n}),!0}}}t.ScalarFilterHandler=i},95220:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.SimpleFilter=void 0;const o=a(91668),n=a(79909),r=a(1956),i=a(35269),l=a(71744),s=a(6951),d=a(69234),c=a(73151),g=a(47764),u=a(74824),h=a(2245),p=a(97535);class m extends h.ProvidedFilter{constructor(e,t,a){super(e,"simple-filter"),this.mapValuesFromModel=t,this.defaultOptions=a,this.eTypes=[],this.eJoinPanels=[],this.eJoinAnds=[],this.eJoinOrs=[],this.eConditionBodies=[],this.listener=()=>this.onUiChanged(),this.lastUiCompletePosition=null,this.joinOperatorId=0}setParams(e){super.setParams(e);const t=new u.OptionsFactory;this.optionsFactory=t,t.init(e,this.defaultOptions),this.commonUpdateSimpleParams(e),this.createOption(),this.createMissingConditionsAndOperators()}updateParams(e,t){this.optionsFactory.refresh(e,this.defaultOptions),super.updateParams(e,t),this.commonUpdateSimpleParams(e)}commonUpdateSimpleParams(e){this.setNumConditions(e),this.defaultJoinOperator=(0,p.getDefaultJoinOperator)(e.defaultJoinOperator),this.filterPlaceholder=e.filterPlaceholder,this.createFilterListOptions();const t=this.getGui();this.isReadOnly()?t.setAttribute("tabindex","-1"):t.removeAttribute("tabindex")}onFloatingFilterChanged(e,t){this.setTypeFromFloatingFilter(e),this.setValueFromFloatingFilter(t),this.onUiChanged("immediately",!0)}setTypeFromFloatingFilter(e){this.eTypes.forEach((t,a)=>{const o=0===a?e:this.optionsFactory.defaultOption;t.setValue(o,!0)})}getModelFromUi(){const e=this.getUiCompleteConditions();return 0===e.length?null:this.maxNumConditions>1&&e.length>1?{filterType:this.filterType,operator:this.getJoinOperator(),conditions:e}:e[0]}getConditionTypes(){return this.eTypes.map(e=>e.getValue())}getConditionType(e){return this.eTypes[e].getValue()}getJoinOperator(){const{eJoinOrs:e,defaultJoinOperator:t}=this;return 0===e.length?t:!0===e[0].getValue()?"OR":"AND"}areNonNullModelsEqual(e,t){const a=!e.operator,o=!t.operator;if(!a&&o||a&&!o)return!1;let r;if(a){const a=e,o=t;r=this.areSimpleModelsEqual(a,o)}else{const a=e,o=t;r=a.operator===o.operator&&(0,n._areEqual)(a.conditions,o.conditions,(e,t)=>this.areSimpleModelsEqual(e,t))}return r}setModelIntoUi(e,t){if(null==e)return this.resetUiToDefaults(t),i.AgPromise.resolve();if(e.operator){const t=e;let a=t.conditions;null==a&&(a=[],(0,g._warn)(77));const o=(0,p.validateAndUpdateConditions)(a,this.maxNumConditions),n=this.getNumConditions();if(o<n)this.removeConditionsAndOperators(o);else if(o>n)for(let e=n;e<o;e++)this.createJoinOperatorPanel(),this.createOption();const r="OR"===t.operator;this.eJoinAnds.forEach(e=>e.setValue(!r,!0)),this.eJoinOrs.forEach(e=>e.setValue(r,!0)),a.forEach((e,t)=>{this.eTypes[t].setValue(e.type,!0),this.setConditionIntoUi(e,t)})}else{const t=e;this.getNumConditions()>1&&this.removeConditionsAndOperators(1),this.eTypes[0].setValue(t.type,!0),this.setConditionIntoUi(t,0)}return this.lastUiCompletePosition=this.getNumConditions()-1,this.createMissingConditionsAndOperators(),this.updateUiVisibility(),t||this.params.onUiChange(this.getUiChangeEventParams()),i.AgPromise.resolve()}setNumConditions(e){let t=e.maxNumConditions??2;t<1&&((0,g._warn)(79),t=1),this.maxNumConditions=t;let a=e.numAlwaysVisibleConditions??1;a<1&&((0,g._warn)(80),a=1),a>t&&((0,g._warn)(81),a=t),this.numAlwaysVisibleConditions=a}createOption(){const e=this.getGui(),t=this.createManagedBean(new d.AgSelect);this.eTypes.push(t),t.addCss("ag-filter-select"),e.appendChild(t.getGui());const a=this.createEValue();this.eConditionBodies.push(a),e.appendChild(a),this.putOptionsIntoDropdown(t),this.resetType(t);const o=this.getNumConditions()-1;this.forEachPositionInput(o,e=>this.resetInput(e)),this.addChangedListeners(t,o)}createJoinOperatorPanel(){const e=(0,c._createElement)({tag:"div",cls:"ag-filter-condition"});this.eJoinPanels.push(e);const t=this.createJoinOperator(this.eJoinAnds,e,"and"),a=this.createJoinOperator(this.eJoinOrs,e,"or");this.getGui().appendChild(e);const o=this.eJoinPanels.length-1,n=this.joinOperatorId++;this.resetJoinOperatorAnd(t,o,n),this.resetJoinOperatorOr(a,o,n),this.isReadOnly()||(t.onValueChange(this.listener),a.onValueChange(this.listener))}createJoinOperator(e,t,a){const o=this.createManagedBean(new s.AgRadioButton);e.push(o);const n="ag-filter-condition-operator";return o.addCss(n),o.addCss(`${n}-${a}`),t.appendChild(o.getGui()),o}createFilterListOptions(){this.filterListOptions=this.optionsFactory.filterOptions.map(e=>"string"==typeof e?this.createBoilerplateListOption(e):this.createCustomListOption(e))}putOptionsIntoDropdown(e){const{filterListOptions:t}=this;for(const a of t)e.addOption(a);e.setDisabled(t.length<=1)}createBoilerplateListOption(e){return{value:e,text:this.translate(e)}}createCustomListOption(e){const{displayKey:t}=e,a=this.optionsFactory.getCustomOption(e.displayKey);return{value:t,text:a?this.getLocaleTextFunc()(a.displayKey,a.displayName):this.translate(t)}}createBodyTemplate(){return null}getAgComponents(){return[]}updateUiVisibility(){const e=this.getJoinOperator();this.updateNumConditions(),this.updateConditionStatusesAndValues(this.lastUiCompletePosition,e)}updateNumConditions(){let e=-1,t=!0;for(let a=0;a<this.getNumConditions();a++)this.isConditionUiComplete(a)?e=a:t=!1;if(this.shouldAddNewConditionAtEnd(t))this.createJoinOperatorPanel(),this.createOption();else{const t=this.lastUiCompletePosition??this.getNumConditions()-2;if(e<t){this.removeConditionsAndOperators(t+1);const a=e+1,o=t-a;o>0&&this.removeConditionsAndOperators(a,o),this.createMissingConditionsAndOperators()}}this.lastUiCompletePosition=e}updateConditionStatusesAndValues(e,t){this.eTypes.forEach((t,a)=>{const o=this.isConditionDisabled(a,e);t.setDisabled(o||this.filterListOptions.length<=1),1===a&&((0,r._setDisabled)(this.eJoinPanels[0],o),this.eJoinAnds[0].setDisabled(o),this.eJoinOrs[0].setDisabled(o))}),this.eConditionBodies.forEach((e,t)=>{(0,r._setDisplayed)(e,this.isConditionBodyVisible(t))});const a="OR"===(t??this.getJoinOperator());for(const e of this.eJoinAnds)e.setValue(!a,!0);for(const e of this.eJoinOrs)e.setValue(a,!0);this.forEachInput((t,a,o,n)=>{this.setElementDisplayed(t,a<n),this.setElementDisabled(t,this.isConditionDisabled(o,e))}),this.resetPlaceholder()}shouldAddNewConditionAtEnd(e){return e&&this.getNumConditions()<this.maxNumConditions&&!this.isReadOnly()}removeConditionsAndOperators(e,t){if(e>=this.getNumConditions())return;const{eTypes:a,eConditionBodies:o,eJoinPanels:n,eJoinAnds:r,eJoinOrs:i}=this;this.removeComponents(a,e,t),this.removeElements(o,e,t),this.removeEValues(e,t);const l=Math.max(e-1,0);this.removeElements(n,l,t),this.removeComponents(r,l,t),this.removeComponents(i,l,t)}removeElements(e,t,a){const o=(0,p.removeItems)(e,t,a);for(const e of o)(0,r._removeFromParent)(e)}removeComponents(e,t,a){const o=(0,p.removeItems)(e,t,a);for(const e of o)(0,r._removeFromParent)(e.getGui()),this.destroyBean(e)}afterGuiAttached(e){if(super.afterGuiAttached(e),this.resetPlaceholder(),!e?.suppressFocus){let e;if(!this.isReadOnly()){const t=this.getInputs(0)[0];e=t instanceof l.AgAbstractInputField&&this.isConditionBodyVisible(0)?t.getInputElement():this.eTypes[0]?.getFocusableElement()}(e??this.getGui()).focus({preventScroll:!0})}}afterGuiDetached(){super.afterGuiDetached();const e=this.params;if(this.beans.colFilter?.shouldKeepStateOnDetach(e.column))return;e.onStateChange({model:e.model});let t=-1,a=-1,o=!1;const n=this.getJoinOperator();for(let e=this.getNumConditions()-1;e>=0;e--)if(this.isConditionUiComplete(e))-1===t&&(t=e,a=e);else{const n=e<t;(e>=this.numAlwaysVisibleConditions&&!this.isConditionUiComplete(e-1)||n)&&(this.removeConditionsAndOperators(e,1),o=!0,n&&a--)}let r=!1;this.getNumConditions()<this.numAlwaysVisibleConditions&&(this.createMissingConditionsAndOperators(),r=!0),this.shouldAddNewConditionAtEnd(a===this.getNumConditions()-1)&&(this.createJoinOperatorPanel(),this.createOption(),r=!0),r&&this.updateConditionStatusesAndValues(a,n),o&&this.updateJoinOperatorsDisabled(),this.lastUiCompletePosition=a}getModelAsString(e){return this.params.getHandler()?.getModelAsString?.(e)??""}getPlaceholderText(e,t){let a=this.translate(e);if("function"==typeof this.filterPlaceholder){const e=this.eTypes[t].getValue(),o=this.translate(e);a=this.filterPlaceholder({filterOptionKey:e,filterOption:o,placeholder:a})}else"string"==typeof this.filterPlaceholder&&(a=this.filterPlaceholder);return a}resetPlaceholder(){const e=this.getLocaleTextFunc();this.forEachInput((t,a,o,n)=>{if(!(t instanceof l.AgAbstractInputField))return;const r=0===a&&n>1?"inRangeStart":0===a?"filterOoo":"inRangeEnd",i=0===a&&n>1?e("ariaFilterFromValue","Filter from value"):0===a?e("ariaFilterValue","Filter Value"):e("ariaFilterToValue","Filter to Value");t.setInputPlaceholder(this.getPlaceholderText(r,o)),t.setInputAriaLabel(i)})}setElementValue(e,t,a){e instanceof l.AgAbstractInputField&&e.setValue(null!=t?String(t):null,!0)}setElementDisplayed(e,t){(0,o._isComponent)(e)&&(0,r._setDisplayed)(e.getGui(),t)}setElementDisabled(e,t){(0,o._isComponent)(e)&&(0,r._setDisabled)(e.getGui(),t)}attachElementOnChange(e,t){e instanceof l.AgAbstractInputField&&e.onValueChange(t)}forEachInput(e){this.getConditionTypes().forEach((t,a)=>{this.forEachPositionTypeInput(a,t,e)})}forEachPositionInput(e,t){const a=this.getConditionType(e);this.forEachPositionTypeInput(e,a,t)}forEachPositionTypeInput(e,t,a){const o=(0,p.getNumberOfInputs)(t,this.optionsFactory),n=this.getInputs(e);for(let t=0;t<n.length;t++){const r=n[t];null!=r&&a(r,t,e,o)}}isConditionDisabled(e,t){return!!this.isReadOnly()||0!==e&&e>t+1}isConditionBodyVisible(e){const t=this.getConditionType(e);return(0,p.getNumberOfInputs)(t,this.optionsFactory)>0}isConditionUiComplete(e){if(e>=this.getNumConditions())return!1;return"empty"!==this.getConditionType(e)&&!this.getValues(e).some(e=>null==e)}getNumConditions(){return this.eTypes.length}getUiCompleteConditions(){const e=[];for(let t=0;t<this.getNumConditions();t++)this.isConditionUiComplete(t)&&e.push(this.createCondition(t));return e}createMissingConditionsAndOperators(){if(!this.isReadOnly())for(let e=this.getNumConditions();e<this.numAlwaysVisibleConditions;e++)this.createJoinOperatorPanel(),this.createOption()}resetUiToDefaults(e){this.removeConditionsAndOperators(this.isReadOnly()?1:this.numAlwaysVisibleConditions),this.eTypes.forEach(e=>this.resetType(e)),this.eJoinAnds.forEach((e,t)=>this.resetJoinOperatorAnd(e,t,this.joinOperatorId+t)),this.eJoinOrs.forEach((e,t)=>this.resetJoinOperatorOr(e,t,this.joinOperatorId+t)),this.joinOperatorId++,this.forEachInput(e=>this.resetInput(e)),this.resetPlaceholder(),this.createMissingConditionsAndOperators(),this.lastUiCompletePosition=null,this.updateUiVisibility(),e||this.params.onUiChange(this.getUiChangeEventParams())}resetType(e){const t=this.getLocaleTextFunc()("ariaFilteringOperator","Filtering operator");e.setValue(this.optionsFactory.defaultOption,!0).setAriaLabel(t).setDisabled(this.isReadOnly()||this.filterListOptions.length<=1)}resetJoinOperatorAnd(e,t,a){this.resetJoinOperator(e,t,"AND"===this.defaultJoinOperator,this.translate("andCondition"),a)}resetJoinOperatorOr(e,t,a){this.resetJoinOperator(e,t,"OR"===this.defaultJoinOperator,this.translate("orCondition"),a)}resetJoinOperator(e,t,a,o,n){this.updateJoinOperatorDisabled(e.setValue(a,!0).setName(`ag-simple-filter-and-or-${this.getCompId()}-${n}`).setLabel(o),t)}updateJoinOperatorsDisabled(){const e=(e,t)=>this.updateJoinOperatorDisabled(e,t);this.eJoinAnds.forEach(e),this.eJoinOrs.forEach(e)}updateJoinOperatorDisabled(e,t){e.setDisabled(this.isReadOnly()||t>0)}resetInput(e){this.setElementValue(e,null),this.setElementDisabled(e,this.isReadOnly())}setConditionIntoUi(e,t){const a=this.mapValuesFromModel(e,this.optionsFactory);this.forEachInput((e,o,n)=>{n===t&&this.setElementValue(e,null!=a[o]?a[o]:null)})}setValueFromFloatingFilter(e){this.forEachInput((t,a,o)=>{this.setElementValue(t,0===a&&0===o?e:null,!0)})}addChangedListeners(e,t){this.isReadOnly()||(e.onValueChange(this.listener),this.forEachPositionInput(t,e=>{this.attachElementOnChange(e,this.listener)}))}hasInvalidInputs(){return!1}isReadOnly(){return!!this.params.readOnly}}t.SimpleFilter=m},62322:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.SimpleFilterHandler=void 0;const o=a(68731),n=a(78845),r=a(74824),i=a(97535);class l extends o.BeanStub{constructor(e,t){super(),this.mapValuesFromModel=e,this.defaultOptions=t}init(e){const t=e.filterParams,a=new r.OptionsFactory;this.optionsFactory=a,a.init(t,this.defaultOptions),this.filterModelFormatter=this.createManagedBean(new this.FilterModelFormatterClass(a,t)),this.updateParams(e),this.validateModel(e)}refresh(e){if("colDef"===e.source){const t=e.filterParams,a=this.optionsFactory;a.refresh(t,this.defaultOptions),this.filterModelFormatter.updateParams({optionsFactory:a,filterParams:t}),this.updateParams(e)}this.validateModel(e)}updateParams(e){this.params=e}doesFilterPass(e){const t=e.model;if(null==t)return!0;const{operator:a}=t,o=[];if(a){const e=t;o.push(...e.conditions??[])}else o.push(t);const n=a&&"OR"===a?"some":"every",r=this.params.getValue(e.node);return o[n](t=>this.individualConditionPasses(e,t,r))}getModelAsString(e,t){return this.filterModelFormatter.getModelAsString(e,t)??""}validateModel(e){const{model:t,filterParams:{filterOptions:a,maxNumConditions:o}}=e;if(null==t)return;let r=(0,n.isCombinedFilterModel)(t)?t.conditions:[t];const i=a?.map(e=>"string"==typeof e?e:e.displayKey)??this.defaultOptions;if(!(!r||r.every(e=>void 0!==i.find(t=>t===e.type))))return this.params={...e,model:null},void e.onModelChange(null);let l=!1;const s=this.filterType;if((r&&!r.every(e=>e.filterType===s)||t.filterType!==s)&&(r=r.map(e=>({...e,filterType:s})),l=!0),"number"==typeof o&&r&&r.length>o&&(r=r.slice(0,o),l=!0),l){const a=r.length>1?{...t,filterType:s,conditions:r}:{...r[0],filterType:s};this.params={...e,model:a},e.onModelChange(a)}}individualConditionPasses(e,t,a){const o=this.optionsFactory,n=this.mapValuesFromModel(t,o),r=o.getCustomOption(t.type),l=(0,i.evaluateCustomFilter)(r,n,a);return null!=l?l:null==a?this.evaluateNullValue(t.type):this.evaluateNonNullValue(n,a,t,e)}}t.SimpleFilterHandler=l},70405:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.SimpleFilterModelFormatter=t.TEXT_FILTER_TYPE_KEYS=t.SCALAR_FILTER_TYPE_KEYS=void 0;const o=a(68731),n=a(75741);t.SCALAR_FILTER_TYPE_KEYS={equals:"Equals",notEqual:"NotEqual",greaterThan:"GreaterThan",greaterThanOrEqual:"GreaterThanOrEqual",lessThan:"LessThan",lessThanOrEqual:"LessThanOrEqual",inRange:"InRange"},t.TEXT_FILTER_TYPE_KEYS={contains:"Contains",notContains:"NotContains",equals:"TextEquals",notEqual:"TextNotEqual",startsWith:"StartsWith",endsWith:"EndsWith",inRange:"InRange"};class r extends o.BeanStub{constructor(e,t,a){super(),this.optionsFactory=e,this.filterParams=t,this.valueFormatter=a}getModelAsString(e,t){const a=this.getLocaleTextFunc(),o="filterToolPanel"===t;if(!e)return o?(0,n.translateForFilter)(this,"filterSummaryInactive"):null;if(null!=e.operator){const a=e,o=(a.conditions??[]).map(e=>this.getModelAsString(e,t)),r="AND"===a.operator?"andCondition":"orCondition";return o.join(` ${(0,n.translateForFilter)(this,r)} `)}if("blank"===e.type||"notBlank"===e.type)return o?(0,n.translateForFilter)(this,"blank"===e.type?"filterSummaryBlank":"filterSummaryNotBlank"):a(e.type,e.type);{const t=e,n=this.optionsFactory.getCustomOption(t.type),{displayKey:r,displayName:i,numberOfInputs:l}=n||{};return r&&i&&0===l?a(r,i):this.conditionToString(t,o,"inRange"===t.type||2===l,r,i)}}updateParams(e){const{optionsFactory:t,filterParams:a}=e;this.optionsFactory=t,this.filterParams=a}conditionForToolPanel(e,t,a,o,r,i){let l;const s=this.getTypeKey(e);return s&&(l=(0,n.translateForFilter)(this,s)),r&&i&&(l=this.getLocaleTextFunc()(r,i)),null!=l?t?`${l} ${(0,n.translateForFilter)(this,"filterSummaryInRangeValues",[a(),o()])}`:`${l} ${a()}`:null}getTypeKey(e){const t=this.filterTypeKeys[e];return t?`filterSummary${t}`:null}formatValue(e){const t=this.valueFormatter;return t?t(e??null)??"":String(e)}}t.SimpleFilterModelFormatter=r},97535:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.getNumberOfInputs=t.validateAndUpdateConditions=t.evaluateCustomFilter=t.getDefaultJoinOperator=t.isBlank=t.removeItems=void 0;const o=a(47764);t.removeItems=function(e,t,a){return null==a?e.splice(t):e.splice(t,a)},t.isBlank=function(e){return null==e||"string"==typeof e&&0===e.trim().length},t.getDefaultJoinOperator=function(e){return"AND"===e||"OR"===e?e:"AND"},t.evaluateCustomFilter=function(e,t,a){if(null==e)return;const{predicate:o}=e;return null==o||t.some(e=>null==e)?void 0:o(t,a)},t.validateAndUpdateConditions=function(e,t){let a=e.length;return a>t&&(e.splice(t),(0,o._warn)(78),a=t),a},t.getNumberOfInputs=function(e,t){const a=t.getCustomOption(e);if(a){const{numberOfInputs:e}=a;return null!=e?e:1}return e&&["empty","notBlank","blank"].indexOf(e)>=0?0:"inRange"===e?2:1}},42811:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.TextFilter=void 0;const o=a(89097),n=a(89863),r=a(73151),i=a(95220),l=a(30650),s=a(2470);class d extends i.SimpleFilter{constructor(){super("textFilter",s.mapValuesFromTextFilterModel,l.DEFAULT_TEXT_FILTER_OPTIONS),this.filterType="text",this.eValuesFrom=[],this.eValuesTo=[],this.defaultDebounceMs=500}createCondition(e){const t=this.getConditionType(e),a={filterType:this.filterType,type:t},o=this.getValues(e);return o.length>0&&(a.filter=o[0]),o.length>1&&(a.filterTo=o[1]),a}areSimpleModelsEqual(e,t){return e.filter===t.filter&&e.filterTo===t.filterTo&&e.type===t.type}getInputs(e){const{eValuesFrom:t,eValuesTo:a}=this;return e>=t.length?[null,null]:[t[e],a[e]]}getValues(e){const t=[];return this.forEachPositionInput(e,(e,a,n,r)=>{a<r&&t.push((0,o._makeNull)(e.getValue()))}),t}createEValue(){const e=(0,r._createElement)({tag:"div",cls:"ag-filter-body",role:"presentation"}),{eValuesFrom:t,eValuesTo:a}=this;return this.createFromToElement(e,t,"from"),this.createFromToElement(e,a,"to"),e}createFromToElement(e,t,a){const o=this.createManagedBean(new n.AgInputTextField);o.addCss(`ag-filter-${a}`),o.addCss("ag-filter-filter"),t.push(o),e.appendChild(o.getGui())}removeEValues(e,t){const a=a=>this.removeComponents(a,e,t),{eValuesFrom:o,eValuesTo:n}=this;a(o),a(n)}}t.TextFilter=d},30650:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.DEFAULT_TEXT_FILTER_OPTIONS=void 0,t.DEFAULT_TEXT_FILTER_OPTIONS=["contains","notContains","equals","notEqual","startsWith","endsWith","blank","notBlank"]},54259:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.TextFilterHandler=void 0;const o=a(78845),n=a(62322),r=a(97535),i=a(30650),l=a(30330),s=a(2470),d=({filterOption:e,value:t,filterText:a})=>{if(null==a)return!1;switch(e){case"contains":return t.includes(a);case"notContains":return!t.includes(a);case"equals":return t===a;case"notEqual":return t!=a;case"startsWith":return 0===t.indexOf(a);case"endsWith":{const e=t.lastIndexOf(a);return e>=0&&e===t.length-a.length}default:return!1}},c=e=>e,g=e=>null==e?null:e.toString().toLowerCase();class u extends n.SimpleFilterHandler{constructor(){super(s.mapValuesFromTextFilterModel,i.DEFAULT_TEXT_FILTER_OPTIONS),this.filterType="text",this.FilterModelFormatterClass=l.TextFilterModelFormatter}updateParams(e){super.updateParams(e);const t=e.filterParams;this.matcher=t.textMatcher??d,this.formatter=t.textFormatter??(t.caseSensitive?c:g)}evaluateNullValue(e){return!!e&&["notEqual","notContains","blank"].indexOf(e)>=0}evaluateNonNullValue(e,t,a,o){const n=e.map(e=>this.formatter(e))||[],i=this.formatter(t),{api:l,colDef:s,column:d,context:c,filterParams:{textFormatter:g}}=this.params;if("blank"===a.type)return(0,r.isBlank)(t);if("notBlank"===a.type)return!(0,r.isBlank)(t);const u={api:l,colDef:s,column:d,context:c,node:o.node,data:o.data,filterOption:a.type,value:i,textFormatter:g};return n.some(e=>this.matcher({...u,filterText:e}))}processModelToApply(e){if(e&&this.params.filterParams.trimInput){const t=e=>{const t={...e},{filter:a,filterTo:o}=e;return a&&(t.filter=(0,s.trimInputForFilter)(a)??null),o&&(t.filterTo=(0,s.trimInputForFilter)(o)??null),t};return(0,o.isCombinedFilterModel)(e)?{...e,conditions:e.conditions.map(t)}:t(e)}return e}}t.TextFilterHandler=u},30330:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.TextFilterModelFormatter=void 0;const o=a(75741),n=a(70405);class r extends n.SimpleFilterModelFormatter{constructor(){super(...arguments),this.filterTypeKeys=n.TEXT_FILTER_TYPE_KEYS}conditionToString(e,t,a,n,r){const{filter:i,filterTo:l,type:s}=e;if(t){const e=e=>()=>(0,o.translateForFilter)(this,"filterSummaryTextQuote",[e]),t=this.conditionForToolPanel(s,a,e(i),e(l),n,r);if(null!=t)return t}return a?`${i}-${l}`:null!=i?`${i}`:`${s}`}}t.TextFilterModelFormatter=r},2470:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.mapValuesFromTextFilterModel=t.trimInputForFilter=void 0;const o=a(97535);t.trimInputForFilter=function(e){const t=e?.trim();return""===t?e:t},t.mapValuesFromTextFilterModel=function(e,t){const{filter:a,filterTo:n,type:r}=e||{};return[a||null,n||null].slice(0,(0,o.getNumberOfInputs)(r,t))}},38305:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.TextFloatingFilter=void 0;const o=a(97287),n=a(48922),r=a(30650),i=a(30330);class l extends n.TextInputFloatingFilter{constructor(){super(...arguments),this.FilterModelFormatterClass=i.TextFilterModelFormatter,this.filterType="text",this.defaultOptions=r.DEFAULT_TEXT_FILTER_OPTIONS}createFloatingFilterInputService(){return this.createManagedBean(new o.FloatingFilterTextInputService)}}t.TextFloatingFilter=l},5381:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.resetQuickFilter=t.getQuickFilter=t.isQuickFilterPresent=void 0,t.isQuickFilterPresent=function(e){return!!e.quickFilter?.isFilterPresent()},t.getQuickFilter=function(e){return e.quickFilter?.getText()},t.resetQuickFilter=function(e){e.quickFilter?.resetCache()}},91238:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.QuickFilterService=void 0;const o=a(89097),n=a(68731),r=a(67274),i=a(47764);class l extends n.BeanStub{constructor(){super(...arguments),this.beanName="quickFilter",this.quickFilter=null,this.quickFilterParts=null}postConstruct(){const e=this.resetCache.bind(this),t=this.gos;this.addManagedEventListeners({columnPivotModeChanged:e,newColumnsLoaded:e,columnRowGroupChanged:e,columnVisible:()=>{t.get("includeHiddenColumnsInQuickFilter")||this.resetCache()}}),this.addManagedPropertyListener("quickFilterText",e=>this.setFilter(e.currentValue)),this.addManagedPropertyListeners(["includeHiddenColumnsInQuickFilter","applyQuickFilterBeforePivotOrAgg"],()=>this.onColumnConfigChanged()),this.quickFilter=this.parseFilter(t.get("quickFilterText")),this.parser=t.get("quickFilterParser"),this.matcher=t.get("quickFilterMatcher"),this.setFilterParts(),this.addManagedPropertyListeners(["quickFilterMatcher","quickFilterParser"],()=>this.setParserAndMatcher())}refreshCols(){const{autoColSvc:e,colModel:t,gos:a,pivotResultCols:o}=this.beans,n=t.isPivotMode(),r=e?.getColumns(),i=t.getColDefCols();let l=(n&&!a.get("applyQuickFilterBeforePivotOrAgg")?o?.getPivotResultCols()?.list:i)??[];r&&(l=l.concat(r)),this.colsToUse=a.get("includeHiddenColumnsInQuickFilter")?l:l.filter(e=>e.isVisible()||e.isRowGroupActive())}isFilterPresent(){return null!==this.quickFilter}doesRowPass(e){const t=this.gos.get("cacheQuickFilter");return this.matcher?this.doesRowPassMatcher(t,e):this.quickFilterParts.every(a=>t?this.doesRowPassCache(e,a):this.doesRowPassNoCache(e,a))}resetCache(){this.beans.rowModel.forEachNode(e=>e.quickFilterAggregateText=null)}getText(){return this.gos.get("quickFilterText")}setFilterParts(){const{quickFilter:e,parser:t}=this;this.quickFilterParts=e?t?t(e):e.split(" "):null}parseFilter(e){return(0,o._exists)(e)?e.toUpperCase():null}setFilter(e){if(null!=e&&"string"!=typeof e)return void(0,i._warn)(70,{newFilter:e});const t=this.parseFilter(e);this.quickFilter!==t&&(this.quickFilter=t,this.setFilterParts(),this.dispatchLocalEvent({type:"quickFilterChanged"}))}setParserAndMatcher(){const e=this.gos.get("quickFilterParser"),t=this.gos.get("quickFilterMatcher"),a=e!==this.parser||t!==this.matcher;this.parser=e,this.matcher=t,a&&(this.setFilterParts(),this.dispatchLocalEvent({type:"quickFilterChanged"}))}onColumnConfigChanged(){this.refreshCols(),this.resetCache(),this.isFilterPresent()&&this.dispatchLocalEvent({type:"quickFilterChanged"})}doesRowPassNoCache(e,t){return this.colsToUse.some(a=>{const n=this.getTextForColumn(a,e);return(0,o._exists)(n)&&n.includes(t)})}doesRowPassCache(e,t){return this.checkGenerateAggText(e),e.quickFilterAggregateText.includes(t)}doesRowPassMatcher(e,t){let a;e?(this.checkGenerateAggText(t),a=t.quickFilterAggregateText):a=this.getAggText(t);const{quickFilterParts:o,matcher:n}=this;return n(o,a)}checkGenerateAggText(e){e.quickFilterAggregateText||(e.quickFilterAggregateText=this.getAggText(e))}getTextForColumn(e,t){let a=this.beans.filterValueSvc.getValue(e,t);const n=e.getColDef();if(n.getQuickFilterText){const o=(0,r._addGridCommonParams)(this.gos,{value:a,node:t,data:t.data,column:e,colDef:n});a=n.getQuickFilterText(o)}return(0,o._exists)(a)?a.toString().toUpperCase():null}getAggText(e){const t=[];for(const a of this.colsToUse){const n=this.getTextForColumn(a,e);(0,o._exists)(n)&&t.push(n)}return t.join("\n")}}t.QuickFilterService=l},45626:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.FocusService=void 0;const o=a(59926),n=a(79909),r=a(80011),i=a(5088),l=a(89097),s=a(68731),d=a(6257),c=a(67274),g=a(83534),u=a(1323),h=a(93990),p=a(24711),m=a(86675);class f extends s.BeanStub{constructor(){super(...arguments),this.beanName="focusSvc",this.focusFallbackTimeout=null,this.needsFocusRestored=!1}wireBeans(e){this.colModel=e.colModel,this.visibleCols=e.visibleCols,this.rowRenderer=e.rowRenderer,this.navigation=e.navigation,this.filterManager=e.filterManager,this.overlays=e.overlays}postConstruct(){const e=this.clearFocusedCell.bind(this);this.addManagedEventListeners({columnPivotModeChanged:e,newColumnsLoaded:this.onColumnEverythingChanged.bind(this),columnGroupOpened:e,columnRowGroupChanged:e}),this.addDestroyFunc((0,i._registerKeyboardFocusEvents)(this.beans))}attemptToRecoverFocus(){this.needsFocusRestored=!0,null!=this.focusFallbackTimeout&&clearTimeout(this.focusFallbackTimeout),this.focusFallbackTimeout=window.setTimeout(this.setFocusRecovered.bind(this),100)}setFocusRecovered(){this.needsFocusRestored=!1,null!=this.focusFallbackTimeout&&(clearTimeout(this.focusFallbackTimeout),this.focusFallbackTimeout=null)}shouldTakeFocus(){return this.gos.get("suppressFocusAfterRefresh")?(this.setFocusRecovered(),!1):this.needsFocusRestored?(this.setFocusRecovered(),!0):this.doesRowOrCellHaveBrowserFocus()}onColumnEverythingChanged(){if(!this.focusedCell)return;const e=this.focusedCell.column,t=this.colModel.getCol(e.getId());e!==t&&this.clearFocusedCell()}getFocusCellToUseAfterRefresh(){const{gos:e,focusedCell:t}=this;return e.get("suppressFocusAfterRefresh")||e.get("suppressCellFocus")||!t?null:this.doesRowOrCellHaveBrowserFocus()?t:null}getFocusHeaderToUseAfterRefresh(){return this.gos.get("suppressFocusAfterRefresh")||!this.focusedHeader?null:this.isDomDataPresentInHierarchy((0,r._getActiveDomElement)(this.beans),g.DOM_DATA_KEY_HEADER_CTRL)?this.focusedHeader:null}doesRowOrCellHaveBrowserFocus(){const e=(0,r._getActiveDomElement)(this.beans);return!!this.isDomDataPresentInHierarchy(e,p.DOM_DATA_KEY_CELL_CTRL)||this.isDomDataPresentInHierarchy(e,p.DOM_DATA_KEY_ROW_CTRL)}isDomDataPresentInHierarchy(e,t){let a=e;for(;a;){if((0,c._getDomData)(this.gos,a,t))return!0;a=a.parentNode}return!1}getFocusedCell(){return this.focusedCell}getFocusEventParams(e){const{rowIndex:t,rowPinned:a,column:o}=e,n={rowIndex:t,rowPinned:a,column:o,isFullWidthCell:!1},r=this.rowRenderer.getRowByPosition({rowIndex:t,rowPinned:a});return r&&(n.isFullWidthCell=r.isFullWidth()),n}clearFocusedCell(){if(null==this.focusedCell)return;const e=this.getFocusEventParams(this.focusedCell);this.focusedCell=null,this.eventSvc.dispatchEvent({type:"cellFocusCleared",...e})}setFocusedCell(e){this.setFocusRecovered();const{column:t,rowIndex:a,rowPinned:o,forceBrowserFocus:n=!1,preventScrollOnBrowserFocus:r=!1,sourceEvent:i}=e,s=this.colModel.getCol(t);if(!s)return void(this.focusedCell=null);this.focusedCell={rowIndex:a,rowPinned:(0,l._makeNull)(o),column:s};const d=this.getFocusEventParams(this.focusedCell);this.eventSvc.dispatchEvent({type:"cellFocused",...d,...this.previousCellFocusParams&&{previousParams:this.previousCellFocusParams},forceBrowserFocus:n,preventScrollOnBrowserFocus:r,sourceEvent:i}),this.previousCellFocusParams=d}isCellFocused(e){return null!=this.focusedCell&&(0,d._areCellsEqual)(e,this.focusedCell)}isHeaderWrapperFocused(e){if(null==this.focusedHeader)return!1;const{column:t,rowCtrl:{rowIndex:a,pinned:o}}=e,{column:n,headerRowIndex:r}=this.focusedHeader;return t===n&&a===r&&o==n.getPinned()}focusHeaderPosition(e){if(this.setFocusRecovered(),(0,m._isHeaderFocusSuppressed)(this.beans))return!1;const{direction:t,fromTab:a,allowUserOverride:o,event:n,fromCell:r,rowWithoutSpanValue:i,scroll:l=!0}=e;let{headerPosition:s}=e;if(r&&this.filterManager?.isAdvFilterHeaderActive())return this.focusAdvancedFilter(s);if(o){const e=this.focusedHeader,o=(0,u.getFocusHeaderRowCount)(this.beans);if(a){const a=this.gos.getCallback("tabToNextHeader");a&&(s=this.getHeaderPositionFromUserFunc({userFunc:a,direction:t,currentPosition:e,headerPosition:s,headerRowCount:o}))}else{const t=this.gos.getCallback("navigateToNextHeader");if(t&&n){s=t({key:n.key,previousHeaderPosition:e,nextHeaderPosition:s,headerRowCount:o,event:n})}}}return!!s&&this.focusProvidedHeaderPosition({headerPosition:s,direction:t,event:n,fromCell:r,rowWithoutSpanValue:i,scroll:l})}focusHeaderPositionFromUserFunc(e){if((0,m._isHeaderFocusSuppressed)(this.beans))return!1;const{userFunc:t,headerPosition:a,direction:o,event:n}=e,r=this.focusedHeader,i=(0,u.getFocusHeaderRowCount)(this.beans),l=this.getHeaderPositionFromUserFunc({userFunc:t,direction:o,currentPosition:r,headerPosition:a,headerRowCount:i});return!!l&&this.focusProvidedHeaderPosition({headerPosition:l,direction:o,event:n})}getHeaderPositionFromUserFunc(e){const{userFunc:t,direction:a,currentPosition:o,headerPosition:n,headerRowCount:r}=e,i=t({backwards:"Before"===a,previousHeaderPosition:o,nextHeaderPosition:n,headerRowCount:r});return!0===i?o:!1===i?null:i}focusProvidedHeaderPosition(e){const{headerPosition:t,direction:a,fromCell:o,rowWithoutSpanValue:n,event:r,scroll:i=!0}=e,{column:l,headerRowIndex:s}=t,{filterManager:d,ctrlsSvc:c,headerNavigation:g}=this.beans;if(this.focusedHeader&&(0,u.isHeaderPositionEqual)(e.headerPosition,this.focusedHeader))return!1;if(-1===s)return d?.isAdvFilterHeaderActive()?this.focusAdvancedFilter(t):this.focusGridView({column:l,event:r});i&&g?.scrollToColumn(l,a);const h=c.getHeaderRowContainerCtrl(l.getPinned()),p=h?.focusHeader(t.headerRowIndex,l,r)||!1;return g&&p&&(null!=n||o)&&(g.currentHeaderRowWithoutSpan=n??-1),p}focusFirstHeader(){if(this.overlays?.isExclusive()&&this.focusOverlay())return!0;const e=this.visibleCols.allCols[0];if(!e)return!1;const t=(0,h.getHeaderIndexToFocus)(this.beans,e,0);return this.focusHeaderPosition({headerPosition:t,rowWithoutSpanValue:0})}focusLastHeader(e){if(this.overlays?.isExclusive()&&this.focusOverlay(!0))return!0;const t=(0,u.getFocusHeaderRowCount)(this.beans)-1,a=(0,n._last)(this.visibleCols.allCols);return this.focusHeaderPosition({headerPosition:{headerRowIndex:t,column:a},rowWithoutSpanValue:-1,event:e})}focusPreviousFromFirstCell(e){return this.filterManager?.isAdvFilterHeaderActive()?this.focusAdvancedFilter(null):this.focusLastHeader(e)}isAnyCellFocused(){return!!this.focusedCell}isRowFocused(e,t){return null!=this.focusedCell&&(this.focusedCell.rowIndex===e&&this.focusedCell.rowPinned===(0,l._makeNull)(t))}focusOverlay(e){const t=this.overlays?.isVisible()&&this.overlays.eWrapper?.getGui();return!!t&&(0,i._focusInto)(t,e)}focusGridView(e){const{backwards:t=!1,canFocusOverlay:a=!0,event:n}=e;if(this.overlays?.isExclusive())return a&&this.focusOverlay(t);if((0,m._isCellFocusSuppressed)(this.beans))return t&&!(0,m._isHeaderFocusSuppressed)(this.beans)?this.focusLastHeader():!(!a||!this.focusOverlay(t))||!t&&(0,m._focusNextGridCoreContainer)(this.beans,t);const r=t?(0,d._getLastRow)(this.beans):(0,d._getFirstRow)(this.beans);if(r){const a=e.column??this.focusedHeader?.column,{rowIndex:i,rowPinned:s}=r,c=(0,d._getRowNode)(this.beans,r);if(!a||!c||null==i)return!1;if(a.isSuppressNavigable(c)){const e=this.gos.get("enableRtl");let t;return t=n&&n.key!==o.KeyCode.TAB?n.key:e?o.KeyCode.LEFT:o.KeyCode.RIGHT,this.beans.navigation?.navigateToNextCell(null,t,{rowIndex:i,column:a,rowPinned:s||null},!0),!0}if(this.navigation?.ensureCellVisible({rowIndex:i,column:a,rowPinned:s}),t){const e=this.rowRenderer.getRowByPosition(r);if(e?.isFullWidth()&&this.navigation?.tryToFocusFullWidthRow(r,t))return!0}return this.setFocusedCell({rowIndex:i,column:a,rowPinned:(0,l._makeNull)(s),forceBrowserFocus:!0}),this.beans.rangeSvc?.setRangeToCell({rowIndex:i,rowPinned:s,column:a}),!0}return!(!a||!this.focusOverlay(t))||!(!t||!this.focusLastHeader())}focusAdvancedFilter(e){return this.advFilterFocusColumn=e?.column,this.beans.advancedFilter?.getCtrl().focusHeaderComp()??!1}focusNextFromAdvancedFilter(e,t){const a=(t?void 0:this.advFilterFocusColumn)??this.visibleCols.allCols?.[0];return e?this.focusHeaderPosition({headerPosition:{column:a,headerRowIndex:(0,u.getFocusHeaderRowCount)(this.beans)-1}}):this.focusGridView({column:a})}clearAdvancedFilterColumn(){this.advFilterFocusColumn=void 0}}t.FocusService=f},75518:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t._getGlobalGridOption=t.provideGlobalGridOptions=t.GlobalGridOptions=void 0;const o=a(66021);class n{static applyGlobalGridOptions(e){if(!n.gridOptions)return{...e};let t={};return(0,o._mergeDeep)(t,n.gridOptions,!0,!0),"deep"===n.mergeStrategy?(0,o._mergeDeep)(t,e,!0,!0):t={...t,...e},n.gridOptions.context&&(t.context=n.gridOptions.context),e.context&&("deep"===n.mergeStrategy&&t.context&&(0,o._mergeDeep)(e.context,t.context,!0,!0),t.context=e.context),t}static applyGlobalGridOption(e,t){if("deep"===n.mergeStrategy){const a=r(e);if(a&&"object"==typeof a&&"object"==typeof t)return n.applyGlobalGridOptions({[e]:t})[e]}return t}}function r(e){return n.gridOptions?.[e]}t.GlobalGridOptions=n,n.gridOptions=void 0,n.mergeStrategy="shallow",t.provideGlobalGridOptions=function(e,t="shallow"){n.gridOptions=e,n.mergeStrategy=t},t._getGlobalGridOption=r},21657:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.getGridElement=t.getGridApi=t.GridCoreCreator=t.createGrid=void 0;const o=a(61215),n=a(89097),r=a(46433),i=a(23943),l=a(75518),s=a(1678),d=a(91978),c=a(2132),g=a(73151),u=a(15205),h=a(47764),p=a(56511),m=new WeakMap,f=new WeakMap;t.createGrid=function(e,t,a){if(!t)return(0,h._error)(11),{};const o=a;let n;if(!o?.setThemeOnGridDiv){const t=(0,g._createElement)({tag:"div"});t.style.height="100%",e.appendChild(t),e=t,n=()=>e.remove()}return(new b).create(e,t,t=>{const a=new s.GridComp(e);t.createBean(a)},void 0,a,n)};let v=1;class b{create(e,t,a,n,s,d){const g=l.GlobalGridOptions.applyGlobalGridOptions(t),u=g.gridId??String(v++),h=this.getRegisteredModules(s,u,g.rowModelType),p=this.createBeansList(g.rowModelType,h,u),b=this.createProvidedBeans(e,g,s);if(!p)return;const C={providedBeanInstances:b,beanClasses:p,id:u,beanInitComparator:i.gridBeanInitComparator,beanDestroyComparator:i.gridBeanDestroyComparator,derivedBeans:[r.createGridApi],destroyCallback:()=>{f.delete(y),m.delete(e),(0,c._unRegisterGridModules)(u),d?.()}},w=new o.AgContext(C);this.registerModuleFeatures(w,h),a(w),w.getBean("syncSvc").start(),n?.(w);const y=w.getBean("gridApi");return m.set(e,y),f.set(y,e),y}getRegisteredModules(e,t,a){return(0,c._registerModule)(d.CommunityCoreModule,void 0,!0),e?.modules?.forEach(e=>(0,c._registerModule)(e,t)),(0,c._getRegisteredModules)(t,C(a))}registerModuleFeatures(e,t){const a=e.getBean("registry"),o=e.getBean("apiFunctionSvc");for(const e of t){a.registerModule(e);const t=e.apiFunctions;if(t){const e=Object.keys(t);for(const a of e)o?.addFunction(a,t[a])}}}createProvidedBeans(e,t,a){let o=a?a.frameworkOverrides:null;(0,n._missing)(o)&&(o=new p.VanillaFrameworkOverrides);const r={gridOptions:t,eGridDiv:e,eRootDiv:e,globalListener:a?a.globalListener:null,globalSyncListener:a?a.globalSyncListener:null,frameworkOverrides:o};return a?.providedBeanInstances&&Object.assign(r,a.providedBeanInstances),r}createBeansList(e,t,a){const o={clientSide:"ClientSideRowModel",infinite:"InfiniteRowModel",serverSide:"ServerSideRowModel",viewport:"ViewportRowModel"},n=C(e),r=o[n];if(!r)return void(0,h._logPreInitErr)(201,{rowModelType:n},`Unknown rowModelType ${n}.`);if(!(0,c._hasUserRegistered)())return void(0,h._logPreInitErr)(272,void 0,(0,u.NoModulesRegisteredError)());if(!e){const e=Object.entries(o).filter(([e,t])=>(0,c._isModuleRegistered)(t,a,e));if(1==e.length){const[t,a]=e[0];if(t!==n){const e={moduleName:a,rowModelType:t};return void(0,h._logPreInitErr)(275,e,(0,u.missingRowModelTypeError)(e))}}}if(!(0,c._isModuleRegistered)(r,a,n))return void(0,h._logPreInitErr)(200,{reasonOrId:`rowModelType = '${n}'`,moduleName:r,gridScoped:(0,c._areModulesGridScoped)(),gridId:a,rowModelType:n},`Missing module ${r}Module for rowModelType ${n}.`);const i=new Set;for(const e of t)for(const t of e.beans??[])i.add(t);return Array.from(i)}}function C(e){return e??"clientSide"}t.GridCoreCreator=b,t.getGridApi=function(e){if("string"==typeof e)try{e=document.querySelector(`[grid-id="${e}"]`)?.parentElement??document.querySelector(e)?.firstElementChild??document.getElementById(e)?.firstElementChild}catch{e=null}return e?m.get(e):void 0},t.getGridElement=function(e){return f.get(e)}},20736:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.AbstractFakeScrollComp=void 0;const o=a(91668),n=a(36916),r=a(1956),i=a(44990),l=a(78020);class s extends l.Component{constructor(e,t){super(),this.direction=t,this.eViewport=o.RefPlaceholder,this.eContainer=o.RefPlaceholder,this.hideTimeout=0,this.setTemplate(e)}postConstruct(){this.addManagedEventListeners({scrollVisibilityChanged:this.onScrollVisibilityChanged.bind(this)}),this.onScrollVisibilityChanged(),this.toggleCss("ag-apple-scrollbar",(0,n._isMacOsUserAgent)()||(0,n._isIOSUserAgent)())}destroy(){super.destroy(),window.clearTimeout(this.hideTimeout)}initialiseInvisibleScrollbar(){void 0===this.invisibleScrollbar&&(this.invisibleScrollbar=(0,n._isInvisibleScrollbar)(),this.invisibleScrollbar&&(this.hideAndShowInvisibleScrollAsNeeded(),this.addActiveListenerToggles()))}addActiveListenerToggles(){const e=this.getGui(),t=()=>this.toggleCss("ag-scrollbar-active",!0),a=()=>this.toggleCss("ag-scrollbar-active",!1);this.addManagedListeners(e,{mouseenter:t,mousedown:t,touchstart:t,mouseleave:a,touchend:a})}onScrollVisibilityChanged(){void 0===this.invisibleScrollbar&&this.initialiseInvisibleScrollbar(),(0,r._requestAnimationFrame)(this.beans,()=>this.setScrollVisible())}hideAndShowInvisibleScrollAsNeeded(){this.addManagedEventListeners({bodyScroll:e=>{e.direction===this.direction&&(this.hideTimeout&&(window.clearTimeout(this.hideTimeout),this.hideTimeout=0),this.toggleCss("ag-scrollbar-scrolling",!0))},bodyScrollEnd:()=>{this.hideTimeout=window.setTimeout(()=>{this.toggleCss("ag-scrollbar-scrolling",!1),this.hideTimeout=0},400)}})}attemptSettingScrollPosition(e){const t=this.eViewport;(0,i._waitUntil)(this,()=>(0,r._isVisible)(t),()=>this.setScrollPosition(e),100)}onScrollCallback(e){this.addManagedElementListeners(this.eViewport,{scroll:e})}}t.AbstractFakeScrollComp=s},42218:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.CenterWidthFeature=void 0;const o=a(68731),n=a(67274);class r extends o.BeanStub{constructor(e,t=!1){super(),this.callback=e,this.addSpacer=t}postConstruct(){const e=this.setWidth.bind(this);this.addManagedPropertyListener("domLayout",e),this.addManagedEventListeners({columnContainerWidthChanged:e,displayedColumnsChanged:e,leftPinnedWidthChanged:e}),this.addSpacer&&this.addManagedEventListeners({rightPinnedWidthChanged:e,scrollVisibilityChanged:e,scrollbarWidthChanged:e}),this.setWidth()}setWidth(){const e=(0,n._isDomLayout)(this.gos,"print"),{visibleCols:t,scrollVisibleSvc:a}=this.beans,o=t.bodyWidth,r=t.getColsLeftWidth(),i=t.getDisplayedColumnsRightWidth();let l;if(e)l=o+r+i;else if(l=o,this.addSpacer){0===(this.gos.get("enableRtl")?r:i)&&a.verticalScrollShowing&&(l+=a.getScrollbarWidth())}this.callback(l)}}t.CenterWidthFeature=r},62716:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.FakeHScrollSelector=t.FakeHScrollComp=void 0;const o=a(91668),n=a(1956),r=a(20736),i=a(42218),l={tag:"div",cls:"ag-body-horizontal-scroll",attrs:{"aria-hidden":"true"},children:[{tag:"div",ref:"eLeftSpacer",cls:"ag-horizontal-left-spacer"},{tag:"div",ref:"eViewport",cls:"ag-body-horizontal-scroll-viewport",children:[{tag:"div",ref:"eContainer",cls:"ag-body-horizontal-scroll-container"}]},{tag:"div",ref:"eRightSpacer",cls:"ag-horizontal-right-spacer"}]};class s extends r.AbstractFakeScrollComp{wireBeans(e){this.visibleCols=e.visibleCols,this.scrollVisibleSvc=e.scrollVisibleSvc}constructor(){super(l,"horizontal"),this.eLeftSpacer=o.RefPlaceholder,this.eRightSpacer=o.RefPlaceholder,this.setScrollVisibleDebounce=0}postConstruct(){super.postConstruct();const e=this.setFakeHScrollSpacerWidths.bind(this);this.addManagedEventListeners({displayedColumnsChanged:e,displayedColumnsWidthChanged:e,pinnedRowDataChanged:this.refreshCompBottom.bind(this)}),this.addManagedPropertyListener("domLayout",e),this.beans.ctrlsSvc.register("fakeHScrollComp",this),this.createManagedBean(new i.CenterWidthFeature(e=>this.eContainer.style.width=`${e}px`)),this.addManagedPropertyListeners(["suppressHorizontalScroll"],this.onScrollVisibilityChanged.bind(this))}destroy(){window.clearTimeout(this.setScrollVisibleDebounce),super.destroy()}initialiseInvisibleScrollbar(){void 0===this.invisibleScrollbar&&(this.enableRtl=this.gos.get("enableRtl"),super.initialiseInvisibleScrollbar(),this.invisibleScrollbar&&this.refreshCompBottom())}refreshCompBottom(){if(!this.invisibleScrollbar)return;const e=this.beans.pinnedRowModel?.getPinnedBottomTotalHeight()??0;this.getGui().style.bottom=`${e}px`}onScrollVisibilityChanged(){super.onScrollVisibilityChanged(),this.setFakeHScrollSpacerWidths()}setFakeHScrollSpacerWidths(){const e=this.scrollVisibleSvc.verticalScrollShowing;let t=this.visibleCols.getDisplayedColumnsRightWidth();const a=!this.enableRtl&&e,o=this.scrollVisibleSvc.getScrollbarWidth();a&&(t+=o),(0,n._setFixedWidth)(this.eRightSpacer,t),this.eRightSpacer.classList.toggle("ag-scroller-corner",t<=o);let r=this.visibleCols.getColsLeftWidth();this.enableRtl&&e&&(r+=o),(0,n._setFixedWidth)(this.eLeftSpacer,r),this.eLeftSpacer.classList.toggle("ag-scroller-corner",r<=o)}setScrollVisible(){const e=this.scrollVisibleSvc.horizontalScrollShowing,t=this.invisibleScrollbar,a=this.gos.get("suppressHorizontalScroll"),o=e&&this.scrollVisibleSvc.getScrollbarWidth()||0,r=a?0:0===o&&t?16:o,i=()=>{this.setScrollVisibleDebounce=0,this.toggleCss("ag-scrollbar-invisible",t),(0,n._setFixedHeight)(this.getGui(),r),(0,n._setFixedHeight)(this.eViewport,r),(0,n._setFixedHeight)(this.eContainer,r),r||this.eContainer.style.setProperty("min-height","1px"),this.setVisible(e,{skipAriaHidden:!0})};window.clearTimeout(this.setScrollVisibleDebounce),e?this.setScrollVisibleDebounce=window.setTimeout(i,100):i()}getScrollPosition(){return(0,n._getScrollLeft)(this.eViewport,this.enableRtl)}setScrollPosition(e){(0,n._isVisible)(this.eViewport)||this.attemptSettingScrollPosition(e),(0,n._setScrollLeft)(this.eViewport,e,this.enableRtl)}}t.FakeHScrollComp=s,t.FakeHScrollSelector={selector:"AG-FAKE-HORIZONTAL-SCROLL",component:s}},46070:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.FakeVScrollSelector=t.FakeVScrollComp=void 0;const o=a(1956),n=a(20736),r=a(9622),i={tag:"div",cls:"ag-body-vertical-scroll",attrs:{"aria-hidden":"true"},children:[{tag:"div",ref:"eViewport",cls:"ag-body-vertical-scroll-viewport",children:[{tag:"div",ref:"eContainer",cls:"ag-body-vertical-scroll-container"}]}]};class l extends n.AbstractFakeScrollComp{constructor(){super(i,"vertical")}postConstruct(){super.postConstruct(),this.createManagedBean(new r.SetHeightFeature(this.eContainer));const{ctrlsSvc:e}=this.beans;e.register("fakeVScrollComp",this),this.addManagedEventListeners({rowContainerHeightChanged:this.onRowContainerHeightChanged.bind(this,e)})}setScrollVisible(){const{scrollVisibleSvc:e}=this.beans,t=e.verticalScrollShowing,a=this.invisibleScrollbar,n=t&&e.getScrollbarWidth()||0,r=0===n&&a?16:n;this.toggleCss("ag-scrollbar-invisible",a),(0,o._setFixedWidth)(this.getGui(),r),(0,o._setFixedWidth)(this.eViewport,r),(0,o._setFixedWidth)(this.eContainer,r),this.setDisplayed(t,{skipAriaHidden:!0})}onRowContainerHeightChanged(e){const t=e.getGridBodyCtrl().eBodyViewport,a=this.getScrollPosition(),o=t.scrollTop;a!=o&&this.setScrollPosition(o,!0)}getScrollPosition(){return this.eViewport.scrollTop}setScrollPosition(e,t){t||(0,o._isVisible)(this.eViewport)||this.attemptSettingScrollPosition(e),this.eViewport.scrollTop=e}}t.FakeVScrollComp=l,t.FakeVScrollSelector={selector:"AG-FAKE-VERTICAL-SCROLL",component:l}},2006:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.GridBodySelector=t.GridBodyComp=void 0;const o=a(91668),n=a(91623),r=a(1956),i=a(67274),l=a(38791),s=a(59360),d=a(78020),c=a(62716),g=a(46070),u=a(70520),h=a(54633);function p(e,t){return t.map(t=>{const a=`e${t[0].toUpperCase()+t.substring(1)}RowContainer`;return e[a]={name:t},{tag:"ag-row-container",ref:a,attrs:{name:t}}})}class m extends d.Component{constructor(){super(...arguments),this.eGridRoot=o.RefPlaceholder,this.eBodyViewport=o.RefPlaceholder,this.eStickyTop=o.RefPlaceholder,this.eStickyBottom=o.RefPlaceholder,this.eTop=o.RefPlaceholder,this.eBottom=o.RefPlaceholder,this.eBody=o.RefPlaceholder}postConstruct(){const{overlays:e,rangeSvc:t}=this.beans,a=e?.getOverlayWrapperSelector(),{paramsMap:o,elementParams:d}=function(e){const t={};return{paramsMap:t,elementParams:{tag:"div",ref:"eGridRoot",cls:"ag-root ag-unselectable",children:[{tag:"ag-header-root"},{tag:"div",ref:"eTop",cls:"ag-floating-top",role:"presentation",children:p(t,["topLeft","topCenter","topRight","topFullWidth"])},{tag:"div",ref:"eBody",cls:"ag-body",role:"presentation",children:[{tag:"div",ref:"eBodyViewport",cls:"ag-body-viewport",role:"presentation",children:p(t,["left","center","right","fullWidth"])},{tag:"ag-fake-vertical-scroll"}]},{tag:"div",ref:"eStickyTop",cls:"ag-sticky-top",role:"presentation",children:p(t,["stickyTopLeft","stickyTopCenter","stickyTopRight","stickyTopFullWidth"])},{tag:"div",ref:"eStickyBottom",cls:"ag-sticky-bottom",role:"presentation",children:p(t,["stickyBottomLeft","stickyBottomCenter","stickyBottomRight","stickyBottomFullWidth"])},{tag:"div",ref:"eBottom",cls:"ag-floating-bottom",role:"presentation",children:p(t,["bottomLeft","bottomCenter","bottomRight","bottomFullWidth"])},{tag:"ag-fake-horizontal-scroll"},e?{tag:"ag-overlay-wrapper"}:null]}}}(!!a);this.setTemplate(d,[...a?[a]:[],c.FakeHScrollSelector,g.FakeVScrollSelector,l.GridHeaderSelector,h.RowContainerSelector],o);const m=(e,t)=>{const a=`${e}px`;t.style.minHeight=a,t.style.height=a},f={setRowAnimationCssOnBodyViewport:(e,t)=>this.setRowAnimationCssOnBodyViewport(e,t),setColumnCount:e=>(0,n._setAriaColCount)(this.getGui(),e),setRowCount:e=>(0,n._setAriaRowCount)(this.getGui(),e),setTopHeight:e=>m(e,this.eTop),setBottomHeight:e=>m(e,this.eBottom),setTopInvisible:e=>this.eTop.classList.toggle("ag-invisible",e),setBottomInvisible:e=>this.eBottom.classList.toggle("ag-invisible",e),setStickyTopHeight:e=>this.eStickyTop.style.height=e,setStickyTopTop:e=>this.eStickyTop.style.top=e,setStickyTopWidth:e=>this.eStickyTop.style.width=e,setStickyBottomHeight:e=>{this.eStickyBottom.style.height=e,this.eStickyBottom.classList.toggle("ag-invisible","0px"===e)},setStickyBottomBottom:e=>this.eStickyBottom.style.bottom=e,setStickyBottomWidth:e=>this.eStickyBottom.style.width=e,setColumnMovingCss:(e,t)=>this.toggleCss(e,t),updateLayoutClasses:(e,t)=>{const a=[this.eBodyViewport.classList,this.eBody.classList];for(const e of a)e.toggle(s.LayoutCssClasses.AUTO_HEIGHT,t.autoHeight),e.toggle(s.LayoutCssClasses.NORMAL,t.normal),e.toggle(s.LayoutCssClasses.PRINT,t.print);this.toggleCss(s.LayoutCssClasses.AUTO_HEIGHT,t.autoHeight),this.toggleCss(s.LayoutCssClasses.NORMAL,t.normal),this.toggleCss(s.LayoutCssClasses.PRINT,t.print)},setAlwaysVerticalScrollClass:(e,t)=>this.eBodyViewport.classList.toggle(u.CSS_CLASS_FORCE_VERTICAL_SCROLL,t),registerBodyViewportResizeListener:e=>{const t=(0,r._observeResize)(this.beans,this.eBodyViewport,e);this.addDestroyFunc(()=>t())},setPinnedTopBottomOverflowY:e=>this.eTop.style.overflowY=this.eBottom.style.overflowY=e,setCellSelectableCss:(e,t)=>{for(const a of[this.eTop,this.eBodyViewport,this.eBottom])a.classList.toggle(e,t)},setBodyViewportWidth:e=>this.eBodyViewport.style.width=e,setGridRootRole:e=>(0,n._setAriaRole)(this.eGridRoot,e)};this.ctrl=this.createManagedBean(new u.GridBodyCtrl),this.ctrl.setComp(f,this.getGui(),this.eBodyViewport,this.eTop,this.eBottom,this.eStickyTop,this.eStickyBottom),(t&&(0,i._isCellSelectionEnabled)(this.gos)||(0,i._isMultiRowSelection)(this.gos))&&(0,n._setAriaMultiSelectable)(this.getGui(),!0)}setRowAnimationCssOnBodyViewport(e,t){const a=this.eBodyViewport.classList;a.toggle("ag-row-animation",t),a.toggle("ag-row-no-animation",!t)}}t.GridBodyComp=m,t.GridBodySelector={selector:"AG-GRID-BODY",component:m}},70520:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.GridBodyCtrl=t.CSS_CLASS_FORCE_VERTICAL_SCROLL=void 0;const o=a(36916),n=a(1956),r=a(7356),i=a(68731),l=a(67274),s=a(59360),d=a(95496),c=a(8115);t.CSS_CLASS_FORCE_VERTICAL_SCROLL="ag-force-vertical-scroll";class g extends i.BeanStub{constructor(){super(...arguments),this.stickyTopHeight=0,this.stickyBottomHeight=0}wireBeans(e){this.ctrlsSvc=e.ctrlsSvc,this.colModel=e.colModel,this.scrollVisibleSvc=e.scrollVisibleSvc,this.pinnedRowModel=e.pinnedRowModel,this.filterManager=e.filterManager,this.rowGroupColsSvc=e.rowGroupColsSvc}setComp(e,t,a,o,n,r,i){this.comp=e,this.eGridBody=t,this.eBodyViewport=a,this.eTop=o,this.eBottom=n,this.eStickyTop=r,this.eStickyBottom=i,this.eCenterColsViewport=a.querySelector(`.${(0,c._getRowViewportClass)("center")}`),this.eFullWidthContainer=a.querySelector(`.${(0,c._getRowContainerClass)("fullWidth")}`),this.eStickyTopFullWidthContainer=r.querySelector(`.${(0,c._getRowContainerClass)("stickyTopFullWidth")}`),this.eStickyBottomFullWidthContainer=i.querySelector(`.${(0,c._getRowContainerClass)("stickyBottomFullWidth")}`),this.setCellTextSelection(this.gos.get("enableCellTextSelection")),this.addManagedPropertyListener("enableCellTextSelection",e=>this.setCellTextSelection(e.currentValue)),this.createManagedBean(new s.LayoutFeature(this.comp)),this.scrollFeature=this.createManagedBean(new d.GridBodyScrollFeature(a)),this.beans.rowDragSvc?.setupRowDrag(a,this),this.setupRowAnimationCssClass(),this.addEventListeners(),this.addFocusListeners([o,a,n,r,i]),this.setGridRootRole(),this.onGridColumnsChanged(),this.addBodyViewportListener(),this.setFloatingHeights(),this.disableBrowserDragging(),this.addStopEditingWhenGridLosesFocus(),this.updateScrollingClasses(),this.filterManager?.setupAdvFilterHeaderComp(o),this.ctrlsSvc.register("gridBodyCtrl",this)}addEventListeners(){const e=this.setFloatingHeights.bind(this),t=this.setGridRootRole.bind(this),a=this.toggleRowResizeStyles.bind(this);this.addManagedEventListeners({gridColumnsChanged:this.onGridColumnsChanged.bind(this),scrollVisibilityChanged:this.onScrollVisibilityChanged.bind(this),scrollGapChanged:this.updateScrollingClasses.bind(this),pinnedRowDataChanged:e,pinnedHeightChanged:e,pinnedRowsChanged:e,headerHeightChanged:this.setStickyTopOffsetTop.bind(this),columnRowGroupChanged:t,columnPivotChanged:t,rowResizeStarted:a,rowResizeEnded:a}),this.addManagedPropertyListener("treeData",t)}toggleRowResizeStyles(e){const t="rowResizeStarted"===e.type;this.eBodyViewport.classList.toggle("ag-prevent-animation",t)}onGridColumnsChanged(){const e=this.beans.colModel.getCols();this.comp.setColumnCount(e.length)}onScrollVisibilityChanged(){const{scrollVisibleSvc:e}=this,t=e.verticalScrollShowing;this.setVerticalScrollPaddingVisible(t),this.setStickyWidth(t),this.setStickyBottomOffsetBottom();const a=`calc(100% + ${(t&&e.getScrollbarWidth()||0)+((0,o._isInvisibleScrollbar)()?16:0)}px)`;(0,n._requestAnimationFrame)(this.beans,()=>this.comp.setBodyViewportWidth(a)),this.updateScrollingClasses()}setGridRootRole(){const{rowGroupColsSvc:e,colModel:t}=this;let a=this.gos.get("treeData");if(!a){const o=t.isPivotMode();a=(e?e.columns.length:0)>=(o?2:1)}this.comp.setGridRootRole(a?"treegrid":"grid")}addFocusListeners(e){for(const t of e)this.addManagedElementListeners(t,{focusin:e=>{const{target:a}=e,o=(0,n._isElementChildOfClass)(a,"ag-root",t);t.classList.toggle("ag-has-focus",!o)},focusout:e=>{const{target:a,relatedTarget:o}=e,r=t.contains(o),i=(0,n._isElementChildOfClass)(o,"ag-root",t);(0,n._isElementChildOfClass)(a,"ag-root",t)||r&&!i||t.classList.remove("ag-has-focus")}})}setColumnMovingCss(e){this.comp.setColumnMovingCss("ag-column-moving",e)}setCellTextSelection(e=!1){this.comp.setCellSelectableCss("ag-selectable",e)}updateScrollingClasses(){const{eGridBody:{classList:e},scrollVisibleSvc:t}=this;e.toggle("ag-body-vertical-content-no-gap",!t.verticalScrollGap),e.toggle("ag-body-horizontal-content-no-gap",!t.horizontalScrollGap)}disableBrowserDragging(){this.addManagedElementListeners(this.eGridBody,{dragstart:e=>{if(e.target instanceof HTMLImageElement)return e.preventDefault(),!1}})}addStopEditingWhenGridLosesFocus(){this.beans.editSvc?.addStopEditingWhenGridLosesFocus([this.eBodyViewport,this.eBottom,this.eTop,this.eStickyTop,this.eStickyBottom])}updateRowCount(){const e=(this.ctrlsSvc.getHeaderRowContainerCtrl()?.getRowCount()??0)+(this.filterManager?.getHeaderRowCount()??0),{rowModel:t}=this.beans,a=t.isLastRowIndexKnown()?t.getRowCount():-1,o=-1===a?-1:e+a;this.comp.setRowCount(o)}registerBodyViewportResizeListener(e){this.comp.registerBodyViewportResizeListener(e)}setVerticalScrollPaddingVisible(e){const t=e?"scroll":"hidden";this.comp.setPinnedTopBottomOverflowY(t)}isVerticalScrollShowing(){const e=this.gos.get("alwaysShowVerticalScroll"),a=e?t.CSS_CLASS_FORCE_VERTICAL_SCROLL:null,o=(0,l._isDomLayout)(this.gos,"normal");return this.comp.setAlwaysVerticalScrollClass(a,e),e||o&&(0,n._isVerticalScrollShowing)(this.eBodyViewport)}setupRowAnimationCssClass(){const{rowContainerHeight:e,environment:t}=this.beans;let a=t.sizesMeasured;const o=()=>{const t=a&&(0,l._isAnimateRows)(this.gos)&&!e.stretching,o=t?"ag-row-animation":"ag-row-no-animation";this.comp.setRowAnimationCssOnBodyViewport(o,t)};o(),this.addManagedEventListeners({heightScaleChanged:o}),this.addManagedPropertyListener("animateRows",o),this.addManagedEventListeners({gridStylesChanged:()=>{!a&&t.sizesMeasured&&(a=!0,o())}})}addBodyViewportListener(){const{eBodyViewport:e,eStickyTop:t,eStickyBottom:a,eTop:o,eBottom:n,beans:{popupSvc:r,touchSvc:i}}=this,l=this.onBodyViewportContextMenu.bind(this);this.addManagedElementListeners(e,{contextmenu:l}),i?.mockBodyContextMenu(this,l),this.addManagedElementListeners(e,{wheel:this.onBodyViewportWheel.bind(this,r)});const s=this.onStickyWheel.bind(this);for(const e of[t,a,o,n])this.addManagedElementListeners(e,{wheel:s});const d=this.onHorizontalWheel.bind(this);for(const e of["left","right","topLeft","topRight","bottomLeft","bottomRight"])this.addManagedElementListeners(this.ctrlsSvc.get(e).eContainer,{wheel:d});this.addFullWidthContainerWheelListener()}addFullWidthContainerWheelListener(){this.addManagedElementListeners(this.eFullWidthContainer,{wheel:e=>this.onFullWidthContainerWheel(e)})}onFullWidthContainerWheel(e){const{deltaX:t,deltaY:a,shiftKey:o}=e;(o||Math.abs(t)>Math.abs(a))&&(0,r._isEventFromThisInstance)(this.beans,e)&&this.scrollGridBodyToMatchEvent(e)}onStickyWheel(e){const{deltaY:t}=e;this.scrollVertically(t)>0&&e.preventDefault()}onHorizontalWheel(e){const{deltaX:t,deltaY:a,shiftKey:o}=e;(o||Math.abs(t)>Math.abs(a))&&this.scrollGridBodyToMatchEvent(e)}scrollGridBodyToMatchEvent(e){const{deltaX:t,deltaY:a}=e;e.preventDefault(),this.eCenterColsViewport.scrollBy({left:t||a})}onBodyViewportContextMenu(e,t,a){if(!e&&!a)return;if(this.gos.get("preventDefaultOnContextMenu")){(e||a).preventDefault()}const{target:o}=e||t;o!==this.eBodyViewport&&o!==this.ctrlsSvc.get("center").eViewport||this.beans.contextMenuSvc?.showContextMenu({mouseEvent:e,touchEvent:a,value:null,anchorToElement:this.eGridBody,source:"ui"})}onBodyViewportWheel(e,t){this.gos.get("suppressScrollWhenPopupsAreOpen")&&e?.hasAnchoredPopup()&&t.preventDefault()}scrollVertically(e){const t=this.eBodyViewport.scrollTop;return this.scrollFeature.setVerticalScrollPosition(t+e),this.eBodyViewport.scrollTop-t}setFloatingHeights(){const{pinnedRowModel:e,beans:{environment:t}}=this,a=e?.getPinnedTopTotalHeight(),o=e?.getPinnedBottomTotalHeight(),n=t.getPinnedRowBorderWidth()-t.getRowBorderWidth(),r=a?n+a:0,i=o?n+o:0;this.comp.setTopHeight(r),this.comp.setBottomHeight(i),this.comp.setTopInvisible(r<=0),this.comp.setBottomInvisible(i<=0),this.setStickyTopOffsetTop(),this.setStickyBottomOffsetBottom()}setStickyTopHeight(e=0){this.comp.setStickyTopHeight(`${e}px`),this.stickyTopHeight=e}setStickyBottomHeight(e=0){this.comp.setStickyBottomHeight(`${e}px`),this.stickyBottomHeight=e}setStickyWidth(e){if(e){const e=this.scrollVisibleSvc.getScrollbarWidth();this.comp.setStickyTopWidth(`calc(100% - ${e}px)`),this.comp.setStickyBottomWidth(`calc(100% - ${e}px)`)}else this.comp.setStickyTopWidth("100%"),this.comp.setStickyBottomWidth("100%")}setStickyTopOffsetTop(){const e=this.ctrlsSvc.get("gridHeaderCtrl").headerHeight+(this.filterManager?.getHeaderHeight()??0),t=this.pinnedRowModel?.getPinnedTopTotalHeight()??0;let a=0;e>0&&(a+=e),t>0&&(a+=t),a>0&&(a+=1),this.comp.setStickyTopTop(`${a}px`)}setStickyBottomOffsetBottom(){const{pinnedRowModel:e,scrollVisibleSvc:t,comp:a}=this,o=(e?.getPinnedBottomTotalHeight()??0)+(t.horizontalScrollShowing&&t.getScrollbarWidth()||0);a.setStickyBottomBottom(`${o}px`)}}t.GridBodyCtrl=g},95496:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.GridBodyScrollFeature=void 0;const o=a(72213),n=a(36916),r=a(1956),i=a(44990),l=a(68731),s=a(67274),d=a(47764),c="Viewport",g="fakeVScrollComp",u=["fakeHScrollComp","centerHeader","topCenter","bottomCenter","stickyTopCenter","stickyBottomCenter"];class h extends l.BeanStub{wireBeans(e){this.ctrlsSvc=e.ctrlsSvc,this.animationFrameSvc=e.animationFrameSvc,this.visibleCols=e.visibleCols}constructor(e){super(),this.clearRetryListenerFncs=[],this.lastScrollSource=[null,null],this.scrollLeft=-1,this.nextScrollTop=-1,this.scrollTop=-1,this.lastOffsetHeight=-1,this.lastScrollTop=-1,this.lastIsHorizontalScrollShowing=!1,this.scrollTimer=0,this.isScrollActive=!1,this.isVerticalPositionInvalidated=!0,this.isHorizontalPositionInvalidated=!0,this.eBodyViewport=e,this.resetLastHScrollDebounced=(0,i._debounce)(this,()=>this.lastScrollSource[o.Direction.Horizontal]=null,150),this.resetLastVScrollDebounced=(0,i._debounce)(this,()=>this.lastScrollSource[o.Direction.Vertical]=null,150)}destroy(){super.destroy(),this.clearRetryListenerFncs=[],window.clearTimeout(this.scrollTimer)}postConstruct(){this.enableRtl=this.gos.get("enableRtl");const e=this.invalidateVerticalScroll.bind(this),t=this.invalidateHorizontalScroll.bind(this);this.addManagedEventListeners({displayedColumnsWidthChanged:this.onDisplayedColumnsWidthChanged.bind(this),bodyHeightChanged:e,scrollGapChanged:t}),this.addManagedElementListeners(this.eBodyViewport,{scroll:e}),this.ctrlsSvc.whenReady(this,e=>{this.centerRowsCtrl=e.center,this.onDisplayedColumnsWidthChanged(),this.addScrollListener()})}invalidateHorizontalScroll(){this.isHorizontalPositionInvalidated=!0}invalidateVerticalScroll(){this.isVerticalPositionInvalidated=!0}addScrollListener(){this.addHorizontalScrollListeners(),this.addVerticalScrollListeners()}addHorizontalScrollListeners(){this.addManagedElementListeners(this.centerRowsCtrl.eViewport,{scroll:this.onHScroll.bind(this,c)});for(const e of u){const t=this.ctrlsSvc.get(e);this.registerScrollPartner(t,this.onHScroll.bind(this,e))}}addVerticalScrollListeners(){const e=this.ctrlsSvc.get("fakeVScrollComp"),t=this.gos.get("debounceVerticalScrollbar"),a=t?(0,i._debounce)(this,this.onVScroll.bind(this,c),100):this.onVScroll.bind(this,c),o=t?(0,i._debounce)(this,this.onVScroll.bind(this,g),100):this.onVScroll.bind(this,g);this.addManagedElementListeners(this.eBodyViewport,{scroll:a}),this.registerScrollPartner(e,o)}registerScrollPartner(e,t){e.onScrollCallback(t)}onDisplayedColumnsWidthChanged(){this.enableRtl&&this.horizontallyScrollHeaderCenterAndFloatingCenter()}horizontallyScrollHeaderCenterAndFloatingCenter(e){null==this.centerRowsCtrl||(void 0===e&&(e=this.centerRowsCtrl.getCenterViewportScrollLeft()),this.setScrollLeftForAllContainersExceptCurrent(Math.abs(e)))}setScrollLeftForAllContainersExceptCurrent(e){for(const t of[...u,c]){if(this.lastScrollSource[o.Direction.Horizontal]===t)continue;const a=this.getViewportForSource(t);(0,r._setScrollLeft)(a,e,this.enableRtl)}}getViewportForSource(e){return e===c?this.centerRowsCtrl.eViewport:this.ctrlsSvc.get(e).eViewport}isControllingScroll(e,t){return null==this.lastScrollSource[t]?(t===o.Direction.Vertical?this.lastScrollSource[0]=e:this.lastScrollSource[1]=e,!0):this.lastScrollSource[t]===e}onHScroll(e){if(!this.isControllingScroll(e,o.Direction.Horizontal))return;const t=this.centerRowsCtrl.eViewport,{scrollLeft:a}=t;if(this.shouldBlockScrollUpdate(o.Direction.Horizontal,a,!0))return;const n=(0,r._getScrollLeft)(this.getViewportForSource(e),this.enableRtl);this.doHorizontalScroll(n),this.resetLastHScrollDebounced()}onVScroll(e){if(!this.isControllingScroll(e,o.Direction.Vertical))return;let t;if(t=e===c?this.eBodyViewport.scrollTop:this.ctrlsSvc.get("fakeVScrollComp").getScrollPosition(),this.shouldBlockScrollUpdate(o.Direction.Vertical,t,!0))return;const{animationFrameSvc:a}=this;a?.setScrollTop(t),this.nextScrollTop=t,e===c?this.ctrlsSvc.get("fakeVScrollComp").setScrollPosition(t):this.eBodyViewport.scrollTop=t,a?.active?a.schedule():this.scrollGridIfNeeded(!0),this.resetLastVScrollDebounced()}doHorizontalScroll(e){const t=this.ctrlsSvc.get("fakeHScrollComp").getScrollPosition();this.scrollLeft===e&&e===t||(this.scrollLeft=e,this.fireScrollEvent(o.Direction.Horizontal),this.horizontallyScrollHeaderCenterAndFloatingCenter(e),this.centerRowsCtrl.onHorizontalViewportChanged(!0))}isScrolling(){return this.isScrollActive}fireScrollEvent(e){const t={type:"bodyScroll",direction:e===o.Direction.Horizontal?"horizontal":"vertical",left:this.scrollLeft,top:this.scrollTop};this.isScrollActive=!0,this.eventSvc.dispatchEvent(t),window.clearTimeout(this.scrollTimer),this.scrollTimer=window.setTimeout(()=>{this.scrollTimer=0,this.isScrollActive=!1,this.eventSvc.dispatchEvent({...t,type:"bodyScrollEnd"})},150)}shouldBlockScrollUpdate(e,t,a=!1){return!(a&&!(0,n._isIOSUserAgent)())&&(e===o.Direction.Vertical?this.shouldBlockVerticalScroll(t):this.shouldBlockHorizontalScroll(t))}shouldBlockVerticalScroll(e){const t=(0,r._getInnerHeight)(this.eBodyViewport),{scrollHeight:a}=this.eBodyViewport;return!!(e<0||e+t>a)}shouldBlockHorizontalScroll(e){const t=this.centerRowsCtrl.getCenterWidth(),{scrollWidth:a}=this.centerRowsCtrl.eViewport;if(this.enableRtl){if(e>0)return!0}else if(e<0)return!0;return Math.abs(e)+t>a}redrawRowsAfterScroll(){this.fireScrollEvent(o.Direction.Vertical)}checkScrollLeft(){const e=this.scrollLeft;let t=!1;for(const a of u){if(this.getViewportForSource(a).scrollLeft!==e){t=!0;break}}t&&this.onHScroll(c)}scrollGridIfNeeded(e=!1){const t=this.scrollTop!=this.nextScrollTop;return t&&(this.scrollTop=this.nextScrollTop,e&&this.invalidateVerticalScroll(),this.redrawRowsAfterScroll()),t}setHorizontalScrollPosition(e,t=!1){const a=this.centerRowsCtrl.eViewport.scrollWidth-this.centerRowsCtrl.getCenterWidth();!t&&this.shouldBlockScrollUpdate(o.Direction.Horizontal,e)&&(e=this.enableRtl?e>0?0:a:Math.min(Math.max(e,0),a)),(0,r._setScrollLeft)(this.centerRowsCtrl.eViewport,Math.abs(e),this.enableRtl),this.doHorizontalScroll(e)}setVerticalScrollPosition(e){this.invalidateVerticalScroll(),this.eBodyViewport.scrollTop=e}getVScrollPosition(){if(!this.isVerticalPositionInvalidated){const{lastOffsetHeight:e,lastScrollTop:t}=this;return{top:t,bottom:t+e}}this.isVerticalPositionInvalidated=!1;const{scrollTop:e,offsetHeight:t}=this.eBodyViewport;return this.lastScrollTop=e,this.lastOffsetHeight=t,{top:e,bottom:e+t}}getApproximateVScollPosition(){return this.lastScrollTop>=0&&this.lastOffsetHeight>=0?{top:this.scrollTop,bottom:this.scrollTop+this.lastOffsetHeight}:this.getVScrollPosition()}getHScrollPosition(){return this.centerRowsCtrl.getHScrollPosition()}isHorizontalScrollShowing(){return this.isHorizontalPositionInvalidated&&(this.lastIsHorizontalScrollShowing=this.centerRowsCtrl.isHorizontalScrollShowing(),this.isHorizontalPositionInvalidated=!1),this.lastIsHorizontalScrollShowing}scrollHorizontally(e){const t=this.centerRowsCtrl.eViewport.scrollLeft;return this.setHorizontalScrollPosition(t+e),this.centerRowsCtrl.eViewport.scrollLeft-t}scrollToTop(){this.eBodyViewport.scrollTop=0}ensureNodeVisible(e,t=null){const{rowModel:a}=this.beans,o=a.getRowCount();let n=-1;for(let t=0;t<o;t++){const o=a.getRow(t);if("function"==typeof e){if(o&&e(o)){n=t;break}}else if(e===o||e===o.data){n=t;break}}n>=0&&this.ensureIndexVisible(n,t)}ensureIndexVisible(e,t,a=0){if((0,s._isDomLayout)(this.gos,"print"))return;const{rowModel:o}=this.beans,n=o.getRowCount();if("number"!=typeof e||e<0||e>=n)return void(0,d._warn)(88,{index:e});this.clearRetryListeners();const{frameworkOverrides:r,pageBounds:i,rowContainerHeight:l,rowRenderer:c}=this.beans;r.wrapIncoming(()=>{const n=this.ctrlsSvc.getGridBodyCtrl(),r=o.getRow(e);let s,d,g=0;this.invalidateVerticalScroll();do{const{stickyTopHeight:e,stickyBottomHeight:a}=n,o=r.rowTop,u=r.rowHeight,h=i.getPixelOffset(),p=r.rowTop-h,m=p+r.rowHeight,f=this.getVScrollPosition(),v=l.divStretchOffset,b=f.top+v,C=f.bottom+v,w=C-b,y=l.getScrollPositionForPixel(p),S=l.getScrollPositionForPixel(m-w),k=Math.min((y+S)/2,p);let x=null;"top"===t?x=y-e:"bottom"===t?x=S+a:"middle"===t?x=k:b+e>p?x=y-e:C-a<m&&(x=S-y>w?y-e:S+a),null!==x&&(this.setVerticalScrollPosition(x),c.redraw({afterScroll:!0})),s=o!==r.rowTop||u!==r.rowHeight,d=e!==n.stickyTopHeight||a!==n.stickyBottomHeight,g++}while((s||d)&&g<10);if(this.animationFrameSvc?.flushAllFrames(),a<10&&(r?.stub||!this.beans.rowAutoHeight?.areRowsMeasured())){const n=this.getVScrollPosition().top;this.clearRetryListenerFncs=this.addManagedEventListeners({bodyScroll:()=>{const e=this.getVScrollPosition().top;n!==e&&this.clearRetryListeners()},modelUpdated:()=>{this.clearRetryListeners(),e>=o.getRowCount()||this.ensureIndexVisible(e,t,a+1)}})}})}clearRetryListeners(){for(const e of this.clearRetryListenerFncs)e();this.clearRetryListenerFncs=[]}ensureColumnVisible(e,t="auto"){const{colModel:a,frameworkOverrides:o}=this.beans,n=a.getCol(e);if(!n)return;if(n.isPinned())return;if(!this.visibleCols.isColDisplayed(n))return;const r=this.getPositionedHorizontalScroll(n,t);o.wrapIncoming(()=>{null!==r&&this.centerRowsCtrl.setCenterViewportScrollLeft(r),this.centerRowsCtrl.onHorizontalViewportChanged(),this.animationFrameSvc?.flushAllFrames()})}getPositionedHorizontalScroll(e,t){const{columnBeforeStart:a,columnAfterEnd:o}=this.isColumnOutsideViewport(e),n=this.centerRowsCtrl.getCenterWidth()<e.getActualWidth(),r=this.centerRowsCtrl.getCenterWidth(),i=this.enableRtl;let l=(i?a:o)||n,s=i?o:a;"auto"!==t&&(l="start"===t,s="end"===t);const d="middle"===t;if(l||s||d){const{colLeft:t,colMiddle:a,colRight:o}=this.getColumnBounds(e);return d?a-r/2:l?i?o:t:i?t-r:o-r}return null}isColumnOutsideViewport(e){const{start:t,end:a}=this.getViewportBounds(),{colLeft:o,colRight:n}=this.getColumnBounds(e),r=this.enableRtl;return{columnBeforeStart:r?t>n:a<n,columnAfterEnd:r?a<o:t>o}}getColumnBounds(e){const t=this.enableRtl,a=this.visibleCols.bodyWidth,o=e.getActualWidth(),n=e.getLeft(),r=t?-1:1,i=t?a-n:n;return{colLeft:i,colMiddle:i+o/2*r,colRight:i+o*r}}getViewportBounds(){const e=this.centerRowsCtrl.getCenterWidth(),t=this.centerRowsCtrl.getCenterViewportScrollLeft();return{start:t,end:e+t,width:e}}}t.GridBodyScrollFeature=h},8399:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t._getNormalisedMousePosition=t._getCellPositionForEvent=void 0;const o=a(67274),n=a(24711);t._getCellPositionForEvent=function(e,t){return(0,n._getCellCtrlForEventTarget)(e,t.target)?.getFocusedCellPosition()??null},t._getNormalisedMousePosition=function(e,t){const a=(0,o._isDomLayout)(e.gos,"normal"),n=t;let r,i;null!=n.clientX||null!=n.clientY?(r=n.clientX,i=n.clientY):(r=n.x,i=n.y);const{pageFirstPixel:l}=e.pageBounds.getCurrentPagePixelRange();if(i+=l,a){const t=e.ctrlsSvc.getScrollFeature(),a=t.getVScrollPosition();r+=t.getHScrollPosition().left,i+=a.top}return{x:r,y:i}}},54633:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.RowContainerSelector=void 0;const o=a(91668),n=a(1956),r=a(98430),i=a(78020),l=a(8115);class s extends i.Component{constructor(e){super(),this.eViewport=o.RefPlaceholder,this.eContainer=o.RefPlaceholder,this.eSpannedContainer=o.RefPlaceholder,this.rowCompsNoSpan={},this.rowCompsWithSpan={},this.name=e?.name,this.options=(0,l._getRowContainerOptions)(this.name)}postConstruct(){this.setTemplate(function(e,t,a){const o=!!a.gos.get("enableCellSpan")&&!!t.getSpannedRowCtrls,n={tag:"div",ref:"eContainer",cls:(0,l._getRowContainerClass)(e),role:"rowgroup"};if("center"===t.type||o){const t={tag:"div",ref:"eSpannedContainer",cls:`ag-spanning-container ${(0,l._getRowSpanContainerClass)(e)}`,role:"presentation"};return n.role="presentation",{tag:"div",ref:"eViewport",cls:`ag-viewport ${(0,l._getRowViewportClass)(e)}`,role:"rowgroup",children:[n,o?t:null]}}return n}(this.name,this.options,this.beans));const e={setHorizontalScroll:e=>this.eViewport.scrollLeft=e,setViewportHeight:e=>this.eViewport.style.height=e,setRowCtrls:({rowCtrls:e})=>this.setRowCtrls(e),setSpannedRowCtrls:e=>this.setRowCtrls(e,!0),setDomOrder:e=>{this.domOrder=e},setContainerWidth:e=>{this.eContainer.style.width=e,this.eSpannedContainer&&(this.eSpannedContainer.style.width=e)},setOffsetTop:e=>{const t=`translateY(${e})`;this.eContainer.style.transform=t,this.eSpannedContainer&&(this.eSpannedContainer.style.transform=t)}};this.createManagedBean(new l.RowContainerCtrl(this.name)).setComp(e,this.eContainer,this.eSpannedContainer,this.eViewport)}destroy(){this.setRowCtrls([]),this.setRowCtrls([],!0),super.destroy(),this.lastPlacedElement=null}setRowCtrls(e,t){const{beans:a,options:o}=this,n=t?this.eSpannedContainer:this.eContainer,i=t?{...this.rowCompsWithSpan}:{...this.rowCompsNoSpan},l={};t?this.rowCompsWithSpan=l:this.rowCompsNoSpan=l,this.lastPlacedElement=null;const s=[];for(const t of e){const e=t.instanceId,n=i[e];let d;if(n)d=n,delete i[e];else{if(!t.rowNode.displayed)continue;d=new r.RowComp(t,a,o.type)}l[e]=d,s.push([d,!n])}this.removeOldRows(Object.values(i)),this.addRowNodes(s,n)}addRowNodes(e,t){const{domOrder:a}=this;for(const[o,n]of e){const e=o.getGui();a?this.ensureDomOrder(e,t):n&&t.appendChild(e)}}removeOldRows(e){for(const t of e)t.getGui().remove(),t.destroy()}ensureDomOrder(e,t){(0,n._ensureDomOrder)(t,e,this.lastPlacedElement),this.lastPlacedElement=e}}t.RowContainerSelector={selector:"AG-ROW-CONTAINER",component:s}},8115:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.RowContainerCtrl=t._getRowContainerOptions=t._getRowSpanContainerClass=t._getRowContainerClass=t._getRowViewportClass=void 0;const o=a(1956),n=a(68731),r=a(67274),i=a(42218),l=a(25858),s=a(32625),d=a(9622),c=e=>e.topRowCtrls,g=e=>e.getStickyTopRowCtrls(),u=e=>e.getStickyBottomRowCtrls(),h=e=>e.bottomRowCtrls,p=e=>e.allRowCtrls,m=e=>e.getCtrls("top"),f=e=>e.getCtrls("center"),v=e=>e.getCtrls("bottom"),b={center:{type:"center",name:"center-cols",getRowCtrls:p,getSpannedRowCtrls:f},left:{type:"left",name:"pinned-left-cols",pinnedType:"left",getRowCtrls:p,getSpannedRowCtrls:f},right:{type:"right",name:"pinned-right-cols",pinnedType:"right",getRowCtrls:p,getSpannedRowCtrls:f},fullWidth:{type:"fullWidth",name:"full-width",fullWidth:!0,getRowCtrls:p},topCenter:{type:"center",name:"floating-top",getRowCtrls:c,getSpannedRowCtrls:m},topLeft:{type:"left",name:"pinned-left-floating",container:"ag-pinned-left-floating-top",pinnedType:"left",getRowCtrls:c,getSpannedRowCtrls:m},topRight:{type:"right",name:"pinned-right-floating",container:"ag-pinned-right-floating-top",pinnedType:"right",getRowCtrls:c,getSpannedRowCtrls:m},topFullWidth:{type:"fullWidth",name:"floating-top-full-width",fullWidth:!0,getRowCtrls:c},stickyTopCenter:{type:"center",name:"sticky-top",getRowCtrls:g},stickyTopLeft:{type:"left",name:"pinned-left-sticky-top",container:"ag-pinned-left-sticky-top",pinnedType:"left",getRowCtrls:g},stickyTopRight:{type:"right",name:"pinned-right-sticky-top",container:"ag-pinned-right-sticky-top",pinnedType:"right",getRowCtrls:g},stickyTopFullWidth:{type:"fullWidth",name:"sticky-top-full-width",fullWidth:!0,getRowCtrls:g},stickyBottomCenter:{type:"center",name:"sticky-bottom",getRowCtrls:u},stickyBottomLeft:{type:"left",name:"pinned-left-sticky-bottom",container:"ag-pinned-left-sticky-bottom",pinnedType:"left",getRowCtrls:u},stickyBottomRight:{type:"right",name:"pinned-right-sticky-bottom",container:"ag-pinned-right-sticky-bottom",pinnedType:"right",getRowCtrls:u},stickyBottomFullWidth:{type:"fullWidth",name:"sticky-bottom-full-width",fullWidth:!0,getRowCtrls:u},bottomCenter:{type:"center",name:"floating-bottom",getRowCtrls:h,getSpannedRowCtrls:v},bottomLeft:{type:"left",name:"pinned-left-floating-bottom",container:"ag-pinned-left-floating-bottom",pinnedType:"left",getRowCtrls:h,getSpannedRowCtrls:v},bottomRight:{type:"right",name:"pinned-right-floating-bottom",container:"ag-pinned-right-floating-bottom",pinnedType:"right",getRowCtrls:h,getSpannedRowCtrls:v},bottomFullWidth:{type:"fullWidth",name:"floating-bottom-full-width",fullWidth:!0,getRowCtrls:h}};function C(e){return b[e]}t._getRowViewportClass=function(e){return`ag-${C(e).name}-viewport`},t._getRowContainerClass=function(e){const t=C(e);return t.container??`ag-${t.name}-container`},t._getRowSpanContainerClass=function(e){return`ag-${C(e).name}-spanned-cells-container`},t._getRowContainerOptions=C;const w=["center","left","right","fullWidth"],y=["stickyTopCenter","stickyBottomCenter","center","topCenter","bottomCenter"],S=["left","bottomLeft","topLeft","stickyTopLeft","stickyBottomLeft"],k=["right","bottomRight","topRight","stickyTopRight","stickyBottomRight"],x=["stickyTopCenter","stickyTopLeft","stickyTopRight"],R=["stickyBottomCenter","stickyBottomLeft","stickyBottomRight"],E=[...x,"stickyTopFullWidth",...R,"stickyBottomFullWidth"],M=["topCenter","topLeft","topRight","bottomCenter","bottomLeft","bottomRight","center","left","right",...x,...R];class P extends n.BeanStub{constructor(e){super(),this.name=e,this.visible=!0,this.EMPTY_CTRLS=[],this.options=C(e)}postConstruct(){this.enableRtl=this.gos.get("enableRtl"),this.forContainers(["center"],()=>{this.viewportSizeFeature=this.createManagedBean(new l.ViewportSizeFeature(this)),this.addManagedEventListeners({stickyTopOffsetChanged:this.onStickyTopOffsetChanged.bind(this)})})}onStickyTopOffsetChanged(e){this.comp.setOffsetTop(`${e.offset}px`)}registerWithCtrlsService(){this.options.fullWidth||this.beans.ctrlsSvc.register(this.name,this)}forContainers(e,t){e.indexOf(this.name)>=0&&t()}setComp(e,t,a,o){this.comp=e,this.eContainer=t,this.eSpannedContainer=a,this.eViewport=o,this.createManagedBean(new s.RowContainerEventsFeature(this.eViewport??this.eContainer)),this.addPreventScrollWhileDragging(),this.listenOnDomOrder();const{pinnedCols:n,rangeSvc:r}=this.beans,l=()=>this.onPinnedWidthChanged();this.forContainers(S,()=>{this.pinnedWidthFeature=this.createOptionalManagedBean(n?.createPinnedWidthFeature(!0,this.eContainer,this.eSpannedContainer)),this.addManagedEventListeners({leftPinnedWidthChanged:l})}),this.forContainers(k,()=>{this.pinnedWidthFeature=this.createOptionalManagedBean(n?.createPinnedWidthFeature(!1,this.eContainer,this.eSpannedContainer)),this.addManagedEventListeners({rightPinnedWidthChanged:l})}),this.forContainers(w,()=>this.createManagedBean(new d.SetHeightFeature(this.eContainer,"center"===this.name?o:void 0))),r&&this.forContainers(M,()=>this.createManagedBean(r.createDragListenerFeature(this.eContainer))),this.forContainers(y,()=>this.createManagedBean(new i.CenterWidthFeature(e=>this.comp.setContainerWidth(`${e}px`)))),this.visible=this.isContainerVisible(),this.addListeners(),this.registerWithCtrlsService()}onScrollCallback(e){this.addManagedElementListeners(this.eViewport,{scroll:e})}addListeners(){const{spannedRowRenderer:e,gos:t}=this.beans,a=this.onDisplayedColumnsChanged.bind(this);this.addManagedEventListeners({displayedColumnsChanged:a,displayedColumnsWidthChanged:a,displayedRowsChanged:e=>this.onDisplayedRowsChanged(e.afterScroll)}),a(),this.onDisplayedRowsChanged(),e&&this.options.getSpannedRowCtrls&&t.get("enableCellSpan")&&this.addManagedListeners(e,{spannedRowsUpdated:()=>{const t=this.options.getSpannedRowCtrls(e);t&&this.comp.setSpannedRowCtrls(t,!1)}})}listenOnDomOrder(){if(E.indexOf(this.name)>=0)return void this.comp.setDomOrder(!0);const e=()=>{const e=this.gos.get("ensureDomOrder"),t=(0,r._isDomLayout)(this.gos,"print");this.comp.setDomOrder(e||t)};this.addManagedPropertyListener("domLayout",e),e()}onDisplayedColumnsChanged(){this.forContainers(["center"],()=>this.onHorizontalViewportChanged())}addPreventScrollWhileDragging(){const{dragSvc:e}=this.beans;if(!e)return;const t=t=>{e.dragging&&t.cancelable&&t.preventDefault()};this.eContainer.addEventListener("touchmove",t,{passive:!1}),this.addDestroyFunc(()=>this.eContainer.removeEventListener("touchmove",t))}onHorizontalViewportChanged(e=!1){const t=this.getCenterWidth(),a=this.getCenterViewportScrollLeft();this.beans.colViewport.setScrollPosition(t,a,e)}hasHorizontalScrollGap(){return this.eContainer.clientWidth-this.eViewport.clientWidth<0}hasVerticalScrollGap(){return this.eContainer.clientHeight-this.eViewport.clientHeight<0}getCenterWidth(){return(0,o._getInnerWidth)(this.eViewport)}getCenterViewportScrollLeft(){return(0,o._getScrollLeft)(this.eViewport,this.enableRtl)}registerViewportResizeListener(e){const t=(0,o._observeResize)(this.beans,this.eViewport,e);this.addDestroyFunc(()=>t())}isViewportInTheDOMTree(){return(0,o._isInDOM)(this.eViewport)}getViewportScrollLeft(){return(0,o._getScrollLeft)(this.eViewport,this.enableRtl)}isHorizontalScrollShowing(){return this.gos.get("alwaysShowHorizontalScroll")||(0,o._isHorizontalScrollShowing)(this.eViewport)}setHorizontalScroll(e){this.comp.setHorizontalScroll(e)}getHScrollPosition(){return{left:this.eViewport.scrollLeft,right:this.eViewport.scrollLeft+this.eViewport.offsetWidth}}setCenterViewportScrollLeft(e){(0,o._setScrollLeft)(this.eViewport,e,this.enableRtl)}isContainerVisible(){return!(null!=this.options.pinnedType)||!!this.pinnedWidthFeature&&this.pinnedWidthFeature.getWidth()>0}onPinnedWidthChanged(){const e=this.isContainerVisible();this.visible!=e&&(this.visible=e,this.onDisplayedRowsChanged())}onDisplayedRowsChanged(e=!1){const t=this.options.getRowCtrls(this.beans.rowRenderer);if(!this.visible||0===t.length)return void this.comp.setRowCtrls({rowCtrls:this.EMPTY_CTRLS});const a=(0,r._isDomLayout)(this.gos,"print"),o=this.gos.get("embedFullWidthRows")||a,n=t.filter(e=>{const t=e.isFullWidth();return this.options.fullWidth?!o&&t:o||!t});this.comp.setRowCtrls({rowCtrls:n,useFlushSync:e})}}t.RowContainerCtrl=P},32625:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.RowContainerEventsFeature=void 0;const o=a(59926),n=a(7356),r=a(93967),i=a(68731),l=a(67274),s=a(24711),d=a(22731),c=a(83552),g=a(24009);class u extends i.BeanStub{constructor(e){super(),this.element=e}postConstruct(){this.addKeyboardListeners(),this.addMouseListeners(),this.beans.touchSvc?.mockRowContextMenu(this),this.editSvc=this.beans.editSvc}addKeyboardListeners(){const e="keydown",t=this.processKeyboardEvent.bind(this,e);this.addManagedElementListeners(this.element,{[e]:t})}addMouseListeners(){const e=["dblclick","contextmenu","mouseover","mouseout","click",(0,n._isEventSupported)("touchstart")?"touchstart":"mousedown"];for(const t of e){const e=this.processMouseEvent.bind(this,t);this.addManagedElementListeners(this.element,{[t]:e})}}processMouseEvent(e,t){if(!(0,n._isEventFromThisInstance)(this.beans,t)||(0,d._isStopPropagationForAgGrid)(t))return;const{cellCtrl:a,rowCtrl:o}=this.getControlsForEventTarget(t.target);"contextmenu"===e?(a?.column&&a.dispatchCellContextMenuEvent(t),this.beans.contextMenuSvc?.handleContextMenuMouseEvent(t,void 0,o,a)):(a&&a.onMouseEvent(e,t),o&&o.onMouseEvent(e,t))}getControlsForEventTarget(e){const{gos:t}=this;return{cellCtrl:(0,s._getCellCtrlForEventTarget)(t,e),rowCtrl:(0,s._getRowCtrlForEventTarget)(t,e)}}processKeyboardEvent(e,t){const{cellCtrl:a,rowCtrl:o}=this.getControlsForEventTarget(t.target);t.defaultPrevented||(a?this.processCellKeyboardEvent(a,e,t):o?.isFullWidth()&&this.processFullWidthRowKeyboardEvent(o,e,t))}processCellKeyboardEvent(e,t,a){const o=this.editSvc?.isEditing(e,{withOpenEditor:!0})??!1;if(!(0,c._isUserSuppressingKeyboardEvent)(this.gos,a,e.rowNode,e.column,o)&&"keydown"===t){!o&&this.beans.navigation?.handlePageScrollingKey(a)||e.onKeyDown(a),this.doGridOperations(a,o),(0,r._isEventFromPrintableCharacter)(a)&&e.processCharacter(a)}"keydown"===t&&this.eventSvc.dispatchEvent(e.createEvent(a,"cellKeyDown"))}processFullWidthRowKeyboardEvent(e,t,a){const{rowNode:n}=e,{focusSvc:r,navigation:i}=this.beans,l=r.getFocusedCell(),s=l?.column;if(!(0,c._isUserSuppressingKeyboardEvent)(this.gos,a,n,s,!1)){const n=a.key;if("keydown"===t)switch(n){case o.KeyCode.PAGE_HOME:case o.KeyCode.PAGE_END:case o.KeyCode.PAGE_UP:case o.KeyCode.PAGE_DOWN:i?.handlePageScrollingKey(a,!0);break;case o.KeyCode.LEFT:case o.KeyCode.RIGHT:if(!this.gos.get("embedFullWidthRows"))break;case o.KeyCode.UP:case o.KeyCode.DOWN:e.onKeyboardNavigate(a);break;case o.KeyCode.TAB:e.onTabKeyDown(a)}}"keydown"===t&&this.eventSvc.dispatchEvent(e.createRowEvent("cellKeyDown",a))}doGridOperations(e,t){if(!e.ctrlKey&&!e.metaKey)return;if(t)return;if(!(0,n._isEventFromThisInstance)(this.beans,e))return;const a=function(e){const{keyCode:t}=e;let a;switch(t){case 65:a=o.KeyCode.A;break;case 67:a=o.KeyCode.C;break;case 86:a=o.KeyCode.V;break;case 68:a=o.KeyCode.D;break;case 90:a=o.KeyCode.Z;break;case 89:a=o.KeyCode.Y;break;default:a=e.code}return a}(e),{clipboardSvc:r,undoRedo:i}=this.beans;return a===o.KeyCode.A?this.onCtrlAndA(e):a===o.KeyCode.C?this.onCtrlAndC(r,e):a===o.KeyCode.D?this.onCtrlAndD(r,e):a===o.KeyCode.V?this.onCtrlAndV(r,e):a===o.KeyCode.X?this.onCtrlAndX(r,e):a===o.KeyCode.Y?this.onCtrlAndY(i):a===o.KeyCode.Z?this.onCtrlAndZ(i,e):void 0}onCtrlAndA(e){const{beans:{rowModel:t,rangeSvc:a,selectionSvc:o},gos:n}=this;a&&(0,l._isCellSelectionEnabled)(n)&&!(0,l._getCtrlASelectsRows)(n)&&t.isRowsToRender()?(0,g._selectAllCells)(this.beans):o&&o.selectAllRowNodes({source:"keyboardSelectAll",selectAll:(0,l._getSelectAll)(n)}),e.preventDefault()}onCtrlAndC(e,t){if(!e||this.gos.get("enableCellTextSelection"))return;const{cellCtrl:a}=this.getControlsForEventTarget(t.target);this.editSvc?.isEditing(a,{withOpenEditor:!0})||(t.preventDefault(),e.copyToClipboard())}onCtrlAndX(e,t){if(!e||this.gos.get("enableCellTextSelection")||this.gos.get("suppressCutToClipboard"))return;const{cellCtrl:a}=this.getControlsForEventTarget(t.target);this.editSvc?.isEditing(a,{withOpenEditor:!0})||(t.preventDefault(),e.cutToClipboard(void 0,"ui"))}onCtrlAndV(e,t){const{cellCtrl:a}=this.getControlsForEventTarget(t.target);this.editSvc?.isEditing(a,{withOpenEditor:!0})||e&&!this.gos.get("suppressClipboardPaste")&&e.pasteFromClipboard()}onCtrlAndD(e,t){e&&!this.gos.get("suppressClipboardPaste")&&e.copyRangeDown(),t.preventDefault()}onCtrlAndZ(e,t){this.gos.get("undoRedoCellEditing")&&e&&(t.preventDefault(),t.shiftKey?e.redo("ui"):e.undo("ui"))}onCtrlAndY(e){e?.redo("ui")}}t.RowContainerEventsFeature=u},9622:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.SetHeightFeature=void 0;const o=a(68731);class n extends o.BeanStub{constructor(e,t){super(),this.eContainer=e,this.eViewport=t}postConstruct(){this.addManagedEventListeners({rowContainerHeightChanged:this.onHeightChanged.bind(this,this.beans.rowContainerHeight)})}onHeightChanged(e){const t=e.uiContainerHeight,a=null!=t?`${t}px`:"";this.eContainer.style.height=a,this.eViewport&&(this.eViewport.style.height=a)}}t.SetHeightFeature=n},2865:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.SetPinnedWidthFeature=void 0;const o=a(1956),n=a(68731);class r extends n.BeanStub{constructor(e,t){super(),this.isLeft=e,this.elements=t,this.getWidth=e?()=>this.beans.pinnedCols.leftWidth:()=>this.beans.pinnedCols.rightWidth}postConstruct(){this.addManagedEventListeners({[(this.isLeft?"left":"right")+"PinnedWidthChanged"]:this.onPinnedWidthChanged.bind(this)})}onPinnedWidthChanged(){const e=this.getWidth(),t=e>0;for(const a of this.elements)a&&((0,o._setDisplayed)(a,t),(0,o._setFixedWidth)(a,e))}}t.SetPinnedWidthFeature=r},88913:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.ScrollVisibleService=void 0;const o=a(36916),n=a(68731);class r extends n.BeanStub{constructor(){super(...arguments),this.beanName="scrollVisibleSvc"}wireBeans(e){this.ctrlsSvc=e.ctrlsSvc,this.colAnimation=e.colAnimation}postConstruct(){this.horizontalScrollShowing=!0===this.gos.get("alwaysShowHorizontalScroll"),this.verticalScrollShowing=!0===this.gos.get("alwaysShowVerticalScroll"),this.getScrollbarWidth(),this.addManagedEventListeners({displayedColumnsChanged:this.updateScrollVisible.bind(this),displayedColumnsWidthChanged:this.updateScrollVisible.bind(this)})}updateScrollVisible(){const{colAnimation:e}=this;e?.isActive()?e.executeLaterVMTurn(()=>{e.executeLaterVMTurn(()=>this.updateScrollVisibleImpl())}):this.updateScrollVisibleImpl()}updateScrollVisibleImpl(){const e=this.ctrlsSvc.get("center");if(!e||this.colAnimation?.isActive())return;const t={horizontalScrollShowing:e.isHorizontalScrollShowing(),verticalScrollShowing:this.verticalScrollShowing};this.setScrollsVisible(t),this.updateScrollGap()}updateScrollGap(){const e=this.ctrlsSvc.get("center"),t=e.hasHorizontalScrollGap(),a=e.hasVerticalScrollGap();(this.horizontalScrollGap!==t||this.verticalScrollGap!==a)&&(this.horizontalScrollGap=t,this.verticalScrollGap=a,this.eventSvc.dispatchEvent({type:"scrollGapChanged"}))}setScrollsVisible(e){(this.horizontalScrollShowing!==e.horizontalScrollShowing||this.verticalScrollShowing!==e.verticalScrollShowing)&&(this.horizontalScrollShowing=e.horizontalScrollShowing,this.verticalScrollShowing=e.verticalScrollShowing,this.eventSvc.dispatchEvent({type:"scrollVisibilityChanged"}))}getScrollbarWidth(){if(null==this.scrollbarWidth){const e=this.gos.get("scrollbarWidth"),t="number"==typeof e&&e>=0?e:(0,o._getScrollbarWidth)();null!=t&&(this.scrollbarWidth=t,this.eventSvc.dispatchEvent({type:"scrollbarWidthChanged"}))}return this.scrollbarWidth}}t.ScrollVisibleService=r},25858:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.ViewportSizeFeature=void 0;const o=a(1956),n=a(68731);class r extends n.BeanStub{wireBeans(e){this.scrollVisibleSvc=e.scrollVisibleSvc}constructor(e){super(),this.centerContainerCtrl=e}postConstruct(){this.beans.ctrlsSvc.whenReady(this,e=>{this.gridBodyCtrl=e.gridBodyCtrl,this.listenForResize()}),this.addManagedEventListeners({scrollbarWidthChanged:this.onScrollbarWidthChanged.bind(this)}),this.addManagedPropertyListeners(["alwaysShowHorizontalScroll","alwaysShowVerticalScroll"],()=>{this.checkViewportAndScrolls()})}listenForResize(){const{beans:e,centerContainerCtrl:t,gridBodyCtrl:a}=this,n=()=>{(0,o._requestAnimationFrame)(e,()=>{this.onCenterViewportResized()})};t.registerViewportResizeListener(n),a.registerBodyViewportResizeListener(n)}onScrollbarWidthChanged(){this.checkViewportAndScrolls()}onCenterViewportResized(){if(this.scrollVisibleSvc.updateScrollGap(),this.centerContainerCtrl.isViewportInTheDOMTree()){const{pinnedCols:e,colFlex:t}=this.beans;e?.keepPinnedColumnsNarrowerThanViewport(),this.checkViewportAndScrolls();const a=this.centerContainerCtrl.getCenterWidth();a!==this.centerWidth&&(this.centerWidth=a,t?.refreshFlexedColumns({viewportWidth:this.centerWidth,updateBodyWidths:!0,fireResizedEvent:!0}))}else this.bodyHeight=0}checkViewportAndScrolls(){this.updateScrollVisibleService(),this.checkBodyHeight(),this.onHorizontalViewportChanged(),this.gridBodyCtrl.scrollFeature.checkScrollLeft()}getBodyHeight(){return this.bodyHeight}checkBodyHeight(){const e=this.gridBodyCtrl.eBodyViewport,t=(0,o._getInnerHeight)(e);this.bodyHeight!==t&&(this.bodyHeight=t,this.eventSvc.dispatchEvent({type:"bodyHeightChanged"}))}updateScrollVisibleService(){this.updateScrollVisibleServiceImpl(),setTimeout(this.updateScrollVisibleServiceImpl.bind(this),500)}updateScrollVisibleServiceImpl(){if(!this.isAlive())return;const e={horizontalScrollShowing:this.centerContainerCtrl.isHorizontalScrollShowing(),verticalScrollShowing:this.gridBodyCtrl.isVerticalScrollShowing()};this.scrollVisibleSvc.setScrollsVisible(e)}onHorizontalViewportChanged(){const e=this.centerContainerCtrl.getCenterWidth(),t=this.centerContainerCtrl.getViewportScrollLeft();this.beans.colViewport.setScrollPosition(e,t)}}t.ViewportSizeFeature=r},1678:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.GridComp=void 0;const o=a(91668),n=a(1956),r=a(2006),i=a(59360),l=a(86597),s=a(68332),d=a(37600);class c extends s.TabGuardComp{constructor(e){super(),this.gridBody=o.RefPlaceholder,this.sideBar=o.RefPlaceholder,this.pagination=o.RefPlaceholder,this.rootWrapperBody=o.RefPlaceholder,this.eGridDiv=e}postConstruct(){const e={destroyGridUi:()=>this.destroyBean(this),setRtlClass:e=>this.addCss(e),forceFocusOutOfContainer:this.forceFocusOutOfContainer.bind(this),updateLayoutClasses:this.updateLayoutClasses.bind(this),getFocusableContainers:this.getFocusableContainers.bind(this),setUserSelect:e=>{this.getGui().style.userSelect=null!=e?e:"",this.getGui().style.webkitUserSelect=null!=e?e:""},setCursor:e=>{this.getGui().style.cursor=null!=e?e:""}},t=this.createManagedBean(new d.GridCtrl),a=t.getOptionalSelectors(),o=this.createTemplate(a),n=[r.GridBodySelector,...Object.values(a).filter(e=>!!e)];this.setTemplate(o,n),t.setComp(e,this.eGridDiv,this.getGui()),this.insertGridIntoDom(),this.initialiseTabGuard({onTabKeyDown:()=>{},focusInnerElement:e=>t.focusInnerElement(e),forceFocusOutWhenTabGuardsAreEmpty:!0,isEmpty:()=>!t.isFocusable()})}insertGridIntoDom(){const e=this.getGui();this.eGridDiv.appendChild(e),this.addDestroyFunc(()=>{e.remove(),(0,l._logIfDebug)(this.gos,"Grid removed from DOM")})}updateLayoutClasses(e,t){const a=this.rootWrapperBody.classList,{AUTO_HEIGHT:o,NORMAL:n,PRINT:r}=i.LayoutCssClasses,{autoHeight:l,normal:s,print:d}=t;a.toggle(o,l),a.toggle(n,s),a.toggle(r,d),this.toggleCss(o,l),this.toggleCss(n,s),this.toggleCss(r,d)}createTemplate(e){const t=e.gridHeaderDropZonesSelector?{tag:"ag-grid-header-drop-zones"}:null,a=e.sideBarSelector?{tag:"ag-side-bar",ref:"sideBar"}:null,o=e.statusBarSelector?{tag:"ag-status-bar"}:null,n=e.watermarkSelector?{tag:"ag-watermark"}:null;return{tag:"div",cls:"ag-root-wrapper",role:"presentation",children:[t,{tag:"div",ref:"rootWrapperBody",cls:"ag-root-wrapper-body",role:"presentation",children:[{tag:"ag-grid-body",ref:"gridBody"},a]},o,e.paginationSelector?{tag:"ag-pagination",ref:"pagination"}:null,n]}}getFocusableElement(){return this.rootWrapperBody}forceFocusOutOfContainer(e=!1){e||!this.pagination?.isDisplayed()?super.forceFocusOutOfContainer(e):this.pagination.forceFocusOutOfContainer(e)}getFocusableContainers(){const e=[this.gridBody];for(const t of[this.sideBar,this.pagination])t&&e.push(t);return e.filter(e=>(0,n._isVisible)(e.getGui()))}}t.GridComp=c},37600:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.GridCtrl=void 0;const o=a(72213),n=a(79909),r=a(80011),i=a(1956),l=a(5088),s=a(68731),d=a(59360),c=a(86675);class g extends s.BeanStub{constructor(){super(...arguments),this.additionalFocusableContainers=new Set}setComp(e,t,a){this.view=e,this.eGridHostDiv=t,this.eGui=a,this.eGui.setAttribute("grid-id",this.beans.context.getId());const{dragAndDrop:o,ctrlsSvc:n}=this.beans;o?.registerGridDropTarget(()=>this.eGui,this),this.createManagedBean(new d.LayoutFeature(this.view)),this.view.setRtlClass(this.gos.get("enableRtl")?"ag-rtl":"ag-ltr");const r=(0,i._observeResize)(this.beans,this.eGridHostDiv,this.onGridSizeChanged.bind(this));this.addDestroyFunc(()=>r()),n.register("gridCtrl",this)}isDetailGrid(){const e=(0,l._findTabbableParent)(this.getGui());return e?.getAttribute("row-id")?.startsWith("detail")||!1}getOptionalSelectors(){const e=this.beans;return{paginationSelector:e.pagination?.getPaginationSelector(),gridHeaderDropZonesSelector:e.registry?.getSelector("AG-GRID-HEADER-DROP-ZONES"),sideBarSelector:e.sideBar?.getSelector(),statusBarSelector:e.registry?.getSelector("AG-STATUS-BAR"),watermarkSelector:e.licenseManager?.getWatermarkSelector()}}onGridSizeChanged(){this.eventSvc.dispatchEvent({type:"gridSizeChanged",clientWidth:this.eGridHostDiv.clientWidth,clientHeight:this.eGridHostDiv.clientHeight})}destroyGridUi(){this.view.destroyGridUi()}getGui(){return this.eGui}setResizeCursor(e){const{view:t}=this;if(!1===e)t.setCursor(null);else{const a=e===o.Direction.Horizontal?"ew-resize":"ns-resize";t.setCursor(a)}}disableUserSelect(e){this.view.setUserSelect(e?"none":null)}focusNextInnerContainer(e){const t=this.getFocusableContainers(),{indexWithFocus:a,nextIndex:o}=this.getNextFocusableIndex(t,e);if(o<0||o>=t.length)return!1;if(0===o){if(a>0){const{visibleCols:e,focusSvc:t}=this.beans,a=e.allCols,o=(0,n._last)(a);if(t.focusGridView({column:o,backwards:!0}))return!0}return!1}return this.focusContainer(t[o],e)}focusInnerElement(e){const t=this.gos.getCallback("focusGridInnerElement");if(t?.({fromBottom:!!e}))return!0;const a=this.getFocusableContainers(),{focusSvc:o,visibleCols:r}=this.beans,i=r.allCols;if(e){if(a.length>1)return this.focusContainer((0,n._last)(a),e);const t=(0,n._last)(i);if(o.focusGridView({column:t,backwards:e}))return!0}if(0===this.gos.get("headerHeight")||(0,c._isHeaderFocusSuppressed)(this.beans)){if(o.focusGridView({column:i[0],backwards:e}))return!0;for(let t=1;t<a.length;t++)if((0,l._focusInto)(a[t].getGui(),e))return!0;return!1}return o.focusFirstHeader()}forceFocusOutOfContainer(e=!1){this.view.forceFocusOutOfContainer(e)}addFocusableContainer(e){this.additionalFocusableContainers.add(e)}removeFocusableContainer(e){this.additionalFocusableContainers.delete(e)}allowFocusForNextCoreContainer(e){const t=this.view.getFocusableContainers(),{nextIndex:a,indexWithFocus:o}=this.getNextFocusableIndex(t,e);if(-1===o||a<0||a>=t.length)return;const n=t[a];n.setAllowFocus?.(!0),setTimeout(()=>{n.setAllowFocus?.(!1)})}isFocusable(){const e=this.beans;return!(0,c._isCellFocusSuppressed)(e)||!(0,c._isHeaderFocusSuppressed)(e)||!!e.sideBar?.comp?.isDisplayed()}getNextFocusableIndex(e,t){const a=(0,r._getActiveDomElement)(this.beans),o=e.findIndex(e=>e.getGui().contains(a));return{indexWithFocus:o,nextIndex:o+(t?-1:1)}}focusContainer(e,t){e.setAllowFocus?.(!0);const a=(0,l._focusInto)(e.getGui(),t,!1,!0);return e.setAllowFocus?.(!1),a}getFocusableContainers(){return[...this.view.getFocusableContainers(),...this.additionalFocusableContainers]}destroy(){this.additionalFocusableContainers.clear(),super.destroy()}}t.GridCtrl=g},91978:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.CommunityCoreModule=void 0;const o=a(33907),n=a(69875),r=a(64074),i=a(96924),l=a(66041),s=a(72986),d=a(52027),c=a(48997),g=a(5034),u=a(6869),h=a(28414),p=a(34110),m=a(31585),f=a(80020),v=a(89024),b=a(8778),C=a(45626),w=a(88913),y=a(63888),S=a(38484),k=a(88078),x=a(36392),R=a(94178),E=a(23705),M=a(928),P=a(82550),F=a(93003),A=a(46219),D=a(73433),z=a(37358),T=a(97040),I=a(75366),_=a(17109),O=a(90557),L=a(96620),N=a(7711),B=a(76431),G=a(35736),H=a(97205);t.CommunityCoreModule={moduleName:"CommunityCore",version:H.VERSION,beans:[y.GridDestroyService,o.ApiFunctionService,p.Registry,m.UserComponentFactory,_.RowContainerHeightService,u.VisibleColsService,b.EventService,S.GridOptionsService,s.ColumnModel,F.PageBoundsService,P.PageBoundsListener,O.RowRenderer,G.ValueService,C.FocusService,v.Environment,w.ScrollVisibleService,f.CtrlsService,N.SyncService,c.ColumnNameService,g.ColumnViewportService,R.IconService],icons:{selectOpen:"small-down",smallDown:"small-down",colorPicker:"color-picker",smallUp:"small-up",checkboxChecked:"small-up",checkboxIndeterminate:"checkbox-indeterminate",checkboxUnchecked:"checkbox-unchecked",radioButtonOn:"radio-button-on",radioButtonOff:"radio-button-off",smallLeft:"small-left",smallRight:"small-right"},apiFunctions:{getGridId:n.getGridId,destroy:n.destroy,isDestroyed:n.isDestroyed,getGridOption:n.getGridOption,setGridOption:n.setGridOption,updateGridOptions:n.updateGridOptions,isModuleRegistered:n.isModuleRegistered},dependsOn:[d.DataTypeModule,r.ColumnMoveModule,i.ColumnResizeModule,L.SortModule,k.ColumnHeaderCompModule,l.ColumnGroupModule,k.ColumnGroupHeaderCompModule,I.OverlayModule,B.ChangeDetectionModule,x.AnimationFrameModule,M.KeyboardNavigationModule,A.PinnedColumnModule,D.AriaModule,E.TouchModule,h.CellRendererFunctionModule,d.ColumnFlexModule,B.ExpressionModule,z.SkeletonCellRendererModule,T.ColumnDelayRenderModule]}},63888:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.GridDestroyService=void 0;const o=a(68731);class n extends o.BeanStub{constructor(){super(...arguments),this.beanName="gridDestroySvc",this.destroyCalled=!1}destroy(){if(this.destroyCalled)return;const{stateSvc:e,ctrlsSvc:t,context:a}=this.beans;this.eventSvc.dispatchEvent({type:"gridPreDestroyed",state:e?.getState()??{}}),this.destroyCalled=!0,t.get("gridCtrl")?.destroyGridUi(),a.destroy(),super.destroy()}}t.GridDestroyService=n},5266:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.GRID_OPTION_DEFAULTS=void 0,t.GRID_OPTION_DEFAULTS={suppressContextMenu:!1,preventDefaultOnContextMenu:!1,allowContextMenuWithControlKey:!1,suppressMenuHide:!0,enableBrowserTooltips:!1,tooltipTrigger:"hover",tooltipShowDelay:2e3,tooltipHideDelay:1e4,tooltipMouseTrack:!1,tooltipShowMode:"standard",tooltipInteraction:!1,copyHeadersToClipboard:!1,copyGroupHeadersToClipboard:!1,clipboardDelimiter:"\t",suppressCopyRowsToClipboard:!1,suppressCopySingleCellRanges:!1,suppressLastEmptyLineOnPaste:!1,suppressClipboardPaste:!1,suppressClipboardApi:!1,suppressCutToClipboard:!1,maintainColumnOrder:!1,enableStrictPivotColumnOrder:!1,suppressFieldDotNotation:!1,allowDragFromColumnsToolPanel:!1,suppressMovableColumns:!1,suppressColumnMoveAnimation:!1,suppressMoveWhenColumnDragging:!1,suppressDragLeaveHidesColumns:!1,suppressRowGroupHidesColumns:!1,suppressAutoSize:!1,autoSizePadding:20,skipHeaderOnAutoSize:!1,singleClickEdit:!1,suppressClickEdit:!1,readOnlyEdit:!1,stopEditingWhenCellsLoseFocus:!1,enterNavigatesVertically:!1,enterNavigatesVerticallyAfterEdit:!1,enableCellEditingOnBackspace:!1,undoRedoCellEditing:!1,undoRedoCellEditingLimit:10,suppressCsvExport:!1,suppressExcelExport:!1,cacheQuickFilter:!1,includeHiddenColumnsInQuickFilter:!1,excludeChildrenWhenTreeDataFiltering:!1,enableAdvancedFilter:!1,includeHiddenColumnsInAdvancedFilter:!1,enableCharts:!1,masterDetail:!1,keepDetailRows:!1,keepDetailRowsCount:10,detailRowAutoHeight:!1,tabIndex:0,rowBuffer:10,valueCache:!1,valueCacheNeverExpires:!1,enableCellExpressions:!1,suppressTouch:!1,suppressFocusAfterRefresh:!1,suppressBrowserResizeObserver:!1,suppressPropertyNamesCheck:!1,suppressChangeDetection:!1,debug:!1,suppressLoadingOverlay:!1,suppressNoRowsOverlay:!1,pagination:!1,paginationPageSize:100,paginationPageSizeSelector:!0,paginationAutoPageSize:!1,paginateChildRows:!1,suppressPaginationPanel:!1,pivotMode:!1,pivotPanelShow:"never",pivotDefaultExpanded:0,pivotSuppressAutoColumn:!1,suppressExpandablePivotGroups:!1,functionsReadOnly:!1,suppressAggFuncInHeader:!1,alwaysAggregateAtRootLevel:!1,aggregateOnlyChangedColumns:!1,suppressAggFilteredOnly:!1,removePivotHeaderRowWhenSingleValueColumn:!1,animateRows:!0,cellFlashDuration:500,cellFadeDuration:1e3,allowShowChangeAfterFilter:!1,domLayout:"normal",ensureDomOrder:!1,enableRtl:!1,suppressColumnVirtualisation:!1,suppressMaxRenderedRowRestriction:!1,suppressRowVirtualisation:!1,rowDragManaged:!1,rowDragInsertDelay:500,suppressRowDrag:!1,suppressMoveWhenRowDragging:!1,rowDragEntireRow:!1,rowDragMultiRow:!1,embedFullWidthRows:!1,groupDisplayType:"singleColumn",groupDefaultExpanded:0,groupMaintainOrder:!1,groupSelectsChildren:!1,groupSuppressBlankHeader:!1,groupSelectsFiltered:!1,showOpenedGroup:!1,groupRemoveSingleChildren:!1,groupRemoveLowestSingleChildren:!1,groupHideOpenParents:!1,groupAllowUnbalanced:!1,rowGroupPanelShow:"never",suppressMakeColumnVisibleAfterUnGroup:!1,treeData:!1,rowGroupPanelSuppressSort:!1,suppressGroupRowsSticky:!1,rowModelType:"clientSide",asyncTransactionWaitMillis:50,suppressModelUpdateAfterUpdateTransaction:!1,cacheOverflowSize:1,infiniteInitialRowCount:1,serverSideInitialRowCount:1,cacheBlockSize:100,maxBlocksInCache:-1,maxConcurrentDatasourceRequests:2,blockLoadDebounceMillis:0,purgeClosedRowNodes:!1,serverSideSortAllLevels:!1,serverSideOnlyRefreshFilteredGroups:!1,serverSidePivotResultFieldSeparator:"_",viewportRowModelPageSize:5,viewportRowModelBufferSize:5,alwaysShowHorizontalScroll:!1,alwaysShowVerticalScroll:!1,debounceVerticalScrollbar:!1,suppressHorizontalScroll:!1,suppressScrollOnNewData:!1,suppressScrollWhenPopupsAreOpen:!1,suppressAnimationFrame:!1,suppressMiddleClickScrolls:!1,suppressPreventDefaultOnMouseWheel:!1,rowMultiSelectWithClick:!1,suppressRowDeselection:!1,suppressRowClickSelection:!1,suppressCellFocus:!1,suppressHeaderFocus:!1,suppressMultiRangeSelection:!1,enableCellTextSelection:!1,enableRangeSelection:!1,enableRangeHandle:!1,enableFillHandle:!1,fillHandleDirection:"xy",suppressClearOnFillReduction:!1,accentedSort:!1,unSortIcon:!1,suppressMultiSort:!1,alwaysMultiSort:!1,suppressMaintainUnsortedOrder:!1,suppressRowHoverHighlight:!1,suppressRowTransform:!1,columnHoverHighlight:!1,deltaSort:!1,enableGroupEdit:!1,groupLockGroupColumns:0,serverSideEnableClientSideSort:!1,suppressServerSideFullWidthLoadingRow:!1,pivotMaxGeneratedColumns:-1,columnMenu:"new",reactiveCustomComponents:!0,suppressSetFilterByDefault:!1,rowNumbers:!1,enableFilterHandlers:!1}},2891:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.INITIAL_GRID_OPTION_KEYS=void 0,t.INITIAL_GRID_OPTION_KEYS={enableBrowserTooltips:!0,tooltipTrigger:!0,tooltipMouseTrack:!0,tooltipShowMode:!0,tooltipInteraction:!0,defaultColGroupDef:!0,suppressAutoSize:!0,skipHeaderOnAutoSize:!0,autoSizeStrategy:!0,components:!0,stopEditingWhenCellsLoseFocus:!0,undoRedoCellEditing:!0,undoRedoCellEditingLimit:!0,excelStyles:!0,cacheQuickFilter:!0,customChartThemes:!0,chartThemeOverrides:!0,chartToolPanelsDef:!0,loadingCellRendererSelector:!0,localeText:!0,keepDetailRows:!0,keepDetailRowsCount:!0,detailRowHeight:!0,detailRowAutoHeight:!0,tabIndex:!0,valueCache:!0,valueCacheNeverExpires:!0,enableCellExpressions:!0,suppressTouch:!0,suppressBrowserResizeObserver:!0,suppressPropertyNamesCheck:!0,debug:!0,dragAndDropImageComponent:!0,loadingOverlayComponent:!0,suppressLoadingOverlay:!0,noRowsOverlayComponent:!0,paginationPageSizeSelector:!0,paginateChildRows:!0,pivotPanelShow:!0,pivotSuppressAutoColumn:!0,suppressExpandablePivotGroups:!0,aggFuncs:!0,allowShowChangeAfterFilter:!0,ensureDomOrder:!0,enableRtl:!0,suppressColumnVirtualisation:!0,suppressMaxRenderedRowRestriction:!0,suppressRowVirtualisation:!0,rowDragText:!0,groupLockGroupColumns:!0,suppressGroupRowsSticky:!0,rowModelType:!0,cacheOverflowSize:!0,infiniteInitialRowCount:!0,serverSideInitialRowCount:!0,maxBlocksInCache:!0,maxConcurrentDatasourceRequests:!0,blockLoadDebounceMillis:!0,serverSideOnlyRefreshFilteredGroups:!0,serverSidePivotResultFieldSeparator:!0,viewportRowModelPageSize:!0,viewportRowModelBufferSize:!0,debounceVerticalScrollbar:!0,suppressAnimationFrame:!0,suppressPreventDefaultOnMouseWheel:!0,scrollbarWidth:!0,icons:!0,suppressRowTransform:!0,gridId:!0,enableGroupEdit:!0,initialState:!0,processUnpinnedColumns:!0,createChartContainer:!0,getLocaleText:!0,getRowId:!0,reactiveCustomComponents:!0,renderingMode:!0,columnMenu:!0,suppressSetFilterByDefault:!0,getDataPath:!0,enableCellSpan:!0,enableFilterHandlers:!0,filterHandlers:!0}},38484:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.GridOptionsService=void 0;const o=a(19378),n=a(89097),r=a(68731),i=a(57968),l=a(75518),s=a(5266),d=a(2132),c=a(8829),g=a(86597),u=a(47764),h=a(34842),p=a(50711);let m=0,f=0;const v="__ag_grid_instance";class b extends r.BeanStub{constructor(){super(...arguments),this.beanName="gos",this.domDataKey="__AG_"+Math.random().toString(),this.instanceId=f++,this.gridReadyFired=!1,this.queueEvents=[],this.propEventSvc=new o.LocalEventService,this.globalEventHandlerFactory=e=>(t,a)=>{if(!this.isAlive())return;const o=i.ALWAYS_SYNC_GLOBAL_EVENTS.has(t);if(o&&!e||!o&&e)return;if(!function(e){return!!c._PUBLIC_EVENT_HANDLERS_MAP[e]}(t))return;const n=(e,t)=>{const a=c._PUBLIC_EVENT_HANDLERS_MAP[e],o=this.gridOptions[a];"function"==typeof o&&this.beans.frameworkOverrides.wrapOutgoing(()=>o(t))};if(this.gridReadyFired)n(t,a);else if("gridReady"===t){n(t,a),this.gridReadyFired=!0;for(const e of this.queueEvents)n(e.eventName,e.event);this.queueEvents=[]}else this.queueEvents.push({eventName:t,event:a})}}wireBeans(e){this.gridOptions=e.gridOptions,this.validation=e.validation,this.api=e.gridApi,this.gridId=e.context.getId()}get gridOptionsContext(){return this.gridOptions.context}postConstruct(){this.validateGridOptions(this.gridOptions),this.eventSvc.addGlobalListener(this.globalEventHandlerFactory().bind(this),!0),this.eventSvc.addGlobalListener(this.globalEventHandlerFactory(!0).bind(this),!1),this.propEventSvc.setFrameworkOverrides(this.beans.frameworkOverrides),this.addManagedEventListeners({gridOptionsChanged:({options:e})=>{this.updateGridOptions({options:e,force:!0,source:"optionsUpdated"})}})}destroy(){super.destroy(),this.queueEvents=[]}get(e){return this.gridOptions[e]??s.GRID_OPTION_DEFAULTS[e]}getCallback(e){return this.mergeGridCommonParams(this.gridOptions[e])}exists(e){return(0,n._exists)(this.gridOptions[e])}mergeGridCommonParams(e){if(e){return t=>e(this.addCommon(t))}return e}updateGridOptions({options:e,force:t,source:a="api"}){const o={id:m++,properties:[]},n=[],{gridOptions:r,validation:i}=this;for(const s of Object.keys(e)){const d=l.GlobalGridOptions.applyGlobalGridOption(s,e[s]);i?.warnOnInitialPropertyUpdate(a,s);const c=t||"object"==typeof d&&"api"===a,g=r[s];if(c||g!==d){r[s]=d;const e={type:s,currentValue:d,previousValue:g,changeSet:o,source:a};n.push(e)}}this.validateGridOptions(this.gridOptions),o.properties=n.map(e=>e.type);for(const e of n)(0,g._logIfDebug)(this,`Updated property ${e.type} from`,e.previousValue," to ",e.currentValue),this.propEventSvc.dispatchEvent(e)}addPropertyEventListener(e,t){this.propEventSvc.addEventListener(e,t)}removePropertyEventListener(e,t){this.propEventSvc.removeEventListener(e,t)}getDomDataKey(){return this.domDataKey}addCommon(e){return e.api=this.api,e.context=this.gridOptionsContext,e}validateOptions(e,t){for(const a of Object.keys(e)){const o=e[a];if(null==o||!1===o)continue;let n=t[a];"function"==typeof n&&(n=n(e,this.gridOptions,this.beans)),n&&this.assertModuleRegistered(n,a)}}validateGridOptions(e){this.validateOptions(e,p.GRID_OPTIONS_MODULES),this.validation?.processGridOptions(e)}validateColDef(e,t,a){!a&&this.beans.dataTypeSvc?.isColPendingInference(t)||(this.validateOptions(e,h.COLUMN_DEFINITION_MOD_VALIDATIONS),this.validation?.validateColDef(e))}assertModuleRegistered(e,t){const a=Array.isArray(e)?e.some(e=>this.isModuleRegistered(e)):this.isModuleRegistered(e);return a||(0,u._error)(200,{...this.getModuleErrorParams(),moduleName:e,reasonOrId:t}),a}getModuleErrorParams(){return{gridId:this.gridId,gridScoped:(0,d._areModulesGridScoped)(),rowModelType:this.get("rowModelType"),isUmd:(0,d._isUmd)()}}isModuleRegistered(e){return(0,d._isModuleRegistered)(e,this.gridId,this.get("rowModelType"))}setInstanceDomData(e){e[v]=this.instanceId}isElementInThisInstance(e){let t=e;for(;t;){const e=t[v];if((0,n._exists)(e)){return e===this.instanceId}t=t.parentElement}return!1}}t.GridOptionsService=b},67274:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t._addGridCommonParams=t._processOnChange=t._combineAttributesAndGridOptions=t._getCallbackForEvent=t._isColumnMenuAnchoringEnabled=t._isLegacyMenuEnabled=t._isSetFilterByDefault=t._getMasterSelects=t._getGroupSelectsDescendants=t._getCtrlASelectsRows=t._getSelectAll=t._getGroupSelection=t._getEnableSelectionWithoutKeys=t._isMultiRowSelection=t._getRowSelectionMode=t._getIsRowSelectable=t._getEnableDeselection=t._getEnableSelection=t._getFillHandle=t._isCellSelectionEnabled=t._getSuppressMultiRanges=t._isUsingNewCellSelectionAPI=t._isUsingNewRowSelectionAPI=t._getHideDisabledCheckboxes=t._getCheckboxLocation=t._getHeaderCheckbox=t._getCheckboxes=t._shouldUpdateColVisibilityAfterGroup=t._getMaxConcurrentDatasourceRequests=t._canSkipShowingRowGroup=t._getRowIdCallback=t._isFullWidthGroupRow=t._isGroupUseEntireRow=t._isGroupMultiAutoColumn=t._getGroupTotalRowCallback=t._getGrandTotalRow=t._getGroupAggFiltering=t._isColumnsSortingCoupledToGroup=t._isGroupRowsSticky=t._isAnimateRows=t._setDomData=t._getDomData=t._getRowHeightAsNumber=t._getRowHeightForNode=t._shouldMaintainColumnOrder=t._isGetRowHeightFunction=t._isRowSelection=t._isDomLayout=t._isServerSideRowModel=t._isClientSideRowModel=void 0,t._interpretAsRightClick=t._getGridOption=void 0;const o=a(44990),n=a(89097),r=a(75518),i=a(5266),l=a(47764);function s(e,t){return e.get("rowModelType")===t}function d(e,t){return e.get("domLayout")===t}function c(e){return"function"==typeof e.get("getRowHeight")}function g(e){return!isNaN(e)&&"number"==typeof e&&isFinite(e)}function u(e,t){return!t&&"groupRows"===e.get("groupDisplayType")}function h(e){const t=e.get("rowSelection")??"single";if("string"==typeof t){const t=e.get("suppressRowClickSelection"),a=e.get("suppressRowDeselection");return(!t||!a)&&(t?"enableDeselection":!a||"enableSelection")}return("singleRow"===t.mode||"multiRow"===t.mode)&&(t.enableClickSelection??!1)}function p(e){const t="beanName"in e&&"gos"===e.beanName?e.get("rowSelection"):e.rowSelection;if("string"==typeof t)switch(t){case"multiple":return"multiRow";case"single":return"singleRow";default:return}switch(t?.mode){case"multiRow":case"singleRow":return t.mode;default:return}}function m(e){const t=e.get("rowSelection");if("string"==typeof t){const t=e.get("groupSelectsChildren"),a=e.get("groupSelectsFiltered");return t&&a?"filteredDescendants":t?"descendants":"self"}return"multiRow"===t?.mode?t.groupSelects:void 0}function f(e){return"legacy"===e.get("columnMenu")}t._isClientSideRowModel=function(e,t){return s(e,"clientSide")},t._isServerSideRowModel=function(e,t){return s(e,"serverSide")},t._isDomLayout=d,t._isRowSelection=function(e){return void 0!==p(e)},t._isGetRowHeightFunction=c,t._shouldMaintainColumnOrder=function(e,t){return t?!e.get("enableStrictPivotColumnOrder"):e.get("maintainColumnOrder")},t._getRowHeightForNode=function(e,t,a=!1,o){const{gos:n,environment:r}=e;if(null==o&&(o=r.getDefaultRowHeight()),c(n)){if(a)return{height:o,estimated:!0};const e={node:t,data:t.data},r=n.getCallback("getRowHeight")(e);if(g(r))return 0===r&&(0,l._warn)(23),{height:Math.max(1,r),estimated:!1}}if(t.detail&&n.get("masterDetail"))return function(e){if(e.get("detailRowAutoHeight"))return{height:1,estimated:!1};const t=e.get("detailRowHeight");if(g(t))return{height:t,estimated:!1};return{height:300,estimated:!1}}(n);const i=n.get("rowHeight");return{height:i&&g(i)?i:o,estimated:!1}},t._getRowHeightAsNumber=function(e){const{environment:t,gos:a}=e,o=a.get("rowHeight");if(!o||(0,n._missing)(o))return t.getDefaultRowHeight();const r=t.refreshRowHeightVariable();return-1!==r?r:((0,l._warn)(24),t.getDefaultRowHeight())},t._getDomData=function(e,t,a){const o=t[e.getDomDataKey()];return o?o[a]:void 0},t._setDomData=function(e,t,a,o){const r=e.getDomDataKey();let i=t[r];(0,n._missing)(i)&&(i={},t[r]=i),i[a]=o},t._isAnimateRows=function(e){return!e.get("ensureDomOrder")&&e.get("animateRows")},t._isGroupRowsSticky=function(e){return!(e.get("paginateChildRows")||e.get("groupHideOpenParents")||d(e,"print"))},t._isColumnsSortingCoupledToGroup=function(e){const t=e.get("autoGroupColumnDef");return!t?.comparator&&!e.get("treeData")},t._getGroupAggFiltering=function(e){const t=e.get("groupAggFiltering");return"function"==typeof t?e.getCallback("groupAggFiltering"):!0===t?()=>!0:void 0},t._getGrandTotalRow=function(e){return e.get("grandTotalRow")},t._getGroupTotalRowCallback=function(e){const t=e.get("groupTotalRow");return"function"==typeof t?e.getCallback("groupTotalRow"):()=>t??void 0},t._isGroupMultiAutoColumn=function(e){return!!e.get("groupHideOpenParents")||"multipleColumns"===e.get("groupDisplayType")},t._isGroupUseEntireRow=u,t._isFullWidthGroupRow=function(e,t,a){return!!t.group&&!t.footer&&u(e,a)},t._getRowIdCallback=function(e){const t=e.getCallback("getRowId");return void 0===t?t:e=>{let a=t(e);return"string"!=typeof a&&((0,o._doOnce)(()=>(0,l._warn)(25,{id:a}),"getRowIdString"),a=String(a)),a}},t._canSkipShowingRowGroup=function(e,t){const a=e.get("groupHideParentOfSingleChild");return!0===a||(!("leafGroupsOnly"!==a||!t.leafGroup)||(!!e.get("groupRemoveSingleChildren")||!(!e.get("groupRemoveLowestSingleChildren")||!t.leafGroup)))},t._getMaxConcurrentDatasourceRequests=function(e){const t=e.get("maxConcurrentDatasourceRequests");return t>0?t:void 0},t._shouldUpdateColVisibilityAfterGroup=function(e,t){const a=e.get("suppressGroupChangesColumnVisibility");if(!0===a)return!1;if(t&&"suppressHideOnGroup"===a)return!1;if(!t&&"suppressShowOnUngroup"===a)return!1;const o=e.get("suppressRowGroupHidesColumns");if(t&&!0===o)return!1;const n=e.get("suppressMakeColumnVisibleAfterUnGroup");return!(!t&&!0===n)},t._getCheckboxes=function(e){return e?.checkboxes??!0},t._getHeaderCheckbox=function(e){return"multiRow"===e?.mode&&(e.headerCheckbox??!0)},t._getCheckboxLocation=function(e){if("object"==typeof e)return e.checkboxLocation??"selectionColumn"},t._getHideDisabledCheckboxes=function(e){return e?.hideDisabledCheckboxes??!1},t._isUsingNewRowSelectionAPI=function(e){return"string"!=typeof e.get("rowSelection")},t._isUsingNewCellSelectionAPI=function(e){return void 0!==e.get("cellSelection")},t._getSuppressMultiRanges=function(e){const t=e.get("cellSelection");return void 0!==t?"boolean"!=typeof t&&(t?.suppressMultiRanges??!1):e.get("suppressMultiRangeSelection")},t._isCellSelectionEnabled=function(e){const t=e.get("cellSelection");return void 0!==t?!!t:e.get("enableRangeSelection")},t._getFillHandle=function(e){const t=e.get("cellSelection");return void 0!==t?"boolean"!=typeof t&&"fill"===t.handle?.mode?t.handle:void 0:{mode:"fill",setFillValue:e.get("fillOperation"),direction:e.get("fillHandleDirection"),suppressClearOnFillReduction:e.get("suppressClearOnFillReduction")}},t._getEnableSelection=function(e){const t=h(e);return!0===t||"enableSelection"===t},t._getEnableDeselection=function(e){const t=h(e);return!0===t||"enableDeselection"===t},t._getIsRowSelectable=function(e){const t=e.get("rowSelection");return"string"==typeof t?e.get("isRowSelectable"):t?.isRowSelectable},t._getRowSelectionMode=p,t._isMultiRowSelection=function(e){return"multiRow"===p(e)},t._getEnableSelectionWithoutKeys=function(e){const t=e.get("rowSelection");return"string"==typeof t?e.get("rowMultiSelectWithClick"):t?.enableSelectionWithoutKeys??!1},t._getGroupSelection=m,t._getSelectAll=function(e,t=!0){const a=e.get("rowSelection");return"object"!=typeof a?t?"all":void 0:"multiRow"===a.mode?a.selectAll:"all"},t._getCtrlASelectsRows=function(e){const t=e.get("rowSelection");return"string"!=typeof t&&("multiRow"===t?.mode&&(t.ctrlASelectsRows??!1))},t._getGroupSelectsDescendants=function(e){const t=m(e);return"descendants"===t||"filteredDescendants"===t},t._getMasterSelects=function(e){const t=e.get("rowSelection");return"object"==typeof t&&t.masterSelects||"self"},t._isSetFilterByDefault=function(e){return e.isModuleRegistered("SetFilter")&&!e.get("suppressSetFilterByDefault")},t._isLegacyMenuEnabled=f,t._isColumnMenuAnchoringEnabled=function(e){return!f(e)},t._getCallbackForEvent=function(e){return!e||e.length<2?e:"on"+e[0].toUpperCase()+e.substring(1)},t._combineAttributesAndGridOptions=function(e,t,a){"object"!=typeof e&&(e={});const o={...e};for(const e of a){const a=t[e];void 0!==a&&(o[e]=a)}return o},t._processOnChange=function(e,t){if(!e)return;const a={};let o=!1;for(const t of Object.keys(e))a[t]=e[t],o=!0;if(!o)return;const n={type:"gridOptionsChanged",options:a};t.dispatchEvent(n);const r={type:"componentStateChanged",...a};t.dispatchEvent(r)},t._addGridCommonParams=function(e,t){return e.addCommon(t)},t._getGridOption=function(e,t){return e[t]??e.gridOptions?.[t]??(0,r._getGlobalGridOption)(t)??i.GRID_OPTION_DEFAULTS[t]},t._interpretAsRightClick=function({gos:e},t){return 2===t.button||t.ctrlKey&&e.get("allowContextMenuWithControlKey")}},59860:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.AbstractHeaderCellComp=void 0;const o=a(78020);class n extends o.Component{constructor(e,t){super(e),this.ctrl=t}getCtrl(){return this.ctrl}}t.AbstractHeaderCellComp=n},83534:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.AbstractHeaderCellCtrl=t.DOM_DATA_KEY_HEADER_CTRL=void 0;const o=a(59926),n=a(91623),r=a(80011),i=a(1956),l=a(44990),s=a(89097),d=a(68731),c=a(67274),g=a(86675),u=a(91295);let h=0;t.DOM_DATA_KEY_HEADER_CTRL="headerCtrl";class p extends d.BeanStub{constructor(e,t){super(),this.column=e,this.rowCtrl=t,this.resizeToggleTimeout=0,this.resizeMultiplier=1,this.resizeFeature=null,this.lastFocusEvent=null,this.dragSource=null,this.reAttemptToFocus=!1,this.instanceId=e.getUniqueId()+"-"+h++}postConstruct(){const e=this.refreshTabIndex.bind(this);this.addManagedPropertyListeners(["suppressHeaderFocus"],e),this.addManagedEventListeners({overlayExclusiveChanged:e})}setComp(e,t,a,o,n){t.setAttribute("col-id",this.column.colIdSanitised),this.wireComp(e,t,a,o,n),this.reAttemptToFocus&&(this.reAttemptToFocus=!1,this.focus(this.lastFocusEvent??void 0))}shouldStopEventPropagation(e){const{headerRowIndex:t,column:a}=this.beans.focusSvc.focusedHeader,o=a.getDefinition(),n=o?.suppressHeaderKeyboardEvent;if(!(0,s._exists)(n))return!1;return!!n((0,c._addGridCommonParams)(this.gos,{colDef:o,column:a,headerRowIndex:t,event:e}))}getWrapperHasFocus(){return(0,r._getActiveDomElement)(this.beans)===this.eGui}setGui(e,t){this.eGui=e,this.addDomData(t),t.addManagedListeners(this.beans.eventSvc,{displayedColumnsChanged:this.onDisplayedColumnsChanged.bind(this)}),t.addManagedElementListeners(this.eGui,{focus:this.onGuiFocus.bind(this)}),this.onDisplayedColumnsChanged(),this.refreshTabIndex()}refreshHeaderStyles(){const e=this.column.getDefinition();if(!e)return;const{headerStyle:t}=e;let a;if("function"==typeof t){a=t(this.getHeaderClassParams())}else a=t;a&&this.comp.setUserStyles(a)}onGuiFocus(){this.eventSvc.dispatchEvent({type:"headerFocused",column:this.column})}setupAutoHeight(e){const{wrapperElement:t,checkMeasuringCallback:a,compBean:o}=e,{beans:n}=this,s=e=>{if(!this.isAlive()||!o.isAlive())return;const{paddingTop:a,paddingBottom:d,borderBottomWidth:c,borderTopWidth:g}=(0,i._getElementSize)(this.eGui),u=a+d+c+g,h=t.offsetHeight+u;if(e<5){const a=(0,r._getDocument)(n);if(!a?.contains(t)||0==h)return void(0,l._batchCall)(()=>s(e+1),"raf",n)}this.setColHeaderHeight(this.column,h)};let d,c=!1;const g=()=>{const e=this.column.isAutoHeaderHeight();e&&!c&&u(),!e&&c&&h()},u=()=>{c=!0,this.comp.toggleCss("ag-header-cell-auto-height",!0),s(0),d=(0,i._observeResize)(this.beans,t,()=>s(0))},h=()=>{c=!1,d&&d(),this.comp.toggleCss("ag-header-cell-auto-height",!1),d=void 0};g(),o.addDestroyFunc(()=>h()),o.addManagedListeners(this.column,{widthChanged:()=>c&&s(0)}),o.addManagedEventListeners({sortChanged:()=>{c&&window.setTimeout(()=>s(0))}}),a&&a(g)}onDisplayedColumnsChanged(){const{comp:e,column:t,beans:a,eGui:o}=this;e&&t&&o&&((0,u.refreshFirstAndLastStyles)(e,t,a.visibleCols),(0,n._setAriaColIndex)(o,a.visibleCols.getAriaColIndex(t)))}addResizeAndMoveKeyboardListeners(e){e.addManagedListeners(this.eGui,{keydown:this.onGuiKeyDown.bind(this),keyup:this.onGuiKeyUp.bind(this)})}refreshTabIndex(){const e=(0,g._isHeaderFocusSuppressed)(this.beans);this.eGui&&(0,i._addOrRemoveAttribute)(this.eGui,"tabindex",e?null:"-1")}onGuiKeyDown(e){const t=(0,r._getActiveDomElement)(this.beans),a=e.key===o.KeyCode.LEFT||e.key===o.KeyCode.RIGHT;if(this.isResizing&&(e.preventDefault(),e.stopImmediatePropagation()),t!==this.eGui||!e.shiftKey&&!e.altKey)return;if((this.isResizing||a)&&(e.preventDefault(),e.stopImmediatePropagation()),!a)return;const n=e.key===o.KeyCode.LEFT!==this.gos.get("enableRtl")?"left":"right";if(e.altKey){this.isResizing=!0,this.resizeMultiplier+=1;const t=this.getViewportAdjustedResizeDiff(e);this.resizeHeader(t,e.shiftKey),this.resizeFeature?.toggleColumnResizing(!0)}else this.moveHeader(n)}moveHeader(e){this.beans.colMoves?.moveHeader(e,this.eGui,this.column,this.rowCtrl.pinned,this)}getViewportAdjustedResizeDiff(e){const t=this.getResizeDiff(e),{pinnedCols:a}=this.beans;return a?a.getHeaderResizeDiff(t,this.column):t}getResizeDiff(e){const{gos:t,column:a}=this;let n=e.key===o.KeyCode.LEFT!==t.get("enableRtl");const r=a.getPinned(),i=t.get("enableRtl");return r&&i!==("right"===r)&&(n=!n),(n?-1:1)*this.resizeMultiplier}onGuiKeyUp(){this.isResizing&&(this.resizeToggleTimeout&&(window.clearTimeout(this.resizeToggleTimeout),this.resizeToggleTimeout=0),this.isResizing=!1,this.resizeMultiplier=1,this.resizeToggleTimeout=window.setTimeout(()=>{this.resizeFeature?.toggleColumnResizing(!1)},150))}handleKeyDown(e){const t=this.getWrapperHasFocus();switch(e.key){case o.KeyCode.PAGE_DOWN:case o.KeyCode.PAGE_UP:case o.KeyCode.PAGE_HOME:case o.KeyCode.PAGE_END:t&&e.preventDefault()}}addDomData(e){const a=t.DOM_DATA_KEY_HEADER_CTRL,{eGui:o,gos:n}=this;(0,c._setDomData)(n,o,a,this),e.addDestroyFunc(()=>(0,c._setDomData)(n,o,a,null))}focus(e){if(!this.isAlive())return!1;const{eGui:t}=this;return t?(t.focus(),this.lastFocusEvent=e||null):this.reAttemptToFocus=!0,!0}focusThis(){this.beans.focusSvc.focusedHeader={headerRowIndex:this.rowCtrl.rowIndex,column:this.column}}removeDragSource(){this.dragSource&&(this.beans.dragAndDrop?.removeDragSource(this.dragSource),this.dragSource=null)}handleContextMenuMouseEvent(e,t,a){const o=e??t,{menuSvc:n,gos:r}=this.beans;r.get("preventDefaultOnContextMenu")&&o.preventDefault(),n?.isHeaderContextMenuEnabled(a)&&n.showHeaderContextMenu(a,e,t),this.dispatchColumnMouseEvent("columnHeaderContextMenu",a)}dispatchColumnMouseEvent(e,t){this.eventSvc.dispatchEvent({type:e,column:t})}setColHeaderHeight(e,t){if(!e.setAutoHeaderHeight(t))return;const{eventSvc:a}=this;e.isColumn?a.dispatchEvent({type:"columnHeaderHeightChanged",column:e,columns:[e],source:"autosizeColumnHeaderHeight"}):a.dispatchEvent({type:"columnGroupHeaderHeightChanged",columnGroup:e,source:"autosizeColumnGroupHeaderHeight"})}clearComponent(){this.removeDragSource(),this.resizeFeature=null,this.comp=null,this.eGui=null}destroy(){super.destroy(),this.column=null,this.lastFocusEvent=null,this.rowCtrl=null}}t.AbstractHeaderCellCtrl=p},21906:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.HeaderCellComp=void 0;const o=a(91668),n=a(91623),r=a(1956),i=a(59860),l={tag:"div",cls:"ag-header-cell",role:"columnheader",children:[{tag:"div",ref:"eResize",cls:"ag-header-cell-resize",role:"presentation"},{tag:"div",ref:"eHeaderCompWrapper",cls:"ag-header-cell-comp-wrapper",role:"presentation"}]};class s extends i.AbstractHeaderCellComp{constructor(e){super(l,e),this.eResize=o.RefPlaceholder,this.eHeaderCompWrapper=o.RefPlaceholder,this.headerCompVersion=0}postConstruct(){const e=this.getGui(),t=()=>{const e=this.ctrl.getSelectAllGui();e&&(this.eResize.insertAdjacentElement("afterend",e),this.addDestroyFunc(()=>e.remove()))},a={setWidth:t=>e.style.width=t,toggleCss:(e,t)=>this.toggleCss(e,t),setUserStyles:t=>(0,r._addStylesToElement)(e,t),setAriaSort:t=>t?(0,n._setAriaSort)(e,t):(0,n._removeAriaSort)(e),setUserCompDetails:e=>this.setUserCompDetails(e),getUserCompInstance:()=>this.headerComp,refreshSelectAllGui:t,removeSelectAllGui:()=>this.ctrl.getSelectAllGui()?.remove()};this.ctrl.setComp(a,this.getGui(),this.eResize,this.eHeaderCompWrapper,void 0),t()}destroy(){this.destroyHeaderComp(),super.destroy()}destroyHeaderComp(){this.headerComp&&(this.headerCompGui?.remove(),this.headerComp=this.destroyBean(this.headerComp),this.headerCompGui=void 0)}setUserCompDetails(e){this.headerCompVersion++;const t=this.headerCompVersion;e.newAgStackInstance().then(e=>this.afterCompCreated(t,e))}afterCompCreated(e,t){e==this.headerCompVersion&&this.isAlive()?(this.destroyHeaderComp(),this.headerComp=t,this.headerCompGui=t.getGui(),this.eHeaderCompWrapper.appendChild(this.headerCompGui),this.ctrl.setDragSource(this.getGui())):this.destroyBean(t)}}t.HeaderCellComp=s},20260:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.HeaderCellCtrl=void 0;const o=a(59926),n=a(91623),r=a(80011),i=a(1956),l=a(5088),s=a(33789),d=a(12036),c=a(67274),g=a(62783),u=a(68703),h=a(31772),p=a(1323),m=a(83534),f=a(91295);class v extends m.AbstractHeaderCellCtrl{constructor(){super(...arguments),this.refreshFunctions={},this.userHeaderClasses=new Set,this.ariaDescriptionProperties=new Map}wireComp(e,t,a,o,n){this.comp=e;const{rowCtrl:r,column:l,beans:d}=this,{colResize:c,context:g,colHover:p,rangeSvc:m}=d,f=(0,s.setupCompBean)(this,g,n);this.setGui(t,f),this.updateState(),this.setupWidth(f),this.setupMovingCss(f),this.setupMenuClass(f),this.setupSortableClass(f),this.setupWrapTextClass(),this.refreshSpanHeaderHeight(),this.setupAutoHeight({wrapperElement:o,checkMeasuringCallback:e=>this.setRefreshFunction("measuring",e),compBean:f}),this.addColumnHoverListener(f),this.setupFilterClass(f),this.setupStylesFromColDef(),this.setupClassesFromColDef(),this.setupTooltip(),this.addActiveHeaderMouseListeners(f),this.setupSelectAll(f),this.setupUserComp(),this.refreshAria(),c?this.resizeFeature=f.createManagedBean(c.createResizeFeature(r.pinned,l,a,e,this)):(0,i._setDisplayed)(a,!1),p?.createHoverFeature(f,[l],t),m?.createRangeHighlightFeature(f,l,e),f.createManagedBean(new u.SetLeftFeature(l,t,d)),f.createManagedBean(new h.ManagedFocusFeature(t,{shouldStopEventPropagation:e=>this.shouldStopEventPropagation(e),onTabKeyDown:()=>null,handleKeyDown:this.handleKeyDown.bind(this),onFocusIn:this.onFocusIn.bind(this),onFocusOut:this.onFocusOut.bind(this)})),this.addResizeAndMoveKeyboardListeners(f),f.addManagedPropertyListeners(["suppressMovableColumns","suppressMenuHide","suppressAggFuncInHeader","enableAdvancedFilter"],()=>this.refresh()),f.addManagedListeners(l,{colDefChanged:()=>this.refresh()}),f.addManagedListeners(l,{headerHighlightChanged:this.onHeaderHighlightChanged.bind(this)});const v=()=>this.checkDisplayName();f.addManagedEventListeners({columnValueChanged:v,columnRowGroupChanged:v,columnPivotChanged:v,headerHeightChanged:this.onHeaderHeightChanged.bind(this)}),f.addDestroyFunc(()=>{this.refreshFunctions={},this.selectAllFeature=null,this.dragSourceElement=void 0,this.userCompDetails=null,this.userHeaderClasses.clear(),this.ariaDescriptionProperties.clear(),this.clearComponent()})}resizeHeader(e,t){this.beans.colResize?.resizeHeader(this.column,e,t)}getHeaderClassParams(){const{column:e,beans:t}=this,a=e.colDef;return(0,c._addGridCommonParams)(t.gos,{colDef:a,column:e,floatingFilter:!1})}setupUserComp(){const e=this.lookupUserCompDetails();e&&this.setCompDetails(e)}setCompDetails(e){this.userCompDetails=e,this.comp.setUserCompDetails(e)}lookupUserCompDetails(){const e=this.createParams(),t=this.column.getColDef();return(0,d._getHeaderCompDetails)(this.beans.userCompFactory,t,e)}createParams(){const{menuSvc:e,sortSvc:t,colFilter:a,gos:o}=this.beans;return(0,c._addGridCommonParams)(o,{column:this.column,displayName:this.displayName,enableSorting:this.column.isSortable(),enableMenu:this.menuEnabled,enableFilterButton:this.openFilterEnabled&&!!e?.isHeaderFilterButtonEnabled(this.column),enableFilterIcon:!!a&&(!this.openFilterEnabled||(0,c._isLegacyMenuEnabled)(this.gos)),showColumnMenu:(t,a)=>{e?.showColumnMenu({column:this.column,buttonElement:t,positionBy:"button",onClosedCallback:a})},showColumnMenuAfterMouseClick:(t,a)=>{e?.showColumnMenu({column:this.column,mouseEvent:t,positionBy:"mouse",onClosedCallback:a})},showFilter:t=>{e?.showFilterMenu({column:this.column,buttonElement:t,containerType:"columnFilter",positionBy:"button"})},progressSort:e=>{t?.progressSort(this.column,!!e,"uiColumnSorted")},setSort:(e,a)=>{t?.setSortForColumn(this.column,e,!!a,"uiColumnSorted")},eGridHeader:this.eGui,setTooltip:(e,t)=>{o.assertModuleRegistered("Tooltip",3),this.setupTooltip(e,t)}})}setupSelectAll(e){const{selectionSvc:t}=this.beans;t&&(this.selectAllFeature=e.createOptionalManagedBean(t.createSelectAllFeature(this.column)),this.selectAllFeature?.setComp(this),e.addManagedPropertyListener("rowSelection",()=>{const a=t.createSelectAllFeature(this.column);a&&!this.selectAllFeature?(this.selectAllFeature=e.createManagedBean(a),this.selectAllFeature?.setComp(this),this.comp.refreshSelectAllGui()):this.selectAllFeature&&!a&&(this.comp.removeSelectAllGui(),this.selectAllFeature=this.destroyBean(this.selectAllFeature))}))}getSelectAllGui(){return this.selectAllFeature?.getCheckboxGui()}handleKeyDown(e){super.handleKeyDown(e),e.key===o.KeyCode.SPACE&&this.selectAllFeature?.onSpaceKeyDown(e),e.key===o.KeyCode.ENTER&&this.onEnterKeyDown(e),e.key===o.KeyCode.DOWN&&e.altKey&&this.showMenuOnKeyPress(e,!1)}onEnterKeyDown(e){e.ctrlKey||e.metaKey?this.showMenuOnKeyPress(e,!0):this.sortable&&this.beans.sortSvc?.progressSort(this.column,e.shiftKey,"uiColumnSorted")}showMenuOnKeyPress(e,t){const a=this.comp.getUserCompInstance();b(a)&&a.onMenuKeyboardShortcut(t)&&e.preventDefault()}onFocusIn(e){this.eGui.contains(e.relatedTarget)||(this.focusThis(),this.announceAriaDescription()),(0,l._isKeyboardMode)()&&this.setActiveHeader(!0)}onFocusOut(e){this.eGui.contains(e.relatedTarget)||this.setActiveHeader(!1)}setupTooltip(e,t){this.tooltipFeature=this.beans.tooltipSvc?.setupHeaderTooltip(this.tooltipFeature,this,e,t)}setupStylesFromColDef(){this.setRefreshFunction("headerStyles",this.refreshHeaderStyles.bind(this)),this.refreshHeaderStyles()}setupClassesFromColDef(){const e=()=>{const e=this.column.getColDef(),t=(0,f._getHeaderClassesFromColDef)(e,this.gos,this.column,null),a=this.userHeaderClasses;this.userHeaderClasses=new Set(t);for(const e of t)a.has(e)?a.delete(e):this.comp.toggleCss(e,!0);for(const e of a)this.comp.toggleCss(e,!1)};this.setRefreshFunction("headerClasses",e),e()}setDragSource(e){this.dragSourceElement=e,this.removeDragSource(),e&&this.draggable&&(this.dragSource=this.beans.colMoves?.setDragSourceForHeader(e,this.column,this.displayName)??null)}updateState(){const{menuSvc:e}=this.beans;this.menuEnabled=!!e?.isColumnMenuInHeaderEnabled(this.column),this.openFilterEnabled=!!e?.isFilterMenuInHeaderEnabled(this.column),this.sortable=this.column.isSortable(),this.displayName=this.calculateDisplayName(),this.draggable=this.workOutDraggable()}setRefreshFunction(e,t){this.refreshFunctions[e]=t}refresh(){this.updateState(),this.refreshHeaderComp(),this.refreshAria();for(const e of Object.values(this.refreshFunctions))e()}refreshHeaderComp(){const e=this.lookupUserCompDetails();if(!e)return;!!(null!=this.comp.getUserCompInstance()&&this.userCompDetails.componentClass==e.componentClass)&&this.attemptHeaderCompRefresh(e.params)?this.setDragSource(this.dragSourceElement):this.setCompDetails(e)}attemptHeaderCompRefresh(e){const t=this.comp.getUserCompInstance();if(!t)return!1;if(!t.refresh)return!1;return t.refresh(e)}calculateDisplayName(){return this.beans.colNames.getDisplayNameForColumn(this.column,"header",!0)}checkDisplayName(){this.displayName!==this.calculateDisplayName()&&this.refresh()}workOutDraggable(){const e=this.column.getColDef();return!!(!this.gos.get("suppressMovableColumns")&&!e.suppressMovable&&!e.lockPosition)||!!e.enableRowGroup||!!e.enablePivot}setupWidth(e){const t=()=>{const e=this.column.getActualWidth();this.comp.setWidth(`${e}px`)};e.addManagedListeners(this.column,{widthChanged:t}),t()}setupMovingCss(e){const t=()=>{this.comp.toggleCss("ag-header-cell-moving",this.column.isMoving())};e.addManagedListeners(this.column,{movingChanged:t}),t()}setupMenuClass(e){const t=()=>{this.comp?.toggleCss("ag-column-menu-visible",this.column.isMenuVisible())};e.addManagedListeners(this.column,{menuVisibleChanged:t}),t()}setupSortableClass(e){const t=()=>{this.comp.toggleCss("ag-header-cell-sortable",!!this.sortable)};t(),this.setRefreshFunction("updateSortable",t),e.addManagedEventListeners({sortChanged:this.refreshAriaSort.bind(this)})}setupFilterClass(e){const t=()=>{const e=this.column.isFilterActive();this.comp.toggleCss("ag-header-cell-filtered",e),this.refreshAria()};e.addManagedListeners(this.column,{filterActiveChanged:t}),t()}setupWrapTextClass(){const e=()=>{const e=!!this.column.getColDef().wrapHeaderText;this.comp.toggleCss("ag-header-cell-wrap-text",e)};e(),this.setRefreshFunction("wrapText",e)}onHeaderHighlightChanged(){const e=this.column.getHighlighted(),t=e===g.ColumnHighlightPosition.Before,a=e===g.ColumnHighlightPosition.After;this.comp.toggleCss("ag-header-highlight-before",t),this.comp.toggleCss("ag-header-highlight-after",a)}onDisplayedColumnsChanged(){super.onDisplayedColumnsChanged(),this.isAlive()&&this.onHeaderHeightChanged()}onHeaderHeightChanged(){this.refreshSpanHeaderHeight()}refreshSpanHeaderHeight(){const{eGui:e,column:t,comp:a,beans:o}=this,n=(0,p.getGroupRowsHeight)(this.beans),r=0===n.reduce((e,t)=>e+t,0);if(a.toggleCss("ag-header-parent-hidden",r),!t.isSpanHeaderHeight())return e.style.removeProperty("top"),e.style.removeProperty("height"),a.toggleCss("ag-header-span-height",!1),void a.toggleCss("ag-header-span-total",!1);const{numberOfParents:i,isSpanningTotal:l}=this.column.getColumnGroupPaddingInfo();a.toggleCss("ag-header-span-height",i>0);const s=(0,p.getColumnHeaderRowHeight)(o);if(0===i)return a.toggleCss("ag-header-span-total",!1),e.style.setProperty("top","0px"),void e.style.setProperty("height",`${s}px`);a.toggleCss("ag-header-span-total",l);const d=(this.column.getFirstRealParent()?.getLevel()??-1)+1,c=n.length-d;let g=0;for(let e=0;e<c;e++)g+=n[n.length-1-e];e.style.setProperty("top",-g+"px"),e.style.setProperty("height",`${s+g}px`)}refreshAriaSort(){if(this.sortable){const e=this.getLocaleTextFunc(),t=this.beans.sortSvc?.getDisplaySortForColumn(this.column)||null;this.comp.setAriaSort((0,n._getAriaSortState)(t)),this.setAriaDescriptionProperty("sort",e("ariaSortableColumn","Press ENTER to sort"))}else this.comp.setAriaSort(),this.setAriaDescriptionProperty("sort",null)}refreshAriaMenu(){if(this.menuEnabled){const e=this.getLocaleTextFunc();this.setAriaDescriptionProperty("menu",e("ariaMenuColumn","Press ALT DOWN to open column menu"))}else this.setAriaDescriptionProperty("menu",null)}refreshAriaFilterButton(){if(this.openFilterEnabled&&!(0,c._isLegacyMenuEnabled)(this.gos)){const e=this.getLocaleTextFunc();this.setAriaDescriptionProperty("filterButton",e("ariaFilterColumn","Press CTRL ENTER to open filter"))}else this.setAriaDescriptionProperty("filterButton",null)}refreshAriaFiltered(){const e=this.getLocaleTextFunc();this.column.isFilterActive()?this.setAriaDescriptionProperty("filter",e("ariaColumnFiltered","Column Filtered")):this.setAriaDescriptionProperty("filter",null)}setAriaDescriptionProperty(e,t){null!=t?this.ariaDescriptionProperties.set(e,t):this.ariaDescriptionProperties.delete(e)}announceAriaDescription(){if(!this.eGui.contains((0,r._getActiveDomElement)(this.beans)))return;const e=Array.from(this.ariaDescriptionProperties.keys()).sort((e,t)=>"filter"===e?-1:t.charCodeAt(0)-e.charCodeAt(0)).map(e=>this.ariaDescriptionProperties.get(e)).join(". ");this.beans.ariaAnnounce?.announceValue(e,"columnHeader")}refreshAria(){this.refreshAriaSort(),this.refreshAriaMenu(),this.refreshAriaFilterButton(),this.refreshAriaFiltered()}addColumnHoverListener(e){this.beans.colHover?.addHeaderColumnHoverListener(e,this.comp,this.column)}addActiveHeaderMouseListeners(e){const t=e=>this.handleMouseOverChange("mouseenter"===e.type);e.addManagedListeners(this.eGui,{mouseenter:t,mouseleave:t,click:()=>{this.setActiveHeader(!0),this.dispatchColumnMouseEvent("columnHeaderClicked",this.column)},contextmenu:e=>this.handleContextMenuMouseEvent(e,void 0,this.column)})}handleMouseOverChange(e){this.setActiveHeader(e),this.eventSvc.dispatchEvent({type:e?"columnHeaderMouseOver":"columnHeaderMouseLeave",column:this.column})}setActiveHeader(e){this.comp.toggleCss("ag-header-active",e)}getAnchorElementForMenu(e){const t=this.comp.getUserCompInstance();return b(t)?t.getAnchorElementForMenu(e):this.eGui}destroy(){this.tooltipFeature=this.destroyBean(this.tooltipFeature),super.destroy()}}function b(e){return"function"==typeof e?.getAnchorElementForMenu&&"function"==typeof e.onMenuKeyboardShortcut}t.HeaderCellCtrl=v},49270:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.HeaderComp=void 0;const o=a(91668),n=a(1956),r=a(31931),i=a(12036),l=a(67274),s=a(59970),d=a(66021),c=a(78020);function g(e){const t={"aria-hidden":"true"};return{tag:"div",cls:"ag-cell-label-container",role:"presentation",children:[{tag:"span",ref:"eMenu",cls:"ag-header-icon ag-header-cell-menu-button",attrs:t},{tag:"span",ref:"eFilterButton",cls:"ag-header-icon ag-header-cell-filter-button",attrs:t},{tag:"div",ref:"eLabel",cls:"ag-header-cell-label",role:"presentation",children:[{tag:"span",ref:"eText",cls:"ag-header-cell-text"},{tag:"span",ref:"eFilter",cls:"ag-header-icon ag-header-label-icon ag-filter-icon",attrs:t},e?{tag:"ag-sort-indicator",ref:"eSortIndicator"}:null]}]}}const u=g(!0),h=g(!1);class p extends c.Component{constructor(){super(...arguments),this.eFilter=o.RefPlaceholder,this.eFilterButton=o.RefPlaceholder,this.eSortIndicator=o.RefPlaceholder,this.eMenu=o.RefPlaceholder,this.eLabel=o.RefPlaceholder,this.eText=o.RefPlaceholder,this.eSortOrder=o.RefPlaceholder,this.eSortAsc=o.RefPlaceholder,this.eSortDesc=o.RefPlaceholder,this.eSortMixed=o.RefPlaceholder,this.eSortNone=o.RefPlaceholder,this.isLoadingInnerComponent=!1}refresh(e){const t=this.params;if(this.params=e,this.workOutTemplate(e,!!this.beans?.sortSvc)!=this.currentTemplate||this.workOutShowMenu()!=this.currentShowMenu||e.enableSorting!=this.currentSort||null!=this.currentSuppressMenuHide&&this.shouldSuppressMenuHide()!=this.currentSuppressMenuHide||t.enableFilterButton!=e.enableFilterButton||t.enableFilterIcon!=e.enableFilterIcon)return!1;if(this.innerHeaderComponent){const t={...e};(0,d._mergeDeep)(t,e.innerHeaderComponentParams),this.innerHeaderComponent.refresh?.(t)}else this.setDisplayName(e);return!0}workOutTemplate(e,t){const a=e.template;return a?a?.trim?a.trim():a:t?u:h}init(e){this.params=e;const{sortSvc:t,touchSvc:a,rowNumbersSvc:o,userCompFactory:n}=this.beans,r=t?.getSortIndicatorSelector();this.currentTemplate=this.workOutTemplate(e,!!r),this.setTemplate(this.currentTemplate,r?[r]:void 0),a?.setupForHeader(this),this.setMenu(),this.setupSort(),o?.setupForHeader(this),this.setupFilterIcon(),this.setupFilterButton(),this.workOutInnerHeaderComponent(n,e),this.setDisplayName(e)}workOutInnerHeaderComponent(e,t){const a=(0,i._getInnerHeaderCompDetails)(e,t,t);a&&(this.isLoadingInnerComponent=!0,a.newAgStackInstance().then(e=>{this.isLoadingInnerComponent=!1,e&&(this.isAlive()?(this.innerHeaderComponent=e,this.eText&&this.eText.appendChild(e.getGui())):this.destroyBean(e))}))}setDisplayName(e){const{displayName:t}=e,a=this.currentDisplayName;this.currentDisplayName=t,!this.eText||a===t||this.innerHeaderComponent||this.isLoadingInnerComponent||(this.eText.textContent=(0,r._toString)(t))}addInIcon(e,t,a){const o=(0,s._createIconNoSpan)(e,this.beans,a);o&&t.appendChild(o)}workOutShowMenu(){return this.params.enableMenu&&!!this.beans.menuSvc?.isHeaderMenuButtonEnabled()}shouldSuppressMenuHide(){return!!this.beans.menuSvc?.isHeaderMenuButtonAlwaysShowEnabled()}setMenu(){if(!this.eMenu)return;if(this.currentShowMenu=this.workOutShowMenu(),!this.currentShowMenu)return(0,n._removeFromParent)(this.eMenu),void(this.eMenu=void 0);const{gos:e,eMenu:t,params:a}=this,o=(0,l._isLegacyMenuEnabled)(e);this.addInIcon(o?"menu":"menuAlt",t,a.column),t.classList.toggle("ag-header-menu-icon",!o);const r=this.shouldSuppressMenuHide();this.currentSuppressMenuHide=r,this.addManagedElementListeners(t,{click:()=>this.showColumnMenu(this.eMenu)}),this.toggleMenuAlwaysShow(r)}toggleMenuAlwaysShow(e){this.eMenu?.classList.toggle("ag-header-menu-always-show",e)}showColumnMenu(e){const{currentSuppressMenuHide:t,params:a}=this;t||this.toggleMenuAlwaysShow(!0),a.showColumnMenu(e,()=>{t||this.toggleMenuAlwaysShow(!1)})}onMenuKeyboardShortcut(e){const{params:t,gos:a,beans:o,eMenu:n,eFilterButton:r}=this,i=t.column,s=(0,l._isLegacyMenuEnabled)(a);if(e&&!s){if(o.menuSvc?.isFilterMenuInHeaderEnabled(i))return t.showFilter(r??n??this.getGui()),!0}else if(t.enableMenu)return this.showColumnMenu(n??r??this.getGui()),!0;return!1}setupSort(){const{sortSvc:e}=this.beans;if(!e)return;const{enableSorting:t,column:a}=this.params;if(this.currentSort=t,!this.eSortIndicator){this.eSortIndicator=this.createBean(e.createSortIndicator(!0));const{eSortIndicator:t,eSortOrder:a,eSortAsc:o,eSortDesc:n,eSortMixed:r,eSortNone:i}=this;t.attachCustomElements(a,o,n,r,i)}this.eSortIndicator.setupSort(a),this.currentSort&&e.setupHeader(this,a,this.eLabel)}setupFilterIcon(){const{eFilter:e,params:t}=this;if(!e)return;this.configureFilter(t.enableFilterIcon,e,()=>{const a=t.column.isFilterActive();(0,n._setDisplayed)(e,a,{skipAriaHidden:!0})},"filterActive")}setupFilterButton(){const{eFilterButton:e,params:t}=this;if(!e)return;this.configureFilter(t.enableFilterButton,e,this.onFilterChangedButton.bind(this),"filter")?this.addManagedElementListeners(e,{click:()=>t.showFilter(e)}):this.eFilterButton=void 0}configureFilter(e,t,a,o){if(!e)return(0,n._removeFromParent)(t),!1;const r=this.params.column;return this.addInIcon(o,t,r),this.addManagedListeners(r,{filterChanged:a}),a(),!0}onFilterChangedButton(){const e=this.params.column.isFilterActive();this.eFilterButton.classList.toggle("ag-filter-active",e)}getAnchorElementForMenu(e){const{eFilterButton:t,eMenu:a}=this;return e?t??a??this.getGui():a??t??this.getGui()}destroy(){super.destroy(),this.innerHeaderComponent&&(this.destroyBean(this.innerHeaderComponent),this.innerHeaderComponent=void 0)}}t.HeaderComp=p},44312:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.GroupWidthFeature=void 0;const o=a(68731);class n extends o.BeanStub{constructor(e,t){super(),this.removeChildListenersFuncs=[],this.columnGroup=t,this.comp=e}postConstruct(){this.addListenersToChildrenColumns(),this.addManagedListeners(this.columnGroup,{displayedChildrenChanged:this.onDisplayedChildrenChanged.bind(this)}),this.onWidthChanged(),this.addDestroyFunc(this.removeListenersOnChildrenColumns.bind(this))}addListenersToChildrenColumns(){this.removeListenersOnChildrenColumns();const e=this.onWidthChanged.bind(this);for(const t of this.columnGroup.getLeafColumns())t.__addEventListener("widthChanged",e),t.__addEventListener("visibleChanged",e),this.removeChildListenersFuncs.push(()=>{t.__removeEventListener("widthChanged",e),t.__removeEventListener("visibleChanged",e)})}removeListenersOnChildrenColumns(){for(const e of this.removeChildListenersFuncs)e();this.removeChildListenersFuncs=[]}onDisplayedChildrenChanged(){this.addListenersToChildrenColumns(),this.onWidthChanged()}onWidthChanged(){const e=this.columnGroup.getActualWidth();this.comp.setWidth(`${e}px`),this.comp.toggleCss("ag-hidden",0===e)}}t.GroupWidthFeature=n},87746:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.HeaderGroupCellComp=void 0;const o=a(91668),n=a(1956),r=a(59860),i={tag:"div",cls:"ag-header-group-cell",role:"columnheader",children:[{tag:"div",ref:"eHeaderCompWrapper",cls:"ag-header-cell-comp-wrapper",role:"presentation"},{tag:"div",ref:"eResize",cls:"ag-header-cell-resize",role:"presentation"}]};class l extends r.AbstractHeaderCellComp{constructor(e){super(i,e),this.eResize=o.RefPlaceholder,this.eHeaderCompWrapper=o.RefPlaceholder}postConstruct(){const e=this.getGui(),t={toggleCss:(e,t)=>this.toggleCss(e,t),setUserStyles:t=>(0,n._addStylesToElement)(e,t),setHeaderWrapperHidden:e=>{e?this.eHeaderCompWrapper.style.setProperty("display","none"):this.eHeaderCompWrapper.style.removeProperty("display")},setHeaderWrapperMaxHeight:e=>{null!=e?this.eHeaderCompWrapper.style.setProperty("max-height",`${e}px`):this.eHeaderCompWrapper.style.removeProperty("max-height"),this.eHeaderCompWrapper.classList.toggle("ag-header-cell-comp-wrapper-limited-height",null!=e)},setResizableDisplayed:e=>(0,n._setDisplayed)(this.eResize,e),setWidth:t=>e.style.width=t,setAriaExpanded:t=>{return a="aria-expanded",null!=(o=t)?e.setAttribute(a,o):e.removeAttribute(a);var a,o},setUserCompDetails:e=>this.setUserCompDetails(e),getUserCompInstance:()=>this.headerGroupComp};this.ctrl.setComp(t,e,this.eResize,this.eHeaderCompWrapper,void 0)}setUserCompDetails(e){e.newAgStackInstance().then(e=>this.afterHeaderCompCreated(e))}afterHeaderCompCreated(e){const t=()=>this.destroyBean(e);if(!this.isAlive())return void t();const a=this.getGui(),o=e.getGui();this.eHeaderCompWrapper.appendChild(o),this.addDestroyFunc(t),this.headerGroupComp=e,this.ctrl.setDragSource(a)}}t.HeaderGroupCellComp=l},60084:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.HeaderGroupCellCtrl=void 0;const o=a(59926),n=a(79909),r=a(33789),i=a(12036),l=a(67274),s=a(62783),d=a(68703),c=a(31772),g=a(83534),u=a(91295),h=a(44312);class p extends g.AbstractHeaderCellCtrl{constructor(){super(...arguments),this.onSuppressColMoveChange=()=>{!this.isAlive()||this.isSuppressMoving()?this.removeDragSource():this.dragSource||this.setDragSource(this.eGui)}}wireComp(e,t,a,o,n){const{column:i,beans:l}=this,{context:s,colNames:g,colHover:u,rangeSvc:p,colResize:m}=l;this.comp=e,n=(0,r.setupCompBean)(this,s,n),this.setGui(t,n),this.displayName=g.getDisplayNameForColumnGroup(i,"header"),this.refreshHeaderStyles(),this.addClasses(),this.setupMovingCss(n),this.setupExpandable(n),this.setupTooltip(),this.setupAutoHeight({wrapperElement:o,compBean:n}),this.setupUserComp(),this.addHeaderMouseListeners(n),this.addManagedPropertyListener("groupHeaderHeight",this.refreshMaxHeaderHeight.bind(this)),this.refreshMaxHeaderHeight();const f=this.rowCtrl.pinned,v=i.getProvidedColumnGroup().getLeafColumns();u?.createHoverFeature(n,v,t),p?.createRangeHighlightFeature(n,i,e),n.createManagedBean(new d.SetLeftFeature(i,t,l)),n.createManagedBean(new h.GroupWidthFeature(e,i)),m?this.resizeFeature=n.createManagedBean(m.createGroupResizeFeature(e,a,f,i)):e.setResizableDisplayed(!1),n.createManagedBean(new c.ManagedFocusFeature(t,{shouldStopEventPropagation:this.shouldStopEventPropagation.bind(this),onTabKeyDown:()=>{},handleKeyDown:this.handleKeyDown.bind(this),onFocusIn:this.onFocusIn.bind(this)})),this.addHighlightListeners(n,v),n.addManagedPropertyListener("suppressMovableColumns",this.onSuppressColMoveChange),this.addResizeAndMoveKeyboardListeners(n),n.addDestroyFunc(()=>this.clearComponent())}getHeaderClassParams(){const{column:e,beans:t}=this,a=e.getDefinition();return(0,l._addGridCommonParams)(t.gos,{colDef:a,columnGroup:e,floatingFilter:!1})}refreshMaxHeaderHeight(){const{gos:e,comp:t}=this,a=e.get("groupHeaderHeight");null!=a?0===a?t.setHeaderWrapperHidden(!0):t.setHeaderWrapperMaxHeight(a):(t.setHeaderWrapperHidden(!1),t.setHeaderWrapperMaxHeight(null))}addHighlightListeners(e,t){if(this.beans.gos.get("suppressMoveWhenColumnDragging"))for(const a of t)e.addManagedListeners(a,{headerHighlightChanged:this.onLeafColumnHighlightChanged.bind(this,a)})}onLeafColumnHighlightChanged(e){const t=this.column.getDisplayedLeafColumns(),a=t[0]===e,o=(0,n._last)(t)===e;if(!a&&!o)return;const r=e.getHighlighted();let i=!1,l=!1;if(!!this.rowCtrl.getHeaderCellCtrls().find(e=>e.column.isMoving())){const e=this.beans.gos.get("enableRtl"),t=r===s.ColumnHighlightPosition.After,n=r===s.ColumnHighlightPosition.Before;a&&(e?l=t:i=n),o&&(e?i=n:l=t)}this.comp.toggleCss("ag-header-highlight-before",i),this.comp.toggleCss("ag-header-highlight-after",l)}resizeHeader(e,t){const{resizeFeature:a}=this;if(!a)return;const o=a.getInitialValues(t);a.resizeColumns(o,o.resizeStartWidth+e,"uiColumnResized",!0)}resizeLeafColumnsToFit(e){this.resizeFeature?.resizeLeafColumnsToFit(e)}setupUserComp(){const{colGroupSvc:e,userCompFactory:t,gos:a,enterpriseMenuFactory:o}=this.beans,n=this.column,r=n.getProvidedColumnGroup(),s=(0,l._addGridCommonParams)(a,{displayName:this.displayName,columnGroup:n,setExpanded:t=>{e.setColumnGroupOpened(r,t,"gridInitializing")},setTooltip:(e,t)=>{a.assertModuleRegistered("Tooltip",3),this.setupTooltip(e,t)},showColumnMenu:(e,t)=>o?.showMenuAfterButtonClick(r,e,"columnMenu",t),showColumnMenuAfterMouseClick:(e,t)=>o?.showMenuAfterMouseEvent(r,e,"columnMenu",t),eGridHeader:this.eGui}),d=(0,i._getHeaderGroupCompDetails)(t,s);d&&this.comp.setUserCompDetails(d)}addHeaderMouseListeners(e){const t=e=>this.handleMouseOverChange("mouseenter"===e.type);e.addManagedListeners(this.eGui,{mouseenter:t,mouseleave:t,click:()=>this.dispatchColumnMouseEvent("columnHeaderClicked",this.column.getProvidedColumnGroup()),contextmenu:e=>this.handleContextMenuMouseEvent(e,void 0,this.column.getProvidedColumnGroup())})}handleMouseOverChange(e){this.eventSvc.dispatchEvent({type:e?"columnHeaderMouseOver":"columnHeaderMouseLeave",column:this.column.getProvidedColumnGroup()})}setupTooltip(e,t){this.tooltipFeature=this.beans.tooltipSvc?.setupHeaderGroupTooltip(this.tooltipFeature,this,e,t)}setupExpandable(e){const t=this.column.getProvidedColumnGroup();this.refreshExpanded();const a=this.refreshExpanded.bind(this);e.addManagedListeners(t,{expandedChanged:a,expandableChanged:a})}refreshExpanded(){const{column:e}=this;this.expandable=e.isExpandable();const t=e.isExpanded();this.expandable?this.comp.setAriaExpanded(t?"true":"false"):this.comp.setAriaExpanded(void 0),this.refreshHeaderStyles()}addClasses(){const{column:e}=this,t=e.getColGroupDef(),a=(0,u._getHeaderClassesFromColDef)(t,this.gos,null,e);if(e.isPadding()){a.push("ag-header-group-cell-no-group");e.getLeafColumns().every(e=>e.isSpanHeaderHeight())&&a.push("ag-header-span-height")}else a.push("ag-header-group-cell-with-group"),t?.wrapHeaderText&&a.push("ag-header-cell-wrap-text");for(const e of a)this.comp.toggleCss(e,!0)}setupMovingCss(e){const{column:t}=this,a=t.getProvidedColumnGroup().getLeafColumns(),o=()=>this.comp.toggleCss("ag-header-cell-moving",t.isMoving());for(const t of a)e.addManagedListeners(t,{movingChanged:o});o()}onFocusIn(e){this.eGui.contains(e.relatedTarget)||this.focusThis()}handleKeyDown(e){super.handleKeyDown(e);const t=this.getWrapperHasFocus();if(this.expandable&&t&&e.key===o.KeyCode.ENTER){const e=this.column,t=!e.isExpanded();this.beans.colGroupSvc.setColumnGroupOpened(e.getProvidedColumnGroup(),t,"uiColumnExpanded")}}setDragSource(e){this.isAlive()&&!this.isSuppressMoving()&&(this.removeDragSource(),e&&(this.dragSource=this.beans.colMoves?.setDragSourceForHeader(e,this.column,this.displayName)??null))}isSuppressMoving(){return this.gos.get("suppressMovableColumns")||this.column.getLeafColumns().some(e=>e.getColDef().suppressMovable||e.getColDef().lockPosition)}destroy(){this.tooltipFeature=this.destroyBean(this.tooltipFeature),super.destroy()}}t.HeaderGroupCellCtrl=p},4998:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.HeaderGroupComp=void 0;const o=a(91668),n=a(1956),r=a(89097),i=a(31931),l=a(12036),s=a(22731),d=a(59970),c=a(47764),g=a(78020),u={tag:"div",cls:"ag-header-group-cell-label",role:"presentation",children:[{tag:"span",ref:"agLabel",cls:"ag-header-group-text",role:"presentation"},{tag:"span",ref:"agOpened",cls:"ag-header-icon ag-header-expand-icon ag-header-expand-icon-expanded"},{tag:"span",ref:"agClosed",cls:"ag-header-icon ag-header-expand-icon ag-header-expand-icon-collapsed"}]};class h extends g.Component{constructor(){super(u),this.agOpened=o.RefPlaceholder,this.agClosed=o.RefPlaceholder,this.agLabel=o.RefPlaceholder,this.isLoadingInnerComponent=!1}init(e){const{userCompFactory:t,touchSvc:a}=this.beans;this.params=e,this.checkWarnings(),this.workOutInnerHeaderGroupComponent(t,e),this.setupLabel(e),this.addGroupExpandIcon(e),this.setupExpandIcons(),a?.setupForHeaderGroup(this)}checkWarnings(){this.params.template&&(0,c._warn)(89)}workOutInnerHeaderGroupComponent(e,t){const a=(0,l._getInnerHeaderGroupCompDetails)(e,t,t);a&&(this.isLoadingInnerComponent=!0,a.newAgStackInstance().then(e=>{this.isLoadingInnerComponent=!1,e&&(this.isAlive()?(this.innerHeaderGroupComponent=e,this.agLabel.appendChild(e.getGui())):this.destroyBean(e))}))}setupExpandIcons(){const{agOpened:e,agClosed:t,params:{columnGroup:a},beans:o}=this;this.addInIcon("columnGroupOpened",e),this.addInIcon("columnGroupClosed",t);const n=e=>{if((0,s._isStopPropagationForAgGrid)(e))return;const t=!a.isExpanded();o.colGroupSvc.setColumnGroupOpened(a.getProvidedColumnGroup(),t,"uiColumnExpanded")};this.addTouchAndClickListeners(o,t,n),this.addTouchAndClickListeners(o,e,n);const r=e=>{(0,s._stopPropagationForAgGrid)(e)};this.addManagedElementListeners(t,{dblclick:r}),this.addManagedElementListeners(e,{dblclick:r}),this.addManagedElementListeners(this.getGui(),{dblclick:n}),this.updateIconVisibility();const i=a.getProvidedColumnGroup(),l=this.updateIconVisibility.bind(this);this.addManagedListeners(i,{expandedChanged:l,expandableChanged:l})}addTouchAndClickListeners(e,t,a){e.touchSvc?.setupForHeaderGroupElement(this,t,a),this.addManagedElementListeners(t,{click:a})}updateIconVisibility(){const{agOpened:e,agClosed:t,params:{columnGroup:a}}=this;if(a.isExpandable()){const o=a.isExpanded();(0,n._setDisplayed)(e,o),(0,n._setDisplayed)(t,!o)}else(0,n._setDisplayed)(e,!1),(0,n._setDisplayed)(t,!1)}addInIcon(e,t){const a=(0,d._createIconNoSpan)(e,this.beans,null);a&&t.appendChild(a)}addGroupExpandIcon(e){if(!e.columnGroup.isExpandable()){const{agOpened:e,agClosed:t}=this;(0,n._setDisplayed)(e,!1),(0,n._setDisplayed)(t,!1)}}setupLabel(e){const{displayName:t,columnGroup:a}=e,o=this.innerHeaderGroupComponent||this.isLoadingInnerComponent;(0,r._exists)(t)&&!o&&(this.agLabel.textContent=(0,i._toString)(t)),this.toggleCss("ag-sticky-label",!a.getColGroupDef()?.suppressStickyLabel)}destroy(){super.destroy(),this.innerHeaderGroupComponent&&(this.destroyBean(this.innerHeaderGroupComponent),this.innerHeaderGroupComponent=void 0)}}t.HeaderGroupComp=h},91295:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.refreshFirstAndLastStyles=t._getToolPanelClassesFromColDef=t._getHeaderClassesFromColDef=void 0;const o=a(89097),n=a(67274);function r(e,t,a,r,i){if((0,o._missing)(e))return[];let l;if("function"==typeof e){const o=function(e,t,a,o){return(0,n._addGridCommonParams)(t,{colDef:e,column:a,columnGroup:o})}(t,a,r,i);l=e(o)}else l=e;return"string"==typeof l?[l]:Array.isArray(l)?[...l]:[]}t._getHeaderClassesFromColDef=function(e,t,a,n){return(0,o._missing)(e)?[]:r(e.headerClass,e,t,a,n)},t._getToolPanelClassesFromColDef=function(e,t,a,n){return(0,o._missing)(e)?[]:r(e.toolPanelClass,e,t,a,n)},t.refreshFirstAndLastStyles=function(e,t,a){e.toggleCss("ag-column-first",a.isColAtEdge(t,"first")),e.toggleCss("ag-column-last",a.isColAtEdge(t,"last"))}},93290:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.HeaderFilterCellComp=void 0;const o=a(91668),n=a(1956),r=a(59860),i={tag:"div",cls:"ag-header-cell ag-floating-filter",role:"gridcell",children:[{tag:"div",ref:"eFloatingFilterBody",role:"presentation"},{tag:"div",ref:"eButtonWrapper",cls:"ag-floating-filter-button ag-hidden",role:"presentation",children:[{tag:"button",ref:"eButtonShowMainFilter",cls:"ag-button ag-floating-filter-button-button",attrs:{type:"button",tabindex:"-1"}}]}]};class l extends r.AbstractHeaderCellComp{constructor(e){super(i,e),this.eFloatingFilterBody=o.RefPlaceholder,this.eButtonWrapper=o.RefPlaceholder,this.eButtonShowMainFilter=o.RefPlaceholder}postConstruct(){const e=this.getGui(),t={toggleCss:(e,t)=>this.toggleCss(e,t),setUserStyles:t=>(0,n._addStylesToElement)(e,t),addOrRemoveBodyCssClass:(e,t)=>this.eFloatingFilterBody.classList.toggle(e,t),setButtonWrapperDisplayed:e=>(0,n._setDisplayed)(this.eButtonWrapper,e),setCompDetails:e=>this.setCompDetails(e),getFloatingFilterComp:()=>this.compPromise,setWidth:t=>e.style.width=t,setMenuIcon:e=>this.eButtonShowMainFilter.appendChild(e)};this.ctrl.setComp(t,e,this.eButtonShowMainFilter,this.eFloatingFilterBody,void 0)}setCompDetails(e){if(!e)return this.destroyFloatingFilterComp(),void(this.compPromise=null);this.compPromise=e.newAgStackInstance(),this.compPromise.then(e=>this.afterCompCreated(e))}destroy(){this.destroyFloatingFilterComp(),super.destroy()}destroyFloatingFilterComp(){this.floatingFilterComp&&(this.floatingFilterComp.getGui().remove(),this.floatingFilterComp=this.destroyBean(this.floatingFilterComp))}afterCompCreated(e){e&&(this.isAlive()?(this.destroyFloatingFilterComp(),this.floatingFilterComp=e,this.eFloatingFilterBody.appendChild(e.getGui()),e.afterGuiAttached&&e.afterGuiAttached()):this.destroyBean(e))}}t.HeaderFilterCellComp=l},33868:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.HeaderFilterCellCtrl=void 0;const o=a(59926),n=a(91623),r=a(80011),i=a(1956),l=a(5088),s=a(33789),d=a(4985),c=a(67274),g=a(68703),u=a(22731),h=a(59970),p=a(31772),m=a(83534);class f extends m.AbstractHeaderCellCtrl{constructor(){super(...arguments),this.iconCreated=!1}wireComp(e,t,a,o,n){this.comp=e;const r=(0,s.setupCompBean)(this,this.beans.context,n);this.eButtonShowMainFilter=a,this.eFloatingFilterBody=o,this.setGui(t,r),this.setupActive(),this.refreshHeaderStyles(),this.setupWidth(r),this.setupLeft(r),this.setupHover(r),this.setupFocus(r),this.setupAria(),this.setupFilterButton(),this.setupUserComp(),this.setupSyncWithFilter(r),this.setupUi(),r.addManagedElementListeners(this.eButtonShowMainFilter,{click:this.showParentFilter.bind(this)}),this.setupFilterChangedListener(r);const i=()=>this.onColDefChanged(r);r.addManagedListeners(this.column,{colDefChanged:i}),r.addManagedEventListeners({filterSwitched:({column:e})=>{e===this.column&&i()}}),r.addDestroyFunc(()=>{this.eButtonShowMainFilter=null,this.eFloatingFilterBody=null,this.userCompDetails=null,this.clearComponent()})}resizeHeader(){}moveHeader(){}getHeaderClassParams(){const{column:e,beans:t}=this,a=e.colDef;return(0,c._addGridCommonParams)(t.gos,{colDef:a,column:e,floatingFilter:!0})}setupActive(){const e=this.column.getColDef(),t=!!e.filter,a=!!e.floatingFilter;this.active=t&&a}setupUi(){if(this.comp.setButtonWrapperDisplayed(!this.suppressFilterButton&&this.active),this.comp.addOrRemoveBodyCssClass("ag-floating-filter-full-body",this.suppressFilterButton),this.comp.addOrRemoveBodyCssClass("ag-floating-filter-body",!this.suppressFilterButton),!this.active||this.iconCreated)return;const e=(0,h._createIconNoSpan)("filter",this.beans,this.column);e&&(this.iconCreated=!0,this.eButtonShowMainFilter.appendChild(e))}setupFocus(e){e.createManagedBean(new p.ManagedFocusFeature(this.eGui,{shouldStopEventPropagation:this.shouldStopEventPropagation.bind(this),onTabKeyDown:this.onTabKeyDown.bind(this),handleKeyDown:this.handleKeyDown.bind(this),onFocusIn:this.onFocusIn.bind(this)}))}setupAria(){const e=this.getLocaleTextFunc();(0,n._setAriaLabel)(this.eButtonShowMainFilter,e("ariaFilterMenuOpen","Open Filter Menu"))}onTabKeyDown(e){const{beans:t}=this;if((0,r._getActiveDomElement)(t)===this.eGui)return;const a=(0,l._findNextFocusableElement)(t,this.eGui,null,e.shiftKey);if(a)return t.headerNavigation?.scrollToColumn(this.column),e.preventDefault(),void a.focus();const o=this.findNextColumnWithFloatingFilter(e.shiftKey);o&&t.focusSvc.focusHeaderPosition({headerPosition:{headerRowIndex:this.rowCtrl.rowIndex,column:o},event:e})&&e.preventDefault()}findNextColumnWithFloatingFilter(e){const t=this.beans.visibleCols;let a=this.column;do{if(a=e?t.getColBefore(a):t.getColAfter(a),!a)break}while(!a.getColDef().filter||!a.getColDef().floatingFilter);return a}handleKeyDown(e){super.handleKeyDown(e);const t=this.getWrapperHasFocus();switch(e.key){case o.KeyCode.UP:case o.KeyCode.DOWN:case o.KeyCode.LEFT:case o.KeyCode.RIGHT:if(t)return;(0,u._stopPropagationForAgGrid)(e);case o.KeyCode.ENTER:t&&(0,l._focusInto)(this.eGui)&&e.preventDefault();break;case o.KeyCode.ESCAPE:t||this.eGui.focus()}}onFocusIn(e){if(this.eGui.contains(e.relatedTarget))return;const t=!!e.relatedTarget&&!e.relatedTarget.classList.contains("ag-floating-filter"),a=!!e.relatedTarget&&(0,i._isElementChildOfClass)(e.relatedTarget,"ag-floating-filter");if(t&&a&&e.target===this.eGui){const e=this.lastFocusEvent,t=!(!e||e.key!==o.KeyCode.TAB);if(e&&t){const t=e.shiftKey;(0,l._focusInto)(this.eGui,t)}}this.focusThis()}setupHover(e){this.beans.colHover?.addHeaderFilterColumnHoverListener(e,this.comp,this.column,this.eGui)}setupLeft(e){const t=new g.SetLeftFeature(this.column,this.eGui,this.beans);e.createManagedBean(t)}setupFilterButton(){this.suppressFilterButton=!this.beans.menuSvc?.isFloatingFilterButtonEnabled(this.column),this.highlightFilterButtonWhenActive=!(0,c._isLegacyMenuEnabled)(this.gos)}setupUserComp(){if(!this.active)return;const e=this.beans.colFilter?.getFloatingFilterCompDetails(this.column,()=>this.showParentFilter());e&&this.setCompDetails(e)}setCompDetails(e){this.userCompDetails=e,this.comp.setCompDetails(e)}showParentFilter(){const e=this.suppressFilterButton?this.eFloatingFilterBody:this.eButtonShowMainFilter;this.beans.menuSvc?.showFilterMenu({column:this.column,buttonElement:e,containerType:"floatingFilter",positionBy:"button"})}setupSyncWithFilter(e){if(!this.active)return;const{beans:{colFilter:t},column:a,gos:o}=this,n=e=>{if(!("filterDestroyed"!==e?.source||this.isAlive()&&t?.isAlive()))return;const n=this.comp.getFloatingFilterComp();n&&n.then(n=>{if(n){if(o.get("enableFilterHandlers")){const t=e;let a="filter";return t?.afterFloatingFilter?a="ui":t?.afterDataChange?a="dataChanged":"api"===e?.source&&(a="api"),void this.updateFloatingFilterParams(this.userCompDetails,a)}const r=t?.getCurrentFloatingFilterParentModel(a),i=e?{...e,columns:e.columns??[],source:"api"===e.source?"api":"columnFilter"}:null;n.onParentModelChanged(r,i)}})};[this.destroySyncListener]=e.addManagedListeners(a,{filterChanged:n}),t?.isFilterActive(a)&&n(null)}setupWidth(e){const t=()=>{const e=`${this.column.getActualWidth()}px`;this.comp.setWidth(e)};e.addManagedListeners(this.column,{widthChanged:t}),t()}setupFilterChangedListener(e){this.active&&([this.destroyFilterChangedListener]=e.addManagedListeners(this.column,{filterChanged:this.updateFilterButton.bind(this)}),this.updateFilterButton())}updateFilterButton(){if(!this.suppressFilterButton&&this.comp){const e=!!this.beans.filterManager?.isFilterAllowed(this.column);this.comp.setButtonWrapperDisplayed(e),this.highlightFilterButtonWhenActive&&e&&this.eButtonShowMainFilter.classList.toggle("ag-filter-active",this.column.isFilterActive())}}onColDefChanged(e){const t=this.active;this.setupActive();const a=!t&&this.active;t&&!this.active&&(this.destroySyncListener(),this.destroyFilterChangedListener());const o=this.beans.colFilter,n=this.active?o?.getFloatingFilterCompDetails(this.column,()=>this.showParentFilter()):null,r=this.comp.getFloatingFilterComp();r&&n?r.then(t=>{!t||o?.areFilterCompsDifferent(this.userCompDetails??null,n)?this.updateCompDetails(e,n,a):this.updateFloatingFilterParams(n,"colDef")}):this.updateCompDetails(e,n,a)}updateCompDetails(e,t,a){this.isAlive()&&(this.setCompDetails(t),this.setupFilterButton(),this.setupUi(),a&&(this.setupSyncWithFilter(e),this.setupFilterChangedListener(e)))}updateFloatingFilterParams(e,t){if(!e)return;let a=e.params;this.comp.getFloatingFilterComp()?.then(e=>{"function"==typeof e?.refresh&&(this.gos.get("enableFilterHandlers")&&(a={...a,model:(0,d._getFilterModel)(this.beans.colFilter?.model??{},this.column.getColId()),source:t}),e.refresh(a))})}addResizeAndMoveKeyboardListeners(){}destroy(){super.destroy(),this.destroySyncListener=null,this.destroyFilterChangedListener=null}}t.HeaderFilterCellCtrl=f},88078:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.ColumnGroupHeaderCompModule=t.ColumnHeaderCompModule=void 0;const o=a(97205),n=a(49270),r=a(4998);t.ColumnHeaderCompModule={moduleName:"ColumnHeaderComp",version:o.VERSION,userComponents:{agColumnHeader:n.HeaderComp},icons:{menu:"menu",menuAlt:"menu-alt"}},t.ColumnGroupHeaderCompModule={moduleName:"ColumnGroupHeaderComp",version:o.VERSION,userComponents:{agColumnGroupHeader:r.HeaderGroupComp},icons:{columnGroupOpened:"expanded",columnGroupClosed:"contracted"}}},38791:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.GridHeaderSelector=void 0;const o=a(78020),n=a(70009),r=a(77260),i={tag:"div",cls:"ag-header",role:"presentation"};class l extends o.Component{constructor(){super(i)}postConstruct(){const e={toggleCss:(e,t)=>this.toggleCss(e,t),setHeightAndMinHeight:e=>{this.getGui().style.height=e,this.getGui().style.minHeight=e}};this.createManagedBean(new n.GridHeaderCtrl).setComp(e,this.getGui(),this.getFocusableElement());const t=e=>{this.createManagedBean(e),this.appendChild(e)};t(new r.HeaderRowContainerComp("left")),t(new r.HeaderRowContainerComp(null)),t(new r.HeaderRowContainerComp("right"))}}t.GridHeaderSelector={selector:"AG-HEADER-ROOT",component:l}},70009:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.GridHeaderCtrl=void 0;const o=a(59926),n=a(80011),r=a(1956),i=a(89097),l=a(68731),s=a(86675),d=a(31772),c=a(1323);class g extends l.BeanStub{setComp(e,t,a){this.comp=e,this.eGui=t;const{beans:o}=this,{headerNavigation:n,touchSvc:r,ctrlsSvc:i}=o;n&&this.createManagedBean(new d.ManagedFocusFeature(a,{onTabKeyDown:this.onTabKeyDown.bind(this),handleKeyDown:this.handleKeyDown.bind(this),onFocusOut:this.onFocusOut.bind(this)})),this.addManagedEventListeners({columnPivotModeChanged:this.onPivotModeChanged.bind(this,o),displayedColumnsChanged:this.onDisplayedColumnsChanged.bind(this,o)}),this.onPivotModeChanged(o),this.setupHeaderHeight();const l=this.onHeaderContextMenu.bind(this);this.addManagedElementListeners(this.eGui,{contextmenu:l}),r?.mockHeaderContextMenu(this,l),i.register("gridHeaderCtrl",this)}setupHeaderHeight(){const e=this.setHeaderHeight.bind(this);e(),this.addManagedPropertyListeners(["headerHeight","pivotHeaderHeight","groupHeaderHeight","pivotGroupHeaderHeight","floatingFiltersHeight"],e),this.addManagedEventListeners({headerRowsChanged:e,columnHeaderHeightChanged:e,columnGroupHeaderHeightChanged:()=>(0,r._requestAnimationFrame)(this.beans,()=>e()),gridStylesChanged:e,advancedFilterEnabledChanged:e})}setHeaderHeight(){const{beans:e}=this;let t=0;const a=(0,c.getGroupRowsHeight)(e).reduce((e,t)=>e+t,0),o=(0,c.getColumnHeaderRowHeight)(e);if(e.filterManager?.hasFloatingFilters()&&(t+=(0,c.getFloatingFiltersHeight)(e)),t+=a,t+=o,this.headerHeight===t)return;this.headerHeight=t;const n=`${t+1}px`;this.comp.setHeightAndMinHeight(n),this.eventSvc.dispatchEvent({type:"headerHeightChanged"})}onPivotModeChanged(e){const t=e.colModel.isPivotMode();this.comp.toggleCss("ag-pivot-on",t),this.comp.toggleCss("ag-pivot-off",!t)}onDisplayedColumnsChanged(e){const t=e.visibleCols.allCols.some(e=>e.isSpanHeaderHeight());this.comp.toggleCss("ag-header-allow-overflow",t)}onTabKeyDown(e){const t=this.gos.get("enableRtl"),a=e.shiftKey,o=a!==t?"LEFT":"RIGHT",{beans:n}=this,{headerNavigation:r,focusSvc:i}=n;(r.navigateHorizontally(o,!0,e)||!a&&i.focusOverlay(!1)||(0,s._focusNextGridCoreContainer)(n,a,!0))&&e.preventDefault()}handleKeyDown(e){let t=null;const{headerNavigation:a}=this.beans;switch(e.key){case o.KeyCode.LEFT:t="LEFT";case o.KeyCode.RIGHT:(0,i._exists)(t)||(t="RIGHT"),a.navigateHorizontally(t,!1,e)&&e.preventDefault();break;case o.KeyCode.UP:t="UP";case o.KeyCode.DOWN:(0,i._exists)(t)||(t="DOWN"),a.navigateVertically(t,e)&&e.preventDefault();break;default:return}}onFocusOut(e){const{relatedTarget:t}=e,{eGui:a,beans:o}=this;!t&&a.contains((0,n._getActiveDomElement)(o))||a.contains(t)||(o.focusSvc.focusedHeader=null)}onHeaderContextMenu(e,t,a){const{menuSvc:o,ctrlsSvc:n}=this.beans;if(!e&&!a||!o?.isHeaderContextMenuEnabled())return;const{target:r}=e??t;r!==this.eGui&&r!==n.getHeaderRowContainerCtrl()?.eViewport||o.showHeaderContextMenu(void 0,e,a)}}t.GridHeaderCtrl=g},1323:function(e,t){function a(e,t){let a=e.colModel.isPivotMode()?function(e){return e.gos.get("pivotGroupHeaderHeight")??n(e)}(e):n(e);const o=t.getHeaderCellCtrls();for(const e of o){const{column:t}=e,o=t.getAutoHeaderHeight();null!=o&&o>a&&t.isAutoHeaderHeight()&&(a=o)}return a}function o(e){return e.gos.get("headerHeight")??e.environment.getDefaultHeaderHeight()}function n(e){return e.gos.get("groupHeaderHeight")??o(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.isHeaderPositionEqual=t.getFloatingFiltersHeight=t.getHeaderHeight=t.getColumnHeaderRowHeight=t.getGroupRowsHeight=t.getFocusHeaderRowCount=t.getHeaderRowCount=void 0,t.getHeaderRowCount=function(e){return e.cols?e.cols.treeDepth+1:-1},t.getFocusHeaderRowCount=function(e){return e.ctrlsSvc.getHeaderRowContainerCtrl()?.getRowCount()??0},t.getGroupRowsHeight=function(e){const t=[],o=e.ctrlsSvc.getHeaderRowContainerCtrls();for(const n of o){if(!n)continue;const o=n.getGroupRowCount()||0;for(let r=0;r<o;r++){const o=n.getGroupRowCtrlAtIndex(r),i=t[r];if(o){const n=a(e,o);(null==i||n>i)&&(t[r]=n)}}}return t},t.getColumnHeaderRowHeight=function(e){let t=e.colModel.isPivotMode()?function(e){return e.gos.get("pivotHeaderHeight")??o(e)}(e):o(e);return e.colModel.forAllCols(e=>{const a=e.getAutoHeaderHeight();null!=a&&a>t&&e.isAutoHeaderHeight()&&(t=a)}),t},t.getHeaderHeight=o,t.getFloatingFiltersHeight=function(e){return e.gos.get("floatingFiltersHeight")??o(e)},t.isHeaderPositionEqual=function(e,t){return e.headerRowIndex===t.headerRowIndex&&e.column===t.column}},28866:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.HeaderRowComp=void 0;const o=a(91623),n=a(1956),r=a(78020),i=a(21906),l=a(87746),s=a(93290);class d extends r.Component{constructor(e){super({tag:"div",cls:e.headerRowClass,role:"row"}),this.ctrl=e,this.headerComps={}}postConstruct(){this.getGui().setAttribute("tabindex",String(this.gos.get("tabIndex"))),(0,o._setAriaRowIndex)(this.getGui(),this.ctrl.getAriaRowIndex());const e={setHeight:e=>this.getGui().style.height=e,setTop:e=>this.getGui().style.top=e,setHeaderCtrls:(e,t)=>this.setHeaderCtrls(e,t),setWidth:e=>this.getGui().style.width=e,setRowIndex:e=>(0,o._setAriaRowIndex)(this.getGui(),e)};this.ctrl.setComp(e,void 0)}destroy(){this.setHeaderCtrls([],!1),super.destroy()}setHeaderCtrls(e,t){if(!this.isAlive())return;const a=this.headerComps;this.headerComps={};for(const t of e){const e=t.instanceId;let o=a[e];delete a[e],null==o&&(o=this.createHeaderComp(t),this.getGui().appendChild(o.getGui())),this.headerComps[e]=o}if(Object.values(a).forEach(e=>{e.getGui().remove(),this.destroyBean(e)}),t){const e=Object.values(this.headerComps);e.sort((e,t)=>e.getCtrl().column.getLeft()-t.getCtrl().column.getLeft());const t=e.map(e=>e.getGui());(0,n._setDomChildOrder)(this.getGui(),t)}}createHeaderComp(e){let t;switch(this.ctrl.type){case"group":t=new l.HeaderGroupCellComp(e);break;case"filter":t=new s.HeaderFilterCellComp(e);break;default:t=new i.HeaderCellComp(e)}return this.createBean(t),t.setParentComponent(this),t}}t.HeaderRowComp=d},82868:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.HeaderRowCtrl=void 0;const o=a(33789),n=a(68731),r=a(67274),i=a(20260),l=a(1323);let s=0;class d extends n.BeanStub{constructor(e,t,a){super(),this.rowIndex=e,this.pinned=t,this.type=a,this.instanceId=s++,this.comp=null,this.allCtrls=[];let o="ag-header-row-column";"group"===a?o="ag-header-row-group":"filter"===a&&(o="ag-header-row-filter"),this.headerRowClass=`ag-header-row ${o}`}setRowIndex(e){this.rowIndex=e,this.comp?.setRowIndex(this.getAriaRowIndex()),this.onRowHeightChanged()}postConstruct(){this.isPrintLayout=(0,r._isDomLayout)(this.gos,"print"),this.isEnsureDomOrder=this.gos.get("ensureDomOrder")}areCellsRendered(){return!!this.comp&&this.allCtrls.every(e=>null!=e.eGui)}setComp(e,t,a=!0){this.comp=e,t=(0,o.setupCompBean)(this,this.beans.context,t),a&&(this.setRowIndex(this.rowIndex),this.onVirtualColumnsChanged()),this.setWidth(),this.addEventListeners(t)}getAriaRowIndex(){return this.rowIndex+1}addEventListeners(e){const t=this.onRowHeightChanged.bind(this),a=this.onDisplayedColumnsChanged.bind(this);e.addManagedEventListeners({columnResized:this.setWidth.bind(this),displayedColumnsChanged:a,virtualColumnsChanged:e=>this.onVirtualColumnsChanged(e.afterScroll),columnGroupHeaderHeightChanged:t,columnHeaderHeightChanged:t,gridStylesChanged:t,advancedFilterEnabledChanged:t}),e.addManagedPropertyListener("domLayout",a),e.addManagedPropertyListener("ensureDomOrder",e=>this.isEnsureDomOrder=e.currentValue),e.addManagedPropertyListeners(["headerHeight","pivotHeaderHeight","groupHeaderHeight","pivotGroupHeaderHeight","floatingFiltersHeight"],t)}onDisplayedColumnsChanged(){this.isPrintLayout=(0,r._isDomLayout)(this.gos,"print"),this.onVirtualColumnsChanged(),this.setWidth(),this.onRowHeightChanged()}setWidth(){if(!this.comp)return;const e=this.getWidthForRow();this.comp.setWidth(`${e}px`)}getWidthForRow(){const{visibleCols:e}=this.beans;if(this.isPrintLayout){return null!=this.pinned?0:e.getContainerWidth("right")+e.getContainerWidth("left")+e.getContainerWidth(null)}return e.getContainerWidth(this.pinned)}onRowHeightChanged(){if(!this.comp)return;const{topOffset:e,rowHeight:t}=this.getTopAndHeight();this.comp.setTop(e+"px"),this.comp.setHeight(t+"px")}getTopAndHeight(){let e=0;const t=(0,l.getGroupRowsHeight)(this.beans);for(let a=0;a<t.length;a++){if(a===this.rowIndex&&"group"===this.type)return{topOffset:e,rowHeight:t[a]};e+=t[a]}const a=(0,l.getColumnHeaderRowHeight)(this.beans);if("column"===this.type)return{topOffset:e,rowHeight:a};e+=a;return{topOffset:e,rowHeight:(0,l.getFloatingFiltersHeight)(this.beans)}}onVirtualColumnsChanged(e=!1){if(!this.comp)return;const t=this.getUpdatedHeaderCtrls(),a=this.isEnsureDomOrder||this.isPrintLayout;this.comp.setHeaderCtrls(t,a,e)}getUpdatedHeaderCtrls(){const e=this.ctrlsById;this.ctrlsById=new Map;const t=this.getColumnsInViewport();for(const a of t)this.recycleAndCreateHeaderCtrls(a,this.ctrlsById,e);const a=e=>{const{focusSvc:t,visibleCols:a}=this.beans;if(!t.isHeaderWrapperFocused(e))return!1;return a.isVisible(e.column)};if(e)for(const[t,o]of e){a(o)?this.ctrlsById.set(t,o):this.destroyBean(o)}return this.allCtrls=Array.from(this.ctrlsById.values()),this.allCtrls}getHeaderCellCtrls(){return this.allCtrls}recycleAndCreateHeaderCtrls(e,t,a){if(e.isEmptyGroup())return;const o=e.getUniqueId();let n;a&&(n=a.get(o),a.delete(o));if(n&&n.column!=e&&(this.destroyBean(n),n=void 0),null==n)switch(this.type){case"filter":n=this.createBean(this.beans.registry.createDynamicBean("headerFilterCellCtrl",!0,e,this));break;case"group":n=this.createBean(this.beans.registry.createDynamicBean("headerGroupCellCtrl",!0,e,this));break;default:n=this.createBean(new i.HeaderCellCtrl(e,this))}t.set(o,n)}getColumnsInViewport(){if(!this.isPrintLayout)return this.getComponentsToRender();if(this.pinned)return[];const e=[];for(const t of["left",null,"right"])e.push(...this.getComponentsToRender(t));return e}getComponentsToRender(e=this.pinned){return"group"===this.type?this.beans.colViewport.getHeadersToRender(e,this.rowIndex):this.beans.colViewport.getColumnHeadersToRender(e)}focusHeader(e,t){const a=this.allCtrls.find(t=>t.column==e);if(!a)return!1;return a.focus(t)}destroy(){this.allCtrls=this.destroyBeans(this.allCtrls),this.ctrlsById=void 0,this.comp=null,super.destroy()}}t.HeaderRowCtrl=d},77260:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.HeaderRowContainerComp=void 0;const o=a(91668),n=a(1956),r=a(78020),i=a(28866),l=a(98934),s={tag:"div",cls:"ag-pinned-left-header",role:"rowgroup"},d={tag:"div",cls:"ag-pinned-right-header",role:"rowgroup"},c={tag:"div",cls:"ag-header-viewport",role:"rowgroup",attrs:{tabindex:"-1"},children:[{tag:"div",ref:"eCenterContainer",cls:"ag-header-container",role:"presentation"}]};class g extends r.Component{constructor(e){super(),this.eCenterContainer=o.RefPlaceholder,this.headerRowComps={},this.rowCompsList=[],this.pinned=e}postConstruct(){this.selectAndSetTemplate();const e={setDisplayed:e=>this.setDisplayed(e),setCtrls:e=>this.setCtrls(e),setCenterWidth:e=>this.eCenterContainer.style.width=e,setViewportScrollLeft:e=>this.getGui().scrollLeft=e,setPinnedContainerWidth:e=>{const t=this.getGui();t.style.width=e,t.style.maxWidth=e,t.style.minWidth=e}};this.createManagedBean(new l.HeaderRowContainerCtrl(this.pinned)).setComp(e,this.getGui())}selectAndSetTemplate(){const e="left"==this.pinned,t="right"==this.pinned,a=e?s:t?d:c;this.setTemplate(a),this.eRowContainer=this.eCenterContainer!==o.RefPlaceholder?this.eCenterContainer:this.getGui()}destroy(){this.setCtrls([]),super.destroy()}destroyRowComp(e){this.destroyBean(e),e.getGui().remove()}setCtrls(e){const t=this.headerRowComps;let a;this.headerRowComps={},this.rowCompsList=[];const o=e=>{const t=e.getGui();t.parentElement!=this.eRowContainer&&this.eRowContainer.appendChild(t),a&&(0,n._ensureDomOrder)(this.eRowContainer,t,a),a=t};for(const a of e){const e=a.instanceId,n=t[e];delete t[e];const r=n||this.createBean(new i.HeaderRowComp(a));this.headerRowComps[e]=r,this.rowCompsList.push(r),o(r)}for(const e of Object.values(t))this.destroyRowComp(e)}}t.HeaderRowContainerComp=g},98934:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.HeaderRowContainerCtrl=void 0;const o=a(68731),n=a(13355),r=a(42218),i=a(82868);class l extends o.BeanStub{constructor(e){super(),this.pinned=e,this.hidden=!1,this.includeFloatingFilter=!1,this.groupsRowCtrls=[]}setComp(e,t){this.comp=e,this.eViewport=t;const{pinnedCols:a,ctrlsSvc:o,colModel:n,colMoves:r}=this.beans;this.setupCenterWidth(),a?.setupHeaderPinnedWidth(this),this.setupDragAndDrop(r,this.eViewport);const i=this.refresh.bind(this,!0);this.addManagedEventListeners({displayedColumnsChanged:i,advancedFilterEnabledChanged:i});const l=`${"string"==typeof this.pinned?this.pinned:"center"}Header`;o.register(l,this),n.ready&&this.refresh()}getAllCtrls(){const e=[...this.groupsRowCtrls];return this.columnsRowCtrl&&e.push(this.columnsRowCtrl),this.filtersRowCtrl&&e.push(this.filtersRowCtrl),e}refresh(e=!1){const{focusSvc:t,filterManager:a,visibleCols:o}=this.beans;let n=0;const r=t.getFocusHeaderToUseAfterRefresh(),l=this.getAllCtrls();(()=>{const t=o.headerGroupRowCount;n=t,e||(this.groupsRowCtrls=this.destroyBeans(this.groupsRowCtrls));const a=this.groupsRowCtrls.length;if(a!==t)if(a>t){for(let e=t;e<a;e++)this.destroyBean(this.groupsRowCtrls[e]);this.groupsRowCtrls.length=t}else for(let e=a;e<t;e++){const t=this.createBean(new i.HeaderRowCtrl(e,this.pinned,"group"));this.groupsRowCtrls.push(t)}})(),(()=>{const t=n++;this.hidden?this.columnsRowCtrl=this.destroyBean(this.columnsRowCtrl):null!=this.columnsRowCtrl&&e?this.columnsRowCtrl.rowIndex!==t&&this.columnsRowCtrl.setRowIndex(t):(this.columnsRowCtrl=this.destroyBean(this.columnsRowCtrl),this.columnsRowCtrl=this.createBean(new i.HeaderRowCtrl(t,this.pinned,"column")))})(),(()=>{this.includeFloatingFilter=!!a?.hasFloatingFilters()&&!this.hidden;const t=()=>{this.filtersRowCtrl=this.destroyBean(this.filtersRowCtrl)};if(!this.includeFloatingFilter)return void t();e||t();const o=n++;if(this.filtersRowCtrl){this.filtersRowCtrl.rowIndex!==o&&this.filtersRowCtrl.setRowIndex(o)}else this.filtersRowCtrl=this.createBean(new i.HeaderRowCtrl(o,this.pinned,"filter"))})();const s=this.getAllCtrls();this.comp.setCtrls(s),this.restoreFocusOnHeader(t,r),l.length!==s.length&&this.beans.eventSvc.dispatchEvent({type:"headerRowsChanged"})}getHeaderCtrlForColumn(e){const t=t=>t?.getHeaderCellCtrls().find(t=>t.column===e);if((0,n.isColumn)(e))return t(this.columnsRowCtrl);if(0!==this.groupsRowCtrls.length)for(let e=0;e<this.groupsRowCtrls.length;e++){const a=t(this.groupsRowCtrls[e]);if(a)return a}}getHtmlElementForColumnHeader(e){return this.getHeaderCtrlForColumn(e)?.eGui??null}getRowType(e){return this.getAllCtrls()[e]?.type}focusHeader(e,t,a){const o=this.getAllCtrls()[e];return!!o&&o.focusHeader(t,a)}getGroupRowCount(){return this.groupsRowCtrls.length}getGroupRowCtrlAtIndex(e){return this.groupsRowCtrls[e]}getRowCount(){return this.groupsRowCtrls.length+(this.columnsRowCtrl?1:0)+(this.filtersRowCtrl?1:0)}setHorizontalScroll(e){this.comp.setViewportScrollLeft(e)}onScrollCallback(e){this.addManagedElementListeners(this.eViewport,{scroll:e})}destroy(){this.filtersRowCtrl=this.destroyBean(this.filtersRowCtrl),this.columnsRowCtrl=this.destroyBean(this.columnsRowCtrl),this.groupsRowCtrls=this.destroyBeans(this.groupsRowCtrls),super.destroy()}setupDragAndDrop(e,t){const a=e?.createBodyDropTarget(this.pinned,t);a&&this.createManagedBean(a)}restoreFocusOnHeader(e,t){if(!t)return;const{column:a}=t;a.getPinned()==this.pinned&&e.focusHeaderPosition({headerPosition:t,scroll:!1})}setupCenterWidth(){null==this.pinned&&this.createManagedBean(new r.CenterWidthFeature(e=>this.comp.setCenterWidth(`${e}px`),!0))}}t.HeaderRowContainerCtrl=l},76642:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.InfiniteBlock=void 0;const o=a(89097),n=a(68731),r=a(3373),i=a(67274),l=a(47764);class s extends n.BeanStub{constructor(e,t,a){super(),this.id=e,this.parentCache=t,this.params=a,this.state="needsLoading",this.version=0,this.startRow=e*a.blockSize,this.endRow=this.startRow+a.blockSize}load(){this.state="loading",this.loadFromDatasource()}setStateWaitingToLoad(){this.version++,this.state="needsLoading"}pageLoadFailed(e){this.isRequestMostRecentAndLive(e)&&(this.state="failed"),this.dispatchLocalEvent({type:"loadComplete"})}pageLoaded(e,t,a){this.successCommon(e,{rowData:t,rowCount:a})}isRequestMostRecentAndLive(e){const t=e===this.version,a=this.isAlive();return t&&a}successCommon(e,t){this.dispatchLocalEvent({type:"loadComplete"});this.isRequestMostRecentAndLive(e)&&(this.state="loaded",this.processServerResult(t))}postConstruct(){this.rowNodes=[];const{params:{blockSize:e,rowHeight:t},startRow:a,beans:o,rowNodes:n}=this;for(let i=0;i<e;i++){const e=a+i,l=new r.RowNode(o);l.setRowHeight(t),l.uiLevel=0,l.setRowIndex(e),l.setRowTop(t*e),n.push(l)}}getBlockStateJson(){const{id:e,startRow:t,endRow:a,state:o}=this;return{id:""+e,state:{blockNumber:e,startRow:t,endRow:a,pageStatus:o}}}setDataAndId(e,t,a){(0,o._exists)(t)?e.setDataAndId(t,a.toString()):e.setDataAndId(void 0,void 0)}loadFromDatasource(){const e=this.createLoadParams();(0,o._missing)(this.params.datasource.getRows)?(0,l._warn)(90):window.setTimeout(()=>{this.params.datasource.getRows(e)},0)}createLoadParams(){const{startRow:e,endRow:t,version:a,params:{sortModel:o,filterModel:n},gos:r}=this;return{startRow:e,endRow:t,successCallback:this.pageLoaded.bind(this,a),failCallback:this.pageLoadFailed.bind(this,a),sortModel:o,filterModel:n,context:(0,i._addGridCommonParams)(r,{}).context}}forEachNode(e,t,a){this.rowNodes.forEach((o,n)=>{this.startRow+n<a&&e(o,t.value++)})}getRow(e,t=!1){t||(this.lastAccessed=this.params.lastAccessedSequence.value++);const a=e-this.startRow;return this.rowNodes[a]}processServerResult(e){const{rowNodes:t,beans:a}=this;t.forEach((o,n)=>{const i=e.rowData?e.rowData[n]:void 0;!o.id&&o.alreadyRendered&&i&&(t[n]=new r.RowNode(a),t[n].setRowIndex(o.rowIndex),t[n].setRowTop(o.rowTop),t[n].setRowHeight(o.rowHeight),o.clearRowTopAndRowIndex()),this.setDataAndId(t[n],i,this.startRow+n)});const o=null!=e.rowCount&&e.rowCount>=0?e.rowCount:void 0;this.parentCache.pageLoaded(this,o)}destroy(){for(const e of this.rowNodes)e.clearRowTopAndRowIndex();super.destroy()}}t.InfiniteBlock=s},88861:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.InfiniteCache=void 0;const o=a(89097),n=a(68731),r=a(86597),i=a(76642);class l extends n.BeanStub{constructor(e){super(),this.params=e,this.lastRowIndexKnown=!1,this.blocks={},this.blockCount=0,this.rowCount=e.initialRowCount}getRow(e,t=!1){const a=Math.floor(e/this.params.blockSize);let o=this.blocks[a];if(!o){if(t)return;o=this.createBlock(a)}return o.getRow(e)}createBlock(e){const t=this.params,a=this.createBean(new i.InfiniteBlock(e,this,t));return this.blocks[a.id]=a,this.blockCount++,this.purgeBlocksIfNeeded(a),t.rowNodeBlockLoader.addBlock(a),a}refreshCache(){if(0==this.blockCount)this.purgeCache();else{for(const e of this.getBlocksInOrder())e.setStateWaitingToLoad();this.params.rowNodeBlockLoader.checkBlockToLoad()}}destroy(){for(const e of this.getBlocksInOrder())this.destroyBlock(e);super.destroy()}getRowCount(){return this.rowCount}isLastRowIndexKnown(){return this.lastRowIndexKnown}pageLoaded(e,t){this.isAlive()&&((0,r._logIfDebug)(this.gos,`InfiniteCache - onPageLoaded: page = ${e.id}, lastRow = ${t}`),this.checkRowCount(e,t),this.onCacheUpdated())}purgeBlocksIfNeeded(e){const t=this.getBlocksInOrder().filter(t=>t!=e);t.sort((e,t)=>t.lastAccessed-e.lastAccessed);const a=this.params.maxBlocksInCache>0,o=a?this.params.maxBlocksInCache-1:null;t.forEach((e,t)=>{if("needsLoading"===e.state&&t>=1||!!a&&t>=o){if(this.isBlockCurrentlyDisplayed(e))return;if(this.isBlockFocused(e))return;this.removeBlockFromCache(e)}})}isBlockFocused(e){const t=this.beans.focusSvc.getFocusCellToUseAfterRefresh();if(!t)return!1;if(null!=t.rowPinned)return!1;const{startRow:a,endRow:o}=e;return t.rowIndex>=a&&t.rowIndex<o}isBlockCurrentlyDisplayed(e){const{startRow:t,endRow:a}=e;return this.beans.rowRenderer.isRangeInRenderedViewport(t,a-1)}removeBlockFromCache(e){e&&this.destroyBlock(e)}checkRowCount(e,t){if("number"==typeof t&&t>=0)this.rowCount=t,this.lastRowIndexKnown=!0;else if(!this.lastRowIndexKnown){const{blockSize:t,overflowSize:a}=this.params,o=(e.id+1)*t+a;this.rowCount<o&&(this.rowCount=o)}}setRowCount(e,t){this.rowCount=e,(0,o._exists)(t)&&(this.lastRowIndexKnown=t),this.lastRowIndexKnown||this.rowCount%this.params.blockSize===0&&this.rowCount++,this.onCacheUpdated()}forEachNodeDeep(e){const t={value:0};for(const a of this.getBlocksInOrder())a.forEachNode(e,t,this.rowCount)}getBlocksInOrder(){return Object.values(this.blocks).sort((e,t)=>e.id-t.id)}destroyBlock(e){delete this.blocks[e.id],this.destroyBean(e),this.blockCount--,this.params.rowNodeBlockLoader.removeBlock(e)}onCacheUpdated(){this.isAlive()&&(this.destroyAllBlocksPastVirtualRowCount(),this.eventSvc.dispatchEvent({type:"storeUpdated"}))}destroyAllBlocksPastVirtualRowCount(){const e=[];for(const t of this.getBlocksInOrder()){t.id*this.params.blockSize>=this.rowCount&&e.push(t)}if(e.length>0)for(const t of e)this.destroyBlock(t)}purgeCache(){for(const e of this.getBlocksInOrder())this.removeBlockFromCache(e);this.lastRowIndexKnown=!1,0===this.rowCount&&(this.rowCount=this.params.initialRowCount),this.onCacheUpdated()}getRowNodesInRange(e,t){const a=[];let o=-1,n=!1;const r={value:0};let i=!1;for(const l of this.getBlocksInOrder())i||(n&&o+1!==l.id?i=!0:(o=l.id,l.forEachNode(o=>{const r=o===e||o===t;(n||r)&&a.push(o),r&&(n=!n)},r,this.rowCount)));return i||n?[]:a}}t.InfiniteCache=l},52550:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.InfiniteRowModel=void 0;const o=a(89097),n=a(68731),r=a(3373),i=a(67274),l=a(88861);class s extends n.BeanStub{constructor(){super(...arguments),this.beanName="rowModel",this.rootNode=null}getRowBounds(e){return{rowHeight:this.rowHeight,rowTop:this.rowHeight*e}}ensureRowHeightsValid(){return!1}postConstruct(){if("infinite"!==this.gos.get("rowModelType"))return;const e=this.beans,t=new r.RowNode(e);this.rootNode=t,t.level=-1,this.rowHeight=(0,i._getRowHeightAsNumber)(e),this.addEventListeners(),this.addDestroyFunc(()=>this.destroyCache())}start(){this.setDatasource(this.gos.get("datasource"))}destroy(){this.destroyDatasource(),super.destroy(),this.rootNode=null}destroyDatasource(){this.datasource&&(this.destroyBean(this.datasource),this.beans.rowRenderer.datasourceChanged(),this.datasource=null)}addEventListeners(){this.addManagedEventListeners({filterChanged:this.reset.bind(this),sortChanged:this.reset.bind(this),newColumnsLoaded:this.onColumnEverything.bind(this),storeUpdated:this.dispatchModelUpdatedEvent.bind(this)}),this.addManagedPropertyListener("datasource",()=>this.setDatasource(this.gos.get("datasource"))),this.addManagedPropertyListener("cacheBlockSize",()=>this.resetCache()),this.addManagedPropertyListener("rowHeight",()=>{this.rowHeight=(0,i._getRowHeightAsNumber)(this.beans),this.cacheParams.rowHeight=this.rowHeight,this.updateRowHeights()})}onColumnEverything(){let e;e=!this.cacheParams||!(0,o._jsonEquals)(this.cacheParams.sortModel,this.beans.sortSvc?.getSortModel()??[]),e&&this.reset()}getType(){return"infinite"}setDatasource(e){this.destroyDatasource(),this.datasource=e,e&&this.reset()}isEmpty(){return!this.infiniteCache}isRowsToRender(){return!!this.infiniteCache}getNodesInRangeForSelection(e,t){return this.infiniteCache?.getRowNodesInRange(e,t)??[]}reset(){if(!this.datasource)return;null!=(0,i._getRowIdCallback)(this.gos)||this.beans.selectionSvc?.reset("rowDataChanged"),this.resetCache()}dispatchModelUpdatedEvent(){this.eventSvc.dispatchEvent({type:"modelUpdated",newPage:!1,newPageSize:!1,newData:!1,keepRenderedRows:!0,animate:!1})}resetCache(){this.destroyCache();const e=this.beans,{filterManager:t,sortSvc:a,rowNodeBlockLoader:o,eventSvc:n,gos:r}=e;this.cacheParams={datasource:this.datasource,filterModel:t?.getFilterModel()??{},sortModel:a?.getSortModel()??[],rowNodeBlockLoader:o,initialRowCount:r.get("infiniteInitialRowCount"),maxBlocksInCache:r.get("maxBlocksInCache"),rowHeight:(0,i._getRowHeightAsNumber)(e),overflowSize:r.get("cacheOverflowSize"),blockSize:r.get("cacheBlockSize"),lastAccessedSequence:{value:0}},this.infiniteCache=this.createBean(new l.InfiniteCache(this.cacheParams)),n.dispatchEventOnce({type:"rowCountReady"}),this.dispatchModelUpdatedEvent()}updateRowHeights(){this.forEachNode(e=>{e.setRowHeight(this.rowHeight),e.setRowTop(this.rowHeight*e.rowIndex)}),this.dispatchModelUpdatedEvent()}destroyCache(){this.infiniteCache=this.destroyBean(this.infiniteCache)}getRow(e){const t=this.infiniteCache;if(t&&!(e>=t.getRowCount()))return t.getRow(e)}getRowNode(e){let t;return this.forEachNode(a=>{a.id===e&&(t=a)}),t}forEachNode(e){this.infiniteCache?.forEachNodeDeep(e)}getTopLevelRowCount(){return this.getRowCount()}getTopLevelRowDisplayedIndex(e){return e}getRowIndexAtPixel(e){if(0!==this.rowHeight){const t=Math.floor(e/this.rowHeight),a=this.getRowCount()-1;return t>a?a:t}return 0}getRowCount(){return this.infiniteCache?this.infiniteCache.getRowCount():0}isRowPresent(e){return!!this.getRowNode(e.id)}refreshCache(){this.infiniteCache?.refreshCache()}purgeCache(){this.infiniteCache?.purgeCache()}isLastRowIndexKnown(){return this.infiniteCache?.isLastRowIndexKnown()??!1}setRowCount(e,t){this.infiniteCache?.setRowCount(e,t)}resetRowHeights(){}onRowHeightChanged(){}}t.InfiniteRowModel=s},49836:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.getInfiniteRowCount=t.purgeInfiniteCache=t.refreshInfiniteCache=void 0;const o=a(66876);t.refreshInfiniteCache=function(e){(0,o._getInfiniteRowModel)(e)?.refreshCache()},t.purgeInfiniteCache=function(e){(0,o._getInfiniteRowModel)(e)?.purgeCache()},t.getInfiniteRowCount=function(e){return(0,o._getInfiniteRowModel)(e)?.getRowCount()}},44002:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.InfiniteRowModelModule=void 0;const o=a(36437),n=a(97205),r=a(52550),i=a(49836),l=a(39789),s={moduleName:"InfiniteRowModelCore",version:n.VERSION,rowModels:["infinite"],beans:[r.InfiniteRowModel,l.RowNodeBlockLoader]};t.InfiniteRowModelModule={moduleName:"InfiniteRowModel",version:n.VERSION,apiFunctions:{refreshInfiniteCache:i.refreshInfiniteCache,purgeInfiniteCache:i.purgeInfiniteCache,getInfiniteRowCount:i.getInfiniteRowCount},dependsOn:[s,o.SsrmInfiniteSharedApiModule]}},39789:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.RowNodeBlockLoader=void 0;const o=a(79909),n=a(44990),r=a(68731),i=a(67274),l=a(86597);class s extends r.BeanStub{constructor(){super(...arguments),this.beanName="rowNodeBlockLoader",this.activeBlockLoadsCount=0,this.blocks=[],this.active=!0}postConstruct(){this.maxConcurrentRequests=(0,i._getMaxConcurrentDatasourceRequests)(this.gos);const e=this.gos.get("blockLoadDebounceMillis");e&&e>0&&(this.checkBlockToLoadDebounce=(0,n._debounce)(this,this.performCheckBlocksToLoad.bind(this),e))}addBlock(e){this.blocks.push(e),e.addEventListener("loadComplete",this.loadComplete.bind(this)),this.checkBlockToLoad()}removeBlock(e){(0,o._removeFromArray)(this.blocks,e)}destroy(){super.destroy(),this.active=!1}loadComplete(){this.activeBlockLoadsCount--,this.checkBlockToLoad()}checkBlockToLoad(){this.checkBlockToLoadDebounce?this.checkBlockToLoadDebounce():this.performCheckBlocksToLoad()}performCheckBlocksToLoad(){if(!this.active)return;if(this.printCacheStatus(),null!=this.maxConcurrentRequests&&this.activeBlockLoadsCount>=this.maxConcurrentRequests)return void(0,l._logIfDebug)(this.gos,"RowNodeBlockLoader - checkBlockToLoad: max loads exceeded");const e=null!=this.maxConcurrentRequests?this.maxConcurrentRequests-this.activeBlockLoadsCount:1,t=this.blocks.filter(e=>"needsLoading"===e.state).slice(0,e);this.activeBlockLoadsCount+=t.length;for(const e of t)e.load();this.printCacheStatus()}getBlockState(){const e={};return this.blocks.forEach(t=>{const{id:a,state:o}=t.getBlockStateJson();e[a]=o}),e}printCacheStatus(){(0,l._logIfDebug)(this.gos,`RowNodeBlockLoader - printCacheStatus: activePageLoadsCount = ${this.activeBlockLoadsCount}, blocks = ${JSON.stringify(this.getBlockState())}`)}}t.RowNodeBlockLoader=s},55961:function(e,t){var a;Object.defineProperty(t,"__esModule",{value:!0}),t.CellRangeType=void 0,function(e){e[e.VALUE=0]="VALUE",e[e.DIMENSION=1]="DIMENSION"}(a||(t.CellRangeType=a={}))},17419:function(e,t){Object.defineProperty(t,"__esModule",{value:!0})},62783:function(e,t){var a;Object.defineProperty(t,"__esModule",{value:!0}),t.ColumnHighlightPosition=void 0,function(e){e[e.Before=0]="Before",e[e.After=1]="After"}(a||(t.ColumnHighlightPosition=a={}))},25679:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.isColumnFilterComp=void 0,t.isColumnFilterComp=function(e){return"object"==typeof e&&!!e.component}},7919:function(e,t){Object.defineProperty(t,"__esModule",{value:!0})},73590:function(e,t){var a;Object.defineProperty(t,"__esModule",{value:!0}),t.ServerSideTransactionResultStatus=void 0,function(e){e.Applied="Applied",e.StoreNotFound="StoreNotFound",e.StoreLoading="StoreLoading",e.StoreWaitingToLoad="StoreWaitingToLoad",e.StoreLoadingFailed="StoreLoadingFailed",e.StoreWrongType="StoreWrongType",e.Cancelled="Cancelled",e.StoreNotStarted="StoreNotStarted"}(a||(t.ServerSideTransactionResultStatus=a={}))},17758:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.STRUCTURED_SCHEMA_FEATURES=void 0,t.STRUCTURED_SCHEMA_FEATURES=["aggregation","filter","sort","pivot","columnVisibility","columnSizing","rowGroup"]},89058:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0});const o=a(85608);a(80140),a(13795),a(78481),a(6655),a(57229),a(12885),a(80391),a(89563),a(24169),a(18931),a(85479),a(47894),a(74665),a(38811);const n=a(10012);(0,n._setUmd)(),n.ModuleRegistry.registerModules([n.AllCommunityModule]),o.__exportStar(a(10012),t)},10012:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t._setAriaRowIndex=t._setAriaColSpan=t._setAriaColIndex=t._setAriaRole=t._setAriaControlsAndLabel=t._setAriaControls=t._setAriaChecked=t._setAriaLabelledBy=t._setAriaExpanded=t._setAriaDescribedBy=t._setAriaLabel=t._setAriaLevel=t.AgPopupComponent=t.KeyCode=t.LocalEventService=t.CssClassManager=t._isComponent=t.RefPlaceholder=t.BeanStub=t._unwrapUserComp=t._getInnerCellRendererDetails=t._getEditorRendererDetails=t._getCellRendererDetails=t._getFloatingFilterCompDetails=t._getFilterDetails=t._EmptyBean=t._columnsMatch=t._convertColumnEventSourceType=t._updateColsMap=t._areColIdsEqual=t._getColumnsFromTree=t._destroyColumnTree=t.isSpecialCol=t.isColumnGroupAutoCol=t.isColumnSelectionCol=t.isRowNumberCol=t.GROUP_HIERARCHY_COLUMN_ID_PREFIX=t.ROW_NUMBERS_COLUMN_ID=t.SELECTION_COLUMN_ID=t.GROUP_AUTO_COLUMN_ID=t.GroupInstanceIdCreator=t.ColumnKeyCreator=t._getColumnState=t._applyColumnState=t._resetColumnState=t.BaseColsService=t._createColumnTreeWithIds=t._createColumnTree=t._addColumnDefaultAndTypes=t._updateColumnState=void 0,t._batchCall=t._waitUntil=t._doOnce=t._debounce=t._anchorElementToMouseMoveEvent=t._isElementInEventPath=t._isElementOverflowingCallback=t._requestAnimationFrame=t._observeResize=t._isNodeOrElement=t._getInnerWidth=t._getInnerHeight=t._setVisible=t._setDisabled=t._setFixedWidth=t._isVisible=t._loadTemplate=t._radioCssClass=t._removeFromParent=t._clearElement=t._setDisplayed=t._getAbsoluteWidth=t._getAbsoluteHeight=t._MONTHS=t._parseDateTimeFromString=t._getDateParts=t._serialiseDate=t._isBrowserFirefox=t._isBrowserSafari=t._isIOSUserAgent=t._flatten=t._areEqual=t._last=t._removeAllFromArray=t._removeFromArray=t._EmptyArray=t._setAriaInvalid=t._getAriaPosInSet=t._setAriaHidden=t._setAriaSetSize=t._setAriaPosInSet=t._setAriaSelected=t._setAriaActiveDescendant=t._setAriaRowCount=t._setAriaColCount=t._setAriaSort=t._removeAriaSort=t._removeAriaExpanded=t._setAriaHasPopup=t._setAriaDisabled=void 0,t._BasePopupService=t._BaseEventService=t._BaseRegistry=t._BaseEnvironment=t._AgContext=t._AgComponentStub=t._AgBeanStub=t._asThemeImpl=t.createPart=t.Direction=t.AgPickerField=t.AgSelectSelector=t.AgSelect=t.AgAbstractLabel=t.AgInputDateField=t.AgInputNumberFieldSelector=t.AgInputNumberField=t.AgInputTextArea=t.AgInputTextFieldSelector=t.AgInputTextField=t.AgToggleButtonSelector=t.AgToggleButton=t.AgRadioButton=t.AgCheckboxSelector=t.AgCheckbox=t.AgAbstractInputField=t._isKeyboardMode=t._findTabbableParent=t._findNextFocusableElement=t._focusInto=t._findFocusableElements=t._isPromise=t.AgPromise=t._translate=t._getLocaleTextFunc=t._getPageBody=t._getDocument=t._isNothingFocused=t._getRootNode=t._getActiveDomElement=t._toString=t._escapeString=t._isEventFromPrintableCharacter=t._defaultComparator=t._makeNull=t._toStringOrNull=t._jsonEquals=t._missing=t._exists=t._fuzzySuggestions=void 0,t._getToolPanelClassesFromColDef=t._getHeaderClassesFromColDef=t._getRowViewportClass=t._getRowContainerClass=t._getRowSpanContainerClass=t._getRowContainerOptions=t.RowContainerCtrl=t.FakeVScrollComp=t.FakeHScrollComp=t._getNormalisedMousePosition=t._getCellPositionForEvent=t.GridBodyCtrl=t.STRUCTURED_SCHEMA_FEATURES=t._getDefaultFloatingFilterType=t.isCombinedFilterModel=t._isUseApplyButton=t.ProvidedFilter=t._getDefaultSimpleFilter=t._getFilterParamsForDataType=t._translateForFilter=t.AgFilterButtonSelector=t.FilterButtonComp=t.FilterWrapperComp=t.FilterComp=t._getFilterModel=t._refreshFilterUi=t._updateFilterModel=t._refreshHandlerAndUi=t._firstLeaf=t._createRowNodeSibling=t._createGlobalRowEvent=t._ROW_ID_PREFIX_BOTTOM_PINNED=t._ROW_ID_PREFIX_TOP_PINNED=t._ROW_ID_PREFIX_ROW_GROUP=t.RowNode=t.isProvidedColumnGroup=t.AgProvidedColumnGroup=t.isColumnGroup=t.AgColumnGroup=t.isColumn=t.AgColumn=t.DragSourceType=t._BaseDragAndDropService=t._BaseDragService=t._getLocaleTextFromMap=t._getLocaleTextFromFunc=t._createAgElement=t._BaseTooltipStateManager=t._AgTooltipFeature=t._AgTooltipComponent=void 0,t._isClientSideRowModel=t._isColumnsSortingCoupledToGroup=t._isGroupMultiAutoColumn=t._getGroupTotalRowCallback=t._getGrandTotalRow=t._isAnimateRows=t._isDomLayout=t._getRowHeightForNode=t._getRowIdCallback=t._getMaxConcurrentDatasourceRequests=t._processOnChange=t._combineAttributesAndGridOptions=t._getCallbackForEvent=t._addGridCommonParams=t._PUBLIC_EVENT_HANDLERS_MAP=t._PUBLIC_EVENTS=t._GET_ALL_EVENTS=t._getServerSideRowModel=t._getViewportRowModel=t._getClientSideRowModel=t._getGlobalGridOption=t.provideGlobalGridOptions=t.getGridElement=t.getGridApi=t.createGrid=t.GridCoreCreator=t.VanillaFrameworkOverrides=t.AutoScrollService=t.CellRangeType=t.TouchListener=t.TabGuardFeature=t.TabGuardClassNames=t.TabGuardCtrl=t.TabGuardComp=t._FOCUS_MANAGED_CLASS=t.ManagedFocusFeature=t.Component=t.BaseSelectionService=t.ServerSideTransactionResultStatus=t.PinnedRowModel=t._getRowCtrlForEventTarget=t._getCellCtrlForEventTarget=t.PositionableFeature=t._suppressCellMouseEvent=t.AgAbstractCellEditor=t._setColMenuVisible=t._getHeaderRowCount=t._getFloatingFiltersHeight=t.HeaderRowContainerCtrl=t.GridHeaderCtrl=void 0,t._isShowTooltipWhenTruncated=t._getShouldDisplayTooltip=t._addAdditionalCss=t.BaseComponentWrapper=t._HeaderComp=t._BOOLEAN_MIXED_GRID_OPTIONS=t._GET_ALL_GRID_OPTIONS=t._getAbsoluteRowIndex=t._getRowBelow=t._getRowAbove=t._getFirstRow=t._getCellByPosition=t._getRowNode=t._getLastRow=t._isSameRow=t._isRowBefore=t._createCellId=t._areCellsEqual=t.convertColumnState=t.convertColumnGroupState=t.LocaleService=t.GridCtrl=t._interpretAsRightClick=t._isSetFilterByDefault=t._getGridOption=t._isGroupRowsSticky=t._isUsingNewCellSelectionAPI=t._isUsingNewRowSelectionAPI=t._isColumnMenuAnchoringEnabled=t._isLegacyMenuEnabled=t._getRowSelectionMode=t._getSuppressMultiRanges=t._isCellSelectionEnabled=t._getFillHandle=t._isMultiRowSelection=t._getHeaderCheckbox=t._getCheckboxLocation=t._getCheckboxes=t._getIsRowSelectable=t._getGroupSelectsDescendants=t._getGroupSelection=t._isGetRowHeightFunction=t._isRowSelection=t._getGroupAggFiltering=t._shouldUpdateColVisibilityAfterGroup=t._getRowHeightAsNumber=t._canSkipShowingRowGroup=t._isFullWidthGroupRow=t._isGroupUseEntireRow=t._isServerSideRowModel=void 0,t.CustomEditorModule=t.UndoRedoEditModule=t.SelectEditorModule=t.LargeTextEditorModule=t.TextEditorModule=t.CheckboxEditorModule=t.DateEditorModule=t.NumberEditorModule=t._EditCoreModule=t.ExternalFilterModule=t.DateFilterModule=t.NumberFilterModule=t.TextFilterModule=t.QuickFilterModule=t.CustomFilterModule=t._FilterValueModule=t._FilterCoreModule=t._ColumnFilterModule=t.RowDragModule=t.DragAndDropModule=t._SharedDragAndDropModule=t._HorizontalResizeModule=t._DragModule=t._ColumnMoveModule=t.ValidationModule=t._setUmd=t._getGridRegisteredModules=t._registerModule=t.ModuleRegistry=t._downloadFile=t.BaseGridSerializingSession=t.BaseCreator=t._focusNextGridCoreContainer=t._focusGridInnerElement=t._addFocusableContainerListener=t._mergeDeep=t._formatNumberCommas=t._createIconNoSpan=t._createIcon=t._preInitErrMsg=t._logPreInitWarn=t._errMsg=t._error=t._warn=t._warnOnce=t._isStopPropagationForAgGrid=t._stopPropagationForAgGrid=t._selectAllCells=t._createElement=t.ChangedPath=void 0,t.iconSetMaterial=t.iconSetAlpine=t.iconOverrides=t.colorSchemeVariable=t.colorSchemeLightWarm=t.colorSchemeLightCold=t.colorSchemeLight=t.colorSchemeDarkWarm=t.colorSchemeDarkBlue=t.colorSchemeDark=t.checkboxStyleDefault=t.createTheme=t.AllCommunityModule=t._SharedExportModule=t.RowAutoHeightModule=t.LocaleModule=t.TooltipModule=t.EventApiModule=t.ColumnHoverModule=t.RowStyleModule=t.CellStyleModule=t.CellApiModule=t.ValueCacheModule=t.CellSpanModule=t.PinnedRowModule=t.ColumnAutoSizeModule=t.RenderApiModule=t.ScrollApiModule=t.RowApiModule=t.PaginationModule=t.ColumnApiModule=t.GridStateModule=t._ColumnGroupModule=t.HighlightChangesModule=t._KeyboardNavigationModule=t._PopupModule=t.InfiniteRowModelModule=t.CsvExportModule=t.ClientSideRowModelApiModule=t.ClientSideRowModelModule=t.AlignedGridsModule=t._SortModule=t._SharedMenuModule=t.resetRowHeights=t.onRowHeightChanged=t._SsrmInfiniteSharedApiModule=t._RowModelSharedApiModule=t._CsrmSsrmSharedApiModule=t._SharedRowSelectionModule=t.RowSelectionModule=void 0,t.wrapAgTestIdFor=t.agTestIdFor=t.setupAgTestIds=t.themeQuartz=t.themeMaterial=t.themeBalham=t.themeAlpine=t.styleMaterial=t.columnDropStylePlain=t.columnDropStyleBordered=t.tabStyleRolodex=t.tabStyleQuartz=t.tabStyleMaterial=t.tabStyleBase=t.tabStyleAlpine=t.buttonStyleQuartz=t.buttonStyleBase=t.buttonStyleBalham=t.buttonStyleAlpine=t.inputStyleUnderlined=t.inputStyleBordered=t.inputStyleBase=t.iconSetQuartzRegular=t.iconSetQuartzLight=t.iconSetQuartzBold=t.iconSetQuartz=void 0;const o=a(85608);var n=a(82716);Object.defineProperty(t,"_updateColumnState",{enumerable:!0,get:function(){return n._updateColumnState}}),Object.defineProperty(t,"_addColumnDefaultAndTypes",{enumerable:!0,get:function(){return n._addColumnDefaultAndTypes}}),Object.defineProperty(t,"_createColumnTree",{enumerable:!0,get:function(){return n._createColumnTree}}),Object.defineProperty(t,"_createColumnTreeWithIds",{enumerable:!0,get:function(){return n._createColumnTreeWithIds}});var r=a(73600);Object.defineProperty(t,"BaseColsService",{enumerable:!0,get:function(){return r.BaseColsService}});var i=a(2885);Object.defineProperty(t,"_resetColumnState",{enumerable:!0,get:function(){return i._resetColumnState}}),Object.defineProperty(t,"_applyColumnState",{enumerable:!0,get:function(){return i._applyColumnState}}),Object.defineProperty(t,"_getColumnState",{enumerable:!0,get:function(){return i._getColumnState}});var l=a(2294);Object.defineProperty(t,"ColumnKeyCreator",{enumerable:!0,get:function(){return l.ColumnKeyCreator}});var s=a(96034);Object.defineProperty(t,"GroupInstanceIdCreator",{enumerable:!0,get:function(){return s.GroupInstanceIdCreator}});var d=a(73146);Object.defineProperty(t,"GROUP_AUTO_COLUMN_ID",{enumerable:!0,get:function(){return d.GROUP_AUTO_COLUMN_ID}}),Object.defineProperty(t,"SELECTION_COLUMN_ID",{enumerable:!0,get:function(){return d.SELECTION_COLUMN_ID}}),Object.defineProperty(t,"ROW_NUMBERS_COLUMN_ID",{enumerable:!0,get:function(){return d.ROW_NUMBERS_COLUMN_ID}}),Object.defineProperty(t,"GROUP_HIERARCHY_COLUMN_ID_PREFIX",{enumerable:!0,get:function(){return d.GROUP_HIERARCHY_COLUMN_ID_PREFIX}}),Object.defineProperty(t,"isRowNumberCol",{enumerable:!0,get:function(){return d.isRowNumberCol}}),Object.defineProperty(t,"isColumnSelectionCol",{enumerable:!0,get:function(){return d.isColumnSelectionCol}}),Object.defineProperty(t,"isColumnGroupAutoCol",{enumerable:!0,get:function(){return d.isColumnGroupAutoCol}}),Object.defineProperty(t,"isSpecialCol",{enumerable:!0,get:function(){return d.isSpecialCol}}),Object.defineProperty(t,"_destroyColumnTree",{enumerable:!0,get:function(){return d._destroyColumnTree}}),Object.defineProperty(t,"_getColumnsFromTree",{enumerable:!0,get:function(){return d._getColumnsFromTree}}),Object.defineProperty(t,"_areColIdsEqual",{enumerable:!0,get:function(){return d._areColIdsEqual}}),Object.defineProperty(t,"_updateColsMap",{enumerable:!0,get:function(){return d._updateColsMap}}),Object.defineProperty(t,"_convertColumnEventSourceType",{enumerable:!0,get:function(){return d._convertColumnEventSourceType}}),Object.defineProperty(t,"_columnsMatch",{enumerable:!0,get:function(){return d._columnsMatch}});var c=a(33789);Object.defineProperty(t,"_EmptyBean",{enumerable:!0,get:function(){return c.EmptyBean}});var g=a(12036);Object.defineProperty(t,"_getFilterDetails",{enumerable:!0,get:function(){return g._getFilterDetails}}),Object.defineProperty(t,"_getFloatingFilterCompDetails",{enumerable:!0,get:function(){return g._getFloatingFilterCompDetails}}),Object.defineProperty(t,"_getCellRendererDetails",{enumerable:!0,get:function(){return g._getCellRendererDetails}}),Object.defineProperty(t,"_getEditorRendererDetails",{enumerable:!0,get:function(){return g._getEditorRendererDetails}}),Object.defineProperty(t,"_getInnerCellRendererDetails",{enumerable:!0,get:function(){return g._getInnerCellRendererDetails}});var u=a(54126);Object.defineProperty(t,"_unwrapUserComp",{enumerable:!0,get:function(){return u._unwrapUserComp}});var h=a(68731);Object.defineProperty(t,"BeanStub",{enumerable:!0,get:function(){return h.BeanStub}});var p=a(91668);Object.defineProperty(t,"RefPlaceholder",{enumerable:!0,get:function(){return p.RefPlaceholder}}),Object.defineProperty(t,"_isComponent",{enumerable:!0,get:function(){return p._isComponent}});var m=a(72872);Object.defineProperty(t,"CssClassManager",{enumerable:!0,get:function(){return m.CssClassManager}});var f=a(19378);Object.defineProperty(t,"LocalEventService",{enumerable:!0,get:function(){return f.LocalEventService}});var v=a(59926);Object.defineProperty(t,"KeyCode",{enumerable:!0,get:function(){return v.KeyCode}});var b=a(75298);Object.defineProperty(t,"AgPopupComponent",{enumerable:!0,get:function(){return b.AgPopupComponent}});var C=a(91623);Object.defineProperty(t,"_setAriaLevel",{enumerable:!0,get:function(){return C._setAriaLevel}}),Object.defineProperty(t,"_setAriaLabel",{enumerable:!0,get:function(){return C._setAriaLabel}}),Object.defineProperty(t,"_setAriaDescribedBy",{enumerable:!0,get:function(){return C._setAriaDescribedBy}}),Object.defineProperty(t,"_setAriaExpanded",{enumerable:!0,get:function(){return C._setAriaExpanded}}),Object.defineProperty(t,"_setAriaLabelledBy",{enumerable:!0,get:function(){return C._setAriaLabelledBy}}),Object.defineProperty(t,"_setAriaChecked",{enumerable:!0,get:function(){return C._setAriaChecked}}),Object.defineProperty(t,"_setAriaControls",{enumerable:!0,get:function(){return C._setAriaControls}}),Object.defineProperty(t,"_setAriaControlsAndLabel",{enumerable:!0,get:function(){return C._setAriaControlsAndLabel}}),Object.defineProperty(t,"_setAriaRole",{enumerable:!0,get:function(){return C._setAriaRole}}),Object.defineProperty(t,"_setAriaColIndex",{enumerable:!0,get:function(){return C._setAriaColIndex}}),Object.defineProperty(t,"_setAriaColSpan",{enumerable:!0,get:function(){return C._setAriaColSpan}}),Object.defineProperty(t,"_setAriaRowIndex",{enumerable:!0,get:function(){return C._setAriaRowIndex}}),Object.defineProperty(t,"_setAriaDisabled",{enumerable:!0,get:function(){return C._setAriaDisabled}}),Object.defineProperty(t,"_setAriaHasPopup",{enumerable:!0,get:function(){return C._setAriaHasPopup}}),Object.defineProperty(t,"_removeAriaExpanded",{enumerable:!0,get:function(){return C._removeAriaExpanded}}),Object.defineProperty(t,"_removeAriaSort",{enumerable:!0,get:function(){return C._removeAriaSort}}),Object.defineProperty(t,"_setAriaSort",{enumerable:!0,get:function(){return C._setAriaSort}}),Object.defineProperty(t,"_setAriaColCount",{enumerable:!0,get:function(){return C._setAriaColCount}}),Object.defineProperty(t,"_setAriaRowCount",{enumerable:!0,get:function(){return C._setAriaRowCount}}),Object.defineProperty(t,"_setAriaActiveDescendant",{enumerable:!0,get:function(){return C._setAriaActiveDescendant}}),Object.defineProperty(t,"_setAriaSelected",{enumerable:!0,get:function(){return C._setAriaSelected}}),Object.defineProperty(t,"_setAriaPosInSet",{enumerable:!0,get:function(){return C._setAriaPosInSet}}),Object.defineProperty(t,"_setAriaSetSize",{enumerable:!0,get:function(){return C._setAriaSetSize}}),Object.defineProperty(t,"_setAriaHidden",{enumerable:!0,get:function(){return C._setAriaHidden}}),Object.defineProperty(t,"_getAriaPosInSet",{enumerable:!0,get:function(){return C._getAriaPosInSet}}),Object.defineProperty(t,"_setAriaInvalid",{enumerable:!0,get:function(){return C._setAriaInvalid}});var w=a(79909);Object.defineProperty(t,"_EmptyArray",{enumerable:!0,get:function(){return w._EmptyArray}}),Object.defineProperty(t,"_removeFromArray",{enumerable:!0,get:function(){return w._removeFromArray}}),Object.defineProperty(t,"_removeAllFromArray",{enumerable:!0,get:function(){return w._removeAllFromArray}}),Object.defineProperty(t,"_last",{enumerable:!0,get:function(){return w._last}}),Object.defineProperty(t,"_areEqual",{enumerable:!0,get:function(){return w._areEqual}}),Object.defineProperty(t,"_flatten",{enumerable:!0,get:function(){return w._flatten}});var y=a(36916);Object.defineProperty(t,"_isIOSUserAgent",{enumerable:!0,get:function(){return y._isIOSUserAgent}}),Object.defineProperty(t,"_isBrowserSafari",{enumerable:!0,get:function(){return y._isBrowserSafari}}),Object.defineProperty(t,"_isBrowserFirefox",{enumerable:!0,get:function(){return y._isBrowserFirefox}});var S=a(97066);Object.defineProperty(t,"_serialiseDate",{enumerable:!0,get:function(){return S._serialiseDate}}),Object.defineProperty(t,"_getDateParts",{enumerable:!0,get:function(){return S._getDateParts}}),Object.defineProperty(t,"_parseDateTimeFromString",{enumerable:!0,get:function(){return S._parseDateTimeFromString}}),Object.defineProperty(t,"_MONTHS",{enumerable:!0,get:function(){return S.MONTHS}});var k=a(1956);Object.defineProperty(t,"_getAbsoluteHeight",{enumerable:!0,get:function(){return k._getAbsoluteHeight}}),Object.defineProperty(t,"_getAbsoluteWidth",{enumerable:!0,get:function(){return k._getAbsoluteWidth}}),Object.defineProperty(t,"_setDisplayed",{enumerable:!0,get:function(){return k._setDisplayed}}),Object.defineProperty(t,"_clearElement",{enumerable:!0,get:function(){return k._clearElement}}),Object.defineProperty(t,"_removeFromParent",{enumerable:!0,get:function(){return k._removeFromParent}}),Object.defineProperty(t,"_radioCssClass",{enumerable:!0,get:function(){return k._radioCssClass}}),Object.defineProperty(t,"_loadTemplate",{enumerable:!0,get:function(){return k._loadTemplate}}),Object.defineProperty(t,"_isVisible",{enumerable:!0,get:function(){return k._isVisible}}),Object.defineProperty(t,"_setFixedWidth",{enumerable:!0,get:function(){return k._setFixedWidth}}),Object.defineProperty(t,"_setDisabled",{enumerable:!0,get:function(){return k._setDisabled}}),Object.defineProperty(t,"_setVisible",{enumerable:!0,get:function(){return k._setVisible}}),Object.defineProperty(t,"_getInnerHeight",{enumerable:!0,get:function(){return k._getInnerHeight}}),Object.defineProperty(t,"_getInnerWidth",{enumerable:!0,get:function(){return k._getInnerWidth}}),Object.defineProperty(t,"_isNodeOrElement",{enumerable:!0,get:function(){return k._isNodeOrElement}}),Object.defineProperty(t,"_observeResize",{enumerable:!0,get:function(){return k._observeResize}}),Object.defineProperty(t,"_requestAnimationFrame",{enumerable:!0,get:function(){return k._requestAnimationFrame}}),Object.defineProperty(t,"_isElementOverflowingCallback",{enumerable:!0,get:function(){return k._isElementOverflowingCallback}});var x=a(7356);Object.defineProperty(t,"_isElementInEventPath",{enumerable:!0,get:function(){return x._isElementInEventPath}}),Object.defineProperty(t,"_anchorElementToMouseMoveEvent",{enumerable:!0,get:function(){return x._anchorElementToMouseMoveEvent}});var R=a(44990);Object.defineProperty(t,"_debounce",{enumerable:!0,get:function(){return R._debounce}}),Object.defineProperty(t,"_doOnce",{enumerable:!0,get:function(){return R._doOnce}}),Object.defineProperty(t,"_waitUntil",{enumerable:!0,get:function(){return R._waitUntil}}),Object.defineProperty(t,"_batchCall",{enumerable:!0,get:function(){return R._batchCall}});var E=a(85591);Object.defineProperty(t,"_fuzzySuggestions",{enumerable:!0,get:function(){return E._fuzzySuggestions}});var M=a(89097);Object.defineProperty(t,"_exists",{enumerable:!0,get:function(){return M._exists}}),Object.defineProperty(t,"_missing",{enumerable:!0,get:function(){return M._missing}}),Object.defineProperty(t,"_jsonEquals",{enumerable:!0,get:function(){return M._jsonEquals}}),Object.defineProperty(t,"_toStringOrNull",{enumerable:!0,get:function(){return M._toStringOrNull}}),Object.defineProperty(t,"_makeNull",{enumerable:!0,get:function(){return M._makeNull}}),Object.defineProperty(t,"_defaultComparator",{enumerable:!0,get:function(){return M._defaultComparator}});var P=a(93967);Object.defineProperty(t,"_isEventFromPrintableCharacter",{enumerable:!0,get:function(){return P._isEventFromPrintableCharacter}});var F=a(31931);Object.defineProperty(t,"_escapeString",{enumerable:!0,get:function(){return F._escapeString}}),Object.defineProperty(t,"_toString",{enumerable:!0,get:function(){return F._toString}});var A=a(80011);Object.defineProperty(t,"_getActiveDomElement",{enumerable:!0,get:function(){return A._getActiveDomElement}}),Object.defineProperty(t,"_getRootNode",{enumerable:!0,get:function(){return A._getRootNode}}),Object.defineProperty(t,"_isNothingFocused",{enumerable:!0,get:function(){return A._isNothingFocused}}),Object.defineProperty(t,"_getDocument",{enumerable:!0,get:function(){return A._getDocument}}),Object.defineProperty(t,"_getPageBody",{enumerable:!0,get:function(){return A._getPageBody}});var D=a(66352);Object.defineProperty(t,"_getLocaleTextFunc",{enumerable:!0,get:function(){return D._getLocaleTextFunc}}),Object.defineProperty(t,"_translate",{enumerable:!0,get:function(){return D._translate}});var z=a(35269);Object.defineProperty(t,"AgPromise",{enumerable:!0,get:function(){return z.AgPromise}}),Object.defineProperty(t,"_isPromise",{enumerable:!0,get:function(){return z._isPromise}});var T=a(5088);Object.defineProperty(t,"_findFocusableElements",{enumerable:!0,get:function(){return T._findFocusableElements}}),Object.defineProperty(t,"_focusInto",{enumerable:!0,get:function(){return T._focusInto}}),Object.defineProperty(t,"_findNextFocusableElement",{enumerable:!0,get:function(){return T._findNextFocusableElement}}),Object.defineProperty(t,"_findTabbableParent",{enumerable:!0,get:function(){return T._findTabbableParent}}),Object.defineProperty(t,"_isKeyboardMode",{enumerable:!0,get:function(){return T._isKeyboardMode}});var I=a(71744);Object.defineProperty(t,"AgAbstractInputField",{enumerable:!0,get:function(){return I.AgAbstractInputField}});var _=a(18531);Object.defineProperty(t,"AgCheckbox",{enumerable:!0,get:function(){return _.AgCheckbox}}),Object.defineProperty(t,"AgCheckboxSelector",{enumerable:!0,get:function(){return _.AgCheckboxSelector}});var O=a(6951);Object.defineProperty(t,"AgRadioButton",{enumerable:!0,get:function(){return O.AgRadioButton}});var L=a(26774);Object.defineProperty(t,"AgToggleButton",{enumerable:!0,get:function(){return L.AgToggleButton}}),Object.defineProperty(t,"AgToggleButtonSelector",{enumerable:!0,get:function(){return L.AgToggleButtonSelector}});var N=a(89863);Object.defineProperty(t,"AgInputTextField",{enumerable:!0,get:function(){return N.AgInputTextField}}),Object.defineProperty(t,"AgInputTextFieldSelector",{enumerable:!0,get:function(){return N.AgInputTextFieldSelector}});var B=a(69878);Object.defineProperty(t,"AgInputTextArea",{enumerable:!0,get:function(){return B.AgInputTextArea}});var G=a(25721);Object.defineProperty(t,"AgInputNumberField",{enumerable:!0,get:function(){return G.AgInputNumberField}}),Object.defineProperty(t,"AgInputNumberFieldSelector",{enumerable:!0,get:function(){return G.AgInputNumberFieldSelector}});var H=a(65310);Object.defineProperty(t,"AgInputDateField",{enumerable:!0,get:function(){return H.AgInputDateField}});var V=a(23776);Object.defineProperty(t,"AgAbstractLabel",{enumerable:!0,get:function(){return V.AgAbstractLabel}});var q=a(69234);Object.defineProperty(t,"AgSelect",{enumerable:!0,get:function(){return q.AgSelect}}),Object.defineProperty(t,"AgSelectSelector",{enumerable:!0,get:function(){return q.AgSelectSelector}});var j=a(23898);Object.defineProperty(t,"AgPickerField",{enumerable:!0,get:function(){return j.AgPickerField}});var W=a(72213);Object.defineProperty(t,"Direction",{enumerable:!0,get:function(){return W.Direction}});var U=a(83036);Object.defineProperty(t,"createPart",{enumerable:!0,get:function(){return U.createPart}});var K=a(71756);Object.defineProperty(t,"_asThemeImpl",{enumerable:!0,get:function(){return K._asThemeImpl}});var Q=a(74856);Object.defineProperty(t,"_AgBeanStub",{enumerable:!0,get:function(){return Q.AgBeanStub}});var Y=a(7047);Object.defineProperty(t,"_AgComponentStub",{enumerable:!0,get:function(){return Y.AgComponentStub}});var X=a(61215);Object.defineProperty(t,"_AgContext",{enumerable:!0,get:function(){return X.AgContext}});var Z=a(29758);Object.defineProperty(t,"_BaseEnvironment",{enumerable:!0,get:function(){return Z.BaseEnvironment}});var J=a(34232);Object.defineProperty(t,"_BaseRegistry",{enumerable:!0,get:function(){return J.BaseRegistry}});var $=a(91874);Object.defineProperty(t,"_BaseEventService",{enumerable:!0,get:function(){return $.BaseEventService}});var ee=a(97531);Object.defineProperty(t,"_BasePopupService",{enumerable:!0,get:function(){return ee.BasePopupService}});var te=a(35654);Object.defineProperty(t,"_AgTooltipComponent",{enumerable:!0,get:function(){return te.AgTooltipComponent}});var ae=a(42663);Object.defineProperty(t,"_AgTooltipFeature",{enumerable:!0,get:function(){return ae.AgTooltipFeature}});var oe=a(94750);Object.defineProperty(t,"_BaseTooltipStateManager",{enumerable:!0,get:function(){return oe.BaseTooltipStateManager}});var ne=a(1956);Object.defineProperty(t,"_createAgElement",{enumerable:!0,get:function(){return ne._createAgElement}});var re=a(66352);Object.defineProperty(t,"_getLocaleTextFromFunc",{enumerable:!0,get:function(){return re._getLocaleTextFromFunc}}),Object.defineProperty(t,"_getLocaleTextFromMap",{enumerable:!0,get:function(){return re._getLocaleTextFromMap}});var ie=a(21726);Object.defineProperty(t,"_BaseDragService",{enumerable:!0,get:function(){return ie.BaseDragService}});var le=a(54646);Object.defineProperty(t,"_BaseDragAndDropService",{enumerable:!0,get:function(){return le.BaseDragAndDropService}});var se=a(12903);Object.defineProperty(t,"DragSourceType",{enumerable:!0,get:function(){return se.DragSourceType}});var de=a(13355);Object.defineProperty(t,"AgColumn",{enumerable:!0,get:function(){return de.AgColumn}}),Object.defineProperty(t,"isColumn",{enumerable:!0,get:function(){return de.isColumn}});var ce=a(56908);Object.defineProperty(t,"AgColumnGroup",{enumerable:!0,get:function(){return ce.AgColumnGroup}}),Object.defineProperty(t,"isColumnGroup",{enumerable:!0,get:function(){return ce.isColumnGroup}});var ge=a(79409);Object.defineProperty(t,"AgProvidedColumnGroup",{enumerable:!0,get:function(){return ge.AgProvidedColumnGroup}}),Object.defineProperty(t,"isProvidedColumnGroup",{enumerable:!0,get:function(){return ge.isProvidedColumnGroup}});var ue=a(3373);Object.defineProperty(t,"RowNode",{enumerable:!0,get:function(){return ue.RowNode}}),Object.defineProperty(t,"_ROW_ID_PREFIX_ROW_GROUP",{enumerable:!0,get:function(){return ue.ROW_ID_PREFIX_ROW_GROUP}}),Object.defineProperty(t,"_ROW_ID_PREFIX_TOP_PINNED",{enumerable:!0,get:function(){return ue.ROW_ID_PREFIX_TOP_PINNED}}),Object.defineProperty(t,"_ROW_ID_PREFIX_BOTTOM_PINNED",{enumerable:!0,get:function(){return ue.ROW_ID_PREFIX_BOTTOM_PINNED}});var he=a(9888);Object.defineProperty(t,"_createGlobalRowEvent",{enumerable:!0,get:function(){return he._createGlobalRowEvent}}),Object.defineProperty(t,"_createRowNodeSibling",{enumerable:!0,get:function(){return he._createRowNodeSibling}}),Object.defineProperty(t,"_firstLeaf",{enumerable:!0,get:function(){return he._firstLeaf}});var pe=a(4985);Object.defineProperty(t,"_refreshHandlerAndUi",{enumerable:!0,get:function(){return pe._refreshHandlerAndUi}}),Object.defineProperty(t,"_updateFilterModel",{enumerable:!0,get:function(){return pe._updateFilterModel}}),Object.defineProperty(t,"_refreshFilterUi",{enumerable:!0,get:function(){return pe._refreshFilterUi}}),Object.defineProperty(t,"_getFilterModel",{enumerable:!0,get:function(){return pe._getFilterModel}});var me=a(62231);Object.defineProperty(t,"FilterComp",{enumerable:!0,get:function(){return me.FilterComp}});var fe=a(21854);Object.defineProperty(t,"FilterWrapperComp",{enumerable:!0,get:function(){return fe.FilterWrapperComp}});var ve=a(71371);Object.defineProperty(t,"FilterButtonComp",{enumerable:!0,get:function(){return ve.FilterButtonComp}}),Object.defineProperty(t,"AgFilterButtonSelector",{enumerable:!0,get:function(){return ve.AgFilterButtonSelector}});var be=a(75741);Object.defineProperty(t,"_translateForFilter",{enumerable:!0,get:function(){return be.translateForFilter}});var Ce=a(26771);Object.defineProperty(t,"_getFilterParamsForDataType",{enumerable:!0,get:function(){return Ce._getFilterParamsForDataType}}),Object.defineProperty(t,"_getDefaultSimpleFilter",{enumerable:!0,get:function(){return Ce._getDefaultSimpleFilter}});var we=a(2245);Object.defineProperty(t,"ProvidedFilter",{enumerable:!0,get:function(){return we.ProvidedFilter}});var ye=a(96808);Object.defineProperty(t,"_isUseApplyButton",{enumerable:!0,get:function(){return ye._isUseApplyButton}});var Se=a(78845);Object.defineProperty(t,"isCombinedFilterModel",{enumerable:!0,get:function(){return Se.isCombinedFilterModel}});var ke=a(59990);Object.defineProperty(t,"_getDefaultFloatingFilterType",{enumerable:!0,get:function(){return ke._getDefaultFloatingFilterType}});var xe=a(17758);Object.defineProperty(t,"STRUCTURED_SCHEMA_FEATURES",{enumerable:!0,get:function(){return xe.STRUCTURED_SCHEMA_FEATURES}});var Re=a(70520);Object.defineProperty(t,"GridBodyCtrl",{enumerable:!0,get:function(){return Re.GridBodyCtrl}});var Ee=a(8399);Object.defineProperty(t,"_getCellPositionForEvent",{enumerable:!0,get:function(){return Ee._getCellPositionForEvent}}),Object.defineProperty(t,"_getNormalisedMousePosition",{enumerable:!0,get:function(){return Ee._getNormalisedMousePosition}});var Me=a(62716);Object.defineProperty(t,"FakeHScrollComp",{enumerable:!0,get:function(){return Me.FakeHScrollComp}});var Pe=a(46070);Object.defineProperty(t,"FakeVScrollComp",{enumerable:!0,get:function(){return Pe.FakeVScrollComp}});var Fe=a(8115);Object.defineProperty(t,"RowContainerCtrl",{enumerable:!0,get:function(){return Fe.RowContainerCtrl}}),Object.defineProperty(t,"_getRowContainerOptions",{enumerable:!0,get:function(){return Fe._getRowContainerOptions}}),Object.defineProperty(t,"_getRowSpanContainerClass",{enumerable:!0,get:function(){return Fe._getRowSpanContainerClass}}),Object.defineProperty(t,"_getRowContainerClass",{enumerable:!0,get:function(){return Fe._getRowContainerClass}}),Object.defineProperty(t,"_getRowViewportClass",{enumerable:!0,get:function(){return Fe._getRowViewportClass}});var Ae=a(91295);Object.defineProperty(t,"_getHeaderClassesFromColDef",{enumerable:!0,get:function(){return Ae._getHeaderClassesFromColDef}}),Object.defineProperty(t,"_getToolPanelClassesFromColDef",{enumerable:!0,get:function(){return Ae._getToolPanelClassesFromColDef}});var De=a(70009);Object.defineProperty(t,"GridHeaderCtrl",{enumerable:!0,get:function(){return De.GridHeaderCtrl}});var ze=a(98934);Object.defineProperty(t,"HeaderRowContainerCtrl",{enumerable:!0,get:function(){return ze.HeaderRowContainerCtrl}});var Te=a(1323);Object.defineProperty(t,"_getFloatingFiltersHeight",{enumerable:!0,get:function(){return Te.getFloatingFiltersHeight}}),Object.defineProperty(t,"_getHeaderRowCount",{enumerable:!0,get:function(){return Te.getHeaderRowCount}});var Ie=a(8994);Object.defineProperty(t,"_setColMenuVisible",{enumerable:!0,get:function(){return Ie._setColMenuVisible}});var _e=a(3336);Object.defineProperty(t,"AgAbstractCellEditor",{enumerable:!0,get:function(){return _e.AgAbstractCellEditor}});var Oe=a(24711);Object.defineProperty(t,"_suppressCellMouseEvent",{enumerable:!0,get:function(){return Oe._suppressCellMouseEvent}});var Le=a(2147);Object.defineProperty(t,"PositionableFeature",{enumerable:!0,get:function(){return Le.PositionableFeature}});var Ne=a(24711);Object.defineProperty(t,"_getCellCtrlForEventTarget",{enumerable:!0,get:function(){return Ne._getCellCtrlForEventTarget}}),Object.defineProperty(t,"_getRowCtrlForEventTarget",{enumerable:!0,get:function(){return Ne._getRowCtrlForEventTarget}});var Be=a(9294);Object.defineProperty(t,"PinnedRowModel",{enumerable:!0,get:function(){return Be.PinnedRowModel}});var Ge=a(73590);Object.defineProperty(t,"ServerSideTransactionResultStatus",{enumerable:!0,get:function(){return Ge.ServerSideTransactionResultStatus}});var He=a(23306);Object.defineProperty(t,"BaseSelectionService",{enumerable:!0,get:function(){return He.BaseSelectionService}});var Ve=a(78020);Object.defineProperty(t,"Component",{enumerable:!0,get:function(){return Ve.Component}});var qe=a(31772);Object.defineProperty(t,"ManagedFocusFeature",{enumerable:!0,get:function(){return qe.ManagedFocusFeature}}),Object.defineProperty(t,"_FOCUS_MANAGED_CLASS",{enumerable:!0,get:function(){return qe.FOCUS_MANAGED_CLASS}});var je=a(68332);Object.defineProperty(t,"TabGuardComp",{enumerable:!0,get:function(){return je.TabGuardComp}});var We=a(90006);Object.defineProperty(t,"TabGuardCtrl",{enumerable:!0,get:function(){return We.TabGuardCtrl}}),Object.defineProperty(t,"TabGuardClassNames",{enumerable:!0,get:function(){return We.TabGuardClassNames}});var Ue=a(71017);Object.defineProperty(t,"TabGuardFeature",{enumerable:!0,get:function(){return Ue.TabGuardFeature}});var Ke=a(99644);Object.defineProperty(t,"TouchListener",{enumerable:!0,get:function(){return Ke.TouchListener}}),o.__exportStar(a(45970),t);var Qe=a(55961);Object.defineProperty(t,"CellRangeType",{enumerable:!0,get:function(){return Qe.CellRangeType}});var Ye=a(35628);Object.defineProperty(t,"AutoScrollService",{enumerable:!0,get:function(){return Ye.AutoScrollService}});var Xe=a(56511);Object.defineProperty(t,"VanillaFrameworkOverrides",{enumerable:!0,get:function(){return Xe.VanillaFrameworkOverrides}});var Ze=a(21657);Object.defineProperty(t,"GridCoreCreator",{enumerable:!0,get:function(){return Ze.GridCoreCreator}}),Object.defineProperty(t,"createGrid",{enumerable:!0,get:function(){return Ze.createGrid}}),Object.defineProperty(t,"getGridApi",{enumerable:!0,get:function(){return Ze.getGridApi}}),Object.defineProperty(t,"getGridElement",{enumerable:!0,get:function(){return Ze.getGridElement}});var Je=a(75518);Object.defineProperty(t,"provideGlobalGridOptions",{enumerable:!0,get:function(){return Je.provideGlobalGridOptions}}),Object.defineProperty(t,"_getGlobalGridOption",{enumerable:!0,get:function(){return Je._getGlobalGridOption}});var $e=a(66876);Object.defineProperty(t,"_getClientSideRowModel",{enumerable:!0,get:function(){return $e._getClientSideRowModel}}),Object.defineProperty(t,"_getViewportRowModel",{enumerable:!0,get:function(){return $e._getViewportRowModel}}),Object.defineProperty(t,"_getServerSideRowModel",{enumerable:!0,get:function(){return $e._getServerSideRowModel}});var et=a(73080);Object.defineProperty(t,"_GET_ALL_EVENTS",{enumerable:!0,get:function(){return et._GET_ALL_EVENTS}}),Object.defineProperty(t,"_PUBLIC_EVENTS",{enumerable:!0,get:function(){return et._PUBLIC_EVENTS}});var tt=a(8829);Object.defineProperty(t,"_PUBLIC_EVENT_HANDLERS_MAP",{enumerable:!0,get:function(){return tt._PUBLIC_EVENT_HANDLERS_MAP}});var at=a(67274);Object.defineProperty(t,"_addGridCommonParams",{enumerable:!0,get:function(){return at._addGridCommonParams}}),Object.defineProperty(t,"_getCallbackForEvent",{enumerable:!0,get:function(){return at._getCallbackForEvent}}),Object.defineProperty(t,"_combineAttributesAndGridOptions",{enumerable:!0,get:function(){return at._combineAttributesAndGridOptions}}),Object.defineProperty(t,"_processOnChange",{enumerable:!0,get:function(){return at._processOnChange}}),Object.defineProperty(t,"_getMaxConcurrentDatasourceRequests",{enumerable:!0,get:function(){return at._getMaxConcurrentDatasourceRequests}}),Object.defineProperty(t,"_getRowIdCallback",{enumerable:!0,get:function(){return at._getRowIdCallback}}),Object.defineProperty(t,"_getRowHeightForNode",{enumerable:!0,get:function(){return at._getRowHeightForNode}}),Object.defineProperty(t,"_isDomLayout",{enumerable:!0,get:function(){return at._isDomLayout}}),Object.defineProperty(t,"_isAnimateRows",{enumerable:!0,get:function(){return at._isAnimateRows}}),Object.defineProperty(t,"_getGrandTotalRow",{enumerable:!0,get:function(){return at._getGrandTotalRow}}),Object.defineProperty(t,"_getGroupTotalRowCallback",{enumerable:!0,get:function(){return at._getGroupTotalRowCallback}}),Object.defineProperty(t,"_isGroupMultiAutoColumn",{enumerable:!0,get:function(){return at._isGroupMultiAutoColumn}}),Object.defineProperty(t,"_isColumnsSortingCoupledToGroup",{enumerable:!0,get:function(){return at._isColumnsSortingCoupledToGroup}}),Object.defineProperty(t,"_isClientSideRowModel",{enumerable:!0,get:function(){return at._isClientSideRowModel}}),Object.defineProperty(t,"_isServerSideRowModel",{enumerable:!0,get:function(){return at._isServerSideRowModel}}),Object.defineProperty(t,"_isGroupUseEntireRow",{enumerable:!0,get:function(){return at._isGroupUseEntireRow}}),Object.defineProperty(t,"_isFullWidthGroupRow",{enumerable:!0,get:function(){return at._isFullWidthGroupRow}}),Object.defineProperty(t,"_canSkipShowingRowGroup",{enumerable:!0,get:function(){return at._canSkipShowingRowGroup}}),Object.defineProperty(t,"_getRowHeightAsNumber",{enumerable:!0,get:function(){return at._getRowHeightAsNumber}}),Object.defineProperty(t,"_shouldUpdateColVisibilityAfterGroup",{enumerable:!0,get:function(){return at._shouldUpdateColVisibilityAfterGroup}}),Object.defineProperty(t,"_getGroupAggFiltering",{enumerable:!0,get:function(){return at._getGroupAggFiltering}}),Object.defineProperty(t,"_isRowSelection",{enumerable:!0,get:function(){return at._isRowSelection}}),Object.defineProperty(t,"_isGetRowHeightFunction",{enumerable:!0,get:function(){return at._isGetRowHeightFunction}}),Object.defineProperty(t,"_getGroupSelection",{enumerable:!0,get:function(){return at._getGroupSelection}}),Object.defineProperty(t,"_getGroupSelectsDescendants",{enumerable:!0,get:function(){return at._getGroupSelectsDescendants}}),Object.defineProperty(t,"_getIsRowSelectable",{enumerable:!0,get:function(){return at._getIsRowSelectable}}),Object.defineProperty(t,"_getCheckboxes",{enumerable:!0,get:function(){return at._getCheckboxes}}),Object.defineProperty(t,"_getCheckboxLocation",{enumerable:!0,get:function(){return at._getCheckboxLocation}}),Object.defineProperty(t,"_getHeaderCheckbox",{enumerable:!0,get:function(){return at._getHeaderCheckbox}}),Object.defineProperty(t,"_isMultiRowSelection",{enumerable:!0,get:function(){return at._isMultiRowSelection}}),Object.defineProperty(t,"_getFillHandle",{enumerable:!0,get:function(){return at._getFillHandle}}),Object.defineProperty(t,"_isCellSelectionEnabled",{enumerable:!0,get:function(){return at._isCellSelectionEnabled}}),Object.defineProperty(t,"_getSuppressMultiRanges",{enumerable:!0,get:function(){return at._getSuppressMultiRanges}}),Object.defineProperty(t,"_getRowSelectionMode",{enumerable:!0,get:function(){return at._getRowSelectionMode}}),Object.defineProperty(t,"_isLegacyMenuEnabled",{enumerable:!0,get:function(){return at._isLegacyMenuEnabled}}),Object.defineProperty(t,"_isColumnMenuAnchoringEnabled",{enumerable:!0,get:function(){return at._isColumnMenuAnchoringEnabled}}),Object.defineProperty(t,"_isUsingNewRowSelectionAPI",{enumerable:!0,get:function(){return at._isUsingNewRowSelectionAPI}}),Object.defineProperty(t,"_isUsingNewCellSelectionAPI",{enumerable:!0,get:function(){return at._isUsingNewCellSelectionAPI}}),Object.defineProperty(t,"_isGroupRowsSticky",{enumerable:!0,get:function(){return at._isGroupRowsSticky}}),Object.defineProperty(t,"_getGridOption",{enumerable:!0,get:function(){return at._getGridOption}}),Object.defineProperty(t,"_isSetFilterByDefault",{enumerable:!0,get:function(){return at._isSetFilterByDefault}}),Object.defineProperty(t,"_interpretAsRightClick",{enumerable:!0,get:function(){return at._interpretAsRightClick}});var ot=a(37600);Object.defineProperty(t,"GridCtrl",{enumerable:!0,get:function(){return ot.GridCtrl}});var nt=a(9944);Object.defineProperty(t,"LocaleService",{enumerable:!0,get:function(){return nt.LocaleService}});var rt=a(73240);Object.defineProperty(t,"convertColumnGroupState",{enumerable:!0,get:function(){return rt.convertColumnGroupState}}),Object.defineProperty(t,"convertColumnState",{enumerable:!0,get:function(){return rt.convertColumnState}});var it=a(6257);Object.defineProperty(t,"_areCellsEqual",{enumerable:!0,get:function(){return it._areCellsEqual}}),Object.defineProperty(t,"_createCellId",{enumerable:!0,get:function(){return it._createCellId}}),Object.defineProperty(t,"_isRowBefore",{enumerable:!0,get:function(){return it._isRowBefore}}),Object.defineProperty(t,"_isSameRow",{enumerable:!0,get:function(){return it._isSameRow}}),Object.defineProperty(t,"_getLastRow",{enumerable:!0,get:function(){return it._getLastRow}}),Object.defineProperty(t,"_getRowNode",{enumerable:!0,get:function(){return it._getRowNode}}),Object.defineProperty(t,"_getCellByPosition",{enumerable:!0,get:function(){return it._getCellByPosition}}),Object.defineProperty(t,"_getFirstRow",{enumerable:!0,get:function(){return it._getFirstRow}}),Object.defineProperty(t,"_getRowAbove",{enumerable:!0,get:function(){return it._getRowAbove}}),Object.defineProperty(t,"_getRowBelow",{enumerable:!0,get:function(){return it._getRowBelow}}),Object.defineProperty(t,"_getAbsoluteRowIndex",{enumerable:!0,get:function(){return it._getAbsoluteRowIndex}});var lt=a(40920);Object.defineProperty(t,"_GET_ALL_GRID_OPTIONS",{enumerable:!0,get:function(){return lt._GET_ALL_GRID_OPTIONS}}),Object.defineProperty(t,"_BOOLEAN_MIXED_GRID_OPTIONS",{enumerable:!0,get:function(){return lt._BOOLEAN_MIXED_GRID_OPTIONS}});var st=a(49270);Object.defineProperty(t,"_HeaderComp",{enumerable:!0,get:function(){return st.HeaderComp}});var dt=a(8759);Object.defineProperty(t,"BaseComponentWrapper",{enumerable:!0,get:function(){return dt.BaseComponentWrapper}});var ct=a(89024);Object.defineProperty(t,"_addAdditionalCss",{enumerable:!0,get:function(){return ct._addAdditionalCss}});var gt=a(93386);Object.defineProperty(t,"_getShouldDisplayTooltip",{enumerable:!0,get:function(){return gt._getShouldDisplayTooltip}}),Object.defineProperty(t,"_isShowTooltipWhenTruncated",{enumerable:!0,get:function(){return gt._isShowTooltipWhenTruncated}});var ut=a(76800);Object.defineProperty(t,"ChangedPath",{enumerable:!0,get:function(){return ut.ChangedPath}});var ht=a(73151);Object.defineProperty(t,"_createElement",{enumerable:!0,get:function(){return ht._createElement}});var pt=a(24009);Object.defineProperty(t,"_selectAllCells",{enumerable:!0,get:function(){return pt._selectAllCells}});var mt=a(22731);Object.defineProperty(t,"_stopPropagationForAgGrid",{enumerable:!0,get:function(){return mt._stopPropagationForAgGrid}}),Object.defineProperty(t,"_isStopPropagationForAgGrid",{enumerable:!0,get:function(){return mt._isStopPropagationForAgGrid}});var ft=a(86597);Object.defineProperty(t,"_warnOnce",{enumerable:!0,get:function(){return ft._warnOnce}});var vt=a(47764);Object.defineProperty(t,"_warn",{enumerable:!0,get:function(){return vt._warn}}),Object.defineProperty(t,"_error",{enumerable:!0,get:function(){return vt._error}}),Object.defineProperty(t,"_errMsg",{enumerable:!0,get:function(){return vt._errMsg}}),Object.defineProperty(t,"_logPreInitWarn",{enumerable:!0,get:function(){return vt._logPreInitWarn}}),Object.defineProperty(t,"_preInitErrMsg",{enumerable:!0,get:function(){return vt._preInitErrMsg}});var bt=a(59970);Object.defineProperty(t,"_createIcon",{enumerable:!0,get:function(){return bt._createIcon}}),Object.defineProperty(t,"_createIconNoSpan",{enumerable:!0,get:function(){return bt._createIconNoSpan}});var Ct=a(27698);Object.defineProperty(t,"_formatNumberCommas",{enumerable:!0,get:function(){return Ct._formatNumberCommas}});var wt=a(66021);Object.defineProperty(t,"_mergeDeep",{enumerable:!0,get:function(){return wt._mergeDeep}});var yt=a(86675);Object.defineProperty(t,"_addFocusableContainerListener",{enumerable:!0,get:function(){return yt._addFocusableContainerListener}}),Object.defineProperty(t,"_focusGridInnerElement",{enumerable:!0,get:function(){return yt._focusGridInnerElement}}),Object.defineProperty(t,"_focusNextGridCoreContainer",{enumerable:!0,get:function(){return yt._focusNextGridCoreContainer}}),o.__exportStar(a(17419),t),o.__exportStar(a(7919),t);var St=a(47331);Object.defineProperty(t,"BaseCreator",{enumerable:!0,get:function(){return St.BaseCreator}});var kt=a(68376);Object.defineProperty(t,"BaseGridSerializingSession",{enumerable:!0,get:function(){return kt.BaseGridSerializingSession}});var xt=a(3885);Object.defineProperty(t,"_downloadFile",{enumerable:!0,get:function(){return xt._downloadFile}});var Rt=a(2132);Object.defineProperty(t,"ModuleRegistry",{enumerable:!0,get:function(){return Rt.ModuleRegistry}}),Object.defineProperty(t,"_registerModule",{enumerable:!0,get:function(){return Rt._registerModule}}),Object.defineProperty(t,"_getGridRegisteredModules",{enumerable:!0,get:function(){return Rt._getGridRegisteredModules}}),Object.defineProperty(t,"_setUmd",{enumerable:!0,get:function(){return Rt._setUmd}});var Et=a(15010);Object.defineProperty(t,"ValidationModule",{enumerable:!0,get:function(){return Et.ValidationModule}});var Mt=a(64074);Object.defineProperty(t,"_ColumnMoveModule",{enumerable:!0,get:function(){return Mt.ColumnMoveModule}});var Pt=a(24388);Object.defineProperty(t,"_DragModule",{enumerable:!0,get:function(){return Pt.DragModule}}),Object.defineProperty(t,"_HorizontalResizeModule",{enumerable:!0,get:function(){return Pt.HorizontalResizeModule}}),Object.defineProperty(t,"_SharedDragAndDropModule",{enumerable:!0,get:function(){return Pt.SharedDragAndDropModule}}),Object.defineProperty(t,"DragAndDropModule",{enumerable:!0,get:function(){return Pt.DragAndDropModule}}),Object.defineProperty(t,"RowDragModule",{enumerable:!0,get:function(){return Pt.RowDragModule}});var Ft=a(45432);Object.defineProperty(t,"_ColumnFilterModule",{enumerable:!0,get:function(){return Ft.ColumnFilterModule}}),Object.defineProperty(t,"_FilterCoreModule",{enumerable:!0,get:function(){return Ft.FilterCoreModule}}),Object.defineProperty(t,"_FilterValueModule",{enumerable:!0,get:function(){return Ft.FilterValueModule}}),Object.defineProperty(t,"CustomFilterModule",{enumerable:!0,get:function(){return Ft.CustomFilterModule}}),Object.defineProperty(t,"QuickFilterModule",{enumerable:!0,get:function(){return Ft.QuickFilterModule}}),Object.defineProperty(t,"TextFilterModule",{enumerable:!0,get:function(){return Ft.TextFilterModule}}),Object.defineProperty(t,"NumberFilterModule",{enumerable:!0,get:function(){return Ft.NumberFilterModule}}),Object.defineProperty(t,"DateFilterModule",{enumerable:!0,get:function(){return Ft.DateFilterModule}}),Object.defineProperty(t,"ExternalFilterModule",{enumerable:!0,get:function(){return Ft.ExternalFilterModule}});var At=a(84652);Object.defineProperty(t,"_EditCoreModule",{enumerable:!0,get:function(){return At.EditCoreModule}}),Object.defineProperty(t,"NumberEditorModule",{enumerable:!0,get:function(){return At.NumberEditorModule}}),Object.defineProperty(t,"DateEditorModule",{enumerable:!0,get:function(){return At.DateEditorModule}}),Object.defineProperty(t,"CheckboxEditorModule",{enumerable:!0,get:function(){return At.CheckboxEditorModule}}),Object.defineProperty(t,"TextEditorModule",{enumerable:!0,get:function(){return At.TextEditorModule}}),Object.defineProperty(t,"LargeTextEditorModule",{enumerable:!0,get:function(){return At.LargeTextEditorModule}}),Object.defineProperty(t,"SelectEditorModule",{enumerable:!0,get:function(){return At.SelectEditorModule}}),Object.defineProperty(t,"UndoRedoEditModule",{enumerable:!0,get:function(){return At.UndoRedoEditModule}}),Object.defineProperty(t,"CustomEditorModule",{enumerable:!0,get:function(){return At.CustomEditorModule}});var Dt=a(43352);Object.defineProperty(t,"RowSelectionModule",{enumerable:!0,get:function(){return Dt.RowSelectionModule}}),Object.defineProperty(t,"_SharedRowSelectionModule",{enumerable:!0,get:function(){return Dt.SharedRowSelectionModule}});var zt=a(36437);Object.defineProperty(t,"_CsrmSsrmSharedApiModule",{enumerable:!0,get:function(){return zt.CsrmSsrmSharedApiModule}}),Object.defineProperty(t,"_RowModelSharedApiModule",{enumerable:!0,get:function(){return zt.RowModelSharedApiModule}}),Object.defineProperty(t,"_SsrmInfiniteSharedApiModule",{enumerable:!0,get:function(){return zt.SsrmInfiniteSharedApiModule}});var Tt=a(74510);Object.defineProperty(t,"onRowHeightChanged",{enumerable:!0,get:function(){return Tt.onRowHeightChanged}}),Object.defineProperty(t,"resetRowHeights",{enumerable:!0,get:function(){return Tt.resetRowHeights}});var It=a(23472);Object.defineProperty(t,"_SharedMenuModule",{enumerable:!0,get:function(){return It.SharedMenuModule}});var _t=a(96620);Object.defineProperty(t,"_SortModule",{enumerable:!0,get:function(){return _t.SortModule}});var Ot=a(22074);Object.defineProperty(t,"AlignedGridsModule",{enumerable:!0,get:function(){return Ot.AlignedGridsModule}});var Lt=a(89722);Object.defineProperty(t,"ClientSideRowModelModule",{enumerable:!0,get:function(){return Lt.ClientSideRowModelModule}}),Object.defineProperty(t,"ClientSideRowModelApiModule",{enumerable:!0,get:function(){return Lt.ClientSideRowModelApiModule}});var Nt=a(59734);Object.defineProperty(t,"CsvExportModule",{enumerable:!0,get:function(){return Nt.CsvExportModule}});var Bt=a(44002);Object.defineProperty(t,"InfiniteRowModelModule",{enumerable:!0,get:function(){return Bt.InfiniteRowModelModule}});var Gt=a(3137);Object.defineProperty(t,"_PopupModule",{enumerable:!0,get:function(){return Gt.PopupModule}});var Ht=a(928);Object.defineProperty(t,"_KeyboardNavigationModule",{enumerable:!0,get:function(){return Ht.KeyboardNavigationModule}});var Vt=a(83498);Object.defineProperty(t,"HighlightChangesModule",{enumerable:!0,get:function(){return Vt.HighlightChangesModule}});var qt=a(66041);Object.defineProperty(t,"_ColumnGroupModule",{enumerable:!0,get:function(){return qt.ColumnGroupModule}});var jt=a(6989);Object.defineProperty(t,"GridStateModule",{enumerable:!0,get:function(){return jt.GridStateModule}});var Wt=a(52027);Object.defineProperty(t,"ColumnApiModule",{enumerable:!0,get:function(){return Wt.ColumnApiModule}});var Ut=a(71824);Object.defineProperty(t,"PaginationModule",{enumerable:!0,get:function(){return Ut.PaginationModule}});var Kt=a(59642);Object.defineProperty(t,"RowApiModule",{enumerable:!0,get:function(){return Kt.RowApiModule}}),Object.defineProperty(t,"ScrollApiModule",{enumerable:!0,get:function(){return Kt.ScrollApiModule}});var Qt=a(66964);Object.defineProperty(t,"RenderApiModule",{enumerable:!0,get:function(){return Qt.RenderApiModule}});var Yt=a(63856);Object.defineProperty(t,"ColumnAutoSizeModule",{enumerable:!0,get:function(){return Yt.ColumnAutoSizeModule}});var Xt=a(15423);Object.defineProperty(t,"PinnedRowModule",{enumerable:!0,get:function(){return Xt.PinnedRowModule}});var Zt=a(4265);Object.defineProperty(t,"CellSpanModule",{enumerable:!0,get:function(){return Zt.CellSpanModule}});var Jt=a(76431);Object.defineProperty(t,"ValueCacheModule",{enumerable:!0,get:function(){return Jt.ValueCacheModule}}),Object.defineProperty(t,"CellApiModule",{enumerable:!0,get:function(){return Jt.CellApiModule}});var $t=a(68594);Object.defineProperty(t,"CellStyleModule",{enumerable:!0,get:function(){return $t.CellStyleModule}}),Object.defineProperty(t,"RowStyleModule",{enumerable:!0,get:function(){return $t.RowStyleModule}});var ea=a(41690);Object.defineProperty(t,"ColumnHoverModule",{enumerable:!0,get:function(){return ea.ColumnHoverModule}});var ta=a(99410);Object.defineProperty(t,"EventApiModule",{enumerable:!0,get:function(){return ta.EventApiModule}});var aa=a(34658);Object.defineProperty(t,"TooltipModule",{enumerable:!0,get:function(){return aa.TooltipModule}});var oa=a(89519);Object.defineProperty(t,"LocaleModule",{enumerable:!0,get:function(){return oa.LocaleModule}});var na=a(4577);Object.defineProperty(t,"RowAutoHeightModule",{enumerable:!0,get:function(){return na.RowAutoHeightModule}});var ra=a(92728);Object.defineProperty(t,"_SharedExportModule",{enumerable:!0,get:function(){return ra.SharedExportModule}});var ia=a(51621);Object.defineProperty(t,"AllCommunityModule",{enumerable:!0,get:function(){return ia.AllCommunityModule}}),o.__exportStar(a(57968),t);var la=a(82837);Object.defineProperty(t,"createTheme",{enumerable:!0,get:function(){return la.createTheme}});var sa=a(98265);Object.defineProperty(t,"checkboxStyleDefault",{enumerable:!0,get:function(){return sa.checkboxStyleDefault}});var da=a(38689);Object.defineProperty(t,"colorSchemeDark",{enumerable:!0,get:function(){return da.colorSchemeDark}}),Object.defineProperty(t,"colorSchemeDarkBlue",{enumerable:!0,get:function(){return da.colorSchemeDarkBlue}}),Object.defineProperty(t,"colorSchemeDarkWarm",{enumerable:!0,get:function(){return da.colorSchemeDarkWarm}}),Object.defineProperty(t,"colorSchemeLight",{enumerable:!0,get:function(){return da.colorSchemeLight}}),Object.defineProperty(t,"colorSchemeLightCold",{enumerable:!0,get:function(){return da.colorSchemeLightCold}}),Object.defineProperty(t,"colorSchemeLightWarm",{enumerable:!0,get:function(){return da.colorSchemeLightWarm}}),Object.defineProperty(t,"colorSchemeVariable",{enumerable:!0,get:function(){return da.colorSchemeVariable}});var ca=a(26407);Object.defineProperty(t,"iconOverrides",{enumerable:!0,get:function(){return ca.iconOverrides}}),Object.defineProperty(t,"iconSetAlpine",{enumerable:!0,get:function(){return ca.iconSetAlpine}}),Object.defineProperty(t,"iconSetMaterial",{enumerable:!0,get:function(){return ca.iconSetMaterial}}),Object.defineProperty(t,"iconSetQuartz",{enumerable:!0,get:function(){return ca.iconSetQuartz}}),Object.defineProperty(t,"iconSetQuartzBold",{enumerable:!0,get:function(){return ca.iconSetQuartzBold}}),Object.defineProperty(t,"iconSetQuartzLight",{enumerable:!0,get:function(){return ca.iconSetQuartzLight}}),Object.defineProperty(t,"iconSetQuartzRegular",{enumerable:!0,get:function(){return ca.iconSetQuartzRegular}});var ga=a(87161);Object.defineProperty(t,"inputStyleBase",{enumerable:!0,get:function(){return ga.inputStyleBase}}),Object.defineProperty(t,"inputStyleBordered",{enumerable:!0,get:function(){return ga.inputStyleBordered}}),Object.defineProperty(t,"inputStyleUnderlined",{enumerable:!0,get:function(){return ga.inputStyleUnderlined}});var ua=a(82475);Object.defineProperty(t,"buttonStyleAlpine",{enumerable:!0,get:function(){return ua.buttonStyleAlpine}}),Object.defineProperty(t,"buttonStyleBalham",{enumerable:!0,get:function(){return ua.buttonStyleBalham}}),Object.defineProperty(t,"buttonStyleBase",{enumerable:!0,get:function(){return ua.buttonStyleBase}}),Object.defineProperty(t,"buttonStyleQuartz",{enumerable:!0,get:function(){return ua.buttonStyleQuartz}});var ha=a(5117);Object.defineProperty(t,"tabStyleAlpine",{enumerable:!0,get:function(){return ha.tabStyleAlpine}}),Object.defineProperty(t,"tabStyleBase",{enumerable:!0,get:function(){return ha.tabStyleBase}}),Object.defineProperty(t,"tabStyleMaterial",{enumerable:!0,get:function(){return ha.tabStyleMaterial}}),Object.defineProperty(t,"tabStyleQuartz",{enumerable:!0,get:function(){return ha.tabStyleQuartz}}),Object.defineProperty(t,"tabStyleRolodex",{enumerable:!0,get:function(){return ha.tabStyleRolodex}});var pa=a(21697);Object.defineProperty(t,"columnDropStyleBordered",{enumerable:!0,get:function(){return pa.columnDropStyleBordered}}),Object.defineProperty(t,"columnDropStylePlain",{enumerable:!0,get:function(){return pa.columnDropStylePlain}});var ma=a(2525);Object.defineProperty(t,"styleMaterial",{enumerable:!0,get:function(){return ma.styleMaterial}}),Object.defineProperty(t,"themeAlpine",{enumerable:!0,get:function(){return ma.themeAlpine}}),Object.defineProperty(t,"themeBalham",{enumerable:!0,get:function(){return ma.themeBalham}}),Object.defineProperty(t,"themeMaterial",{enumerable:!0,get:function(){return ma.themeMaterial}}),Object.defineProperty(t,"themeQuartz",{enumerable:!0,get:function(){return ma.themeQuartz}});var fa=a(57490);Object.defineProperty(t,"setupAgTestIds",{enumerable:!0,get:function(){return fa.setupAgTestIds}});var va=a(90248);Object.defineProperty(t,"agTestIdFor",{enumerable:!0,get:function(){return va.agTestIdFor}}),Object.defineProperty(t,"wrapAgTestIdFor",{enumerable:!0,get:function(){return va.wrapAgTestIdFor}})},36392:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.AnimationFrameModule=void 0;const o=a(97205),n=a(52612);t.AnimationFrameModule={moduleName:"AnimationFrame",version:o.VERSION,beans:[n.AnimationFrameService]}},52612:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.AnimationFrameService=void 0;const o=a(1956),n=a(68731),r=a(47764);class i extends n.BeanStub{constructor(){super(...arguments),this.beanName="animationFrameSvc",this.p1={list:[],sorted:!1},this.p2={list:[],sorted:!1},this.f1={list:[],sorted:!1},this.destroyTasks=[],this.ticking=!1,this.scrollGoingDown=!0,this.lastScrollTop=0,this.taskCount=0}setScrollTop(e){this.scrollGoingDown=e>=this.lastScrollTop,0===e&&(this.scrollGoingDown=!0),this.lastScrollTop=e}postConstruct(){this.active=!this.gos.get("suppressAnimationFrame"),this.batchFrameworkComps=this.beans.frameworkOverrides.batchFrameworkComps}verify(){!1===this.active&&(0,r._warn)(92)}createTask(e,t,a,o,n=!1){this.verify();let r=a;o&&this.batchFrameworkComps&&(r="f1");const i={task:e,index:t,createOrder:++this.taskCount,deferred:n};this.addTaskToList(this[r],i),this.schedule()}addTaskToList(e,t){e.list.push(t),e.sorted=!1}sortTaskList(e){if(e.sorted)return;const t=this.scrollGoingDown?1:-1;e.list.sort((e,a)=>e.deferred!==a.deferred?e.deferred?-1:1:e.index!==a.index?t*(a.index-e.index):a.createOrder-e.createOrder),e.sorted=!0}addDestroyTask(e){this.verify(),this.destroyTasks.push(e),this.schedule()}executeFrame(e){const{p1:t,p2:a,f1:o,destroyTasks:n,beans:r}=this,{ctrlsSvc:i,frameworkOverrides:l}=r,s=t.list,d=a.list,c=o.list,g=Date.now();let u=0;const h=e<=0,p=i.getScrollFeature();for(;h||u<e;){if(!p.scrollGridIfNeeded()){let r;if(s.length)this.sortTaskList(t),r=s.pop().task;else if(d.length)this.sortTaskList(a),r=d.pop().task;else if(c.length)l.wrapOutgoing(()=>{for(;h||u<e;){if(p.scrollGridIfNeeded())break;if(!c.length)break;this.sortTaskList(o),r=c.pop().task,r(),u=Date.now()-g}}),r=()=>{};else{if(!n.length)break;r=n.pop()}r()}u=Date.now()-g}s.length||d.length||c.length||n.length?this.requestFrame():this.ticking=!1}flushAllFrames(){this.active&&this.executeFrame(-1)}schedule(){this.active&&(this.ticking||(this.ticking=!0,this.requestFrame()))}requestFrame(){const e=this.executeFrame.bind(this,60);(0,o._requestAnimationFrame)(this.beans,e)}isQueueEmpty(){return!this.ticking}}t.AnimationFrameService=i},99410:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.EventApiModule=void 0;const o=a(97205),n=a(46107),r=a(66470);t.EventApiModule={moduleName:"EventApi",version:o.VERSION,apiFunctions:{addEventListener:r.addEventListener,addGlobalListener:r.addGlobalListener,removeEventListener:r.removeEventListener,removeGlobalListener:r.removeGlobalListener},beans:[n.ApiEventService]}},46107:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.ApiEventService=void 0;const o=a(68731),n=a(57968);class r extends o.BeanStub{constructor(){super(...arguments),this.beanName="apiEventSvc",this.syncListeners=new Map,this.asyncListeners=new Map,this.syncGlobalListeners=new Set,this.globalListenerPairs=new Map}postConstruct(){this.wrapSvc=this.beans.frameworkOverrides.createGlobalEventListenerWrapper?.()}addListener(e,t){const a=this.wrapSvc?.wrap(e,t)??t,o=!n.ALWAYS_SYNC_GLOBAL_EVENTS.has(e),r=o?this.asyncListeners:this.syncListeners;r.has(e)||r.set(e,new Set),r.get(e).add(a),this.eventSvc.addListener(e,a,o)}removeListener(e,t){const a=this.wrapSvc?.unwrap(e,t)??t,o=this.asyncListeners.get(e),n=!!o?.delete(a);n||this.syncListeners.get(e)?.delete(a),this.eventSvc.removeListener(e,a,n)}addGlobalListener(e){const t=this.wrapSvc?.wrapGlobal(e)??e,a=(e,a)=>{n.ALWAYS_SYNC_GLOBAL_EVENTS.has(e)&&t(e,a)},o=(e,a)=>{n.ALWAYS_SYNC_GLOBAL_EVENTS.has(e)||t(e,a)};this.globalListenerPairs.set(e,{syncListener:a,asyncListener:o});const r=this.eventSvc;r.addGlobalListener(a,!1),r.addGlobalListener(o,!0)}removeGlobalListener(e){const{eventSvc:t,wrapSvc:a,globalListenerPairs:o}=this,n=a?.unwrapGlobal(e)??e;if(o.has(n)){const{syncListener:a,asyncListener:r}=o.get(n);t.removeGlobalListener(a,!1),t.removeGlobalListener(r,!0),o.delete(e)}else this.syncGlobalListeners.delete(n),t.removeGlobalListener(n,!1)}destroyEventListeners(e,t){e.forEach((e,a)=>{e.forEach(e=>this.eventSvc.removeListener(a,e,t)),e.clear()}),e.clear()}destroyGlobalListeners(e,t){for(const a of e)this.eventSvc.removeGlobalListener(a,t);e.clear()}destroy(){super.destroy(),this.destroyEventListeners(this.syncListeners,!1),this.destroyEventListeners(this.asyncListeners,!0),this.destroyGlobalListeners(this.syncGlobalListeners,!1);const{globalListenerPairs:e,eventSvc:t}=this;e.forEach(({syncListener:e,asyncListener:a})=>{t.removeGlobalListener(e,!1),t.removeGlobalListener(a,!0)}),e.clear()}}t.ApiEventService=r},66470:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.removeGlobalListener=t.addGlobalListener=t.removeEventListener=t.addEventListener=void 0,t.addEventListener=function(e,t,a){e.apiEventSvc?.addListener(t,a)},t.removeEventListener=function(e,t,a){e.apiEventSvc?.removeListener(t,a)},t.addGlobalListener=function(e,t){e.apiEventSvc?.addGlobalListener(t)},t.removeGlobalListener=function(e,t){e.apiEventSvc?.removeGlobalListener(t)}},94178:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.IconService=void 0;const o=a(68731),n=a(59970);class r extends o.BeanStub{constructor(){super(...arguments),this.beanName="iconSvc"}createIconNoSpan(e,t){return(0,n._createIconNoSpan)(e,this.beans,t?.column)}}t.IconService=r},89519:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.LocaleModule=void 0;const o=a(97205),n=a(9944);t.LocaleModule={moduleName:"Locale",version:o.VERSION,beans:[n.LocaleService]}},9944:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.LocaleService=void 0;const o=a(66352),n=a(68731);class r extends n.BeanStub{constructor(){super(...arguments),this.beanName="localeSvc"}getLocaleTextFunc(){const e=this.gos,t=e.getCallback("getLocaleText");return t?(0,o._getLocaleTextFromFunc)(t):(0,o._getLocaleTextFromMap)(e.get("localeText"))}}t.LocaleService=r},90297:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.hidePopupMenu=t.showColumnMenu=void 0;const o=a(47764);t.showColumnMenu=function(e,t){const a=e.colModel.getCol(t);a?e.menuSvc?.showColumnMenu({column:a,positionBy:"auto"}):(0,o._error)(12,{colKey:t})},t.hidePopupMenu=function(e){e.menuSvc?.hidePopupMenu()}},8994:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t._setColMenuVisible=t.MenuService=void 0;const o=a(36916),n=a(1956),r=a(68731),i=a(13355),l=a(67274);class s extends r.BeanStub{constructor(){super(...arguments),this.beanName="menuSvc"}postConstruct(){const{enterpriseMenuFactory:e,filterMenuFactory:t}=this.beans;this.activeMenuFactory=e??t}showColumnMenu(e){this.showColumnMenuCommon(this.activeMenuFactory,e,"columnMenu")}showFilterMenu(e){this.showColumnMenuCommon(d(this.beans),e,e.containerType,!0)}showHeaderContextMenu(e,t,a){this.activeMenuFactory?.showMenuAfterContextMenuEvent(e,t,a)}hidePopupMenu(){this.beans.contextMenuSvc?.hideActiveMenu(),this.activeMenuFactory?.hideActiveMenu()}hideFilterMenu(){d(this.beans)?.hideActiveMenu()}isColumnMenuInHeaderEnabled(e){const{suppressHeaderMenuButton:t}=e.getColDef();return!t&&!!this.activeMenuFactory?.isMenuEnabled(e)&&((0,l._isLegacyMenuEnabled)(this.gos)||!!this.beans.enterpriseMenuFactory)}isFilterMenuInHeaderEnabled(e){return!e.getColDef().suppressHeaderFilterButton&&!!this.beans.filterManager?.isFilterAllowed(e)}isHeaderContextMenuEnabled(e){const t=e&&(0,i.isColumn)(e)?e.getColDef():e?.getColGroupDef();return!t?.suppressHeaderContextMenu&&"new"===this.gos.get("columnMenu")}isHeaderMenuButtonAlwaysShowEnabled(){return this.isSuppressMenuHide()}isHeaderMenuButtonEnabled(){const e=!this.isSuppressMenuHide();return!((0,o._isIOSUserAgent)()&&e)}isHeaderFilterButtonEnabled(e){return this.isFilterMenuInHeaderEnabled(e)&&!(0,l._isLegacyMenuEnabled)(this.gos)&&!this.isFloatingFilterButtonDisplayed(e)}isFilterMenuItemEnabled(e){return!(!this.beans.filterManager?.isFilterAllowed(e)||(0,l._isLegacyMenuEnabled)(this.gos)||this.isFilterMenuInHeaderEnabled(e)||this.isFloatingFilterButtonDisplayed(e))}isFloatingFilterButtonEnabled(e){return!e.getColDef().suppressFloatingFilterButton}isFloatingFilterButtonDisplayed(e){return!!e.getColDef().floatingFilter&&this.isFloatingFilterButtonEnabled(e)}isSuppressMenuHide(){const e=this.gos,t=e.get("suppressMenuHide");return(0,l._isLegacyMenuEnabled)(e)?!!e.exists("suppressMenuHide")&&t:t}showColumnMenuCommon(e,t,a,o){const{positionBy:r,onClosedCallback:i}=t,l=t.column;if("button"===r){const{buttonElement:n}=t;e?.showMenuAfterButtonClick(l,n,a,i,o)}else if("mouse"===r){const{mouseEvent:n}=t;e?.showMenuAfterMouseEvent(l,n,a,i,o)}else if(l){const t=this.beans,r=t.ctrlsSvc;r.getScrollFeature().ensureColumnVisible(l,"auto"),(0,n._requestAnimationFrame)(t,()=>{const t=r.getHeaderRowContainerCtrl(l.getPinned())?.getHeaderCtrlForColumn(l);t&&e?.showMenuAfterButtonClick(l,t.getAnchorElementForMenu(o),a,i,o)})}}}function d(e){const{enterpriseMenuFactory:t,filterMenuFactory:a,gos:o}=e;return t&&(0,l._isLegacyMenuEnabled)(o)?t:a}t.MenuService=s,t._setColMenuVisible=function(e,t,a){e.menuVisible!==t&&(e.menuVisible=t,e.dispatchColEvent("menuVisibleChanged",a))}},23472:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.SharedMenuModule=void 0;const o=a(97205),n=a(90297),r=a(8994);t.SharedMenuModule={moduleName:"SharedMenu",version:o.VERSION,beans:[r.MenuService],apiFunctions:{showColumnMenu:n.showColumnMenu,hidePopupMenu:n.hidePopupMenu}}},91997:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.setState=t.getState=void 0,t.getState=function(e){return e.stateSvc?.getState()??{}},t.setState=function(e,t,a){return e.stateSvc?.setState(t,a)}},6414:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.migrateGridStateModel=void 0;const o=a(97205);t.migrateGridStateModel=function(e){return(e={...e}).version||(e.version="32.1.0"),"32.1.0"===e.version&&(e=function(e){return e.cellSelection=function(e,t){if(e&&"object"==typeof e)return e[t]}(e,"rangeSelection"),e}(e)),e.version=o.VERSION,e}},6989:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.GridStateModule=void 0;const o=a(97205),n=a(91997),r=a(73374);t.GridStateModule={moduleName:"GridState",version:o.VERSION,beans:[r.StateService],apiFunctions:{getState:n.getState,setState:n.setState}}},73374:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.StateService=void 0;const o=a(44990),n=a(89097),r=a(2885),i=a(68731),l=a(67274),s=a(6414),d=a(73240);class c extends i.BeanStub{constructor(){super(...arguments),this.beanName="stateSvc",this.updateRowGroupExpansionStateTimer=0,this.suppressEvents=!0,this.queuedUpdateSources=new Set,this.dispatchStateUpdateEventDebounced=(0,o._debounce)(this,()=>this.dispatchQueuedStateUpdateEvents(),0),this.onRowGroupOpenedDebounced=(0,o._debounce)(this,()=>{this.beans.gos.get("ssrmExpandAllAffectsAllRows")?(this.updateCachedState("ssrmRowGroupExpansion",this.getRowGroupExpansionState()),this.updateCachedState("rowGroupExpansion",void 0)):(this.updateCachedState("rowGroupExpansion",this.getRowGroupExpansionState()),this.updateCachedState("ssrmRowGroupExpansion",void 0))},0),this.onRowSelectedDebounced=(0,o._debounce)(this,()=>{this.staleStateKeys.delete("rowSelection"),this.updateCachedState("rowSelection",this.getRowSelectionState())},0),this.staleStateKeys=new Set}postConstruct(){const{gos:e,ctrlsSvc:t,colDelayRenderSvc:a}=this.beans;this.isClientSideRowModel=(0,l._isClientSideRowModel)(e);const o=(0,s.migrateGridStateModel)(e.get("initialState")??{}),n=o.partialColumnState;delete o.partialColumnState,this.cachedState=o;const r=this.suppressEventsAndDispatchInitEvent.bind(this);t.whenReady(this,()=>r(()=>this.setupStateOnGridReady(o))),(o.columnOrder||o.columnVisibility||o.columnSizing||o.columnPinning||o.columnGroup)&&a?.hideColumns("columnState");const[i,d,c]=this.addManagedEventListeners({newColumnsLoaded:({source:e})=>{"gridInitializing"===e&&(i(),r(()=>{this.setupStateOnColumnsInitialised(o,!!n),a?.revealColumns("columnState")}))},rowCountReady:()=>{d?.(),r(()=>this.setupStateOnRowCountReady(o))},firstDataRendered:()=>{c?.(),r(()=>this.setupStateOnFirstDataRendered(o))}})}destroy(){super.destroy(),clearTimeout(this.updateRowGroupExpansionStateTimer),this.queuedUpdateSources.clear()}getState(){return this.staleStateKeys.size&&this.refreshStaleState(),this.cachedState}setState(e,t){const a=(0,s.migrateGridStateModel)(e);delete a.partialColumnState,this.cachedState=a,this.startSuppressEvents();const o="api",n=t?new Set(t):void 0;this.setGridReadyState(a,o,n),this.setColumnsInitialisedState(a,o,!!n,n),this.setRowCountState(a,o,n),setTimeout(()=>{this.isAlive()&&this.setFirstDataRenderedState(a,o,n),this.stopSuppressEvents(o)})}setGridReadyState(e,t,a){"api"!==t||a?.has("sideBar")||this.beans.sideBar?.comp?.setState(e.sideBar),this.updateCachedState("sideBar",this.getSideBarState())}setupStateOnGridReady(e){this.setGridReadyState(e,"gridInitializing");const t=()=>this.updateCachedState("sideBar",this.getSideBarState());this.addManagedEventListeners({toolPanelVisibleChanged:t,sideBarUpdated:t})}updateColumnAndGroupState(){this.updateColumnState(["aggregation","columnOrder","columnPinning","columnSizing","columnVisibility","pivot","rowGroup","sort"]),this.updateCachedState("columnGroup",this.getColumnGroupState())}setColumnsInitialisedState(e,t,a,o){this.setColumnState(e,t,a,o),this.setColumnGroupState(e,t,o),this.updateColumnAndGroupState()}setupStateOnColumnsInitialised(e,t){this.setColumnsInitialisedState(e,"gridInitializing",t);const a=e=>()=>this.updateColumnState([e]);this.addManagedEventListeners({columnValueChanged:a("aggregation"),columnMoved:a("columnOrder"),columnPinned:a("columnPinning"),columnResized:a("columnSizing"),columnVisible:a("columnVisibility"),columnPivotChanged:a("pivot"),columnPivotModeChanged:a("pivot"),columnRowGroupChanged:a("rowGroup"),sortChanged:a("sort"),newColumnsLoaded:this.updateColumnAndGroupState.bind(this),columnGroupOpened:()=>this.updateCachedState("columnGroup",this.getColumnGroupState())})}setRowCountState(e,t,a){const{filter:o,rowGroupExpansion:n,ssrmRowGroupExpansion:r,rowSelection:i,pagination:l}=e,s=(e,o)=>!a?.has(e)&&(o||"api"===t);s("filter",o)&&this.setFilterState(o),s("rowGroupExpansion",n)&&this.setRowGroupExpansionState(r,n,t),s("rowSelection",i)&&this.setRowSelectionState(i,t),s("pagination",l)&&this.setPaginationState(l,t);const d=this.updateCachedState.bind(this);d("filter",this.getFilterState()),this.beans.gos.get("ssrmExpandAllAffectsAllRows")?(d("ssrmRowGroupExpansion",this.getRowGroupExpansionState()),d("rowGroupExpansion",void 0)):(d("rowGroupExpansion",this.getRowGroupExpansionState()),d("ssrmRowGroupExpansion",void 0)),d("rowSelection",this.getRowSelectionState()),d("pagination",this.getPaginationState())}setupStateOnRowCountReady(e){this.setRowCountState(e,"gridInitializing");const t=this.updateCachedState.bind(this),a=()=>{this.updateRowGroupExpansionStateTimer=0,this.beans.gos.get("ssrmExpandAllAffectsAllRows")?(t("ssrmRowGroupExpansion",this.getRowGroupExpansionState()),t("rowGroupExpansion",void 0)):(t("rowGroupExpansion",this.getRowGroupExpansionState()),t("ssrmRowGroupExpansion",void 0))},o=()=>t("filter",this.getFilterState()),{gos:n,colFilter:r}=this.beans;this.addManagedEventListeners({filterChanged:o,rowExpansionStateChanged:this.onRowGroupOpenedDebounced,expandOrCollapseAll:a,columnRowGroupChanged:a,rowDataUpdated:()=>{(0!==n.get("groupDefaultExpanded")||n.get("isGroupOpenByDefault"))&&(this.updateRowGroupExpansionStateTimer||(this.updateRowGroupExpansionStateTimer=setTimeout(a)))},selectionChanged:()=>{this.staleStateKeys.add("rowSelection"),this.onRowSelectedDebounced()},paginationChanged:e=>{(e.newPage||e.newPageSize)&&t("pagination",this.getPaginationState())}}),r&&this.addManagedListeners(r,{filterStateChanged:o})}setFirstDataRenderedState(e,t,a){const{scroll:o,cellSelection:n,focusedCell:r,columnOrder:i,rowPinning:l}=e,s=(e,o)=>!a?.has(e)&&(o||"api"===t);s("focusedCell",r)&&this.setFocusedCellState(r),s("cellSelection",n)&&this.setCellSelectionState(n),s("scroll",o)&&this.setScrollState(o),s("rowPinning",l)&&this.setRowPinningState(l),this.setColumnPivotState(!!i?.orderedColIds,t);const d=this.updateCachedState.bind(this);d("sideBar",this.getSideBarState()),d("focusedCell",this.getFocusedCellState());const c=this.getRangeSelectionState();d("rangeSelection",c),d("cellSelection",c),d("scroll",this.getScrollState())}setupStateOnFirstDataRendered(e){this.setFirstDataRenderedState(e,"gridInitializing");const t=this.updateCachedState.bind(this),a=()=>t("focusedCell",this.getFocusedCellState());this.addManagedEventListeners({cellFocused:a,cellFocusCleared:a,cellSelectionChanged:e=>{if(e.finished){const e=this.getRangeSelectionState();t("rangeSelection",e),t("cellSelection",e)}},bodyScrollEnd:()=>t("scroll",this.getScrollState()),pinnedRowsChanged:()=>t("rowPinning",this.getRowPinningState())})}getColumnState(){const e=this.beans;return(0,d.convertColumnState)((0,r._getColumnState)(e),e.colModel.isPivotMode())}setColumnState(e,t,a,o){const{sort:n,rowGroup:i,aggregation:l,pivot:s,columnPinning:d,columnVisibility:c,columnSizing:g,columnOrder:u}=e;let h=!1;const p=(e,a)=>{const n=!(o?.has(e)||!a&&"api"!==t);return h||(h=n),n},m={},f=e=>{let t=m[e];return t||(t={colId:e},m[e]=t,t)},v={},b=p("sort",n);b&&n?.sortModel.forEach(({colId:e,sort:t},a)=>{const o=f(e);o.sort=t,o.sortIndex=a}),!b&&a||(v.sort=null,v.sortIndex=null);const C=p("rowGroup",i);C&&i?.groupColIds.forEach((e,t)=>{const a=f(e);a.rowGroup=!0,a.rowGroupIndex=t}),!C&&a||(v.rowGroup=null,v.rowGroupIndex=null);const w=p("aggregation",l);w&&l?.aggregationModel.forEach(({colId:e,aggFunc:t})=>{f(e).aggFunc=t}),!w&&a||(v.aggFunc=null);const y=p("pivot",s);y&&(s?.pivotColIds.forEach((e,t)=>{const a=f(e);a.pivot=!0,a.pivotIndex=t}),this.gos.updateGridOptions({options:{pivotMode:!!s?.pivotMode},source:t})),!y&&a||(v.pivot=null,v.pivotIndex=null);const S=p("columnPinning",d);if(S){for(const e of d?.leftColIds??[])f(e).pinned="left";for(const e of d?.rightColIds??[])f(e).pinned="right"}!S&&a||(v.pinned=null);const k=p("columnVisibility",c);if(k)for(const e of c?.hiddenColIds??[])f(e).hide=!0;!k&&a||(v.hide=null);const x=p("columnSizing",g);if(x)for(const{colId:e,flex:t,width:a}of g?.columnSizingModel??[]){const o=f(e);o.flex=t??null,o.width=a}!x&&a||(v.flex=null);const R=u?.orderedColIds,E=!!R?.length&&!o?.has("columnOrder"),M=E?R.map(e=>f(e)):Object.values(m);(M.length||h)&&(this.columnStates=M,(0,r._applyColumnState)(this.beans,{state:M,applyOrder:E,defaultState:v},t))}setColumnPivotState(e,t){const a=this.columnStates;this.columnStates=void 0;const o=this.columnGroupStates;this.columnGroupStates=void 0;const n=this.beans,{pivotResultCols:i,colGroupSvc:l}=n;if(i?.isPivotResultColsPresent()){if(a){const o=[];for(const e of a)i.getPivotResultCol(e.colId)&&o.push(e);(0,r._applyColumnState)(n,{state:o,applyOrder:e},t)}o&&l?.setColumnGroupState(o,t)}}getColumnGroupState(){const e=this.beans.colGroupSvc;if(!e)return;const t=e.getColumnGroupState();return(0,d._convertColumnGroupState)(t)}setColumnGroupState(e,t,a){const o=this.beans.colGroupSvc;if(!o||a?.has("columnGroup")||"api"!==t&&!Object.prototype.hasOwnProperty.call(e,"columnGroup"))return;const n=new Set(e.columnGroup?.openColumnGroupIds),r=o.getColumnGroupState().map(({groupId:e})=>{const t=n.has(e);return t&&n.delete(e),{groupId:e,open:t}});for(const e of n)r.push({groupId:e,open:!0});r.length&&(this.columnGroupStates=r),o.setColumnGroupState(r,t)}getFilterState(){const e=this.beans.filterManager;let t=e?.getFilterModel();t&&0===Object.keys(t).length&&(t=void 0);const a=e?.getFilterState(),o=e?.getAdvFilterModel()??void 0;return t||o||a?{filterModel:t,columnFilterState:a,advancedFilterModel:o}:void 0}setFilterState(e){const t=this.beans.filterManager,{filterModel:a,columnFilterState:o,advancedFilterModel:n}=e??{filterModel:null,columnFilterState:null,advancedFilterModel:null};void 0===a&&void 0===o||t?.setFilterState(a??null,o??null,"columnFilter"),void 0!==n&&t?.setAdvFilterModel(n??null,"advancedFilter")}getRangeSelectionState(){const e=this.beans.rangeSvc?.getCellRanges().map(e=>{const{id:t,type:a,startRow:o,endRow:n,columns:r,startColumn:i}=e;return{id:t,type:a,startRow:o,endRow:n,colIds:r.map(e=>e.getColId()),startColId:i.getColId()}});return e?.length?{cellRanges:e}:void 0}setCellSelectionState(e){const{gos:t,rangeSvc:a,colModel:o,visibleCols:n}=this.beans;if(!(0,l._isCellSelectionEnabled)(t)||!a)return;const r=[];for(const t of e?.cellRanges??[]){const e=[];for(const a of t.colIds){const t=o.getCol(a);t&&e.push(t)}if(!e.length)continue;let a=o.getCol(t.startColId);if(!a){const t=n.allCols,o=new Set(e);a=t.find(e=>o.has(e))}r.push({...t,columns:e,startColumn:a})}a.setCellRanges(r)}getScrollState(){if(!this.isClientSideRowModel)return;const e=this.beans.ctrlsSvc.getScrollFeature(),{left:t}=e?.getHScrollPosition()??{left:0},{top:a}=e?.getVScrollPosition()??{top:0};return a||t?{top:a,left:t}:void 0}setScrollState(e){if(!this.isClientSideRowModel)return;const{top:t,left:a}=e??{top:0,left:0},{frameworkOverrides:o,rowRenderer:n,animationFrameSvc:r,ctrlsSvc:i}=this.beans;o.wrapIncoming(()=>{i.get("center").setCenterViewportScrollLeft(a),i.getScrollFeature()?.setVerticalScrollPosition(t),n.redraw({afterScroll:!0}),r?.flushAllFrames()})}getSideBarState(){return this.beans.sideBar?.comp?.getState()}getFocusedCellState(){if(!this.isClientSideRowModel)return;const e=this.beans.focusSvc.getFocusedCell();if(e){const{column:t,rowIndex:a,rowPinned:o}=e;return{colId:t.getColId(),rowIndex:a,rowPinned:o}}}setFocusedCellState(e){if(!this.isClientSideRowModel)return;const{focusSvc:t,colModel:a}=this.beans;if(!e)return void t.clearFocusedCell();const{colId:o,rowIndex:n,rowPinned:r}=e;t.setFocusedCell({column:a.getCol(o),rowIndex:n,rowPinned:r,forceBrowserFocus:!0,preventScrollOnBrowserFocus:!0})}getPaginationState(){const{pagination:e,gos:t}=this.beans;if(!e)return;const a=e.getCurrentPage(),o=t.get("paginationAutoPageSize")?void 0:e.getPageSize();return a||o?{page:a,pageSize:o}:void 0}setPaginationState(e,t){const{pagination:a,gos:o}=this.beans;if(!a)return;const{pageSize:n,page:r}=e??{page:0,pageSize:o.get("paginationPageSize")},i="gridInitializing"===t;n&&!o.get("paginationAutoPageSize")&&a.setPageSize(n,i?"initialState":"pageSizeSelector"),"number"==typeof r&&(i?a.setPage(r):a.goToPage(r))}getRowSelectionState(){const e=this.beans.selectionSvc;if(!e)return;const t=e.getSelectionState();return!t||!Array.isArray(t)&&(!1===t.selectAll||!1===t.selectAllChildren)&&!t?.toggledNodes?.length?void 0:t}setRowSelectionState(e,t){this.beans.selectionSvc?.setSelectionState(e,t,"api"===t)}getRowGroupExpansionState(){const{expansionSvc:e}=this.beans;if(e)return e.getExpansionState()}getRowPinningState(){return this.beans.pinnedRowModel?.getPinnedState()}setRowPinningState(e){const t=this.beans.pinnedRowModel;e?t?.setPinnedState(e):t?.reset()}setRowGroupExpansionState(e,t,a){const o=this.beans.expansionSvc;if(!o)return;const n=t??{expandedRowGroupIds:[],collapsedRowGroupIds:[]};o.setExpansionState(n,a)}updateColumnState(e){const t=this.getColumnState();let a=!1;const o=this.cachedState;for(const e of Object.keys(t)){const r=t[e];(0,n._jsonEquals)(r,o[e])||(a=!0)}this.cachedState={...o,...t},a&&this.dispatchStateUpdateEvent(e)}updateCachedState(e,t){const a=this.cachedState[e];this.setCachedStateValue(e,t),(0,n._jsonEquals)(t,a)||this.dispatchStateUpdateEvent([e])}setCachedStateValue(e,t){this.cachedState={...this.cachedState,[e]:t}}refreshStaleState(){const e=this.staleStateKeys;for(const t of e)"rowSelection"===t&&this.setCachedStateValue(t,this.getRowSelectionState());e.clear()}dispatchStateUpdateEvent(e){if(!this.suppressEvents){for(const t of e)this.queuedUpdateSources.add(t);this.dispatchStateUpdateEventDebounced()}}dispatchQueuedStateUpdateEvents(){const e=this.queuedUpdateSources,t=Array.from(e);e.clear(),this.eventSvc.dispatchEvent({type:"stateUpdated",sources:t,state:this.cachedState})}startSuppressEvents(){this.suppressEvents=!0,this.beans.colAnimation?.setSuppressAnimation(!0)}stopSuppressEvents(e){setTimeout(()=>{this.suppressEvents=!1,this.queuedUpdateSources.clear(),this.isAlive()&&(this.beans.colAnimation?.setSuppressAnimation(!1),this.dispatchStateUpdateEvent([e]))})}suppressEventsAndDispatchInitEvent(e){this.startSuppressEvents(),e(),this.stopSuppressEvents("gridInitializing")}}t.StateService=c},73240:function(e,t){function a(e){return e.filter(e=>null!=e)}function o(e){const t=[];for(const{groupId:a,open:o}of e)o&&t.push(a);return t.length?{openColumnGroupIds:t}:void 0}Object.defineProperty(t,"__esModule",{value:!0}),t.convertColumnGroupState=t._convertColumnGroupState=t.convertColumnState=void 0,t.convertColumnState=function(e,t=!1){const o=[],n=[],r=[],i=[],l=[],s=[],d=[],c=[],g=[];let u=0;for(let t=0;t<e.length;t++){const{colId:a,sort:h,sortIndex:p,rowGroup:m,rowGroupIndex:f,aggFunc:v,pivot:b,pivotIndex:C,pinned:w,hide:y,width:S,flex:k}=e[t];g.push(a),h&&(o[p??u++]={colId:a,sort:h}),m&&(n[f??0]=a),"string"==typeof v&&r.push({colId:a,aggFunc:v}),b&&(i[C??0]=a),w&&("right"===w?s:l).push(a),y&&d.push(a),(null!=k||S)&&c.push({colId:a,flex:k??void 0,width:S})}return{sort:o.length?{sortModel:a(o)}:void 0,rowGroup:n.length?{groupColIds:a(n)}:void 0,aggregation:r.length?{aggregationModel:r}:void 0,pivot:i.length||t?{pivotMode:t,pivotColIds:a(i)}:void 0,columnPinning:l.length||s.length?{leftColIds:l,rightColIds:s}:void 0,columnVisibility:d.length?{hiddenColIds:d}:void 0,columnSizing:c.length?{columnSizingModel:c}:void 0,columnOrder:g.length?{orderedColIds:g}:void 0}},t._convertColumnGroupState=o,t.convertColumnGroupState=function(e){return{columnGroup:o(e)}}},23705:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.TouchModule=void 0;const o=a(97205),n=a(53914);t.TouchModule={moduleName:"Touch",version:o.VERSION,beans:[n.TouchService]}},53914:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.TouchService=void 0;const o=a(36916),n=a(7356),r=a(89097),i=a(68731),l=a(99644);class s extends i.BeanStub{constructor(){super(...arguments),this.beanName="touchSvc"}mockBodyContextMenu(e,t){this.mockContextMenu(e,e.eBodyViewport,t)}mockHeaderContextMenu(e,t){this.mockContextMenu(e,e.eGui,t)}mockRowContextMenu(e){if(!(0,o._isIOSUserAgent)())return;this.mockContextMenu(e,e.element,(t,a,o)=>{const{rowCtrl:n,cellCtrl:r}=e.getControlsForEventTarget(o?.target??null);r?.column&&r.dispatchCellContextMenuEvent(o??null),this.beans.contextMenuSvc?.handleContextMenuMouseEvent(void 0,o,n,r)})}handleCellDoubleClick(e,t){return!!(()=>{if(!(0,o._isIOSUserAgent)()||(0,n._isEventSupported)("dblclick"))return!1;const t=Date.now(),a=t-e.lastIPadMouseClickEvent<200;return e.lastIPadMouseClickEvent=t,a})()&&(e.onCellDoubleClicked(t),t.preventDefault(),!0)}setupForHeader(e){const{gos:t,sortSvc:a,menuSvc:o}=this.beans;if(t.get("suppressTouch"))return;const{params:n,eMenu:i,eFilterButton:s}=e,d=new l.TouchListener(e.getGui(),!0);e.addDestroyFunc(()=>d.destroy());const c=e.shouldSuppressMenuHide(),g=c&&(0,r._exists)(i)&&n.enableMenu;let u=d;if(g&&(u=new l.TouchListener(i,!0),e.addDestroyFunc(()=>u.destroy())),n.enableMenu||o?.isHeaderContextMenuEnabled(n.column)){const t=g?"tap":"longTap",a=e=>n.showColumnMenuAfterMouseClick(e.touchStart);e.addManagedListeners(u,{[t]:a}),e.addManagedListeners(d,{longTap:a})}if(n.enableSorting){const t=e=>{const t=e.touchStart.target;c&&(i?.contains(t)||s?.contains(t))||a?.progressSort(n.column,!1,"uiColumnSorted")};e.addManagedListeners(d,{tap:t})}if(n.enableFilterButton&&s){const t=new l.TouchListener(s,!0);e.addManagedListeners(t,{tap:()=>n.showFilter(s)}),e.addDestroyFunc(()=>t.destroy())}}setupForHeaderGroup(e){const t=e.params;if(this.beans.menuSvc?.isHeaderContextMenuEnabled(t.columnGroup.getProvidedColumnGroup())){const a=new l.TouchListener(t.eGridHeader,!0),o=e=>t.showColumnMenuAfterMouseClick(e.touchStart);e.addManagedListeners(a,{longTap:o}),e.addDestroyFunc(()=>a.destroy())}}setupForHeaderGroupElement(e,t,a){const o=new l.TouchListener(t,!0);e.addManagedListeners(o,{tap:a}),e.addDestroyFunc(()=>o.destroy())}mockContextMenu(e,t,a){if(!(0,o._isIOSUserAgent)())return;const r=new l.TouchListener(t);e.addManagedListeners(r,{longTap:e=>{(0,n._isEventFromThisInstance)(this.beans,e.touchEvent)&&a(void 0,e.touchStart,e.touchEvent)}}),e.addDestroyFunc(()=>r.destroy())}}t.TouchService=s},2132:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.ModuleRegistry=t._setUmd=t._isUmd=t._hasUserRegistered=t._getGridRegisteredModules=t._getAllRegisteredModules=t._getRegisteredModules=t._areModulesGridScoped=t._isModuleRegistered=t._unRegisterGridModules=t._registerModule=void 0;const o=a(86597),n=new Set,r={},i={};let l,s=!1,d=!1,c=!1;function g(e){l||(l=e.version);const t=e=>`You are using incompatible versions of AG Grid modules. Major and minor versions should always match across modules. ${e} Please update all modules to the same version.`;e.version?function(e){const[t,a]=e.version.split(".")||[],[o,n]=l.split(".")||[];return t===o&&a===n}(e)||(0,o._errorOnce)(t(`'${e.moduleName}' is version ${e.version} but the other modules are version ${l}.`)):(0,o._errorOnce)(t(`'${e.moduleName}' is incompatible.`));const a=e.validate?.();a&&!a.isValid&&(0,o._errorOnce)(`${a.message}`)}function u(e,t,a=!1){a||(s=!0),g(e);const o=e.rowModels??["all"];let l;n.add(e),void 0!==t?(d=!0,void 0===i[t]&&(i[t]={}),l=i[t]):l=r;for(const t of o)void 0===l[t]&&(l[t]={}),l[t][e.moduleName]=e;if(e.dependsOn)for(const o of e.dependsOn)u(o,t,a)}t._registerModule=u,t._unRegisterGridModules=function(e){delete i[e]},t._isModuleRegistered=function(e,t,a){const o=a=>!!r[a]?.[e]||!!i[t]?.[a]?.[e];return o(a)||o("all")},t._areModulesGridScoped=function(){return d},t._getRegisteredModules=function(e,t){const a=i[e]??{};return[...Object.values(r.all??{}),...Object.values(a.all??{}),...Object.values(r[t]??{}),...Object.values(a[t]??{})]},t._getAllRegisteredModules=function(){return new Set(n)},t._getGridRegisteredModules=function(e,t){const a=i[e]??{};return[...Object.values(a.all??{}),...Object.values(a[t]??{})]},t._hasUserRegistered=function(){return s},t._isUmd=function(){return c},t._setUmd=function(){c=!0};t.ModuleRegistry=class{static register(e){u(e,void 0)}static registerModules(e){for(const t of e)u(t,void 0)}}},39413:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.CellNavigationService=void 0;const o=a(59926),n=a(79909),r=a(89097),i=a(68731),l=a(6257),s=a(47764);class d extends i.BeanStub{constructor(){super(...arguments),this.beanName="cellNavigation"}wireBeans(e){this.rowSpanSvc=e.rowSpanSvc}getNextCellToFocus(e,t,a=!1){return a?this.getNextCellToFocusWithCtrlPressed(e,t):this.getNextCellToFocusWithoutCtrlPressed(e,t)}getNextCellToFocusWithCtrlPressed(e,t){const a=e===o.KeyCode.UP,n=e===o.KeyCode.DOWN,r=e===o.KeyCode.LEFT;let i,l;const{pageBounds:s,gos:d,visibleCols:c,pinnedRowModel:g}=this.beans,{rowPinned:u}=t;if(a||n)l=u&&g?a?0:"top"===u?g.getPinnedTopRowCount()-1:g.getPinnedBottomRowCount()-1:a?s.getFirstRow():s.getLastRow(),i=t.column;else{const e=d.get("enableRtl");l=t.rowIndex;i=(r!==e?c.allCols:[...c.allCols].reverse()).find(e=>this.isCellGoodToFocusOn({rowIndex:l,rowPinned:null,column:e}))}return i?{rowIndex:l,rowPinned:u,column:i}:null}getNextCellToFocusWithoutCtrlPressed(e,t){let a=t,n=!1;for(;!n;){switch(e){case o.KeyCode.UP:a=this.getCellAbove(a);break;case o.KeyCode.DOWN:a=this.getCellBelow(a);break;case o.KeyCode.RIGHT:a=this.gos.get("enableRtl")?this.getCellToLeft(a):this.getCellToRight(a);break;case o.KeyCode.LEFT:a=this.gos.get("enableRtl")?this.getCellToRight(a):this.getCellToLeft(a);break;default:a=null,(0,s._warn)(8,{key:e})}n=!a||this.isCellGoodToFocusOn(a)}return a}isCellGoodToFocusOn(e){const t=e.column;let a;const{pinnedRowModel:o,rowModel:n}=this.beans;switch(e.rowPinned){case"top":a=o?.getPinnedTopRow(e.rowIndex);break;case"bottom":a=o?.getPinnedBottomRow(e.rowIndex);break;default:a=n.getRow(e.rowIndex)}if(!a)return!1;return!this.isSuppressNavigable(t,a)}getCellToLeft(e){if(!e)return null;const t=this.beans.visibleCols.getColBefore(e.column);return t?{rowIndex:e.rowIndex,column:t,rowPinned:e.rowPinned}:null}getCellToRight(e){if(!e)return null;const t=this.beans.visibleCols.getColAfter(e.column);return t?{rowIndex:e.rowIndex,column:t,rowPinned:e.rowPinned}:null}getCellBelow(e){if(!e)return null;const t=this.rowSpanSvc?.getCellEnd(e)??e,a=(0,l._getRowBelow)(this.beans,t,!0);return a?{rowIndex:a.rowIndex,column:e.column,rowPinned:a.rowPinned}:null}getCellAbove(e){if(!e)return null;const t=this.rowSpanSvc?.getCellStart(e)??e,a=(0,l._getRowAbove)(this.beans,{rowIndex:t.rowIndex,rowPinned:t.rowPinned},!0);return a?{rowIndex:a.rowIndex,column:e.column,rowPinned:a.rowPinned}:null}getNextTabbedCell(e,t){return t?this.getNextTabbedCellBackwards(e):this.getNextTabbedCellForwards(e)}getNextTabbedCellForwards(e){const{visibleCols:t,pagination:a}=this.beans,o=t.allCols;let n=e.rowIndex,i=e.rowPinned,s=t.getColAfter(e.column);if(!s){s=o[0];const t=(0,l._getRowBelow)(this.beans,e,!0);if((0,r._missing)(t))return null;if(!t.rowPinned&&!(a?.isRowInPage(t.rowIndex)??1))return null;n=t?t.rowIndex:null,i=t?t.rowPinned:null}return{rowIndex:n,column:s,rowPinned:i}}getNextTabbedCellBackwards(e){const{beans:t}=this,{visibleCols:a,pagination:o}=t,i=a.allCols;let s=e.rowIndex,d=e.rowPinned,c=a.getColBefore(e.column);if(!c){c=(0,n._last)(i);const a=(0,l._getRowAbove)(t,{rowIndex:e.rowIndex,rowPinned:e.rowPinned},!0);if((0,r._missing)(a))return null;if(!a.rowPinned&&!(o?.isRowInPage(a.rowIndex)??1))return null;s=a?a.rowIndex:null,d=a?a.rowPinned:null}return{rowIndex:s,column:c,rowPinned:d}}isSuppressNavigable(e,t){const{suppressNavigable:a}=e.colDef;if("boolean"==typeof a)return a;if("function"==typeof a){return a(e.createColumnFunctionCallbackParams(t))}return!1}}t.CellNavigationService=d},93990:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.HeaderNavigationService=t.getHeaderIndexToFocus=void 0;const o=a(79909),n=a(80011),r=a(68731),i=a(13355),l=a(56908),s=a(1323);function d(e,t,a){const o=e.visibleCols.headerGroupRowCount;if(a>=o)return{column:t,headerRowIndex:a};let n=t.getParent();for(;n&&n.getProvidedColumnGroup().getLevel()>a;)n=n.getParent();const r=t.isSpanHeaderHeight();return!n||r&&n.isPadding()?{column:t,headerRowIndex:o}:{column:n,headerRowIndex:n.getProvidedColumnGroup().getLevel()}}t.getHeaderIndexToFocus=d;class c extends r.BeanStub{constructor(){super(...arguments),this.beanName="headerNavigation",this.currentHeaderRowWithoutSpan=-1}postConstruct(){const e=this.beans;e.ctrlsSvc.whenReady(this,e=>{this.gridBodyCon=e.gridBodyCtrl});const t=(0,n._getDocument)(e);this.addManagedElementListeners(t,{mousedown:()=>{this.currentHeaderRowWithoutSpan=-1}})}getHeaderPositionForColumn(e,t){let a;const{colModel:n,colGroupSvc:r,ctrlsSvc:i}=this.beans;if("string"==typeof e?(a=n.getCol(e),a||(a=r?.getColumnGroup(e)??null)):a=e,!a)return null;const l=i.getHeaderRowContainerCtrl(),d=l?.getAllCtrls(),c="filter"===(0,o._last)(d||[]).type,g=(0,s.getFocusHeaderRowCount)(this.beans)-1;let u=-1,h=a;for(;h;)u++,h=h.getParent();let p=u;return t&&c&&p===g-1&&p++,-1===p?null:{headerRowIndex:p,column:a}}navigateVertically(e,t){const{focusSvc:a,visibleCols:o}=this.beans,{focusedHeader:n}=a;if(!n)return!1;const{headerRowIndex:r}=n,d=n.column,c=(0,s.getFocusHeaderRowCount)(this.beans),g=this.getHeaderRowType(r),u=o.headerGroupRowCount;let{headerRowIndex:h,column:p,headerRowIndexWithoutSpan:m}="UP"===e?function(e,t,a){const o=a-1;if("filter"!==e){const e=t instanceof i.AgColumn&&t.isSpanHeaderHeight();let a=t.getParent();for(;a&&(a.getProvidedColumnGroup().getLevel()>o||e&&a.isPadding());)a=a.getParent();if(a)return e?{column:a,headerRowIndex:a.getProvidedColumnGroup().getLevel(),headerRowIndexWithoutSpan:o}:{column:a,headerRowIndex:o,headerRowIndexWithoutSpan:o}}return{column:t,headerRowIndex:o,headerRowIndexWithoutSpan:o}}(g,d,r):function(e,t,a){const o=t+1,n={column:e,headerRowIndex:o,headerRowIndexWithoutSpan:o};if(e instanceof l.AgColumnGroup){if(o>=a)return{column:e.getDisplayedLeafColumns()[0],headerRowIndex:a,headerRowIndexWithoutSpan:o};let t=e.getDisplayedChildren()[0];if(t instanceof l.AgColumnGroup&&t.isPadding()){const e=t.getDisplayedLeafColumns()[0];e.isSpanHeaderHeight()&&(t=e)}n.column=t;t instanceof i.AgColumn&&t.isSpanHeaderHeight()&&(n.headerRowIndex=a,n.headerRowIndexWithoutSpan=o)}return n}(d,r,u),f=!1;return h<0&&(h=0,p=d,f=!0),h>=c?(h=-1,this.currentHeaderRowWithoutSpan=-1):void 0!==m&&(this.currentHeaderRowWithoutSpan=m),!(!f&&!p)&&a.focusHeaderPosition({headerPosition:{headerRowIndex:h,column:p},allowUserOverride:!0,event:t})}navigateHorizontally(e,t=!1,a){const{focusSvc:o,gos:n}=this.beans,r={...o.focusedHeader};let i,l;-1!==this.currentHeaderRowWithoutSpan?r.headerRowIndex=this.currentHeaderRowWithoutSpan:this.currentHeaderRowWithoutSpan=r.headerRowIndex,"LEFT"===e!==n.get("enableRtl")?(l="Before",i=this.findHeader(r,l)):(l="After",i=this.findHeader(r,l));const s=n.getCallback("tabToNextHeader");if(t&&s){const e=o.focusHeaderPositionFromUserFunc({userFunc:s,headerPosition:i,direction:l});if(e){const{headerRowIndex:e}=o.focusedHeader||{};null!=e&&e!=r.headerRowIndex&&(this.currentHeaderRowWithoutSpan=e)}return e}return i||!t?o.focusHeaderPosition({headerPosition:i,direction:l,fromTab:t,allowUserOverride:!0,event:a}):this.focusNextHeaderRow(r,l,a)}focusNextHeaderRow(e,t,a){const n=this.beans,r=e.headerRowIndex;let i,l=null;const c=(0,s.getFocusHeaderRowCount)(n),g=this.beans.visibleCols.allCols;if("Before"===t){if(r<=0)return!1;l=(0,o._last)(g),i=r-1,this.currentHeaderRowWithoutSpan-=1}else l=g[0],i=r+1,this.currentHeaderRowWithoutSpan<c?this.currentHeaderRowWithoutSpan+=1:this.currentHeaderRowWithoutSpan=-1;let{column:u,headerRowIndex:h}=d(this.beans,l,i);return h>=c&&(h=-1),n.focusSvc.focusHeaderPosition({headerPosition:{column:u,headerRowIndex:h},direction:t,fromTab:!0,allowUserOverride:!0,event:a})}scrollToColumn(e,t="After"){if(e.getPinned())return;let a;if((0,l.isColumnGroup)(e)){const n=e.getDisplayedLeafColumns();a="Before"===t?(0,o._last)(n):n[0]}else a=e;this.gridBodyCon.scrollFeature.ensureColumnVisible(a)}findHeader(e,t){const{colGroupSvc:a,visibleCols:o}=this.beans;let n=e.column;if(n instanceof l.AgColumnGroup){const e=n.getDisplayedLeafColumns();n="Before"===t?e[0]:e[e.length-1]}const r="Before"===t?o.getColBefore(n):o.getColAfter(n);if(!r)return;const s=o.headerGroupRowCount;if(e.headerRowIndex>=s)return{headerRowIndex:e.headerRowIndex,column:r};const d=a?.getColGroupAtLevel(r,e.headerRowIndex);if(!d){return{headerRowIndex:r instanceof i.AgColumn&&r.isSpanHeaderHeight()?o.headerGroupRowCount:e.headerRowIndex,column:r}}return d.isPadding()&&r.isSpanHeaderHeight()?{headerRowIndex:o.headerGroupRowCount,column:r}:{headerRowIndex:e.headerRowIndex,column:d??r}}getHeaderRowType(e){const t=this.beans.ctrlsSvc.getHeaderRowContainerCtrl();if(t)return t.getRowType(e)}}t.HeaderNavigationService=c},80322:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.setFocusedHeader=t.tabToPreviousCell=t.tabToNextCell=t.setFocusedCell=t.clearFocusedCell=t.getFocusedCell=void 0,t.getFocusedCell=function(e){return e.focusSvc.getFocusedCell()},t.clearFocusedCell=function(e){return e.focusSvc.clearFocusedCell()},t.setFocusedCell=function(e,t,a,o){e.focusSvc.setFocusedCell({rowIndex:t,column:a,rowPinned:o,forceBrowserFocus:!0})},t.tabToNextCell=function(e,t){return e.navigation?.tabToNextCell(!1,t)??!1},t.tabToPreviousCell=function(e,t){return e.navigation?.tabToNextCell(!0,t)??!1},t.setFocusedHeader=function(e,t,a=!1){const o=e.headerNavigation?.getHeaderPositionForColumn(t,a);o&&e.focusSvc.focusHeaderPosition({headerPosition:o})}},928:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.KeyboardNavigationModule=void 0;const o=a(97205),n=a(39413),r=a(93990),i=a(80322),l=a(12321);t.KeyboardNavigationModule={moduleName:"KeyboardNavigation",version:o.VERSION,beans:[l.NavigationService,n.CellNavigationService,r.HeaderNavigationService],apiFunctions:{getFocusedCell:i.getFocusedCell,clearFocusedCell:i.clearFocusedCell,setFocusedCell:i.setFocusedCell,setFocusedHeader:i.setFocusedHeader,tabToNextCell:i.tabToNextCell,tabToPreviousCell:i.tabToPreviousCell}}},12321:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.NavigationService=void 0;const o=a(59926),n=a(79909),r=a(44990),i=a(89097),l=a(68731),s=a(6257),d=a(8399),c=a(67274),g=a(1323),u=a(60814),h=a(7632),p=a(86675);class m extends l.BeanStub{constructor(){super(),this.beanName="navigation",this.onPageDown=(0,r._throttle)(this.onPageDown,100),this.onPageUp=(0,r._throttle)(this.onPageUp,100)}postConstruct(){this.beans.ctrlsSvc.whenReady(this,e=>{this.gridBodyCon=e.gridBodyCtrl})}handlePageScrollingKey(e,t=!1){const a=e.key,n=e.altKey,r=e.ctrlKey||e.metaKey,i=!!this.beans.rangeSvc&&e.shiftKey,l=(0,d._getCellPositionForEvent)(this.gos,e);let s=!1;switch(a){case o.KeyCode.PAGE_HOME:case o.KeyCode.PAGE_END:r||n||(this.onHomeOrEndKey(a),s=!0);break;case o.KeyCode.LEFT:case o.KeyCode.RIGHT:case o.KeyCode.UP:case o.KeyCode.DOWN:if(!l)return!1;!r||n||i||(this.onCtrlUpDownLeftRight(a,l),s=!0);break;case o.KeyCode.PAGE_DOWN:case o.KeyCode.PAGE_UP:r||n||(s=this.handlePageUpDown(a,l,t))}return s&&e.preventDefault(),s}handlePageUpDown(e,t,a){return a&&(t=this.beans.focusSvc.getFocusedCell()),!!t&&(e===o.KeyCode.PAGE_UP?this.onPageUp(t):this.onPageDown(t),!0)}navigateTo({scrollIndex:e,scrollType:t,scrollColumn:a,focusIndex:o,focusColumn:n,isAsync:r,rowPinned:l}){const{scrollFeature:s}=this.gridBodyCon;(0,i._exists)(a)&&!a.isPinned()&&s.ensureColumnVisible(a),(0,i._exists)(e)&&s.ensureIndexVisible(e,t),r||s.ensureIndexVisible(o);const{focusSvc:d,rangeSvc:c}=this.beans;d.setFocusedCell({rowIndex:o,column:n,rowPinned:l,forceBrowserFocus:!0}),c?.setRangeToCell({rowIndex:o,rowPinned:l,column:n})}onPageDown(e){const t=this.beans,a=f(t),o=this.getViewportHeight(),{pageBounds:n,rowModel:r,rowAutoHeight:i}=t,l=n.getPixelOffset(),s=a.top+o,d=r.getRowIndexAtPixel(s+l);i?.active?this.navigateToNextPageWithAutoHeight(e,d):this.navigateToNextPage(e,d)}onPageUp(e){const t=this.beans,a=f(t),{pageBounds:o,rowModel:n,rowAutoHeight:r}=t,i=o.getPixelOffset(),l=a.top,s=n.getRowIndexAtPixel(l+i);r?.active?this.navigateToNextPageWithAutoHeight(e,s,!0):this.navigateToNextPage(e,s,!0)}navigateToNextPage(e,t,a=!1){const{pageBounds:o,rowModel:n}=this.beans,r=this.getViewportHeight(),i=o.getFirstRow(),l=o.getLastRow(),s=o.getPixelOffset(),d=n.getRow(e.rowIndex),c=a?d?.rowHeight-r-s:r-s,g=d?.rowTop+c;let u,h=n.getRowIndexAtPixel(g+s);if(h===e.rowIndex){const o=a?-1:1;t=h=e.rowIndex+o}a?(u="bottom",h<i&&(h=i),t<i&&(t=i)):(u="top",h>l&&(h=l),t>l&&(t=l)),this.isRowTallerThanView(n.getRow(h))&&(t=h,u="top"),this.navigateTo({scrollIndex:t,scrollType:u,scrollColumn:null,focusIndex:h,focusColumn:e.column})}navigateToNextPageWithAutoHeight(e,t,a=!1){this.navigateTo({scrollIndex:t,scrollType:a?"bottom":"top",scrollColumn:null,focusIndex:t,focusColumn:e.column}),setTimeout(()=>{const o=this.getNextFocusIndexForAutoHeight(e,a);this.navigateTo({scrollIndex:t,scrollType:a?"bottom":"top",scrollColumn:null,focusIndex:o,focusColumn:e.column,isAsync:!0})},50)}getNextFocusIndexForAutoHeight(e,t=!1){const a=t?-1:1,o=this.getViewportHeight(),{pageBounds:n,rowModel:r}=this.beans,i=n.getLastRow();let l=0,s=e.rowIndex;for(;s>=0&&s<=i;){const e=r.getRow(s);if(e){const t=e.rowHeight??0;if(l+t>o)break;l+=t}s+=a}return Math.max(0,Math.min(s,i))}getViewportHeight(){const e=this.beans,t=f(e),a=this.beans.scrollVisibleSvc.getScrollbarWidth();let o=t.bottom-t.top;return e.ctrlsSvc.get("center").isHorizontalScrollShowing()&&(o-=a),o}isRowTallerThanView(e){if(!e)return!1;const t=e.rowHeight;return"number"==typeof t&&t>this.getViewportHeight()}onCtrlUpDownLeftRight(e,t){const a=this.beans.cellNavigation.getNextCellToFocus(e,t,!0),o=this.getNormalisedPosition(a),{rowIndex:n,rowPinned:r,column:i}=o??a,l=i;this.navigateTo({scrollIndex:n,scrollType:null,scrollColumn:l,focusIndex:n,focusColumn:l,rowPinned:r})}onHomeOrEndKey(e){const t=e===o.KeyCode.PAGE_HOME,{visibleCols:a,pageBounds:n,rowModel:r}=this.beans,i=a.allCols,l=t?n.getFirstRow():n.getLastRow(),s=r.getRow(l);if(!s)return;const d=(t?i:[...i].reverse()).find(e=>!e.isSuppressNavigable(s));d&&this.navigateTo({scrollIndex:l,scrollType:null,scrollColumn:d,focusIndex:l,focusColumn:d})}onTabKeyDown(e,t){const a=t.shiftKey,o=this.tabToNextCellCommon(e,a,t),n=this.beans,{ctrlsSvc:r,pageBounds:i,focusSvc:l,gos:s}=n;if(!1===o)if(a){const{rowIndex:a,rowPinned:o}=e.getRowPosition();(o?0===a:a===i.getFirstRow())&&(0===s.get("headerHeight")||(0,p._isHeaderFocusSuppressed)(n)?(0,p._focusNextGridCoreContainer)(n,!0,!0):(t.preventDefault(),l.focusPreviousFromFirstCell(t)))}else e instanceof u.CellCtrl&&e.focusCell(!0),(l.focusOverlay(!1)||(0,p._focusNextGridCoreContainer)(n,a))&&t.preventDefault();else o?t.preventDefault():null===o&&r.get("gridCtrl").allowFocusForNextCoreContainer(a)}tabToNextCell(e,t){const a=this.beans,{focusSvc:o,rowRenderer:n}=a,r=o.getFocusedCell();if(!r)return!1;let i=(0,s._getCellByPosition)(a,r);return!(!i&&(i=n.getRowByPosition(r),!i?.isFullWidth()))&&!!this.tabToNextCellCommon(i,e,t,"api")}tabToNextCellCommon(e,t,a,o="ui"){const{editSvc:n,focusSvc:r}=this.beans;let i;const l=e instanceof u.CellCtrl?e:e.getAllCellCtrls()?.[0];return i=n?.isEditing()?n?.moveToNextCell(l,t,a,o):this.moveToNextCellNotEditing(e,t,a),null===i?i:i||!!r.focusedHeader}moveToNextCellNotEditing(e,t,a){const o=this.beans.visibleCols.allCols;let r;if(e instanceof h.RowCtrl){if(r={...e.getRowPosition(),column:t?o[0]:(0,n._last)(o)},this.gos.get("embedFullWidthRows")&&a){const t=e.findFullWidthInfoForEvent(a);t&&(r.column=t.column)}}else r=e.getFocusedCellPosition();const l=this.findNextCellToFocusOn(r,{backwards:t,startEditing:!1});if(!1===l)return null;if(l instanceof u.CellCtrl)l.focusCell(!0);else if(l)return this.tryToFocusFullWidthRow(l,t);return(0,i._exists)(l)}findNextCellToFocusOn(e,{backwards:t,startEditing:a,skipToNextEditableCell:o}){let n=e;const r=this.beans,{cellNavigation:l,gos:d,focusSvc:c,rowRenderer:u,rangeSvc:h}=r;for(;;){e!==n&&(e=n),t||(n=this.getLastCellOfColSpan(n)),n=l.getNextTabbedCell(n,t);const p=d.getCallback("tabToNextCell");if((0,i._exists)(p)){const o=p({backwards:t,editing:a,previousCellPosition:e,nextCellPosition:n||null});if(!0===o)n=e;else{if(!1===o)return!1;n={rowIndex:o.rowIndex,column:o.column,rowPinned:o.rowPinned}}}if(!n)return null;if(n.rowIndex<0){const e=(0,g.getFocusHeaderRowCount)(r);return c.focusHeaderPosition({headerPosition:{headerRowIndex:e+n.rowIndex,column:n.column},fromCell:!0}),null}const m="fullRow"===d.get("editType");if(a&&(!m||o)){if(!this.isCellEditable(n))continue}this.ensureCellVisible(n);const f=(0,s._getCellByPosition)(r,n);if(!f){const e=u.getRowByPosition(n);if(!e||!e.isFullWidth()||a)continue;return{...e.getRowPosition(),column:n?.column}}if(!l.isSuppressNavigable(f.column,f.rowNode))return f.setFocusedCellPosition(n),h?.setRangeToCell(n),f}}isCellEditable(e){const t=this.lookupRowNodeForCell(e);return!!t&&e.column.isCellEditable(t)}lookupRowNodeForCell({rowIndex:e,rowPinned:t}){const{pinnedRowModel:a,rowModel:o}=this.beans;return"top"===t?a?.getPinnedTopRow(e):"bottom"===t?a?.getPinnedBottomRow(e):o.getRow(e)}navigateToNextCell(e,t,a,n){let r=a,l=!1;const s=this.beans,{cellNavigation:d,focusSvc:c,gos:u}=s;for(;r&&(r===a||!this.isValidNavigateCell(r));)u.get("enableRtl")?t===o.KeyCode.LEFT&&(r=this.getLastCellOfColSpan(r)):t===o.KeyCode.RIGHT&&(r=this.getLastCellOfColSpan(r)),r=d.getNextCellToFocus(t,r),l=(0,i._missing)(r);if(l&&e&&e.key===o.KeyCode.UP&&(r={rowIndex:-1,rowPinned:null,column:a.column}),n){const o=u.getCallback("navigateToNextCell");if((0,i._exists)(o)){const n=o({key:t,previousCellPosition:a,nextCellPosition:r||null,event:e});r=(0,i._exists)(n)?{rowPinned:n.rowPinned,rowIndex:n.rowIndex,column:n.column}:null}}if(!r)return;if(r.rowIndex<0){const t=(0,g.getFocusHeaderRowCount)(s);return void c.focusHeaderPosition({headerPosition:{headerRowIndex:t+r.rowIndex,column:a.column},event:e||void 0,fromCell:!0})}const h=this.getNormalisedPosition(r);h?this.focusPosition(h):this.tryToFocusFullWidthRow(r)}getNormalisedPosition(e){if(!!this.beans.spannedRowRenderer?.getCellByPosition(e))return e;this.ensureCellVisible(e);const t=(0,s._getCellByPosition)(this.beans,e);return t?(e=t.getFocusedCellPosition(),this.ensureCellVisible(e),e):null}tryToFocusFullWidthRow(e,t){const{visibleCols:a,rowRenderer:o,focusSvc:r,eventSvc:i}=this.beans,l=a.allCols,d=o.getRowByPosition(e);if(!d?.isFullWidth())return!1;const c=r.getFocusedCell(),g={rowIndex:e.rowIndex,rowPinned:e.rowPinned,column:e.column||(t?(0,n._last)(l):l[0])};this.focusPosition(g);const u=null==t?null!=c&&(0,s._isRowBefore)(g,c):t;return i.dispatchEvent({type:"fullWidthRowFocused",rowIndex:g.rowIndex,rowPinned:g.rowPinned,column:g.column,isFullWidthCell:!0,fromBelow:u}),!0}focusPosition(e){const{focusSvc:t,rangeSvc:a}=this.beans;t.setFocusedCell({rowIndex:e.rowIndex,column:e.column,rowPinned:e.rowPinned,forceBrowserFocus:!0}),a?.setRangeToCell(e)}isValidNavigateCell(e){return!!(0,s._getRowNode)(this.beans,e)}getLastCellOfColSpan(e){const t=(0,s._getCellByPosition)(this.beans,e);if(!t)return e;const a=t.getColSpanningList();return 1===a.length?e:{rowIndex:e.rowIndex,column:(0,n._last)(a),rowPinned:e.rowPinned}}ensureCellVisible(e){const t=(0,c._isGroupRowsSticky)(this.gos),a=this.beans.rowModel.getRow(e.rowIndex),o=t&&a?.sticky,{scrollFeature:n}=this.gridBodyCon;!o&&(0,i._missing)(e.rowPinned)&&n.ensureIndexVisible(e.rowIndex),e.column.isPinned()||n.ensureColumnVisible(e.column)}ensureColumnVisible(e){const t=this.gridBodyCon.scrollFeature;e.isPinned()||t.ensureColumnVisible(e)}ensureRowVisible(e){this.gridBodyCon.scrollFeature.ensureIndexVisible(e)}}function f(e){return e.ctrlsSvc.getScrollFeature().getVScrollPosition()}t.NavigationService=m},82550:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.PageBoundsListener=void 0;const o=a(68731);class n extends o.BeanStub{constructor(){super(...arguments),this.beanName="pageBoundsListener"}postConstruct(){this.addManagedEventListeners({modelUpdated:this.onModelUpdated.bind(this),recalculateRowBounds:this.calculatePages.bind(this)}),this.onModelUpdated()}onModelUpdated(e){this.calculatePages(),this.eventSvc.dispatchEvent({type:"paginationChanged",animate:e?.animate??!1,newData:e?.newData??!1,newPage:e?.newPage??!1,newPageSize:e?.newPageSize??!1,keepRenderedRows:e?.keepRenderedRows??!1})}calculatePages(){const{pageBounds:e,pagination:t,rowModel:a}=this.beans;t?t.calculatePages():e.calculateBounds(0,a.getRowCount()-1)}}t.PageBoundsListener=n},93003:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.PageBoundsService=void 0;const o=a(68731);class n extends o.BeanStub{constructor(){super(...arguments),this.beanName="pageBounds",this.pixelOffset=0}getFirstRow(){return this.topRowBounds?.rowIndex??-1}getLastRow(){return this.bottomRowBounds?.rowIndex??-1}getCurrentPageHeight(){const{topRowBounds:e,bottomRowBounds:t}=this;return e&&t?Math.max(t.rowTop+t.rowHeight-e.rowTop,0):0}getCurrentPagePixelRange(){const{topRowBounds:e,bottomRowBounds:t}=this;return{pageFirstPixel:e?.rowTop??0,pageLastPixel:t?t.rowTop+t.rowHeight:0}}calculateBounds(e,t){const{rowModel:a}=this.beans,o=a.getRowBounds(e);o&&(o.rowIndex=e),this.topRowBounds=o;const n=a.getRowBounds(t);n&&(n.rowIndex=t),this.bottomRowBounds=n,this.calculatePixelOffset()}getPixelOffset(){return this.pixelOffset}calculatePixelOffset(){const e=this.topRowBounds?.rowTop??0;this.pixelOffset!==e&&(this.pixelOffset=e,this.eventSvc.dispatchEvent({type:"paginationPixelOffsetChanged"}))}}t.PageBoundsService=n},42078:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.PageSizeSelectorSelector=t.PageSizeSelectorComp=void 0;const o=a(79909),n=a(1956),r=a(69234),i=a(47764),l=a(78020),s="paginationPageSizeSelector",d={tag:"span",cls:"ag-paging-page-size"};class c extends l.Component{wireBeans(e){this.pagination=e.pagination}constructor(){super(d),this.hasEmptyOption=!1,this.handlePageSizeItemSelected=()=>{if(!this.selectPageSizeComp)return;const e=this.selectPageSizeComp.getValue();if(!e)return;const t=Number(e);isNaN(t)||t<1||t===this.pagination.getPageSize()||(this.pagination.setPageSize(t,"pageSizeSelector"),this.hasEmptyOption&&this.toggleSelectDisplay(!0),this.selectPageSizeComp.getFocusableElement().focus())}}postConstruct(){this.addManagedPropertyListener(s,()=>{this.onPageSizeSelectorValuesChange()}),this.addManagedEventListeners({paginationChanged:e=>this.handlePaginationChanged(e)})}handlePaginationChanged(e){if(!this.selectPageSizeComp||!e?.newPageSize)return;const t=this.pagination.getPageSize();this.getPageSizeSelectorValues().includes(t)?this.selectPageSizeComp.setValue(t.toString()):this.hasEmptyOption?this.selectPageSizeComp.setValue(""):this.toggleSelectDisplay(!0)}toggleSelectDisplay(e){this.selectPageSizeComp&&!e&&this.reset(),e&&(this.reloadPageSizesSelector(),this.selectPageSizeComp)}reset(){(0,n._clearElement)(this.getGui()),this.selectPageSizeComp&&(this.selectPageSizeComp=this.destroyBean(this.selectPageSizeComp))}onPageSizeSelectorValuesChange(){this.selectPageSizeComp&&this.shouldShowPageSizeSelector()&&this.reloadPageSizesSelector()}shouldShowPageSizeSelector(){return this.gos.get("pagination")&&!this.gos.get("suppressPaginationPanel")&&!this.gos.get("paginationAutoPageSize")&&!1!==this.gos.get(s)}reloadPageSizesSelector(){const e=this.getPageSizeSelectorValues(),t=this.pagination.getPageSize(),a=!t||!e.includes(t);if(a){const a=this.gos.exists("paginationPageSize"),o=!0!==this.gos.get(s);(0,i._warn)(94,{pageSizeSet:a,pageSizesSet:o,pageSizeOptions:e,paginationPageSizeOption:t}),o||(0,i._warn)(95,{paginationPageSizeOption:t,paginationPageSizeSelector:s}),e.unshift("")}const n=String(a?"":t);this.selectPageSizeComp?((0,o._areEqual)(this.pageSizeOptions,e)||(this.selectPageSizeComp.clearOptions().addOptions(this.createPageSizeSelectOptions(e)),this.pageSizeOptions=e),this.selectPageSizeComp.setValue(n,!0)):this.createPageSizeSelectorComp(e,n),this.hasEmptyOption=a}createPageSizeSelectOptions(e){return e.map(e=>({value:String(e)}))}createPageSizeSelectorComp(e,t){const a=this.getLocaleTextFunc(),o=a("pageSizeSelectorLabel","Page Size:"),n=a("ariaPageSizeSelectorLabel","Page Size");this.selectPageSizeComp=this.createManagedBean(new r.AgSelect).addOptions(this.createPageSizeSelectOptions(e)).setValue(t).setAriaLabel(n).setLabel(o).onValueChange(()=>this.handlePageSizeItemSelected()),this.appendChild(this.selectPageSizeComp)}getPageSizeSelectorValues(){const e=[20,50,100],t=this.gos.get(s);return Array.isArray(t)&&t?.length?[...t].sort((e,t)=>e-t):e}destroy(){this.toggleSelectDisplay(!1),super.destroy()}}t.PageSizeSelectorComp=c,t.PageSizeSelectorSelector={selector:"AG-PAGE-SIZE-SELECTOR",component:c}},35794:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.paginationGoToPage=t.paginationGoToLastPage=t.paginationGoToFirstPage=t.paginationGoToPreviousPage=t.paginationGoToNextPage=t.paginationGetRowCount=t.paginationGetTotalPages=t.paginationGetCurrentPage=t.paginationGetPageSize=t.paginationIsLastPageFound=void 0,t.paginationIsLastPageFound=function(e){return e.rowModel.isLastRowIndexKnown()},t.paginationGetPageSize=function(e){return e.pagination?.getPageSize()??100},t.paginationGetCurrentPage=function(e){return e.pagination?.getCurrentPage()??0},t.paginationGetTotalPages=function(e){return e.pagination?.getTotalPages()??1},t.paginationGetRowCount=function(e){return e.pagination?e.pagination.getMasterRowCount():e.rowModel.getRowCount()},t.paginationGoToNextPage=function(e){e.pagination?.goToNextPage()},t.paginationGoToPreviousPage=function(e){e.pagination?.goToPreviousPage()},t.paginationGoToFirstPage=function(e){e.pagination?.goToFirstPage()},t.paginationGoToLastPage=function(e){e.pagination?.goToLastPage()},t.paginationGoToPage=function(e,t){e.pagination?.goToPage(t)}},90:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.PaginationAutoPageSizeService=void 0;const o=a(44990),n=a(68731),r=a(67274);class i extends n.BeanStub{constructor(){super(...arguments),this.beanName="paginationAutoPageSizeSvc"}postConstruct(){this.beans.ctrlsSvc.whenReady(this,e=>{this.centerRowsCtrl=e.center;const t=this.checkPageSize.bind(this);this.addManagedEventListeners({bodyHeightChanged:t,scrollVisibilityChanged:t}),this.addManagedPropertyListener("paginationAutoPageSize",this.onPaginationAutoSizeChanged.bind(this)),this.checkPageSize()})}notActive(){return!this.gos.get("paginationAutoPageSize")||null==this.centerRowsCtrl}onPaginationAutoSizeChanged(){this.notActive()?this.beans.pagination.unsetAutoCalculatedPageSize():this.checkPageSize()}checkPageSize(){if(this.notActive())return;const e=this.centerRowsCtrl.viewportSizeFeature.getBodyHeight();if(e>0){const t=this.beans,a=()=>{const a=Math.max((0,r._getRowHeightAsNumber)(t),1),o=Math.floor(e/a);t.pagination.setPageSize(o,"autoCalculated")};this.isBodyRendered?(0,o._debounce)(this,a,50)():(a(),this.isBodyRendered=!0)}else this.isBodyRendered=!1}}t.PaginationAutoPageSizeService=i},40462:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.paginationCompCSS=void 0,t.paginationCompCSS=".ag-paging-panel{align-items:center;border-top:var(--ag-footer-row-border);display:flex;gap:calc(var(--ag-spacing)*4);height:var(--ag-pagination-panel-height);justify-content:flex-end;padding:0 var(--ag-cell-horizontal-padding)}:where(.ag-paging-page-size) .ag-wrapper{min-width:50px}.ag-paging-page-summary-panel{align-items:center;display:flex;gap:var(--ag-cell-widget-spacing);.ag-disabled &{pointer-events:none}}.ag-paging-button{cursor:pointer;position:relative;&.ag-disabled{cursor:default;opacity:.5}}.ag-paging-number,.ag-paging-row-summary-panel-number{font-weight:500}"},97919:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.PaginationSelector=void 0;const o=a(59926),n=a(91668),r=a(91623),i=a(86675),l=a(59970),s=a(27698),d=a(68332),c=a(42078),g=a(40462);class u extends d.TabGuardComp{wireBeans(e){this.rowModel=e.rowModel,this.pagination=e.pagination,this.ariaAnnounce=e.ariaAnnounce}constructor(){super(),this.btFirst=n.RefPlaceholder,this.btPrevious=n.RefPlaceholder,this.btNext=n.RefPlaceholder,this.btLast=n.RefPlaceholder,this.lbRecordCount=n.RefPlaceholder,this.lbFirstRowOnPage=n.RefPlaceholder,this.lbLastRowOnPage=n.RefPlaceholder,this.lbCurrent=n.RefPlaceholder,this.lbTotal=n.RefPlaceholder,this.pageSizeComp=n.RefPlaceholder,this.previousAndFirstButtonsDisabled=!1,this.nextButtonDisabled=!1,this.lastButtonDisabled=!1,this.areListenersSetup=!1,this.allowFocusInnerElement=!1,this.registerCSS(g.paginationCompCSS)}postConstruct(){const e=this.gos.get("enableRtl");this.setTemplate(this.getTemplate(),[c.PageSizeSelectorSelector]);const{btFirst:t,btPrevious:a,btNext:o,btLast:n}=this;this.activateTabIndex([t,a,o,n]),t.insertAdjacentElement("afterbegin",(0,l._createIconNoSpan)(e?"last":"first",this.beans)),a.insertAdjacentElement("afterbegin",(0,l._createIconNoSpan)(e?"next":"previous",this.beans)),o.insertAdjacentElement("afterbegin",(0,l._createIconNoSpan)(e?"previous":"next",this.beans)),n.insertAdjacentElement("afterbegin",(0,l._createIconNoSpan)(e?"first":"last",this.beans)),this.addManagedPropertyListener("pagination",this.onPaginationChanged.bind(this)),this.addManagedPropertyListener("suppressPaginationPanel",this.onPaginationChanged.bind(this)),this.addManagedPropertyListeners(["paginationPageSizeSelector","paginationAutoPageSize","suppressPaginationPanel"],()=>this.onPageSizeRelatedOptionsChange()),this.pageSizeComp.toggleSelectDisplay(this.pageSizeComp.shouldShowPageSizeSelector()),this.initialiseTabGuard({onTabKeyDown:()=>{},focusInnerElement:e=>this.allowFocusInnerElement?this.tabGuardFeature.getTabGuardCtrl().focusInnerElement(e):(0,i._focusGridInnerElement)(this.beans,e),forceFocusOutWhenTabGuardsAreEmpty:!0}),this.onPaginationChanged()}setAllowFocus(e){this.allowFocusInnerElement=e}onPaginationChanged(){const e=this.gos.get("pagination")&&!this.gos.get("suppressPaginationPanel");this.setDisplayed(e),e&&(this.setupListeners(),this.enableOrDisableButtons(),this.updateLabels(),this.onPageSizeRelatedOptionsChange())}onPageSizeRelatedOptionsChange(){this.pageSizeComp.toggleSelectDisplay(this.pageSizeComp.shouldShowPageSizeSelector())}setupListeners(){if(!this.areListenersSetup){this.addManagedEventListeners({paginationChanged:this.onPaginationChanged.bind(this)});for(const e of[{el:this.btFirst,fn:this.onBtFirst.bind(this)},{el:this.btPrevious,fn:this.onBtPrevious.bind(this)},{el:this.btNext,fn:this.onBtNext.bind(this)},{el:this.btLast,fn:this.onBtLast.bind(this)}]){const{el:t,fn:a}=e;this.addManagedListeners(t,{click:a,keydown:e=>{e.key!==o.KeyCode.ENTER&&e.key!==o.KeyCode.SPACE||(e.preventDefault(),a())}})}(0,i._addFocusableContainerListener)(this.beans,this,this.getGui()),this.areListenersSetup=!0}}onBtFirst(){this.previousAndFirstButtonsDisabled||this.pagination.goToFirstPage()}formatNumber(e){const t=this.gos.getCallback("paginationNumberFormatter");if(t){return t({value:e})}return(0,s._formatNumberCommas)(e,this.getLocaleTextFunc.bind(this))}getTemplate(){const e=this.getLocaleTextFunc(),t=`ag-${this.getCompId()}`;return{tag:"div",cls:"ag-paging-panel ag-unselectable",attrs:{id:`${t}`},children:[{tag:"ag-page-size-selector",ref:"pageSizeComp"},{tag:"span",cls:"ag-paging-row-summary-panel",children:[{tag:"span",ref:"lbFirstRowOnPage",cls:"ag-paging-row-summary-panel-number",attrs:{id:`${t}-first-row`}},{tag:"span",attrs:{id:`${t}-to`},children:e("to","to")},{tag:"span",ref:"lbLastRowOnPage",cls:"ag-paging-row-summary-panel-number",attrs:{id:`${t}-last-row`}},{tag:"span",attrs:{id:`${t}-of`},children:e("of","of")},{tag:"span",ref:"lbRecordCount",cls:"ag-paging-row-summary-panel-number",attrs:{id:`${t}-row-count`}}]},{tag:"span",cls:"ag-paging-page-summary-panel",role:"presentation",children:[{tag:"div",ref:"btFirst",cls:"ag-button ag-paging-button",role:"button",attrs:{"aria-label":e("firstPage","First Page")}},{tag:"div",ref:"btPrevious",cls:"ag-button ag-paging-button",role:"button",attrs:{"aria-label":e("previousPage","Previous Page")}},{tag:"span",cls:"ag-paging-description",children:[{tag:"span",attrs:{id:`${t}-start-page`},children:e("page","Page")},{tag:"span",ref:"lbCurrent",cls:"ag-paging-number",attrs:{id:`${t}-start-page-number`}},{tag:"span",attrs:{id:`${t}-of-page`},children:e("of","of")},{tag:"span",ref:"lbTotal",cls:"ag-paging-number",attrs:{id:`${t}-of-page-number`}}]},{tag:"div",ref:"btNext",cls:"ag-button ag-paging-button",role:"button",attrs:{"aria-label":e("nextPage","Next Page")}},{tag:"div",ref:"btLast",cls:"ag-button ag-paging-button",role:"button",attrs:{"aria-label":e("lastPage","Last Page")}}]}]}}onBtNext(){this.nextButtonDisabled||this.pagination.goToNextPage()}onBtPrevious(){this.previousAndFirstButtonsDisabled||this.pagination.goToPreviousPage()}onBtLast(){this.lastButtonDisabled||this.pagination.goToLastPage()}enableOrDisableButtons(){const e=this.pagination.getCurrentPage(),t=this.rowModel.isLastRowIndexKnown(),a=this.pagination.getTotalPages();this.previousAndFirstButtonsDisabled=0===e,this.toggleButtonDisabled(this.btFirst,this.previousAndFirstButtonsDisabled),this.toggleButtonDisabled(this.btPrevious,this.previousAndFirstButtonsDisabled);const o=this.isZeroPagesToDisplay(),n=e===a-1;this.nextButtonDisabled=n||o,this.lastButtonDisabled=!t||o||e===a-1,this.toggleButtonDisabled(this.btNext,this.nextButtonDisabled),this.toggleButtonDisabled(this.btLast,this.lastButtonDisabled)}toggleButtonDisabled(e,t){(0,r._setAriaDisabled)(e,t),e.classList.toggle("ag-disabled",t)}isZeroPagesToDisplay(){const e=this.rowModel.isLastRowIndexKnown(),t=this.pagination.getTotalPages();return e&&0===t}updateLabels(){const e=this.rowModel.isLastRowIndexKnown(),t=this.pagination.getTotalPages(),a=this.pagination.getMasterRowCount(),o=e?a:null,n=this.pagination.getCurrentPage(),r=this.pagination.getPageSize();let i,l;this.isZeroPagesToDisplay()?i=l=0:(i=r*n+1,l=i+r-1,e&&l>o&&(l=o));const s=!e&&a<i+r-1,d=this.formatNumber(i);let c;this.lbFirstRowOnPage.textContent=d;const g=this.getLocaleTextFunc();c=s?g("pageLastRowUnknown","?"):this.formatNumber(l),this.lbLastRowOnPage.textContent=c;const u=t>0?n+1:0,h=this.formatNumber(u);let p,m;if(this.lbCurrent.textContent=h,e)p=this.formatNumber(t),m=this.formatNumber(o);else{const e=g("more","more");p=e,m=e}this.lbTotal.textContent=p,this.lbRecordCount.textContent=m,this.announceAriaStatus(d,c,m,h,p)}announceAriaStatus(e,t,a,o,n){const r=this.getLocaleTextFunc(),i=r("page","Page"),l=r("to","to"),s=r("of","of"),d=`${e} ${l} ${t} ${s} ${a}`,c=`${i} ${o} ${s} ${n}`;d!==this.ariaRowStatus&&(this.ariaRowStatus=d,this.ariaAnnounce?.announceValue(d,"paginationRow")),c!==this.ariaPageStatus&&(this.ariaPageStatus=c,this.ariaAnnounce?.announceValue(c,"paginationPage"))}}t.PaginationSelector={selector:"AG-PAGINATION",component:u}},71824:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.PaginationModule=void 0;const o=a(97205),n=a(3137),r=a(35794),i=a(90),l=a(96318);t.PaginationModule={moduleName:"Pagination",version:o.VERSION,beans:[l.PaginationService,i.PaginationAutoPageSizeService],icons:{first:"first",previous:"previous",next:"next",last:"last"},apiFunctions:{paginationIsLastPageFound:r.paginationIsLastPageFound,paginationGetPageSize:r.paginationGetPageSize,paginationGetCurrentPage:r.paginationGetCurrentPage,paginationGetTotalPages:r.paginationGetTotalPages,paginationGetRowCount:r.paginationGetRowCount,paginationGoToNextPage:r.paginationGoToNextPage,paginationGoToPreviousPage:r.paginationGoToPreviousPage,paginationGoToFirstPage:r.paginationGoToFirstPage,paginationGoToLastPage:r.paginationGoToLastPage,paginationGoToPage:r.paginationGoToPage},dependsOn:[n.PopupModule]}},96318:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.PaginationService=void 0;const o=a(89097),n=a(68731),r=a(97919);class i extends n.BeanStub{constructor(){super(...arguments),this.beanName="pagination",this.currentPage=0,this.topDisplayedRowIndex=0,this.bottomDisplayedRowIndex=0,this.masterRowCount=0}postConstruct(){const e=this.gos;this.active=e.get("pagination"),this.pageSizeFromGridOptions=e.get("paginationPageSize"),this.paginateChildRows=this.isPaginateChildRows(),this.addManagedPropertyListener("pagination",this.onPaginationGridOptionChanged.bind(this)),this.addManagedPropertyListener("paginationPageSize",this.onPageSizeGridOptionChanged.bind(this))}getPaginationSelector(){return r.PaginationSelector}isPaginateChildRows(){const e=this.gos;return!!(e.get("groupHideParentOfSingleChild")||e.get("groupRemoveSingleChildren")||e.get("groupRemoveLowestSingleChildren"))||e.get("paginateChildRows")}onPaginationGridOptionChanged(){this.active=this.gos.get("pagination"),this.calculatePages(),this.dispatchPaginationChangedEvent({keepRenderedRows:!0})}onPageSizeGridOptionChanged(){this.setPageSize(this.gos.get("paginationPageSize"),"gridOptions")}goToPage(e){const t=this.currentPage;if(!this.active||t===e||"number"!=typeof t)return;const{editSvc:a}=this.beans;a?.isEditing()&&(a.isBatchEditing()?a.cleanupEditors():a.stopEditing(void 0,{source:"api"})),this.currentPage=e,this.calculatePages(),this.dispatchPaginationChangedEvent({newPage:!0})}goToPageWithIndex(e){if(!this.active)return;let t=e;this.paginateChildRows||(t=this.beans.rowModel.getTopLevelIndexFromDisplayedIndex?.(e)??e),this.goToPage(Math.floor(t/this.pageSize))}isRowInPage(e){return!this.active||e>=this.topDisplayedRowIndex&&e<=this.bottomDisplayedRowIndex}getCurrentPage(){return this.currentPage}goToNextPage(){this.goToPage(this.currentPage+1)}goToPreviousPage(){this.goToPage(this.currentPage-1)}goToFirstPage(){this.goToPage(0)}goToLastPage(){const e=this.beans.rowModel.getRowCount(),t=Math.floor(e/this.pageSize);this.goToPage(t)}getPageSize(){return this.pageSize}getTotalPages(){return this.totalPages}setPage(e){this.currentPage=e}get pageSize(){return(0,o._exists)(this.pageSizeAutoCalculated)&&this.gos.get("paginationAutoPageSize")?this.pageSizeAutoCalculated:(0,o._exists)(this.pageSizeFromPageSizeSelector)?this.pageSizeFromPageSizeSelector:(0,o._exists)(this.pageSizeFromInitialState)?this.pageSizeFromInitialState:(0,o._exists)(this.pageSizeFromGridOptions)?this.pageSizeFromGridOptions:this.defaultPageSize}calculatePages(){this.active?this.paginateChildRows?this.calculatePagesAllRows():this.calculatePagesMasterRowsOnly():this.calculatedPagesNotActive(),this.beans.pageBounds.calculateBounds(this.topDisplayedRowIndex,this.bottomDisplayedRowIndex)}unsetAutoCalculatedPageSize(){if(void 0===this.pageSizeAutoCalculated)return;const e=this.pageSizeAutoCalculated;this.pageSizeAutoCalculated=void 0,this.pageSize!==e&&(this.calculatePages(),this.dispatchPaginationChangedEvent({newPageSize:!0}))}setPageSize(e,t){const a=this.pageSize;switch(t){case"autoCalculated":this.pageSizeAutoCalculated=e;break;case"pageSizeSelector":this.pageSizeFromPageSizeSelector=e,0!==this.currentPage&&this.goToFirstPage();break;case"initialState":this.pageSizeFromInitialState=e;break;case"gridOptions":this.pageSizeFromGridOptions=e,this.pageSizeFromInitialState=void 0,this.pageSizeFromPageSizeSelector=void 0,0!==this.currentPage&&this.goToFirstPage()}a!==this.pageSize&&(this.calculatePages(),this.dispatchPaginationChangedEvent({newPageSize:!0,keepRenderedRows:!0}))}setZeroRows(){this.masterRowCount=0,this.topDisplayedRowIndex=0,this.bottomDisplayedRowIndex=-1,this.currentPage=0,this.totalPages=0}adjustCurrentPageIfInvalid(){const e=this.totalPages;this.currentPage>=e&&(this.currentPage=e-1);const t=this.currentPage;(!isFinite(t)||isNaN(t)||t<0)&&(this.currentPage=0)}calculatePagesMasterRowsOnly(){const e=this.beans.rowModel,t=e.getTopLevelRowCount();if(this.masterRowCount=t,t<=0)return void this.setZeroRows();const a=this.pageSize,o=t-1;this.totalPages=Math.floor(o/a)+1,this.adjustCurrentPageIfInvalid();const n=this.currentPage,r=a*n;let i=a*(n+1)-1;if(i>o&&(i=o),this.topDisplayedRowIndex=e.getTopLevelRowDisplayedIndex(r),i===o)this.bottomDisplayedRowIndex=e.getRowCount()-1;else{const t=e.getTopLevelRowDisplayedIndex(i+1);this.bottomDisplayedRowIndex=t-1}}getMasterRowCount(){return this.masterRowCount}calculatePagesAllRows(){const e=this.beans.rowModel.getRowCount();if(this.masterRowCount=e,0===e)return void this.setZeroRows();const{pageSize:t,currentPage:a}=this,o=e-1;this.totalPages=Math.floor(o/t)+1,this.adjustCurrentPageIfInvalid(),this.topDisplayedRowIndex=t*a,this.bottomDisplayedRowIndex=t*(a+1)-1,this.bottomDisplayedRowIndex>o&&(this.bottomDisplayedRowIndex=o)}calculatedPagesNotActive(){this.setPageSize(void 0,"autoCalculated"),this.totalPages=1,this.currentPage=0,this.topDisplayedRowIndex=0,this.bottomDisplayedRowIndex=this.beans.rowModel.getRowCount()-1}dispatchPaginationChangedEvent(e){const{keepRenderedRows:t=!1,newPage:a=!1,newPageSize:o=!1}=e;this.eventSvc.dispatchEvent({type:"paginationChanged",animate:!1,newData:!1,newPage:a,newPageSize:o,keepRenderedRows:t})}}t.PaginationService=i},47186:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.pinnedColumnModuleCSS=void 0,t.pinnedColumnModuleCSS=".ag-pinned-left-floating-bottom,.ag-pinned-left-floating-top,.ag-pinned-right-floating-bottom,.ag-pinned-right-floating-top{min-width:0;overflow:hidden;position:relative}.ag-pinned-left-sticky-top,.ag-pinned-right-sticky-top{height:100%;overflow:hidden;position:relative}.ag-sticky-bottom-full-width-container,.ag-sticky-top-full-width-container{height:100%;overflow:hidden;width:100%}.ag-pinned-left-header,.ag-pinned-right-header{display:inline-block;height:100%;overflow:hidden;position:relative}.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible){.ag-horizontal-left-spacer:not(.ag-scroller-corner){border-right:var(--ag-pinned-column-border)}.ag-horizontal-right-spacer:not(.ag-scroller-corner){border-left:var(--ag-pinned-column-border)}}.ag-pinned-right-header{border-left:var(--ag-pinned-column-border)}.ag-pinned-left-header{border-right:var(--ag-pinned-column-border)}.ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left,.ag-cell-range-single-cell,.ag-cell-focus:not(.ag-cell-range-selected):focus-within){border-left:var(--ag-pinned-column-border)}.ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right,.ag-cell-range-single-cell,.ag-cell-focus:not(.ag-cell-range-selected):focus-within){border-right:var(--ag-pinned-column-border)}.ag-pinned-left-header .ag-header-cell-resize:after{left:calc(50% - var(--ag-header-column-resize-handle-width))}.ag-pinned-right-header .ag-header-cell-resize:after{left:50%}.ag-pinned-left-header .ag-header-cell-resize{right:-3px}.ag-pinned-right-header .ag-header-cell-resize{left:-3px}"},46219:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.PinnedColumnModule=void 0;const o=a(97205),n=a(47186),r=a(77076);t.PinnedColumnModule={moduleName:"PinnedColumn",version:o.VERSION,beans:[r.PinnedColumnService],css:[n.pinnedColumnModuleCSS]}},77076:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.PinnedColumnService=void 0;const o=a(1956),n=a(72934),r=a(73146),i=a(68731),l=a(2865),s=a(67274),d=a(47764);class c extends i.BeanStub{constructor(){super(...arguments),this.beanName="pinnedCols"}postConstruct(){this.beans.ctrlsSvc.whenReady(this,e=>{this.gridBodyCtrl=e.gridBodyCtrl});const e=this.checkContainerWidths.bind(this);this.addManagedEventListeners({displayedColumnsChanged:e,displayedColumnsWidthChanged:e}),this.addManagedPropertyListener("domLayout",e)}checkContainerWidths(){const{gos:e,visibleCols:t,eventSvc:a}=this.beans,o=(0,s._isDomLayout)(e,"print"),n=o?0:t.getColsLeftWidth(),r=o?0:t.getDisplayedColumnsRightWidth();n!=this.leftWidth&&(this.leftWidth=n,a.dispatchEvent({type:"leftPinnedWidthChanged"})),r!=this.rightWidth&&(this.rightWidth=r,a.dispatchEvent({type:"rightPinnedWidthChanged"}))}keepPinnedColumnsNarrowerThanViewport(){const e=this.gridBodyCtrl.eBodyViewport,t=(0,o._getInnerWidth)(e);if(t<=50)return;const a=this.getPinnedColumnsOverflowingViewport(t-50),n=this.gos.getCallback("processUnpinnedColumns"),{columns:i,hasLockedPinned:l}=a;let s=i;if(s.length||l){if(n){s=n({columns:s,viewportWidth:t})}s?.length&&(s=s.filter(e=>!(0,r.isRowNumberCol)(e)),this.setColsPinned(s,null,"viewportSizeFeature"))}}createPinnedWidthFeature(e,...t){return new l.SetPinnedWidthFeature(e,t)}setColsPinned(e,t,a){const{colModel:o,colAnimation:r,visibleCols:i,gos:l}=this.beans;if(!o.cols)return;if(!e?.length)return;if((0,s._isDomLayout)(l,"print"))return void(0,d._warn)(37);let c;r?.start(),c=!0===t||"left"===t?"left":"right"===t?"right":null;const g=[];for(const t of e){if(!t)continue;const e=o.getCol(t);e&&(e.getPinned()!==c&&(this.setColPinned(e,c),g.push(e)))}g.length&&(i.refresh(a),(0,n.dispatchColumnPinnedEvent)(this.eventSvc,g,a)),r?.finish()}initCol(e){const{pinned:t,initialPinned:a}=e.colDef;void 0!==t?this.setColPinned(e,t):this.setColPinned(e,a)}setColPinned(e,t){e.pinned=!0===t||"left"===t?"left":"right"===t?"right":null,e.dispatchStateUpdatedEvent("pinned")}setupHeaderPinnedWidth(e){const{scrollVisibleSvc:t}=this.beans;if(null==e.pinned)return;const a="left"===e.pinned,o="right"===e.pinned;e.hidden=!0;const n=()=>{const n=a?this.leftWidth:this.rightWidth;if(null==n)return;const r=0==n,i=e.hidden!==r,l=this.gos.get("enableRtl"),s=t.getScrollbarWidth(),d=t.verticalScrollShowing&&(l&&a||!l&&o)?n+s:n;e.comp.setPinnedContainerWidth(`${d}px`),e.comp.setDisplayed(!r),i&&(e.hidden=r,e.refresh())};e.addManagedEventListeners({leftPinnedWidthChanged:n,rightPinnedWidthChanged:n,scrollVisibilityChanged:n,scrollbarWidthChanged:n})}getHeaderResizeDiff(e,t){if(t.getPinned()){const{leftWidth:t,rightWidth:a}=this,n=(0,o._getInnerWidth)(this.beans.ctrlsSvc.getGridBodyCtrl().eBodyViewport)-50;if(t+a+e>n){if(!(n>t+a))return 0;e=n-t-a}}return e}getPinnedColumnsOverflowingViewport(e){const t=(this.rightWidth??0)+(this.leftWidth??0);let a=!1;if(t<e)return{columns:[],hasLockedPinned:a};const{visibleCols:o}=this.beans,n=[...o.leftCols],r=[...o.rightCols];let i=0,l=0;const s=[];let d=t-0-e;for(;(l<n.length||i<r.length)&&d>0;){if(i<r.length){const e=r[i++];if(e.colDef.lockPinned){a=!0;continue}d-=e.getActualWidth(),s.push(e)}if(l<n.length&&d>0){const e=n[l++];if(e.colDef.lockPinned){a=!0;continue}d-=e.getActualWidth(),s.push(e)}}return{columns:s,hasLockedPinned:a}}}t.PinnedColumnService=c},40436:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.manualPinnedRowCSS=void 0,t.manualPinnedRowCSS=".ag-row-pinned-source{background-color:var(--ag-pinned-source-row-background-color);color:var(--ag-pinned-source-row-text-color);font-weight:var(--ag-pinned-source-row-font-weight)}.ag-row-pinned-manual{background-color:var(--ag-pinned-row-background-color);color:var(--ag-pinned-row-text-color);font-weight:var(--ag-pinned-row-font-weight)}"},29596:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.ManualPinnedRowModel=void 0;const o=a(68731),n=a(3373),r=a(9888),i=a(67274),l=a(28188);class s extends o.BeanStub{postConstruct(){const{gos:e,beans:t}=this;this.top=new l.PinnedRows(t,"top"),this.bottom=new l.PinnedRows(t,"bottom");const a=e=>(0,l._shouldHidePinnedRows)(t,e.pinnedSibling),o=()=>{const a=e.get("isRowPinned");a&&e.get("enableRowPinning")&&t.rowModel.forEachNode(e=>this.pinRow(e,a(e)),!0),this.refreshRowPositions(),this.dispatchRowPinnedEvents()};this.addManagedEventListeners({gridStylesChanged:this.onGridStylesChanges.bind(this),modelUpdated:({keepRenderedRows:e})=>{this.tryToEmptyQueues(),this.pinGrandTotalRow(),this.forContainers(e=>e.hide(a));const t=this.refreshRowPositions();e&&!t||this.dispatchRowPinnedEvents()},columnRowGroupChanged:()=>{this.forContainers(g),this.refreshRowPositions()},rowNodeDataChanged:({node:t})=>{const a=e.get("isRowPinnable");(a?.(t)??!0)||this.pinRow(t,null)},firstDataRendered:o}),this.addManagedPropertyListener("pivotMode",()=>{this.forContainers(e=>e.hide(a)),this.dispatchRowPinnedEvents()}),this.addManagedPropertyListener("grandTotalRow",({currentValue:e})=>{this._grandTotalPinned="pinnedBottom"===e?"bottom":"pinnedTop"===e?"top":null}),this.addManagedPropertyListener("isRowPinned",o)}destroy(){this.reset(!1),super.destroy()}reset(e=!0){this.forContainers(e=>{const t=[];e.forEach(e=>t.push(e)),t.forEach(e=>this.pinRow(e,null)),e.clear()}),e&&this.dispatchRowPinnedEvents()}pinRow(e,t,a){if(e.footer&&e.level>-1)return;if(e.footer&&-1===e.level)return this._grandTotalPinned=t,void function({gos:e,rowModel:t}){(0,i._isClientSideRowModel)(e,t)&&t.refreshModel({step:"map"})}(this.beans);const o=e.rowPinned??e.pinnedSibling?.rowPinned;if(null!=o&&null!=t&&t!=o){const o=e.rowPinned?e:e.pinnedSibling,n=e.rowPinned?e.pinnedSibling:e;return this.pinRow(o,null,a),void this.pinRow(n,t,a)}const n=a&&function(e,t,a){const{rowSpanSvc:o}=e,n=(a&&o?.isCellSpanning(a,t))??!1;if(a&&n)return o?.getCellSpan(a,t)?.spannedNodes}(this.beans,e,a);if(n)n.forEach(e=>this.pinRow(e,t));else if(null==t){const a=e.rowPinned?e:e.pinnedSibling,o=this.findPinnedRowNode(a);if(!o)return;o.delete(a);const n=a.pinnedSibling;c(a),this.refreshRowPositions(t),this.dispatchRowPinnedEvents(n)}else{const a=d(this.beans,e,t),o=this.getContainer(t);o.add(a),(0,l._shouldHidePinnedRows)(this.beans,e)&&o.hide(e=>(0,l._shouldHidePinnedRows)(this.beans,e.pinnedSibling)),this.refreshRowPositions(t),this.dispatchRowPinnedEvents(e)}}isManual(){return!0}isEmpty(e){return 0===this.getContainer(e).size()}isRowsToRender(e){return!this.isEmpty(e)}ensureRowHeightsValid(){let e=!1,t=0;const a=a=>{if(a.rowHeightEstimated){const o=(0,i._getRowHeightForNode)(this.beans,a);a.setRowTop(t),a.setRowHeight(o.height),t+=o.height,e=!0}};return this.bottom.forEach(a),t=0,this.top.forEach(a),this.eventSvc.dispatchEvent({type:"pinnedHeightChanged"}),e}getPinnedTopTotalHeight(){return u(this.top)}getPinnedBottomTotalHeight(){return u(this.bottom)}getPinnedTopRowCount(){return this.top.size()}getPinnedBottomRowCount(){return this.bottom.size()}getPinnedTopRow(e){return this.top.getByIndex(e)}getPinnedBottomRow(e){return this.bottom.getByIndex(e)}getPinnedRowById(e,t){return this.getContainer(t).getById(e)}forEachPinnedRow(e,t){this.getContainer(e).forEach(t)}getPinnedState(){const e=e=>{const t=[];return this.forEachPinnedRow(e,e=>t.push(e.pinnedSibling.id)),t};return{top:e("top"),bottom:e("bottom")}}setPinnedState(e){this.forContainers((t,a)=>{for(const o of e[a]){const e=this.beans.rowModel.getRowNode(o);e?this.pinRow(e,a):t.queue(o)}})}getGrandTotalPinned(){return this._grandTotalPinned}setGrandTotalPinned(e){this._grandTotalPinned=e}tryToEmptyQueues(){this.forContainers((e,t)=>{const a=new Set;e.forEachQueued(e=>{const t=this.beans.rowModel.getRowNode(e);t&&a.add(t)});for(const o of a)e.unqueue(o.id),this.pinRow(o,t)})}pinGrandTotalRow(){const{gos:e,beans:t,_grandTotalPinned:a}=this,o=t.rowModel;if(!(0,i._isClientSideRowModel)(e,o))return;const n=o.rootNode?.sibling;if(!n)return;const r=n.pinnedSibling,l=r&&this.findPinnedRowNode(r);if(a){if(l&&l.floating!==a&&(l.delete(r),c(r)),!l||l.floating!==a){const e=d(t,n,a);this.getContainer(a).add(e)}}else{if(!l)return;l.delete(r),c(r)}}onGridStylesChanges(e){e.rowHeightChanged&&this.forContainers(e=>e.forEach(e=>e.setRowHeight(e.rowHeight,!0)))}getContainer(e){return"top"===e?this.top:this.bottom}findPinnedRowNode(e){return this.top.has(e)?this.top:this.bottom.has(e)?this.bottom:void 0}refreshRowPositions(e){const t=e=>function(e,t){let a=0,o=!1;return t.forEach((t,n)=>{if(o||(o=t.rowTop!==a),t.setRowTop(a),t.rowHeightEstimated||null==t.rowHeight){const a=(0,i._getRowHeightForNode)(e,t).height;o||(o=t.rowHeight!==a),t.setRowHeight(a)}t.setRowIndex(n),a+=t.rowHeight}),o}(this.beans,e);if(e)return t(this.getContainer(e));let a=!1;return this.forContainers(e=>{const o=t(e);a||(a=o)}),a}forContainers(e){e(this.top,"top"),e(this.bottom,"bottom")}dispatchRowPinnedEvents(e){this.eventSvc.dispatchEvent({type:"pinnedRowsChanged"}),e?.dispatchRowEvent("rowPinned")}}function d(e,t,a){if(t.pinnedSibling)return t.pinnedSibling;const o=(0,r._createRowNodeSibling)(t,e);o.setRowTop(null),o.setRowIndex(null),o.rowPinned=a;const i="top"===a?n.ROW_ID_PREFIX_TOP_PINNED:n.ROW_ID_PREFIX_BOTTOM_PINNED;return o.id=`${i}${a}-${t.id}`,o.pinnedSibling=t,t.pinnedSibling=o,o}function c(e){if(!e.pinnedSibling)return;e.rowPinned=null,e.setRowTop(null),e.setRowIndex(null);const t=e.pinnedSibling;e.pinnedSibling=void 0,t&&(t.pinnedSibling=void 0,t.rowPinned=null)}function g(e){const t=new Set;e.forEach(e=>{e.group&&t.add(e)}),t.forEach(t=>e.delete(t))}function u(e){const t=e.size();if(0===t)return 0;const a=e.getByIndex(t-1);return void 0===a?0:a.rowTop+a.rowHeight}t.ManualPinnedRowModel=s},28188:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t._shouldHidePinnedRows=t.PinnedRows=void 0;const o=a(79909),n=a(67274);function r(e){if(-1===e.level)return!0;const t=e.parent;return!!t?.childrenAfterSort?.some(t=>t==e)&&r(t)}function i(e){return!!e.pinnedSibling&&function(e){return!!e.footer&&-1===e.level}(e.pinnedSibling)}t.PinnedRows=class{constructor(e,t){this.beans=e,this.floating=t,this.all=new Set,this.visible=new Set,this.order=[],this.queued=new Set}size(){return this.visible.size}add(e){const{all:t,visible:a,order:o}=this;t.has(e)||(t.add(e),a.add(e),o.push(e),this.sort())}delete(e){this.all.delete(e),this.visible.delete(e),this.queued.delete(e.id),(0,o._removeFromArray)(this.order,e)}has(e){return this.visible.has(e)}forEach(e){this.order.forEach(e)}getByIndex(e){return this.order[e]}getById(e){for(const t of this.visible)if(t.id==e)return t}clear(){const{all:e,visible:t,order:a,queued:o}=this;e.clear(),o.clear(),t.clear(),a.length=0}sort(){const{sortSvc:e,rowNodeSorter:t,gos:a}=this.beans,o=e?.getSortOptions()??[],r=function(e){const t=e.findIndex(i);if(t>-1)return e.splice(t,1)?.[0]}(this.order);if(this.order.sort((e,t)=>(e.pinnedSibling?.rowIndex??0)-(t.pinnedSibling?.rowIndex??0)),this.order=t?.doFullSort(this.order,o)??this.order,!r)return;const l=(0,n._getGrandTotalRow)(a);"bottom"===l||"pinnedBottom"===l?this.order.push(r):this.order.unshift(r)}hide(e){const{all:t,visible:a}=this;t.forEach(t=>e(t)?a.delete(t):a.add(t)),this.order=Array.from(a),this.sort()}queue(e){this.queued.add(e)}unqueue(e){this.queued.delete(e)}forEachQueued(e){this.queued.forEach(e)}},t._shouldHidePinnedRows=function(e,t){const{gos:a,rowModel:o,filterManager:i}=e;return(0,n._isServerSideRowModel)(a,o)?!o.getRowNode(t.id):i?.isAnyFilterPresent()?!r(t):!!a.get("pivotMode")&&!t.group}},71879:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.forEachPinnedRow=t.getPinnedBottomRow=t.getPinnedTopRow=t.getPinnedBottomRowCount=t.getPinnedTopRowCount=void 0,t.getPinnedTopRowCount=function(e){return e.pinnedRowModel?.getPinnedTopRowCount()??0},t.getPinnedBottomRowCount=function(e){return e.pinnedRowModel?.getPinnedBottomRowCount()??0},t.getPinnedTopRow=function(e,t){return e.pinnedRowModel?.getPinnedTopRow(t)},t.getPinnedBottomRow=function(e,t){return e.pinnedRowModel?.getPinnedBottomRow(t)},t.forEachPinnedRow=function(e,t,a){return e.pinnedRowModel?.forEachPinnedRow(t,a)}},9294:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.PinnedRowModel=void 0;const o=a(68731),n=a(67274),r=a(29596),i=a(31572);class l extends o.BeanStub{constructor(){super(...arguments),this.beanName="pinnedRowModel"}postConstruct(){const{gos:e}=this,t=()=>{const t=e.get("enableRowPinning"),a=(0,n._getGrandTotalRow)(e),o=!!t||("pinnedBottom"===a||"pinnedTop"===a),l=o?this.inner instanceof i.StaticPinnedRowModel:this.inner instanceof r.ManualPinnedRowModel;this.inner&&l&&this.destroyBean(this.inner),!l&&this.inner||(this.inner=this.createManagedBean(o?new r.ManualPinnedRowModel:new i.StaticPinnedRowModel))};this.addManagedPropertyListeners(["enableRowPinning","grandTotalRow"],t),t()}reset(){return this.inner.reset()}isEmpty(e){return this.inner.isEmpty(e)}isManual(){return this.inner.isManual()}isRowsToRender(e){return this.inner.isRowsToRender(e)}pinRow(e,t,a){return this.inner.pinRow(e,t,a)}ensureRowHeightsValid(){return this.inner.ensureRowHeightsValid()}getPinnedRowById(e,t){return this.inner.getPinnedRowById(e,t)}getPinnedTopTotalHeight(){return this.inner.getPinnedTopTotalHeight()}getPinnedBottomTotalHeight(){return this.inner.getPinnedBottomTotalHeight()}getPinnedTopRowCount(){return this.inner.getPinnedTopRowCount()}getPinnedBottomRowCount(){return this.inner.getPinnedBottomRowCount()}getPinnedTopRow(e){return this.inner.getPinnedTopRow(e)}getPinnedBottomRow(e){return this.inner.getPinnedBottomRow(e)}forEachPinnedRow(e,t){return this.inner.forEachPinnedRow(e,t)}getPinnedState(){return this.inner.getPinnedState()}setPinnedState(e){return this.inner.setPinnedState(e)}setGrandTotalPinned(e){return this.inner.setGrandTotalPinned(e)}getGrandTotalPinned(){return this.inner.getGrandTotalPinned()}}t.PinnedRowModel=l},15423:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.PinnedRowModule=void 0;const o=a(97205),n=a(40436),r=a(71879),i=a(9294);t.PinnedRowModule={moduleName:"PinnedRow",version:o.VERSION,beans:[i.PinnedRowModel],css:[n.manualPinnedRowCSS],apiFunctions:{getPinnedTopRowCount:r.getPinnedTopRowCount,getPinnedBottomRowCount:r.getPinnedBottomRowCount,getPinnedTopRow:r.getPinnedTopRow,getPinnedBottomRow:r.getPinnedBottomRow,forEachPinnedRow:r.forEachPinnedRow},icons:{rowPin:"pin",rowPinTop:"pinned-top",rowPinBottom:"pinned-bottom",rowUnpin:"un-pin"}}},78638:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t._getNodesInRangeForSelection=t._isManualPinnedRow=void 0,t._isManualPinnedRow=function(e){return!(!e.rowPinned||!e.pinnedSibling)},t._getNodesInRangeForSelection=function e(t,a,o,n){const r="top"===a;if(!o)return e(t,a,r?t.getPinnedTopRow(0):t.getPinnedBottomRow(0),n);if(!n){const n=r?t.getPinnedTopRowCount():t.getPinnedBottomRowCount();return e(t,a,o,r?t.getPinnedTopRow(n-1):t.getPinnedBottomRow(n-1))}let i=!1,l=!1;const s=[];return t.forEachPinnedRow(a,e=>e!==o||i?i&&e===n?(l=!0,void s.push(e)):void(i&&!l&&s.push(e)):(i=!0,void s.push(e))),s}},31572:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.StaticPinnedRowModel=void 0;const o=a(68731),n=a(3373),r=a(67274),i=a(47764);class l extends o.BeanStub{constructor(){super(...arguments),this.nextId=0,this.pinnedTopRows={cache:{},order:[]},this.pinnedBottomRows={cache:{},order:[]}}postConstruct(){const e=this.gos;this.setPinnedRowData(e.get("pinnedTopRowData"),"top"),this.setPinnedRowData(e.get("pinnedBottomRowData"),"bottom"),this.addManagedPropertyListener("pinnedTopRowData",e=>this.setPinnedRowData(e.currentValue,"top")),this.addManagedPropertyListener("pinnedBottomRowData",e=>this.setPinnedRowData(e.currentValue,"bottom")),this.addManagedEventListeners({gridStylesChanged:this.onGridStylesChanges.bind(this)})}reset(){}isEmpty(e){return 0===this.getCache(e).order.length}isRowsToRender(e){return!this.isEmpty(e)}isManual(){return!1}pinRow(e,t){}onGridStylesChanges(e){if(e.rowHeightChanged){const e=e=>{e.setRowHeight(e.rowHeight,!0)};g(this.pinnedBottomRows,e),g(this.pinnedTopRows,e)}}ensureRowHeightsValid(){let e=!1,t=0;const a=a=>{if(a.rowHeightEstimated){const o=(0,r._getRowHeightForNode)(this.beans,a);a.setRowTop(t),a.setRowHeight(o.height),t+=o.height,e=!0}};return g(this.pinnedBottomRows,a),t=0,g(this.pinnedTopRows,a),this.eventSvc.dispatchEvent({type:"pinnedHeightChanged"}),e}setPinnedRowData(e,t){this.updateNodesFromRowData(e,t),this.eventSvc.dispatchEvent({type:"pinnedRowDataChanged"})}updateNodesFromRowData(e,t){const a=this.getCache(t);if(void 0===e)return a.order.length=0,void(a.cache={});const o=(0,r._getRowIdCallback)(this.gos),l="top"===t?n.ROW_ID_PREFIX_TOP_PINNED:n.ROW_ID_PREFIX_BOTTOM_PINNED,s=new Set(a.order),c=[],g=new Set;let u=0,h=-1;for(const r of e){const e=o?.({data:r,level:0,rowPinned:t})??l+this.nextId++;if(g.has(e)){(0,i._warn)(96,{id:e,data:r});continue}h++,g.add(e),c.push(e);const p=d(a,e);if(void 0!==p)p.data!==r&&p.updateData(r),u+=this.setRowTopAndRowIndex(p,u,h),s.delete(e);else{const o=new n.RowNode(this.beans);o.id=e,o.data=r,o.rowPinned=t,u+=this.setRowTopAndRowIndex(o,u,h),a.cache[e]=o,a.order.push(e)}}for(const e of s)d(a,e)?.clearRowTopAndRowIndex(),delete a.cache[e];a.order=c}setRowTopAndRowIndex(e,t,a){return e.setRowTop(t),e.setRowHeight((0,r._getRowHeightForNode)(this.beans,e).height),e.setRowIndex(a),e.rowHeight}getPinnedTopTotalHeight(){return s(this.pinnedTopRows)}getPinnedBottomTotalHeight(){return s(this.pinnedBottomRows)}getPinnedTopRowCount(){return u(this.pinnedTopRows)}getPinnedBottomRowCount(){return u(this.pinnedBottomRows)}getPinnedTopRow(e){return c(this.pinnedTopRows,e)}getPinnedBottomRow(e){return c(this.pinnedBottomRows,e)}getPinnedRowById(e,t){return d(this.getCache(t),e)}forEachPinnedRow(e,t){return g(this.getCache(e),t)}getCache(e){return"top"===e?this.pinnedTopRows:this.pinnedBottomRows}getPinnedState(){return{top:[],bottom:[]}}setPinnedState(){}getGrandTotalPinned(){}setGrandTotalPinned(){}}function s(e){const t=u(e);if(0===t)return 0;const a=c(e,t-1);return void 0===a?0:a.rowTop+a.rowHeight}function d(e,t){return e.cache[t]}function c(e,t){return d(e,e.order[t])}function g(e,t){e.order.forEach((a,o)=>{const n=d(e,a);n&&t(n,o)})}function u(e){return e.order.length}t.StaticPinnedRowModel=l},40920:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t._GET_ALL_GRID_OPTIONS=t._FUNCTION_GRID_OPTIONS=t._BOOLEAN_GRID_OPTIONS=t._BOOLEAN_MIXED_GRID_OPTIONS=t._NUMBER_GRID_OPTIONS=void 0;const a=["overlayLoadingTemplate","overlayNoRowsTemplate","gridId","quickFilterText","rowModelType","editType","domLayout","clipboardDelimiter","rowGroupPanelShow","multiSortKey","pivotColumnGroupTotals","pivotRowTotals","pivotPanelShow","fillHandleDirection","groupDisplayType","treeDataDisplayType","treeDataChildrenField","treeDataParentIdField","colResizeDefault","tooltipTrigger","serverSidePivotResultFieldSeparator","columnMenu","tooltipShowMode","invalidEditValueMode","grandTotalRow","themeCssLayer","findSearchValue","styleNonce","renderingMode"],o=["components","rowStyle","context","autoGroupColumnDef","localeText","icons","datasource","dragAndDropImageComponentParams","serverSideDatasource","viewportDatasource","groupRowRendererParams","aggFuncs","fullWidthCellRendererParams","defaultColGroupDef","defaultColDef","defaultCsvExportParams","defaultExcelExportParams","columnTypes","rowClassRules","detailCellRendererParams","loadingCellRendererParams","loadingOverlayComponentParams","noRowsOverlayComponentParams","popupParent","themeStyleContainer","statusBar","chartThemeOverrides","customChartThemes","chartToolPanelsDef","dataTypeDefinitions","advancedFilterParent","advancedFilterBuilderParams","advancedFilterParams","initialState","autoSizeStrategy","selectionColumnDef","findOptions","filterHandlers","groupHierarchyConfig"],n=["sortingOrder","alignedGrids","rowData","columnDefs","excelStyles","pinnedTopRowData","pinnedBottomRowData","chartThemes","rowClass","paginationPageSizeSelector"];t._NUMBER_GRID_OPTIONS=["rowHeight","detailRowHeight","rowBuffer","headerHeight","groupHeaderHeight","groupLockGroupColumns","floatingFiltersHeight","pivotHeaderHeight","pivotGroupHeaderHeight","groupDefaultExpanded","pivotDefaultExpanded","viewportRowModelPageSize","viewportRowModelBufferSize","autoSizePadding","maxBlocksInCache","maxConcurrentDatasourceRequests","tooltipShowDelay","tooltipHideDelay","cacheOverflowSize","paginationPageSize","cacheBlockSize","infiniteInitialRowCount","serverSideInitialRowCount","scrollbarWidth","asyncTransactionWaitMillis","blockLoadDebounceMillis","keepDetailRowsCount","undoRedoCellEditingLimit","cellFlashDuration","cellFadeDuration","tabIndex","pivotMaxGeneratedColumns","rowDragInsertDelay"];const r=["theme","rowSelection"];t._BOOLEAN_MIXED_GRID_OPTIONS=["cellSelection","sideBar","rowNumbers","suppressGroupChangesColumnVisibility","groupAggFiltering","suppressStickyTotalRow","groupHideParentOfSingleChild","enableRowPinning"],t._BOOLEAN_GRID_OPTIONS=["loadThemeGoogleFonts","suppressMakeColumnVisibleAfterUnGroup","suppressRowClickSelection","suppressCellFocus","suppressHeaderFocus","suppressHorizontalScroll","groupSelectsChildren","alwaysShowHorizontalScroll","alwaysShowVerticalScroll","debug","enableBrowserTooltips","enableCellExpressions","groupSuppressBlankHeader","suppressMenuHide","suppressRowDeselection","unSortIcon","suppressMultiSort","alwaysMultiSort","singleClickEdit","suppressLoadingOverlay","suppressNoRowsOverlay","suppressAutoSize","skipHeaderOnAutoSize","suppressColumnMoveAnimation","suppressMoveWhenColumnDragging","suppressMovableColumns","suppressFieldDotNotation","enableRangeSelection","enableRangeHandle","enableFillHandle","suppressClearOnFillReduction","deltaSort","suppressTouch","allowContextMenuWithControlKey","suppressContextMenu","suppressDragLeaveHidesColumns","suppressRowGroupHidesColumns","suppressMiddleClickScrolls","suppressPreventDefaultOnMouseWheel","suppressCopyRowsToClipboard","copyHeadersToClipboard","copyGroupHeadersToClipboard","pivotMode","suppressAggFuncInHeader","suppressColumnVirtualisation","alwaysAggregateAtRootLevel","suppressFocusAfterRefresh","functionsReadOnly","animateRows","groupSelectsFiltered","groupRemoveSingleChildren","groupRemoveLowestSingleChildren","enableRtl","enableCellSpan","suppressClickEdit","rowDragEntireRow","rowDragManaged","suppressRowDrag","suppressMoveWhenRowDragging","rowDragMultiRow","enableGroupEdit","embedFullWidthRows","suppressPaginationPanel","groupHideOpenParents","groupAllowUnbalanced","pagination","paginationAutoPageSize","suppressScrollOnNewData","suppressScrollWhenPopupsAreOpen","purgeClosedRowNodes","cacheQuickFilter","includeHiddenColumnsInQuickFilter","ensureDomOrder","accentedSort","suppressChangeDetection","valueCache","valueCacheNeverExpires","aggregateOnlyChangedColumns","suppressAnimationFrame","suppressExcelExport","suppressCsvExport","includeHiddenColumnsInAdvancedFilter","suppressMultiRangeSelection","enterNavigatesVerticallyAfterEdit","enterNavigatesVertically","suppressPropertyNamesCheck","rowMultiSelectWithClick","suppressRowHoverHighlight","suppressRowTransform","suppressClipboardPaste","suppressLastEmptyLineOnPaste","enableCharts","suppressMaintainUnsortedOrder","enableCellTextSelection","suppressBrowserResizeObserver","suppressMaxRenderedRowRestriction","excludeChildrenWhenTreeDataFiltering","tooltipMouseTrack","tooltipInteraction","keepDetailRows","paginateChildRows","preventDefaultOnContextMenu","undoRedoCellEditing","allowDragFromColumnsToolPanel","pivotSuppressAutoColumn","suppressExpandablePivotGroups","debounceVerticalScrollbar","detailRowAutoHeight","serverSideSortAllLevels","serverSideEnableClientSideSort","serverSideOnlyRefreshFilteredGroups","suppressAggFilteredOnly","showOpenedGroup","suppressClipboardApi","suppressModelUpdateAfterUpdateTransaction","stopEditingWhenCellsLoseFocus","groupMaintainOrder","columnHoverHighlight","readOnlyEdit","suppressRowVirtualisation","enableCellEditingOnBackspace","resetRowDataOnUpdate","removePivotHeaderRowWhenSingleValueColumn","suppressCopySingleCellRanges","suppressGroupRowsSticky","suppressCutToClipboard","rowGroupPanelSuppressSort","allowShowChangeAfterFilter","enableAdvancedFilter","masterDetail","treeData","reactiveCustomComponents","applyQuickFilterBeforePivotOrAgg","suppressServerSideFullWidthLoadingRow","suppressAdvancedFilterEval","loading","maintainColumnOrder","enableStrictPivotColumnOrder","suppressSetFilterByDefault","enableFilterHandlers","suppressStartEditOnTab","hidePaddedHeaderRows","ssrmExpandAllAffectsAllRows"],t._FUNCTION_GRID_OPTIONS=["doesExternalFilterPass","processPivotResultColDef","processPivotResultColGroupDef","getBusinessKeyForNode","isRowSelectable","rowDragText","groupRowRenderer","dragAndDropImageComponent","fullWidthCellRenderer","loadingCellRenderer","loadingOverlayComponent","noRowsOverlayComponent","detailCellRenderer","quickFilterParser","quickFilterMatcher","getLocaleText","isExternalFilterPresent","getRowHeight","getRowClass","getRowStyle","getFullRowEditValidationErrors","getContextMenuItems","getMainMenuItems","processRowPostCreate","processCellForClipboard","getGroupRowAgg","isFullWidthRow","sendToClipboard","focusGridInnerElement","navigateToNextHeader","tabToNextHeader","navigateToNextCell","tabToNextCell","processCellFromClipboard","getDocument","postProcessPopup","getChildCount","getDataPath","isRowMaster","postSortRows","processHeaderForClipboard","processUnpinnedColumns","processGroupHeaderForClipboard","paginationNumberFormatter","processDataFromClipboard","getServerSideGroupKey","isServerSideGroup","createChartContainer","getChartToolbarItems","fillOperation","isApplyServerSideTransaction","getServerSideGroupLevelParams","isServerSideGroupOpenByDefault","isGroupOpenByDefault","initialGroupOrderComparator","loadingCellRendererSelector","getRowId","chartMenuItems","groupTotalRow","alwaysPassFilter","isRowPinnable","isRowPinned","isRowValidDropPosition"];t._GET_ALL_GRID_OPTIONS=()=>[...n,...o,...a,...t._NUMBER_GRID_OPTIONS,...t._FUNCTION_GRID_OPTIONS,...t._BOOLEAN_GRID_OPTIONS,...t._BOOLEAN_MIXED_GRID_OPTIONS,...r]},8829:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t._PUBLIC_EVENT_HANDLERS_MAP=void 0;const o=a(73080),n=a(67274);t._PUBLIC_EVENT_HANDLERS_MAP=o._PUBLIC_EVENTS.reduce((e,t)=>(e[t]=(0,n._getCallbackForEvent)(t),e),{})},61331:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.AriaAnnouncementService=void 0;const o=a(91623),n=a(80011),r=a(1956),i=a(44990),l=a(68731);class s extends l.BeanStub{constructor(){super(),this.beanName="ariaAnnounce",this.descriptionContainer=null,this.pendingAnnouncements=new Map,this.lastAnnouncement="",this.updateAnnouncement=(0,i._debounce)(this,this.updateAnnouncement.bind(this),200)}postConstruct(){const e=this.beans,t=(0,n._getDocument)(e),a=this.descriptionContainer=t.createElement("div");a.classList.add("ag-aria-description-container"),(0,o._setAriaLive)(a,"polite"),(0,o._setAriaRelevant)(a,"additions text"),(0,o._setAriaAtomic)(a,!0),e.eGridDiv.appendChild(a)}announceValue(e,t){this.pendingAnnouncements.set(t,e),this.updateAnnouncement()}updateAnnouncement(){if(!this.descriptionContainer)return;const e=Array.from(this.pendingAnnouncements.values()).join(". ");this.pendingAnnouncements.clear(),this.descriptionContainer.textContent="",setTimeout(()=>{this.handleAnnouncementUpdate(e)},50)}handleAnnouncementUpdate(e){if(!this.isAlive()||!this.descriptionContainer)return;let t=e;null!=t&&""!=t.replace(/[ .]/g,"")?(this.lastAnnouncement===t&&(t=`${t}​`),this.lastAnnouncement=t,this.descriptionContainer.textContent=t):this.lastAnnouncement=""}destroy(){super.destroy();const{descriptionContainer:e}=this;e&&((0,r._clearElement)(e),e.remove()),this.descriptionContainer=null,this.pendingAnnouncements.clear()}}t.AriaAnnouncementService=s},73433:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.AriaModule=void 0;const o=a(97205),n=a(61331);t.AriaModule={moduleName:"Aria",version:o.VERSION,beans:[n.AriaAnnouncementService]}},8763:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.AutoWidthCalculator=void 0;const o=a(68731);class n extends o.BeanStub{constructor(){super(...arguments),this.beanName="autoWidthCalc"}postConstruct(){this.beans.ctrlsSvc.whenReady(this,e=>{this.centerRowContainerCtrl=e.center})}getPreferredWidthForColumn(e,t){const a=this.getHeaderCellForColumn(e);if(!a)return-1;const o=this.beans.rowRenderer.getAllCellsNotSpanningForColumn(e);return t||o.push(a),this.getPreferredWidthForElements(o)}getPreferredWidthForColumnGroup(e){const t=this.getHeaderCellForColumn(e);return t?this.getPreferredWidthForElements([t]):-1}getPreferredWidthForElements(e,t){const a=document.createElement("form");a.style.position="fixed";const o=this.centerRowContainerCtrl.eContainer;for(const t of e)this.cloneItemIntoDummy(t,a);o.appendChild(a);const n=a.offsetWidth;return a.remove(),n+(t=t??this.gos.get("autoSizePadding"))}getHeaderCellForColumn(e){let t=null;for(const a of this.beans.ctrlsSvc.getHeaderRowContainerCtrls()){const o=a.getHtmlElementForColumnHeader(e);null!=o&&(t=o)}return t}cloneItemIntoDummy(e,t){const a=e.cloneNode(!0);a.style.width="",a.style.position="static",a.style.left="";const o=document.createElement("div"),n=o.classList;["ag-header-cell","ag-header-group-cell"].some(e=>a.classList.contains(e))?(n.add("ag-header","ag-header-row"),o.style.position="static"):n.add("ag-row");let r=e.parentElement;for(;r;){if(["ag-header-row","ag-row"].some(e=>r.classList.contains(e))){for(let e=0;e<r.classList.length;e++){const t=r.classList[e];"ag-row-position-absolute"!=t&&n.add(t)}break}r=r.parentElement}o.appendChild(a),t.appendChild(o)}}t.AutoWidthCalculator=n},40447:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.AutoWidthModule=void 0;const o=a(97205),n=a(8763);t.AutoWidthModule={moduleName:"AutoWidth",version:o.VERSION,beans:[n.AutoWidthCalculator]}},32308:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.CellComp=void 0;const o=a(72872),n=a(80011),r=a(1956),i=a(89097),l=a(31931),s=a(73151),d=a(47764),c=a(78020);class g extends c.Component{constructor(e,t,a,n,i){super(),this.cellCtrl=t,this.rendererVersion=0,this.editorVersion=0,this.beans=e,this.gos=e.gos,this.column=t.column,this.rowNode=t.rowNode,this.eRow=n;const l=(0,s._createElement)({tag:"div",role:t.getCellAriaRole(),attrs:{"comp-id":`${this.getCompId()}`,"col-id":t.column.colIdSanitised}});let d;this.eCell=l,t.isCellSpanning()?(d=(0,s._createElement)({tag:"div",cls:"ag-spanned-cell-wrapper",role:"presentation"}),d.appendChild(l),this.setTemplateFromElement(d)):this.setTemplateFromElement(l),this.cellCssManager=new o.CssClassManager(()=>l),this.forceWrapper=t.isForceWrapper(),this.refreshWrapper(!1);const c={toggleCss:(e,t)=>this.cellCssManager.toggleCss(e,t),setUserStyles:e=>(0,r._addStylesToElement)(l,e),getFocusableElement:()=>l,setIncludeSelection:e=>this.includeSelection=e,setIncludeRowDrag:e=>this.includeRowDrag=e,setIncludeDndSource:e=>this.includeDndSource=e,setRenderDetails:(e,t,a)=>this.setRenderDetails(e,t,a),setEditDetails:(e,t,a)=>this.setEditDetails(e,t,a),getCellEditor:()=>this.cellEditor||null,getCellRenderer:()=>this.cellRenderer||null,getParentOfValue:()=>this.getParentOfValue(),refreshEditStyles:(e,t)=>this.refreshEditStyles(e,t)};t.setComp(c,l,d,this.eCellWrapper,a,i,void 0)}getParentOfValue(){return this.eCellValue??this.eCellWrapper??this.eCell}setRenderDetails(e,t,a){if(this.cellEditor&&!this.cellEditorPopupWrapper)return;this.firstRender=null==this.firstRender;const o=this.refreshWrapper(!1);if(this.refreshEditStyles(!1),e){!(a||o)&&this.refreshCellRenderer(e)||(this.destroyRenderer(),this.createCellRendererInstance(e))}else this.destroyRenderer(),this.insertValueWithoutCellRenderer(t);this.rowDraggingComp?.refreshVisibility()}setEditDetails(e,t,a){e?this.createCellEditorInstance(e,t,a):this.destroyEditor()}removeControls(){const e=this.beans.context;this.checkboxSelectionComp=e.destroyBean(this.checkboxSelectionComp),this.dndSourceComp=e.destroyBean(this.dndSourceComp),this.rowDraggingComp=e.destroyBean(this.rowDraggingComp)}refreshWrapper(e){const t=this.includeRowDrag||this.includeDndSource||this.includeSelection,a=t||this.forceWrapper,o=a&&null==this.eCellWrapper;o&&(this.eCellWrapper=(0,s._createElement)({tag:"div",cls:"ag-cell-wrapper",role:"presentation"}),this.eCell.appendChild(this.eCellWrapper));const n=!a&&null!=this.eCellWrapper;n&&((0,r._removeFromParent)(this.eCellWrapper),this.eCellWrapper=void 0),this.cellCssManager.toggleCss("ag-cell-value",!a);const i=!e&&a,l=i&&null==this.eCellValue;if(l){const e=this.cellCtrl.getCellValueClass();this.eCellValue=(0,s._createElement)({tag:"span",cls:e,role:"presentation"}),this.eCellWrapper.appendChild(this.eCellValue)}const d=!i&&null!=this.eCellValue;d&&((0,r._removeFromParent)(this.eCellValue),this.eCellValue=void 0);const c=o||n||l||d;return c&&this.removeControls(),!e&&t&&this.addControls(),c}addControls(){const{cellCtrl:e,eCellWrapper:t,eCellValue:a,includeRowDrag:o,includeDndSource:n,includeSelection:r}=this,i=e=>{e&&t.insertBefore(e.getGui(),a)};o&&null==this.rowDraggingComp&&(this.rowDraggingComp=e.createRowDragComp(),i(this.rowDraggingComp)),n&&null==this.dndSourceComp&&(this.dndSourceComp=e.createDndSource(),i(this.dndSourceComp)),r&&null==this.checkboxSelectionComp&&(this.checkboxSelectionComp=e.createSelectionCheckbox(),i(this.checkboxSelectionComp))}createCellEditorInstance(e,t,a){const o=this.editorVersion,n=e.newAgStackInstance(),{params:r}=e;n.then(e=>this.afterCellEditorCreated(o,e,r,t,a));(0,i._missing)(this.cellEditor)&&r.cellStartedEdit&&this.cellCtrl.focusCell(!0)}insertValueWithoutCellRenderer(e){const t=this.getParentOfValue();(0,r._clearElement)(t);const a=(0,l._toString)(e);null!=a&&(t.textContent=a)}destroyRenderer(){const{context:e}=this.beans;this.cellRenderer=e.destroyBean(this.cellRenderer),(0,r._removeFromParent)(this.cellRendererGui),this.cellRendererGui=null,this.rendererVersion++}destroyEditor(){const{context:e}=this.beans;(this.cellEditorPopupWrapper?.getGui().contains((0,n._getActiveDomElement)(this.beans))||this.cellCtrl.hasBrowserFocus())&&this.eCell.focus({preventScroll:!0}),this.hideEditorPopup?.(),this.hideEditorPopup=void 0,this.cellEditor=e.destroyBean(this.cellEditor),this.cellEditorPopupWrapper=e.destroyBean(this.cellEditorPopupWrapper),(0,r._removeFromParent)(this.cellEditorGui),this.cellCtrl.disableEditorTooltipFeature(),this.cellEditorGui=null,this.editorVersion++}refreshCellRenderer(e){if(null==this.cellRenderer?.refresh)return!1;if(this.cellRendererClass!==e.componentClass)return!1;const t=this.cellRenderer.refresh(e.params);return!0===t||void 0===t}createCellRendererInstance(e){const t=this.rendererVersion,a=e=>a=>{if(this.rendererVersion!==t||!this.isAlive())return;const o=e.newAgStackInstance(),n=this.afterCellRendererCreated.bind(this,t,e.componentClass);o?.then(n)},{animationFrameSvc:o}=this.beans;let n;if(n=o?.active&&this.firstRender?(e,t=!1)=>{o.createTask(a(e),this.rowNode.rowIndex,"p2",e.componentFromFramework,t)}:e=>a(e)(),e.params?.deferRender&&!this.cellCtrl.rowNode.group){const{loadingComp:t,onReady:a}=this.cellCtrl.getDeferLoadingCellRenderer();t&&(n(t),a.then(()=>n(e,!0)))}else n(e)}afterCellRendererCreated(e,t,a){if(!this.isAlive()||e!==this.rendererVersion)return void this.beans.context.destroyBean(a);this.cellRenderer=a,this.cellRendererClass=t;const o=a.getGui();if(this.cellRendererGui=o,null!=o){const e=this.getParentOfValue();(0,r._clearElement)(e),e.appendChild(o)}}afterCellEditorCreated(e,t,a,o,n){const r=e!==this.editorVersion,{context:i}=this.beans;if(r)return void i.destroyBean(t);const l=t.isCancelBeforeStart?.();if(l)return i.destroyBean(t),void this.cellCtrl.stopEditing(!0);if(!t.getGui)return(0,d._warn)(97,{colId:this.column.getId()}),void i.destroyBean(t);this.cellEditor=t,this.cellEditorGui=t.getGui();const s=o||t.isPopup?.();s?this.addPopupCellEditor(a,n):this.addInCellEditor(),this.refreshEditStyles(!0,s),t.afterGuiAttached?.(),this.cellCtrl.enableEditorTooltipFeature(t),this.cellCtrl.cellEditorAttached()}refreshEditStyles(e,t){const{cellCssManager:a}=this;a.toggleCss("ag-cell-inline-editing",e&&!t),a.toggleCss("ag-cell-popup-editing",e&&!!t),a.toggleCss("ag-cell-not-inline-editing",!e||!!t)}addInCellEditor(){const{eCell:e}=this;if(e.contains((0,n._getActiveDomElement)(this.beans))&&e.focus(),this.destroyRenderer(),this.refreshWrapper(!0),(0,r._clearElement)(this.getParentOfValue()),this.cellEditorGui){this.getParentOfValue().appendChild(this.cellEditorGui)}}addPopupCellEditor(e,t){const{gos:a,context:o,popupSvc:n,editSvc:r}=this.beans;"fullRow"===a.get("editType")&&(0,d._warn)(98);const i=this.cellEditorPopupWrapper=o.createBean(r.createPopupEditorWrapper(e)),{cellEditor:l,cellEditorGui:s,eCell:c,rowNode:g,column:u,cellCtrl:h}=this,p=i.getGui();s&&p.appendChild(s);const m=a.get("stopEditingWhenCellsLoseFocus"),f={ePopup:p,column:u,rowNode:g,type:"popupCellEditor",eventSource:c,position:null!=t?t:l.getPopupPosition?.()??"over",alignSide:a.get("enableRtl")?"right":"left",keepWithinBounds:!0},v=n.positionPopupByComponent.bind(n,f),b=n.addPopup({modal:m,eChild:p,closeOnEsc:!0,closedCallback:()=>{h.onPopupEditorClosed()},anchorToElement:c,positionCallback:v,ariaOwns:c});b&&(this.hideEditorPopup=b.hideFunc)}detach(){this.getGui().remove()}destroy(){this.destroyRenderer(),this.destroyEditor(),this.removeControls(),super.destroy()}}t.CellComp=g},60814:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.CellCtrl=void 0;const o=a(91623),n=a(80011),r=a(1956),i=a(5088),l=a(89097),s=a(35269),d=a(73146),c=a(12036),g=a(68731),u=a(78994),h=a(67274),p=a(91295),m=a(78638),f=a(86675),v=a(24711),b=a(67043),C=a(57038),w=a(86368),y=a(63976);let S=0;class k extends g.BeanStub{constructor(e,t,a,o){super(),this.column=e,this.rowNode=t,this.rowCtrl=o,this.rangeFeature=void 0,this.rowResizeFeature=void 0,this.positionFeature=void 0,this.customStyleFeature=void 0,this.editStyleFeature=void 0,this.mouseListener=void 0,this.keyboardListener=void 0,this.suppressRefreshCell=!1,this.onCompAttachedFuncs=[],this.onEditorAttachedFuncs=[],this.focusEventWhileNotReady=null,this.hasBeenFocused=!1,this.hasEdit=!1,this.tooltipFeature=void 0,this.editorTooltipFeature=void 0,this.beans=a,this.gos=a.gos,this.editSvc=a.editSvc,this.hasEdit=!!a.editSvc;const{colId:n}=e;this.instanceId=n+"-"+S++,this.createCellPosition(),this.updateAndFormatValue(!1)}addFeatures(){const{beans:e}=this;this.positionFeature=new y.CellPositionFeature(this,e),this.customStyleFeature=e.cellStyles?.createCellCustomStyleFeature(this,e),this.editStyleFeature=e.editSvc?.createCellStyleFeature(this,e),this.mouseListener=new w.CellMouseListenerFeature(this,e,this.column),this.keyboardListener=new C.CellKeyboardListenerFeature(this,e,this.rowNode,this.rowCtrl),this.enableTooltipFeature();const{rangeSvc:t}=e;t&&(0,h._isCellSelectionEnabled)(e.gos)&&(this.rangeFeature=t.createCellRangeFeature(e,this)),(0,d.isRowNumberCol)(this.column)&&(this.rowResizeFeature=this.beans.rowNumbersSvc.createRowNumbersRowResizerFeature(e,this))}isCellSpanning(){return!1}getCellSpan(){}removeFeatures(){const e=this.beans.context;this.positionFeature=e.destroyBean(this.positionFeature),this.editorTooltipFeature=e.destroyBean(this.editorTooltipFeature),this.customStyleFeature=e.destroyBean(this.customStyleFeature),this.editStyleFeature=e.destroyBean(this.editStyleFeature),this.mouseListener=e.destroyBean(this.mouseListener),this.keyboardListener=e.destroyBean(this.keyboardListener),this.rangeFeature=e.destroyBean(this.rangeFeature),this.rowResizeFeature=e.destroyBean(this.rowResizeFeature),this.disableTooltipFeature()}enableTooltipFeature(e,t){this.tooltipFeature=this.beans.tooltipSvc?.enableCellTooltipFeature(this,e,t)}disableTooltipFeature(){this.tooltipFeature=this.beans.context.destroyBean(this.tooltipFeature)}enableEditorTooltipFeature(e){this.editorTooltipFeature&&this.disableEditorTooltipFeature(),this.editorTooltipFeature=this.beans.tooltipSvc?.setupCellEditorTooltip(this,e),(0,u._populateModelValidationErrors)(this.beans)}disableEditorTooltipFeature(){this.editorTooltipFeature=this.beans.context.destroyBean(this.editorTooltipFeature)}setComp(e,t,a,o,n,r,i){if(this.comp=e,this.eGui=t,this.printLayout=n,i??(i=this),this.addDomData(i),this.addFeatures(),i.addDestroyFunc(()=>this.removeFeatures()),this.onSuppressCellFocusChanged(this.beans.gos.get("suppressCellFocus")),this.setupFocus(),this.applyStaticCssClasses(),this.setWrapText(),this.onFirstRightPinnedChanged(),this.onLastLeftPinnedChanged(),this.onColumnHover(),this.setupControlComps(),this.setupAutoHeight(o,i),this.refreshFirstAndLastStyles(),this.refreshAriaColIndex(),this.positionFeature?.init(),this.customStyleFeature?.setComp(e),this.editStyleFeature?.setComp(e),this.tooltipFeature?.refreshTooltip(),this.keyboardListener?.init(),this.rangeFeature?.setComp(e),this.rowResizeFeature?.refreshRowResizer(),r&&this.isCellEditable()||this.hasEdit&&this.editSvc?.isEditing(this,{withOpenEditor:!0})?this.editSvc?.startEditing(this,{startedEdit:!1,source:"api",silent:!0,continueEditing:!0}):this.showValue(!1,!0),this.onCompAttachedFuncs.length){for(const e of this.onCompAttachedFuncs)e();this.onCompAttachedFuncs=[]}}setupAutoHeight(e,t){this.isAutoHeight=this.beans.rowAutoHeight?.setupCellAutoHeight(this,e,t)??!1}getCellAriaRole(){return this.column.getColDef().cellAriaRole??"gridcell"}isCellRenderer(){const e=this.column.getColDef();return null!=e.cellRenderer||null!=e.cellRendererSelector}getValueToDisplay(){return this.valueFormatted??this.value}getDeferLoadingCellRenderer(){const{beans:e,column:t}=this,{userCompFactory:a,ctrlsSvc:o,eventSvc:n}=e,r=t.getColDef(),i=this.createCellRendererParams();i.deferRender=!0;const l=(0,c._getLoadingCellRendererDetails)(a,r,i);if(o.getGridBodyCtrl()?.scrollFeature?.isScrolling()){let e;const t=new s.AgPromise(t=>{e=t}),[a]=this.addManagedListeners(n,{bodyScrollEnd:()=>{e(),a()}});return{loadingComp:l,onReady:t}}return{loadingComp:l,onReady:s.AgPromise.resolve()}}showValue(e,t){const{beans:a,column:o,rowNode:n,rangeFeature:i}=this,{userCompFactory:l}=a;let s,g=this.getValueToDisplay();const u=n.stub&&null==n.groupData?.[o.getId()],h=o.getColDef();if(u||this.isCellRenderer()){const e=this.createCellRendererParams();s=!u||(0,d.isRowNumberCol)(o)?(0,c._getCellRendererDetails)(l,h,e):(0,c._getLoadingCellRendererDetails)(l,h,e)}if(!s&&!u&&a.findSvc?.isMatch(n,o)){const e=this.createCellRendererParams();s=(0,c._getCellRendererDetails)(l,{...o.getColDef(),cellRenderer:"agFindCellRenderer"},e)}if(this.hasEdit&&this.editSvc.isBatchEditing()&&this.editSvc.isRowEditing(n,{checkSiblings:!0})){const e=this.editSvc.prepDetailsDuringBatch(this,{compDetails:s,valueToDisplay:g});e&&(e.compDetails?s=e.compDetails:e.valueToDisplay&&(g=e.valueToDisplay))}this.comp.setRenderDetails(s,g,e),this.customRowDragComp?.refreshVisibility(),!t&&i&&(0,r._requestAnimationFrame)(a,()=>i?.refreshHandle()),this.rowResizeFeature?.refreshRowResizer()}setupControlComps(){const e=this.column.getColDef();this.includeSelection=this.isIncludeControl(this.isCheckboxSelection(e),!0),this.includeRowDrag=this.isIncludeControl(e.rowDrag),this.includeDndSource=this.isIncludeControl(e.dndSource),this.comp.setIncludeSelection(this.includeSelection),this.comp.setIncludeDndSource(this.includeDndSource),this.comp.setIncludeRowDrag(this.includeRowDrag)}isForceWrapper(){return this.beans.gos.get("enableCellTextSelection")||this.column.isAutoHeight()}getCellValueClass(){let e="";return"agCheckboxCellRenderer"===this.column.getColDef().cellRenderer&&(e=" ag-allow-overflow"),`ag-cell-value${e}`}isIncludeControl(e,t=!1){return(null==this.rowNode.rowPinned||t&&(0,m._isManualPinnedRow)(this.rowNode))&&!!e}isCheckboxSelection(e){const{rowSelection:t,groupDisplayType:a}=this.beans.gridOptions,o=(0,h._getCheckboxLocation)(t),n=(0,d.isColumnSelectionCol)(this.column);return("custom"!==a||"selectionColumn"===o||!n)&&(e.checkboxSelection||n&&"object"==typeof t&&(0,h._getCheckboxes)(t))}refreshShouldDestroy(){const e=this.column.getColDef(),t=this.includeSelection!=this.isIncludeControl(this.isCheckboxSelection(e),!0),a=this.includeRowDrag!=this.isIncludeControl(e.rowDrag),o=this.includeDndSource!=this.isIncludeControl(e.dndSource),n=this.isAutoHeight!=this.column.isAutoHeight();return t||a||o||n}onPopupEditorClosed(){const{editSvc:e}=this.beans;e?.isEditing(this,{withOpenEditor:!0})&&e?.stopEditing(this,{source:e?.isBatchEditing()?"ui":"api"})}stopEditing(e=!1){const{editSvc:t}=this.beans;return t?.stopEditing(this,{cancel:e,source:t?.isBatchEditing()?"ui":"api"})??!1}createCellRendererParams(){const{value:e,valueFormatted:t,column:a,rowNode:o,comp:n,eGui:r,beans:{valueSvc:i,gos:l,editSvc:s}}=this,d=(0,h._addGridCommonParams)(l,{value:e,valueFormatted:t,getValue:()=>i.getValueForDisplay(a,o).value,setValue:e=>s?.setDataValue({rowNode:o,column:a},e)||o.setDataValue(a,e),formatValue:this.formatValue.bind(this),data:o.data,node:o,pinned:a.getPinned(),colDef:a.getColDef(),column:a,refreshCell:this.refreshCell.bind(this),eGridCell:r,eParentOfValue:n.getParentOfValue(),registerRowDragger:(e,t,a,o)=>this.registerRowDragger(e,t,o),setTooltip:(e,t)=>{l.assertModuleRegistered("Tooltip",3),this.tooltipFeature&&this.disableTooltipFeature(),this.enableTooltipFeature(e,t),this.tooltipFeature?.refreshTooltip()}});return d}onCellChanged(e){e.column===this.column&&this.refreshCell({})}refreshOrDestroyCell(e){if(this.refreshShouldDestroy()?this.rowCtrl?.recreateCell(this):this.refreshCell(e),this.hasEdit&&this.editCompDetails){const{editSvc:e,comp:t}=this;!t?.getCellEditor()&&e.isEditing(this,{withOpenEditor:!0})&&e.startEditing(this,{startedEdit:!1,source:"api",silent:!0})}}refreshCell({force:e,suppressFlash:t,newData:a}={}){const{editStyleFeature:o,customStyleFeature:n,rowCtrl:{rowEditStyleFeature:r},beans:{cellFlashSvc:i,filterManager:l},column:s,comp:d,suppressRefreshCell:c,tooltipFeature:g}=this;if(c)return;const{field:u,valueGetter:h,showRowGroup:p,enableCellChangeFlash:m}=s.getColDef(),f=e||null==u&&null==h&&null==p||a,v=!!d,b=this.updateAndFormatValue(v);if(v){if(f||b){this.showValue(!!a,!1);const e=l?.isSuppressFlashingCellsBecauseFiltering();!t&&!e&&m&&i?.flashCell(this),o?.applyCellStyles?.(),n?.applyUserStyles(),n?.applyClassesFromColDef(),r?.applyRowStyles()}g?.refreshTooltip(),n?.applyCellClassRules()}}isCellEditable(){return this.column.isCellEditable(this.rowNode)}formatValue(e){return this.callValueFormatter(e)??e}callValueFormatter(e){return this.beans.valueSvc.formatValue(this.column,this.rowNode,e)}updateAndFormatValue(e){const t=this.value,a=this.valueFormatted,{value:o,valueFormatted:n}=this.beans.valueSvc.getValueForDisplay(this.column,this.rowNode,!0);return this.value=o,this.valueFormatted=n,!e||(!this.valuesAreEqual(t,this.value)||this.valueFormatted!=a)}valuesAreEqual(e,t){const a=this.column.getColDef();return a.equals?a.equals(e,t):e===t}addDomData(e){const t=this.eGui;(0,h._setDomData)(this.beans.gos,t,v.DOM_DATA_KEY_CELL_CTRL,this),e.addDestroyFunc(()=>(0,h._setDomData)(this.beans.gos,t,v.DOM_DATA_KEY_CELL_CTRL,null))}createEvent(e,t){const{rowNode:a,column:o,value:n,beans:r}=this;return(0,b._createCellEvent)(r,e,t,{rowNode:a,column:o},n)}processCharacter(e){this.keyboardListener?.processCharacter(e)}onKeyDown(e){this.keyboardListener?.onKeyDown(e)}onMouseEvent(e,t){this.mouseListener?.onMouseEvent(e,t)}getColSpanningList(){return this.positionFeature?.getColSpanningList()??[]}onLeftChanged(){this.comp&&this.positionFeature?.onLeftChanged()}onDisplayedColumnsChanged(){this.eGui&&(this.refreshAriaColIndex(),this.refreshFirstAndLastStyles())}refreshFirstAndLastStyles(){const{comp:e,column:t,beans:a}=this;(0,p.refreshFirstAndLastStyles)(e,t,a.visibleCols)}refreshAriaColIndex(){const e=this.beans.visibleCols.getAriaColIndex(this.column);(0,o._setAriaColIndex)(this.eGui,e)}onWidthChanged(){return this.positionFeature?.onWidthChanged()}getRowPosition(){const{rowIndex:e,rowPinned:t}=this.cellPosition;return{rowIndex:e,rowPinned:t}}updateRangeBordersIfRangeCount(){this.comp&&this.rangeFeature?.updateRangeBordersIfRangeCount()}onCellSelectionChanged(){this.comp&&this.rangeFeature?.onCellSelectionChanged()}isRangeSelectionEnabled(){return null!=this.rangeFeature}focusCell(e=!1,t){const a=this.editSvc?.allowedFocusTargetOnValidation(this);a&&a!==this||this.beans.focusSvc.setFocusedCell({...this.getFocusedCellPosition(),forceBrowserFocus:e,sourceEvent:t})}restoreFocus(e=!1){const{beans:{editSvc:t,focusSvc:a},comp:o}=this;if(!o||t?.isEditing(this)||!this.isCellFocused()||!a.shouldTakeFocus())return;const n=()=>{if(!this.isAlive())return;const e=o.getFocusableElement();this.isCellFocused()&&e.focus({preventScroll:!0})};e?setTimeout(n,0):n()}onRowIndexChanged(){this.createCellPosition(),this.onCellFocused(),this.restoreFocus(),this.rangeFeature?.onCellSelectionChanged(),this.rowResizeFeature?.refreshRowResizer()}onSuppressCellFocusChanged(e){const t=this.eGui;t&&((0,d.isRowNumberCol)(this.column)&&(e=!0),(0,r._addOrRemoveAttribute)(t,"tabindex",e?void 0:-1))}onFirstRightPinnedChanged(){if(!this.comp)return;const e=this.column.isFirstRightPinned();this.comp.toggleCss("ag-cell-first-right-pinned",e)}onLastLeftPinnedChanged(){if(!this.comp)return;const e=this.column.isLastLeftPinned();this.comp.toggleCss("ag-cell-last-left-pinned",e)}checkCellFocused(){return this.beans.focusSvc.isCellFocused(this.cellPosition)}isCellFocused(){const e=this.checkCellFocused();return this.hasBeenFocused||(this.hasBeenFocused=e),e}setupFocus(){this.restoreFocus(!0),this.onCellFocused(this.focusEventWhileNotReady??void 0)}onCellFocused(e){const{beans:t}=this;if((0,f._isCellFocusSuppressed)(t))return;if(!this.comp)return void(e&&(this.focusEventWhileNotReady=e));const a=this.isCellFocused(),o=t.editSvc?.isEditing(this)??!1;if(this.comp.toggleCss("ag-cell-focus",a),a&&e?.forceBrowserFocus){let t=this.comp.getFocusableElement();if(o){const e=(0,i._findFocusableElements)(t,null,!0);e.length&&(t=e[0])}t.focus({preventScroll:!!e.preventScrollOnBrowserFocus})}a&&e&&this.rowCtrl.announceDescription()}createCellPosition(){const{rowIndex:e,rowPinned:t}=this.rowNode;this.cellPosition={rowIndex:e,rowPinned:(0,l._makeNull)(t),column:this.column}}applyStaticCssClasses(){const{comp:e}=this;e.toggleCss("ag-cell",!0),e.toggleCss("ag-cell-not-inline-editing",!0);const t=1==this.column.isAutoHeight();e.toggleCss("ag-cell-auto-height",t),e.toggleCss("ag-cell-normal-height",!t)}onColumnHover(){this.beans.colHover?.onCellColumnHover(this.column,this.comp)}onColDefChanged(){this.comp&&(this.column.isTooltipEnabled()?(this.disableTooltipFeature(),this.enableTooltipFeature()):this.disableTooltipFeature(),this.setWrapText(),this.editSvc?.isEditing(this)?this.editSvc?.handleColDefChanged(this):this.refreshOrDestroyCell({force:!0,suppressFlash:!0}))}setWrapText(){const e=1==this.column.getColDef().wrapText;this.comp.toggleCss("ag-cell-wrap-text",e)}dispatchCellContextMenuEvent(e){const t=this.column.getColDef(),a=this.createEvent(e,"cellContextMenu"),{beans:o}=this;o.eventSvc.dispatchEvent(a),t.onCellContextMenu&&window.setTimeout(()=>{o.frameworkOverrides.wrapOutgoing(()=>{t.onCellContextMenu(a)})},0)}getCellRenderer(){return this.comp?.getCellRenderer()??null}destroy(){this.onCompAttachedFuncs=[],this.onEditorAttachedFuncs=[],this.isCellFocused()&&this.hasBrowserFocus()&&this.beans.focusSvc.attemptToRecoverFocus(),super.destroy()}hasBrowserFocus(){return this.eGui?.contains((0,n._getActiveDomElement)(this.beans))??!1}createSelectionCheckbox(){const e=this.beans.selectionSvc?.createCheckboxSelectionComponent();if(e)return this.beans.context.createBean(e),e.init({rowNode:this.rowNode,column:this.column}),e}createDndSource(){const e=this.beans.registry.createDynamicBean("dndSourceComp",!1,this.rowNode,this.column,this.eGui);return e&&this.beans.context.createBean(e),e}registerRowDragger(e,t,a){if(this.customRowDragComp)return void this.customRowDragComp.setDragElement(e,t);const o=this.createRowDragComp(e,t,a);o&&(this.customRowDragComp=o,this.addDestroyFunc(()=>{this.beans.context.destroyBean(o),this.customRowDragComp=null}),o.refreshVisibility())}createRowDragComp(e,t,a){const o=this.beans.rowDragSvc?.createRowDragCompForCell(this.rowNode,this.column,()=>this.value,e,t,a);if(o)return this.beans.context.createBean(o),o}cellEditorAttached(){for(const e of this.onEditorAttachedFuncs)e();this.onEditorAttachedFuncs=[]}setFocusedCellPosition(e){}getFocusedCellPosition(){return this.cellPosition}refreshAriaRowIndex(){}getRootElement(){return this.eGui}}t.CellCtrl=k},67043:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t._createCellEvent=void 0;const o=a(67274);t._createCellEvent=function(e,t,a,{rowNode:n,column:r},i){return(0,o._addGridCommonParams)(e.gos,{type:a,node:n,data:n.data,value:i,column:r,colDef:r.getColDef(),rowPinned:n.rowPinned,event:t,rowIndex:n.rowIndex})}},34534:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.CellFlashService=void 0;const o=a(68731),n=a(6257);class r extends o.BeanStub{constructor(){super(...arguments),this.beanName="cellFlashSvc",this.nextAnimationTime=null,this.nextAnimationCycle=null,this.animations={highlight:new Map,"data-changed":new Map}}animateCell(e,t,a=this.beans.gos.get("cellFlashDuration"),o=this.beans.gos.get("cellFadeDuration")){const n=this.animations[t];n.delete(e);const r=Date.now(),i=r+a,l={phase:"flash",flashEndTime:i,fadeEndTime:r+a+o};n.set(e,l);const s=`ag-cell-${t}`,d=`${s}-animation`,{comp:c,eGui:{style:g}}=e;c.toggleCss(s,!0),c.toggleCss(d,!1),g.removeProperty("transition"),g.removeProperty("transition-delay"),this.nextAnimationTime&&i+15<this.nextAnimationTime&&(clearTimeout(this.nextAnimationCycle),this.nextAnimationCycle=null,this.nextAnimationTime=null),this.nextAnimationCycle||(this.beans.frameworkOverrides.wrapIncoming(()=>{this.nextAnimationCycle=setTimeout(this.advanceAnimations.bind(this),a)}),this.nextAnimationTime=i)}advanceAnimations(){const e=Date.now();let t=null;for(const a of Object.keys(this.animations)){const o=this.animations[a],n=`ag-cell-${a}`,r=`${n}-animation`;for(const[a,i]of o){if(!a.isAlive()||!a.comp){o.delete(a);continue}const{phase:l,flashEndTime:s,fadeEndTime:d}=i,c="flash"===l?s:d;if(!(e+15>=c)){t=Math.min(c,t??1/0);continue}const{comp:g,eGui:{style:u}}=a;switch(l){case"flash":g.toggleCss(n,!1),g.toggleCss(r,!0),u.transition=`background-color ${d-s}ms`,u.transitionDelay=s-e+"ms",t=Math.min(d,t??1/0),i.phase="fade";break;case"fade":g.toggleCss(n,!1),g.toggleCss(r,!1),u.removeProperty("transition"),u.removeProperty("transition-delay"),o.delete(a)}}}null==t?(this.nextAnimationTime=null,this.nextAnimationCycle=null):t&&(this.nextAnimationCycle=setTimeout(this.advanceAnimations.bind(this),t-e),this.nextAnimationTime=t)}onFlashCells(e,t){if(!e.comp)return;const a=(0,n._createCellId)(e.cellPosition);t.cells[a]&&this.animateCell(e,"highlight")}flashCell(e,t){this.animateCell(e,"data-changed",t?.flashDuration,t?.fadeDuration)}destroy(){for(const e of Object.keys(this.animations)){this.animations[e].clear()}}}t.CellFlashService=r},57038:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.CellKeyboardListenerFeature=void 0;const o=a(59926),n=a(36916),r=a(68731),i=a(78994),l=a(67274);class s extends r.BeanStub{constructor(e,t,a,o){super(),this.cellCtrl=e,this.rowNode=a,this.rowCtrl=o,this.beans=t}init(){this.eGui=this.cellCtrl.eGui}onKeyDown(e){const t=e.key;switch(t){case o.KeyCode.ENTER:this.onEnterKeyDown(e);break;case o.KeyCode.F2:this.onF2KeyDown(e);break;case o.KeyCode.ESCAPE:this.onEscapeKeyDown(e);break;case o.KeyCode.TAB:this.onTabKeyDown(e);break;case o.KeyCode.BACKSPACE:case o.KeyCode.DELETE:this.onBackspaceOrDeleteKeyDown(t,e);break;case o.KeyCode.DOWN:case o.KeyCode.UP:case o.KeyCode.RIGHT:case o.KeyCode.LEFT:this.onNavigationKeyDown(e,t)}}onNavigationKeyDown(e,t){const{cellCtrl:a,beans:o}=this;if(!o.editSvc?.isEditing(a,{withOpenEditor:!0})){if(e.shiftKey&&a.isRangeSelectionEnabled())this.onShiftRangeSelect(e);else{const n=a.getFocusedCellPosition();o.navigation?.navigateToNextCell(e,t,n,!0)}e.preventDefault()}}onShiftRangeSelect(e){const{rangeSvc:t,navigation:a}=this.beans;if(!t)return;const n=t.extendLatestRangeInDirection(e);n&&(e.key===o.KeyCode.LEFT||e.key===o.KeyCode.RIGHT?a?.ensureColumnVisible(n.column):a?.ensureRowVisible(n.rowIndex))}onTabKeyDown(e){this.beans.navigation?.onTabKeyDown(this.cellCtrl,e)}onBackspaceOrDeleteKeyDown(e,t){const{cellCtrl:a,beans:r,rowNode:i}=this,{gos:s,rangeSvc:d,eventSvc:c,editSvc:g}=r;if(c.dispatchEvent({type:"keyShortcutChangedCellStart"}),function(e,t=!1){return e===o.KeyCode.DELETE||!t&&e===o.KeyCode.BACKSPACE&&(0,n._isMacOsUserAgent)()}(e,s.get("enableCellEditingOnBackspace"))&&!g?.isEditing(a,{withOpenEditor:!0})){if(d&&(0,l._isCellSelectionEnabled)(s))d.clearCellRangeCellValues({dispatchWrapperEvents:!0,wrapperEventSource:"deleteKey"});else if(a.isCellEditable()){const{column:e}=a,t=this.beans.valueSvc.getDeleteValue(e,i);i.setDataValue(e,t,"cellClear")}}else g?.isEditing(a,{withOpenEditor:!0})||r.editSvc?.startEditing(a,{startedEdit:!0,event:t});c.dispatchEvent({type:"keyShortcutChangedCellEnd"})}onEnterKeyDown(e){const{cellCtrl:t,beans:a}=this,{editSvc:n,navigation:r}=a,l=n?.isEditing(t,{withOpenEditor:!0}),s=t.rowNode,d=n?.isRowEditing(s,{withOpenEditor:!0}),c=t=>{const a=n?.startEditing(t,{startedEdit:!0,event:e,source:"edit"});a&&e.preventDefault()};if(l||d){if(this.isCtrlEnter(e))return void n?.applyBulkEdit(t,a?.rangeSvc?.getCellRanges()||[]);if((0,i._populateModelValidationErrors)(a),"block-stop"===n?.checkNavWithValidation(void 0,e))return;n?.isEditing(t,{withOpenEditor:!0})?n?.stopEditing(t,{event:e,source:"edit"}):d&&!t.isCellEditable()?n?.stopEditing({rowNode:s},{event:e,source:"edit"}):c(t)}else if(a.gos.get("enterNavigatesVertically")){const a=e.shiftKey?o.KeyCode.UP:o.KeyCode.DOWN;r?.navigateToNextCell(null,a,t.cellPosition,!1)}else{if(n?.hasValidationErrors())return;n?.hasValidationErrors(t)&&n.revertSingleCellEdit(t,!0),c(t)}}isCtrlEnter(e){return(e.ctrlKey||e.metaKey)&&e.key===o.KeyCode.ENTER}onF2KeyDown(e){const{cellCtrl:t,beans:{editSvc:a}}=this,o=a?.isEditing();o&&((0,i._populateModelValidationErrors)(this.beans),"block-stop"===a?.checkNavWithValidation(void 0,e))||a?.startEditing(t,{startedEdit:!0,event:e})}onEscapeKeyDown(e){const{cellCtrl:t,beans:{editSvc:a}}=this;"block-stop"===a?.checkNavWithValidation(t,e)&&a.revertSingleCellEdit(t),a?.stopEditing(t,{event:e,cancel:!0})}processCharacter(e){const t=e.target!==this.eGui,{beans:{editSvc:a},cellCtrl:n}=this;if(t)return;if(a?.isEditing(n,{withOpenEditor:!0}))return;if(e.key===o.KeyCode.SPACE)this.onSpaceKeyDown(e);else if(a?.isCellEditable(n,"ui")){if(a?.hasValidationErrors()&&!a?.hasValidationErrors(n))return;a?.startEditing(n,{startedEdit:!0,event:e,source:"api"});const t=n.editCompDetails;!t?.params?.suppressPreventDefault&&e.preventDefault()}}onSpaceKeyDown(e){const{gos:t,editSvc:a}=this.beans,{rowNode:o}=this.cellCtrl;!a?.isEditing(this.cellCtrl,{withOpenEditor:!0})&&(0,l._isRowSelection)(t)&&this.beans.selectionSvc?.handleSelectionEvent(e,o,"spaceKey"),e.preventDefault()}}t.CellKeyboardListenerFeature=s},86368:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.CellMouseListenerFeature=void 0;const o=a(36916),n=a(1956),r=a(73146),i=a(68731),l=a(67274),s=a(22731),d=a(24711);class c extends i.BeanStub{constructor(e,t,a){super(),this.cellCtrl=e,this.column=a,this.beans=t}onMouseEvent(e,t){if(!(0,s._isStopPropagationForAgGrid)(t))switch(e){case"click":this.onCellClicked(t);break;case"mousedown":case"touchstart":this.onMouseDown(t);break;case"dblclick":this.onCellDoubleClicked(t);break;case"mouseout":this.onMouseOut(t);break;case"mouseover":this.onMouseOver(t)}}onCellClicked(e){if(this.beans.touchSvc?.handleCellDoubleClick(this,e))return;const{eventSvc:t,rangeSvc:a,editSvc:o,editModelSvc:n,frameworkOverrides:r,gos:i}=this.beans,l=e.ctrlKey||e.metaKey,{cellCtrl:s}=this,{column:c,cellPosition:g,rowNode:u}=s,h=(0,d._suppressCellMouseEvent)(i,c,u,e);a&&l&&!h&&a.getCellRangeCount(g)>1&&a.intersectLastRange(!0);const p=s.createEvent(e,"cellClicked");p.isEventHandlingSuppressed=h,t.dispatchEvent(p);const m=c.getColDef();if(m.onCellClicked&&window.setTimeout(()=>{r.wrapOutgoing(()=>{m.onCellClicked(p)})},0),!h&&"editing"!==n?.getState(s)){const t=o?.isEditing(),a=n?.getCellValidationModel().getCellValidationMap().size??0,r=n?.getRowValidationModel().getRowValidationMap().size??0;if(t&&(a>0||r>0))return;o?.shouldStartEditing(s,e)?o?.startEditing(s,{event:e}):o?.shouldStopEditing(s,e)&&("fullRow"===this.beans.gos.get("editType")?o?.stopEditing(s,{event:e,source:"edit"}):o?.stopEditing(void 0,{event:e,source:"edit"}))}}onCellDoubleClicked(e){const{column:t,beans:a,cellCtrl:o}=this,{eventSvc:n,frameworkOverrides:r,editSvc:i,editModelSvc:l,gos:s}=a,c=(0,d._suppressCellMouseEvent)(s,o.column,o.rowNode,e),g=t.getColDef(),u=o.createEvent(e,"cellDoubleClicked");if(u.isEventHandlingSuppressed=c,n.dispatchEvent(u),"function"==typeof g.onCellDoubleClicked&&window.setTimeout(()=>{r.wrapOutgoing(()=>{g.onCellDoubleClicked(u)})},0),!c&&i?.shouldStartEditing(o,e)&&"editing"!==l?.getState(o)){const t=i?.isEditing(),a=l?.getCellValidationModel().getCellValidationMap().size??0,n=l?.getRowValidationModel().getRowValidationMap().size??0;if(t&&(a>0||n>0))return;i?.startEditing(o,{event:e})}}onMouseDown(e){const{ctrlKey:t,metaKey:a,shiftKey:i}=e,s=e.target,{cellCtrl:c,beans:g}=this,{eventSvc:u,rangeSvc:h,rowNumbersSvc:p,focusSvc:m,gos:f,editSvc:v}=g,{column:b,rowNode:C,cellPosition:w}=c,y=(0,d._suppressCellMouseEvent)(f,b,C,e),S=()=>{const t=c.createEvent(e,"cellMouseDown");t.isEventHandlingSuppressed=y,u.dispatchEvent(t)};if(y)return void S();if(this.isRightClickInExistingRange(e))return;const k=h&&!h.isEmpty(),x=this.containsWidget(s),R=(0,r.isRowNumberCol)(b);if(p&&R&&!p.handleMouseDownOnCell(w,e))return h&&e.preventDefault(),void e.stopImmediatePropagation();if(!i||!k){const t=v?.isEditing(c),a=f.get("enableCellTextSelection")&&e.defaultPrevented,r=((0,o._isBrowserSafari)()||a)&&!t&&!(0,n._isFocusableFormField)(s)&&!x;c.focusCell(r,e)}if(i&&k&&!m.isCellFocused(w)){e.preventDefault();const t=m.getFocusedCell();if(t){const{column:a,rowIndex:o,rowPinned:n}=t;v?.isEditing(t)&&v?.stopEditing(t),m.setFocusedCell({column:a,rowIndex:o,rowPinned:n,forceBrowserFocus:!0,preventScrollOnBrowserFocus:!0,sourceEvent:e})}}if(!x){if(h){R&&e.preventDefault();const o=(0,l._interpretAsRightClick)(g,e)&&R;if(i)h.extendLatestRangeToCell(w);else if(!o){const e=t||a;h.setRangeToCell(w,e)}}S()}}isRightClickInExistingRange(e){const{rangeSvc:t}=this.beans;if(t){const a=t.isCellInAnyRange(this.cellCtrl.cellPosition),o=(0,l._interpretAsRightClick)(this.beans,e);if(a&&o)return!0}return!1}containsWidget(e){return(0,n._isElementChildOfClass)(e,"ag-selection-checkbox",3)||(0,n._isElementChildOfClass)(e,"ag-drag-handle",3)}onMouseOut(e){if(this.mouseStayingInsideCell(e))return;const{eventSvc:t,colHover:a}=this.beans;t.dispatchEvent(this.cellCtrl.createEvent(e,"cellMouseOut")),a?.clearMouseOver()}onMouseOver(e){if(this.mouseStayingInsideCell(e))return;const{eventSvc:t,colHover:a}=this.beans;t.dispatchEvent(this.cellCtrl.createEvent(e,"cellMouseOver")),a?.setMouseOver([this.column])}mouseStayingInsideCell(e){if(!e.target||!e.relatedTarget)return!1;const t=this.cellCtrl.eGui,a=t.contains(e.target),o=t.contains(e.relatedTarget);return a&&o}}t.CellMouseListenerFeature=c},63976:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.CellPositionFeature=void 0;const o=a(79909),n=a(89097),r=a(68731),i=a(67274);class l extends r.BeanStub{constructor(e,t){super(),this.cellCtrl=e,this.beans=t,this.column=e.column,this.rowNode=e.rowNode}setupRowSpan(){this.rowSpan=this.column.getRowSpan(this.rowNode),this.addManagedListeners(this.beans.eventSvc,{newColumnsLoaded:()=>this.onNewColumnsLoaded()})}init(){this.eSetLeft=this.cellCtrl.getRootElement(),this.eContent=this.cellCtrl.eGui;const e=this.cellCtrl.getCellSpan();if(e||(this.setupColSpan(),this.setupRowSpan()),this.onLeftChanged(),this.onWidthChanged(),e||this._legacyApplyRowSpan(),e){const t=this.refreshSpanHeight.bind(this,e);t(),this.addManagedListeners(this.beans.eventSvc,{paginationChanged:t,recalculateRowBounds:t,pinnedHeightChanged:t})}}refreshSpanHeight(e){const t=e.getCellHeight();null!=t&&(this.eContent.style.height=`${t}px`)}onNewColumnsLoaded(){const e=this.column.getRowSpan(this.rowNode);this.rowSpan!==e&&(this.rowSpan=e,this._legacyApplyRowSpan(!0))}onDisplayColumnsChanged(){const e=this.getColSpanningList();(0,o._areEqual)(this.colsSpanning,e)||(this.colsSpanning=e,this.onWidthChanged(),this.onLeftChanged())}setupColSpan(){null!=this.column.getColDef().colSpan&&(this.colsSpanning=this.getColSpanningList(),this.addManagedListeners(this.beans.eventSvc,{displayedColumnsChanged:this.onDisplayColumnsChanged.bind(this),displayedColumnsWidthChanged:this.onWidthChanged.bind(this)}))}onWidthChanged(){if(!this.eContent)return;const e=this.getCellWidth();this.eContent.style.width=`${e}px`}getCellWidth(){return this.colsSpanning?this.colsSpanning.reduce((e,t)=>e+t.getActualWidth(),0):this.column.getActualWidth()}getColSpanningList(){const{column:e,rowNode:t}=this,a=e.getColSpan(t),o=[];if(1===a)o.push(e);else{let t=e;const r=e.getPinned();for(let e=0;t&&e<a&&(o.push(t),t=this.beans.visibleCols.getColAfter(t),t&&!(0,n._missing)(t))&&r===t.getPinned();e++);}return o}onLeftChanged(){if(!this.eSetLeft)return;const e=this.modifyLeftForPrintLayout(this.getCellLeft());this.eSetLeft.style.left=e+"px"}getCellLeft(){let e;return e=this.beans.gos.get("enableRtl")&&this.colsSpanning?(0,o._last)(this.colsSpanning):this.column,e.getLeft()}modifyLeftForPrintLayout(e){if(!this.cellCtrl.printLayout||"left"===this.column.getPinned())return e;const{visibleCols:t}=this.beans,a=t.getColsLeftWidth();if("right"===this.column.getPinned()){return a+t.bodyWidth+(e||0)}return a+(e||0)}_legacyApplyRowSpan(e){if(1===this.rowSpan&&!e)return;const t=(0,i._getRowHeightAsNumber)(this.beans)*this.rowSpan;this.eContent.style.height=`${t}px`,this.eContent.style.zIndex="1"}destroy(){super.destroy()}}t.CellPositionFeature=l},30916:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.flashCells=void 0,t.flashCells=function(e,t={}){const{cellFlashSvc:a}=e;a&&e.frameworkOverrides.wrapIncoming(()=>{for(const o of e.rowRenderer.getCellCtrls(t.rowNodes,t.columns))a.flashCell(o,t)})}},83498:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.HighlightChangesModule=void 0;const o=a(97205),n=a(48868),r=a(72346),i=a(34534),l=a(30916);t.HighlightChangesModule={moduleName:"HighlightChanges",version:o.VERSION,beans:[i.CellFlashService],userComponents:{agAnimateShowChangeCellRenderer:n.AnimateShowChangeCellRenderer,agAnimateSlideCellRenderer:r.AnimateSlideCellRenderer},apiFunctions:{flashCells:l.flashCells}}},48868:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.AnimateShowChangeCellRenderer=void 0;const o=a(91668),n=a(1956),r=a(89097),i=a(78020),l={tag:"span",children:[{tag:"span",ref:"eDelta",cls:"ag-value-change-delta"},{tag:"span",ref:"eValue",cls:"ag-value-change-value"}]};class s extends i.Component{constructor(){super(l),this.eValue=o.RefPlaceholder,this.eDelta=o.RefPlaceholder,this.refreshCount=0}init(e){this.refresh(e,!0)}showDelta(e,t){const a=Math.abs(t),o=e.formatValue(a),n=(0,r._exists)(o)?o:a,i=t>=0,l=this.eDelta;l.textContent=i?"↑"+n:"↓"+n,l.classList.toggle("ag-value-change-delta-up",i),l.classList.toggle("ag-value-change-delta-down",!i)}setTimerToRemoveDelta(){this.refreshCount++;const e=this.refreshCount;this.beans.frameworkOverrides.wrapIncoming(()=>{window.setTimeout(()=>{e===this.refreshCount&&this.hideDeltaValue()},2e3)})}hideDeltaValue(){this.eValue.classList.remove("ag-value-change-value-highlight"),(0,n._clearElement)(this.eDelta)}refresh(e,t=!1){const{value:a,valueFormatted:o}=e,{eValue:i,lastValue:l,beans:s}=this;if(a===l)return!1;if((0,r._exists)(o)?i.textContent=o:(0,r._exists)(a)?i.textContent=a:(0,n._clearElement)(i),s.filterManager?.isSuppressFlashingCellsBecauseFiltering())return!1;const d=a&&"object"==typeof a&&"toNumber"in a?a.toNumber():a,c=l&&"object"==typeof l&&"toNumber"in l?l.toNumber():l;if(d===c)return!1;if("number"==typeof d&&"number"==typeof c){const t=d-c;this.showDelta(e,t)}return l&&i.classList.add("ag-value-change-value-highlight"),t||this.setTimerToRemoveDelta(),this.lastValue=a,!0}}t.AnimateShowChangeCellRenderer=s},79707:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.animateSlideCellRendererCSS=void 0,t.animateSlideCellRendererCSS=".ag-value-slide-out{opacity:1}:where(.ag-ltr) .ag-value-slide-out{margin-right:5px;transition:opacity 3s,margin-right 3s}:where(.ag-rtl) .ag-value-slide-out{margin-left:5px;transition:opacity 3s,margin-left 3s}:where(.ag-ltr,.ag-rtl) .ag-value-slide-out{transition-timing-function:linear}.ag-value-slide-out-end{opacity:0}:where(.ag-ltr) .ag-value-slide-out-end{margin-right:10px}:where(.ag-rtl) .ag-value-slide-out-end{margin-left:10px}"},72346:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.AnimateSlideCellRenderer=void 0;const o=a(91668),n=a(89097),r=a(10012),i=a(73151),l=a(78020),s=a(79707),d={tag:"span",children:[{tag:"span",ref:"eCurrent",cls:"ag-value-slide-current"}]};class c extends l.Component{constructor(){super(d),this.eCurrent=o.RefPlaceholder,this.refreshCount=0,this.registerCSS(s.animateSlideCellRendererCSS)}init(e){this.refresh(e,!0)}addSlideAnimation(){this.refreshCount++;const e=this.refreshCount;this.ePrevious?.remove();const{beans:t,eCurrent:a}=this,o=(0,i._createElement)({tag:"span",cls:"ag-value-slide-previous ag-value-slide-out"});this.ePrevious=o,o.textContent=a.textContent,this.getGui().insertBefore(o,a),t.frameworkOverrides.wrapIncoming(()=>{window.setTimeout(()=>{e===this.refreshCount&&this.ePrevious.classList.add("ag-value-slide-out-end")},50),window.setTimeout(()=>{e===this.refreshCount&&(this.ePrevious?.remove(),this.ePrevious=null)},3e3)})}refresh(e,t=!1){let a=e.value;if((0,n._missing)(a)&&(a=""),a===this.lastValue)return!1;if(this.beans.filterManager?.isSuppressFlashingCellsBecauseFiltering())return!1;t||this.addSlideAnimation(),this.lastValue=a;const o=this.eCurrent;return(0,n._exists)(e.valueFormatted)?o.textContent=e.valueFormatted:(0,n._exists)(e.value)?o.textContent=a:(0,r._clearElement)(o),!0}}t.AnimateSlideCellRenderer=c},37358:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.SkeletonCellRendererModule=t.CheckboxCellRendererModule=void 0;const o=a(97205),n=a(23987),r=a(97717);t.CheckboxCellRendererModule={moduleName:"CheckboxCellRenderer",version:o.VERSION,userComponents:{agCheckboxCellRenderer:n.CheckboxCellRenderer}},t.SkeletonCellRendererModule={moduleName:"SkeletonCellRenderer",version:o.VERSION,userComponents:{agSkeletonCellRenderer:r.SkeletonCellRenderer}}},72522:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.checkboxCellRendererCSS=void 0,t.checkboxCellRendererCSS=".ag-checkbox-cell{height:100%}"},23987:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.CheckboxCellRenderer=void 0;const o=a(59926),n=a(91668),r=a(91623),i=a(80011),l=a(18531),s=a(73146),d=a(22731),c=a(78020),g=a(72522),u={tag:"div",cls:"ag-cell-wrapper ag-checkbox-cell",role:"presentation",children:[{tag:"ag-checkbox",ref:"eCheckbox",role:"presentation"}]};class h extends c.Component{constructor(){super(u,[l.AgCheckboxSelector]),this.eCheckbox=n.RefPlaceholder,this.registerCSS(g.checkboxCellRendererCSS)}init(e){this.refresh(e);const{eCheckbox:t,beans:a}=this,n=t.getInputElement();n.setAttribute("tabindex","-1"),(0,r._setAriaLive)(n,"polite"),this.addManagedListeners(n,{click:e=>{if((0,d._stopPropagationForAgGrid)(e),t.isDisabled())return;const a=t.getValue();this.onCheckboxChanged(a)},dblclick:e=>{(0,d._stopPropagationForAgGrid)(e)}}),this.addManagedElementListeners(e.eGridCell,{keydown:n=>{if(n.key===o.KeyCode.SPACE&&!t.isDisabled()){e.eGridCell===(0,i._getActiveDomElement)(a)&&t.toggle();const o=t.getValue();this.onCheckboxChanged(o),n.preventDefault()}}})}refresh(e){return this.params=e,this.updateCheckbox(e),!0}updateCheckbox(e){let t,a=!0;const{value:o,column:n,node:i}=e;if(i.group&&n)if("boolean"==typeof o)t=o;else{const e=n.getColId();e.startsWith(s.GROUP_AUTO_COLUMN_ID)?t=null==o||""===o?void 0:"true"===o:i.aggData&&void 0!==i.aggData[e]||i.sourceRowIndex>=0?t=o??void 0:a=!1}else t=o??void 0;const{eCheckbox:l}=this;if(!a)return void l.setDisplayed(!1);l.setValue(t);const d=e.disabled??!n?.isCellEditable(i);l.setDisabled(d);const c=this.getLocaleTextFunc(),g=(0,r._getAriaCheckboxStateName)(c,t),u=d?g:`${c("ariaToggleCellValue","Press SPACE to toggle cell value")} (${g})`;l.setInputAriaLabel(u)}onCheckboxChanged(e){const{params:t}=this,{column:a,node:o,value:n}=t;this.beans?.editSvc?.setEditingCells([{column:a,colId:a.getColId(),rowIndex:o.rowIndex,rowPinned:o.rowPinned,state:"changed",oldValue:n,newValue:n}],{update:!0,forceRefreshOfEditCellsOnly:!0});const r=o.setDataValue(a,e,"renderer");this.beans.editSvc?.stopEditing({rowNode:o,column:a},{source:this.beans.editSvc?.isBatchEditing()?"ui":"api"}),r||this.updateCheckbox(t)}}t.CheckboxCellRenderer=h},97717:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.SkeletonCellRenderer=void 0;const o=a(91623),n=a(73151),r=a(78020),i={tag:"div",cls:"ag-skeleton-container"};class l extends r.Component{constructor(){super(i)}init(e){const t=`ag-cell-skeleton-renderer-${this.getCompId()}`;this.getGui().setAttribute("id",t),this.addDestroyFunc(()=>(0,o._setAriaLabelledBy)(e.eParentOfValue)),(0,o._setAriaLabelledBy)(e.eParentOfValue,t),e.deferRender?this.setupLoading(e):e.node.failedLoad?this.setupFailed():this.setupLoading(e)}setupFailed(){const e=this.getLocaleTextFunc();this.getGui().textContent=e("loadingError","ERR");const t=e("ariaSkeletonCellLoadingFailed","Row failed to load");(0,o._setAriaLabel)(this.getGui(),t)}setupLoading(e){const t=(0,n._createElement)({tag:"div",cls:"ag-skeleton-effect"}),a=e.node.rowIndex;if(null!=a){const e=75+25*(a%2==0?Math.sin(a):Math.cos(a));t.style.width=`${e}%`}this.getGui().appendChild(t);const r=this.getLocaleTextFunc(),i=e.deferRender?r("ariaDeferSkeletonCellLoading","Cell is loading"):r("ariaSkeletonCellLoading","Row data is loading");(0,o._setAriaLabel)(this.getGui(),i)}refresh(e){return!1}}t.SkeletonCellRenderer=l},83168:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.columnDelayRenderCSS=void 0,t.columnDelayRenderCSS=":where(.ag-delay-render){.ag-cell,.ag-header-cell,.ag-header-group-cell,.ag-row,.ag-spanned-cell-wrapper{visibility:hidden}}"},97040:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.ColumnDelayRenderModule=t.ColumnDelayRenderService=void 0;const o=a(68731),n=a(97205),r=a(83168),i="ag-delay-render";class l extends o.BeanStub{constructor(){super(...arguments),this.beanName="colDelayRenderSvc",this.hideRequested=!1,this.alreadyRevealed=!1,this.timesRetried=0,this.requesters=new Set}hideColumns(e){this.alreadyRevealed||this.requesters.has(e)||(this.requesters.add(e),this.hideRequested||(this.beans.ctrlsSvc.whenReady(this,e=>{e.gridBodyCtrl.eGridBody.classList.add(i)}),this.hideRequested=!0))}revealColumns(e){if(this.alreadyRevealed||!this.isAlive())return;if(this.requesters.delete(e),this.requesters.size>0)return;const{renderStatus:t,ctrlsSvc:a}=this.beans;if(t){if(!t.areHeaderCellsRendered()&&this.timesRetried<5)return this.timesRetried++,void setTimeout(()=>this.revealColumns(e));this.timesRetried=0}a.getGridBodyCtrl().eGridBody.classList.remove(i),this.alreadyRevealed=!0}}t.ColumnDelayRenderService=l,t.ColumnDelayRenderModule={moduleName:"ColumnDelayRender",version:n.VERSION,beans:[l],css:[r.columnDelayRenderCSS]}},60714:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.DndSourceComp=void 0;const o=a(67274),n=a(59970),r=a(78020),i={tag:"div",cls:"ag-drag-handle ag-row-drag",attrs:{draggable:"true"}};class l extends r.Component{constructor(e,t,a){super(i),this.rowNode=e,this.column=t,this.eCell=a}postConstruct(){this.getGui().appendChild((0,n._createIconNoSpan)("rowDrag",this.beans,null)),this.addGuiEventListener("mousedown",e=>{e.stopPropagation()}),this.addDragSource(),this.checkVisibility()}addDragSource(){this.addGuiEventListener("dragstart",this.onDragStart.bind(this))}onDragStart(e){const{rowNode:t,column:a,eCell:n,gos:r}=this,i=a.getColDef().dndSourceOnRowDrag,l=e.dataTransfer;if(l.setDragImage(n,0,0),i){i((0,o._addGridCommonParams)(r,{rowNode:t,dragEvent:e}))}else try{const e=JSON.stringify(t.data);l.setData("application/json",e),l.setData("text/plain",e)}catch(e){}}checkVisibility(){const e=this.column.isDndSource(this.rowNode);this.setDisplayed(e)}}t.DndSourceComp=l},2147:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.PositionableFeature=void 0;const o=a(1956),n=a(68731),r=a(73151),i="ag-resizer-wrapper",l=(e,t)=>({tag:"div",ref:`${e}Resizer`,cls:`ag-resizer ag-resizer-${t}`}),s={tag:"div",cls:i,children:[l("eTopLeft","topLeft"),l("eTop","top"),l("eTopRight","topRight"),l("eRight","right"),l("eBottomRight","bottomRight"),l("eBottom","bottom"),l("eBottomLeft","bottomLeft"),l("eLeft","left")]};class d extends n.BeanStub{wireBeans(e){this.popupSvc=e.popupSvc,this.dragSvc=e.dragSvc}constructor(e,t){super(),this.element=e,this.dragStartPosition={x:0,y:0},this.position={x:0,y:0},this.lastSize={width:-1,height:-1},this.positioned=!1,this.resizersAdded=!1,this.resizeListeners=[],this.boundaryEl=null,this.isResizing=!1,this.isMoving=!1,this.resizable={},this.movable=!1,this.currentResizer=null,this.config=Object.assign({},{popup:!1},t)}center(e){const{clientHeight:t,clientWidth:a}=this.offsetParent,o=a/2-this.getWidth()/2,n=t/2-this.getHeight()/2;this.offsetElement(o,n,e)}initialisePosition(e){if(this.positioned)return;const{centered:t,forcePopupParentAsOffsetParent:a,minWidth:n,width:r,minHeight:i,height:l,x:s,y:d}=this.config;this.offsetParent||this.setOffsetParent();let c=0,g=0;const u=(0,o._isVisible)(this.element);if(u){const e=this.findBoundaryElement(),t=window.getComputedStyle(e);if(null!=t.minWidth){const a=e.offsetWidth-this.element.offsetWidth;g=Number.parseInt(t.minWidth,10)-a}if(null!=t.minHeight){const a=e.offsetHeight-this.element.offsetHeight;c=Number.parseInt(t.minHeight,10)-a}}if(this.minHeight=i||c,this.minWidth=n||g,r&&this.setWidth(r),l&&this.setHeight(l),r&&l||this.refreshSize(),t)this.center(e);else if(s||d)this.offsetElement(s,d,e);else if(u&&a){let t=this.boundaryEl,a=!0;if(t||(t=this.findBoundaryElement(),a=!1),t){const o=Number.parseFloat(t.style.top),n=Number.parseFloat(t.style.left);a?this.offsetElement(isNaN(n)?0:n,isNaN(o)?0:o,e):this.setPosition(n,o)}}this.positioned=!!this.offsetParent}isPositioned(){return this.positioned}getPosition(){return this.position}setMovable(e,t){if(!this.config.popup||e===this.movable)return;this.movable=e;const a=this.moveElementDragListener||{eElement:t,onDragStart:this.onMoveStart.bind(this),onDragging:this.onMove.bind(this),onDragStop:this.onMoveEnd.bind(this)};e?(this.dragSvc?.addDragSource(a),this.moveElementDragListener=a):(this.dragSvc?.removeDragSource(a),this.moveElementDragListener=void 0)}setResizable(e){if(this.clearResizeListeners(),e?this.addResizers():this.removeResizers(),"boolean"==typeof e){if(!1===e)return;e={topLeft:e,top:e,topRight:e,right:e,bottomRight:e,bottom:e,bottomLeft:e,left:e}}Object.keys(e).forEach(t=>{const a=!!e[t],o=this.getResizerElement(t),n={dragStartPixels:0,eElement:o,onDragStart:e=>this.onResizeStart(e,t),onDragging:this.onResize.bind(this),onDragStop:e=>this.onResizeEnd(e,t)};(a||!this.isAlive()&&!a)&&(a?(this.dragSvc?.addDragSource(n),this.resizeListeners.push(n),o.style.pointerEvents="all"):o.style.pointerEvents="none",this.resizable[t]=a)})}removeSizeFromEl(){this.element.style.removeProperty("height"),this.element.style.removeProperty("width"),this.element.style.removeProperty("flex")}restoreLastSize(){this.element.style.flex="0 0 auto";const{height:e,width:t}=this.lastSize;-1!==t&&(this.element.style.width=`${t}px`),-1!==e&&(this.element.style.height=`${e}px`)}getHeight(){return this.element.offsetHeight}setHeight(e){const{popup:t}=this.config,a=this.element;let n=!1;if("string"==typeof e&&e.includes("%"))(0,o._setFixedHeight)(a,e),e=(0,o._getAbsoluteHeight)(a),n=!0;else if(e=Math.max(this.minHeight,e),this.positioned){const t=this.getAvailableHeight();t&&e>t&&(e=t)}this.getHeight()!==e&&(n?(a.style.maxHeight="unset",a.style.minHeight="unset"):t?(0,o._setFixedHeight)(a,e):(a.style.height=`${e}px`,a.style.flex="0 0 auto",this.lastSize.height="number"==typeof e?e:Number.parseFloat(e)))}getAvailableHeight(){const{popup:e,forcePopupParentAsOffsetParent:t}=this.config;this.positioned||this.initialisePosition();const{clientHeight:a}=this.offsetParent;if(!a)return null;const o=this.element.getBoundingClientRect(),n=this.offsetParent.getBoundingClientRect(),r=e?this.position.y:o.top,i=e?0:n.top;let l=0;if(t){const e=this.element.parentElement;if(e){const{bottom:t}=e.getBoundingClientRect();l=t-o.bottom}}return a+i-r-l}getWidth(){return this.element.offsetWidth}setWidth(e){const t=this.element,{popup:a}=this.config;let n=!1;if("string"==typeof e&&e.includes("%"))(0,o._setFixedWidth)(t,e),e=(0,o._getAbsoluteWidth)(t),n=!0;else if(this.positioned){e=Math.max(this.minWidth,e);const{clientWidth:t}=this.offsetParent,o=a?this.position.x:this.element.getBoundingClientRect().left;t&&e+o>t&&(e=t-o)}this.getWidth()!==e&&(n?(t.style.maxWidth="unset",t.style.minWidth="unset"):this.config.popup?(0,o._setFixedWidth)(t,e):(t.style.width=`${e}px`,t.style.flex=" unset",this.lastSize.width="number"==typeof e?e:Number.parseFloat(e)))}offsetElement(e=0,t=0,a){const{forcePopupParentAsOffsetParent:o}=this.config,n=o?this.boundaryEl:this.element;n&&(this.popupSvc?.positionPopup({ePopup:n,keepWithinBounds:!0,skipObserver:this.movable||this.isResizable(),updatePosition:()=>({x:e,y:t}),postProcessCallback:a}),this.setPosition(Number.parseFloat(n.style.left),Number.parseFloat(n.style.top)))}constrainSizeToAvailableHeight(e){if(!this.config.forcePopupParentAsOffsetParent)return;const t=()=>{const e=this.getAvailableHeight();this.element.style.setProperty("max-height",`${e}px`)};e&&this.popupSvc?(this.resizeObserverSubscriber?.(),this.resizeObserverSubscriber=(0,o._observeResize)(this.beans,this.popupSvc?.getPopupParent(),t)):(this.element.style.removeProperty("max-height"),this.resizeObserverSubscriber&&(this.resizeObserverSubscriber(),this.resizeObserverSubscriber=void 0))}setPosition(e,t){this.position.x=e,this.position.y=t}updateDragStartPosition(e,t){this.dragStartPosition={x:e,y:t}}calculateMouseMovement(e){const{e:t,isLeft:a,isTop:o,anywhereWithin:n,topBuffer:r}=e,i=t.clientX-this.dragStartPosition.x,l=t.clientY-this.dragStartPosition.y;return{movementX:this.shouldSkipX(t,!!a,!!n,i)?0:i,movementY:this.shouldSkipY(t,!!o,r,l)?0:l}}shouldSkipX(e,t,a,o){const n=this.element.getBoundingClientRect(),r=this.offsetParent.getBoundingClientRect(),i=this.boundaryEl.getBoundingClientRect(),l=this.config.popup?this.position.x:n.left;let s=l<=0&&r.left>=e.clientX||r.right<=e.clientX&&r.right<=i.right;return!!s||(s=t?o<0&&e.clientX>l+r.left||o>0&&e.clientX<l+r.left:a?o<0&&e.clientX>i.right||o>0&&e.clientX<l+r.left:o<0&&e.clientX>i.right||o>0&&e.clientX<i.right,s)}shouldSkipY(e,t,a=0,o){const n=this.element.getBoundingClientRect(),r=this.offsetParent.getBoundingClientRect(),i=this.boundaryEl.getBoundingClientRect(),l=this.config.popup?this.position.y:n.top;let s=l<=0&&r.top>=e.clientY||r.bottom<=e.clientY&&r.bottom<=i.bottom;return!!s||(s=t?o<0&&e.clientY>l+r.top+a||o>0&&e.clientY<l+r.top:o<0&&e.clientY>i.bottom||o>0&&e.clientY<i.bottom,s)}createResizeMap(){const e=e=>({element:this.element.querySelector(`[data-ref=${e}Resizer]`)});this.resizerMap={topLeft:e("eTopLeft"),top:e("eTop"),topRight:e("eTopRight"),right:e("eRight"),bottomRight:e("eBottomRight"),bottom:e("eBottom"),bottomLeft:e("eBottomLeft"),left:e("eLeft")}}addResizers(){if(this.resizersAdded)return;const e=this.element;e&&(e.appendChild((0,r._createElement)(s)),this.createResizeMap(),this.resizersAdded=!0)}removeResizers(){this.resizerMap=void 0;const e=this.element.querySelector(`.${i}`);e?.remove(),this.resizersAdded=!1}getResizerElement(e){return this.resizerMap[e].element}onResizeStart(e,t){this.boundaryEl=this.findBoundaryElement(),this.positioned||this.initialisePosition(),this.currentResizer={isTop:!!t.match(/top/i),isRight:!!t.match(/right/i),isBottom:!!t.match(/bottom/i),isLeft:!!t.match(/left/i)},this.element.classList.add("ag-resizing"),this.resizerMap[t].element.classList.add("ag-active");const{popup:a,forcePopupParentAsOffsetParent:o}=this.config;a||o||this.applySizeToSiblings(this.currentResizer.isBottom||this.currentResizer.isTop),this.isResizing=!0,this.updateDragStartPosition(e.clientX,e.clientY)}getSiblings(){const e=this.element.parentElement;return e?Array.prototype.slice.call(e.children).filter(e=>!e.classList.contains("ag-hidden")):null}getMinSizeOfSiblings(){const e=this.getSiblings()||[];let t=0,a=0;for(let o=0;o<e.length;o++){const n=e[o],r=!!n.style.flex&&"0 0 auto"!==n.style.flex;if(n===this.element)continue;let i=this.minHeight||0,l=this.minWidth||0;if(r){const e=window.getComputedStyle(n);e.minHeight&&(i=Number.parseInt(e.minHeight,10)),e.minWidth&&(l=Number.parseInt(e.minWidth,10))}else i=n.offsetHeight,l=n.offsetWidth;t+=i,a+=l}return{height:t,width:a}}applySizeToSiblings(e){let t=null;const a=this.getSiblings();if(a){for(let o=0;o<a.length;o++){const n=a[o];n!==t&&(e?n.style.height=`${n.offsetHeight}px`:n.style.width=`${n.offsetWidth}px`,n.style.flex="0 0 auto",n===this.element&&(t=a[o+1]))}t&&(t.style.removeProperty("height"),t.style.removeProperty("min-height"),t.style.removeProperty("max-height"),t.style.flex="1 1 auto")}}isResizable(){return Object.values(this.resizable).some(e=>e)}onResize(e){if(!this.isResizing||!this.currentResizer)return;const{popup:t,forcePopupParentAsOffsetParent:a}=this.config,{isTop:o,isRight:n,isBottom:r,isLeft:i}=this.currentResizer,l=n||i,s=r||o,{movementX:d,movementY:c}=this.calculateMouseMovement({e:e,isLeft:i,isTop:o}),g=this.position.x,u=this.position.y;let h=0,p=0;if(l&&d){const e=i?-1:1,t=this.getWidth(),a=t+d*e;let o=!1;i&&(h=t-a,(g+h<=0||a<=this.minWidth)&&(o=!0,h=0)),o||this.setWidth(a)}if(s&&c){const e=o?-1:1,t=this.getHeight(),a=t+c*e;let n=!1;o?(p=t-a,(u+p<=0||a<=this.minHeight)&&(n=!0,p=0)):!this.config.popup&&!this.config.forcePopupParentAsOffsetParent&&t<a&&this.getMinSizeOfSiblings().height+a>this.element.parentElement.offsetHeight&&(n=!0),n||this.setHeight(a)}this.updateDragStartPosition(e.clientX,e.clientY),((t||a)&&h||p)&&this.offsetElement(g+h,u+p)}onResizeEnd(e,t){this.isResizing=!1,this.currentResizer=null,this.boundaryEl=null,this.element.classList.remove("ag-resizing"),this.resizerMap[t].element.classList.remove("ag-active"),this.dispatchLocalEvent({type:"resize"})}refreshSize(){const e=this.element;this.config.popup&&(this.config.width||this.setWidth(e.offsetWidth),this.config.height||this.setHeight(e.offsetHeight))}onMoveStart(e){this.boundaryEl=this.findBoundaryElement(),this.positioned||this.initialisePosition(),this.isMoving=!0,this.element.classList.add("ag-moving"),this.updateDragStartPosition(e.clientX,e.clientY)}onMove(e){if(!this.isMoving)return;const{x:t,y:a}=this.position;let o;this.config.calculateTopBuffer&&(o=this.config.calculateTopBuffer());const{movementX:n,movementY:r}=this.calculateMouseMovement({e:e,isTop:!0,anywhereWithin:!0,topBuffer:o});this.offsetElement(t+n,a+r),this.updateDragStartPosition(e.clientX,e.clientY)}onMoveEnd(){this.isMoving=!1,this.boundaryEl=null,this.element.classList.remove("ag-moving")}setOffsetParent(){this.config.forcePopupParentAsOffsetParent&&this.popupSvc?this.offsetParent=this.popupSvc.getPopupParent():this.offsetParent=this.element.offsetParent}findBoundaryElement(){let e=this.element;for(;e;){if("static"!==window.getComputedStyle(e).position)return e;e=e.parentElement}return this.element}clearResizeListeners(){for(;this.resizeListeners.length;){const e=this.resizeListeners.pop();this.dragSvc?.removeDragSource(e)}}destroy(){super.destroy(),this.moveElementDragListener&&this.dragSvc?.removeDragSource(this.moveElementDragListener),this.constrainSizeToAvailableHeight(!1),this.clearResizeListeners(),this.removeResizers()}}t.PositionableFeature=d},68703:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.SetLeftFeature=void 0;const o=a(91623),n=a(79909),r=a(89097),i=a(68731),l=a(56908),s=a(67274);class d extends i.BeanStub{constructor(e,t,a,o){super(),this.columnOrGroup=e,this.eCell=t,this.colsSpanning=o,this.columnOrGroup=e,this.ariaEl=t.querySelector("[role=columnheader]")||t,this.beans=a}setColsSpanning(e){this.colsSpanning=e,this.onLeftChanged()}getColumnOrGroup(){const{beans:e,colsSpanning:t}=this;return e.gos.get("enableRtl")&&t?(0,n._last)(t):this.columnOrGroup}postConstruct(){const e=this.onLeftChanged.bind(this);this.addManagedListeners(this.columnOrGroup,{leftChanged:e}),this.setLeftFirstTime(),this.addManagedEventListeners({displayedColumnsWidthChanged:e}),this.addManagedPropertyListener("domLayout",e)}setLeftFirstTime(){const{gos:e,colAnimation:t}=this.beans,a=e.get("suppressColumnMoveAnimation"),o=(0,r._exists)(this.columnOrGroup.getOldLeft());t?.isActive()&&o&&!a?this.animateInLeft():this.onLeftChanged()}animateInLeft(){const e=this.getColumnOrGroup(),t=this.modifyLeftForPrintLayout(e,e.getOldLeft()),a=this.modifyLeftForPrintLayout(e,e.getLeft());this.setLeft(t),this.actualLeft=a,this.beans.colAnimation.executeNextVMTurn(()=>{this.actualLeft===a&&this.setLeft(a)})}onLeftChanged(){const e=this.getColumnOrGroup(),t=e.getLeft();this.actualLeft=this.modifyLeftForPrintLayout(e,t),this.setLeft(this.actualLeft)}modifyLeftForPrintLayout(e,t){const{gos:a,visibleCols:o}=this.beans;if(!(0,s._isDomLayout)(a,"print"))return t;if("left"===e.getPinned())return t;const n=o.getColsLeftWidth();if("right"===e.getPinned()){return n+o.bodyWidth+t}return n+t}setLeft(e){if((0,r._exists)(e)&&(this.eCell.style.left=`${e}px`),(0,l.isColumnGroup)(this.columnOrGroup)){const e=this.columnOrGroup.getLeafColumns();if(!e.length)return;e.length>1&&(0,o._setAriaColSpan)(this.ariaEl,e.length)}}}t.SetLeftFeature=d},26105:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.LoadingOverlayComponent=void 0;const o=a(89097),n=a(94679),r={tag:"span",cls:"ag-overlay-loading-center"};class i extends n.OverlayComponent{init(){const e=(0,o._makeNull)(this.gos.get("overlayLoadingTemplate")?.trim());if(this.setTemplate(e??r),!e){const e=this.getLocaleTextFunc()("loadingOoo","Loading...");this.getGui().textContent=e,this.beans.ariaAnnounce.announceValue(e,"overlay")}}}t.LoadingOverlayComponent=i},35233:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.NoRowsOverlayComponent=void 0;const o=a(89097),n=a(94679),r={tag:"span",cls:"ag-overlay-no-rows-center"};class i extends n.OverlayComponent{init(){const e=(0,o._makeNull)(this.gos.get("overlayNoRowsTemplate")?.trim());if(this.setTemplate(e??r),!e){const e=this.getLocaleTextFunc()("noRowsToShow","No Rows To Show");this.getGui().textContent=e,this.beans.ariaAnnounce.announceValue(e,"overlay")}}}t.NoRowsOverlayComponent=i},57896:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.hideOverlay=t.showNoRowsOverlay=t.showLoadingOverlay=void 0,t.showLoadingOverlay=function(e){e.overlays?.showLoadingOverlay()},t.showNoRowsOverlay=function(e){e.overlays?.showNoRowsOverlay()},t.hideOverlay=function(e){e.overlays?.hideOverlay()}},94679:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.OverlayComponent=void 0;const o=a(78020);class n extends o.Component{constructor(){super()}}t.OverlayComponent=n},75366:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.OverlayModule=void 0;const o=a(97205),n=a(26105),r=a(35233),i=a(57896),l=a(2351);t.OverlayModule={moduleName:"Overlay",version:o.VERSION,userComponents:{agLoadingOverlay:n.LoadingOverlayComponent,agNoRowsOverlay:r.NoRowsOverlayComponent},apiFunctions:{showLoadingOverlay:i.showLoadingOverlay,showNoRowsOverlay:i.showNoRowsOverlay,hideOverlay:i.hideOverlay},beans:[l.OverlayService]}},2351:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.OverlayService=void 0;const o=a(12036),n=a(68731),r=a(67274),i=a(47764),l=a(68360);class s extends n.BeanStub{constructor(){super(...arguments),this.beanName="overlays",this.state=0,this.showInitialOverlay=!0,this.wrapperPadding=0}postConstruct(){this.isClientSide=(0,r._isClientSideRowModel)(this.gos),this.isServerSide=!this.isClientSide&&(0,r._isServerSideRowModel)(this.gos);const e=()=>this.updateOverlayVisibility();this.addManagedEventListeners({newColumnsLoaded:e,rowDataUpdated:e,gridSizeChanged:this.refreshWrapperPadding.bind(this),rowCountReady:()=>{this.showInitialOverlay=!1,this.updateOverlayVisibility()}}),this.addManagedPropertyListener("loading",e)}setOverlayWrapperComp(e){this.eWrapper=e,this.updateOverlayVisibility()}isVisible(){return 0!==this.state&&!!this.eWrapper}isExclusive(){return 1===this.state&&!!this.eWrapper}showLoadingOverlay(){this.showInitialOverlay=!1;const e=this.gos,t=e.get("loading");(t||void 0===t&&!e.get("suppressLoadingOverlay"))&&this.doShowLoadingOverlay()}showNoRowsOverlay(){this.showInitialOverlay=!1;const e=this.gos;e.get("loading")||e.get("suppressNoRowsOverlay")||this.doShowNoRowsOverlay()}hideOverlay(){this.showInitialOverlay=!1,this.gos.get("loading")?(0,i._warn)(99):this.doHideOverlay()}getOverlayWrapperSelector(){return l.OverlayWrapperSelector}getOverlayWrapperCompClass(){return l.OverlayWrapperComponent}updateOverlayVisibility(){if(!this.eWrapper)return void(this.state=0);const{state:e,isClientSide:t,isServerSide:a,beans:{gos:o,colModel:n,rowModel:r}}=this;let i=this.gos.get("loading");void 0!==i&&(this.showInitialOverlay=!1),this.showInitialOverlay&&void 0===i&&!o.get("suppressLoadingOverlay")&&(i=!o.get("columnDefs")||!n.ready||!o.get("rowData")&&t),i?1!==e&&this.doShowLoadingOverlay():(this.showInitialOverlay=!1,t&&r.isEmpty()&&!o.get("suppressNoRowsOverlay")?2!==e&&this.doShowNoRowsOverlay():(1===e||!a&&0!==e)&&this.doHideOverlay())}doShowLoadingOverlay(){this.eWrapper&&(this.state=1,this.showOverlay((0,o._getLoadingOverlayCompDetails)(this.beans.userCompFactory,(0,r._addGridCommonParams)(this.gos,{})),"ag-overlay-loading-wrapper","loadingOverlayComponentParams"),this.updateExclusive())}doShowNoRowsOverlay(){this.eWrapper&&(this.state=2,this.showOverlay((0,o._getNoRowsOverlayCompDetails)(this.beans.userCompFactory,(0,r._addGridCommonParams)(this.gos,{})),"ag-overlay-no-rows-wrapper","noRowsOverlayComponentParams"),this.updateExclusive())}doHideOverlay(){this.eWrapper&&(this.state=0,this.eWrapper.hideOverlay(),this.updateExclusive())}showOverlay(e,t,a){const o=e?.newAgStackInstance()??null;this.eWrapper?.showOverlay(o,t,this.isExclusive(),a),this.refreshWrapperPadding()}updateExclusive(){const e=this.exclusive;this.exclusive=this.isExclusive(),this.exclusive!==e&&this.eventSvc.dispatchEvent({type:"overlayExclusiveChanged"})}refreshWrapperPadding(){const e=this.eWrapper;if(!e)return;let t=0;if(2===this.state){const e=this.beans.ctrlsSvc.get("gridHeaderCtrl");t=e?.headerHeight||0}this.wrapperPadding!==t&&(this.wrapperPadding=t,e.updateOverlayWrapperPaddingTop(t))}}t.OverlayService=s},73893:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.overlayWrapperComponentCSS=void 0,t.overlayWrapperComponentCSS=".ag-overlay{inset:0;pointer-events:none;position:absolute;z-index:2}.ag-overlay-panel,.ag-overlay-wrapper{display:flex;height:100%;width:100%}.ag-overlay-wrapper{align-items:center;flex:none;justify-content:center;text-align:center}.ag-overlay-loading-wrapper{pointer-events:all}.ag-overlay-loading-center{background:var(--ag-background-color);border:solid var(--ag-border-width) var(--ag-border-color);border-radius:var(--ag-border-radius);box-shadow:var(--ag-popup-shadow);padding:var(--ag-spacing)}"},68360:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.OverlayWrapperSelector=t.OverlayWrapperComponent=void 0;const o=a(59926),n=a(91668),r=a(79909),i=a(80011),l=a(1956),s=a(5088),d=a(67274),c=a(59360),g=a(22731),u=a(86675),h=a(78020),p=a(73893),m={tag:"div",cls:"ag-overlay",role:"presentation",children:[{tag:"div",cls:"ag-overlay-panel",role:"presentation",children:[{tag:"div",ref:"eOverlayWrapper",cls:"ag-overlay-wrapper",role:"presentation"}]}]};class f extends h.Component{constructor(){super(m),this.eOverlayWrapper=n.RefPlaceholder,this.activePromise=null,this.activeOverlay=null,this.updateListenerDestroyFunc=null,this.activeCssClass=null,this.elToFocusAfter=null,this.registerCSS(p.overlayWrapperComponentCSS)}handleKeyDown(e){if(e.key!==o.KeyCode.TAB||e.defaultPrevented||(0,g._isStopPropagationForAgGrid)(e))return;const t=this.beans;if((0,s._findNextFocusableElement)(t,this.eOverlayWrapper,!1,e.shiftKey))return;let a=!1;a=e.shiftKey?t.focusSvc.focusGridView({column:(0,r._last)(t.visibleCols.allCols),backwards:!0,canFocusOverlay:!1}):(0,u._focusNextGridCoreContainer)(t,!1),a&&e.preventDefault()}updateLayoutClasses(e,t){const a=this.eOverlayWrapper.classList,{AUTO_HEIGHT:o,NORMAL:n,PRINT:r}=c.LayoutCssClasses;a.toggle(o,t.autoHeight),a.toggle(n,t.normal),a.toggle(r,t.print)}postConstruct(){this.createManagedBean(new c.LayoutFeature(this)),this.setDisplayed(!1,{skipAriaHidden:!0}),this.beans.overlays.setOverlayWrapperComp(this),this.addManagedElementListeners(this.getFocusableElement(),{keydown:this.handleKeyDown.bind(this)})}setWrapperTypeClass(e){const t=this.eOverlayWrapper.classList;this.activeCssClass&&t.toggle(this.activeCssClass,!1),this.activeCssClass=e,t.toggle(e,!0)}showOverlay(e,t,a,o){if(this.setWrapperTypeClass(t),this.destroyActiveOverlay(),this.elToFocusAfter=null,this.activePromise=e,e){if(this.setDisplayed(!0,{skipAriaHidden:!0}),a&&this.isGridFocused()){const e=(0,i._getActiveDomElement)(this.beans);e&&!(0,i._isNothingFocused)(this.beans)&&(this.elToFocusAfter=e)}e.then(t=>{if(this.activePromise===e){if(this.activePromise=null,t){if(this.activeOverlay!==t&&(this.eOverlayWrapper.appendChild(t.getGui()),this.activeOverlay=t,o)){const e=t;this.updateListenerDestroyFunc=this.addManagedPropertyListener(o,({currentValue:t})=>{e.refresh?.((0,d._addGridCommonParams)(this.gos,{...t??{}}))})}a&&this.isGridFocused()&&(0,s._focusInto)(this.eOverlayWrapper)}}else this.activeOverlay!==t&&(this.destroyBean(t),t=null)})}}updateOverlayWrapperPaddingTop(e){this.eOverlayWrapper.style.setProperty("padding-top",`${e}px`)}destroyActiveOverlay(){this.activePromise=null;const e=this.activeOverlay;if(!e)return;let t=this.elToFocusAfter;this.activeOverlay=null,this.elToFocusAfter=null,t&&!this.isGridFocused()&&(t=null);const a=this.updateListenerDestroyFunc;a&&(a(),this.updateListenerDestroyFunc=null),this.destroyBean(e),(0,l._clearElement)(this.eOverlayWrapper),t?.focus?.({preventScroll:!0})}hideOverlay(){this.destroyActiveOverlay(),this.setDisplayed(!1,{skipAriaHidden:!0})}isGridFocused(){const e=(0,i._getActiveDomElement)(this.beans);return!!e&&this.beans.eGridDiv.contains(e)}destroy(){this.elToFocusAfter=null,this.destroyActiveOverlay(),this.beans.overlays.setOverlayWrapperComp(void 0),super.destroy()}}t.OverlayWrapperComponent=f,t.OverlayWrapperSelector={selector:"AG-OVERLAY-WRAPPER",component:f}},30094:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.getCellRendererInstances=t.getSizesForCurrentTheme=t.flushAllAnimationFrames=t.isAnimationFrameQueueEmpty=t.refreshHeader=t.refreshCells=t.setGridAriaProperty=void 0;const o=a(54126),n=a(67274),r=a(1323),i=a(90557);t.setGridAriaProperty=function(e,t,a){if(!t)return;const o=e.ctrlsSvc.getGridBodyCtrl().eGridBody,n=`aria-${t}`;null===a?o.removeAttribute(n):o.setAttribute(n,a)},t.refreshCells=function(e,t={}){e.frameworkOverrides.wrapIncoming(()=>e.rowRenderer.refreshCells(t))},t.refreshHeader=function(e){e.frameworkOverrides.wrapIncoming(()=>{for(const t of e.ctrlsSvc.getHeaderRowContainerCtrls())t.refresh()})},t.isAnimationFrameQueueEmpty=function(e){return e.animationFrameSvc?.isQueueEmpty()??!0},t.flushAllAnimationFrames=function(e){e.animationFrameSvc?.flushAllFrames()},t.getSizesForCurrentTheme=function(e){return{rowHeight:(0,n._getRowHeightAsNumber)(e),headerHeight:(0,r.getHeaderHeight)(e)}},t.getCellRendererInstances=function(e,t={}){const a=[];for(const n of e.rowRenderer.getCellCtrls(t.rowNodes,t.columns)){const e=n.getCellRenderer();null!=e&&a.push((0,o._unwrapUserComp)(e))}if(t.columns?.length)return a;const n=[],r=(0,i.mapRowNodes)(t.rowNodes);for(const t of e.rowRenderer.getAllRowCtrls()){if(r&&!(0,i.isRowInMap)(t.rowNode,r))continue;if(!t.isFullWidth())continue;const e=t.getFullWidthCellRenderers();for(let t=0;t<e.length;t++){const a=e[t];null!=a&&n.push((0,o._unwrapUserComp)(a))}}return[...n,...a]}},66964:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.RenderApiModule=void 0;const o=a(97205),n=a(30094);t.RenderApiModule={moduleName:"RenderApi",version:o.VERSION,apiFunctions:{setGridAriaProperty:n.setGridAriaProperty,refreshCells:n.refreshCells,refreshHeader:n.refreshHeader,isAnimationFrameQueueEmpty:n.isAnimationFrameQueueEmpty,flushAllAnimationFrames:n.flushAllAnimationFrames,getSizesForCurrentTheme:n.getSizesForCurrentTheme,getCellRendererInstances:n.getCellRendererInstances}}},24711:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t._getRowCtrlForEventTarget=t.DOM_DATA_KEY_ROW_CTRL=t._getCellCtrlForEventTarget=t.DOM_DATA_KEY_CELL_CTRL=t._suppressFullWidthMouseEvent=t._suppressCellMouseEvent=void 0;const o=a(67274);function n(e,t,a,n,r){return!!r&&r((0,o._addGridCommonParams)(e,{column:t,node:a,event:n}))}function r(e,t,a){let n=t;for(;n;){const t=(0,o._getDomData)(e,n,a);if(t)return t;n=n.parentElement}return null}t._suppressCellMouseEvent=function(e,t,a,o){const r=t.getColDef().cellRendererParams?.suppressMouseEventHandling;return n(e,t,a,o,r)},t._suppressFullWidthMouseEvent=function(e,t,a,o){const r=t?.suppressMouseEventHandling;return n(e,void 0,a,o,r)},t.DOM_DATA_KEY_CELL_CTRL="cellCtrl",t._getCellCtrlForEventTarget=function(e,a){return r(e,a,t.DOM_DATA_KEY_CELL_CTRL)},t.DOM_DATA_KEY_ROW_CTRL="renderedRow",t._getRowCtrlForEventTarget=function(e,a){return r(e,a,t.DOM_DATA_KEY_ROW_CTRL)}},4577:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.RowAutoHeightModule=void 0;const o=a(97205),n=a(86418);t.RowAutoHeightModule={moduleName:"RowAutoHeight",version:o.VERSION,beans:[n.RowAutoHeightService]}},86418:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.RowAutoHeightService=void 0;const o=a(80011),n=a(1956),r=a(44990),i=a(68731),l=a(67274);class s extends i.BeanStub{constructor(){super(...arguments),this.beanName="rowAutoHeight",this.wasEverActive=!1,this._debouncedCalculateRowHeights=(0,r._debounce)(this,this.calculateRowHeights.bind(this),1)}requestCheckAutoHeight(){this.wasEverActive&&this._debouncedCalculateRowHeights()}calculateRowHeights(){const{visibleCols:e,rowModel:t,rowSpanSvc:a,pinnedRowModel:o}=this.beans,n=e.autoHeightCols;let r=!1;const i=e=>{const t=e.__autoHeights;let o=(0,l._getRowHeightForNode)(this.beans,e).height;for(const r of n){let n=t?.[r.getColId()];const i=a?.getCellSpan(r,e);if(i){if(i.getLastNode()!==e)continue;if(n=a?.getCellSpan(r,e)?.getLastNodeAutoHeight(),!n)return}if(null==n){if(this.colSpanSkipCell(r,e))continue;return}o=Math.max(n,o)}o!==e.rowHeight&&(e.setRowHeight(o),r=!0)};o?.forEachPinnedRow?.("top",i),o?.forEachPinnedRow?.("bottom",i),t.forEachDisplayedNode?.(i),r&&t.onRowHeightChanged?.()}setRowAutoHeight(e,t,a){if(e.__autoHeights??(e.__autoHeights={}),null==t)return void delete e.__autoHeights[a.getId()];const o=e.__autoHeights[a.getId()];e.__autoHeights[a.getId()]=t,o!==t&&this.requestCheckAutoHeight()}colSpanSkipCell(e,t){const{colModel:a,colViewport:o,visibleCols:n}=this.beans;if(!a.colSpanActive)return!1;let r=[];switch(e.getPinned()){case"left":r=n.getLeftColsForRow(t);break;case"right":r=n.getRightColsForRow(t);break;case null:r=o.getColsWithinViewport(t)}return!r.includes(e)}setupCellAutoHeight(e,t,a){if(!e.column.isAutoHeight()||!t)return!1;this.wasEverActive=!0;const r=t.parentElement,{rowNode:i,column:l}=e,s=this.beans,d=c=>{if(this.beans.editSvc?.isEditing(e))return;if(!e.isAlive()||!a.isAlive())return;const{paddingTop:g,paddingBottom:u,borderBottomWidth:h,borderTopWidth:p}=(0,n._getElementSize)(r),m=g+u+h+p,f=t.offsetHeight+m;if(c<5){const e=(0,o._getDocument)(s);if(!e?.contains(t)||0==f)return void window.setTimeout(()=>d(c+1),0)}this.setRowAutoHeight(i,f,l)},c=()=>d(0);c();const g=(0,n._observeResize)(s,t,c);return a.addDestroyFunc(()=>{g(),this.setRowAutoHeight(i,void 0,l)}),!0}setAutoHeightActive(e){this.active=e.list.some(e=>e.isVisible()&&e.isAutoHeight())}areRowsMeasured(){if(!this.active)return!0;const e=this.beans.rowRenderer.getAllRowCtrls();let t=null;for(const{rowNode:a}of e){if(!t||this.beans.colModel.colSpanActive){t=this.beans.colViewport.getColsWithinViewport(a).filter(e=>e.isAutoHeight())}if(0!==t.length){if(!a.__autoHeights)return!1;for(const e of t){const t=a.__autoHeights[e.getColId()];if(!t||a.rowHeight<t)return!1}}}return!0}}t.RowAutoHeightService=s},98430:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.RowComp=void 0;const o=a(1956),n=a(73151),r=a(78020),i=a(32308);class l extends r.Component{constructor(e,t,a){super(),this.cellComps=new Map,this.beans=t,this.rowCtrl=e;const r=(0,n._createElement)({tag:"div",role:"row",attrs:{"comp-id":`${this.getCompId()}`}});this.setInitialStyle(r,a),this.setTemplateFromElement(r);const i=r.style;this.domOrder=this.rowCtrl.getDomOrder();const l={setDomOrder:e=>this.domOrder=e,setCellCtrls:e=>this.setCellCtrls(e),showFullWidth:e=>this.showFullWidth(e),getFullWidthCellRenderer:()=>this.fullWidthCellRenderer,getFullWidthCellRendererParams:()=>this.fullWidthCellRendererParams,toggleCss:(e,t)=>this.toggleCss(e,t),setUserStyles:e=>(0,o._addStylesToElement)(r,e),setTop:e=>i.top=e,setTransform:e=>i.transform=e,setRowIndex:e=>r.setAttribute("row-index",e),setRowId:e=>r.setAttribute("row-id",e),setRowBusinessKey:e=>r.setAttribute("row-business-key",e),refreshFullWidth:e=>{const t=e();return this.fullWidthCellRendererParams=t,this.fullWidthCellRenderer?.refresh?.(t)??!1}};e.setComp(l,this.getGui(),a,void 0),this.addDestroyFunc(()=>{e.unsetComp(a)})}setInitialStyle(e,t){const a=this.rowCtrl.getInitialTransform(t);if(a)e.style.setProperty("transform",a);else{const a=this.rowCtrl.getInitialRowTop(t);a&&e.style.setProperty("top",a)}}showFullWidth(e){e.newAgStackInstance().then(t=>{if(this.isAlive()){const a=t.getGui();this.getGui().appendChild(a),this.rowCtrl.setupDetailRowAutoHeight(a),this.setFullWidthRowComp(t,e.params)}else this.beans.context.destroyBean(t)})}setCellCtrls(e){const t=new Map(this.cellComps);for(const a of e){const e=a.instanceId;this.cellComps.has(e)?t.delete(e):this.newCellComp(a)}this.destroyCells(t),this.ensureDomOrder(e)}ensureDomOrder(e){if(!this.domOrder)return;const t=[];for(const a of e){const e=this.cellComps.get(a.instanceId);e&&t.push(e.getGui())}(0,o._setDomChildOrder)(this.getGui(),t)}newCellComp(e){const t=this.beans.editSvc?.isEditing(e,{withOpenEditor:!0})??!1,a=new i.CellComp(this.beans,e,this.rowCtrl.printLayout,this.getGui(),t);this.cellComps.set(e.instanceId,a),this.getGui().appendChild(a.getGui())}destroy(){super.destroy(),this.destroyCells(this.cellComps)}setFullWidthRowComp(e,t){this.fullWidthCellRenderer=e,this.fullWidthCellRendererParams=t,this.addDestroyFunc(()=>{this.fullWidthCellRenderer=this.beans.context.destroyBean(this.fullWidthCellRenderer),this.fullWidthCellRendererParams=void 0})}destroyCells(e){for(const t of e.values()){if(!t)return;const e=t.cellCtrl.instanceId;if(this.cellComps.get(e)!==t)return;t.detach(),t.destroy(),this.cellComps.delete(e)}}}t.RowComp=l},7632:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.RowCtrl=void 0;const o=a(91623),n=a(36916),r=a(80011),i=a(1956),l=a(5088),s=a(44990),d=a(89097),c=a(31931),g=a(33789),u=a(12036),h=a(68731),p=a(67274),m=a(27648),f=a(22731),v=a(60814),b=a(24711);let C=0;class w extends h.BeanStub{constructor(e,t,a,o,n){super(),this.rowNode=e,this.useAnimationFrameForCreate=o,this.printLayout=n,this.allRowGuis=[],this.active=!0,this.centerCellCtrls={list:[],map:{}},this.leftCellCtrls={list:[],map:{}},this.rightCellCtrls={list:[],map:{}},this.slideInAnimation={left:!1,center:!1,right:!1,fullWidth:!1},this.fadeInAnimation={left:!1,center:!1,right:!1,fullWidth:!1},this.rowDragComps=[],this.lastMouseDownOnDragger=!1,this.emptyStyle={},this.updateColumnListsPending=!1,this.rowId=null,this.businessKey=null,this.beans=t,this.gos=t.gos,this.paginationPage=t.pagination?.getCurrentPage()??0,this.suppressRowTransform=this.gos.get("suppressRowTransform"),this.instanceId=e.id+"-"+C++,this.rowId=(0,c._escapeString)(e.id),this.initRowBusinessKey(),this.rowFocused=t.focusSvc.isRowFocused(this.rowNode.rowIndex,this.rowNode.rowPinned),this.rowLevel=(0,m.calculateRowLevel)(this.rowNode),this.setRowType(),this.setAnimateFlags(a),this.rowStyles=this.processStylesFromGridOptions(),this.rowEditStyleFeature=t.editSvc?.createRowStyleFeature(this,t),this.addListeners()}initRowBusinessKey(){this.businessKeyForNodeFunc=this.gos.get("getBusinessKeyForNode"),this.updateRowBusinessKey()}updateRowBusinessKey(){if("function"!=typeof this.businessKeyForNodeFunc)return;const e=this.businessKeyForNodeFunc(this.rowNode);this.businessKey=(0,c._escapeString)(e)}updateGui(e,t){"left"===e?this.leftGui=t:"right"===e?this.rightGui=t:"fullWidth"===e?this.fullWidthGui=t:this.centerGui=t}setComp(e,t,a,o){const{context:n,focusSvc:r}=this.beans,i={rowComp:e,element:t,containerType:a,compBean:o=(0,g.setupCompBean)(this,n,o)};this.allRowGuis.push(i),this.updateGui(a,i),this.initialiseRowComp(i);const l=this.rowNode,s="FullWidthLoading"===this.rowType||l.stub,d=!l.data&&"infinite"===this.beans.rowModel.getType();s||d||l.rowPinned||this.beans.rowRenderer.dispatchFirstDataRenderedEvent();const c=this.fullWidthGui?.element;if(c){const e=this.beans.editSvc?.isEditing(this);!e&&r.isRowFocused(l.rowIndex,l.rowPinned)&&r.shouldTakeFocus()&&setTimeout(()=>c.focus({preventScroll:!0}),0)}}unsetComp(e){this.allRowGuis=this.allRowGuis.filter(t=>t.containerType!==e),this.updateGui(e,void 0)}isCacheable(){return"FullWidthDetail"===this.rowType&&this.gos.get("keepDetailRows")}setCached(e){const t=e?"none":"";for(const e of this.allRowGuis)e.element.style.display=t}initialiseRowComp(e){const t=this.gos;this.onSuppressCellFocusChanged(this.beans.gos.get("suppressCellFocus")),this.listenOnDomOrder(e),this.onRowHeightChanged(e),this.updateRowIndexes(e),this.setFocusedClasses(e),this.setStylesFromGridOptions(!1,e),(0,p._isRowSelection)(t)&&this.rowNode.selectable&&this.onRowSelected(e),this.updateColumnLists(!this.useAnimationFrameForCreate);const a=e.rowComp,n=this.getInitialRowClasses(e.containerType);for(const e of n)a.toggleCss(e,!0);this.executeSlideAndFadeAnimations(e),this.rowNode.group&&(0,o._setAriaExpanded)(e.element,1==this.rowNode.expanded),this.setRowCompRowId(a),this.setRowCompRowBusinessKey(a),(0,p._setDomData)(t,e.element,b.DOM_DATA_KEY_ROW_CTRL,this),e.compBean.addDestroyFunc(()=>(0,p._setDomData)(t,e.element,b.DOM_DATA_KEY_ROW_CTRL,null)),this.useAnimationFrameForCreate?this.beans.animationFrameSvc.createTask(this.addHoverFunctionality.bind(this,e),this.rowNode.rowIndex,"p2",!1):this.addHoverFunctionality(e),this.isFullWidth()&&this.setupFullWidth(e),t.get("rowDragEntireRow")&&this.addRowDraggerToRow(e),this.useAnimationFrameForCreate&&this.beans.animationFrameSvc.addDestroyTask(()=>{this.isAlive()&&e.rowComp.toggleCss("ag-after-created",!0)}),this.executeProcessRowPostCreateFunc()}setRowCompRowBusinessKey(e){null!=this.businessKey&&e.setRowBusinessKey(this.businessKey)}setRowCompRowId(e){const t=(0,c._escapeString)(this.rowNode.id);this.rowId=t,null!=t&&e.setRowId(t)}executeSlideAndFadeAnimations(e){const{containerType:t}=e;this.slideInAnimation[t]&&((0,s._batchCall)(()=>{this.onTopChanged()}),this.slideInAnimation[t]=!1);this.fadeInAnimation[t]&&((0,s._batchCall)(()=>{e.rowComp.toggleCss("ag-opacity-zero",!1)}),this.fadeInAnimation[t]=!1)}addRowDraggerToRow(e){const t=this.beans.rowDragSvc?.createRowDragCompForRow(this.rowNode,e.element);if(!t)return;const a=this.createBean(t,this.beans.context);this.rowDragComps.push(a),e.compBean.addDestroyFunc(()=>{this.rowDragComps=this.rowDragComps.filter(e=>e!==a),this.rowEditStyleFeature=this.destroyBean(this.rowEditStyleFeature,this.beans.context),this.destroyBean(a,this.beans.context)})}setupFullWidth(e){const t=this.getPinnedForContainer(e.containerType),a=this.createFullWidthCompDetails(e.element,t);e.rowComp.showFullWidth(a)}getFullWidthCellRenderers(){return this.gos.get("embedFullWidthRows")?this.allRowGuis.map(e=>e?.rowComp?.getFullWidthCellRenderer()):[this.fullWidthGui?.rowComp?.getFullWidthCellRenderer()]}executeProcessRowPostCreateFunc(){const e=this.gos.getCallback("processRowPostCreate");if(!e||!this.areAllContainersReady())return;e({eRow:this.centerGui.element,ePinnedLeftRow:this.leftGui?this.leftGui.element:void 0,ePinnedRightRow:this.rightGui?this.rightGui.element:void 0,node:this.rowNode,rowIndex:this.rowNode.rowIndex,addRenderedRowListener:this.addEventListener.bind(this)})}areAllContainersReady(){const{leftGui:e,centerGui:t,rightGui:a,beans:{visibleCols:o}}=this,n=!!e||!o.isPinningLeft(),r=!!t,i=!!a||!o.isPinningRight();return n&&r&&i}isNodeFullWidthCell(){if(this.rowNode.detail)return!0;const e=this.beans.gos.getCallback("isFullWidthRow");return!!e&&e({rowNode:this.rowNode})}setRowType(){const e=this.rowNode.stub&&!this.gos.get("suppressServerSideFullWidthLoadingRow")&&!this.gos.get("groupHideOpenParents"),t=this.isNodeFullWidthCell(),a=this.gos.get("masterDetail")&&this.rowNode.detail,o=this.beans.colModel.isPivotMode(),n=(0,p._isFullWidthGroupRow)(this.gos,this.rowNode,o);this.rowType=e?"FullWidthLoading":a?"FullWidthDetail":t?"FullWidth":n?"FullWidthGroup":"Normal"}updateColumnLists(e=!1,t=!1){if(this.isFullWidth())return;const{animationFrameSvc:a}=this.beans;!a?.active||e||this.printLayout?this.updateColumnListsImpl(t):this.updateColumnListsPending||(a.createTask(()=>{this.active&&this.updateColumnListsImpl(!0)},this.rowNode.rowIndex,"p1",!1),this.updateColumnListsPending=!0)}getNewCellCtrl(e){const t=this.beans.rowSpanSvc?.isCellSpanning(e,this.rowNode);if(!t)return new v.CellCtrl(e,this.rowNode,this.beans,this)}isCorrectCtrlForSpan(e){return!this.beans.rowSpanSvc?.isCellSpanning(e.column,this.rowNode)}createCellCtrls(e,t,a=null){const o={list:[],map:{}},n=(e,t,a)=>{null!=a?o.list.splice(a,0,t):o.list.push(t),o.map[e]=t},r=[];for(const a of t){const t=a.getInstanceId();let o=e.map[t];o&&!this.isCorrectCtrlForSpan(o)&&(o.destroy(),o=void 0),o||(o=this.getNewCellCtrl(a)),o&&n(t,o)}for(const t of e.list){const e=t.column.getInstanceId();if(null!=o.map[e])continue;!this.isCellEligibleToBeRemoved(t,a)?r.push([e,t]):t.destroy()}if(r.length)for(const[e,t]of r){const a=o.list.findIndex(e=>e.column.getLeft()>t.column.getLeft()),r=-1===a?void 0:Math.max(a-1,0);n(e,t,r)}const{focusSvc:i,visibleCols:l}=this.beans,s=i.getFocusedCell();if(s&&s.column.getPinned()==a){const e=s.column.getInstanceId();if(!o.map[e]&&l.allCols.includes(s.column)){const t=this.createFocusedCellCtrl();if(t){const a=o.list.findIndex(e=>e.column.getLeft()>t.column.getLeft()),r=-1===a?void 0:Math.max(a-1,0);n(e,t,r)}}}return o}createFocusedCellCtrl(){const{focusSvc:e,rowSpanSvc:t}=this.beans,a=e.getFocusedCell();if(!a)return;const o=t?.getCellSpan(a.column,this.rowNode);if(o){if(o.firstNode!==this.rowNode||!o.doesSpanContain(a))return}else if(!e.isRowFocused(this.rowNode.rowIndex,this.rowNode.rowPinned))return;return this.getNewCellCtrl(a.column)}updateColumnListsImpl(e){this.updateColumnListsPending=!1,this.createAllCellCtrls(),this.setCellCtrls(e)}setCellCtrls(e){for(const t of this.allRowGuis){const a=this.getCellCtrlsForContainer(t.containerType);t.rowComp.setCellCtrls(a,e)}}getCellCtrlsForContainer(e){switch(e){case"left":return this.leftCellCtrls.list;case"right":return this.rightCellCtrls.list;case"fullWidth":return[];case"center":return this.centerCellCtrls.list}}createAllCellCtrls(){const e=this.beans.colViewport,t=this.beans.visibleCols;if(this.printLayout)this.centerCellCtrls=this.createCellCtrls(this.centerCellCtrls,t.allCols),this.leftCellCtrls={list:[],map:{}},this.rightCellCtrls={list:[],map:{}};else{const a=e.getColsWithinViewport(this.rowNode);this.centerCellCtrls=this.createCellCtrls(this.centerCellCtrls,a);const o=t.getLeftColsForRow(this.rowNode);this.leftCellCtrls=this.createCellCtrls(this.leftCellCtrls,o,"left");const n=t.getRightColsForRow(this.rowNode);this.rightCellCtrls=this.createCellCtrls(this.rightCellCtrls,n,"right")}}isCellEligibleToBeRemoved(e,t){const a=!0,{column:o}=e;if(o.getPinned()!=t)return a;if(!this.isCorrectCtrlForSpan(e))return a;const{visibleCols:n,editSvc:r}=this.beans,i=r?.isEditing(e),l=e.isCellFocused();if(i||l){return!(n.allCols.indexOf(o)>=0)&&a}return a}getDomOrder(){return this.gos.get("ensureDomOrder")||(0,p._isDomLayout)(this.gos,"print")}listenOnDomOrder(e){e.compBean.addManagedPropertyListeners(["domLayout","ensureDomOrder"],()=>{e.rowComp.setDomOrder(this.getDomOrder())})}setAnimateFlags(e){if(this.rowNode.sticky||!e)return;const t=(0,d._exists)(this.rowNode.oldRowTop),{visibleCols:a}=this.beans,o=a.isPinningLeft(),n=a.isPinningRight();if(t){const{slideInAnimation:e}=this;if(this.isFullWidth()&&!this.gos.get("embedFullWidthRows"))return void(e.fullWidth=!0);e.center=!0,e.left=o,e.right=n}else{const{fadeInAnimation:e}=this;if(this.isFullWidth()&&!this.gos.get("embedFullWidthRows"))return void(e.fullWidth=!0);e.center=!0,e.left=o,e.right=n}}isFullWidth(){return"Normal"!==this.rowType}refreshFullWidth(){const e=(e,t)=>!e||e.rowComp.refreshFullWidth(()=>this.createFullWidthCompDetails(e.element,t).params),t=e(this.fullWidthGui,null),a=e(this.centerGui,null),o=e(this.leftGui,"left"),n=e(this.rightGui,"right");return t&&a&&o&&n}addListeners(){const{beans:e,gos:t,rowNode:a}=this,{expansionSvc:o,eventSvc:n,context:r,rowSpanSvc:i}=e;this.addManagedListeners(this.rowNode,{heightChanged:()=>this.onRowHeightChanged(),rowSelected:()=>this.onRowSelected(),rowIndexChanged:this.onRowIndexChanged.bind(this),topChanged:this.onTopChanged.bind(this),...o?.getRowExpandedListeners(this)??{}}),a.detail&&this.addManagedListeners(a.parent,{dataChanged:this.onRowNodeDataChanged.bind(this)}),this.addManagedListeners(a,{dataChanged:this.onRowNodeDataChanged.bind(this),cellChanged:this.postProcessCss.bind(this),rowHighlightChanged:this.onRowNodeHighlightChanged.bind(this),draggingChanged:this.postProcessRowDragging.bind(this),uiLevelChanged:this.onUiLevelChanged.bind(this),rowPinned:this.onRowPinned.bind(this)}),this.addManagedListeners(n,{paginationPixelOffsetChanged:this.onPaginationPixelOffsetChanged.bind(this),heightScaleChanged:this.onTopChanged.bind(this),displayedColumnsChanged:this.onDisplayedColumnsChanged.bind(this),virtualColumnsChanged:this.onVirtualColumnsChanged.bind(this),cellFocused:this.onCellFocusChanged.bind(this),cellFocusCleared:this.onCellFocusChanged.bind(this),paginationChanged:this.onPaginationChanged.bind(this),modelUpdated:this.refreshFirstAndLastRowStyles.bind(this),columnMoved:()=>this.updateColumnLists()}),i&&this.addManagedListeners(i,{spannedCellsUpdated:({pinned:e})=>{e&&!a.rowPinned||this.updateColumnLists()}}),this.addDestroyFunc(()=>{this.rowDragComps=this.destroyBeans(this.rowDragComps,r),this.tooltipFeature=this.destroyBean(this.tooltipFeature,r),this.rowEditStyleFeature=this.destroyBean(this.rowEditStyleFeature,r)}),this.addManagedPropertyListeners(["rowStyle","getRowStyle","rowClass","getRowClass","rowClassRules"],this.postProcessCss.bind(this)),this.addManagedPropertyListener("rowDragEntireRow",()=>{if(t.get("rowDragEntireRow"))for(const e of this.allRowGuis)this.addRowDraggerToRow(e);else this.rowDragComps=this.destroyBeans(this.rowDragComps,r)}),this.addListenersForCellComps()}addListenersForCellComps(){this.addManagedListeners(this.rowNode,{rowIndexChanged:()=>{for(const e of this.getAllCellCtrls())e.onRowIndexChanged()},cellChanged:e=>{for(const t of this.getAllCellCtrls())t.onCellChanged(e)}})}onRowPinned(){for(const e of this.allRowGuis)e.rowComp.toggleCss("ag-row-pinned-source",!!this.rowNode.pinnedSibling)}onRowNodeDataChanged(e){this.refreshRow({suppressFlash:!e.update,newData:!e.update})}refreshRow(e){if(this.isFullWidth()!==!!this.isNodeFullWidthCell())this.beans.rowRenderer.redrawRow(this.rowNode);else{if(this.isFullWidth()){return void(this.refreshFullWidth()||this.beans.rowRenderer.redrawRow(this.rowNode))}for(const t of this.getAllCellCtrls())t.refreshCell(e);for(const e of this.allRowGuis)this.setRowCompRowId(e.rowComp),this.updateRowBusinessKey(),this.setRowCompRowBusinessKey(e.rowComp);this.onRowSelected(),this.postProcessCss()}}postProcessCss(){this.setStylesFromGridOptions(!0),this.postProcessClassesFromGridOptions(),this.postProcessRowClassRules(),this.rowEditStyleFeature?.applyRowStyles(),this.postProcessRowDragging()}onRowNodeHighlightChanged(){const e=this.beans.rowDropHighlightSvc,t=e?.row===this.rowNode?e.position:"none",a="above"===t,o="inside"===t,n="below"===t,r=this.gos.get("treeData")&&(n||a),i=this.rowNode.uiLevel.toString();for(const e of this.allRowGuis){const t=e.rowComp;t.toggleCss("ag-row-highlight-above",a),t.toggleCss("ag-row-highlight-inside",o),t.toggleCss("ag-row-highlight-below",n),t.toggleCss("ag-row-highlight-indent",r),r?e.element.style.setProperty("--ag-row-highlight-level",i):e.element.style.removeProperty("--ag-row-highlight-level")}}postProcessRowDragging(){const e=this.rowNode.dragging;for(const t of this.allRowGuis)t.rowComp.toggleCss("ag-row-dragging",e)}onDisplayedColumnsChanged(){this.updateColumnLists(!0),this.beans.rowAutoHeight?.requestCheckAutoHeight()}onVirtualColumnsChanged(){this.updateColumnLists(!1,!0)}getRowPosition(){return{rowPinned:(0,d._makeNull)(this.rowNode.rowPinned),rowIndex:this.rowNode.rowIndex}}onKeyboardNavigate(e){const t=this.findFullWidthInfoForEvent(e);if(!t)return;const{rowGui:a,column:o}=t;if(!(a.element===e.target))return;const n=this.rowNode,{focusSvc:r,navigation:i}=this.beans,l=r.getFocusedCell(),s={rowIndex:n.rowIndex,rowPinned:n.rowPinned,column:l?.column??o};i?.navigateToNextCell(e,e.key,s,!0),e.preventDefault()}onTabKeyDown(e){if(e.defaultPrevented||(0,f._isStopPropagationForAgGrid)(e))return;const t=this.allRowGuis.find(t=>t.element.contains(e.target)),a=t?t.element:null,o=a===e.target,n=(0,r._getActiveDomElement)(this.beans);let i=!1;a&&n&&(i=a.contains(n)&&n.classList.contains("ag-cell"));let s=null;o||i||(s=(0,l._findNextFocusableElement)(this.beans,a,!1,e.shiftKey)),(this.isFullWidth()&&o||!s)&&this.beans.navigation?.onTabKeyDown(this,e)}getFullWidthElement(){return this.fullWidthGui?this.fullWidthGui.element:null}getRowYPosition(){const e=this.allRowGuis.find(e=>(0,i._isVisible)(e.element))?.element;return e?e.getBoundingClientRect().top:0}onSuppressCellFocusChanged(e){const t=this.isFullWidth()&&e?void 0:this.gos.get("tabIndex");for(const e of this.allRowGuis)(0,i._addOrRemoveAttribute)(e.element,"tabindex",t)}onFullWidthRowFocused(e){const t=this.rowNode,a=!!e&&(this.isFullWidth()&&e.rowIndex===t.rowIndex&&e.rowPinned==t.rowPinned);let o;if(this.fullWidthGui)o=this.fullWidthGui.element;else{const t=this.beans.colModel.getCol(e?.column),a=t?.pinned;o=a?"right"===a?this.rightGui?.element:this.leftGui?.element:this.centerGui?.element}o&&(o.classList.toggle("ag-full-width-focus",a),a&&e?.forceBrowserFocus&&o.focus({preventScroll:!0}))}recreateCell(e){this.centerCellCtrls=this.removeCellCtrl(this.centerCellCtrls,e),this.leftCellCtrls=this.removeCellCtrl(this.leftCellCtrls,e),this.rightCellCtrls=this.removeCellCtrl(this.rightCellCtrls,e),e.destroy(),this.updateColumnLists()}removeCellCtrl(e,t){const a={list:[],map:{}};for(const o of e.list)o!==t&&(a.list.push(o),a.map[o.column.getInstanceId()]=o);return a}onMouseEvent(e,t){switch(e){case"dblclick":this.onRowDblClick(t);break;case"click":this.onRowClick(t);break;case"touchstart":case"mousedown":this.onRowMouseDown(t)}}createRowEvent(e,t){const{rowNode:a}=this;return(0,p._addGridCommonParams)(this.gos,{type:e,node:a,data:a.data,rowIndex:a.rowIndex,rowPinned:a.rowPinned,event:t})}createRowEventWithSource(e,t){const a=this.createRowEvent(e,t);return a.source=this,a}onRowDblClick(e){if((0,f._isStopPropagationForAgGrid)(e))return;const t=this.createRowEventWithSource("rowDoubleClicked",e);t.isEventHandlingSuppressed=this.isSuppressMouseEvent(e),this.beans.eventSvc.dispatchEvent(t)}findFullWidthInfoForEvent(e){if(!e)return;const t=this.findFullWidthRowGui(e.target),a=this.getColumnForFullWidth(t);return t&&a?{rowGui:t,column:a}:void 0}findFullWidthRowGui(e){return this.allRowGuis.find(t=>t.element.contains(e))}getColumnForFullWidth(e){const{visibleCols:t}=this.beans;switch(e?.containerType){case"center":return t.centerCols[0];case"left":return t.leftCols[0];case"right":return t.rightCols[0];default:return t.allCols[0]}}onRowMouseDown(e){if(this.lastMouseDownOnDragger=(0,i._isElementChildOfClass)(e.target,"ag-row-drag",3),!this.isFullWidth()||this.isSuppressMouseEvent(e))return;const{rangeSvc:t,focusSvc:a}=this.beans;t?.removeAllCellRanges();const o=this.findFullWidthInfoForEvent(e);if(!o)return;const{rowGui:r,column:l}=o,s=r.element,d=e.target,c=this.rowNode;let g=e.defaultPrevented||(0,n._isBrowserSafari)();s&&s.contains(d)&&(0,i._isFocusableFormField)(d)&&(g=!1),a.setFocusedCell({rowIndex:c.rowIndex,column:l,rowPinned:c.rowPinned,forceBrowserFocus:g})}isSuppressMouseEvent(e){const{gos:t,rowNode:a}=this;if(this.isFullWidth()){const o=this.findFullWidthRowGui(e.target);return(0,b._suppressFullWidthMouseEvent)(t,o?.rowComp.getFullWidthCellRendererParams(),a,e)}const o=(0,b._getCellCtrlForEventTarget)(t,e.target);return null!=o&&(0,b._suppressCellMouseEvent)(t,o.column,a,e)}onRowClick(e){if((0,f._isStopPropagationForAgGrid)(e)||this.lastMouseDownOnDragger)return;const t=this.isSuppressMouseEvent(e),{eventSvc:a,selectionSvc:o}=this.beans,n=this.createRowEventWithSource("rowClicked",e);n.isEventHandlingSuppressed=t,a.dispatchEvent(n),t||o?.handleSelectionEvent(e,this.rowNode,"rowClicked")}setupDetailRowAutoHeight(e){"FullWidthDetail"===this.rowType&&this.beans.masterDetailSvc?.setupDetailRowAutoHeight(this,e)}createFullWidthCompDetails(e,t){const{gos:a,rowNode:o}=this,n=(0,p._addGridCommonParams)(a,{fullWidth:!0,data:o.data,node:o,value:o.key,valueFormatted:o.key,eGridCell:e,eParentOfValue:e,pinned:t,addRenderedRowListener:this.addEventListener.bind(this),registerRowDragger:(e,t,a,o)=>this.addFullWidthRowDragging(e,t,a,o),setTooltip:(e,t)=>{a.assertModuleRegistered("Tooltip",3),this.setupFullWidthRowTooltip(e,t)}}),r=this.beans.userCompFactory;switch(this.rowType){case"FullWidthDetail":return(0,u._getFullWidthDetailCellRendererDetails)(r,n);case"FullWidthGroup":{const{value:e,valueFormatted:t}=this.beans.valueSvc.getValueForDisplay(void 0,this.rowNode,!0);return n.value=e,n.valueFormatted=t,(0,u._getFullWidthGroupCellRendererDetails)(r,n)}case"FullWidthLoading":return(0,u._getFullWidthLoadingCellRendererDetails)(r,n);default:return(0,u._getFullWidthCellRendererDetails)(r,n)}}setupFullWidthRowTooltip(e,t){this.fullWidthGui&&(this.tooltipFeature=this.beans.tooltipSvc?.setupFullWidthRowTooltip(this.tooltipFeature,this,e,t))}addFullWidthRowDragging(e,t,a="",o){const{rowDragSvc:n,context:r}=this.beans;if(!n||!this.isFullWidth())return;const i=n.createRowDragComp(()=>a,this.rowNode,void 0,e,t,o);this.createBean(i,r),this.addDestroyFunc(()=>{this.destroyBean(i,r)})}onUiLevelChanged(){const e=(0,m.calculateRowLevel)(this.rowNode);if(this.rowLevel!=e){const t="ag-row-level-"+e,a="ag-row-level-"+this.rowLevel;for(const e of this.allRowGuis)e.rowComp.toggleCss(t,!0),e.rowComp.toggleCss(a,!1)}this.rowLevel=e}isFirstRowOnPage(){return this.rowNode.rowIndex===this.beans.pageBounds.getFirstRow()}isLastRowOnPage(){return this.rowNode.rowIndex===this.beans.pageBounds.getLastRow()}refreshFirstAndLastRowStyles(){const e=this.isFirstRowOnPage(),t=this.isLastRowOnPage();if(this.firstRowOnPage!==e){this.firstRowOnPage=e;for(const t of this.allRowGuis)t.rowComp.toggleCss("ag-row-first",e)}if(this.lastRowOnPage!==t){this.lastRowOnPage=t;for(const e of this.allRowGuis)e.rowComp.toggleCss("ag-row-last",t)}}getAllCellCtrls(){if(0===this.leftCellCtrls.list.length&&0===this.rightCellCtrls.list.length)return this.centerCellCtrls.list;return[...this.centerCellCtrls.list,...this.leftCellCtrls.list,...this.rightCellCtrls.list]}postProcessClassesFromGridOptions(){const e=[];if(this.beans.rowStyleSvc?.processClassesFromGridOptions(e,this.rowNode),e.length)for(const t of e)for(const e of this.allRowGuis)e.rowComp.toggleCss(t,!0)}postProcessRowClassRules(){this.beans.rowStyleSvc?.processRowClassRules(this.rowNode,e=>{for(const t of this.allRowGuis)t.rowComp.toggleCss(e,!0)},e=>{for(const t of this.allRowGuis)t.rowComp.toggleCss(e,!1)})}setStylesFromGridOptions(e,t){e&&(this.rowStyles=this.processStylesFromGridOptions()),this.forEachGui(t,e=>e.rowComp.setUserStyles(this.rowStyles))}getPinnedForContainer(e){return"left"===e||"right"===e?e:null}getInitialRowClasses(e){const t=this.getPinnedForContainer(e),a=this.isFullWidth(),{rowNode:o,beans:n}=this,r=[];r.push("ag-row"),r.push(this.rowFocused?"ag-row-focus":"ag-row-no-focus"),this.fadeInAnimation[e]&&r.push("ag-opacity-zero"),r.push(o.rowIndex%2==0?"ag-row-even":"ag-row-odd"),o.isRowPinned()&&(r.push("ag-row-pinned"),n.pinnedRowModel?.isManual()&&r.push("ag-row-pinned-manual")),!o.isRowPinned()&&o.pinnedSibling&&r.push("ag-row-pinned-source"),o.isSelected()&&r.push("ag-row-selected"),o.footer&&r.push("ag-row-footer"),r.push("ag-row-level-"+this.rowLevel),o.stub&&r.push("ag-row-loading"),a&&r.push("ag-full-width-row"),n.expansionSvc?.addExpandedCss(r,o),o.dragging&&r.push("ag-row-dragging");const{rowStyleSvc:i}=n;return i&&(i.processClassesFromGridOptions(r,o),i.preProcessRowClassRules(r,o)),r.push(this.printLayout?"ag-row-position-relative":"ag-row-position-absolute"),this.isFirstRowOnPage()&&r.push("ag-row-first"),this.isLastRowOnPage()&&r.push("ag-row-last"),a&&("left"===t&&r.push("ag-cell-last-left-pinned"),"right"===t&&r.push("ag-cell-first-right-pinned")),r}processStylesFromGridOptions(){return this.beans.rowStyleSvc?.processStylesFromGridOptions(this.rowNode)??this.emptyStyle}onRowSelected(e){this.beans.selectionSvc?.onRowCtrlSelected(this,e=>{e!==this.centerGui&&e!==this.fullWidthGui||this.announceDescription()},e)}announceDescription(){this.beans.selectionSvc?.announceAriaRowSelection(this.rowNode)}addHoverFunctionality(e){if(!this.active)return;const{element:t,compBean:a}=e,{rowNode:o,beans:n,gos:r}=this;a.addManagedListeners(t,{pointerenter:e=>{"mouse"===e.pointerType&&o.dispatchRowEvent("mouseEnter")},pointerleave:e=>{"mouse"===e.pointerType&&o.dispatchRowEvent("mouseLeave")}}),a.addManagedListeners(o,{mouseEnter:()=>{n.dragSvc?.dragging||r.get("suppressRowHoverHighlight")||(t.classList.add("ag-row-hover"),o.setHovered(!0))},mouseLeave:()=>{this.resetHoveredStatus(t)}})}resetHoveredStatus(e){const t=e?[e]:this.allRowGuis.map(e=>e.element);for(const e of t)e.classList.remove("ag-row-hover");this.rowNode.setHovered(!1)}roundRowTopToBounds(e){const t=this.beans.ctrlsSvc.getScrollFeature().getApproximateVScollPosition(),a=this.applyPaginationOffset(t.top,!0)-100,o=this.applyPaginationOffset(t.bottom,!0)+100;return Math.min(Math.max(a,e),o)}forEachGui(e,t){if(e)t(e);else for(const e of this.allRowGuis)t(e)}isRowRendered(){return this.allRowGuis.length>0}onRowHeightChanged(e){if(null==this.rowNode.rowHeight)return;const t=this.rowNode.rowHeight,a=this.beans.environment.getDefaultRowHeight(),o=(0,p._isGetRowHeightFunction)(this.gos)?(0,p._getRowHeightForNode)(this.beans,this.rowNode).height:void 0,n=o?Math.min(a,o)-2+"px":void 0;this.forEachGui(e,e=>{e.element.style.height=`${t}px`,n&&e.element.style.setProperty("--ag-line-height",n)})}destroyFirstPass(e=!1){this.active=!1;const{rowNode:t}=this;if(!e&&(0,p._isAnimateRows)(this.gos)&&!t.sticky){if(null!=t.rowTop){const e=this.roundRowTopToBounds(t.rowTop);this.setRowTop(e)}else for(const e of this.allRowGuis)e.rowComp.toggleCss("ag-opacity-zero",!0)}this.fullWidthGui?.element.contains((0,r._getActiveDomElement)(this.beans))&&this.beans.focusSvc.attemptToRecoverFocus(),t.setHovered(!1);const a=this.createRowEvent("virtualRowRemoved");this.dispatchLocalEvent(a),this.beans.eventSvc.dispatchEvent(a),super.destroy()}destroySecondPass(){this.allRowGuis.length=0;const e=e=>{for(const t of e.list)t.destroy();return{list:[],map:{}}};this.centerCellCtrls=e(this.centerCellCtrls),this.leftCellCtrls=e(this.leftCellCtrls),this.rightCellCtrls=e(this.rightCellCtrls)}setFocusedClasses(e){this.forEachGui(e,e=>{e.rowComp.toggleCss("ag-row-focus",this.rowFocused),e.rowComp.toggleCss("ag-row-no-focus",!this.rowFocused)})}onCellFocusChanged(){const{focusSvc:e}=this.beans,t=e.isRowFocused(this.rowNode.rowIndex,this.rowNode.rowPinned);t!==this.rowFocused&&(this.rowFocused=t,this.setFocusedClasses())}onPaginationChanged(){const e=this.beans.pagination?.getCurrentPage()??0;this.paginationPage!==e&&(this.paginationPage=e,this.onTopChanged()),this.refreshFirstAndLastRowStyles()}onTopChanged(){this.setRowTop(this.rowNode.rowTop)}onPaginationPixelOffsetChanged(){this.onTopChanged()}applyPaginationOffset(e,t=!1){if(this.rowNode.isRowPinned()||this.rowNode.sticky)return e;return e+this.beans.pageBounds.getPixelOffset()*(t?1:-1)}setRowTop(e){if(!this.printLayout&&(0,d._exists)(e)){const t=this.applyPaginationOffset(e),a=`${this.rowNode.isRowPinned()||this.rowNode.sticky?t:this.beans.rowContainerHeight.getRealPixelPosition(t)}px`;this.setRowTopStyle(a)}}getInitialRowTop(e){return this.suppressRowTransform?this.getInitialRowTopShared(e):void 0}getInitialTransform(e){return this.suppressRowTransform?void 0:`translateY(${this.getInitialRowTopShared(e)})`}getInitialRowTopShared(e){if(this.printLayout)return"";const t=this.rowNode;let a;if(t.sticky)a=t.stickyRowTop;else{const o=this.slideInAnimation[e]?this.roundRowTopToBounds(t.oldRowTop):t.rowTop,n=this.applyPaginationOffset(o);a=t.isRowPinned()?n:this.beans.rowContainerHeight.getRealPixelPosition(n)}return a+"px"}setRowTopStyle(e){for(const t of this.allRowGuis)this.suppressRowTransform?t.rowComp.setTop(e):t.rowComp.setTransform(`translateY(${e})`)}getCellCtrl(e,t=!1){let a=null;for(const t of this.getAllCellCtrls())t.column==e&&(a=t);if(null!=a||t)return a;for(const t of this.getAllCellCtrls())t?.getColSpanningList().indexOf(e)>=0&&(a=t);return a}onRowIndexChanged(){null!=this.rowNode.rowIndex&&(this.onCellFocusChanged(),this.updateRowIndexes(),this.postProcessCss())}updateRowIndexes(e){const t=this.rowNode.getRowIndexString();if(null===t)return;const a=(this.beans.ctrlsSvc.getHeaderRowContainerCtrl()?.getRowCount()??0)+(this.beans.filterManager?.getHeaderRowCount()??0),n=this.rowNode.rowIndex%2==0,r=a+this.rowNode.rowIndex+1;this.forEachGui(e,e=>{e.rowComp.setRowIndex(t),e.rowComp.toggleCss("ag-row-even",n),e.rowComp.toggleCss("ag-row-odd",!n),(0,o._setAriaRowIndex)(e.element,r)})}}t.RowCtrl=w},17109:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.RowContainerHeightService=void 0;const o=a(36916),n=a(68731),r=a(86597);class i extends n.BeanStub{constructor(){super(...arguments),this.beanName="rowContainerHeight",this.scrollY=0,this.uiBodyHeight=0}postConstruct(){this.addManagedEventListeners({bodyHeightChanged:this.updateOffset.bind(this)}),this.maxDivHeight=(0,o._getMaxDivHeight)(),(0,r._logIfDebug)(this.gos,"RowContainerHeightService - maxDivHeight = "+this.maxDivHeight)}updateOffset(){if(!this.stretching)return;const e=this.beans.ctrlsSvc.getScrollFeature().getVScrollPosition().top,t=this.getUiBodyHeight();(e!==this.scrollY||t!==this.uiBodyHeight)&&(this.scrollY=e,this.uiBodyHeight=t,this.calculateOffset())}calculateOffset(){this.setUiContainerHeight(this.maxDivHeight),this.pixelsToShave=this.modelHeight-this.uiContainerHeight,this.maxScrollY=this.uiContainerHeight-this.uiBodyHeight;const e=this.scrollY/this.maxScrollY,t=e*this.pixelsToShave;(0,r._logIfDebug)(this.gos,`RowContainerHeightService - Div Stretch Offset = ${t} (${this.pixelsToShave} * ${e})`),this.setDivStretchOffset(t)}setUiContainerHeight(e){e!==this.uiContainerHeight&&(this.uiContainerHeight=e,this.eventSvc.dispatchEvent({type:"rowContainerHeightChanged"}))}clearOffset(){this.setUiContainerHeight(this.modelHeight),this.pixelsToShave=0,this.setDivStretchOffset(0)}setDivStretchOffset(e){const t="number"==typeof e?Math.floor(e):null;this.divStretchOffset!==t&&(this.divStretchOffset=t,this.eventSvc.dispatchEvent({type:"heightScaleChanged"}))}setModelHeight(e){this.modelHeight=e,this.stretching=null!=e&&this.maxDivHeight>0&&e>this.maxDivHeight,this.stretching?this.calculateOffset():this.clearOffset()}getRealPixelPosition(e){return e-this.divStretchOffset}getUiBodyHeight(){const e=this.beans.ctrlsSvc.getScrollFeature().getVScrollPosition();return e.bottom-e.top}getScrollPositionForPixel(e){if(this.pixelsToShave<=0)return e;const t=e/(this.modelHeight-this.getUiBodyHeight());return this.maxScrollY*t}}t.RowContainerHeightService=i},90557:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.isRowInMap=t.mapRowNodes=t.RowRenderer=void 0;const o=a(79909),n=a(1956),r=a(89097),i=a(68731),l=a(6257),s=a(67274),d=a(1323),c=a(47764),g=a(7632);class u extends i.BeanStub{constructor(){super(...arguments),this.beanName="rowRenderer",this.destroyFuncsForColumnListeners=[],this.rowCtrlsByRowIndex={},this.zombieRowCtrls={},this.allRowCtrls=[],this.topRowCtrls=[],this.bottomRowCtrls=[],this.refreshInProgress=!1,this.dataFirstRenderedFired=!1,this.setupRangeSelectionListeners=()=>{const e=()=>{for(const e of this.getAllCellCtrls())e.onCellSelectionChanged()},t=()=>{for(const e of this.getAllCellCtrls())e.updateRangeBordersIfRangeCount()},a=()=>{this.eventSvc.addListener("cellSelectionChanged",e),this.eventSvc.addListener("columnMoved",t),this.eventSvc.addListener("columnPinned",t),this.eventSvc.addListener("columnVisible",t)},o=()=>{this.eventSvc.removeListener("cellSelectionChanged",e),this.eventSvc.removeListener("columnMoved",t),this.eventSvc.removeListener("columnPinned",t),this.eventSvc.removeListener("columnVisible",t)};this.addDestroyFunc(()=>o()),this.addManagedPropertyListeners(["enableRangeSelection","cellSelection"],()=>{(0,s._isCellSelectionEnabled)(this.gos)?a():o()});(0,s._isCellSelectionEnabled)(this.gos)&&a()}}wireBeans(e){this.pageBounds=e.pageBounds,this.colModel=e.colModel,this.pinnedRowModel=e.pinnedRowModel,this.rowModel=e.rowModel,this.focusSvc=e.focusSvc,this.rowContainerHeight=e.rowContainerHeight,this.ctrlsSvc=e.ctrlsSvc,this.editSvc=e.editSvc}postConstruct(){this.ctrlsSvc.whenReady(this,e=>{this.gridBodyCtrl=e.gridBodyCtrl,this.initialise()})}initialise(){this.addManagedEventListeners({paginationChanged:this.onPageLoaded.bind(this),pinnedRowDataChanged:this.onPinnedRowDataChanged.bind(this),pinnedRowsChanged:this.onPinnedRowsChanged.bind(this),displayedColumnsChanged:this.onDisplayedColumnsChanged.bind(this),bodyScroll:this.onBodyScroll.bind(this),bodyHeightChanged:this.redraw.bind(this,{})}),this.addManagedPropertyListeners(["domLayout","embedFullWidthRows"],()=>this.onDomLayoutChanged()),this.addManagedPropertyListeners(["suppressMaxRenderedRowRestriction","rowBuffer"],()=>this.redraw()),this.addManagedPropertyListener("suppressCellFocus",e=>this.onSuppressCellFocusChanged(e.currentValue)),this.addManagedPropertyListeners(["groupSuppressBlankHeader","getBusinessKeyForNode","fullWidthCellRenderer","fullWidthCellRendererParams","suppressStickyTotalRow","groupRowRenderer","groupRowRendererParams","loadingCellRenderer","loadingCellRendererParams","detailCellRenderer","detailCellRendererParams","enableRangeSelection","enableCellTextSelection"],()=>this.redrawRows()),this.addManagedPropertyListener("cellSelection",({currentValue:e,previousValue:t})=>{(!t&&e||t&&!e)&&this.redrawRows()});const{stickyRowSvc:e,gos:t,showRowGroupCols:a}=this.beans;if(a&&this.addManagedPropertyListener("showOpenedGroup",()=>{const e=a.getShowRowGroupCols();e.length&&this.refreshCells({columns:e,force:!0})}),e)this.stickyRowFeature=e.createStickyRowFeature(this,this.createRowCon.bind(this),this.destroyRowCtrls.bind(this));else{const e=this.gridBodyCtrl;e.setStickyTopHeight(0),e.setStickyBottomHeight(0)}this.registerCellEventListeners(),this.initialiseCache(),this.printLayout=(0,s._isDomLayout)(t,"print"),this.embedFullWidthRows=this.printLayout||t.get("embedFullWidthRows"),this.redrawAfterModelUpdate()}initialiseCache(){if(this.gos.get("keepDetailRows")){const e=this.getKeepDetailRowsCount(),t=null!=e?e:3;this.cachedRowCtrls=new h(t)}}getKeepDetailRowsCount(){return this.gos.get("keepDetailRowsCount")}getStickyTopRowCtrls(){return this.stickyRowFeature?.stickyTopRowCtrls??[]}getStickyBottomRowCtrls(){return this.stickyRowFeature?.stickyBottomRowCtrls??[]}updateAllRowCtrls(){const e=Object.values(this.rowCtrlsByRowIndex),t=Object.values(this.zombieRowCtrls),a=this.cachedRowCtrls?.getEntries()??[];t.length>0||a.length>0?this.allRowCtrls=[...e,...t,...a]:this.allRowCtrls=e}isCellBeingRendered(e,t){const a=this.rowCtrlsByRowIndex[e];if(!t||!a)return!!a;if(a.isFullWidth())return!0;const o=this.beans.spannedRowRenderer?.getCellByPosition({rowIndex:e,column:t,rowPinned:null});return!!o||!!a.getCellCtrl(t)||!a.isRowRendered()}updateCellFocus(e){for(const t of this.getAllCellCtrls())t.onCellFocused(e);for(const t of this.getFullWidthRowCtrls())t.onFullWidthRowFocused(e)}onCellFocusChanged(e){if(null!=e?.rowIndex&&!e.rowPinned){const t=this.beans.colModel.getCol(e.column)??void 0;this.isCellBeingRendered(e.rowIndex,t)||this.redraw()}this.updateCellFocus(e)}onSuppressCellFocusChanged(e){for(const t of this.getAllCellCtrls())t.onSuppressCellFocusChanged(e);for(const t of this.getFullWidthRowCtrls())t.onSuppressCellFocusChanged(e)}registerCellEventListeners(){this.addManagedEventListeners({cellFocused:e=>this.onCellFocusChanged(e),cellFocusCleared:()=>this.updateCellFocus(),flashCells:e=>{const{cellFlashSvc:t}=this.beans;if(t)for(const a of this.getAllCellCtrls())t.onFlashCells(a,e)},columnHoverChanged:()=>{for(const e of this.getAllCellCtrls())e.onColumnHover()},displayedColumnsChanged:()=>{for(const e of this.getAllCellCtrls())e.onDisplayedColumnsChanged()},displayedColumnsWidthChanged:()=>{if(this.printLayout)for(const e of this.getAllCellCtrls())e.onLeftChanged()}}),this.setupRangeSelectionListeners(),this.refreshListenersToColumnsForCellComps(),this.addManagedEventListeners({gridColumnsChanged:this.refreshListenersToColumnsForCellComps.bind(this)}),this.addDestroyFunc(this.removeGridColumnListeners.bind(this))}removeGridColumnListeners(){for(const e of this.destroyFuncsForColumnListeners)e();this.destroyFuncsForColumnListeners.length=0}refreshListenersToColumnsForCellComps(){this.removeGridColumnListeners();const e=this.colModel.getCols();for(const t of e){const e=e=>{for(const a of this.getAllCellCtrls())a.column===t&&e(a)},a=()=>{e(e=>e.onLeftChanged())},o=()=>{e(e=>e.onWidthChanged())},n=()=>{e(e=>e.onFirstRightPinnedChanged())},r=()=>{e(e=>e.onLastLeftPinnedChanged())},i=()=>{e(e=>e.onColDefChanged())};t.__addEventListener("leftChanged",a),t.__addEventListener("widthChanged",o),t.__addEventListener("firstRightPinnedChanged",n),t.__addEventListener("lastLeftPinnedChanged",r),t.__addEventListener("colDefChanged",i),this.destroyFuncsForColumnListeners.push(()=>{t.__removeEventListener("leftChanged",a),t.__removeEventListener("widthChanged",o),t.__removeEventListener("firstRightPinnedChanged",n),t.__removeEventListener("lastLeftPinnedChanged",r),t.__removeEventListener("colDefChanged",i)})}}onDomLayoutChanged(){const e=(0,s._isDomLayout)(this.gos,"print"),t=e||this.gos.get("embedFullWidthRows"),a=t!==this.embedFullWidthRows||this.printLayout!==e;this.printLayout=e,this.embedFullWidthRows=t,a&&this.redrawAfterModelUpdate({domLayoutChanged:!0})}datasourceChanged(){this.firstRenderedRow=0,this.lastRenderedRow=-1;const e=Object.keys(this.rowCtrlsByRowIndex);this.removeRowCtrls(e)}onPageLoaded(e){const t={recycleRows:e.keepRenderedRows,animate:e.animate,newData:e.newData,newPage:e.newPage,onlyBody:!0};this.redrawAfterModelUpdate(t)}getAllCellsNotSpanningForColumn(e){const t=[];for(const a of this.getAllRowCtrls()){const o=a.getCellCtrl(e,!0)?.eGui;o&&t.push(o)}return t}refreshFloatingRowComps(e=!0){this.refreshFloatingRows(this.topRowCtrls,"top",e),this.refreshFloatingRows(this.bottomRowCtrls,"bottom",e)}refreshFloatingRows(e,t,a){const{pinnedRowModel:o,beans:n,printLayout:r}=this,i=Object.fromEntries(e.map(e=>[e.rowNode.id,e]));o?.forEachPinnedRow(t,(l,s)=>{const d=e[s];d&&void 0===o.getPinnedRowById(d.rowNode.id,t)&&(d.destroyFirstPass(),d.destroySecondPass()),l.id in i&&a?(e[s]=i[l.id],delete i[l.id]):e[s]=new g.RowCtrl(l,n,!1,!1,r)});const l=("top"===t?o?.getPinnedTopRowCount():o?.getPinnedBottomRowCount())??0;e.length=l}onPinnedRowDataChanged(){this.redrawAfterModelUpdate({recycleRows:!0})}onPinnedRowsChanged(){this.redrawAfterModelUpdate({recycleRows:!0})}redrawRow(e,t=!1){if(e.sticky)this.stickyRowFeature?.refreshStickyNode(e);else{if(this.cachedRowCtrls?.has(e))return void this.cachedRowCtrls.removeRow(e);{const t=t=>{const a=t[e.rowIndex];a&&a.rowNode===e&&(a.destroyFirstPass(),a.destroySecondPass(),t[e.rowIndex]=this.createRowCon(e,!1,!1))};switch(e.rowPinned){case"top":t(this.topRowCtrls);break;case"bottom":t(this.bottomRowCtrls);break;default:t(this.rowCtrlsByRowIndex),this.updateAllRowCtrls()}}}t||this.dispatchDisplayedRowsChanged(!1)}redrawRows(e){const{editSvc:t}=this.beans;t?.isEditing()&&(t.isBatchEditing()?t.cleanupEditors():t.stopEditing(void 0,{source:"api"}));if(null!=e){for(const t of e??[])this.redrawRow(t,!0);this.dispatchDisplayedRowsChanged(!1)}else this.redrawAfterModelUpdate()}redrawAfterModelUpdate(e={}){this.getLockOnRefresh();const t=this.beans.focusSvc?.getFocusCellToUseAfterRefresh();this.updateContainerHeights(),this.scrollToTopIfNewData(e);const a=!e.domLayoutChanged&&!!e.recycleRows,o=e.animate&&(0,s._isAnimateRows)(this.gos),n=a?this.getRowsToRecycle():null;a||this.removeAllRowComps(),this.workOutFirstAndLastRowsToRender();const{stickyRowFeature:r,gos:i}=this;if(r){r.checkStickyRows();const e=r.extraTopHeight+r.extraBottomHeight;e&&this.updateContainerHeights(e)}this.recycleRows(n,o),this.gridBodyCtrl.updateRowCount(),e.onlyBody||this.refreshFloatingRowComps(i.get("enableRowPinning")?a:void 0),this.dispatchDisplayedRowsChanged(),null!=t&&this.restoreFocusedCell(t),this.releaseLockOnRefresh()}scrollToTopIfNewData(e){const t=e.newData||e.newPage,a=this.gos.get("suppressScrollOnNewData");t&&!a&&(this.gridBodyCtrl.scrollFeature.scrollToTop(),this.stickyRowFeature?.resetOffsets())}updateContainerHeights(e=0){const{rowContainerHeight:t}=this;if(this.printLayout)return void t.setModelHeight(null);let a=this.pageBounds.getCurrentPageHeight();0===a&&(a=1),t.setModelHeight(a+e)}getLockOnRefresh(){if(this.refreshInProgress)throw new Error((0,c._errMsg)(252));this.refreshInProgress=!0,this.beans.frameworkOverrides.getLockOnRefresh?.()}releaseLockOnRefresh(){this.refreshInProgress=!1,this.beans.frameworkOverrides.releaseLockOnRefresh?.()}isRefreshInProgress(){return this.refreshInProgress}restoreFocusedCell(e){if(!e)return;const t=this.beans.focusSvc,a=this.findPositionToFocus(e);a?e.rowIndex===a.rowIndex&&e.rowPinned==a.rowPinned?t.doesRowOrCellHaveBrowserFocus()||this.updateCellFocus((0,s._addGridCommonParams)(this.gos,{...a,forceBrowserFocus:!0,preventScrollOnBrowserFocus:!0,type:"cellFocused"})):t.setFocusedCell({...a,preventScrollOnBrowserFocus:!0,forceBrowserFocus:!0}):t.focusHeaderPosition({headerPosition:{headerRowIndex:(0,d.getFocusHeaderRowCount)(this.beans)-1,column:e.column}})}findPositionToFocus(e){const{pagination:t,pageBounds:a}=this.beans;let o=e;for(null==o.rowPinned&&t&&a&&!t.isRowInPage(o.rowIndex)&&(o={rowPinned:null,rowIndex:a.getFirstRow()});o;){if(null==o.rowPinned&&a)if(o.rowIndex<a.getFirstRow()){if(o=(0,l._getRowAbove)(this.beans,{rowPinned:null,rowIndex:0}),!o)return null}else o.rowIndex>a.getLastRow()&&(o={rowPinned:null,rowIndex:a.getLastRow()});const t=this.getRowByPosition(o);if(t?.isAlive())return{...t.getRowPosition(),column:e.column};o=(0,l._getRowAbove)(this.beans,o)}return null}getAllCellCtrls(){const e=[],t=this.getAllRowCtrls(),a=t.length;for(let o=0;o<a;o++){const a=t[o].getAllCellCtrls(),n=a.length;for(let t=0;t<n;t++)e.push(a[t])}return e}getAllRowCtrls(){const{spannedRowRenderer:e}=this.beans,t=this.getStickyTopRowCtrls(),a=this.getStickyBottomRowCtrls();return[...this.topRowCtrls,...this.bottomRowCtrls,...t,...a,...e?.getCtrls("top")??[],...e?.getCtrls("bottom")??[],...e?.getCtrls("center")??[],...Object.values(this.rowCtrlsByRowIndex)]}addRenderedRowListener(e,t,a){const o=this.rowCtrlsByRowIndex[t];o&&o.addEventListener(e,a)}refreshCells({rowNodes:e,columns:t,force:a,suppressFlash:o}={}){const n={force:a,newData:!1,suppressFlash:o};for(const a of this.getCellCtrls(e,t))a.refreshOrDestroyCell(n);this.refreshFullWidth(e)}refreshRows(e={}){for(const t of this.getRowCtrls(e.rowNodes))t.refreshRow(e);this.refreshFullWidth(e.rowNodes)}refreshFullWidth(e){if(!e)return;let t=!1;for(const a of this.getRowCtrls(e)){if(!a.isFullWidth())continue;a.refreshFullWidth()||(t=!0,this.redrawRow(a.rowNode,!0))}t&&this.dispatchDisplayedRowsChanged(!1)}getRowCtrls(e){const t=p(e),a=this.getAllRowCtrls();return e&&t?a.filter(e=>m(e.rowNode,t)):a}getCellCtrls(e,t){let a;(0,r._exists)(t)&&(a={},t.forEach(e=>{const t=this.colModel.getCol(e);(0,r._exists)(t)&&(a[t.getId()]=!0)}));const o=[];for(const t of this.getRowCtrls(e))for(const e of t.getAllCellCtrls()){const t=e.column.getId();a&&!a[t]||o.push(e)}return o}destroy(){this.removeAllRowComps(!0),super.destroy()}removeAllRowComps(e=!1){const t=Object.keys(this.rowCtrlsByRowIndex);this.removeRowCtrls(t,e),this.stickyRowFeature?.destroyStickyCtrls()}getRowsToRecycle(){const e=[];for(const t of Object.keys(this.rowCtrlsByRowIndex)){null==this.rowCtrlsByRowIndex[t].rowNode.id&&e.push(t)}this.removeRowCtrls(e);const t={};for(const e of Object.values(this.rowCtrlsByRowIndex)){t[e.rowNode.id]=e}return this.rowCtrlsByRowIndex={},t}removeRowCtrls(e,t=!1){for(const a of e){const e=this.rowCtrlsByRowIndex[a];e&&(e.destroyFirstPass(t),e.destroySecondPass()),delete this.rowCtrlsByRowIndex[a]}}onBodyScroll(e){"vertical"===e.direction&&this.redraw({afterScroll:!0})}redraw(e={}){const{focusSvc:t,animationFrameSvc:a}=this.beans,{afterScroll:o}=e;let n;const r=this.stickyRowFeature;r&&(n=t?.getFocusCellToUseAfterRefresh()||void 0);const i=this.firstRenderedRow,l=this.lastRenderedRow;this.workOutFirstAndLastRowsToRender();let s=!1;if(r){s=r.checkStickyRows();const e=r.extraTopHeight+r.extraBottomHeight;e&&this.updateContainerHeights(e)}const d=this.firstRenderedRow!==i||this.lastRenderedRow!==l;if((!o||s||d)&&(this.getLockOnRefresh(),this.recycleRows(null,!1,o),this.releaseLockOnRefresh(),this.dispatchDisplayedRowsChanged(o&&!s),null!=n)){const e=t?.getFocusCellToUseAfterRefresh();null!=n&&null==e&&(a?.flushAllFrames(),this.restoreFocusedCell(n))}}removeRowCompsNotToDraw(e,t){const a={};for(const t of e)a[t]=!0;const o=Object.keys(this.rowCtrlsByRowIndex).filter(e=>!a[e]);this.removeRowCtrls(o,t)}calculateIndexesToDraw(e){const t=[];for(let e=this.firstRenderedRow;e<=this.lastRenderedRow;e++)t.push(e);const a=this.beans.pagination,o=this.beans.focusSvc?.getFocusedCell()?.rowIndex;null!=o&&(o<this.firstRenderedRow||o>this.lastRenderedRow)&&(!a||a.isRowInPage(o))&&o<this.rowModel.getRowCount()&&t.push(o);const n=e=>{const a=e.rowNode.rowIndex;null!=a&&a!==o&&(a<this.firstRenderedRow||a>this.lastRenderedRow)&&this.doNotUnVirtualiseRow(e)&&t.push(a)};for(const e of Object.values(this.rowCtrlsByRowIndex))n(e);if(e)for(const t of Object.values(e))n(t);t.sort((e,t)=>e-t);const r=[];for(let e=0;e<t.length;e++){const a=t[e],o=this.rowModel.getRow(a);o&&!o.sticky&&r.push(a)}return r}recycleRows(e,t=!1,a=!1){const o=this.calculateIndexesToDraw(e);(this.printLayout||a)&&(t=!1),this.removeRowCompsNotToDraw(o,!t);for(const n of o)this.createOrUpdateRowCtrl(n,e,t,a);if(e){const{animationFrameSvc:o}=this.beans;o?.active&&a&&!this.printLayout?o.addDestroyTask(()=>{this.destroyRowCtrls(e,t),this.updateAllRowCtrls(),this.dispatchDisplayedRowsChanged()}):this.destroyRowCtrls(e,t)}this.updateAllRowCtrls()}dispatchDisplayedRowsChanged(e=!1){this.eventSvc.dispatchEvent({type:"displayedRowsChanged",afterScroll:e})}onDisplayedColumnsChanged(){const{visibleCols:e}=this.beans,t=e.isPinningLeft(),a=e.isPinningRight();(this.pinningLeft!==t||a!==this.pinningRight)&&(this.pinningLeft=t,this.pinningRight=a,this.embedFullWidthRows&&this.redrawFullWidthEmbeddedRows())}redrawFullWidthEmbeddedRows(){const e=[];for(const t of this.getFullWidthRowCtrls()){const a=t.rowNode.rowIndex;e.push(a.toString())}this.refreshFloatingRowComps(),this.removeRowCtrls(e),this.redraw({afterScroll:!0})}getFullWidthRowCtrls(e){const t=p(e);return this.getAllRowCtrls().filter(e=>{if(!e.isFullWidth())return!1;const a=e.rowNode;return!(null!=t&&!m(a,t))})}createOrUpdateRowCtrl(e,t,a,o){let n,i=this.rowCtrlsByRowIndex[e];i||(n=this.rowModel.getRow(e),(0,r._exists)(n)&&(0,r._exists)(t)&&t[n.id]&&n.alreadyRendered&&(i=t[n.id],t[n.id]=null));if(!i){if(n||(n=this.rowModel.getRow(e)),!(0,r._exists)(n))return;i=this.createRowCon(n,a,o)}n&&(n.alreadyRendered=!0),this.rowCtrlsByRowIndex[e]=i}destroyRowCtrls(e,t){const a=[];if(e)for(const o of Object.values(e))if(o)if(this.cachedRowCtrls&&o.isCacheable())this.cachedRowCtrls.addRow(o);else if(o.destroyFirstPass(!t),t){const e=o.instanceId;this.zombieRowCtrls[e]=o,a.push(()=>{o.destroySecondPass(),delete this.zombieRowCtrls[e]})}else o.destroySecondPass();t&&(a.push(()=>{this.isAlive()&&(this.updateAllRowCtrls(),this.dispatchDisplayedRowsChanged())}),window.setTimeout(()=>{for(const e of a)e()},400))}getRowBuffer(){return this.gos.get("rowBuffer")}getRowBufferInPixels(){return this.getRowBuffer()*(0,s._getRowHeightAsNumber)(this.beans)}workOutFirstAndLastRowsToRender(){const{rowContainerHeight:e,pageBounds:t,rowModel:a}=this;let o,n;if(e.updateOffset(),a.isRowsToRender())if(this.printLayout)this.beans.environment.refreshRowHeightVariable(),o=t.getFirstRow(),n=t.getLastRow();else{const r=this.getRowBufferInPixels(),i=this.ctrlsSvc.getScrollFeature(),l=this.gos.get("suppressRowVirtualisation");let s,d,c=!1;do{const a=t.getPixelOffset(),{pageFirstPixel:o,pageLastPixel:n}=t.getCurrentPagePixelRange(),g=e.divStretchOffset,u=i.getVScrollPosition(),h=u.top,p=u.bottom;l?(s=o+g,d=n+g):(s=Math.max(h+a-r,o)+g,d=Math.min(p+a+r,n)+g),this.firstVisibleVPixel=Math.max(h+a,o)+g,this.lastVisibleVPixel=Math.min(p+a,n)+g,c=this.ensureAllRowsInRangeHaveHeightsCalculated(s,d)}while(c);let g=a.getRowIndexAtPixel(s),u=a.getRowIndexAtPixel(d);const h=t.getFirstRow(),p=t.getLastRow();g<h&&(g=h),u>p&&(u=p),o=g,n=u}else o=0,n=-1;const r=(0,s._isDomLayout)(this.gos,"normal"),i=this.gos.get("suppressMaxRenderedRowRestriction"),l=Math.max(this.getRowBuffer(),500);r&&!i&&n-o>l&&(n=o+l);const d=o!==this.firstRenderedRow,c=n!==this.lastRenderedRow;(d||c)&&(this.firstRenderedRow=o,this.lastRenderedRow=n,this.eventSvc.dispatchEvent({type:"viewportChanged",firstRow:o,lastRow:n}))}dispatchFirstDataRenderedEvent(){this.dataFirstRenderedFired||(this.dataFirstRenderedFired=!0,(0,n._requestAnimationFrame)(this.beans,()=>{this.beans.eventSvc.dispatchEvent({type:"firstDataRendered",firstRow:this.firstRenderedRow,lastRow:this.lastRenderedRow})}))}ensureAllRowsInRangeHaveHeightsCalculated(e,t){const a=this.pinnedRowModel?.ensureRowHeightsValid(),o=this.stickyRowFeature?.ensureRowHeightsValid(),{pageBounds:n,rowModel:r}=this,i=r.ensureRowHeightsValid(e,t,n.getFirstRow(),n.getLastRow());return(i||o)&&this.eventSvc.dispatchEvent({type:"recalculateRowBounds"}),!!(o||i||a)&&(this.updateContainerHeights(),!0)}doNotUnVirtualiseRow(e){const t=!1,a=e.rowNode,o=this.focusSvc.isRowFocused(a.rowIndex,a.rowPinned),n=this.editSvc?.isEditing(e),r=a.detail;if(!(o||n||r))return t;return!!this.isRowPresent(a)||t}isRowPresent(e){return!!this.rowModel.isRowPresent(e)&&(this.beans.pagination?.isRowInPage(e.rowIndex)??!0)}createRowCon(e,t,a){const o=this.cachedRowCtrls?.getRow(e)??null;if(o)return o;const n=a&&!this.printLayout&&!!this.beans.animationFrameSvc?.active;return new g.RowCtrl(e,this.beans,t,n,this.printLayout)}getRenderedNodes(){const e=Object.values(this.rowCtrlsByRowIndex).map(e=>e.rowNode);return[...this.getStickyTopRowCtrls().map(e=>e.rowNode),...e,...this.getStickyBottomRowCtrls().map(e=>e.rowNode)]}getRowByPosition(e){let t;const{rowIndex:a}=e;switch(e.rowPinned){case"top":t=this.topRowCtrls[a];break;case"bottom":t=this.bottomRowCtrls[a];break;default:t=this.rowCtrlsByRowIndex[a],t||(t=this.getStickyTopRowCtrls().find(e=>e.rowNode.rowIndex===a)||null,t||(t=this.getStickyBottomRowCtrls().find(e=>e.rowNode.rowIndex===a)||null))}return t}isRangeInRenderedViewport(e,t){if(null==e||null==t)return!1;const a=e>this.lastRenderedRow;return!(t<this.firstRenderedRow)&&!a}}t.RowRenderer=u;class h{constructor(e){this.entriesMap={},this.entriesList=[],this.maxCount=e}addRow(e){if(this.entriesMap[e.rowNode.id]=e,this.entriesList.push(e),e.setCached(!0),this.entriesList.length>this.maxCount){const e=this.entriesList[0];e.destroyFirstPass(),e.destroySecondPass(),this.removeFromCache(e)}}getRow(e){if(null==e?.id)return null;const t=this.entriesMap[e.id];if(!t)return null;this.removeFromCache(t),t.setCached(!1);return t.rowNode!=e?null:t}has(e){return null!=this.entriesMap[e.id]}removeRow(e){const t=e.id,a=this.entriesMap[t];delete this.entriesMap[t],(0,o._removeFromArray)(this.entriesList,a)}removeFromCache(e){const t=e.rowNode.id;delete this.entriesMap[t],(0,o._removeFromArray)(this.entriesList,e)}getEntries(){return this.entriesList}}function p(e){if(!e)return;const t={top:{},bottom:{},normal:{}};for(const a of e){const e=a.id;switch(a.rowPinned){case"top":t.top[e]=a;break;case"bottom":t.bottom[e]=a;break;default:t.normal[e]=a}}return t}function m(e,t){const a=e.id;switch(e.rowPinned){case"top":return null!=t.top[a];case"bottom":return null!=t.bottom[a];default:return null!=t.normal[a]}}t.mapRowNodes=p,t.isRowInMap=m},4265:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.CellSpanModule=void 0;const o=a(97205),n=a(24658),r=a(82991);t.CellSpanModule={moduleName:"CellSpan",version:o.VERSION,beans:[n.RowSpanService,r.SpannedRowRenderer]}},73643:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.RowSpanCache=t.CellSpan=void 0;const o=a(68731),n=a(67274);class r{constructor(e,t){this.col=e,this.firstNode=t,this.cellSpan=!0,this.spannedNodes=new Set,this.addSpannedNode(t)}reset(){this.spannedNodes.clear(),this.addSpannedNode(this.firstNode)}addSpannedNode(e){this.spannedNodes.add(e),this.lastNode=e}getLastNode(){return this.lastNode}getCellHeight(){return this.lastNode.rowTop+this.lastNode.rowHeight-this.firstNode.rowTop-1}doesSpanContain(e){return e.column===this.col&&(e.rowPinned==this.firstNode.rowPinned&&(this.firstNode.rowIndex<=e.rowIndex&&e.rowIndex<=this.lastNode.rowIndex))}getLastNodeAutoHeight(){const e=this.firstNode.__autoHeights?.[this.col.getColId()];if(null==e)return;let t=0;for(const e of this.spannedNodes)e!==this.lastNode&&(t+=e.rowHeight);return e-t}}t.CellSpan=r;class i extends o.BeanStub{constructor(e){super(),this.column=e}buildCache(e){const{column:t,beans:{gos:a,pinnedRowModel:o,rowModel:i,valueSvc:l,pagination:s}}=this,{colDef:d}=t,c=this.getNodeMap(e),g=new Map,u=a.getCallback("isFullWidthRow"),h=d.equals,p=d.spanRows,m="function"==typeof p;let f,v=null,b=null;const C=(e,t)=>{v=e,b=null,f=t},w=e=>{const o=!(e.isExpandable()||e.group||e.detail||u&&u({rowNode:e}));if(null==e.rowIndex||!o)return void C(null,null);if(null==v||e.level!==v.level||e.footer||b&&e.rowIndex-1!==b?.getLastNode().rowIndex)return void C(e,l.getValue(t,e));const i=l.getValue(t,e);if(m){const o=(0,n._addGridCommonParams)(a,{valueA:f,nodeA:v,valueB:i,nodeB:e,column:t,colDef:d});if(!p(o))return void C(e,i)}else if(h?!h(f,i):f!==i)return void C(e,i);if(!b){const e=c?.get(v);e?.firstNode===v?(e.reset(),b=e):b=new r(t,v),g.set(v,b)}b.addSpannedNode(e),g.set(e,b)};switch(e){case"center":i.forEachDisplayedNode?.(e=>{(!s||s.isRowInPage(e.rowIndex))&&w(e)}),this.centerValueNodeMap=g;break;case"top":o?.forEachPinnedRow("top",w),this.topValueNodeMap=g;break;case"bottom":o?.forEachPinnedRow("bottom",w),this.bottomValueNodeMap=g}}isCellSpanning(e){return!!this.getCellSpan(e)}getCellSpan(e){return this.getNodeMap(e.rowPinned).get(e)}getNodeMap(e){switch(e){case"top":return this.topValueNodeMap;case"bottom":return this.bottomValueNodeMap;default:return this.centerValueNodeMap}}}t.RowSpanCache=i},24658:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.RowSpanService=void 0;const o=a(44990),n=a(68731),r=a(73643);class i extends n.BeanStub{constructor(){super(...arguments),this.beanName="rowSpanSvc",this.spanningColumns=new Map,this.debouncePinnedEvent=(0,o._debounce)(this,this.dispatchCellsUpdatedEvent.bind(this,!0),0),this.debounceModelEvent=(0,o._debounce)(this,this.dispatchCellsUpdatedEvent.bind(this,!1),0),this.pinnedTimeout=null,this.modelTimeout=null}postConstruct(){const e=this.onRowDataUpdated.bind(this),t=this.buildPinnedCaches.bind(this);this.addManagedEventListeners({paginationChanged:this.buildModelCaches.bind(this),pinnedRowDataChanged:t,pinnedRowsChanged:t,rowNodeDataChanged:e,cellValueChanged:e})}register(e){const{gos:t}=this.beans;if(!t.get("enableCellSpan"))return;if(this.spanningColumns.has(e))return;const a=this.createManagedBean(new r.RowSpanCache(e));this.spanningColumns.set(e,a),a.buildCache("top"),a.buildCache("bottom"),a.buildCache("center"),this.debouncePinnedEvent(),this.debounceModelEvent()}dispatchCellsUpdatedEvent(e){this.dispatchLocalEvent({type:"spannedCellsUpdated",pinned:e})}deregister(e){this.spanningColumns.delete(e)}onRowDataUpdated({node:e}){const{spannedRowRenderer:t}=this.beans;if(e.rowPinned){if(null!=this.pinnedTimeout)return;this.pinnedTimeout=window.setTimeout(()=>{this.pinnedTimeout=null,this.buildPinnedCaches(),t?.createCtrls("top"),t?.createCtrls("bottom")},0)}else null==this.modelTimeout&&(this.modelTimeout=window.setTimeout(()=>{this.modelTimeout=null,this.buildModelCaches(),t?.createCtrls("center")},0))}buildModelCaches(){null!=this.modelTimeout&&clearTimeout(this.modelTimeout),this.spanningColumns.forEach(e=>e.buildCache("center")),this.debounceModelEvent()}buildPinnedCaches(){null!=this.pinnedTimeout&&clearTimeout(this.pinnedTimeout),this.spanningColumns.forEach(e=>{e.buildCache("top"),e.buildCache("bottom")}),this.debouncePinnedEvent()}isCellSpanning(e,t){const a=this.spanningColumns.get(e);return!!a&&a.isCellSpanning(t)}getCellSpanByPosition(e){const{pinnedRowModel:t,rowModel:a}=this.beans,o=e.column,n=e.rowIndex,r=this.spanningColumns.get(o);if(!r)return;let i;switch(e.rowPinned){case"top":i=t?.getPinnedTopRow(n);break;case"bottom":i=t?.getPinnedBottomRow(n);break;default:i=a.getRow(n)}return i?r.getCellSpan(i):void 0}getCellStart(e){const t=this.getCellSpanByPosition(e);return t?{...e,rowIndex:t.firstNode.rowIndex}:e}getCellEnd(e){const t=this.getCellSpanByPosition(e);return t?{...e,rowIndex:t.getLastNode().rowIndex}:e}getCellSpan(e,t){const a=this.spanningColumns.get(e);if(a)return a.getCellSpan(t)}forEachSpannedColumn(e,t){for(const[a,o]of this.spanningColumns)if(o.isCellSpanning(e)){t(a,o.getCellSpan(e))}}destroy(){super.destroy(),this.spanningColumns.clear()}}t.RowSpanService=i},48411:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.SpannedCellCtrl=void 0;const o=a(91623),n=a(86675),r=a(60814);class i extends r.CellCtrl{constructor(e,t,a){super(e.col,e.firstNode,a,t),this.cellSpan=e,this.SPANNED_CELL_CSS_CLASS="ag-spanned-cell"}setComp(e,t,a,o,n,r,i){this.eWrapper=a,super.setComp(e,t,a,o,n,r,i),this.setAriaRowSpan(),this.refreshAriaRowIndex()}isCellSpanning(){return!0}getCellSpan(){return this.cellSpan}refreshAriaRowIndex(){const{eGui:e,rowNode:t}=this;e&&null!=t.rowIndex&&(0,o._setAriaRowIndex)(e,t.rowIndex)}setAriaRowSpan(){(0,o._setAriaRowSpan)(this.eGui,this.cellSpan.spannedNodes.size)}setFocusedCellPosition(e){this.focusedCellPosition=e}getFocusedCellPosition(){return this.focusedCellPosition??this.cellPosition}checkCellFocused(){const e=this.beans.focusSvc.getFocusedCell();return!!e&&this.cellSpan.doesSpanContain(e)}applyStaticCssClasses(){super.applyStaticCssClasses(),this.comp.toggleCss(this.SPANNED_CELL_CSS_CLASS,!0)}onCellFocused(e){const{beans:t}=this;if((0,n._isCellFocusSuppressed)(t))return void(this.focusedCellPosition=void 0);const a=this.isCellFocused();a||(this.focusedCellPosition=void 0),e&&a&&(this.focusedCellPosition={rowIndex:e.rowIndex,rowPinned:e.rowPinned,column:e.column}),super.onCellFocused(e)}getRootElement(){return this.eWrapper}}t.SpannedCellCtrl=i},86541:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.SpannedRowCtrl=void 0;const o=a(7632),n=a(48411);class r extends o.RowCtrl{onRowIndexChanged(){super.onRowIndexChanged();for(const e of this.getAllCellCtrls())e.refreshAriaRowIndex()}getInitialRowClasses(e){return["ag-spanned-row"]}getNewCellCtrl(e){const t=this.beans.rowSpanSvc?.getCellSpan(e,this.rowNode);if(!t)return;return t.firstNode!==this.rowNode?void 0:new n.SpannedCellCtrl(t,this,this.beans)}isCorrectCtrlForSpan(e){const t=this.beans.rowSpanSvc?.getCellSpan(e.column,this.rowNode);if(!t)return!1;return!(t.firstNode!==this.rowNode)&&e.getCellSpan()===t}onRowHeightChanged(){}refreshFirstAndLastRowStyles(){}addHoverFunctionality(){}resetHoveredStatus(){}}t.SpannedRowCtrl=r},82991:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.SpannedRowRenderer=void 0;const o=a(68731),n=a(86541);class r extends o.BeanStub{constructor(){super(...arguments),this.beanName="spannedRowRenderer",this.topCtrls=new Map,this.bottomCtrls=new Map,this.centerCtrls=new Map}postConstruct(){this.addManagedEventListeners({displayedRowsChanged:this.createAllCtrls.bind(this)})}createAllCtrls(){this.createCtrls("top"),this.createCtrls("bottom"),this.createCtrls("center")}createCtrls(e){const{rowSpanSvc:t}=this.beans,a=this.getCtrlsMap(e),o=a.size,r=this.getAllRelevantRowControls(e),i=new Map;let l=!1;for(const e of r)e.isAlive()&&t?.forEachSpannedColumn(e.rowNode,(e,t)=>{if(i.has(t.firstNode))return;const o=a.get(t.firstNode);if(o)return i.set(t.firstNode,o),void a.delete(t.firstNode);l=!0;const r=new n.SpannedRowCtrl(t.firstNode,this.beans,!1,!1,!1);i.set(t.firstNode,r)});this.setCtrlsMap(e,i);const s=i.size===o;if(l||!s){for(const e of a.values())e.destroyFirstPass(!0),e.destroySecondPass();this.dispatchLocalEvent({type:"spannedRowsUpdated",ctrlsKey:e})}}getAllRelevantRowControls(e){const{rowRenderer:t}=this.beans;switch(e){case"top":return t.topRowCtrls;case"bottom":return t.bottomRowCtrls;case"center":return t.allRowCtrls}}getCellByPosition(e){const{rowSpanSvc:t}=this.beans,a=t?.getCellSpanByPosition(e);if(!a)return;const o=this.getCtrlsMap(e.rowPinned).get(a.firstNode);return o?o.getAllCellCtrls().find(t=>t.column===e.column):void 0}getCtrls(e){return[...this.getCtrlsMap(e).values()]}destroyRowCtrls(e){for(const t of this.getCtrlsMap(e).values())t.destroyFirstPass(!0),t.destroySecondPass();this.setCtrlsMap(e,new Map)}getCtrlsMap(e){switch(e){case"top":return this.topCtrls;case"bottom":return this.bottomCtrls;default:return this.centerCtrls}}setCtrlsMap(e,t){switch(e){case"top":this.topCtrls=t;break;case"bottom":this.bottomCtrls=t;break;default:this.centerCtrls=t}}destroy(){super.destroy(),this.destroyRowCtrls("top"),this.destroyRowCtrls("bottom"),this.destroyRowCtrls("center")}}t.SpannedRowRenderer=r},23306:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.BaseSelectionService=void 0;const o=a(91623),n=a(80011),r=a(73146),i=a(68731),l=a(9888),s=a(67274),d=a(78638),c=a(95954),g=a(99666),u=a(48273);class h extends i.BeanStub{postConstruct(){const{gos:e,beans:t}=this;this.selectionCtx=new g.RowRangeSelectionContext(t.rowModel,t.pinnedRowModel),this.addManagedPropertyListeners(["isRowSelectable","rowSelection"],()=>{const t=(0,s._getIsRowSelectable)(e);t!==this.isRowSelectable&&(this.isRowSelectable=t,this.updateSelectable())}),this.isRowSelectable=(0,s._getIsRowSelectable)(e),this.addManagedEventListeners({cellValueChanged:e=>this.updateRowSelectable(e.node),rowNodeDataChanged:e=>this.updateRowSelectable(e.node)})}destroy(){super.destroy(),this.selectionCtx.reset()}createCheckboxSelectionComponent(){return new c.CheckboxSelectionComponent}createSelectAllFeature(e){if((0,u.isCheckboxSelection)(this.beans,e))return new u.SelectAllFeature(e)}isMultiSelect(){return(0,s._isMultiRowSelection)(this.gos)}onRowCtrlSelected(e,t,a){const r=!!e.rowNode.isSelected();e.forEachGui(a,e=>{e.rowComp.toggleCss("ag-row-selected",r);const a=e.element;(0,o._setAriaSelected)(a,r);a.contains((0,n._getActiveDomElement)(this.beans))&&t(e)})}announceAriaRowSelection(e){if(this.isRowSelectionBlocked(e))return;const t=e.isSelected(),a=this.beans.editSvc?.isEditing({rowNode:e});if(!e.selectable||a)return;const o=this.getLocaleTextFunc()(t?"ariaRowDeselect":"ariaRowSelect",`Press SPACE to ${t?"deselect":"select"} this row`);this.beans.ariaAnnounce?.announceValue(o,"rowSelection")}isRowSelectionBlocked(e){return!e.selectable||e.rowPinned&&!(0,d._isManualPinnedRow)(e)||!(0,s._isRowSelection)(this.gos)}updateRowSelectable(e,t){const a=e.rowPinned&&e.pinnedSibling?e.pinnedSibling.selectable:this.isRowSelectable?.(e)??!0;return this.setRowSelectable(e,a,t),a}setRowSelectable(e,t,a){if(e.selectable!==t){if(e.selectable=t,e.dispatchRowEvent("selectableChanged"),a)return;if((0,s._getGroupSelectsDescendants)(this.gos)){const t=this.calculateSelectedFromChildren(e);return void this.setNodesSelected({nodes:[e],newValue:t??!1,source:"selectableChanged"})}e.isSelected()&&!e.selectable&&this.setNodesSelected({nodes:[e],newValue:!1,source:"selectableChanged"})}}calculateSelectedFromChildren(e){let t=!1,a=!1;if(!e.childrenAfterGroup?.length)return e.selectable?e.__selected:null;for(let o=0;o<e.childrenAfterGroup.length;o++){const n=e.childrenAfterGroup[o];let r=n.isSelected();if(!n.selectable){const e=this.calculateSelectedFromChildren(n);if(null===e)continue;r=e}switch(r){case!0:t=!0;break;case!1:a=!0;break;default:return}}return t&&a?void 0:!!t||!a&&(e.selectable?e.__selected:null)}selectRowNode(e,t,a,o="api"){const n=!e.selectable&&t,r=e.__selected===t;if(n||r)return!1;e.__selected=t,e.dispatchRowEvent("rowSelected");const i=e.sibling;i&&i.footer&&i.__localEventService&&i.dispatchRowEvent("rowSelected");const s=e.pinnedSibling;return s?.rowPinned&&s.__localEventService&&s.dispatchRowEvent("rowSelected"),this.eventSvc.dispatchEvent({...(0,l._createGlobalRowEvent)(e,this.gos,"rowSelected"),event:a||null,source:o}),!0}isCellCheckboxSelection(e,t){const a=this.gos.get("rowSelection");if(a&&"string"!=typeof a){const o=(0,r.isColumnSelectionCol)(e)&&(0,s._getCheckboxes)(a);return e.isColumnFunc(t,o)}return e.isColumnFunc(t,e.colDef.checkboxSelection)}inferNodeSelections(e,t,a,o){const{gos:n,selectionCtx:r}=this,i=e.isSelected(),l=(0,s._getGroupSelectsDescendants)(n),d=(0,s._getEnableSelection)(n),c=(0,s._getEnableDeselection)(n),g=this.isMultiSelect(),u="rowClicked"===o;if(u&&!d&&!c)return null;if(t&&a&&g){const t=r.getRoot();if(t){if(t.isSelected()){const t=r.isInRange(e)?r.truncate(e):r.extend(e,l);return{deselect:t.discard,select:t.keep,reset:!1}}return{select:[],deselect:r.extend(e,l).keep,reset:!1}}return null}if(t&&g){const t=r.selectAll?this.beans.rowModel.getRow(0):void 0,a=r.getRoot(t),o=r.isInRange(e)?r.truncate(e):r.extend(e,l);return{select:o.keep,deselect:o.discard,reset:r.selectAll||!(!a||a.isSelected())}}if(a){if(u){const t=!i;return t&&!d||!t&&!c?null:(r.setRoot(e),{node:e,newValue:t,clearSelection:!1})}return r.setRoot(e),{node:e,newValue:!i,clearSelection:!g}}{r.setRoot(e);const t=(0,s._getEnableSelectionWithoutKeys)(n),a=u&&(!t||!d);if("filteredDescendants"===(0,s._getGroupSelection)(n)&&void 0===i&&(0,s._isClientSideRowModel)(n))return{node:e,newValue:!1,checkFilteredNodes:!0,clearSelection:!g||a};if(u){const o=i?!t:d;return o===i&&!a||o&&!d||!o&&!c?null:{node:e,newValue:o,clearSelection:!g||a,keepDescendants:e.group&&l}}return{node:e,newValue:!i,clearSelection:!g||a}}}}t.BaseSelectionService=h},95954:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.CheckboxSelectionComponent=void 0;const o=a(91668),n=a(91623),r=a(18531),i=a(67274),l=a(22731),s=a(78020),d={tag:"div",cls:"ag-selection-checkbox",role:"presentation",children:[{tag:"ag-checkbox",ref:"eCheckbox",role:"presentation"}]};class c extends s.Component{constructor(){super(d,[r.AgCheckboxSelector]),this.eCheckbox=o.RefPlaceholder}postConstruct(){this.eCheckbox.setPassive(!0)}onDataChanged(){this.onSelectionChanged()}onSelectableChanged(){this.showOrHideSelect()}onSelectionChanged(){const e=this.getLocaleTextFunc(),{rowNode:t,eCheckbox:a}=this,o=t.isSelected(),r=(0,n._getAriaCheckboxStateName)(e,o),[i,l]=t.selectable?["ariaRowToggleSelection","Press Space to toggle row selection"]:["ariaRowSelectionDisabled","Row Selection is disabled for this row"],s=e(i,l);a.setValue(o,!0),a.setInputAriaLabel(`${s} (${r})`)}init(e){this.rowNode=e.rowNode,this.column=e.column,this.overrides=e.overrides,this.onSelectionChanged(),this.addManagedListeners(this.eCheckbox.getInputElement(),{dblclick:l._stopPropagationForAgGrid,click:e=>{(0,l._stopPropagationForAgGrid)(e),this.beans.selectionSvc?.handleSelectionEvent(e,this.rowNode,"checkboxSelected")}}),this.addManagedListeners(this.rowNode,{rowSelected:this.onSelectionChanged.bind(this),dataChanged:this.onDataChanged.bind(this),selectableChanged:this.onSelectableChanged.bind(this)}),this.addManagedPropertyListener("rowSelection",({currentValue:e,previousValue:t})=>{("object"==typeof e?(0,i._getHideDisabledCheckboxes)(e):void 0)!==("object"==typeof t?(0,i._getHideDisabledCheckboxes)(t):void 0)&&this.onSelectableChanged()});if((0,i._getIsRowSelectable)(this.gos)||"function"==typeof this.getIsVisible()){const e=this.showOrHideSelect.bind(this);this.addManagedEventListeners({displayedColumnsChanged:e}),this.addManagedListeners(this.rowNode,{dataChanged:e,cellChanged:e}),this.showOrHideSelect()}this.eCheckbox.getInputElement().setAttribute("tabindex","-1")}showOrHideSelect(){const{column:e,rowNode:t,overrides:a,gos:o}=this,n=t.selectable,r=this.getIsVisible();let l;if("function"==typeof r){const o=a?.callbackParams;if(e){const a=e.createColumnFunctionCallbackParams(t);l=r({...o,...a})}else l=r({...o,node:t,data:t.data})}else l=r??!1;const s=n&&!l||!n&&l,d=n||l,c=o.get("rowSelection"),g=c&&"string"!=typeof c?!(0,i._getHideDisabledCheckboxes)(c):!!e?.getColDef().showDisabledCheckboxes;this.setVisible(d&&(!s||g)),this.setDisplayed(d&&(!s||g)),d&&this.eCheckbox.setDisabled(s),a?.removeHidden&&this.setDisplayed(d)}getIsVisible(){const e=this.overrides;if(e)return e.isVisible;const t=this.gos.get("rowSelection");return t&&"string"!=typeof t?(0,i._getCheckboxes)(t):this.column?.getColDef()?.checkboxSelection}}t.CheckboxSelectionComponent=c},99666:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.RowRangeSelectionContext=void 0;const o=a(78638);t.RowRangeSelectionContext=class{constructor(e,t){this.rowModel=e,this.pinnedRowModel=t,this.selectAll=!1,this.rootId=null,this.endId=null,this.cachedRange=[]}reset(){this.rootId=null,this.endId=null,this.cachedRange.length=0}setRoot(e){this.rootId=e.id,this.endId=null,this.cachedRange.length=0}setEndRange(e){this.endId=e.id,this.cachedRange.length=0}getRange(){if(0===this.cachedRange.length){const e=this.getRoot(),t=this.getEnd();if(null==e||null==t)return this.cachedRange;this.cachedRange=this.getNodesInRange(e,t)??[]}return this.cachedRange}isInRange(e){return null!==this.rootId&&this.getRange().some(t=>t.id===e.id)}getRoot(e){return this.rootId?this.getRowNode(this.rootId):e?(this.setRoot(e),e):void 0}getEnd(){if(this.endId)return this.getRowNode(this.endId)}getRowNode(e){let t;const{rowModel:a,pinnedRowModel:o}=this;return t??(t=a.getRowNode(e)),o?.isManual()&&(t??(t=o.getPinnedRowById(e,"top")),t??(t=o.getPinnedRowById(e,"bottom"))),t}truncate(e){const t=this.getRange();if(0===t.length)return{keep:[],discard:[]};const a=t[0].id===this.rootId,o=t.findIndex(t=>t.id===e.id);if(o>-1){const n=t.slice(0,o),r=t.slice(o+1);return this.setEndRange(e),a?{keep:n,discard:r}:{keep:r,discard:n}}return{keep:t,discard:[]}}extend(e,t=!1){const a=this.getRoot();if(null==a){const a=this.getRange().slice();return t&&e.depthFirstSearch(e=>!e.group&&a.push(e)),a.push(e),this.setRoot(e),{keep:a,discard:[]}}const o=this.getNodesInRange(a,e);if(!o)return this.setRoot(e),{keep:[e],discard:[]};if(o.find(e=>e.id===this.endId))return this.setEndRange(e),{keep:this.getRange(),discard:[]};{const t=this.getRange().slice();return this.setEndRange(e),{keep:this.getRange(),discard:t}}}getNodesInRange(e,t){const{pinnedRowModel:a,rowModel:n}=this;if(!a?.isManual())return n.getNodesInRangeForSelection(e,t);if("top"===e.rowPinned&&!t.rowPinned){return(0,o._getNodesInRangeForSelection)(a,"top",e,void 0).concat(n.getNodesInRangeForSelection(n.getRow(0),t)??[])}if("bottom"===e.rowPinned&&!t.rowPinned){const r=(0,o._getNodesInRangeForSelection)(a,"bottom",void 0,e),i=n.getRowCount(),l=n.getRow(i-1);return(n.getNodesInRangeForSelection(t,l)??[]).concat(r)}if(!e.rowPinned&&!t.rowPinned)return n.getNodesInRangeForSelection(e,t);if("top"===e.rowPinned&&"top"===t.rowPinned)return(0,o._getNodesInRangeForSelection)(a,"top",e,t);if("bottom"===e.rowPinned&&"top"===t.rowPinned){const r=(0,o._getNodesInRangeForSelection)(a,"top",t,void 0),i=(0,o._getNodesInRangeForSelection)(a,"bottom",void 0,e),l=n.getRow(0),s=n.getRow(n.getRowCount()-1);return r.concat(n.getNodesInRangeForSelection(l,s)??[]).concat(i)}if(!e.rowPinned&&"top"===t.rowPinned){return(0,o._getNodesInRangeForSelection)(a,"top",t,void 0).concat(n.getNodesInRangeForSelection(n.getRow(0),e)??[])}if("top"===e.rowPinned&&"bottom"===t.rowPinned){const r=(0,o._getNodesInRangeForSelection)(a,"top",e,void 0),i=(0,o._getNodesInRangeForSelection)(a,"bottom",void 0,t),l=n.getRow(0),s=n.getRow(n.getRowCount()-1);return r.concat(n.getNodesInRangeForSelection(l,s)??[]).concat(i)}if("bottom"===e.rowPinned&&"bottom"===t.rowPinned)return(0,o._getNodesInRangeForSelection)(a,"bottom",e,t);if(!e.rowPinned&&"bottom"===t.rowPinned){const r=(0,o._getNodesInRangeForSelection)(a,"bottom",void 0,t),i=n.getRow(n.getRowCount());return(n.getNodesInRangeForSelection(e,i)??[]).concat(r)}return null}}},29770:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.getSelectedRows=t.getSelectedNodes=t.deselectAllOnCurrentPage=t.selectAllOnCurrentPage=t.deselectAllFiltered=t.selectAllFiltered=t.deselectAll=t.selectAll=t.setNodesSelected=void 0;const o=a(78638),n=a(47764);t.setNodesSelected=function(e,t){if(!t.nodes.every(e=>e.rowPinned&&!(0,o._isManualPinnedRow)(e)?((0,n._warn)(59),!1):void 0!==e.id||((0,n._warn)(60),!1)))return;const{nodes:a,source:r,newValue:i}=t;e.selectionSvc?.setNodesSelected({nodes:a,source:r??"api",newValue:i})},t.selectAll=function(e,t,a="apiSelectAll"){e.selectionSvc?.selectAllRowNodes({source:a,selectAll:t})},t.deselectAll=function(e,t,a="apiSelectAll"){e.selectionSvc?.deselectAllRowNodes({source:a,selectAll:t})},t.selectAllFiltered=function(e,t="apiSelectAllFiltered"){e.selectionSvc?.selectAllRowNodes({source:t,selectAll:"filtered"})},t.deselectAllFiltered=function(e,t="apiSelectAllFiltered"){e.selectionSvc?.deselectAllRowNodes({source:t,selectAll:"filtered"})},t.selectAllOnCurrentPage=function(e,t="apiSelectAllCurrentPage"){e.selectionSvc?.selectAllRowNodes({source:t,selectAll:"currentPage"})},t.deselectAllOnCurrentPage=function(e,t="apiSelectAllCurrentPage"){e.selectionSvc?.deselectAllRowNodes({source:t,selectAll:"currentPage"})},t.getSelectedNodes=function(e){return e.selectionSvc?.getSelectedNodes()??[]},t.getSelectedRows=function(e){return e.selectionSvc?.getSelectedRows()??[]}},43352:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.RowSelectionModule=t.SharedRowSelectionModule=void 0;const o=a(75626),n=a(97205),r=a(29770),i=a(6603);t.SharedRowSelectionModule={moduleName:"SharedRowSelection",version:n.VERSION,beans:[o.SelectionColService],apiFunctions:{setNodesSelected:r.setNodesSelected,selectAll:r.selectAll,deselectAll:r.deselectAll,selectAllFiltered:r.selectAllFiltered,deselectAllFiltered:r.deselectAllFiltered,selectAllOnCurrentPage:r.selectAllOnCurrentPage,deselectAllOnCurrentPage:r.deselectAllOnCurrentPage,getSelectedNodes:r.getSelectedNodes,getSelectedRows:r.getSelectedRows}},t.RowSelectionModule={moduleName:"RowSelection",version:n.VERSION,rowModels:["clientSide","infinite","viewport"],beans:[i.SelectionService],dependsOn:[t.SharedRowSelectionModule]}},48273:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.isCheckboxSelection=t.SelectAllFeature=void 0;const o=a(91623),n=a(80011),r=a(18531),i=a(73146),l=a(68731),s=a(67274),d=a(47764);class c extends l.BeanStub{constructor(e){super(),this.column=e,this.cbSelectAllVisible=!1,this.processingEventFromCheckbox=!1}onSpaceKeyDown(e){const t=this.cbSelectAll;t.isDisplayed()&&!t.getGui().contains((0,n._getActiveDomElement)(this.beans))&&(e.preventDefault(),t.setValue(!t.getValue()))}getCheckboxGui(){return this.cbSelectAll.getGui()}setComp(e){this.headerCellCtrl=e;const t=this.createManagedBean(new r.AgCheckbox);this.cbSelectAll=t,t.addCss("ag-header-select-all"),(0,o._setAriaRole)(t.getGui(),"presentation"),this.showOrHideSelectAll();const a=this.updateStateOfCheckbox.bind(this);this.addManagedEventListeners({newColumnsLoaded:()=>this.showOrHideSelectAll(),displayedColumnsChanged:this.onDisplayedColumnsChanged.bind(this),selectionChanged:a,paginationChanged:a,modelUpdated:a}),this.addManagedPropertyListener("rowSelection",({currentValue:e,previousValue:t})=>{const a=e=>"string"!=typeof e&&e&&"singleRow"!==e.mode?e.selectAll:void 0;a(e)!==a(t)&&this.showOrHideSelectAll(),this.updateStateOfCheckbox()}),this.addManagedListeners(t,{fieldValueChanged:this.onCbSelectAll.bind(this)}),t.getInputElement().setAttribute("tabindex","-1"),this.refreshSelectAllLabel()}onDisplayedColumnsChanged(e){this.isAlive()&&this.showOrHideSelectAll("uiColumnMoved"===e.source)}showOrHideSelectAll(e=!1){const t=this.isCheckboxSelection();this.cbSelectAllVisible=t,this.cbSelectAll.setDisplayed(t),t&&(this.checkRightRowModelType("selectAllCheckbox"),this.checkSelectionType("selectAllCheckbox"),this.updateStateOfCheckbox()),this.refreshSelectAllLabel(e)}updateStateOfCheckbox(){if(!this.cbSelectAllVisible||this.processingEventFromCheckbox)return;this.processingEventFromCheckbox=!0;const e=this.getSelectAllMode(),t=this.beans.selectionSvc,a=this.cbSelectAll,o=t.getSelectAllState(e);a.setValue(o);const n=t.hasNodesToSelect(e);a.setDisabled(!n),this.refreshSelectAllLabel(),this.processingEventFromCheckbox=!1}refreshSelectAllLabel(e=!1){const t=this.getLocaleTextFunc(),{headerCellCtrl:a,cbSelectAll:n,cbSelectAllVisible:r}=this,i=n.getValue(),l=(0,o._getAriaCheckboxStateName)(t,i),s=t("ariaRowSelectAll","Press Space to toggle all rows selection");a.setAriaDescriptionProperty("selectAll",r?`${s} (${l})`:null),n.setInputAriaLabel(t("ariaHeaderSelection","Column with Header Selection")),e||a.announceAriaDescription()}checkSelectionType(e){return!!(0,s._isMultiRowSelection)(this.gos)||((0,d._warn)(128,{feature:e}),!1)}checkRightRowModelType(e){const{gos:t,rowModel:a}=this.beans;return!(!(0,s._isClientSideRowModel)(t)&&!(0,s._isServerSideRowModel)(t))||((0,d._warn)(129,{feature:e,rowModel:a.getType()}),!1)}onCbSelectAll(){if(this.processingEventFromCheckbox)return;if(!this.cbSelectAllVisible)return;const e=this.cbSelectAll.getValue(),t=this.getSelectAllMode();let a="uiSelectAll";"currentPage"===t?a="uiSelectAllCurrentPage":"filtered"===t&&(a="uiSelectAllFiltered");const o={source:a,selectAll:t},n=this.beans.selectionSvc;e?n.selectAllRowNodes(o):n.deselectAllRowNodes(o)}isCheckboxSelection(){const{column:e,gos:t,beans:a}=this,o="object"==typeof t.get("rowSelection")?"headerCheckbox":"headerCheckboxSelection";return g(a,e)&&this.checkRightRowModelType(o)&&this.checkSelectionType(o)}getSelectAllMode(){const e=(0,s._getSelectAll)(this.gos,!1);if(e)return e;const{headerCheckboxSelectionCurrentPageOnly:t,headerCheckboxSelectionFilteredOnly:a}=this.column.getColDef();return t?"currentPage":a?"filtered":"all"}destroy(){super.destroy(),this.cbSelectAll=void 0,this.headerCellCtrl=void 0}}function g({gos:e,selectionColSvc:t},a){const o=e.get("rowSelection"),n=a.getColDef(),{headerCheckboxSelection:r}=n;let l=!1;if("object"==typeof o){const e=(0,i.isColumnSelectionCol)(a),n=(0,i.isColumnGroupAutoCol)(a);("autoGroupColumn"===(0,s._getCheckboxLocation)(o)&&n||e&&t?.isSelectionColumnEnabled())&&(l=(0,s._getHeaderCheckbox)(o))}else l="function"==typeof r?r((0,s._addGridCommonParams)(e,{column:a,colDef:n})):!!r;return l}t.SelectAllFeature=c,t.isCheckboxSelection=g},6603:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.SelectionService=void 0;const o=a(3373),n=a(67274),r=a(78638),i=a(76800),l=a(47764),s=a(23306);class d extends s.BaseSelectionService{constructor(){super(...arguments),this.beanName="selectionSvc",this.selectedNodes=new Map,this.detailSelection=new Map,this.masterSelectsDetail=!1}postConstruct(){super.postConstruct();const{gos:e}=this;this.mode=(0,n._getRowSelectionMode)(e),this.groupSelectsDescendants=(0,n._getGroupSelectsDescendants)(e),this.groupSelectsFiltered="filteredDescendants"===(0,n._getGroupSelection)(e),this.masterSelectsDetail="detail"===(0,n._getMasterSelects)(e),this.addManagedPropertyListeners(["groupSelectsChildren","groupSelectsFiltered","rowSelection"],()=>{const t=(0,n._getGroupSelectsDescendants)(e),a=(0,n._getRowSelectionMode)(e),o="filteredDescendants"===(0,n._getGroupSelection)(e);this.masterSelectsDetail="detail"===(0,n._getMasterSelects)(e),t===this.groupSelectsDescendants&&o===this.groupSelectsFiltered&&a===this.mode||(this.deselectAllRowNodes({source:"api"}),this.groupSelectsDescendants=t,this.groupSelectsFiltered=o,this.mode=a)}),this.addManagedEventListeners({rowSelected:this.onRowSelected.bind(this)})}destroy(){super.destroy(),this.resetNodes()}handleSelectionEvent(e,t,a){if(this.isRowSelectionBlocked(t))return 0;const o=this.inferNodeSelections(t,e.shiftKey,e.metaKey||e.ctrlKey,a);if(null==o)return 0;if(this.selectionCtx.selectAll=!1,"select"in o)return o.reset?this.resetNodes():this.selectRange(o.deselect,!1,a),this.selectRange(o.select,!0,a);{const t=o.checkFilteredNodes?u(o.node):o.newValue;return this.setNodesSelected({nodes:[o.node],newValue:t,clearSelection:o.clearSelection,keepDescendants:o.keepDescendants,event:e,source:a})}}setNodesSelected({newValue:e,clearSelection:t,suppressFinishActions:a,nodes:o,event:i,source:s,keepDescendants:d=!1}){if(0===o.length)return 0;const{gos:g}=this;if(!(0,n._isRowSelection)(g)&&e)return(0,l._warn)(132),0;if(o.length>1&&!this.isMultiSelect())return(0,l._warn)(130),0;let u=0;for(let t=0;t<o.length;t++){const a=c(o[t]);if(a.rowPinned&&!(0,r._isManualPinnedRow)(a)){(0,l._warn)(59);continue}if(void 0===a.id){(0,l._warn)(60);continue}if(!(this.groupSelectsFiltered&&a.group&&!g.get("treeData"))){this.selectRowNode(a,e,i,s)&&(this.detailSelection.delete(a.id),u++)}this.groupSelectsDescendants&&a.childrenAfterGroup?.length&&(u+=this.selectChildren(a,e,s))}if(!a){1===o.length&&"api"===s&&this.selectionCtx.setRoot(c(o[0]));e&&(t||!this.isMultiSelect())&&(u+=this.clearOtherNodes(c(o[0]),d,s)),u>0&&(this.updateGroupsFromChildrenSelections(s),this.dispatchSelectionChanged(s))}return u}selectRange(e,t,a){let o=0;return e.forEach(e=>{const n=c(e);if(n.group&&this.groupSelectsDescendants)return;this.selectRowNode(n,t,void 0,a)&&o++}),o>0&&(this.updateGroupsFromChildrenSelections(a),this.dispatchSelectionChanged(a)),o}selectChildren(e,t,a){const o=this.groupSelectsFiltered?e.childrenAfterAggFilter:e.childrenAfterGroup;return o?this.setNodesSelected({newValue:t,clearSelection:!1,suppressFinishActions:!0,source:a,nodes:o}):0}getSelectedNodes(){return Array.from(this.selectedNodes.values())}getSelectedRows(){const e=[];return this.selectedNodes.forEach(t=>t.data&&e.push(t.data)),e}getSelectionCount(){return this.selectedNodes.size}filterFromSelection(e){const t=new Map;this.selectedNodes.forEach((a,o)=>{e(a)&&t.set(o,a)}),this.selectedNodes=t}updateGroupsFromChildrenSelections(e,t){if(!this.groupSelectsDescendants)return!1;const{gos:a,rowModel:o}=this.beans;if(!(0,n._isClientSideRowModel)(a,o))return!1;const r=o.rootNode;if(!r)return!1;t||((t=new i.ChangedPath(!0,r)).active=!1);let l=!1;return t.forEachChangedNodeDepthFirst(t=>{if(t!==r){const a=this.calculateSelectedFromChildren(t);l=this.selectRowNode(t,null!==a&&a,void 0,e)||l}}),l}clearOtherNodes(e,t,a){const o=new Map;let n=0;return this.selectedNodes.forEach(r=>{const i=r.id==e.id;if((!t||!function(e,t){let a=t.parent;for(;a;){if(a===e)return!0;a=a.parent}return!1}(e,r))&&!i){const e=this.selectedNodes.get(r.id);n+=this.setNodesSelected({nodes:[e],newValue:!1,clearSelection:!1,suppressFinishActions:!0,source:a}),this.groupSelectsDescendants&&r.parent&&o.set(r.parent.id,r.parent)}}),o.forEach(e=>{const t=this.calculateSelectedFromChildren(e);this.selectRowNode(e,null!==t&&t,void 0,a)}),n}onRowSelected(e){const t=e.node;this.groupSelectsDescendants&&t.group||(t.isSelected()?this.selectedNodes.set(t.id,t):this.selectedNodes.delete(t.id))}syncInRowNode(e,t){this.syncInOldRowNode(e,t),this.syncInNewRowNode(e)}createDaemonNode(e){if(!e.id)return;const t=new o.RowNode(this.beans);return t.id=e.id,t.data=e.data,t.__selected=e.__selected,t.level=e.level,t}syncInOldRowNode(e,t){if(t&&e.id!==t.id){this.selectedNodes.get(t.id)==e&&this.selectedNodes.set(t.id,t)}}syncInNewRowNode(e){this.selectedNodes.has(e.id)?(e.__selected=!0,this.selectedNodes.set(e.id,e)):e.__selected=!1}reset(e){const t=this.getSelectionCount();this.resetNodes(),t&&this.dispatchSelectionChanged(e)}resetNodes(){this.selectedNodes.forEach(e=>{this.selectRowNode(e,!1)}),this.selectedNodes.clear()}getBestCostNodeSelection(){const{gos:e,rowModel:t}=this.beans;if(!(0,n._isClientSideRowModel)(e,t))return;const a=t.getTopLevelNodes();if(null===a)return;const o=[];return function e(t){for(let a=0,n=t.length;a<n;a++){const n=t[a];n.isSelected()?o.push(n):n.group&&n.childrenAfterGroup&&e(n.childrenAfterGroup)}}(a),o}isEmpty(){return 0===this.getSelectionCount()}deselectAllRowNodes({source:e,selectAll:t}){const a=(0,n._isClientSideRowModel)(this.gos);let o=!1;const r=t=>{const a=this.selectRowNode(c(t),!1,void 0,e);o||(o=a)};if("currentPage"===t||"filtered"===t){if(!a)return void(0,l._error)(102);this.getNodesToSelect(t).forEach(r)}else this.selectedNodes.forEach(r),this.reset(e);if(this.selectionCtx.selectAll=!1,a&&this.groupSelectsDescendants){const t=this.updateGroupsFromChildrenSelections(e);o||(o=t)}o&&this.dispatchSelectionChanged(e)}getSelectedCounts(e){let t=0,a=0;return this.getNodesToSelect(e).forEach(e=>{this.groupSelectsDescendants&&e.group||(e.isSelected()?t++:e.selectable&&a++)}),{selectedCount:t,notSelectedCount:a}}getSelectAllState(e){const{selectedCount:t,notSelectedCount:a}=this.getSelectedCounts(e);return g(t,a)??null}hasNodesToSelect(e){return this.getNodesToSelect(e).filter(e=>e.selectable).length>0}getNodesToSelect(e){if(!this.canSelectAll())return[];const t=[],a=e=>t.push(e);if("currentPage"===e)return this.forEachNodeOnPage(e=>{if(e.group){if(!e.expanded&&!e.footer){const t=e=>{a(e),e.childrenAfterFilter?.forEach(t)};return void t(e)}this.groupSelectsDescendants||a(e)}else a(e)}),t;const o=this.beans.rowModel;return"filtered"===e?(o.forEachNodeAfterFilter(a),t):(o.forEachNode(a),t)}forEachNodeOnPage(e){const{pageBounds:t,rowModel:a}=this.beans,o=t.getFirstRow(),n=t.getLastRow();for(let t=o;t<=n;t++){const o=a.getRow(t);o&&e(o)}}selectAllRowNodes(e){const{gos:t,selectionCtx:a}=this;if(!(0,n._isRowSelection)(t))return void(0,l._warn)(132);if((0,n._isUsingNewRowSelectionAPI)(t)&&!(0,n._isMultiRowSelection)(t))return void(0,l._warn)(130);if(!this.canSelectAll())return;const{source:o,selectAll:r}=e;let i=!1;if(this.getNodesToSelect(r).forEach(e=>{const t=this.selectRowNode(c(e),!0,void 0,o);i||(i=t)}),a.selectAll=!0,(0,n._isClientSideRowModel)(t)&&this.groupSelectsDescendants){const e=this.updateGroupsFromChildrenSelections(o);i||(i=e)}i&&this.dispatchSelectionChanged(o)}getSelectionState(){return this.isEmpty()?null:Array.from(this.selectedNodes.keys())}setSelectionState(e,t,a){if(e||(e=[]),!Array.isArray(e))return void(0,l._error)(103);const o=new Set(e),n=[];this.beans.rowModel.forEachNode(e=>{o.has(e.id)&&n.push(e)}),a&&this.resetNodes(),this.setNodesSelected({newValue:!0,nodes:n,source:t})}canSelectAll(){return(0,n._isClientSideRowModel)(this.beans.gos)}updateSelectable(e){const{gos:t,rowModel:a}=this.beans;if(!(0,n._isRowSelection)(t))return;const o="selectableChanged",r=void 0!==e,l=(0,n._isClientSideRowModel)(t)&&this.groupSelectsDescendants,s=[],d=e=>{if(r&&!e.group)return;if(l&&e.group){const t=e.childrenAfterGroup?.some(e=>e.selectable)??!1;return void this.setRowSelectable(e,t,!0)}!this.updateRowSelectable(e,!0)&&e.isSelected()&&s.push(e)};if(l){if(void 0===e){const t=a.rootNode;e=t?new i.ChangedPath(!1,t):void 0}e?.forEachChangedNodeDepthFirst(d,!r,!r)}else a.forEachNode(d);s.length&&this.setNodesSelected({nodes:s,newValue:!1,source:o}),!r&&l&&this.updateGroupsFromChildrenSelections?.(o)}updateSelectableAfterGrouping(e){if(this.updateSelectable(e),this.groupSelectsDescendants){const t=this.updateGroupsFromChildrenSelections?.("rowGroupChanged",e);t&&this.dispatchSelectionChanged("rowGroupChanged")}}refreshMasterNodeState(e,t){if(!this.masterSelectsDetail)return;const a=e.detailNode?.detailGridInfo?.api;if(!a)return;const o=function(e){let t=0,a=0;return e.forEachNode(e=>{e.isSelected()?t++:e.selectable&&a++}),g(t,a)}(a);if(e.isSelected()!==o){this.selectRowNode(e,o,t,"masterDetail")&&this.dispatchSelectionChanged("masterDetail")}if(!o){const t=this.detailSelection.get(e.id)??new Set;for(const e of a.getSelectedNodes())t.add(e.id);this.detailSelection.set(e.id,t)}}setDetailSelectionState(e,t,a){if(this.masterSelectsDetail)if((0,n._isMultiRowSelection)(t))switch(e.isSelected()){case!0:a.selectAll();break;case!1:a.deselectAll();break;case void 0:{const t=this.detailSelection.get(e.id);if(t){const e=[];for(const o of t){const t=a.getRowNode(o);t&&e.push(t)}a.setNodesSelected({nodes:e,newValue:!0,source:"masterDetail"})}break}}else(0,l._warn)(269)}dispatchSelectionChanged(e){this.eventSvc.dispatchEvent({type:"selectionChanged",source:e,selectedNodes:this.getSelectedNodes(),serverSideState:null})}}function c(e){return(0,r._isManualPinnedRow)(e)?e.pinnedSibling:e.footer?e.sibling:e}function g(e,t){return(0!==e||0!==t)&&(e>0&&t>0?void 0:e>0)}function u(e){const t=!1===e.isSelected(),a=e.childrenAfterFilter?.some(u)??!1;return t||a}t.SelectionService=d},53341:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.RowNodeSorter=void 0;const o=a(89097),n=a(68731),r=a(9888),i=a(67274);class l extends n.BeanStub{constructor(){super(...arguments),this.beanName="rowNodeSorter"}postConstruct(){const{gos:e}=this;this.isAccentedSort=e.get("accentedSort"),this.primaryColumnsSortGroups=(0,i._isColumnsSortingCoupledToGroup)(e),this.addManagedPropertyListener("accentedSort",e=>this.isAccentedSort=e.currentValue),this.addManagedPropertyListener("autoGroupColumnDef",()=>this.primaryColumnsSortGroups=(0,i._isColumnsSortingCoupledToGroup)(e))}doFullSort(e,t){const a=e.map((e,t)=>({currentPos:t,rowNode:e}));return a.sort(this.compareRowNodes.bind(this,t)),a.map(e=>e.rowNode)}compareRowNodes(e,t,a){const n=t.rowNode,r=a.rowNode;for(let t=0,a=e.length;t<a;t++){const a=e[t],i="desc"===a.sort,l=this.getValue(n,a.column),s=this.getValue(r,a.column);let d;const c=this.getComparator(a,n);d=c?c(l,s,n,r,i):(0,o._defaultComparator)(l,s,this.isAccentedSort);if(!isNaN(d)&&0!==d)return"asc"===a.sort?d:-1*d}return t.currentPos-a.currentPos}getComparator(e,t){const a=e.column,o=a.getColDef().comparator;if(null!=o)return o;if(!a.getColDef().showRowGroup)return;const n=!t.group&&a.getColDef().field;if(!n)return;const r=this.beans.colModel.getColDefCol(n);return r?r.getColDef().comparator:void 0}getValue(e,t){const{valueSvc:a,colModel:o,showRowGroupCols:n,gos:l}=this.beans;if(!this.primaryColumnsSortGroups)return a.getValue(t,e,!1);if(e.rowGroupColumn===t){if((0,i._isGroupUseEntireRow)(l,o.isPivotActive())){const o=e.data?e:(0,r._firstLeaf)(e.childrenAfterGroup);return o&&a.getValue(t,o,!1)}const s=n?.getShowRowGroupCol(t.getId());if(!s)return;return e.groupData?.[s.getId()]}return e.group&&t.getColDef().showRowGroup?void 0:a.getValue(t,e,!1)}}t.RowNodeSorter=l},97430:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.onSortChanged=void 0,t.onSortChanged=function(e){e.sortSvc?.onSortChanged("api")}},67388:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.SortIndicatorSelector=t.SortIndicatorComp=void 0;const o=a(91668),n=a(1956),r=a(67274),i=a(59970),l=a(78020),s=(e,t)=>({tag:"span",ref:`eSort${e}`,cls:`ag-sort-indicator-icon ag-sort-${t} ag-hidden`,attrs:{"aria-hidden":"true"}}),d={tag:"span",cls:"ag-sort-indicator-container",children:[s("Order","order"),s("Asc","ascending-icon"),s("Desc","descending-icon"),s("Mixed","mixed-icon"),s("None","none-icon")]};class c extends l.Component{constructor(e){super(),this.eSortOrder=o.RefPlaceholder,this.eSortAsc=o.RefPlaceholder,this.eSortDesc=o.RefPlaceholder,this.eSortMixed=o.RefPlaceholder,this.eSortNone=o.RefPlaceholder,e||this.setTemplate(d)}attachCustomElements(e,t,a,o,n){this.eSortOrder=e,this.eSortAsc=t,this.eSortDesc=a,this.eSortMixed=o,this.eSortNone=n}setupSort(e,t=!1){if(this.column=e,this.suppressOrder=t,this.setupMultiSortIndicator(),!e.isSortable()&&!e.getColDef().showRowGroup)return;this.addInIcon("sortAscending",this.eSortAsc,e),this.addInIcon("sortDescending",this.eSortDesc,e),this.addInIcon("sortUnSort",this.eSortNone,e);const a=this.updateIcons.bind(this),o=this.onSortChanged.bind(this);this.addManagedPropertyListener("unSortIcon",a),this.addManagedEventListeners({newColumnsLoaded:a,sortChanged:o,columnRowGroupChanged:o}),this.onSortChanged()}addInIcon(e,t,a){if(null==t)return;const o=(0,i._createIconNoSpan)(e,this.beans,a);o&&t.appendChild(o)}onSortChanged(){this.updateIcons(),this.suppressOrder||this.updateSortOrder()}updateIcons(){const{eSortAsc:e,eSortDesc:t,eSortNone:a,column:o,gos:r,beans:i}=this,l=i.sortSvc.getDisplaySortForColumn(o);if(e){const t="asc"===l;(0,n._setDisplayed)(e,t,{skipAriaHidden:!0})}if(t){const e="desc"===l;(0,n._setDisplayed)(t,e,{skipAriaHidden:!0})}if(a){const e=!o.getColDef().unSortIcon&&!r.get("unSortIcon"),t=null==l;(0,n._setDisplayed)(a,!e&&t,{skipAriaHidden:!0})}}setupMultiSortIndicator(){const{eSortMixed:e,column:t,gos:a}=this;this.addInIcon("sortUnSort",e,t);const o=t.getColDef().showRowGroup;(0,r._isColumnsSortingCoupledToGroup)(a)&&o&&(this.addManagedEventListeners({sortChanged:this.updateMultiSortIndicator.bind(this),columnRowGroupChanged:this.updateMultiSortIndicator.bind(this)}),this.updateMultiSortIndicator())}updateMultiSortIndicator(){const{eSortMixed:e,beans:t,column:a}=this;if(e){const o="mixed"===t.sortSvc.getDisplaySortForColumn(a);(0,n._setDisplayed)(e,o,{skipAriaHidden:!0})}}updateSortOrder(){const{eSortOrder:e,column:t,beans:{sortSvc:a}}=this;if(!e)return;const o=a.getColumnsWithSortingOrdered(),r=a.getDisplaySortIndexForColumn(t)??-1,i=o.some(e=>a.getDisplaySortIndexForColumn(e)??!1),l=r>=0&&i;(0,n._setDisplayed)(e,l,{skipAriaHidden:!0}),r>=0?e.textContent=(r+1).toString():(0,n._clearElement)(e)}}t.SortIndicatorComp=c,t.SortIndicatorSelector={selector:"AG-SORT-INDICATOR",component:c}},96620:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.SortModule=void 0;const o=a(97205),n=a(53341),r=a(97430),i=a(67388),l=a(48125);t.SortModule={moduleName:"Sort",version:o.VERSION,beans:[l.SortService,n.RowNodeSorter],apiFunctions:{onSortChanged:r.onSortChanged},userComponents:{agSortIndicator:i.SortIndicatorComp},icons:{sortAscending:"asc",sortDescending:"desc",sortUnSort:"none"}}},48125:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.SortService=t.DEFAULT_SORTING_ORDER=void 0;const o=a(68731),n=a(67274),r=a(67388);t.DEFAULT_SORTING_ORDER=["asc","desc",null];class i extends o.BeanStub{constructor(){super(...arguments),this.beanName="sortSvc"}progressSort(e,t,a){const o=this.getNextSortDirection(e);this.setSortForColumn(e,o,t,a)}progressSortFromEvent(e,t){const a="ctrl"===this.gos.get("multiSortKey")?t.ctrlKey||t.metaKey:t.shiftKey;this.progressSort(e,a,"uiColumnSorted")}setSortForColumn(e,t,a,o){"asc"!==t&&"desc"!==t&&(t=null);const{gos:r,showRowGroupCols:i}=this.beans;let l=[e];if((0,n._isColumnsSortingCoupledToGroup)(r)&&e.getColDef().showRowGroup){const t=i?.getSourceColumnsForGroupColumn?.(e),a=t?.filter(e=>e.isSortable());a&&(l=[e,...a])}for(const e of l)this.setColSort(e,t,o);const s=[];if(!((a||r.get("alwaysMultiSort"))&&!r.get("suppressMultiSort"))){const e=this.clearSortBarTheseColumns(l,o);s.push(...e)}this.updateSortIndex(e),s.push(...l),this.dispatchSortChangedEvents(o,s)}updateSortIndex(e){const{gos:t,colModel:a,showRowGroupCols:o}=this.beans,r=(0,n._isColumnsSortingCoupledToGroup)(t),i=o?.getShowRowGroupCol(e.getId()),l=r&&i||e,s=this.getColumnsWithSortingOrdered();a.forAllCols(e=>this.setColSortIndex(e,null));const d=s.filter(e=>(!r||!e.getColDef().showRowGroup)&&e!==l);(l.getSort()?[...d,l]:d).forEach((e,t)=>this.setColSortIndex(e,t))}onSortChanged(e,t){this.dispatchSortChangedEvents(e,t)}isSortActive(){let e=!1;return this.beans.colModel.forAllCols(t=>{t.getSort()&&(e=!0)}),e}dispatchSortChangedEvents(e,t){const a={type:"sortChanged",source:e};t&&(a.columns=t),this.eventSvc.dispatchEvent(a)}clearSortBarTheseColumns(e,t){const a=[];return this.beans.colModel.forAllCols(o=>{e.includes(o)||(o.getSort()&&a.push(o),this.setColSort(o,void 0,t))}),a}getNextSortDirection(e){const a=e.getColDef().sortingOrder??this.gos.get("sortingOrder")??t.DEFAULT_SORTING_ORDER,o=a.indexOf(e.getSort()),n=o<0,r=o==a.length-1;return n||r?a[0]:a[o+1]}getIndexedSortMap(){const{gos:e,colModel:t,showRowGroupCols:a,rowGroupColsSvc:o}=this.beans;let r=[];if(t.forAllCols(e=>{e.getSort()&&r.push(e)}),t.isPivotMode()){const t=(0,n._isColumnsSortingCoupledToGroup)(e);r=r.filter(e=>{const o=!!e.getAggFunc(),n=!e.isPrimary(),r=t?a?.getShowRowGroupCol(e.getId()):e.getColDef().showRowGroup;return o||n||r})}const i=o?.columns.filter(e=>!!e.getSort())??[],l={};r.forEach((e,t)=>l[e.getId()]=t),r.sort((e,t)=>{const a=e.getSortIndex(),o=t.getSortIndex();if(null!=a&&null!=o)return a-o;if(null==a&&null==o){return l[e.getId()]>l[t.getId()]?1:-1}return null==o?-1:1});const s=(0,n._isColumnsSortingCoupledToGroup)(e)&&!!i.length;s&&(r=[...new Set(r.map(e=>a?.getShowRowGroupCol(e.getId())??e))]);const d=new Map;if(r.forEach((e,t)=>d.set(e,t)),s)for(const e of i){const t=a.getShowRowGroupCol(e.getId());d.set(e,d.get(t))}return d}getColumnsWithSortingOrdered(){return[...this.getIndexedSortMap().entries()].sort(([,e],[,t])=>e-t).map(([e])=>e)}getSortModel(){return this.getColumnsWithSortingOrdered().filter(e=>e.getSort()).map(e=>({sort:e.getSort(),colId:e.getId()}))}getSortOptions(){return this.getColumnsWithSortingOrdered().filter(e=>e.getSort()).map(e=>({sort:e.getSort(),column:e}))}canColumnDisplayMixedSort(e){const t=(0,n._isColumnsSortingCoupledToGroup)(this.gos),a=!!e.getColDef().showRowGroup;return t&&a}getDisplaySortForColumn(e){const t=this.beans.showRowGroupCols?.getSourceColumnsForGroupColumn(e);if(!this.canColumnDisplayMixedSort(e)||!t?.length)return e.getSort();const a=null!=e.getColDef().field||!!e.getColDef().valueGetter?[e,...t]:t,o=a[0].getSort();return a.every(e=>e.getSort()==o)?o:"mixed"}getDisplaySortIndexForColumn(e){return this.getIndexedSortMap().get(e)}setupHeader(e,t,a){let o=0;e.addManagedListeners(t,{movingChanged:()=>{o=Date.now()}}),a&&e.addManagedElementListeners(a,{click:e=>{const a=t.isMoving(),n=Date.now();a||n-o<50||this.progressSortFromEvent(t,e)}});const n=()=>{const a=t.getSort();if(e.toggleCss("ag-header-cell-sorted-asc","asc"===a),e.toggleCss("ag-header-cell-sorted-desc","desc"===a),e.toggleCss("ag-header-cell-sorted-none",!a),t.getColDef().showRowGroup){const a=this.beans.showRowGroupCols?.getSourceColumnsForGroupColumn(t),o=a?.every(e=>t.getSort()==e.getSort()),n=!o;e.toggleCss("ag-header-cell-sorted-mixed",n)}};e.addManagedEventListeners({sortChanged:n,columnRowGroupChanged:n})}initCol(e){const{sort:t,initialSort:a,sortIndex:o,initialSortIndex:n}=e.colDef;void 0!==t?"asc"!==t&&"desc"!==t||(e.sort=t):"asc"!==a&&"desc"!==a||(e.sort=a),void 0!==o?null!==o&&(e.sortIndex=o):null!==n&&(e.sortIndex=n)}updateColSort(e,t,a){void 0!==t&&("desc"===t||"asc"===t?this.setColSort(e,t,a):this.setColSort(e,void 0,a))}setColSort(e,t,a){e.sort!==t&&(e.sort=t,e.dispatchColEvent("sortChanged",a)),e.dispatchStateUpdatedEvent("sort")}setColSortIndex(e,t){e.sortIndex=t,e.dispatchStateUpdatedEvent("sortIndex")}createSortIndicator(e){return new r.SortIndicatorComp(e)}getSortIndicatorSelector(){return r.SortIndicatorSelector}}t.SortService=i},52760:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.CellCustomStyleFeature=void 0;const o=a(68731),n=a(67274),r=a(88729);class i extends o.BeanStub{constructor(e,t){super(),this.cellCtrl=e,this.staticClasses=[],this.beans=t,this.column=e.column}setComp(e){this.cellComp=e,this.applyUserStyles(),this.applyCellClassRules(),this.applyClassesFromColDef()}applyCellClassRules(){const{column:e,cellComp:t}=this,a=e.colDef,o=a.cellClassRules,n=this.getCellClassParams(e,a);(0,r.processClassRules)(this.beans.expressionSvc,o===this.cellClassRules?void 0:this.cellClassRules,o,n,e=>t.toggleCss(e,!0),e=>t.toggleCss(e,!1)),this.cellClassRules=o}applyUserStyles(){const e=this.column,t=e.colDef,a=t.cellStyle;if(!a)return;let o;if("function"==typeof a){o=a(this.getCellClassParams(e,t))}else o=a;o&&this.cellComp.setUserStyles(o)}applyClassesFromColDef(){const{column:e,cellComp:t}=this,a=e.colDef,o=this.getCellClassParams(e,a);for(const e of this.staticClasses)t.toggleCss(e,!1);const n=this.beans.cellStyles.getStaticCellClasses(a,o);this.staticClasses=n;for(const e of n)t.toggleCss(e,!0)}getCellClassParams(e,t){const{value:a,rowNode:o}=this.cellCtrl;return(0,n._addGridCommonParams)(this.beans.gos,{value:a,data:o.data,node:o,colDef:t,column:e,rowIndex:o.rowIndex})}}t.CellCustomStyleFeature=i},89330:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.CellStyleService=void 0;const o=a(68731),n=a(52760),r=a(88729);class i extends o.BeanStub{constructor(){super(...arguments),this.beanName="cellStyles"}processAllCellClasses(e,t,a,o){(0,r.processClassRules)(this.beans.expressionSvc,void 0,e.cellClassRules,t,a,o),this.processStaticCellClasses(e,t,a)}getStaticCellClasses(e,t){const{cellClass:a}=e;if(!a)return[];let o;if("function"==typeof a){o=a(t)}else o=a;return"string"==typeof o&&(o=[o]),o||[]}createCellCustomStyleFeature(e,t){return new n.CellCustomStyleFeature(e,t)}processStaticCellClasses(e,t,a){this.getStaticCellClasses(e,t).forEach(e=>{a(e)})}}t.CellStyleService=i},59360:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.LayoutFeature=t.LayoutCssClasses=void 0;const o=a(68731);t.LayoutCssClasses={AUTO_HEIGHT:"ag-layout-auto-height",NORMAL:"ag-layout-normal",PRINT:"ag-layout-print"};class n extends o.BeanStub{constructor(e){super(),this.view=e}postConstruct(){this.addManagedPropertyListener("domLayout",this.updateLayoutClasses.bind(this)),this.updateLayoutClasses()}updateLayoutClasses(){const e=this.gos.get("domLayout"),a={autoHeight:"autoHeight"===e,normal:"normal"===e,print:"print"===e},o=a.autoHeight?t.LayoutCssClasses.AUTO_HEIGHT:a.print?t.LayoutCssClasses.PRINT:t.LayoutCssClasses.NORMAL;this.view.updateLayoutClasses(o,a)}}t.LayoutFeature=n},27648:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.RowStyleService=t.calculateRowLevel=void 0;const o=a(68731),n=a(67274),r=a(88729);t.calculateRowLevel=function(e){if(e.group)return e.level;const t=e.parent;return t?t.level+1:0};class i extends o.BeanStub{constructor(){super(...arguments),this.beanName="rowStyleSvc"}processClassesFromGridOptions(e,t){const a=this.gos,o=t=>{if("string"==typeof t)e.push(t);else if(Array.isArray(t))for(const a of t)e.push(a)},n=a.get("rowClass");n&&o(n);const r=a.getCallback("getRowClass");if(r){o(r({data:t.data,node:t,rowIndex:t.rowIndex}))}}preProcessRowClassRules(e,t){this.processRowClassRules(t,t=>{e.push(t)},()=>{})}processRowClassRules(e,t,a){const{gos:o,expressionSvc:i}=this.beans,l=(0,n._addGridCommonParams)(o,{data:e.data,node:e,rowIndex:e.rowIndex});(0,r.processClassRules)(i,void 0,o.get("rowClassRules"),l,t,a)}processStylesFromGridOptions(e){const t=this.gos,a=t.get("rowStyle"),o=t.getCallback("getRowStyle");let n;if(o){n=o({data:e.data,node:e,rowIndex:e.rowIndex})}if(n||a)return Object.assign({},a,n)}}t.RowStyleService=i},68594:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.RowStyleModule=t.CellStyleModule=void 0;const o=a(97205),n=a(89330),r=a(27648);t.CellStyleModule={moduleName:"CellStyle",version:o.VERSION,beans:[n.CellStyleService]},t.RowStyleModule={moduleName:"RowStyle",version:o.VERSION,beans:[r.RowStyleService]}},88729:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.processClassRules=void 0,t.processClassRules=function(e,t,a,o,n,r){if(null==a&&null==t)return;const i={},l={},s=(e,t)=>{for(const a of e.split(" "))""!=a.trim()&&t(a)};if(a){const t=Object.keys(a);for(let n=0;n<t.length;n++){const r=t[n],d=a[r];let c;"string"==typeof d?c=!e||e.evaluate(d,o):"function"==typeof d&&(c=d(o)),s(r,e=>{c?i[e]=!0:l[e]=!0})}}if(t&&r)for(const e of Object.keys(t))s(e,e=>{i[e]||(l[e]=!0)});r&&Object.keys(l).forEach(r),Object.keys(i).forEach(n)}},7711:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.SyncService=void 0;const o=a(73146),n=a(68731),r=a(86597);class i extends n.BeanStub{constructor(){super(...arguments),this.beanName="syncSvc",this.waitingForColumns=!1}postConstruct(){this.addManagedPropertyListener("columnDefs",e=>this.setColumnDefs(e))}start(){this.beans.ctrlsSvc.whenReady(this,()=>{const e=this.gos.get("columnDefs");e?this.setColumnsAndData(e):this.waitingForColumns=!0,this.gridReady()})}setColumnsAndData(e){const{colModel:t,rowModel:a}=this.beans;t.setColumnDefs(e??[],"gridInitializing"),a.start()}gridReady(){const{eventSvc:e,gos:t}=this;e.dispatchEvent({type:"gridReady"}),(0,r._logIfDebug)(t,`initialised successfully, enterprise = ${t.isModuleRegistered("EnterpriseCore")}`)}setColumnDefs(e){const t=this.gos.get("columnDefs");if(t)return this.waitingForColumns?(this.waitingForColumns=!1,void this.setColumnsAndData(t)):void this.beans.colModel.setColumnDefs(t,(0,o._convertColumnEventSourceType)(e.source))}}t.SyncService=i},73070:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.TestIdService=t.setTestIdAttribute=void 0;const o=a(80011),n=a(44990),r=a(69875),i=a(68731),l=a(90248);let s="data-testid";function d(e,t){e?.setAttribute(s,t)}t.setTestIdAttribute=function(e){s=e};class c extends i.BeanStub{constructor(){super(...arguments),this.beanName="testIdSvc"}postConstruct(){const e=(0,n._debounce)(this,()=>this.setupAllTestIds(),500),t=(0,n._debounce)(this,()=>{this.setupAllTestIds(),e()},0);this.addManagedEventListeners({firstDataRendered:t,displayedRowsChanged:t,displayedColumnsChanged:t,displayedColumnsWidthChanged:t,virtualColumnsChanged:t,columnMenuVisibleChanged:t,contextMenuVisibleChanged:t,advancedFilterBuilderVisibleChanged:t,fieldPickerValueSelected:t,modelUpdated:t,sideBarUpdated:t,pinnedHeightChanged:t,gridReady:t,overlayExclusiveChanged:t,rowGroupOpened:t,scrollVisibilityChanged:t,gridSizeChanged:t,filterOpened:t,filterChanged:t,cellSelectionChanged:t})}setupAllTestIds(){const e=(0,o._getRootNode)(this.beans),t=(0,r.getGridId)(this.beans);d(e.querySelector(`[grid-id="${t}"]`),l.agTestIdFor.grid(t)),e.querySelectorAll(".ag-header-group-cell").forEach(e=>{d(e,l.agTestIdFor.headerGroupCell(e.getAttribute("col-id")))}),e.querySelectorAll(".ag-header-cell").forEach(e=>{const t=e.getAttribute("col-id"),a=e.classList.contains("ag-floating-filter");d(e,a?l.agTestIdFor.floatingFilter(t):l.agTestIdFor.headerCell(t)),d(e.querySelector(".ag-header-cell-filter-button"),l.agTestIdFor.headerFilterButton(t)),d(e.querySelector(".ag-header-cell-menu-button"),l.agTestIdFor.headerCellMenuButton(t)),d(e.querySelector(".ag-header-cell-resize"),l.agTestIdFor.headerResizeHandle(t)),d(e.querySelector(".ag-checkbox input[type=checkbox]"),l.agTestIdFor.headerCheckbox(t)),d(e.querySelector(".ag-floating-filter-button button"),l.agTestIdFor.floatingFilterButton(t)),this.setupFilterInstance(e.querySelector(".ag-floating-filter-body"),{source:"floating-filter",colId:t})});const a=e.querySelector(".ag-filter-menu");this.setupFilterInstance(a,{source:"column-filter"}),d(e.querySelector(".ag-advanced-filter input[type=text]"),l.agTestIdFor.advancedFilterInput()),e.querySelectorAll(".ag-advanced-filter-buttons button").forEach(e=>{d(e,l.agTestIdFor.advancedFilterButton(e.textContent))}),d(e.querySelector("button.ag-advanced-filter-builder-button"),l.agTestIdFor.advancedFilterBuilderButton()),e.querySelectorAll('.ag-panel[aria-label="Advanced Filter"] .ag-panel-title-bar-button').forEach((e,t)=>{d(e,0===t?l.agTestIdFor.advancedFilterPanelMaximiseButton():l.agTestIdFor.advancedFilterPanelCloseButton())}),e.querySelectorAll('.ag-panel[aria-lable="Advanced Filter"] .ag-advanced-filter-builder-pill').forEach(e=>{d(e,l.agTestIdFor.advancedFilterPill(e.querySelector(".ag-picker-field-display")?.textContent))}),d(e.querySelector('.ag-panel[aria-label="Advanced Filter"] .ag-advanced-filter-builder-item-button'),l.agTestIdFor.advancedFilterBuilderAddItemButton()),e.querySelectorAll(".ag-row").forEach(e=>{const t=e.getAttribute("row-id");d(e,l.agTestIdFor.rowNode(t)),e.querySelectorAll(".ag-cell").forEach(e=>{const a=e.getAttribute("col-id");d(e,l.agTestIdFor.cell(t,a)),d(e.querySelector(".ag-selection-checkbox input[type=checkbox]"),l.agTestIdFor.checkbox(t,a)),d(e.querySelector(".ag-drag-handle"),l.agTestIdFor.dragHandle(t,a)),d(e.querySelector(".ag-group-contracted"),l.agTestIdFor.groupContracted(t,a)),d(e.querySelector(".ag-group-expanded"),l.agTestIdFor.groupExpanded(t,a))})}),e.querySelectorAll(".ag-menu-list").forEach(e=>{d(e,l.agTestIdFor.menu()),e.querySelectorAll(".ag-menu-option").forEach(e=>{d(e,l.agTestIdFor.menuOption(e.querySelector(".ag-menu-option-text")?.textContent))})}),e.querySelectorAll(".ag-side-bar").forEach(e=>{d(e,l.agTestIdFor.sideBar()),e.querySelectorAll(".ag-side-button button").forEach(e=>{d(e,l.agTestIdFor.sideBarButton(e.querySelector(".ag-side-button-label")?.textContent))}),e.querySelectorAll(".ag-column-panel").forEach(e=>{d(e,l.agTestIdFor.columnToolPanel()),d(e.querySelector(".ag-pivot-mode-select input[type=checkbox]"),l.agTestIdFor.pivotModeSelect()),d(e.querySelector(".ag-column-select-header-checkbox input[type=checkbox]"),l.agTestIdFor.columnPanelSelectHeaderCheckbox()),d(e.querySelector(".ag-column-select-header-filter-wrapper input[type=text]"),l.agTestIdFor.columnPanelSelectHeaderFilter()),e.querySelectorAll(".ag-column-select-list").forEach(e=>{e.querySelectorAll(".ag-column-select-virtual-list-item").forEach(e=>{const t=e.getAttribute("aria-label");d(e.querySelector(".ag-column-group-closed-icon"),l.agTestIdFor.columnSelectListItemGroupClosedIcon(t)),d(e.querySelector(".ag-column-select-checkbox input[type=checkbox]"),l.agTestIdFor.columnSelectListItemCheckbox(t)),d(e.querySelector(".ag-drag-handle"),l.agTestIdFor.columnSelectListItemDragHandle(t))})}),this.setupColumnDropArea(e,"toolbar")}),e.querySelectorAll(".ag-filter-panel").forEach(e=>{d(e,l.agTestIdFor.filterToolPanel()),d(e.querySelector("button.ag-filter-add-button"),l.agTestIdFor.filterToolPanelAddFilterButton()),e.querySelectorAll(".ag-filter-card").forEach(e=>{const t=e.querySelector(".ag-filter-card-title")?.textContent;d(e.querySelector(".ag-filter-type-select"),l.agTestIdFor.filterToolPanelFilterTypeSelector(t)),e.querySelectorAll(".ag-filter").forEach(e=>this.setupFilterInstance(e,{source:"filter-toolpanel",colLabel:t}))})}),e.querySelectorAll(".ag-filter-toolpanel").forEach(e=>{d(e.querySelector(".ag-filter-toolpanel-search-input input[type=text]"),l.agTestIdFor.filterToolPanelSearchInput()),e.querySelectorAll(".ag-filter-toolpanel-group").forEach(e=>{const t=e.querySelector(".ag-filter-toolpanel-group-title")?.textContent;d(e,l.agTestIdFor.filterToolPanelGroup(t)),d(e.querySelector(".ag-filter-toolpanel-group-title-bar-icon .ag-icon-tree-closed"),l.agTestIdFor.filterToolPanelGroupCollapsedIcon(t));const a=e.querySelector(".ag-filter-toolpanel-instance-filter");a&&this.setupFilterInstance(a,{source:"filter-toolpanel",colLabel:t})})})}),d(e.querySelector(".ag-status-bar .ag-status-panel-total-and-filtered-row-count"),l.agTestIdFor.statusBarTotalAndFilteredRowCount()),d(e.querySelector(".ag-status-bar .ag-status-panel-total-row-count"),l.agTestIdFor.statusBarTotalRowCount()),d(e.querySelector(".ag-status-bar .ag-status-panel-filtered-row-count"),l.agTestIdFor.statusBarFilteredRowCount()),d(e.querySelector(".ag-status-bar .ag-status-panel-selected-row-count"),l.agTestIdFor.statusBarSelectedRowCount()),d(e.querySelector(".ag-status-bar .ag-status-panel-filtered-row-count"),l.agTestIdFor.statusBarAggregations()),e.querySelectorAll(".ag-paging-panel").forEach(e=>{d(e.querySelector(".ag-paging-page-size .ag-picker-field-display"),l.agTestIdFor.paginationPanelSizePickerDisplay(e.querySelector(".ag-paging-page-size .ag-picker-field-display")?.textContent)),e.querySelectorAll(".ag-paging-row-summary-panel-number").forEach(e=>{switch(e.getAttribute("data-ref")){case"lbFirstRowOnPage":d(e,l.agTestIdFor.paginationPanelFirstRowOnPage(e.textContent));break;case"lbLastRowOnPage":d(e,l.agTestIdFor.paginationPanelLastRowOnPage(e.textContent));break;case"lbRecordCount":d(e,l.agTestIdFor.paginationPanelRecordCount(e.textContent))}}),e.querySelectorAll(".ag-paging-page-summary-panel .ag-button").forEach(e=>{d(e,l.agTestIdFor.paginationSummaryPanelButton(e.getAttribute("aria-label")?.toLowerCase()))}),e.querySelectorAll(".ag-paging-page-summary-panel .ag-paging-number").forEach(e=>{switch(e.getAttribute("data-ref")){case"lbCurrent":d(e,l.agTestIdFor.paginationSummaryPanelCurrentPage(e.textContent));break;case"lbTotal":d(e,l.agTestIdFor.paginationSummaryPanelTotalPage(e.textContent))}})}),d(e.querySelector(".ag-fill-handle"),l.agTestIdFor.fillHandle()),e.querySelectorAll('.ag-panel[aria-label="Choose Columns"]').forEach(e=>{d(e.querySelector(".ag-panel-title-bar-button-icon"),l.agTestIdFor.columnChooserCloseButton()),d(e.querySelector('.ag-column-select-header-checkbox input[type="checkbox"]'),l.agTestIdFor.columnChooserSearchBarCheckbox()),d(e.querySelector('.ag-column-select-header-filter-wrapper input[type="text"]'),l.agTestIdFor.columnChooserSearchBarFilter()),e.querySelectorAll(".ag-column-select-list").forEach(e=>{e.querySelectorAll(".ag-column-select-virtual-list-item").forEach(e=>{const t=e.getAttribute("aria-label");d(e.querySelector(".ag-column-group-closed-icon"),l.agTestIdFor.columnChooserListItemGroupClosedIcon(t)),d(e.querySelector(".ag-column-select-checkbox input[type=checkbox]"),l.agTestIdFor.columnChooserListItemCheckbox(t)),d(e.querySelector(".ag-drag-handle"),l.agTestIdFor.columnChooserListItemDragHandle(t))})})}),d(e.querySelector(".ag-overlay-wrapper"),l.agTestIdFor.overlay());const n=e.querySelector(".ag-column-drop-wrapper");n&&this.setupColumnDropArea(n,"panel")}setupFilterInstance(e,t){if(!e)return;e.querySelectorAll(".ag-filter-select .ag-picker-field-display").forEach(e=>{d(e,l.agTestIdFor.filterInstancePickerDisplay(t))});d(e.querySelector('.ag-filter-body input[type="number"]'),l.agTestIdFor.numberFilterInstanceInput(t));d(e.querySelector('.ag-filter-body input[type="text"]'),l.agTestIdFor.textFilterInstanceInput(t));d(e.querySelector('.ag-filter-body input[type="date"]'),l.agTestIdFor.dateFilterInstanceInput(t));d(e.querySelector('.ag-mini-filter input[type="text"]'),l.agTestIdFor.setFilterInstanceMiniFilterInput(t)),e.querySelectorAll(".ag-set-filter-list .ag-set-filter-item").forEach(e=>{const a=e.querySelector(".ag-checkbox-label")?.textContent;d(e.querySelector('input[type="checkbox"]'),l.agTestIdFor.setFilterInstanceItem(t,a))}),e.querySelectorAll(".ag-filter-apply-panel button").forEach(e=>{d(e,l.agTestIdFor.setFilterApplyPanelButton(t,e.textContent))}),e.querySelectorAll(".ag-filter-condition .ag-radio-button").forEach(e=>{const a=e.querySelector(".ag-radio-button-label")?.textContent;d(e.querySelector("input[type=radio]"),l.agTestIdFor.filterConditionRadioButton(t,a))})}setupColumnDropArea(e,t){e.querySelectorAll(".ag-column-drop").forEach(e=>{const a=e.querySelector(".ag-column-drop-list")?.getAttribute("aria-label");d(e,l.agTestIdFor.columnDropArea(t,a)),e.querySelectorAll(".ag-column-drop-cell").forEach(e=>{const o=e.querySelector(".ag-column-drop-cell-text")?.textContent;d(e.querySelector(".ag-drag-handle"),l.agTestIdFor.columnDropCellDragHandle(t,a,o)),d(e.querySelector(".ag-column-drop-cell-button .ag-icon-cancel"),l.agTestIdFor.columnDropCellCancelButton(t,a,o))})})}}t.TestIdService=c},90248:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.wrapAgTestIdFor=t.agTestIdFor=void 0;const o=a(73146);function n(e,t={}){return[e,Object.keys(t).map(e=>{const a=t[e];return null!=a?`${e}=${a}`:null}).filter(Boolean).join(";")].filter(e=>e.length>0).join(":")}t.agTestIdFor={grid(e){return n("ag-grid-root",{gridId:e})},headerGroupCell(e){return n("ag-header-group-cell",{colId:e})},headerCell(e){return n("ag-header-cell",{colId:e})},headerCheckbox(e){return n("ag-header-selection-checkbox",{colId:e})},headerFilterButton(e){return n("ag-header-cell-filter-button",{colId:e})},floatingFilter(e){return n("ag-floating-filter",{colId:e})},floatingFilterButton(e){return n("ag-floating-filter-button",{colId:e})},headerCellMenuButton(e){return n("ag-header-cell-menu-button",{colId:e})},headerResizeHandle(e){return n("ag-header-cell-resize",{colId:e})},filterInstancePickerDisplay(e){return n(`ag-${e.source}-picker-display`,"filter-toolpanel"===e.source?{label:e.colLabel}:{colId:e.colId})},numberFilterInstanceInput(e){return n(`ag-${e.source}-number-input`,"filter-toolpanel"===e.source?{label:e.colLabel}:{colId:e.colId})},textFilterInstanceInput(e){return n(`ag-${e.source}-text-input`,"filter-toolpanel"===e.source?{label:e.colLabel}:{colId:e.colId})},dateFilterInstanceInput(e){return n(`ag-${e.source}-date-input`,"filter-toolpanel"===e.source?{label:e.colLabel}:{colId:e.colId})},setFilterInstanceMiniFilterInput(e){return n(`ag-${e.source}-set-filter-mini-filter-input`,"filter-toolpanel"===e.source?{label:e.colLabel}:{colId:e.colId})},setFilterInstanceItem(e,t){return n(`ag-${e.source}-set-filter-item`,"filter-toolpanel"===e.source?{colLabel:e.colLabel,itemLabel:t}:{colId:e.colId,itemLabel:t})},setFilterApplyPanelButton(e,t){return n(`ag-${e.source}-set-filter-apply-panel-button`,"filter-toolpanel"===e.source?{colLabel:e.colLabel,buttonLabel:t}:{colId:e.colId,buttonLabel:t})},filterConditionRadioButton(e,t){return n(`ag-${e.source}-filter-condition-radio-button`,"filter-toolpanel"===e.source?{colLabel:e.colLabel,buttonLabel:t}:{colId:e.colId,buttonLabel:t})},advancedFilterInput(){return n("ag-advanced-filter-input")},advancedFilterButton(e){return n("ag-advanced-filter-button",{label:e})},advancedFilterBuilderButton(){return n("ag-advanced-filter-builder-button")},advancedFilterPanelMaximiseButton(){return n("ag-advanced-filter-builder-panel-maximise")},advancedFilterPanelCloseButton(){return n("ag-advanced-filter-builder-panel-close")},advancedFilterPill(e){return n("ag-advanced-filter-builder-pill",{label:e})},advancedFilterBuilderAddItemButton(){return n("ag-advanced-filter-builder-add-item-button")},rowNode(e){return n("ag-row",{"row-id":e})},cell(e,t){return n("ag-cell",{"row-id":e,colId:t})},autoGroupCell(e){return t.agTestIdFor.cell(e,o.GROUP_AUTO_COLUMN_ID)},checkbox(e,t){return n("ag-selection-checkbox",{"row-id":e,colId:t})},selectionColumnCheckbox(e){return t.agTestIdFor.checkbox(e,o.SELECTION_COLUMN_ID)},autoGroupColumnCheckbox(e){return t.agTestIdFor.checkbox(e,o.GROUP_AUTO_COLUMN_ID)},dragHandle(e,t){return n("ag-drag-handle",{"row-id":e,colId:t})},groupContracted(e,t){return n("ag-group-contracted",{"row-id":e,colId:t})},groupExpanded(e,t){return n("ag-group-expanded",{"row-id":e,colId:t})},autoGroupContracted(e){return t.agTestIdFor.groupContracted(e,o.GROUP_AUTO_COLUMN_ID)},autoGroupExpanded(e){return t.agTestIdFor.groupExpanded(e,o.GROUP_AUTO_COLUMN_ID)},rowNumber(e){return t.agTestIdFor.cell(e,o.ROW_NUMBERS_COLUMN_ID)},menu(){return n("ag-menu")},menuOption(e){return n("ag-menu-option",{option:e})},sideBar(){return n("ag-side-bar")},sideBarButton(e){return n("ag-side-button",{label:e})},columnToolPanel(){return n("ag-column-panel")},pivotModeSelect(){return n("ag-pivot-mode-select")},columnPanelSelectHeaderCheckbox(){return n("ag-column-panel-select-header-checkbox")},columnPanelSelectHeaderFilter(){return n("ag-column-panel-select-header-filter")},columnSelectListItemGroupClosedIcon(e){return n("ag-column-select-list-item-group-closed-icon",{label:e})},columnSelectListItemCheckbox(e){return n("ag-column-select-list-item-checkbox",{label:e})},columnSelectListItemDragHandle(e){return n("ag-column-select-list-item-drag-handle",{label:e})},columnDropCellDragHandle(e,t,a){return n("ag-column-drop-cell-drag-handle",{source:e,area:t,label:a})},columnDropCellCancelButton(e,t,a){return n("ag-column-drop-cell-cancel",{source:e,area:t,label:a})},columnDropArea(e,t){return n("ag-column-drop-area",{source:e,name:t})},filterToolPanel(){return n("ag-filter-panel")},filterToolPanelAddFilterButton(){return n("ag-filter-panel-add-filter-button")},filterToolPanelFilterTypeSelector(e){return n("ag-filter-panel-filter-type-selector",{colLabel:e})},filterToolPanelSearchInput(){return n("ag-filter-toolpanel-search-input")},filterToolPanelGroup(e){return n("ag-filter-toolpanel-group",{title:e})},filterToolPanelGroupCollapsedIcon(e){return n("ag-filter-toolpanel-group-collapsed-icon",{title:e})},statusBarTotalAndFilteredRowCount(){return n("ag-status-bar-total-and-filtered-row-count")},statusBarTotalRowCount(){return n("ag-status-bar-total-row-count")},statusBarFilteredRowCount(){return n("ag-status-bar-filtered-row-count")},statusBarSelectedRowCount(){return n("ag-status-bar-selected-row-count")},statusBarAggregations(){return n("ag-status-bar-aggregations")},paginationPanelSizePickerDisplay(e){return n("ag-pagination-page-size-picker-field-display",{value:e})},paginationPanelFirstRowOnPage(e){return n("ag-paging-row-summary-panel-first-row-on-page",{value:e})},paginationPanelLastRowOnPage(e){return n("ag-paging-row-summary-panel-last-row-on-page",{value:e})},paginationPanelRecordCount(e){return n("ag-paging-row-summary-panel-record-count",{value:e})},paginationSummaryPanelButton(e){return n("ag-paging-page-summary-panel-btn",{label:e})},paginationSummaryPanelCurrentPage(e){return n("ag-paging-page-summary-panel-current-page",{value:e})},paginationSummaryPanelTotalPage(e){return n("ag-paging-page-summary-panel-total-page",{value:e})},fillHandle(){return n("ag-fill-handle")},columnChooserCloseButton(){return n("ag-column-chooser-close-button")},columnChooserSearchBarCheckbox(){return n("ag-column-chooser-header-checkbox")},columnChooserSearchBarFilter(){return n("ag-column-chooser-searchbar-filter")},columnChooserListItemGroupClosedIcon(e){return n("ag-column-chooser-list-item-group-closed-icon",{label:e})},columnChooserListItemCheckbox(e){return n("ag-column-chooser-list-item-checkbox",{label:e})},columnChooserListItemDragHandle(e){return n("ag-column-chooser-list-item-drag-handle",{label:e})},overlay(){return n("ag-overlay")}};t.wrapAgTestIdFor=e=>{const a={},o=Object.keys(t.agTestIdFor);for(const n of o)a[n]=(...a)=>e(t.agTestIdFor[n](...a));return a}},57490:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.setupAgTestIds=void 0;const o=a(2132),n=a(97205),r=a(73070),i={moduleName:"Testing",version:n.VERSION,beans:[r.TestIdService]};t.setupAgTestIds=function({testIdAttribute:e}={}){e&&(0,r.setTestIdAttribute)(e),o.ModuleRegistry.registerModules([i])}},405:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.coreDefaults=void 0;const o=a(19981);t.coreDefaults={wrapperBorder:!0,rowBorder:!0,headerRowBorder:!0,footerRowBorder:{ref:"rowBorder"},columnBorder:{style:"solid",width:1,color:"transparent"},headerColumnBorder:!1,headerColumnBorderHeight:"100%",pinnedColumnBorder:!0,pinnedRowBorder:!0,sidePanelBorder:!0,sideBarPanelWidth:250,sideBarBackgroundColor:{ref:"chromeBackgroundColor"},sideButtonBarBackgroundColor:{ref:"sideBarBackgroundColor"},sideButtonBarTopPadding:0,sideButtonSelectedUnderlineWidth:2,sideButtonSelectedUnderlineColor:"transparent",sideButtonSelectedUnderlineTransitionDuration:0,sideButtonBackgroundColor:"transparent",sideButtonTextColor:{ref:"textColor"},sideButtonHoverBackgroundColor:{ref:"sideButtonBackgroundColor"},sideButtonHoverTextColor:{ref:"sideButtonTextColor"},sideButtonSelectedBackgroundColor:o.backgroundColor,sideButtonSelectedTextColor:{ref:"sideButtonTextColor"},sideButtonBorder:"solid 1px transparent",sideButtonSelectedBorder:!0,sideButtonLeftPadding:{ref:"spacing"},sideButtonRightPadding:{ref:"spacing"},sideButtonVerticalPadding:{calc:"spacing * 3"},headerBackgroundColor:{ref:"chromeBackgroundColor"},headerFontFamily:{ref:"fontFamily"},cellFontFamily:{ref:"fontFamily"},headerFontWeight:500,headerFontSize:{ref:"fontSize"},dataFontSize:{ref:"fontSize"},headerTextColor:{ref:"textColor"},headerCellHoverBackgroundColor:"transparent",headerCellMovingBackgroundColor:{ref:"headerCellHoverBackgroundColor"},headerCellBackgroundTransitionDuration:"0.2s",cellTextColor:{ref:"textColor"},rangeSelectionBorderStyle:"solid",rangeSelectionBorderColor:o.accentColor,rangeSelectionBackgroundColor:(0,o.accentMix)(.2),rangeSelectionChartBackgroundColor:"#0058FF1A",rangeSelectionChartCategoryBackgroundColor:"#00FF841A",rangeSelectionHighlightColor:(0,o.accentMix)(.5),rangeHeaderHighlightColor:(0,o.foregroundHeaderBackgroundMix)(.08),rowNumbersSelectedColor:(0,o.accentMix)(.5),rowHoverColor:(0,o.accentMix)(.08),columnHoverColor:(0,o.accentMix)(.05),selectedRowBackgroundColor:(0,o.accentMix)(.12),modalOverlayBackgroundColor:{ref:"backgroundColor",mix:.66},dataBackgroundColor:o.backgroundColor,oddRowBackgroundColor:{ref:"dataBackgroundColor"},wrapperBorderRadius:8,cellHorizontalPadding:{calc:"spacing * 2 * cellHorizontalPaddingScale"},cellWidgetSpacing:{calc:"spacing * 1.5"},cellHorizontalPaddingScale:1,rowGroupIndentSize:{calc:"cellWidgetSpacing + iconSize"},valueChangeDeltaUpColor:"#43a047",valueChangeDeltaDownColor:"#e53935",valueChangeValueHighlightBackgroundColor:"#16a08580",rowHeight:{calc:"max(iconSize, dataFontSize) + spacing * 3.25 * rowVerticalPaddingScale"},rowVerticalPaddingScale:1,headerHeight:{calc:"max(iconSize, dataFontSize) + spacing * 4 * headerVerticalPaddingScale"},headerVerticalPaddingScale:1,paginationPanelHeight:{ref:"rowHeight",calc:"max(rowHeight, 22px)"},dragHandleColor:(0,o.foregroundMix)(.7),headerColumnResizeHandleHeight:"30%",headerColumnResizeHandleWidth:2,headerColumnResizeHandleColor:{ref:"borderColor"},widgetContainerHorizontalPadding:{calc:"spacing * 1.5"},widgetContainerVerticalPadding:{calc:"spacing * 1.5"},widgetHorizontalSpacing:{calc:"spacing * 1.5"},widgetVerticalSpacing:{ref:"spacing"},iconButtonColor:{ref:"iconColor"},iconButtonBackgroundColor:"transparent",iconButtonBackgroundSpread:4,iconButtonBorderRadius:1,iconButtonHoverColor:{ref:"iconButtonColor"},iconButtonHoverBackgroundColor:(0,o.foregroundMix)(.1),iconButtonActiveColor:o.accentColor,iconButtonActiveBackgroundColor:(0,o.accentMix)(.28),iconButtonActiveIndicatorColor:o.accentColor,menuBorder:{color:(0,o.foregroundMix)(.2)},menuBackgroundColor:(0,o.foregroundBackgroundMix)(.03),menuTextColor:(0,o.foregroundBackgroundMix)(.95),menuShadow:{ref:"popupShadow"},menuSeparatorColor:{ref:"borderColor"},setFilterIndentSize:{ref:"iconSize"},chartMenuPanelWidth:260,chartMenuLabelColor:(0,o.foregroundMix)(.8),dialogShadow:{ref:"popupShadow"},cellEditingBorder:{color:o.accentColor},cellEditingShadow:{ref:"cardShadow"},fullRowEditInvalidBackgroundColor:{ref:"invalidColor",onto:"backgroundColor",mix:.25},dialogBorder:{color:(0,o.foregroundMix)(.2)},panelBackgroundColor:o.backgroundColor,panelTitleBarHeight:{ref:"headerHeight"},panelTitleBarBackgroundColor:{ref:"headerBackgroundColor"},panelTitleBarIconColor:{ref:"headerTextColor"},panelTitleBarTextColor:{ref:"headerTextColor"},panelTitleBarFontWeight:{ref:"headerFontWeight"},panelTitleBarBorder:!0,columnSelectIndentSize:{ref:"iconSize"},toolPanelSeparatorBorder:!0,columnDropCellBackgroundColor:(0,o.foregroundMix)(.07),columnDropCellTextColor:{ref:"textColor"},columnDropCellDragHandleColor:{ref:"textColor"},columnDropCellBorder:{color:(0,o.foregroundMix)(.13)},selectCellBackgroundColor:(0,o.foregroundMix)(.07),selectCellBorder:{color:(0,o.foregroundMix)(.13)},advancedFilterBuilderButtonBarBorder:!0,advancedFilterBuilderIndentSize:{calc:"spacing * 2 + iconSize"},advancedFilterBuilderJoinPillColor:"#f08e8d",advancedFilterBuilderColumnPillColor:"#a6e194",advancedFilterBuilderOptionPillColor:"#f3c08b",advancedFilterBuilderValuePillColor:"#85c0e4",filterPanelApplyButtonColor:o.backgroundColor,filterPanelApplyButtonBackgroundColor:o.accentColor,filterPanelCardSubtleColor:{ref:"textColor",mix:.7},filterPanelCardSubtleHoverColor:{ref:"textColor"},findMatchColor:o.foregroundColor,findMatchBackgroundColor:"#ffff00",findActiveMatchColor:o.foregroundColor,findActiveMatchBackgroundColor:"#ffa500",filterToolPanelGroupIndent:{ref:"spacing"},rowLoadingSkeletonEffectColor:(0,o.foregroundMix)(.15),statusBarLabelColor:o.foregroundColor,statusBarLabelFontWeight:500,statusBarValueColor:o.foregroundColor,statusBarValueFontWeight:500,pinnedSourceRowTextColor:{ref:"textColor"},pinnedSourceRowBackgroundColor:{ref:"dataBackgroundColor"},pinnedSourceRowFontWeight:600,pinnedRowFontWeight:600,pinnedRowBackgroundColor:{ref:"dataBackgroundColor"},pinnedRowTextColor:{ref:"textColor"}}},99550:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.coreCSS=void 0,t.coreCSS='.ag-aria-description-container{border:0;z-index:9999;clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.ag-unselectable{-webkit-user-select:none;-moz-user-select:none;user-select:none}.ag-selectable{-webkit-user-select:text;-moz-user-select:text;user-select:text}.ag-tab-guard{display:block;height:0;position:absolute;width:0}:where(.ag-virtual-list-viewport) .ag-tab-guard{position:sticky}.ag-tab-guard-top{top:1px}.ag-tab-guard-bottom{bottom:1px}.ag-shake-left-to-right{animation-direction:alternate;animation-duration:.2s;animation-iteration-count:infinite;animation-name:ag-shake-left-to-right}@keyframes ag-shake-left-to-right{0%{padding-left:6px;padding-right:2px}to{padding-left:2px;padding-right:6px}}.ag-body-horizontal-scroll-viewport,.ag-body-vertical-scroll-viewport,.ag-body-viewport,.ag-center-cols-viewport,.ag-floating-bottom-viewport,.ag-floating-top-viewport,.ag-header-viewport,.ag-sticky-bottom-viewport,.ag-sticky-top-viewport,.ag-virtual-list-viewport{flex:1 1 auto;height:100%;min-width:0;overflow:hidden;position:relative}.ag-viewport{position:relative}.ag-spanning-container{position:absolute;top:0;z-index:1}.ag-body-viewport,.ag-center-cols-viewport,.ag-floating-bottom-viewport,.ag-floating-top-viewport,.ag-header-viewport,.ag-sticky-bottom-viewport,.ag-sticky-top-viewport{overflow-x:auto;-ms-overflow-style:none!important;scrollbar-width:none!important;&::-webkit-scrollbar{display:none!important}}.ag-body-viewport{display:flex;overflow-x:hidden;&:where(.ag-layout-normal){overflow-y:auto;-webkit-overflow-scrolling:touch}}.ag-floating-bottom-container,.ag-floating-top-container,.ag-sticky-bottom-container,.ag-sticky-top-container{min-height:1px}.ag-center-cols-viewport{min-height:100%;width:100%}.ag-body-horizontal-scroll-viewport{overflow-x:scroll}.ag-body-vertical-scroll-viewport{overflow-y:scroll}.ag-virtual-list-viewport{overflow:auto;width:100%}.ag-body-container,.ag-body-horizontal-scroll-container,.ag-body-vertical-scroll-container,.ag-center-cols-container,.ag-floating-bottom-container,.ag-floating-bottom-full-width-container,.ag-floating-top-container,.ag-full-width-container,.ag-header-container,.ag-pinned-left-cols-container,.ag-pinned-right-cols-container,.ag-sticky-bottom-container,.ag-sticky-top-container,.ag-virtual-list-container{position:relative}.ag-floating-bottom-container,.ag-floating-top-container,.ag-header-container,.ag-pinned-left-floating-bottom,.ag-pinned-left-floating-top,.ag-pinned-right-floating-bottom,.ag-pinned-right-floating-top,.ag-sticky-bottom-container,.ag-sticky-top-container{height:100%;white-space:nowrap}.ag-center-cols-container,.ag-pinned-right-cols-container{display:block}.ag-body-horizontal-scroll-container{height:100%}.ag-body-vertical-scroll-container{width:100%}.ag-floating-bottom-full-width-container,.ag-floating-top-full-width-container,.ag-full-width-container,.ag-sticky-bottom-full-width-container,.ag-sticky-top-full-width-container{pointer-events:none;position:absolute;top:0}:where(.ag-ltr) .ag-floating-bottom-full-width-container,:where(.ag-ltr) .ag-floating-top-full-width-container,:where(.ag-ltr) .ag-full-width-container,:where(.ag-ltr) .ag-sticky-bottom-full-width-container,:where(.ag-ltr) .ag-sticky-top-full-width-container{left:0}:where(.ag-rtl) .ag-floating-bottom-full-width-container,:where(.ag-rtl) .ag-floating-top-full-width-container,:where(.ag-rtl) .ag-full-width-container,:where(.ag-rtl) .ag-sticky-bottom-full-width-container,:where(.ag-rtl) .ag-sticky-top-full-width-container{right:0}.ag-full-width-container{width:100%}.ag-floating-bottom-full-width-container,.ag-floating-top-full-width-container{display:inline-block;height:100%;overflow:hidden;width:100%}.ag-virtual-list-container{overflow:hidden}.ag-body{display:flex;flex:1 1 auto;flex-direction:row!important;min-height:0;position:relative}.ag-body-horizontal-scroll,.ag-body-vertical-scroll{display:flex;min-height:0;min-width:0;position:relative;&:where(.ag-scrollbar-invisible){bottom:0;position:absolute;&:where(.ag-apple-scrollbar){opacity:0;transition:opacity .4s;visibility:hidden;&:where(.ag-scrollbar-scrolling,.ag-scrollbar-active){opacity:1;visibility:visible}}}}.ag-body-horizontal-scroll{width:100%;&:where(.ag-scrollbar-invisible){left:0;right:0}}.ag-body-vertical-scroll{height:100%;&:where(.ag-scrollbar-invisible){top:0;z-index:10}}:where(.ag-ltr) .ag-body-vertical-scroll{&:where(.ag-scrollbar-invisible){right:0}}:where(.ag-rtl) .ag-body-vertical-scroll{&:where(.ag-scrollbar-invisible){left:0}}.ag-force-vertical-scroll{overflow-y:scroll!important}.ag-horizontal-left-spacer,.ag-horizontal-right-spacer{height:100%;min-width:0;overflow-x:scroll;&:where(.ag-scroller-corner){overflow-x:hidden}}:where(.ag-row-animation) .ag-row{transition:transform .4s,top .4s,opacity .2s;&:where(.ag-after-created){transition:transform .4s,top .4s,height .4s,opacity .2s}}:where(.ag-row-animation.ag-prevent-animation) .ag-row{transition:none!important;&:where(.ag-row.ag-after-created){transition:none!important}}:where(.ag-row-no-animation) .ag-row{transition:none}.ag-row-loading{align-items:center;display:flex}.ag-row-position-absolute{position:absolute}.ag-row-position-relative{position:relative}.ag-full-width-row{overflow:hidden;pointer-events:all}.ag-row-inline-editing{z-index:1}.ag-row-dragging{z-index:2}.ag-stub-cell{align-items:center;display:flex}.ag-cell{display:inline-block;height:100%;position:absolute;white-space:nowrap;&:focus-visible{box-shadow:none}}.ag-cell-value{flex:1 1 auto}.ag-cell-value:not(.ag-allow-overflow),.ag-group-value{overflow:hidden;text-overflow:ellipsis}.ag-cell-wrap-text{white-space:normal;word-break:break-word}:where(.ag-cell) .ag-icon{display:inline-block;vertical-align:middle}.ag-floating-top{display:flex;overflow:hidden;position:relative;white-space:nowrap;width:100%}:where(.ag-floating-top:not(.ag-invisible)){border-bottom:var(--ag-pinned-row-border)}.ag-floating-bottom{display:flex;overflow:hidden;position:relative;white-space:nowrap;width:100%}:where(.ag-floating-bottom:not(.ag-invisible)){border-top:var(--ag-pinned-row-border)}.ag-sticky-bottom,.ag-sticky-top{background-color:var(--ag-data-background-color);display:flex;height:0;overflow:hidden;position:absolute;width:100%;z-index:1}.ag-opacity-zero{opacity:0!important}.ag-cell-label-container{align-items:center;display:flex;flex-direction:row-reverse;height:100%;justify-content:space-between;width:100%}:where(.ag-right-aligned-header){.ag-cell-label-container{flex-direction:row}.ag-header-cell-text{text-align:end}}.ag-column-group-icons{display:block;>*{cursor:pointer}}:where(.ag-ltr){direction:ltr;.ag-body,.ag-body-horizontal-scroll,.ag-body-viewport,.ag-floating-bottom,.ag-floating-top,.ag-header,.ag-sticky-bottom,.ag-sticky-top{flex-direction:row}}:where(.ag-rtl){direction:rtl;text-align:right;.ag-body,.ag-body-horizontal-scroll,.ag-body-viewport,.ag-floating-bottom,.ag-floating-top,.ag-header,.ag-sticky-bottom,.ag-sticky-top{flex-direction:row-reverse}.ag-icon-contracted,.ag-icon-expanded,.ag-icon-tree-closed{display:block}}:where(.ag-rtl){.ag-icon-contracted,.ag-icon-expanded,.ag-icon-tree-closed{transform:rotate(180deg)}}:where(.ag-rtl){.ag-icon-contracted,.ag-icon-expanded,.ag-icon-tree-closed{transform:rotate(-180deg)}}.ag-measurement-container{height:0;overflow:hidden;visibility:hidden;width:0}.ag-measurement-element-border{display:inline-block;&:before{border-left:var(--ag-internal-measurement-border);content:"";display:block}}.ag-group{position:relative;width:100%}.ag-group-title-bar{align-items:center;display:flex;padding:var(--ag-spacing)}.ag-group-title{display:inline;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(.ag-group-title-bar) .ag-group-title{cursor:default}.ag-group-toolbar{align-items:center;display:flex;padding:var(--ag-spacing)}.ag-group-container{display:flex}.ag-disabled .ag-group-container{pointer-events:none}.ag-disabled-group-container,.ag-disabled-group-title-bar{opacity:.5}.ag-group-container-horizontal{flex-flow:row wrap}.ag-group-container-vertical{flex-direction:column}.ag-group-title-bar-icon{cursor:pointer;flex:none}:where(.ag-ltr) .ag-group-title-bar-icon{margin-right:var(--ag-spacing)}:where(.ag-rtl) .ag-group-title-bar-icon{margin-left:var(--ag-spacing)}:where(.ag-group-item-alignment-stretch) .ag-group-item{align-items:stretch}:where(.ag-group-item-alignment-start) .ag-group-item{align-items:flex-start}:where(.ag-group-item-alignment-end) .ag-group-item{align-items:flex-end}:where(.ag-ltr) .ag-row:not(.ag-row-level-0) .ag-pivot-leaf-group{margin-left:var(--ag-row-group-indent-size)}:where(.ag-rtl) .ag-row:not(.ag-row-level-0) .ag-pivot-leaf-group{margin-right:var(--ag-row-group-indent-size)}:where(.ag-ltr) .ag-row-group-leaf-indent{margin-left:calc(var(--ag-cell-widget-spacing) + var(--ag-icon-size))}:where(.ag-rtl) .ag-row-group-leaf-indent{margin-right:calc(var(--ag-cell-widget-spacing) + var(--ag-icon-size))}.ag-value-change-delta{padding:0 2px}.ag-value-change-delta-up{color:var(--ag-value-change-delta-up-color)}.ag-value-change-delta-down{color:var(--ag-value-change-delta-down-color)}.ag-value-change-value{background-color:transparent;border-radius:1px;padding-left:1px;padding-right:1px;transition:background-color 1s}.ag-value-change-value-highlight{background-color:var(--ag-value-change-value-highlight-background-color);transition:background-color .1s}.ag-cell-data-changed{background-color:var(--ag-value-change-value-highlight-background-color)!important}.ag-cell-data-changed-animation{background-color:transparent}.ag-cell-highlight{background-color:var(--ag-range-selection-highlight-color)!important}.ag-row,.ag-spanned-row{color:var(--ag-cell-text-color);font-family:var(--ag-cell-font-family);font-size:var(--ag-data-font-size);white-space:nowrap;--ag-internal-content-line-height:calc(min(var(--ag-row-height), var(--ag-line-height, 1000px)) - var(--ag-internal-row-border-width, 1px) - 2px)}.ag-row{background-color:var(--ag-data-background-color);border-bottom:var(--ag-row-border);height:var(--ag-row-height);width:100%;&.ag-row-editing-invalid{background-color:var(--ag-full-row-edit-invalid-background-color)}}:where(.ag-body-vertical-content-no-gap>div>div>div,.ag-body-vertical-content-no-gap>div>div>div>div)>.ag-row-last{border-bottom-color:transparent}.ag-sticky-bottom{border-top:var(--ag-row-border);box-sizing:content-box!important}.ag-group-contracted,.ag-group-expanded{cursor:pointer}.ag-cell,.ag-full-width-row .ag-cell-wrapper.ag-row-group{border:1px solid transparent;line-height:var(--ag-internal-content-line-height);-webkit-font-smoothing:subpixel-antialiased}:where(.ag-ltr) .ag-cell{border-right:var(--ag-column-border)}:where(.ag-rtl) .ag-cell{border-left:var(--ag-column-border)}.ag-spanned-cell-wrapper{background-color:var(--ag-data-background-color);position:absolute}.ag-spanned-cell-wrapper>.ag-spanned-cell{display:block;position:relative}:where(.ag-ltr) :where(.ag-body-horizontal-content-no-gap) .ag-column-last{border-right-color:transparent}:where(.ag-rtl) :where(.ag-body-horizontal-content-no-gap) .ag-column-last{border-left-color:transparent}.ag-cell-wrapper{align-items:center;display:flex;>:where(:not(.ag-cell-value,.ag-group-value)){align-items:center;display:flex;height:var(--ag-internal-content-line-height)}&:where(.ag-row-group){align-items:flex-start}:where(.ag-full-width-row) &:where(.ag-row-group){align-items:center;height:100%}}:where(.ag-ltr) .ag-cell-wrapper{padding-left:calc(var(--ag-indentation-level)*var(--ag-row-group-indent-size))}:where(.ag-rtl) .ag-cell-wrapper{padding-right:calc(var(--ag-indentation-level)*var(--ag-row-group-indent-size))}:where(.ag-cell-wrap-text:not(.ag-cell-auto-height)) .ag-cell-wrapper{align-items:normal;height:100%;:where(.ag-cell-value){height:100%}}:where(.ag-ltr) .ag-row>.ag-cell-wrapper.ag-row-group{padding-left:calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size)*var(--ag-indentation-level))}:where(.ag-rtl) .ag-row>.ag-cell-wrapper.ag-row-group{padding-right:calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size)*var(--ag-indentation-level))}.ag-cell-focus:not(.ag-cell-range-selected):focus-within,.ag-cell-range-single-cell,.ag-cell-range-single-cell.ag-cell-range-handle,.ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),.ag-context-menu-open .ag-full-width-row.ag-row-focus .ag-cell-wrapper.ag-row-group,.ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group{border:1px solid;border-color:var(--ag-range-selection-border-color);border-style:var(--ag-range-selection-border-style);outline:initial}.ag-full-width-row.ag-row-focus:focus{box-shadow:none}:where(.ag-ltr) .ag-group-contracted,:where(.ag-ltr) .ag-group-expanded,:where(.ag-ltr) .ag-row-drag,:where(.ag-ltr) .ag-selection-checkbox{margin-right:var(--ag-cell-widget-spacing)}:where(.ag-rtl) .ag-group-contracted,:where(.ag-rtl) .ag-group-expanded,:where(.ag-rtl) .ag-row-drag,:where(.ag-rtl) .ag-selection-checkbox{margin-left:var(--ag-cell-widget-spacing)}:where(.ag-ltr) .ag-group-child-count{margin-left:3px}:where(.ag-rtl) .ag-group-child-count{margin-right:3px}.ag-row-highlight-above:after,.ag-row-highlight-below:after,.ag-row-highlight-inside:after{background-color:var(--ag-range-selection-border-color);content:"";height:1px;pointer-events:none;position:absolute;width:calc(100% - 1px)}:where(.ag-ltr) .ag-row-highlight-above:after,:where(.ag-ltr) .ag-row-highlight-below:after,:where(.ag-ltr) .ag-row-highlight-inside:after{left:1px}:where(.ag-rtl) .ag-row-highlight-above:after,:where(.ag-rtl) .ag-row-highlight-below:after,:where(.ag-rtl) .ag-row-highlight-inside:after{right:1px}.ag-row-highlight-above:after{top:0}.ag-row-highlight-below:after{bottom:0}.ag-row-highlight-indent:after{display:block;width:auto}:where(.ag-ltr) .ag-row-highlight-indent:after{left:calc((var(--ag-cell-widget-spacing) + var(--ag-icon-size))*2 + var(--ag-cell-horizontal-padding) + var(--ag-row-highlight-level)*var(--ag-row-group-indent-size));right:1px}:where(.ag-rtl) .ag-row-highlight-indent:after{left:1px;right:calc((var(--ag-cell-widget-spacing) + var(--ag-icon-size))*2 + var(--ag-cell-horizontal-padding) + var(--ag-row-highlight-level)*var(--ag-row-group-indent-size))}.ag-row-highlight-inside:after{background-color:var(--ag-selected-row-background-color);border:1px solid var(--ag-range-selection-border-color);display:block;height:auto;inset:0;width:auto}.ag-body,.ag-floating-bottom,.ag-floating-top{background-color:var(--ag-data-background-color)}.ag-row-odd{background-color:var(--ag-odd-row-background-color)}.ag-row-selected:before{background-color:var(--ag-selected-row-background-color);content:"";display:block;inset:0;pointer-events:none;position:absolute}.ag-row-hover.ag-full-width-row.ag-row-group:before,.ag-row-hover:not(.ag-full-width-row):before{background-color:var(--ag-row-hover-color);content:"";display:block;inset:0;pointer-events:none;position:absolute}.ag-row-hover.ag-row-selected:before{background-color:var(--ag-row-hover-color);background-image:linear-gradient(var(--ag-selected-row-background-color),var(--ag-selected-row-background-color))}.ag-row.ag-full-width-row.ag-row-group>*{position:relative}.ag-column-hover{background-color:var(--ag-column-hover-color)}.ag-header-range-highlight{background-color:var(--ag-range-header-highlight-color)}.ag-right-aligned-cell{font-variant-numeric:tabular-nums}:where(.ag-ltr) .ag-right-aligned-cell{text-align:right}:where(.ag-rtl) .ag-right-aligned-cell{text-align:left}.ag-right-aligned-cell .ag-cell-value,.ag-right-aligned-cell .ag-group-value{margin-left:auto}:where(.ag-ltr) .ag-cell:not(.ag-cell-inline-editing),:where(.ag-ltr) .ag-full-width-row .ag-cell-wrapper.ag-row-group{padding-left:calc(var(--ag-cell-horizontal-padding) - 1px + var(--ag-row-group-indent-size)*var(--ag-indentation-level));padding-right:calc(var(--ag-cell-horizontal-padding) - 1px)}:where(.ag-rtl) .ag-cell:not(.ag-cell-inline-editing),:where(.ag-rtl) .ag-full-width-row .ag-cell-wrapper.ag-row-group{padding-left:calc(var(--ag-cell-horizontal-padding) - 1px);padding-right:calc(var(--ag-cell-horizontal-padding) - 1px + var(--ag-row-group-indent-size)*var(--ag-indentation-level))}.ag-row>.ag-cell-wrapper{padding-left:calc(var(--ag-cell-horizontal-padding) - 1px);padding-right:calc(var(--ag-cell-horizontal-padding) - 1px)}.ag-row-dragging{cursor:move;opacity:.5}.ag-details-row{background-color:var(--ag-data-background-color);padding:calc(var(--ag-spacing)*3.75)}.ag-layout-auto-height,.ag-layout-print{.ag-center-cols-container,.ag-center-cols-viewport{min-height:150px}}.ag-overlay-loading-wrapper{background-color:var(--ag-modal-overlay-background-color)}.ag-skeleton-container{align-content:center;height:100%;width:100%}.ag-skeleton-effect{animation:ag-skeleton-loading 1.5s ease-in-out .5s infinite;background-color:var(--ag-row-loading-skeleton-effect-color);border-radius:.25rem;height:1em;width:100%}:where(.ag-ltr) .ag-right-aligned-cell .ag-skeleton-effect{margin-left:auto}:where(.ag-rtl) .ag-right-aligned-cell .ag-skeleton-effect{margin-right:auto}@keyframes ag-skeleton-loading{0%{background-color:var(--ag-row-loading-skeleton-effect-color)}50%{background-color:color-mix(in srgb,transparent,var(--ag-row-loading-skeleton-effect-color) 40%)}to{background-color:var(--ag-row-loading-skeleton-effect-color)}}.ag-loading{align-items:center;display:flex;height:100%}:where(.ag-ltr) .ag-loading{padding-left:var(--ag-cell-horizontal-padding)}:where(.ag-rtl) .ag-loading{padding-right:var(--ag-cell-horizontal-padding)}:where(.ag-ltr) .ag-loading-icon{padding-right:var(--ag-cell-widget-spacing)}:where(.ag-rtl) .ag-loading-icon{padding-left:var(--ag-cell-widget-spacing)}.ag-icon-loading{animation-duration:1s;animation-iteration-count:infinite;animation-name:spin;animation-timing-function:linear}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ag-header{background-color:var(--ag-header-background-color);border-bottom:var(--ag-header-row-border);color:var(--ag-header-text-color);display:flex;font-family:var(--ag-header-font-family);font-size:var(--ag-header-font-size);font-weight:var(--ag-header-font-weight);overflow:hidden;white-space:nowrap;width:100%}.ag-header-row{height:var(--ag-header-height);position:absolute}.ag-floating-filter-button-button,.ag-header-cell-filter-button,.ag-header-cell-menu-button,.ag-header-expand-icon,.ag-panel-title-bar-button,:where(.ag-header-cell-sortable) .ag-header-cell-label{cursor:pointer}:where(.ag-ltr) .ag-header-expand-icon{margin-left:4px}:where(.ag-rtl) .ag-header-expand-icon{margin-right:4px}.ag-header-row:where(:not(:first-child)){:where(.ag-header-cell:not(.ag-header-span-height.ag-header-span-total,.ag-header-parent-hidden),.ag-header-group-cell.ag-header-group-cell-with-group){border-top:var(--ag-header-row-border)}}.ag-header-row:where(:not(.ag-header-row-column-group)){overflow:hidden}:where(.ag-header.ag-header-allow-overflow) .ag-header-row{overflow:visible}.ag-header-cell{display:inline-flex;overflow:hidden}.ag-header-group-cell{contain:paint;display:flex}.ag-header-cell,.ag-header-group-cell{align-items:center;gap:var(--ag-cell-widget-spacing);height:100%;padding:0 var(--ag-cell-horizontal-padding);position:absolute}@property --ag-internal-moving-color{syntax:"<color>";inherits:false;initial-value:transparent}@property --ag-internal-hover-color{syntax:"<color>";inherits:false;initial-value:transparent}.ag-header-cell:where(:not(.ag-floating-filter)),.ag-header-group-cell{&:before{background-image:linear-gradient(var(--ag-internal-hover-color),var(--ag-internal-hover-color)),linear-gradient(var(--ag-internal-moving-color),var(--ag-internal-moving-color));content:"";inset:0;position:absolute;--ag-internal-moving-color:transparent;--ag-internal-hover-color:transparent;transition:--ag-internal-moving-color var(--ag-header-cell-background-transition-duration),--ag-internal-hover-color var(--ag-header-cell-background-transition-duration)}&:where(:hover):before{--ag-internal-hover-color:var(--ag-header-cell-hover-background-color)}&:where(.ag-header-cell-moving):before{--ag-internal-moving-color:var(--ag-header-cell-moving-background-color);--ag-internal-hover-color:var(--ag-header-cell-hover-background-color)}}:where(.ag-header-cell:not(.ag-floating-filter) *,.ag-header-group-cell *){position:relative;z-index:1}.ag-header-cell-menu-button:where(:not(.ag-header-menu-always-show)){opacity:0;transition:opacity .2s}.ag-header-cell-filter-button,:where(.ag-header-cell.ag-header-active) .ag-header-cell-menu-button{opacity:1}.ag-header-cell-label,.ag-header-group-cell-label{align-items:center;align-self:stretch;display:flex;flex:1 1 auto;overflow:hidden;padding:5px 0}:where(.ag-ltr) .ag-sort-indicator-icon{padding-left:var(--ag-spacing)}:where(.ag-rtl) .ag-sort-indicator-icon{padding-right:var(--ag-spacing)}.ag-header-cell-label{text-overflow:ellipsis}.ag-header-group-cell-label.ag-sticky-label{flex:none;max-width:100%;overflow:visible;position:sticky}:where(.ag-ltr) .ag-header-group-cell-label.ag-sticky-label{left:var(--ag-cell-horizontal-padding)}:where(.ag-rtl) .ag-header-group-cell-label.ag-sticky-label{right:var(--ag-cell-horizontal-padding)}.ag-header-cell-text,.ag-header-group-text{overflow:hidden;text-overflow:ellipsis}.ag-header-cell-text{word-break:break-word}.ag-header-cell-comp-wrapper{width:100%}:where(.ag-header-group-cell) .ag-header-cell-comp-wrapper{display:flex}:where(.ag-header-cell:not(.ag-header-cell-auto-height)) .ag-header-cell-comp-wrapper{align-items:center;display:flex;height:100%}.ag-header-cell-wrap-text .ag-header-cell-comp-wrapper{white-space:normal}.ag-header-cell-comp-wrapper-limited-height>*{overflow:hidden}:where(.ag-right-aligned-header) .ag-header-cell-label{flex-direction:row-reverse}:where(.ag-ltr) :where(.ag-header-cell:not(.ag-right-aligned-header)){.ag-header-label-icon,.ag-header-menu-icon{margin-left:var(--ag-spacing)}}:where(.ag-rtl) :where(.ag-header-cell:not(.ag-right-aligned-header)){.ag-header-label-icon,.ag-header-menu-icon{margin-right:var(--ag-spacing)}}:where(.ag-ltr) :where(.ag-header-cell.ag-right-aligned-header){.ag-header-label-icon,.ag-header-menu-icon{margin-right:var(--ag-spacing)}}:where(.ag-rtl) :where(.ag-header-cell.ag-right-aligned-header){.ag-header-label-icon,.ag-header-menu-icon{margin-left:var(--ag-spacing)}}.ag-header-cell:after,.ag-header-group-cell:where(:not(.ag-header-span-height.ag-header-group-cell-no-group)):after{content:"";height:var(--ag-header-column-border-height);position:absolute;top:calc(50% - var(--ag-header-column-border-height)*.5);z-index:1}:where(.ag-ltr) .ag-header-cell:after,:where(.ag-ltr) .ag-header-group-cell:where(:not(.ag-header-span-height.ag-header-group-cell-no-group)):after{border-right:var(--ag-header-column-border);right:0}:where(.ag-rtl) .ag-header-cell:after,:where(.ag-rtl) .ag-header-group-cell:where(:not(.ag-header-span-height.ag-header-group-cell-no-group)):after{border-left:var(--ag-header-column-border);left:0}.ag-header-highlight-after:after,.ag-header-highlight-before:after{background-color:var(--ag-accent-color);content:"";height:100%;position:absolute;width:1px}:where(.ag-ltr) .ag-header-highlight-before:after{left:0}:where(.ag-rtl) .ag-header-highlight-before:after{right:0}:where(.ag-ltr) .ag-header-highlight-after:after{right:0;:where(.ag-pinned-left-header) &{right:1px}}:where(.ag-rtl) .ag-header-highlight-after:after{left:0;:where(.ag-pinned-left-header) &{left:1px}}.ag-header-cell-resize{align-items:center;cursor:ew-resize;display:flex;height:100%;position:absolute;top:0;width:8px;z-index:2;&:after{background-color:var(--ag-header-column-resize-handle-color);content:"";height:var(--ag-header-column-resize-handle-height);position:absolute;top:calc(50% - var(--ag-header-column-resize-handle-height)*.5);width:var(--ag-header-column-resize-handle-width);z-index:1}}:where(.ag-ltr) .ag-header-cell-resize{right:-3px;&:after{left:calc(50% - var(--ag-header-column-resize-handle-width))}}:where(.ag-rtl) .ag-header-cell-resize{left:-3px;&:after{right:calc(50% - var(--ag-header-column-resize-handle-width))}}:where(.ag-header-cell.ag-header-span-height) .ag-header-cell-resize:after{height:calc(100% - var(--ag-spacing)*4);top:calc(var(--ag-spacing)*2)}.ag-header-group-cell-no-group:where(.ag-header-span-height){display:none}.ag-sort-indicator-container{display:flex;gap:var(--ag-spacing)}.ag-layout-print{&.ag-body{display:block;height:unset}&.ag-root-wrapper{display:inline-block}.ag-body-horizontal-scroll,.ag-body-vertical-scroll{display:none}&.ag-force-vertical-scroll{overflow-y:visible!important}}@media print{.ag-root-wrapper.ag-layout-print{display:table;.ag-body-horizontal-scroll-viewport,.ag-body-viewport,.ag-center-cols-container,.ag-center-cols-viewport,.ag-root,.ag-root-wrapper-body,.ag-virtual-list-viewport{display:block!important;height:auto!important;overflow:hidden!important}.ag-cell,.ag-row{-moz-column-break-inside:avoid;break-inside:avoid}}}ag-grid,ag-grid-angular{display:block}.ag-root-wrapper{border:var(--ag-wrapper-border);border-radius:var(--ag-wrapper-border-radius);display:flex;flex-direction:column;overflow:hidden;position:relative;&.ag-layout-normal{height:100%}}.ag-root-wrapper-body{display:flex;flex-direction:row;&.ag-layout-normal{flex:1 1 auto;height:0;min-height:0}}.ag-root{display:flex;flex-direction:column;position:relative;&.ag-layout-auto-height,&.ag-layout-normal{flex:1 1 auto;overflow:hidden;width:0}&.ag-layout-normal{height:100%}}.ag-virtual-list-item{height:var(--ag-list-item-height);position:absolute;width:100%}.ag-list-item-hovered:after{background-color:var(--ag-accent-color);content:"";height:1px;left:0;position:absolute;right:0}.ag-item-highlight-top:after{top:0}.ag-item-highlight-bottom:after{bottom:0}.ag-drag-handle{color:var(--ag-drag-handle-color);cursor:grab;:where(.ag-icon){color:var(--ag-drag-handle-color)}}.ag-chart-menu-icon,.ag-chart-settings-next,.ag-chart-settings-prev,.ag-column-group-icons,.ag-column-select-header-icon,.ag-filter-toolpanel-expand,.ag-floating-filter-button-button,.ag-group-title-bar-icon,.ag-header-cell-filter-button,.ag-header-cell-menu-button,.ag-header-expand-icon,.ag-panel-title-bar-button,.ag-panel-title-bar-button-icon,.ag-set-filter-group-icons,:where(.ag-group-contracted) .ag-icon,:where(.ag-group-expanded) .ag-icon{background-color:var(--ag-icon-button-background-color);border-radius:var(--ag-icon-button-border-radius);box-shadow:0 0 0 var(--ag-icon-button-background-spread) var(--ag-icon-button-background-color);color:var(--ag-icon-button-color);&:hover{background-color:var(--ag-icon-button-hover-background-color);box-shadow:0 0 0 var(--ag-icon-button-background-spread) var(--ag-icon-button-hover-background-color);color:var(--ag-icon-button-hover-color)}}.ag-filter-active{background-image:linear-gradient(var(--ag-icon-button-active-background-color),var(--ag-icon-button-active-background-color));border-radius:1px;outline:solid var(--ag-icon-button-background-spread) var(--ag-icon-button-active-background-color);position:relative;&:after{background-color:var(--ag-icon-button-active-indicator-color);border-radius:50%;content:"";height:6px;position:absolute;top:-1px;width:6px}:where(.ag-icon-filter){clip-path:path("M8,0C8,4.415 11.585,8 16,8L16,16L0,16L0,0L8,0Z");color:var(--ag-icon-button-active-color)}}:where(.ag-ltr) .ag-filter-active{&:after{right:-1px}}:where(.ag-rtl) .ag-filter-active{&:after{left:-1px}}.ag-menu{background-color:var(--ag-menu-background-color);border:var(--ag-menu-border);border-radius:var(--ag-border-radius);box-shadow:var(--ag-menu-shadow);color:var(--ag-menu-text-color);max-height:100%;overflow-y:auto;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}'},82837:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.createTheme=t.gridThemeLogger=void 0;const o=a(71756),n=a(47764),r=a(405),i=a(51017),l=a(82475),s=a(21697);t.gridThemeLogger={warn:(...e)=>{(0,n._warn)(e[0],e[1])},error:(...e)=>{(0,n._error)(e[0],e[1])},preInitErr:(...e)=>{(0,n._logPreInitErr)(e[0],e[2],e[1])}};t.createTheme=()=>(0,o.createSharedTheme)(t.gridThemeLogger).withParams(r.coreDefaults).withPart(l.buttonStyleQuartz).withPart(s.columnDropStyleBordered).withPart(i.batchEditStyleBase)},40847:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.batchEditStyleDefaultCSS=void 0,t.batchEditStyleDefaultCSS=".ag-cell-batch-edit{background-color:var(--ag-cell-batch-edit-background-color);color:var(--ag-cell-batch-edit-text-color);display:inherit}.ag-row-batch-edit{background-color:var(--ag-row-batch-edit-background-color);color:var(--ag-row-batch-edit-text-color)}"},51017:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.batchEditStyleBase=t.baseDarkBatchEditParams=void 0;const o=a(83036),n=a(40847),r={cellBatchEditBackgroundColor:"rgba(220 181 139 / 16%)",cellBatchEditTextColor:"#422f00",rowBatchEditBackgroundColor:{ref:"cellBatchEditBackgroundColor"},rowBatchEditTextColor:{ref:"cellBatchEditTextColor"}};t.baseDarkBatchEditParams={...r,cellBatchEditTextColor:"#f3d0b3"};t.batchEditStyleBase=(0,o.createPart)({feature:"batchEditStyle",params:r,css:n.batchEditStyleDefaultCSS})},57753:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.buttonStyleBaseCSS=void 0,t.buttonStyleBaseCSS=":where(.ag-button){background:none;border:none;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0;text-indent:inherit;text-shadow:inherit;text-transform:inherit;word-spacing:inherit;&:disabled{cursor:default}&:focus-visible{box-shadow:var(--ag-focus-shadow);outline:none}}.ag-standard-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--ag-button-background-color);border:var(--ag-button-border);border-radius:var(--ag-button-border-radius);color:var(--ag-button-text-color);cursor:pointer;font-weight:var(--ag-button-font-weight);padding:var(--ag-button-vertical-padding) var(--ag-button-horizontal-padding);&:hover{background-color:var(--ag-button-hover-background-color);border:var(--ag-button-hover-border);color:var(--ag-button-hover-text-color)}&:active{background-color:var(--ag-button-active-background-color);border:var(--ag-button-active-border);color:var(--ag-button-active-text-color)}&:disabled{background-color:var(--ag-button-disabled-background-color);border:var(--ag-button-disabled-border);color:var(--ag-button-disabled-text-color)}}"},82475:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.buttonStyleBalham=t.buttonStyleAlpine=t.buttonStyleQuartz=t.buttonStyleBase=void 0;const o=a(83036),n=a(19981),r=a(57753),i={buttonTextColor:"inherit",buttonFontWeight:"normal",buttonBackgroundColor:"transparent",buttonBorder:!1,buttonBorderRadius:{ref:"borderRadius"},buttonHorizontalPadding:{calc:"spacing * 2"},buttonVerticalPadding:{ref:"spacing"},buttonHoverTextColor:{ref:"buttonTextColor"},buttonHoverBackgroundColor:{ref:"buttonBackgroundColor"},buttonHoverBorder:{ref:"buttonBorder"},buttonActiveTextColor:{ref:"buttonHoverTextColor"},buttonActiveBackgroundColor:{ref:"buttonHoverBackgroundColor"},buttonActiveBorder:{ref:"buttonHoverBorder"},buttonDisabledTextColor:{ref:"inputDisabledTextColor"},buttonDisabledBackgroundColor:{ref:"inputDisabledBackgroundColor"},buttonDisabledBorder:{ref:"inputDisabledBorder"}};t.buttonStyleBase=(0,o.createPart)({feature:"buttonStyle",params:i,css:r.buttonStyleBaseCSS});t.buttonStyleQuartz=(0,o.createPart)({feature:"buttonStyle",params:{...i,buttonBackgroundColor:n.backgroundColor,buttonBorder:!0,buttonHoverBackgroundColor:{ref:"rowHoverColor"},buttonActiveBorder:{color:n.accentColor}},css:r.buttonStyleBaseCSS});t.buttonStyleAlpine=(0,o.createPart)({feature:"buttonStyle",params:{...i,buttonBackgroundColor:n.backgroundColor,buttonBorder:{color:n.accentColor},buttonFontWeight:600,buttonTextColor:n.accentColor,buttonHoverBackgroundColor:{ref:"rowHoverColor"},buttonActiveBackgroundColor:n.accentColor,buttonActiveTextColor:n.backgroundColor},css:r.buttonStyleBaseCSS});t.buttonStyleBalham=(0,o.createPart)({feature:"buttonStyle",params:{...i,buttonBorder:{color:n.foregroundColor,width:2,style:"outset"},buttonActiveBorder:{color:n.foregroundColor,width:2,style:"inset"},buttonBackgroundColor:(0,n.foregroundBackgroundMix)(.07),buttonHoverBackgroundColor:n.backgroundColor,buttonVerticalPadding:{calc:"spacing * 0.5"}},css:r.buttonStyleBaseCSS})},63071:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.checkboxStyleDefaultCSS=void 0,t.checkboxStyleDefaultCSS='.ag-checkbox-input-wrapper,.ag-radio-button-input-wrapper{background-color:var(--ag-checkbox-unchecked-background-color);border:solid var(--ag-checkbox-border-width) var(--ag-checkbox-unchecked-border-color);flex:none;height:var(--ag-icon-size);position:relative;width:var(--ag-icon-size);:where(input){-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;display:block;height:var(--ag-icon-size);margin:0;opacity:0;width:var(--ag-icon-size)}&:after{content:"";display:block;inset:0;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;pointer-events:none;position:absolute}&:where(.ag-checked){background-color:var(--ag-checkbox-checked-background-color);border-color:var(--ag-checkbox-checked-border-color);&:after{background-color:var(--ag-checkbox-checked-shape-color)}}&:where(:focus-within,:active){box-shadow:var(--ag-focus-shadow)}&:where(.ag-disabled){filter:grayscale();opacity:.5}}.ag-checkbox-input-wrapper{border-radius:var(--ag-checkbox-border-radius);&:where(.ag-checked):after{-webkit-mask-image:var(--ag-checkbox-checked-shape-image);mask-image:var(--ag-checkbox-checked-shape-image)}&:where(.ag-indeterminate){background-color:var(--ag-checkbox-indeterminate-background-color);border-color:var(--ag-checkbox-indeterminate-border-color);&:after{background-color:var(--ag-checkbox-indeterminate-shape-color);-webkit-mask-image:var(--ag-checkbox-indeterminate-shape-image);mask-image:var(--ag-checkbox-indeterminate-shape-image)}}}.ag-cell-editing-error .ag-checkbox-input-wrapper:focus-within{box-shadow:var(--ag-focus-error-shadow)}.ag-radio-button-input-wrapper{border-radius:100%;&:where(.ag-checked):after{-webkit-mask-image:var(--ag-radio-checked-shape-image);mask-image:var(--ag-radio-checked-shape-image)}}'},98265:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.checkboxStyleDefault=void 0;const o=a(83036),n=a(19981),r=a(63071);t.checkboxStyleDefault=(0,o.createPart)({feature:"checkboxStyle",params:{checkboxBorderWidth:1,checkboxBorderRadius:{ref:"borderRadius"},checkboxUncheckedBackgroundColor:n.backgroundColor,checkboxUncheckedBorderColor:(0,n.foregroundBackgroundMix)(.3),checkboxCheckedBackgroundColor:n.accentColor,checkboxCheckedBorderColor:{ref:"checkboxCheckedBackgroundColor"},checkboxCheckedShapeImage:{svg:'<svg xmlns="http://www.w3.org/2000/svg" width="10" height="7" fill="none"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.75" d="M1 3.5 3.5 6l5-5"/></svg>'},checkboxCheckedShapeColor:n.backgroundColor,checkboxIndeterminateBackgroundColor:(0,n.foregroundBackgroundMix)(.3),checkboxIndeterminateBorderColor:{ref:"checkboxIndeterminateBackgroundColor"},checkboxIndeterminateShapeImage:{svg:'<svg xmlns="http://www.w3.org/2000/svg" width="10" height="2" fill="none"><rect width="10" height="2" fill="#000" rx="1"/></svg>'},checkboxIndeterminateShapeColor:n.backgroundColor,radioCheckedShapeImage:{svg:'<svg xmlns="http://www.w3.org/2000/svg" width="6" height="6" fill="none"><circle cx="3" cy="3" r="3" fill="#000"/></svg>'}},css:r.checkboxStyleDefaultCSS})},38689:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.colorSchemeVariable=t.colorSchemeDarkBlue=t.colorSchemeDarkWarm=t.colorSchemeDark=t.colorSchemeLightCold=t.colorSchemeLightWarm=t.colorSchemeLight=void 0;const o=a(83036),n=a(34422),r=a(19981),i=a(51017);t.colorSchemeLight=(0,o.createPart)({feature:"colorScheme",params:n.defaultLightColorSchemeParams});t.colorSchemeLightWarm=(0,o.createPart)({feature:"colorScheme",params:{...n.defaultLightColorSchemeParams,foregroundColor:"#000000de",borderColor:"#60300026",chromeBackgroundColor:"#60300005"}});t.colorSchemeLightCold=(0,o.createPart)({feature:"colorScheme",params:{...n.defaultLightColorSchemeParams,foregroundColor:"#000",chromeBackgroundColor:"#f3f8f8"}});const l=()=>({...n.defaultLightColorSchemeParams,...i.baseDarkBatchEditParams,backgroundColor:"hsl(217, 0%, 17%)",foregroundColor:"#FFF",chromeBackgroundColor:(0,r.foregroundBackgroundMix)(.05),rowHoverColor:(0,r.accentMix)(.15),selectedRowBackgroundColor:(0,r.accentMix)(.2),menuBackgroundColor:(0,r.foregroundBackgroundMix)(.1),browserColorScheme:"dark",popupShadow:"0 0px 20px #000A",cardShadow:"0 1px 4px 1px #000A",advancedFilterBuilderJoinPillColor:"#7a3a37",advancedFilterBuilderColumnPillColor:"#355f2d",advancedFilterBuilderOptionPillColor:"#5a3168",advancedFilterBuilderValuePillColor:"#374c86",filterPanelApplyButtonColor:r.foregroundColor,findMatchColor:r.backgroundColor,findActiveMatchColor:r.backgroundColor,checkboxUncheckedBorderColor:(0,r.foregroundBackgroundMix)(.4),toggleButtonOffBackgroundColor:(0,r.foregroundBackgroundMix)(.4),rowBatchEditBackgroundColor:(0,r.foregroundBackgroundMix)(.1)});t.colorSchemeDark=(0,o.createPart)({feature:"colorScheme",params:l()});const s=()=>({...l(),backgroundColor:"#1f2836"});t.colorSchemeDarkWarm=(0,o.createPart)({feature:"colorScheme",params:{backgroundColor:"hsl(29, 10%, 17%)",foregroundColor:"#FFF",browserColorScheme:"dark"}});t.colorSchemeDarkBlue=(0,o.createPart)({feature:"colorScheme",params:s()});t.colorSchemeVariable=(0,o.createPart)({feature:"colorScheme",params:n.defaultLightColorSchemeParams,modeParams:{light:n.defaultLightColorSchemeParams,dark:l(),"dark-blue":s()}})},27941:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.columnDropStyleBorderedCSS=void 0,t.columnDropStyleBorderedCSS=".ag-column-drop-vertical-empty-message{align-items:center;border:dashed var(--ag-border-width);border-color:var(--ag-border-color);display:flex;inset:0;justify-content:center;margin:calc(var(--ag-spacing)*1.5) calc(var(--ag-spacing)*2);overflow:hidden;padding:calc(var(--ag-spacing)*2);position:absolute}"},75350:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.columnDropStylePlainCSS=void 0,t.columnDropStylePlainCSS=".ag-column-drop-vertical-empty-message{color:var(--ag-subtle-text-color);font-size:calc(var(--ag-font-size) - 1px);font-weight:600;padding-top:var(--ag-spacing)}:where(.ag-ltr) .ag-column-drop-vertical-empty-message{padding-left:calc(var(--ag-icon-size) + var(--ag-spacing) + var(--ag-widget-horizontal-spacing));padding-right:var(--ag-spacing)}:where(.ag-rtl) .ag-column-drop-vertical-empty-message{padding-left:var(--ag-spacing);padding-right:calc(var(--ag-icon-size) + var(--ag-spacing) + var(--ag-widget-horizontal-spacing))}"},21697:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.columnDropStylePlain=t.columnDropStyleBordered=void 0;const o=a(83036),n=a(27941),r=a(75350);t.columnDropStyleBordered=(0,o.createPart)({feature:"columnDropStyle",css:n.columnDropStyleBorderedCSS});t.columnDropStylePlain=(0,o.createPart)({feature:"columnDropStyle",css:r.columnDropStylePlainCSS})},38897:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.iconSetAlpineCSS=void 0,t.iconSetAlpineCSS=".ag-icon-aggregation:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M24 6H8v2l8 8-8 8v2h16v-2H11l8-8-8-8h13z' style='fill-rule:nonzero'/%3E%3C/svg%3E\")}.ag-icon-arrows:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M7.515 11.171 2.687 16l4.828 4.829-1.414 1.414L-.142 16l6.243-6.243zm16.97 0 1.414-1.414L32.142 16l-6.243 6.243-1.414-1.414L29.313 16zM16.028 13.2l2.829 2.828-2.829 2.829-2.828-2.829zm-4.857 11.285L16 29.313l4.829-4.828 1.414 1.414L16 32.142l-6.243-6.243zm0-16.97L9.757 6.101 16-.142l6.243 6.243-1.414 1.414L16 2.687z' style='fill-rule:nonzero'/%3E%3C/svg%3E\")}.ag-icon-asc:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='m5.333 16 1.88 1.88 7.453-7.44v16.227h2.667V10.44l7.44 7.453L26.666 16 15.999 5.333 5.332 16z' style='fill-rule:nonzero'/%3E%3C/svg%3E\")}.ag-icon-cancel:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M16 2.667A13.32 13.32 0 0 0 2.667 16c0 7.373 5.96 13.333 13.333 13.333S29.333 23.373 29.333 16 23.373 2.667 16 2.667m6.667 18.12-1.88 1.88L16 17.88l-4.787 4.787-1.88-1.88L14.12 16l-4.787-4.787 1.88-1.88L16 14.12l4.787-4.787 1.88 1.88L17.88 16z' style='fill-rule:nonzero'/%3E%3C/svg%3E\")}.ag-icon-chart:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Echart%3C/title%3E%3Cg fill='%23000' fill-rule='nonzero'%3E%3Cpath d='M14 7h4v18h-4zM8 17h4v8H8zM20 13h4v12h-4z'/%3E%3C/g%3E%3C/svg%3E\")}.ag-icon-color-picker:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M23.907 17.587 10.574 4.254l-1.88 1.88 3.173 3.173-8.28 8.28 10.16 10.16zm-16.547 0 6.387-6.387 6.387 6.387zm18.387 2s-2.667 2.893-2.667 4.667c0 1.467 1.2 2.667 2.667 2.667s2.667-1.2 2.667-2.667c0-1.773-2.667-4.667-2.667-4.667' style='fill-rule:nonzero'/%3E%3C/svg%3E\")}.ag-icon-columns:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M26 25H6V7h20zM12 11H8v12h4zm6 0h-4v12h4zm6 12V11h-4v12z' style='fill-rule:nonzero' transform='translate(0 -1)'/%3E%3C/svg%3E\")}.ag-icon-contracted:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='m12 6 10 10-10 10-2-2 8-8-8-8z'/%3E%3C/svg%3E\")}.ag-icon-copy:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M22 1.333H6A2.675 2.675 0 0 0 3.333 4v18.667H6V4h16zm4 5.334H11.333a2.675 2.675 0 0 0-2.667 2.667v18.667c0 1.467 1.2 2.667 2.667 2.667H26c1.467 0 2.667-1.2 2.667-2.667V9.334c0-1.467-1.2-2.667-2.667-2.667M26 28H11.333V9.333H26z' style='fill-rule:nonzero'/%3E%3C/svg%3E\")}.ag-icon-cross:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M15.984 13.894 27.05 2.828l2.122 2.122-11.066 11.066 11.066 11.066-2.122 2.12-11.066-11.066L4.918 29.202l-2.12-2.12 11.066-11.066L2.798 4.95l2.12-2.122z'/%3E%3C/svg%3E\")}.ag-icon-csv:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M384 131.9c-7.753-8.433-110.425-128.473-114.9-133L48-.1C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48zm-35.9 2.1H257V27.9zM30 479V27h200l1 105c0 13.3-1.3 29 12 29h111l1 318z' style='fill-rule:nonzero' transform='translate(3.934 -.054)scale(.06285)'/%3E%3Cpath d='M.688-.226a.2.2 0 0 1-.017.074.28.28 0 0 1-.145.14.412.412 0 0 1-.234.013.28.28 0 0 1-.202-.168.468.468 0 0 1-.04-.19q0-.086.025-.155a.319.319 0 0 1 .182-.191.4.4 0 0 1 .134-.025q.087 0 .155.035a.3.3 0 0 1 .104.085.17.17 0 0 1 .036.097.06.06 0 0 1-.018.044.06.06 0 0 1-.042.019.06.06 0 0 1-.042-.013.2.2 0 0 1-.031-.046.2.2 0 0 0-.066-.079.16.16 0 0 0-.095-.027.17.17 0 0 0-.142.068.3.3 0 0 0-.053.193.4.4 0 0 0 .023.139.2.2 0 0 0 .067.083.2.2 0 0 0 .1.027q.063 0 .106-.031a.2.2 0 0 0 .065-.091.2.2 0 0 1 .023-.046q.014-.018.044-.018a.06.06 0 0 1 .044.018.06.06 0 0 1 .019.045' style='fill-rule:nonzero' transform='matrix(8.39799 0 0 12.455 7.122 25.977)'/%3E%3Cpath d='M.622-.215a.2.2 0 0 1-.033.117.23.23 0 0 1-.098.081.4.4 0 0 1-.153.029.34.34 0 0 1-.175-.04.23.23 0 0 1-.079-.077.17.17 0 0 1-.031-.093q0-.027.019-.045a.06.06 0 0 1 .046-.019.06.06 0 0 1 .039.014.1.1 0 0 1 .027.044.3.3 0 0 0 .03.057q.015.023.044.038.03.015.076.015.065 0 .105-.03a.09.09 0 0 0 .04-.075.08.08 0 0 0-.022-.058.14.14 0 0 0-.056-.034 1 1 0 0 0-.092-.025.7.7 0 0 1-.129-.042.2.2 0 0 1-.083-.066.17.17 0 0 1-.03-.104q0-.058.032-.105a.2.2 0 0 1 .093-.07.4.4 0 0 1 .144-.025q.066 0 .114.016a.3.3 0 0 1 .08.044.2.2 0 0 1 .046.057q.015.03.015.058a.07.07 0 0 1-.018.046.06.06 0 0 1-.046.021q-.025 0-.038-.012a.2.2 0 0 1-.028-.041.2.2 0 0 0-.047-.063Q.387-.625.326-.625a.15.15 0 0 0-.09.025q-.035.024-.035.059 0 .021.012.037a.1.1 0 0 0 .032.027.4.4 0 0 0 .111.036q.06.015.11.031.048.018.083.042a.2.2 0 0 1 .054.062.2.2 0 0 1 .019.091' style='fill-rule:nonzero' transform='matrix(8.39799 0 0 12.455 13.339 25.977)'/%3E%3Cpath d='m.184-.633.162.48.163-.483q.013-.038.019-.053a.062.062 0 0 1 .061-.039q.018 0 .034.009a.1.1 0 0 1 .025.025q.009.015.009.031L.654-.64l-.007.025-.009.024-.173.468-.019.051a.2.2 0 0 1-.021.042.1.1 0 0 1-.033.03.1.1 0 0 1-.049.012.1.1 0 0 1-.05-.011A.1.1 0 0 1 .26-.03a.2.2 0 0 1-.021-.042L.22-.123.05-.587.041-.612.033-.638.03-.662q0-.025.02-.046a.07.07 0 0 1 .05-.02q.037 0 .053.023.015.023.031.072' style='fill-rule:nonzero' transform='matrix(8.39799 0 0 12.455 18.94 25.977)'/%3E%3C/svg%3E\")}.ag-icon-cut:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M13.775 15.198 3.835 2.945a1.501 1.501 0 0 1 2.33-1.89l14.997 18.488A6.003 6.003 0 0 1 29.657 25c0 3.311-2.688 6-6 6s-6-2.689-6-6c0-1.335.437-2.569 1.176-3.566l-3.127-3.855-3.001 3.7A5.97 5.97 0 0 1 14 25c0 3.311-2.689 6-6 6s-6-2.689-6-6a6.003 6.003 0 0 1 8.315-5.536zm9.882 6.702a3.1 3.1 0 0 0-3.1 3.1c0 1.711 1.389 3.1 3.1 3.1s3.1-1.389 3.1-3.1-1.389-3.1-3.1-3.1M8 21.95a3.05 3.05 0 1 0 .001 6.101A3.05 3.05 0 0 0 8 21.95m9.63-11.505 1.932 2.381 8.015-9.881a1.5 1.5 0 0 0-2.329-1.89z' style='fill-rule:nonzero'/%3E%3C/svg%3E\")}.ag-icon-desc:before,.ag-icon-down:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='m26.667 16-1.88-1.88-7.453 7.44V5.333h-2.667V21.56l-7.44-7.453L5.334 16l10.667 10.667z' style='fill-rule:nonzero'/%3E%3C/svg%3E\")}.ag-icon-excel:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M384 131.9c-7.753-8.433-110.425-128.473-114.9-133L48-.1C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48zm-35.9 2.1H257V27.9zM30 479V27h200l1 105c0 13.3-1.3 29 12 29h111l1 318z' style='fill-rule:nonzero' transform='translate(3.934 -.054)scale(.06285)'/%3E%3Cpath d='m.052-.139.16-.234-.135-.208a.4.4 0 0 1-.028-.052.1.1 0 0 1-.01-.042.05.05 0 0 1 .018-.037.07.07 0 0 1 .045-.016q.03 0 .047.018a1 1 0 0 1 .047.066l.107.174.115-.174.024-.038.019-.026.021-.015a.1.1 0 0 1 .027-.005.06.06 0 0 1 .044.016.05.05 0 0 1 .018.039q0 .033-.038.089l-.141.211.152.234a.3.3 0 0 1 .03.051.1.1 0 0 1 .009.038.1.1 0 0 1-.008.031.1.1 0 0 1-.024.023.1.1 0 0 1-.034.008.1.1 0 0 1-.035-.008.1.1 0 0 1-.023-.022L.427-.067.301-.265l-.134.204-.022.034-.016.019a.1.1 0 0 1-.022.015.1.1 0 0 1-.03.005.06.06 0 0 1-.044-.016.06.06 0 0 1-.017-.047q0-.036.036-.088' style='fill-rule:nonzero' transform='matrix(17.82892 0 0 16.50777 10.371 25.928)'/%3E%3C/svg%3E\")}.ag-icon-expanded:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M20 26 10 16 20 6l2 2-8 8 8 8z'/%3E%3C/svg%3E\")}.ag-icon-eye-slash:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Eeye-slash%3C/title%3E%3Cpath fill='%23000' fill-rule='nonzero' d='M8.95 10.364 7 8.414 8.414 7l2.32 2.32A13.2 13.2 0 0 1 16.5 8c5.608 0 10.542 3.515 12.381 8.667L29 17l-.119.333a13 13 0 0 1-4.255 5.879l1.466 1.466-1.414 1.414-1.754-1.753A13.2 13.2 0 0 1 16.5 26c-5.608 0-10.542-3.515-12.381-8.667L4 17l.119-.333a13 13 0 0 1 4.83-6.303m1.445 1.445A11.02 11.02 0 0 0 6.148 17c1.646 4.177 5.728 7 10.352 7 1.76 0 3.441-.409 4.94-1.146l-1.878-1.878A5.06 5.06 0 0 1 16.5 22c-2.789 0-5.05-2.239-5.05-5 0-1.158.398-2.223 1.065-3.07zm1.855-.974 1.794 1.795A5.07 5.07 0 0 1 16.5 12c2.789 0 5.05 2.239 5.05 5 0 .9-.24 1.745-.661 2.474l2.305 2.306A11 11 0 0 0 26.852 17c-1.646-4.177-5.728-7-10.352-7-1.495 0-2.933.295-4.25.835'/%3E%3C/svg%3E\")}.ag-icon-eye:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M16.5 23c4.624 0 8.706-2.823 10.352-7-1.646-4.177-5.728-7-10.352-7s-8.706 2.823-10.352 7c1.646 4.177 5.728 7 10.352 7M4.119 15.667C5.958 10.515 10.892 7 16.5 7s10.542 3.515 12.381 8.667L29 16l-.119.333C27.042 21.485 22.108 25 16.5 25S5.958 21.485 4.119 16.333L4 16zM16.5 21c2.789 0 5.049-2.239 5.049-5s-2.26-5-5.049-5-5.049 2.239-5.049 5 2.26 5 5.049 5' style='fill-rule:nonzero'/%3E%3C/svg%3E\")}.ag-icon-filter:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='m28 8-8 8v5l-6 6V16L6 8V6h22zM9 8l7 7v7l2-2v-5l7-7z' style='fill-rule:nonzero'/%3E%3C/svg%3E\")}.ag-icon-first:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M24.273 22.12 18.153 16l6.12-6.12L22.393 8l-8 8 8 8zM7.727 8h2.667v16H7.727z' style='fill-rule:nonzero'/%3E%3C/svg%3E\")}.ag-icon-group:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M14 7v1H9V7zm0-3v1H5.001V4zm-7 7H5v-1h2zm0-3H5V7h2zM3 5H1V4h2zm11 5v1H9v-1zm-7 4H5v-1h2zm7-1v1H9v-1z' style='fill-rule:nonzero' transform='matrix(2 0 0 2 0 -2)'/%3E%3C/svg%3E\")}.ag-icon-last:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='m7.727 9.88 6.12 6.12-6.12 6.12L9.607 24l8-8-8-8zM21.607 8h2.667v16h-2.667z' style='fill-rule:nonzero'/%3E%3C/svg%3E\")}.ag-icon-left:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M26.667 14.667H10.44l7.453-7.453L16 5.334 5.333 16.001 16 26.668l1.88-1.88-7.44-7.453h16.227z' style='fill-rule:nonzero'/%3E%3C/svg%3E\")}.ag-icon-linked:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M5.2 16a4.136 4.136 0 0 1 4.133-4.133h5.333V9.334H9.333a6.67 6.67 0 0 0-6.667 6.667 6.67 6.67 0 0 0 6.667 6.667h5.333v-2.533H9.333A4.136 4.136 0 0 1 5.2 16.002zm5.467 1.333h10.667v-2.667H10.667zm12-8h-5.333v2.533h5.333a4.136 4.136 0 0 1 4.133 4.133 4.136 4.136 0 0 1-4.133 4.133h-5.333v2.533h5.333a6.67 6.67 0 0 0 6.667-6.667 6.67 6.67 0 0 0-6.667-6.667z' style='fill-rule:nonzero'/%3E%3C/svg%3E\")}.ag-icon-loading:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M17 29h-2v-8h2zm-3.586-9L7 26.414 5.586 25 12 18.586zm13 5L25 26.414 18.586 20 20 18.586zM29 17h-8v-2h8zm-18 0H3v-2h8zm2.414-5L12 13.414 5.586 7 7 5.586zm13-5L20 13.414 18.586 12 25 5.586zM17 11h-2V3h2z' style='fill-rule:nonzero' transform='translate(-3.692 -3.692)scale(1.23077)'/%3E%3C/svg%3E\")}.ag-icon-maximize:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M14 30H2V18h2.828v7.05l8.254-8.252 2.12 2.12-8.252 8.254H14zm4-28h12v12h-2.828V6.95l-8.254 8.252-2.12-2.12 8.252-8.254H18z'/%3E%3C/svg%3E\")}.ag-icon-menu:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M20 13H0v-2h20zm0-6H0V5h20zm0-6H0v-2h20z' style='fill-rule:nonzero' transform='translate(6 9)'/%3E%3C/svg%3E\")}.ag-icon-menu-alt:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M16 19a3 3 0 1 0 0-6 3 3 0 0 0 0 6M16 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6M16 27a3 3 0 1 0 0-6 3 3 0 0 0 0 6'/%3E%3C/svg%3E\")}.ag-icon-minimize:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M2 18h12v12h-2.828v-7.05l-8.254 8.252-2.12-2.12 8.252-8.254H2zm28-4H18V2h2.828v7.05L29.082.798l2.12 2.12-8.252 8.254H30z'/%3E%3C/svg%3E\")}.ag-icon-minus:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M6.572 6.572a13.32 13.32 0 0 0 0 18.856 13.32 13.32 0 0 0 18.856 0 13.32 13.32 0 0 0 0-18.856 13.32 13.32 0 0 0-18.856 0m17.527 8.099v2.658H7.901v-2.658z' style='fill-rule:nonzero'/%3E%3C/svg%3E\")}.ag-icon-next:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M10.94 6 9.06 7.88 17.167 16 9.06 24.12 10.94 26l10-10z' style='fill-rule:nonzero' transform='translate(1)'/%3E%3C/svg%3E\")}.ag-icon-none:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Enone%3C/title%3E%3Cg fill='%23000' fill-rule='nonzero'%3E%3Cpath d='M23.708 14.645 16 6.939l-7.708 7.706 1.416 1.416L16 9.767l6.292 6.294zM23.708 20.355 16 28.061l-7.708-7.706 1.416-1.416L16 25.233l6.292-6.294z'/%3E%3C/g%3E%3C/svg%3E\")}.ag-icon-not-allowed:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M16 2.667C8.64 2.667 2.667 8.64 2.667 16S8.64 29.333 16 29.333 29.333 23.36 29.333 16 23.36 2.667 16 2.667M5.333 16c0-5.893 4.773-10.667 10.667-10.667 2.467 0 4.733.84 6.533 2.253L7.586 22.533A10.54 10.54 0 0 1 5.333 16M16 26.667c-2.467 0-4.733-.84-6.533-2.253L24.414 9.467A10.54 10.54 0 0 1 26.667 16c0 5.893-4.773 10.667-10.667 10.667' style='fill-rule:nonzero'/%3E%3C/svg%3E\")}.ag-icon-paste:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M25.334 4H19.76C19.2 2.453 17.733 1.333 16 1.333S12.8 2.453 12.24 4H6.667A2.675 2.675 0 0 0 4 6.667V28c0 1.467 1.2 2.667 2.667 2.667h18.667c1.467 0 2.667-1.2 2.667-2.667V6.667C28.001 5.2 26.801 4 25.334 4M16 4c.733 0 1.333.6 1.333 1.333s-.6 1.333-1.333 1.333-1.333-.6-1.333-1.333S15.267 4 16 4m9.333 24H6.666V6.667h2.667v4h13.333v-4h2.667z' style='fill-rule:nonzero'/%3E%3C/svg%3E\")}.ag-icon-pin:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='m10.78 19.777-4.668-4.666s.032-1 .67-1.87c1.366-1.86 4.052-1.96 6.056-1.572l3.158-3.108c-.7-2.342 3.352-5.046 3.352-5.046l9.166 9.168q-.334.447-.67.894c-1.074 1.426-2.538 2.63-4.272 2.338l-3.32 3.218c.046.344.042.03.118 1.152.144 2.13-.64 4.324-2.632 5.34l-.746.364-4.798-4.798-7.292 7.294-1.416-1.416zm8.24-13.672c-.688.568-1.416 1.45-1.024 2.072l.49.722-4.986 4.988c-1.988-.506-4.346-.636-5.156.614l9.02 9.032q.14-.099.272-.21c1.226-1.08.764-3.04.498-4.9l4.79-4.79s1.47.938 2.936-.776l-6.79-6.79q-.026.019-.05.038' style='fill-rule:nonzero'/%3E%3C/svg%3E\")}.ag-icon-pivot:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M25.128 2.002c2.56.096 4.772 2.292 4.87 4.87a712 712 0 0 1 0 18.256c-.096 2.56-2.292 4.772-4.87 4.87a712 712 0 0 1-18.256 0c-2.558-.096-4.772-2.29-4.87-4.87a712 712 0 0 1 0-18.256c.096-2.56 2.292-4.772 4.87-4.87a712 712 0 0 1 18.256 0m2.966 7.954H9.892v18.136c5.086.13 10.18.098 15.264-.096 1.48-.094 2.746-1.35 2.84-2.84.192-5.064.226-10.134.098-15.2M3.968 24.1q.015.528.036 1.056c.094 1.484 1.354 2.746 2.84 2.84l1.012.036V24.1zM22 15.414l-.292.294-1.416-1.416L23 11.586l2.708 2.706-1.416 1.416-.292-.294v3.592c-.032 2.604-2.246 4.892-4.872 4.992L15.414 24l.294.292-1.416 1.416L11.586 23l2.706-2.708 1.416 1.416-.322.32c3.372.03 6.578-.164 6.614-3.034zM3.88 18.038c.002 1.346.012 2.694.038 4.04h3.938v-4.04zm.05-6.062a681 681 0 0 0-.044 4.042h3.97v-4.042zm5.962-7.99Q8.449 3.999 7.006 4c-1.57.02-2.946 1.348-3.004 2.922q-.02 1.517-.042 3.034h3.896v-2.02h2.036zm14.244-.016v3.966h3.898q-.017-.546-.038-1.092c-.094-1.48-1.35-2.746-2.84-2.84q-.51-.019-1.02-.034m-8.14-.054q-2.035.022-4.07.048v3.972h4.07zm6.106.008a213 213 0 0 0-4.07-.022v4.034h4.07z' style='fill-rule:nonzero'/%3E%3C/svg%3E\")}.ag-icon-plus:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M6.572 6.572a13.32 13.32 0 0 0 0 18.856 13.32 13.32 0 0 0 18.856 0 13.32 13.32 0 0 0 0-18.856 13.32 13.32 0 0 0-18.856 0m17.527 8.099v2.658h-6.77v6.77h-2.658v-6.77h-6.77v-2.658h6.77v-6.77h2.658v6.77z' style='fill-rule:nonzero'/%3E%3C/svg%3E\")}.ag-icon-previous:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M21.94 7.88 20.06 6l-10 10 10 10 1.88-1.88L13.833 16z' style='fill-rule:nonzero'/%3E%3C/svg%3E\")}.ag-icon-right:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='m16 5.333-1.88 1.88 7.44 7.453H5.333v2.667H21.56l-7.44 7.453 1.88 1.88 10.667-10.667L16 5.332z' style='fill-rule:nonzero'/%3E%3C/svg%3E\")}.ag-icon-save:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M15.708 2.355 8 10.061.292 2.355 1.708.939 8 7.233 14.292.939z' style='fill-rule:nonzero' transform='translate(8 14)'/%3E%3Cpath d='M5 26h22v2H5zM15 4h2v18h-2z'/%3E%3C/svg%3E\")}.ag-icon-small-down:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M7.334 10.667 16 21.334l8.667-10.667z' style='fill-rule:nonzero'/%3E%3C/svg%3E\")}.ag-icon-small-left:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M21.333 7.334 10.666 16l10.667 8.667z' style='fill-rule:nonzero'/%3E%3C/svg%3E\")}.ag-icon-small-right:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M10.667 24.666 21.334 16 10.667 7.333z' style='fill-rule:nonzero'/%3E%3C/svg%3E\")}.ag-icon-small-up:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M7.334 21.333 16 10.666l8.667 10.667z' style='fill-rule:nonzero'/%3E%3C/svg%3E\")}.ag-icon-tick:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M11.586 22.96 27.718 6.828 29.84 8.95 11.586 27.202 2.4 18.016l2.12-2.122z'/%3E%3C/svg%3E\")}.ag-icon-tree-closed:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='m11.94 6-1.88 1.88L18.167 16l-8.107 8.12L11.94 26l10-10z' style='fill-rule:nonzero'/%3E%3C/svg%3E\")}.ag-icon-tree-indeterminate:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M6 13.5h20v3H6z'/%3E%3C/svg%3E\")}.ag-icon-tree-open:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M24.12 9.06 16 17.167 7.88 9.06 6 10.94l10 10 10-10z' style='fill-rule:nonzero' transform='translate(0 1)'/%3E%3C/svg%3E\")}.ag-icon-unlinked:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M22.667 9.333h-5.333v2.533h5.333a4.136 4.136 0 0 1 4.133 4.133c0 1.907-1.307 3.507-3.08 3.973l1.947 1.947c2.173-1.107 3.667-3.32 3.667-5.92a6.67 6.67 0 0 0-6.667-6.667zm-1.334 5.334h-2.92l2.667 2.667h.253zM2.667 5.693 6.814 9.84A6.65 6.65 0 0 0 2.667 16a6.67 6.67 0 0 0 6.667 6.667h5.333v-2.533H9.334a4.136 4.136 0 0 1-4.133-4.133c0-2.12 1.613-3.867 3.68-4.093l2.76 2.76h-.973v2.667h3.64l3.027 3.027v2.307h2.307l5.347 5.333 1.68-1.68L4.362 4.002 2.669 5.695z' style='fill-rule:nonzero'/%3E%3C/svg%3E\")}.ag-icon-up:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='m5.333 16 1.88 1.88 7.453-7.44v16.227h2.667V10.44l7.44 7.453L26.666 16 15.999 5.333 5.332 16z' style='fill-rule:nonzero'/%3E%3C/svg%3E\")}.ag-icon-grip:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M8 24H6v-4h2zm6 0h-2v-4h2zm6 0h-2v-4h2zm6 0h-2v-4h2zM8 18H6v-4h2zm6 0h-2v-4h2zm6 0h-2v-4h2zm6 0h-2v-4h2zM8 12H6V8h2zm6 0h-2V8h2zm6 0h-2V8h2zm6 0h-2V8h2z' style='fill-rule:nonzero'/%3E%3C/svg%3E\")}.ag-icon-settings:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M30 8h-4.1c-.5-2.3-2.5-4-4.9-4s-4.4 1.7-4.9 4H2v2h14.1c.5 2.3 2.5 4 4.9 4s4.4-1.7 4.9-4H30zm-9 4c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3M2 24h4.1c.5 2.3 2.5 4 4.9 4s4.4-1.7 4.9-4H30v-2H15.9c-.5-2.3-2.5-4-4.9-4s-4.4 1.7-4.9 4H2zm9-4c1.7 0 3 1.3 3 3s-1.3 3-3 3-3-1.3-3-3 1.3-3 3-3'/%3E%3C/svg%3E\")}.ag-icon-column-arrow:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M11 4a1 1 0 0 1 1 1v22a1 1 0 1 1-2 0V5a1 1 0 0 1 1-1' clip-rule='evenodd'/%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M2 13a1 1 0 0 1 1-1h23.5a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1' clip-rule='evenodd'/%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M2 4h18v24H2zm2 2v20h14V6zM26.793 13 23 9.207l1.414-1.414L29.621 13l-5.207 5.207L23 16.793z' clip-rule='evenodd'/%3E%3C/svg%3E\")}.ag-icon-un-pin:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='m6.112 15.111 3.272 3.271 1.436-1.402-2.476-2.479c.81-1.25 3.168-1.12 5.156-.614l4.986-4.988-.49-.722c-.392-.622.336-1.504 1.024-2.072l.008-.007.01-.006.032-.025 1.447 1.447 1.432-1.397-2.601-2.602s-4.052 2.704-3.352 5.046l-3.158 3.108c-2.004-.388-4.69-.288-6.056 1.572-.638.87-.67 1.87-.67 1.87m.581 11.582.014.014 5.502-5.501 4.783 4.783.746-.364c1.992-1.016 2.776-3.21 2.632-5.34-.055-.805-.068-.87-.088-.97-.008-.04-.017-.085-.03-.182l3.32-3.218c1.734.292 3.198-.912 4.272-2.338q.337-.447.67-.894l-.001-.001-.007-.007-.007-.007-.007-.007-3.87-3.87 1.585-1.584-1.414-1.414-14.381 14.38-1.237 1.209-5.69 5.687 1.417 1.416zM23.21 10.206l2.65 2.651c-1.465 1.714-2.935.776-2.935.776l-4.79 4.79q.041.291.087.583c.257 1.676.513 3.35-.585 4.317a4 4 0 0 1-.272.21l-3.739-3.744z' clip-rule='evenodd'/%3E%3C/svg%3E\")}.ag-icon-pinned-top:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='currentColor' d='m16.708 10.878 8.708 8.706L24 21l-6.292-6.294V27h-2V14.706L9.416 21 8 19.584q4.348-4.344 8.691-8.69zM25 6H8v2h17z'/%3E%3C/svg%3E\")}.ag-icon-pinned-bottom:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='currentColor' d='M16.708 22.122 8 13.416 9.416 12l6.292 6.294V6h2v12.294L24 12l1.416 1.416-8.691 8.69zM7.416 28h17v-2h-17z'/%3E%3C/svg%3E\")}.ag-icon-chevron-up:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M3.479 10.521a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 0l4 4a.75.75 0 0 1-1.06 1.06l-3.47-3.47-3.47 3.47a.75.75 0 0 1-1.06 0' clip-rule='evenodd'/%3E%3C/svg%3E\")}.ag-icon-chevron-down:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M12.521 5.461a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 0 1-1.06 0l-4-4a.75.75 0 0 1 1.06-1.06l3.47 3.47 3.47-3.47a.75.75 0 0 1 1.06 0' clip-rule='evenodd'/%3E%3C/svg%3E\")}.ag-icon-chevron-left:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M10.53 12.512a.75.75 0 0 1-1.06 0l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06l-3.47 3.47 3.47 3.47a.75.75 0 0 1 0 1.06' clip-rule='evenodd'/%3E%3C/svg%3E\")}.ag-icon-chevron-right:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M5.47 3.47a.75.75 0 0 1 1.06 0l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 0 1-1.06-1.06L8.94 8 5.47 4.53a.75.75 0 0 1 0-1.06' clip-rule='evenodd'/%3E%3C/svg%3E\")}.ag-icon-filter-add:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='currentColor' d='M19.834 8H8c0 .304.06.612.258.842 2.716 2.854 6.682 5.548 6.742 7.974V21l2-1.5v-2.684c.056-2.267 2.968-4.417 5.49-6.75v3.087c-1.081.974-2.245 1.968-3.232 3.005a1.05 1.05 0 0 0-.258.682v3.66L13 25c0-2.74.066-5.482-.002-8.222a1.05 1.05 0 0 0-.256-.62C10.026 13.304 6.06 10.61 6 8.184V6h13.834z'/%3E%3Cpath fill='currentColor' d='M26 6h2.946v2.002H26v3.313h-2.002V8.002h-2.946V6h2.946V3.04H26z'/%3E%3C/svg%3E\")}.ag-icon-edit:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='currentColor' d='M6.222 25.778h1.611l14.834-14.811-1.611-1.611-14.834 14.81zM4 28v-4.733L22.644 4.656a2.26 2.26 0 0 1 1.567-.634q.423 0 .833.167.412.166.734.478l1.589 1.6q.333.322.483.733t.15.822q0 .423-.161.839-.162.416-.472.728L8.733 28zm17.856-17.833-.8-.811 1.61 1.61z'/%3E%3C/svg%3E\")}"},89580:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.iconSetAlpine=void 0;const o=a(83036),n=a(38897);t.iconSetAlpine=(0,o.createPart)({feature:"iconSet",css:n.iconSetAlpineCSS})},33817:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.iconSetBalhamCSS=void 0,t.iconSetBalhamCSS=".ag-icon-aggregation:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Eaggregation%3C/title%3E%3Cpath d='M25.128 2.002c2.56.096 4.772 2.292 4.87 4.87a712 712 0 0 1 0 18.256c-.096 2.56-2.292 4.772-4.87 4.87a712 712 0 0 1-18.256 0c-2.558-.096-4.772-2.29-4.87-4.87a712 712 0 0 1 0-18.256c.096-2.56 2.292-4.772 4.87-4.87a712 712 0 0 1 18.256 0M7.006 4c-1.57.02-2.946 1.348-3.004 2.922-.078 6.078-.23 12.16.002 18.234.094 1.484 1.354 2.746 2.84 2.84 6.1.232 12.212.232 18.312 0 1.48-.094 2.746-1.35 2.84-2.84.232-6.1.232-12.212 0-18.312-.094-1.48-1.35-2.746-2.84-2.84C19.11 3.774 13.056 4 7.006 4M22 12h-2v-2h-8v.092c.056 1.352 3.426 2.598 4.472 4.404.682 1.174.438 2.754-.572 3.72C14.29 19.618 12 20.924 12 22h8v-2h2v4H10c0-1.586-.098-3.304 1.016-4.314 1.904-1.632 4.89-3.108 3.54-4.42-1.918-1.68-4.464-2.936-4.554-5.12L10 8h12z'/%3E%3C/svg%3E\")}.ag-icon-arrows:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Earrows%3C/title%3E%3Cpath d='m6.414 17 2.294 2.292-1.416 1.416L2.586 16l4.706-4.708 1.416 1.416L6.414 15H15V6.414l-2.292 2.294-1.416-1.416L16 2.586l4.708 4.706-1.416 1.416L17 6.414V15h8.586l-2.294-2.292 1.416-1.416L29.414 16l-4.706 4.708-1.416-1.416L25.586 17H17v8.586l2.292-2.294 1.416 1.416L16 29.414l-4.708-4.706 1.416-1.416L15 25.586V17z'/%3E%3C/svg%3E\")}.ag-icon-asc:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Easc%3C/title%3E%3Cpath d='m15 10.621-4.292 4.294-1.416-1.416L16 6.793l6.708 6.706-1.416 1.416L17 10.621v14.586h-2z'/%3E%3C/svg%3E\")}.ag-icon-cancel:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Ecancel%3C/title%3E%3Cpath d='M16 4C9.378 4 4 9.378 4 16s5.378 12 12 12 12-5.378 12-12S22.622 4 16 4m0 2c5.52 0 10 4.48 10 10s-4.48 10-10 10S6 21.52 6 16 10.48 6 16 6m0 8.586 5.292-5.294 1.416 1.416L17.414 16l5.294 5.292-1.416 1.416L16 17.414l-5.292 5.294-1.416-1.416L14.586 16l-5.294-5.292 1.416-1.416z'/%3E%3C/svg%3E\")}.ag-icon-chart:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Echart%3C/title%3E%3Cpath d='M6.667 12.267h4v13.067h-4zm7.466-5.6h3.733v18.667h-3.733zM21.6 17.333h3.733v8H21.6z'/%3E%3C/svg%3E\")}.ag-icon-color-picker:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Ecolor-picker%3C/title%3E%3Cpath d='M23.907 17.587 10.574 4.254l-1.88 1.88 3.173 3.173-8.28 8.28 10.16 10.16zm-16.547 0 6.387-6.387 6.387 6.387H7.361zm18.387 2s-2.667 2.893-2.667 4.667c0 1.467 1.2 2.667 2.667 2.667s2.667-1.2 2.667-2.667c0-1.773-2.667-4.667-2.667-4.667'/%3E%3C/svg%3E\")}.ag-icon-columns:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Ecolumns%3C/title%3E%3Cpath d='M14 25h-2V7h2zm6 0h-2V7h2zm6 0h-2V7h2zM8 25H6V7h2z'/%3E%3C/svg%3E\")}.ag-icon-contracted:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Econtracted%3C/title%3E%3Cpath d='m21.061 16-8.706 8.708-1.416-1.416L18.233 16l-7.294-7.292 1.416-1.416z'/%3E%3C/svg%3E\")}.ag-icon-copy:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Ecopy%3C/title%3E%3Cpath d='M21.929 27.999h-7.828a5.09 5.09 0 0 1-5.086-5.086v-9.812a5.087 5.087 0 0 1 5.086-5.086h7.828a5.09 5.09 0 0 1 5.086 5.086v9.812a5.087 5.087 0 0 1-5.086 5.086m.16-17.984h-8.088a2.94 2.94 0 0 0-2.938 2.938v10.132a2.94 2.94 0 0 0 2.938 2.938h8.088a2.94 2.94 0 0 0 2.936-2.938V12.953a2.94 2.94 0 0 0-2.936-2.938M7.041 26.013h-2.05a4 4 0 0 1-.006-.228V9.065a5.07 5.07 0 0 1 5.064-5.064h12.812q.069 0 .134.002v2.012H9.915a2.876 2.876 0 0 0-2.874 2.874z'/%3E%3C/svg%3E\")}.ag-icon-cross:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='4 4 24 24'%3E%3Ctitle%3Ecross%3C/title%3E%3Cpath d='m16 14.586 5.292-5.294 1.416 1.416L17.414 16l5.294 5.292-1.416 1.416L16 17.414l-5.292 5.294-1.416-1.416L14.586 16l-5.294-5.292 1.416-1.416z'/%3E%3C/svg%3E\")}.ag-icon-csv:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M384 131.9c-7.753-8.433-110.425-128.473-114.9-133L48-.1C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48zm-35.9 2.1H257V27.9zM30 479V27h200l1 105c0 13.3-1.3 29 12 29h111l1 318z' style='fill-rule:nonzero' transform='translate(3.934 -.054)scale(.06285)'/%3E%3Cpath d='M.688-.226a.2.2 0 0 1-.017.074.28.28 0 0 1-.145.14.412.412 0 0 1-.234.013.28.28 0 0 1-.202-.168.468.468 0 0 1-.04-.19q0-.086.025-.155a.319.319 0 0 1 .182-.191.4.4 0 0 1 .134-.025q.087 0 .155.035a.3.3 0 0 1 .104.085.17.17 0 0 1 .036.097.06.06 0 0 1-.018.044.06.06 0 0 1-.042.019.06.06 0 0 1-.042-.013.2.2 0 0 1-.031-.046.2.2 0 0 0-.066-.079.16.16 0 0 0-.095-.027.17.17 0 0 0-.142.068.3.3 0 0 0-.053.193.4.4 0 0 0 .023.139.2.2 0 0 0 .067.083.2.2 0 0 0 .1.027q.063 0 .106-.031a.2.2 0 0 0 .065-.091.2.2 0 0 1 .023-.046q.014-.018.044-.018a.06.06 0 0 1 .044.018.06.06 0 0 1 .019.045' style='fill-rule:nonzero' transform='matrix(8.39799 0 0 12.455 7.122 25.977)'/%3E%3Cpath d='M.622-.215a.2.2 0 0 1-.033.117.23.23 0 0 1-.098.081.4.4 0 0 1-.153.029.34.34 0 0 1-.175-.04.23.23 0 0 1-.079-.077.17.17 0 0 1-.031-.093q0-.027.019-.045a.06.06 0 0 1 .046-.019.06.06 0 0 1 .039.014.1.1 0 0 1 .027.044.3.3 0 0 0 .03.057q.015.023.044.038.03.015.076.015.065 0 .105-.03a.09.09 0 0 0 .04-.075.08.08 0 0 0-.022-.058.14.14 0 0 0-.056-.034 1 1 0 0 0-.092-.025.7.7 0 0 1-.129-.042.2.2 0 0 1-.083-.066.17.17 0 0 1-.03-.104q0-.058.032-.105a.2.2 0 0 1 .093-.07.4.4 0 0 1 .144-.025q.066 0 .114.016a.3.3 0 0 1 .08.044.2.2 0 0 1 .046.057q.015.03.015.058a.07.07 0 0 1-.018.046.06.06 0 0 1-.046.021q-.025 0-.038-.012a.2.2 0 0 1-.028-.041.2.2 0 0 0-.047-.063Q.387-.625.326-.625a.15.15 0 0 0-.09.025q-.035.024-.035.059 0 .021.012.037a.1.1 0 0 0 .032.027.4.4 0 0 0 .111.036q.06.015.11.031.048.018.083.042a.2.2 0 0 1 .054.062.2.2 0 0 1 .019.091' style='fill-rule:nonzero' transform='matrix(8.39799 0 0 12.455 13.339 25.977)'/%3E%3Cpath d='m.184-.633.162.48.163-.483q.013-.038.019-.053a.062.062 0 0 1 .061-.039q.018 0 .034.009a.1.1 0 0 1 .025.025q.009.015.009.031L.654-.64l-.007.025-.009.024-.173.468-.019.051a.2.2 0 0 1-.021.042.1.1 0 0 1-.033.03.1.1 0 0 1-.049.012.1.1 0 0 1-.05-.011A.1.1 0 0 1 .26-.03a.2.2 0 0 1-.021-.042L.22-.123.05-.587.041-.612.033-.638.03-.662q0-.025.02-.046a.07.07 0 0 1 .05-.02q.037 0 .053.023.015.023.031.072' style='fill-rule:nonzero' transform='matrix(8.39799 0 0 12.455 18.94 25.977)'/%3E%3C/svg%3E\")}.ag-icon-cut:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M14.703 15.096 6.215 4.719a1 1 0 1 1 1.548-1.267l13.058 15.965A5.001 5.001 0 0 1 28 23.916a5 5 0 0 1-4.999 4.999 5 5 0 0 1-4.999-4.999 4.98 4.98 0 0 1 1.23-3.283l-3.238-3.958-3.272 4.001a4.98 4.98 0 0 1 1.265 3.323 5 5 0 0 1-4.999 4.999 5 5 0 0 1-4.999-4.999 5 5 0 0 1 7.13-4.522zM8.991 20.8a3.1 3.1 0 0 0-3.1 3.1c0 1.711 1.389 3.1 3.1 3.1s3.1-1.389 3.1-3.1-1.389-3.1-3.1-3.1M23 20.8a3.1 3.1 0 0 0-3.1 3.1c0 1.711 1.389 3.1 3.1 3.1s3.1-1.389 3.1-3.1-1.389-3.1-3.1-3.1m-5.723-8.852 1.292 1.579 7.205-8.808a1 1 0 0 0-1.548-1.267z' style='fill-rule:nonzero'/%3E%3C/svg%3E\")}.ag-icon-desc:before,.ag-icon-down:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Edesc%3C/title%3E%3Cpath d='m17 21.379 4.292-4.294 1.416 1.416L16 25.207l-6.708-6.706 1.416-1.416L15 21.379V6.793h2z'/%3E%3C/svg%3E\")}.ag-icon-excel:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M384 131.9c-7.753-8.433-110.425-128.473-114.9-133L48-.1C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48zm-35.9 2.1H257V27.9zM30 479V27h200l1 105c0 13.3-1.3 29 12 29h111l1 318z' style='fill-rule:nonzero' transform='translate(3.934 -.054)scale(.06285)'/%3E%3Cpath d='m.052-.139.16-.234-.135-.208a.4.4 0 0 1-.028-.052.1.1 0 0 1-.01-.042.05.05 0 0 1 .018-.037.07.07 0 0 1 .045-.016q.03 0 .047.018a1 1 0 0 1 .047.066l.107.174.115-.174.024-.038.019-.026.021-.015a.1.1 0 0 1 .027-.005.06.06 0 0 1 .044.016.05.05 0 0 1 .018.039q0 .033-.038.089l-.141.211.152.234a.3.3 0 0 1 .03.051.1.1 0 0 1 .009.038.1.1 0 0 1-.008.031.1.1 0 0 1-.024.023.1.1 0 0 1-.034.008.1.1 0 0 1-.035-.008.1.1 0 0 1-.023-.022L.427-.067.301-.265l-.134.204-.022.034-.016.019a.1.1 0 0 1-.022.015.1.1 0 0 1-.03.005.06.06 0 0 1-.044-.016.06.06 0 0 1-.017-.047q0-.036.036-.088' style='fill-rule:nonzero' transform='matrix(17.82892 0 0 16.50777 10.371 25.928)'/%3E%3C/svg%3E\")}.ag-icon-expanded:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Eexpanded%3C/title%3E%3Cpath d='M21.061 8.708 13.767 16l7.294 7.292-1.416 1.416L10.939 16l8.706-8.708z'/%3E%3C/svg%3E\")}.ag-icon-eye-slash:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Eeye-slash%3C/title%3E%3Cpath d='M9.304 7.89a15.2 15.2 0 0 1 6.404-1.638c.294-.002.292-.002.584 0 5.956.174 11.328 4.088 13.62 9.748 0 0-1.318 3.178-3.224 5.174a13.6 13.6 0 0 1-2.226 1.874L26.414 25 25 26.414l-2.336-2.336C17.866 26.396 11.776 26.15 7.36 22.96a14.9 14.9 0 0 1-4.168-4.612c-.41-.71-.694-1.336-1.104-2.348 0 0 .898-2.218 2.002-3.718a14.6 14.6 0 0 1 3.442-3.334L5.586 7 7 5.586zm-.3 2.528c-2.038 1.344-3.708 3.246-4.724 5.508L4.248 16c2.46 5.762 9.622 9.064 15.63 7.15q.688-.219 1.342-.516l-.912-.912a6.96 6.96 0 0 1-4.19 1.394c-3.862 0-7-3.136-7-7 0-1.57.52-3.022 1.394-4.19zm14.032 11.204a13.25 13.25 0 0 0 4.684-5.548l.032-.074c-1.984-4.646-6.834-7.798-12.006-7.748-1.712.05-3.386.458-4.922 1.158l1.102 1.102a6.97 6.97 0 0 1 4.192-1.396 7.003 7.003 0 0 1 5.606 11.192zm-11.09-8.262a5.003 5.003 0 0 0 6.928 6.928zm8.342 5.514a5.002 5.002 0 0 0-6.928-6.928z'/%3E%3C/svg%3E\")}.ag-icon-eye:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Eeye%3C/title%3E%3Cpath d='M16.292 6.32c5.956.174 11.328 4.086 13.62 9.746 0 0-1.318 3.18-3.224 5.176-4.862 5.088-13.534 5.97-19.328 1.784a14.9 14.9 0 0 1-4.168-4.612c-.41-.71-.694-1.336-1.104-2.348 0 0 .898-2.216 2.002-3.716 2.678-3.64 7.03-5.896 11.618-6.03.294-.004.292-.004.584 0m-.546 2c-4.896.142-9.458 3.202-11.466 7.672l-.032.074c2.46 5.762 9.622 9.066 15.63 7.152 3.458-1.102 6.342-3.738 7.842-7.076l.032-.076C25.768 11.42 20.918 8.27 15.746 8.32m.254.946c3.754 0 6.8 3.048 6.8 6.8 0 3.754-3.046 6.8-6.8 6.8s-6.8-3.046-6.8-6.8c0-3.752 3.046-6.8 6.8-6.8m5 6.768V16c0-2.76-2.24-5-5-5s-5 2.24-5 5v.066c0 2.76 2.24 5 5 5s5-2.24 5-5z'/%3E%3C/svg%3E\")}.ag-icon-filter:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Efilter%3C/title%3E%3Cpath d='M26 8.184c-.066 2.658-4.058 5.154-6.742 7.974a1.05 1.05 0 0 0-.258.682v3.66L13 25c0-2.74.066-5.482-.002-8.222a1.05 1.05 0 0 0-.256-.62C10.026 13.304 6.06 10.61 6 8.184V6h20zM8 8c0 .304.06.612.258.842 2.716 2.854 6.682 5.548 6.742 7.974V21l2-1.5v-2.684c.066-2.658 4.058-5.154 6.742-7.974.198-.23.258-.538.258-.842z'/%3E%3C/svg%3E\")}.ag-icon-first:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Efirst%3C/title%3E%3Cpath d='M24.354 8.708 17.06 16l7.294 7.292-1.416 1.416L14.232 16l8.706-8.708zM9.646 8v16h-2V8z'/%3E%3C/svg%3E\")}.ag-icon-group:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Egroup%3C/title%3E%3Cpath d='M25.128 2.002c2.56.096 4.772 2.292 4.87 4.87a712 712 0 0 1 0 18.256c-.096 2.56-2.292 4.772-4.87 4.87a712 712 0 0 1-18.256 0c-2.558-.096-4.772-2.29-4.87-4.87a712 712 0 0 1 0-18.256c.096-2.56 2.292-4.772 4.87-4.87a712 712 0 0 1 18.256 0M7.006 4c-1.57.02-2.946 1.348-3.004 2.922-.078 6.078-.23 12.16.002 18.234.094 1.484 1.354 2.746 2.84 2.84 6.1.232 12.212.232 18.312 0 1.48-.094 2.746-1.35 2.84-2.84.232-6.1.232-12.212 0-18.312-.094-1.48-1.35-2.746-2.84-2.84C19.11 3.774 13.056 4 7.006 4M14 21h-4v-2h4zm12 0H16v-2h10zm-12-4h-4v-2h4zm12 0H16v-2h10zm-16-4H6v-2h4zm16 0H12v-2h14z'/%3E%3C/svg%3E\")}.ag-icon-last:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Elast%3C/title%3E%3Cpath d='m17.768 16-8.706 8.708-1.416-1.416L14.94 16 7.646 8.708l1.416-1.416zm6.586 8h-2V8h2z'/%3E%3C/svg%3E\")}.ag-icon-left:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Eleft%3C/title%3E%3Cpath d='m17.621 11-2 2h12.586v6H15.621l2 2-4.414 4.414L3.793 16l9.414-9.414zm-11 5 6.586 6.586L14.793 21l-4-4h15.414v-2H10.793l4-4-1.586-1.586z'/%3E%3C/svg%3E\")}.ag-icon-linked:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Elinked%3C/title%3E%3Cpath d='M17.138 13.418a1.03 1.03 0 0 0-.298.658s.125.096.226.178c1.372 1.114 2.033 3.039 1.582 4.796a4.7 4.7 0 0 1-1.205 2.123c-1.145 1.151-2.296 2.294-3.445 3.441-1.241 1.232-3.185 1.691-4.864 1.105-1.546-.54-2.756-1.938-3.048-3.572-.267-1.496.246-3.108 1.319-4.186l.578-.578-.03-.092a10.5 10.5 0 0 1-.452-2.3v-.005c-.776.775-1.621 1.489-2.275 2.396-1.817 2.522-1.643 6.323.706 8.669 1.813 1.811 4.708 2.462 7.171 1.517a6.75 6.75 0 0 0 2.336-1.518l3.427-3.424c1.939-1.954 2.533-5.126 1.294-7.674a6.8 6.8 0 0 0-2.071-2.481l-.003-.002zM21.265 4a6.8 6.8 0 0 0-4.734 1.964l-3.427 3.424c-1.961 1.977-2.52 5.092-1.32 7.619a6.8 6.8 0 0 0 2.098 2.537l.003.002c.32-.32.643-.637.96-.96.167-.172.27-.401.286-.64l-.204-.167c-1.603-1.287-2.215-3.68-1.316-5.616a4.7 4.7 0 0 1 .918-1.32c1.145-1.151 2.296-2.294 3.445-3.441 1.239-1.23 3.178-1.694 4.864-1.105 1.83.639 3.16 2.498 3.12 4.493a4.8 4.8 0 0 1-1.391 3.265l-.578.578.03.092c.235.743.387 1.519.452 2.3v.005c.732-.731 1.521-1.406 2.162-2.244 1.192-1.559 1.643-3.651 1.204-5.575a6.8 6.8 0 0 0-3.98-4.703 6.8 6.8 0 0 0-2.529-.506h-.061z'/%3E%3C/svg%3E\")}.ag-icon-loading:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Eloading%3C/title%3E%3Cpath d='M17 29h-2v-8h2zm-3.586-9L7 26.414 5.586 25 12 18.586zm13 5L25 26.414 18.586 20 20 18.586zM29 17h-8v-2h8zm-18 0H3v-2h8zm2.414-5L12 13.414 5.586 7 7 5.586zm13-5L20 13.414 18.586 12 25 5.586zM17 11h-2V3h2z'/%3E%3C/svg%3E\")}.ag-icon-maximize:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='3 3 26 26'%3E%3Ctitle%3Emaximize%3C/title%3E%3Cpath d='m7.54 17.4.1 6.98 6.96.1-2.24-2.24L16 18.6 13.4 16l-3.64 3.64zm16.92-2.8-.1-6.98-6.96-.1 2.24 2.24L16 13.4l2.6 2.6 3.64-3.64z'/%3E%3C/svg%3E\")}.ag-icon-menu:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Emenu%3C/title%3E%3Cpath d='M26 23H6v-2h20zm0-6H6v-2h20zm0-6H6V9h20z'/%3E%3C/svg%3E\")}.ag-icon-menu-alt:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath fill='%23000' d='M16 18a2 2 0 1 0 0-4 2 2 0 0 0 0 4m0-7a2 2 0 1 0 0-4 2 2 0 0 0 0 4m0 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4'/%3E%3C/svg%3E\")}.ag-icon-minimize:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='3 3 26 26'%3E%3Ctitle%3Eminimize%3C/title%3E%3Cpath d='m14.8 24.26-.1-6.96-6.96-.1 2.24 2.24-3.64 3.64 2.6 2.6 3.64-3.64zm2.4-16.52.1 6.96 6.96.1-2.24-2.24 3.64-3.64-2.6-2.6-3.64 3.64z'/%3E%3C/svg%3E\")}.ag-icon-minus:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M7.515 7.515c-4.683 4.682-4.683 12.288 0 16.97 4.682 4.683 12.288 4.683 16.97 0 4.683-4.682 4.683-12.288 0-16.97-4.682-4.683-12.288-4.683-16.97 0m1.414 1.414c3.903-3.903 10.239-3.903 14.142 0s3.903 10.239 0 14.142-10.239 3.903-14.142 0-3.903-10.239 0-14.142m-1.414 6.07h16.97v2.002H7.515z' style='fill-rule:nonzero'/%3E%3C/svg%3E\")}.ag-icon-next:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Enext%3C/title%3E%3Cpath d='m21.061 16-8.706 8.708-1.416-1.416L18.233 16l-7.294-7.292 1.416-1.416z'/%3E%3C/svg%3E\")}.ag-icon-none:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Enone%3C/title%3E%3Cpath d='m10.044 21.258 4.478-4.198L16 18.444 9 25l-7-6.556 1.478-1.384 4.478 4.198V7h2.088zm14 3.742h-2.088V10.742l-4.478 4.198L16 13.556 23 7q3.5 3.28 7 6.556l-1.478 1.384-4.478-4.198z'/%3E%3C/svg%3E\")}.ag-icon-not-allowed:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Enot-allowed%3C/title%3E%3Cpath d='M16.186 3.646c8.188.154 14.898 9.796 11.17 17.78-3.298 7.066-13.932 9.374-19.848 3.87-3.9-3.632-5.076-9.896-2.684-14.708 2.082-4.19 6.588-6.974 11.362-6.942m-.298 1.998c-6.922.132-12.578 8.308-9.33 15.052 3.342 6.934 15.246 7.646 18.932 0 3.076-6.386-1.988-15.1-9.602-15.052m7.596 6.422c2.864 5.33-1.744 13.186-8.306 12.536a8.6 8.6 0 0 1-3.232-.998l-1.266-.706L22.778 10.8q.351.633.706 1.266m-9.422 10.276c3.296 1.028 7.246-1.006 8.216-4.418a6.6 6.6 0 0 0-.056-3.742zm2.104-14.696a8.8 8.8 0 0 1 3.936 1.038l1.266.706L9.27 21.488c-3.018-5.41-.99-13.37 6.318-13.834q.289-.01.578-.008m-.31 2c-4.06.154-7.23 4.614-6.03 8.46l8.16-8.16a6.8 6.8 0 0 0-2.13-.3'/%3E%3C/svg%3E\")}.ag-icon-paste:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Epaste%3C/title%3E%3Cpath d='M20 6.5c0-1-1-3-4-3s-4 2-4 3H8c-2.21 0-4 1.79-4 4v14c0 2.21 1.79 4 4 4h16c2.21 0 4-1.79 4-4v-14c0-2.21-1.79-4-4-4zm-4 .546c.734 0 1.334.572 1.334 1.272S16.734 9.59 16 9.59s-1.334-.572-1.334-1.272.6-1.272 1.334-1.272M24 26.5H8a2 2 0 0 1-2-2v-14a2 2 0 0 1 2-2h2v4h12v-4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2'/%3E%3C/svg%3E\")}.ag-icon-pin:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Epin%3C/title%3E%3Cpath d='m10.78 19.777-4.668-4.666s.032-1 .67-1.87c1.366-1.86 4.052-1.96 6.056-1.572l3.158-3.108c-.7-2.342 3.352-5.046 3.352-5.046l9.166 9.168q-.334.447-.67.894c-1.074 1.426-2.538 2.63-4.272 2.338l-3.32 3.218c.046.344.042.03.118 1.152.144 2.13-.64 4.324-2.632 5.34l-.746.364-4.798-4.798-7.292 7.294-1.416-1.416zm8.24-13.672c-.688.568-1.416 1.45-1.024 2.072l.49.722-4.986 4.988c-1.988-.506-4.346-.636-5.156.614l9.02 9.032q.14-.099.272-.21c1.226-1.08.764-3.04.498-4.9l4.79-4.79s1.47.938 2.936-.776l-6.79-6.79q-.026.019-.05.038'/%3E%3C/svg%3E\")}.ag-icon-pivot:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Epivot%3C/title%3E%3Cpath d='M25.128 2.002c2.56.096 4.772 2.292 4.87 4.87a712 712 0 0 1 0 18.256c-.096 2.56-2.292 4.772-4.87 4.87a712 712 0 0 1-18.256 0c-2.558-.096-4.772-2.29-4.87-4.87a712 712 0 0 1 0-18.256c.096-2.56 2.292-4.772 4.87-4.87a712 712 0 0 1 18.256 0m2.966 7.954H9.892v18.136c5.086.13 10.18.098 15.264-.096 1.48-.094 2.746-1.35 2.84-2.84.192-5.064.226-10.134.098-15.2M3.968 24.1q.015.528.036 1.056c.094 1.484 1.354 2.746 2.84 2.84l1.012.036V24.1zM22 15.414l-.292.294-1.416-1.416L23 11.586l2.708 2.706-1.416 1.416-.292-.294v3.592c-.032 2.604-2.246 4.892-4.872 4.992L15.414 24l.294.292-1.416 1.416L11.586 23l2.706-2.708 1.416 1.416-.322.32c3.372.03 6.578-.164 6.614-3.034zM3.88 18.038c.002 1.346.012 2.694.038 4.04h3.938v-4.04zm.05-6.062a681 681 0 0 0-.044 4.042h3.97v-4.042zm5.962-7.99Q8.449 3.999 7.006 4c-1.57.02-2.946 1.348-3.004 2.922q-.02 1.517-.042 3.034h3.896v-2.02h2.036zm14.244-.016v3.966h3.898q-.017-.546-.038-1.092c-.094-1.48-1.35-2.746-2.84-2.84q-.51-.019-1.02-.034m-8.14-.054q-2.035.022-4.07.048v3.972h4.07zm6.106.008c-1.358-.022-2.714-.026-4.07-.022v4.034h4.07z'/%3E%3C/svg%3E\")}.ag-icon-plus:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M7.515 7.515c-4.683 4.682-4.683 12.288 0 16.97 4.682 4.683 12.288 4.683 16.97 0 4.683-4.682 4.683-12.288 0-16.97-4.682-4.683-12.288-4.683-16.97 0m1.414 1.414c3.903-3.903 10.239-3.903 14.142 0s3.903 10.239 0 14.142-10.239 3.903-14.142 0-3.903-10.239 0-14.142M15 15l-.001-7.485h2.002L17 15l7.485-.001v2.002L17 17l.001 7.485h-2.002L15 17l-7.485.001v-2.002z' style='fill-rule:nonzero'/%3E%3C/svg%3E\")}.ag-icon-previous:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Eprevious%3C/title%3E%3Cpath d='M21.061 8.708 13.767 16l7.294 7.292-1.416 1.416L10.939 16l8.706-8.708z'/%3E%3C/svg%3E\")}.ag-icon-right:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Eright%3C/title%3E%3Cpath d='m28.207 16-9.414 9.414L14.379 21l2-2H3.793v-6h12.586l-2-2 4.414-4.414zm-11-5 4 4H5.793v2h15.414l-4 4 1.586 1.586L25.379 16l-6.586-6.586z'/%3E%3C/svg%3E\")}.ag-icon-save:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Esave%3C/title%3E%3Cpath d='M25.333 16v9.333H6.666V16H3.999v9.333C3.999 26.8 5.199 28 6.666 28h18.667C26.8 28 28 26.8 28 25.333V16zm-8 .893 3.453-3.44 1.88 1.88L15.999 22l-6.667-6.667 1.88-1.88 3.453 3.44V4h2.667v12.893z'/%3E%3C/svg%3E\")}.ag-icon-small-down:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Esmall-down%3C/title%3E%3Cpath d='M24.708 12.355 16 21.061l-8.708-8.706 1.416-1.416L16 18.233l7.292-7.294z'/%3E%3C/svg%3E\")}.ag-icon-small-left:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Esmall-left%3C/title%3E%3Cpath d='M21.061 8.708 13.767 16l7.294 7.292-1.416 1.416L10.939 16l8.706-8.708z'/%3E%3C/svg%3E\")}.ag-icon-small-right:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Esmall-right%3C/title%3E%3Cpath d='m21.061 16-8.706 8.708-1.416-1.416L18.233 16l-7.294-7.292 1.416-1.416z'/%3E%3C/svg%3E\")}.ag-icon-small-up:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Esmall-up%3C/title%3E%3Cpath d='m24.708 19.645-1.416 1.416L16 13.767l-7.292 7.294-1.416-1.416L16 10.939z'/%3E%3C/svg%3E\")}.ag-icon-tick:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Etick%3C/title%3E%3Cpath d='M24.708 10.855 13 22.561l-5.708-5.706 1.416-1.416L13 19.733 23.292 9.439z'/%3E%3C/svg%3E\")}.ag-icon-tree-closed:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Etree-closed%3C/title%3E%3Cpath d='m21.061 16-8.706 8.708-1.416-1.416L18.233 16l-7.294-7.292 1.416-1.416z'/%3E%3C/svg%3E\")}.ag-icon-tree-indeterminate:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Etree-indeterminate%3C/title%3E%3Cpath d='M6 15h20v2H6z'/%3E%3C/svg%3E\")}.ag-icon-tree-open:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Etree-open%3C/title%3E%3Cpath d='M24.708 12.355 16 21.061l-8.708-8.706 1.416-1.416L16 18.233l7.292-7.294z'/%3E%3C/svg%3E\")}.ag-icon-unlinked:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Eunlinked%3C/title%3E%3Cpath d='M5.35 3.999a.2.2 0 0 0-.14.058c-.388.38-.768.768-1.152 1.152a.21.21 0 0 0-.002.288c7.459 7.506 14.965 14.965 22.447 22.447a.21.21 0 0 0 .288.002q.576-.574 1.151-1.151a.21.21 0 0 0 .002-.288C20.484 19.002 12.979 11.542 5.497 4.06a.2.2 0 0 0-.146-.061zm.611 12.548c-1.933 1.939-2.538 5.119-1.289 7.688a6.79 6.79 0 0 0 4.891 3.672 6.82 6.82 0 0 0 5.893-1.866l1.984-1.984-1.438-1.438-1.986 1.986c-1.486 1.476-3.993 1.81-5.834.629a4.73 4.73 0 0 1-2.024-2.853 4.76 4.76 0 0 1 1.241-4.393l1.986-1.986-1.438-1.438-1.984 1.984zM21.273 3.999a6.78 6.78 0 0 0-4.727 1.963l-1.984 1.984L16 9.384l1.985-1.985a4.74 4.74 0 0 1 2.776-1.338c1.974-.224 4.045.926 4.845 2.834.712 1.699.329 3.778-1.004 5.12L22.616 16l1.439 1.438q1-1 2-2c2.012-2.031 2.557-5.368 1.112-7.982-1.144-2.07-3.432-3.441-5.834-3.459h-.061z'/%3E%3C/svg%3E\")}.ag-icon-up:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Easc%3C/title%3E%3Cpath d='m15 10.621-4.292 4.294-1.416-1.416L16 6.793l6.708 6.706-1.416 1.416L17 10.621v14.586h-2z'/%3E%3C/svg%3E\")}.ag-icon-grip:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Egrip%3C/title%3E%3Cpath d='M8 24H6v-4h2zm6 0h-2v-4h2zm6 0h-2v-4h2zm6 0h-2v-4h2zM8 18H6v-4h2zm6 0h-2v-4h2zm6 0h-2v-4h2zm6 0h-2v-4h2zM8 12H6V8h2zm6 0h-2V8h2zm6 0h-2V8h2zm6 0h-2V8h2z'/%3E%3C/svg%3E\")}.ag-icon-settings:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M30 8h-4.1c-.5-2.3-2.5-4-4.9-4s-4.4 1.7-4.9 4H2v2h14.1c.5 2.3 2.5 4 4.9 4s4.4-1.7 4.9-4H30zm-9 4c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3M2 24h4.1c.5 2.3 2.5 4 4.9 4s4.4-1.7 4.9-4H30v-2H15.9c-.5-2.3-2.5-4-4.9-4s-4.4 1.7-4.9 4H2zm9-4c1.7 0 3 1.3 3 3s-1.3 3-3 3-3-1.3-3-3 1.3-3 3-3'/%3E%3C/svg%3E\")}.ag-icon-column-arrow:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M11 4a1 1 0 0 1 1 1v22a1 1 0 1 1-2 0V5a1 1 0 0 1 1-1' clip-rule='evenodd'/%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M2 13a1 1 0 0 1 1-1h23.5a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1' clip-rule='evenodd'/%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M2 4h18v24H2zm2 2v20h14V6zM26.793 13 23 9.207l1.414-1.414L29.621 13l-5.207 5.207L23 16.793z' clip-rule='evenodd'/%3E%3C/svg%3E\")}.ag-icon-un-pin:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='m6.112 15.111 3.272 3.271 1.436-1.402-2.476-2.479c.81-1.25 3.168-1.12 5.156-.614l4.986-4.988-.49-.722c-.392-.622.336-1.504 1.024-2.072l.008-.007.01-.006.032-.025 1.447 1.447 1.432-1.397-2.601-2.602s-4.052 2.704-3.352 5.046l-3.158 3.108c-2.004-.388-4.69-.288-6.056 1.572-.638.87-.67 1.87-.67 1.87m.581 11.582.014.014 5.502-5.501 4.783 4.783.746-.364c1.992-1.016 2.776-3.21 2.632-5.34-.055-.805-.068-.87-.088-.97-.008-.04-.017-.085-.03-.182l3.32-3.218c1.734.292 3.198-.912 4.272-2.338q.337-.447.67-.894l-.001-.001-.007-.007-.007-.007-.007-.007-3.87-3.87 1.585-1.584-1.414-1.414-14.381 14.38-1.237 1.209-5.69 5.687 1.417 1.416zM23.21 10.206l2.65 2.651c-1.465 1.714-2.935.776-2.935.776l-4.79 4.79q.041.291.087.583c.257 1.676.513 3.35-.585 4.317a4 4 0 0 1-.272.21l-3.739-3.744z' clip-rule='evenodd'/%3E%3C/svg%3E\")}.ag-icon-pinned-top:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='currentColor' d='m16.708 10.878 8.708 8.706L24 21l-6.292-6.294V27h-2V14.706L9.416 21 8 19.584q4.348-4.344 8.691-8.69zM25 6H8v2h17z'/%3E%3C/svg%3E\")}.ag-icon-pinned-bottom:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='currentColor' d='M16.708 22.122 8 13.416 9.416 12l6.292 6.294V6h2v12.294L24 12l1.416 1.416-8.691 8.69zM7.416 28h17v-2h-17z'/%3E%3C/svg%3E\")}.ag-icon-chevron-up:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M3.479 10.521a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 0l4 4a.75.75 0 0 1-1.06 1.06l-3.47-3.47-3.47 3.47a.75.75 0 0 1-1.06 0' clip-rule='evenodd'/%3E%3C/svg%3E\")}.ag-icon-chevron-down:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M12.521 5.461a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 0 1-1.06 0l-4-4a.75.75 0 0 1 1.06-1.06l3.47 3.47 3.47-3.47a.75.75 0 0 1 1.06 0' clip-rule='evenodd'/%3E%3C/svg%3E\")}.ag-icon-chevron-left:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M10.53 12.512a.75.75 0 0 1-1.06 0l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06l-3.47 3.47 3.47 3.47a.75.75 0 0 1 0 1.06' clip-rule='evenodd'/%3E%3C/svg%3E\")}.ag-icon-chevron-right:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M5.47 3.47a.75.75 0 0 1 1.06 0l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 0 1-1.06-1.06L8.94 8 5.47 4.53a.75.75 0 0 1 0-1.06' clip-rule='evenodd'/%3E%3C/svg%3E\")}.ag-icon-filter-add:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='currentColor' d='M19.834 8H8c0 .304.06.612.258.842 2.716 2.854 6.682 5.548 6.742 7.974V21l2-1.5v-2.684c.056-2.267 2.968-4.417 5.49-6.75v3.087c-1.081.974-2.245 1.968-3.232 3.005a1.05 1.05 0 0 0-.258.682v3.66L13 25c0-2.74.066-5.482-.002-8.222a1.05 1.05 0 0 0-.256-.62C10.026 13.304 6.06 10.61 6 8.184V6h13.834z'/%3E%3Cpath fill='currentColor' d='M26 6h2.946v2.002H26v3.313h-2.002V8.002h-2.946V6h2.946V3.04H26z'/%3E%3C/svg%3E\")}.ag-icon-edit:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='currentColor' d='M23.182 5a3.82 3.82 0 0 1 2.83 6.383l-.131.137-2.09 2.088a1 1 0 0 1-.084.099 1 1 0 0 1-.098.084L12.533 24.869a3 3 0 0 1-1.245.746l-4.353 1.32-.003.002a1.5 1.5 0 0 1-1.87-1.867l.003-.004 1.32-4.352v-.003l.06-.174c.13-.344.321-.661.565-.936l.126-.135L18.209 8.39a1 1 0 0 1 .18-.181l2.092-2.09.137-.132A3.82 3.82 0 0 1 23.182 5M8.548 20.883a1 1 0 0 0-.25.415l-1.049 3.451 3.457-1.048.114-.042q.17-.076.301-.206l10.458-10.46-2.572-2.572zM23.182 7c-.482 0-.946.19-1.287.531v.001l-1.474 1.475 2.572 2.572 1.474-1.474.121-.133A1.82 1.82 0 0 0 23.182 7'/%3E%3C/svg%3E\")}"},65572:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.iconSetBalham=void 0;const o=a(83036),n=a(33817);t.iconSetBalham=(0,o.createPart)({feature:"iconSet",css:n.iconSetBalhamCSS})},26407:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.iconSetQuartzRegular=t.iconSetQuartzLight=t.iconSetQuartzBold=t.iconSetQuartz=t.iconOverrides=t.iconSetMaterial=t.iconSetAlpine=void 0;var o=a(89580);Object.defineProperty(t,"iconSetAlpine",{enumerable:!0,get:function(){return o.iconSetAlpine}});var n=a(98900);Object.defineProperty(t,"iconSetMaterial",{enumerable:!0,get:function(){return n.iconSetMaterial}});var r=a(95867);Object.defineProperty(t,"iconOverrides",{enumerable:!0,get:function(){return r.iconOverrides}});var i=a(53692);Object.defineProperty(t,"iconSetQuartz",{enumerable:!0,get:function(){return i.iconSetQuartz}}),Object.defineProperty(t,"iconSetQuartzBold",{enumerable:!0,get:function(){return i.iconSetQuartzBold}}),Object.defineProperty(t,"iconSetQuartzLight",{enumerable:!0,get:function(){return i.iconSetQuartzLight}}),Object.defineProperty(t,"iconSetQuartzRegular",{enumerable:!0,get:function(){return i.iconSetQuartzRegular}})},77545:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.iconSetMaterialCSS=void 0,t.iconSetMaterialCSS=".ag-icon-aggregation:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Eaggregation%3C/title%3E%3Cpath d='M24 5.333H8V8l8.667 8L8 24v2.667h16v-4h-9.333L21.334 16l-6.667-6.667H24z'/%3E%3C/svg%3E\")}.ag-icon-arrows:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Earrows%3C/title%3E%3Cpath d='M13.333 11.556h5.333V8h3.556L16 1.778 9.778 8h3.556zm-1.777 1.777H8V9.777l-6.222 6.222L8 22.221v-3.556h3.556zM30.222 16 24 9.778v3.556h-3.556v5.333H24v3.556l6.222-6.222zm-11.555 4.444h-5.333V24H9.778L16 30.222 22.222 24h-3.556z'/%3E%3C/svg%3E\")}.ag-icon-asc:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Easc%3C/title%3E%3Cpath d='m5.333 16 1.88 1.88 7.453-7.44v16.227h2.667V10.44l7.44 7.453L26.666 16 15.999 5.333z'/%3E%3C/svg%3E\")}.ag-icon-cancel:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Ecancel%3C/title%3E%3Cpath d='M16 2.667C8.627 2.667 2.667 8.627 2.667 16S8.627 29.333 16 29.333 29.333 23.373 29.333 16 23.373 2.667 16 2.667m6.667 18.12-1.88 1.88L16 17.88l-4.787 4.787-1.88-1.88L14.12 16l-4.787-4.787 1.88-1.88L16 14.12l4.787-4.787 1.88 1.88L17.88 16z'/%3E%3C/svg%3E\")}.ag-icon-chart:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Echart%3C/title%3E%3Cpath d='M6.667 12.267h4v13.067h-4zm7.466-5.6h3.733v18.667h-3.733zM21.6 17.333h3.733v8H21.6z'/%3E%3C/svg%3E\")}.ag-icon-color-picker:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Ecolor-picker%3C/title%3E%3Cpath d='M23.907 17.587 10.574 4.254l-1.88 1.88 3.173 3.173-8.28 8.28 10.16 10.16zm-16.547 0 6.387-6.387 6.387 6.387H7.361zm18.387 2s-2.667 2.893-2.667 4.667c0 1.467 1.2 2.667 2.667 2.667s2.667-1.2 2.667-2.667c0-1.773-2.667-4.667-2.667-4.667'/%3E%3C/svg%3E\")}.ag-icon-columns:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Ecolumns%3C/title%3E%3Cpath d='M5.333 10.667h5.333V5.334H5.333zm8 16h5.333v-5.333h-5.333zm-8 0h5.333v-5.333H5.333zm0-8h5.333v-5.333H5.333zm8 0h5.333v-5.333h-5.333zm8-13.334v5.333h5.333V5.333zm-8 5.334h5.333V5.334h-5.333zm8 8h5.333v-5.333h-5.333zm0 8h5.333v-5.333h-5.333z'/%3E%3C/svg%3E\")}.ag-icon-contracted:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Econtracted%3C/title%3E%3Cpath d='m12.94 8-1.88 1.88L17.167 16l-6.107 6.12L12.94 24l8-8z'/%3E%3C/svg%3E\")}.ag-icon-copy:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Ecopy%3C/title%3E%3Cpath d='M22 1.333H6A2.675 2.675 0 0 0 3.333 4v18.667H6V4h16zm4 5.334H11.333a2.675 2.675 0 0 0-2.667 2.667v18.667c0 1.467 1.2 2.667 2.667 2.667H26c1.467 0 2.667-1.2 2.667-2.667V9.334c0-1.467-1.2-2.667-2.667-2.667M26 28H11.333V9.333H26z'/%3E%3C/svg%3E\")}.ag-icon-cross:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Ecross%3C/title%3E%3Cpath d='m25.333 8.547-1.88-1.88L16 14.12 8.547 6.667l-1.88 1.88L14.12 16l-7.453 7.453 1.88 1.88L16 17.88l7.453 7.453 1.88-1.88L17.88 16z'/%3E%3C/svg%3E\")}.ag-icon-csv:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M384 131.9c-7.753-8.433-110.425-128.473-114.9-133L48-.1C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48zm-35.9 2.1H257V27.9zM30 479V27h200l1 105c0 13.3-1.3 29 12 29h111l1 318z' style='fill-rule:nonzero' transform='translate(3.934 -.054)scale(.06285)'/%3E%3Cpath d='M.688-.226a.2.2 0 0 1-.017.074.28.28 0 0 1-.145.14.412.412 0 0 1-.234.013.28.28 0 0 1-.202-.168.468.468 0 0 1-.04-.19q0-.086.025-.155a.319.319 0 0 1 .182-.191.4.4 0 0 1 .134-.025q.087 0 .155.035a.3.3 0 0 1 .104.085.17.17 0 0 1 .036.097.06.06 0 0 1-.018.044.06.06 0 0 1-.042.019.06.06 0 0 1-.042-.013.2.2 0 0 1-.031-.046.2.2 0 0 0-.066-.079.16.16 0 0 0-.095-.027.17.17 0 0 0-.142.068.3.3 0 0 0-.053.193.4.4 0 0 0 .023.139.2.2 0 0 0 .067.083.2.2 0 0 0 .1.027q.063 0 .106-.031a.2.2 0 0 0 .065-.091.2.2 0 0 1 .023-.046q.014-.018.044-.018a.06.06 0 0 1 .044.018.06.06 0 0 1 .019.045' style='fill-rule:nonzero' transform='matrix(8.39799 0 0 12.455 7.122 25.977)'/%3E%3Cpath d='M.622-.215a.2.2 0 0 1-.033.117.23.23 0 0 1-.098.081.4.4 0 0 1-.153.029.34.34 0 0 1-.175-.04.23.23 0 0 1-.079-.077.17.17 0 0 1-.031-.093q0-.027.019-.045a.06.06 0 0 1 .046-.019.06.06 0 0 1 .039.014.1.1 0 0 1 .027.044.3.3 0 0 0 .03.057q.015.023.044.038.03.015.076.015.065 0 .105-.03a.09.09 0 0 0 .04-.075.08.08 0 0 0-.022-.058.14.14 0 0 0-.056-.034 1 1 0 0 0-.092-.025.7.7 0 0 1-.129-.042.2.2 0 0 1-.083-.066.17.17 0 0 1-.03-.104q0-.058.032-.105a.2.2 0 0 1 .093-.07.4.4 0 0 1 .144-.025q.066 0 .114.016a.3.3 0 0 1 .08.044.2.2 0 0 1 .046.057q.015.03.015.058a.07.07 0 0 1-.018.046.06.06 0 0 1-.046.021q-.025 0-.038-.012a.2.2 0 0 1-.028-.041.2.2 0 0 0-.047-.063Q.387-.625.326-.625a.15.15 0 0 0-.09.025q-.035.024-.035.059 0 .021.012.037a.1.1 0 0 0 .032.027.4.4 0 0 0 .111.036q.06.015.11.031.048.018.083.042a.2.2 0 0 1 .054.062.2.2 0 0 1 .019.091' style='fill-rule:nonzero' transform='matrix(8.39799 0 0 12.455 13.339 25.977)'/%3E%3Cpath d='m.184-.633.162.48.163-.483q.013-.038.019-.053a.062.062 0 0 1 .061-.039q.018 0 .034.009a.1.1 0 0 1 .025.025q.009.015.009.031L.654-.64l-.007.025-.009.024-.173.468-.019.051a.2.2 0 0 1-.021.042.1.1 0 0 1-.033.03.1.1 0 0 1-.049.012.1.1 0 0 1-.05-.011A.1.1 0 0 1 .26-.03a.2.2 0 0 1-.021-.042L.22-.123.05-.587.041-.612.033-.638.03-.662q0-.025.02-.046a.07.07 0 0 1 .05-.02q.037 0 .053.023.015.023.031.072' style='fill-rule:nonzero' transform='matrix(8.39799 0 0 12.455 18.94 25.977)'/%3E%3C/svg%3E\")}.ag-icon-cut:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='m19 3-6 6 2 2 7-7V3m-10 9.5a.503.503 0 0 1-.5-.5c0-.274.226-.5.5-.5s.5.226.5.5-.226.5-.5.5M6 20c-1.097 0-2-.903-2-2a2 2 0 0 1 2-2c1.097 0 2 .903 2 2a2 2 0 0 1-2 2M6 8c-1.097 0-2-.903-2-2a2 2 0 0 1 2-2c1.097 0 2 .903 2 2a2 2 0 0 1-2 2m3.64-.36c.23-.5.36-1.05.36-1.64 0-2.194-1.806-4-4-4S2 3.806 2 6s1.806 4 4 4c.59 0 1.14-.13 1.64-.36L10 12l-2.36 2.36C7.14 14.13 6.59 14 6 14c-2.194 0-4 1.806-4 4s1.806 4 4 4 4-1.806 4-4c0-.59-.13-1.14-.36-1.64L12 14l7 7h3v-1z' style='fill-rule:nonzero' transform='translate(4 4)'/%3E%3C/svg%3E\")}.ag-icon-desc:before,.ag-icon-down:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Edesc%3C/title%3E%3Cpath d='m26.667 16-1.88-1.88-7.453 7.44V5.333h-2.667V21.56l-7.44-7.453L5.334 16l10.667 10.667L26.668 16z'/%3E%3C/svg%3E\")}.ag-icon-excel:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M384 131.9c-7.753-8.433-110.425-128.473-114.9-133L48-.1C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48zm-35.9 2.1H257V27.9zM30 479V27h200l1 105c0 13.3-1.3 29 12 29h111l1 318z' style='fill-rule:nonzero' transform='translate(3.934 -.054)scale(.06285)'/%3E%3Cpath d='m.052-.139.16-.234-.135-.208a.4.4 0 0 1-.028-.052.1.1 0 0 1-.01-.042.05.05 0 0 1 .018-.037.07.07 0 0 1 .045-.016q.03 0 .047.018a1 1 0 0 1 .047.066l.107.174.115-.174.024-.038.019-.026.021-.015a.1.1 0 0 1 .027-.005.06.06 0 0 1 .044.016.05.05 0 0 1 .018.039q0 .033-.038.089l-.141.211.152.234a.3.3 0 0 1 .03.051.1.1 0 0 1 .009.038.1.1 0 0 1-.008.031.1.1 0 0 1-.024.023.1.1 0 0 1-.034.008.1.1 0 0 1-.035-.008.1.1 0 0 1-.023-.022L.427-.067.301-.265l-.134.204-.022.034-.016.019a.1.1 0 0 1-.022.015.1.1 0 0 1-.03.005.06.06 0 0 1-.044-.016.06.06 0 0 1-.017-.047q0-.036.036-.088' style='fill-rule:nonzero' transform='matrix(17.82892 0 0 16.50777 10.371 25.928)'/%3E%3C/svg%3E\")}.ag-icon-expanded:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Eexpanded%3C/title%3E%3Cpath d='M20.94 9.88 19.06 8l-8 8 8 8 1.88-1.88L14.833 16z'/%3E%3C/svg%3E\")}.ag-icon-eye-slash:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Eeye-slash%3C/title%3E%3Cpath d='M21.106 15.088A5.19 5.19 0 0 0 16 10.814a5.17 5.17 0 0 0-3.668 1.522L9.866 9.868a12.2 12.2 0 0 1 6.133-1.646c5.186 0 9.614 3.225 11.408 7.778a12.34 12.34 0 0 1-5.276 6.133l-2.468-2.466a5.17 5.17 0 0 0 1.449-2.802h-2.123c-.148.508-.42.964-.782 1.33l-1.33-1.33h-2.514l2.196 2.196q-.272.049-.56.05a3.11 3.11 0 0 1-2.99-2.245h-2.123a5.19 5.19 0 0 0 7.3 3.836l2.247 2.247a12.2 12.2 0 0 1-4.434.828c-5.186 0-9.614-3.225-11.408-7.778a12.3 12.3 0 0 1 3.781-5.111l2.924 2.924a5.1 5.1 0 0 0-.404 1.275h4.206l-1.296-1.296a3.1 3.1 0 0 1 2.196-.903c1.404 0 2.587.924 2.976 2.199h2.13z'/%3E%3C/svg%3E\")}.ag-icon-eye:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Eeye%3C/title%3E%3Cpath d='M16 8.222c-5.186 0-9.614 3.225-11.408 7.778 1.794 4.553 6.222 7.778 11.408 7.778S25.614 20.553 27.408 16C25.614 11.447 21.186 8.222 16 8.222m0 12.964c-2.862 0-5.186-2.324-5.186-5.186s2.324-5.186 5.186-5.186 5.186 2.324 5.186 5.186-2.324 5.186-5.186 5.186m0-8.297c-1.721 0-3.111 1.39-3.111 3.111s1.39 3.111 3.111 3.111 3.111-1.39 3.111-3.111-1.39-3.111-3.111-3.111'/%3E%3C/svg%3E\")}.ag-icon-filter:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Efilter%3C/title%3E%3Cpath d='M13.333 24h5.333v-2.667h-5.333zM4 8v2.667h24V8zm4 9.333h16v-2.667H8z'/%3E%3C/svg%3E\")}.ag-icon-first:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Efirst%3C/title%3E%3Cpath d='M24.273 22.12 18.153 16l6.12-6.12L22.393 8l-8 8 8 8zM7.727 8h2.667v16H7.727z'/%3E%3C/svg%3E\")}.ag-icon-group:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Egroup%3C/title%3E%3Cpath d='M18.667 21.333h8.889A3.555 3.555 0 0 1 24 24.889h-5.333zm8.888-7.111v3.556h-8.889v-3.556zM24 7.111a3.555 3.555 0 0 1 3.556 3.556h-16V7.111zm-8.889 17.778h-3.556v-3.556h3.556zm0-7.111h-3.556v-3.556h3.556zM8 10.667H4.444A3.555 3.555 0 0 1 8 7.111z'/%3E%3C/svg%3E\")}.ag-icon-last:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Elast%3C/title%3E%3Cpath d='m7.727 9.88 6.12 6.12-6.12 6.12L9.607 24l8-8-8-8zM21.607 8h2.667v16h-2.667z'/%3E%3C/svg%3E\")}.ag-icon-left:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Eleft%3C/title%3E%3Cpath d='M26.667 14.667H10.44l7.453-7.453L16 5.334 5.333 16.001 16 26.668l1.88-1.88-7.44-7.453h16.227v-2.667z'/%3E%3C/svg%3E\")}.ag-icon-linked:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Elinked%3C/title%3E%3Cpath d='M5.2 16a4.136 4.136 0 0 1 4.133-4.133h5.333V9.334H9.333c-3.68 0-6.667 2.987-6.667 6.667s2.987 6.667 6.667 6.667h5.333v-2.533H9.333A4.136 4.136 0 0 1 5.2 16.002zm5.467 1.333h10.667v-2.667H10.667zm12-8h-5.333v2.533h5.333c2.28 0 4.133 1.853 4.133 4.133s-1.853 4.133-4.133 4.133h-5.333v2.533h5.333c3.68 0 6.667-2.987 6.667-6.667s-2.987-6.667-6.667-6.667z'/%3E%3C/svg%3E\")}.ag-icon-loading:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Eloading%3C/title%3E%3Cpath d='m17.778 11.708 3.25-3.251 2.516 2.516-3.251 3.25h4.597v3.556h-4.597l3.251 3.25-2.516 2.516-3.25-3.251v4.597h-3.556v-4.597l-3.25 3.251-2.516-2.516 3.251-3.25H7.11v-3.556h4.597l-3.251-3.25 2.516-2.516 3.25 3.251V7.111h3.556zm-3.251 7.847h2.944l2.084-2.084v-2.944l-2.084-2.084h-2.944l-2.084 2.084v2.944z'/%3E%3C/svg%3E\")}.ag-icon-maximize:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Emaximize%3C/title%3E%3Cpath d='M4 4h24v2.667H4z'/%3E%3C/svg%3E\")}.ag-icon-menu:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Emenu%3C/title%3E%3Cpath d='M4 24h24v-2.667H4zm0-6.667h24v-2.667H4zM4 8v2.667h24V8z'/%3E%3C/svg%3E\")}.ag-icon-menu-alt:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M16 26.667a2.57 2.57 0 0 1-1.883-.784A2.57 2.57 0 0 1 13.333 24q0-1.1.784-1.883A2.57 2.57 0 0 1 16 21.333q1.1 0 1.883.784.784.783.784 1.883t-.784 1.883a2.57 2.57 0 0 1-1.883.784m0-8a2.57 2.57 0 0 1-1.883-.784A2.57 2.57 0 0 1 13.333 16q0-1.1.784-1.883A2.57 2.57 0 0 1 16 13.333q1.1 0 1.883.784.784.783.784 1.883t-.784 1.883a2.57 2.57 0 0 1-1.883.784m0-8a2.57 2.57 0 0 1-1.883-.784A2.57 2.57 0 0 1 13.333 8q0-1.1.784-1.883A2.57 2.57 0 0 1 16 5.333q1.1 0 1.883.784.784.783.784 1.883t-.784 1.883a2.57 2.57 0 0 1-1.883.784'/%3E%3C/svg%3E\")}.ag-icon-minimize:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Eminimize%3C/title%3E%3Cpath d='M8 25.333h16V28H8z'/%3E%3C/svg%3E\")}.ag-icon-minus:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M6.572 6.572a13.32 13.32 0 0 0 0 18.856 13.32 13.32 0 0 0 18.856 0 13.32 13.32 0 0 0 0-18.856 13.32 13.32 0 0 0-18.856 0m17.527 8.099v2.658H7.901v-2.658z' style='fill-rule:nonzero'/%3E%3C/svg%3E\")}.ag-icon-next:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Enext%3C/title%3E%3Cpath d='m12.94 8-1.88 1.88L17.167 16l-6.107 6.12L12.94 24l8-8z'/%3E%3C/svg%3E\")}.ag-icon-none:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Enone%3C/title%3E%3Cpath d='M4 24h16v-2.667H4zM4 8v2.667h24V8zm0 9.333h24v-2.667H4z'/%3E%3C/svg%3E\")}.ag-icon-not-allowed:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Enot-allowed%3C/title%3E%3Cpath d='M16 2.667C8.64 2.667 2.667 8.64 2.667 16S8.64 29.333 16 29.333 29.333 23.36 29.333 16 23.36 2.667 16 2.667M5.333 16c0-5.893 4.773-10.667 10.667-10.667 2.467 0 4.733.84 6.533 2.253L7.586 22.533A10.54 10.54 0 0 1 5.333 16M16 26.667c-2.467 0-4.733-.84-6.533-2.253L24.414 9.467A10.54 10.54 0 0 1 26.667 16c0 5.893-4.773 10.667-10.667 10.667'/%3E%3C/svg%3E\")}.ag-icon-paste:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Epaste%3C/title%3E%3Cpath d='M25.333 4H19.76C19.2 2.453 17.733 1.333 16 1.333S12.8 2.453 12.24 4H6.667A2.675 2.675 0 0 0 4 6.667V28c0 1.467 1.2 2.667 2.667 2.667h18.667c1.467 0 2.667-1.2 2.667-2.667V6.667C28.001 5.2 26.801 4 25.334 4zM16 4c.733 0 1.333.6 1.333 1.333s-.6 1.333-1.333 1.333-1.333-.6-1.333-1.333S15.267 4 16 4m9.333 24H6.666V6.667h2.667v4h13.333v-4h2.667z'/%3E%3C/svg%3E\")}.ag-icon-pin:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Epin%3C/title%3E%3Cpath d='m11.106 22.093-4.444 4.444-1.259-1.259 4.444-4.444zm5.872-16.63 9.618 9.62-.962.962-.962-.962-7.694 3.847 1.924 1.924-2.74 2.74-7.696-7.696 2.741-2.74 1.924 1.925 3.847-7.696-.962-.962z'/%3E%3C/svg%3E\")}.ag-icon-pivot:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Epivot%3C/title%3E%3Cpath d='M26.667 30.223H5.334a3.556 3.556 0 0 1-3.556-3.556V5.334a3.556 3.556 0 0 1 3.556-3.556h21.333a3.556 3.556 0 0 1 3.556 3.556v21.333a3.556 3.556 0 0 1-3.556 3.556m-16-8.89H5.334v5.333h5.333zm16-7.11H12.444v12.444h14.223zm-9.15 6.85-2.039 2.037 2.039 2.039-1.257 1.257-3.295-3.296 3.295-3.295q.63.628 1.257 1.257zm-6.85-6.85H5.334v5.333h5.333zm15.74 3.816-1.257 1.256-2.039-2.037-2.037 2.037-1.257-1.256 3.295-3.296zM10.667 5.333H5.334v5.333h5.333zm8.889 0h-7.112v5.333h7.112zm7.111 0h-5.333v5.333h5.333z'/%3E%3C/svg%3E\")}.ag-icon-plus:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M6.572 6.572a13.32 13.32 0 0 0 0 18.856 13.32 13.32 0 0 0 18.856 0 13.32 13.32 0 0 0 0-18.856 13.32 13.32 0 0 0-18.856 0m17.527 8.099v2.658h-6.77v6.77h-2.658v-6.77h-6.77v-2.658h6.77v-6.77h2.658v6.77z' style='fill-rule:nonzero'/%3E%3C/svg%3E\")}.ag-icon-previous:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Eprevious%3C/title%3E%3Cpath d='M20.94 9.88 19.06 8l-8 8 8 8 1.88-1.88L14.833 16z'/%3E%3C/svg%3E\")}.ag-icon-right:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Eright%3C/title%3E%3Cpath d='m16 5.333-1.88 1.88 7.44 7.453H5.333v2.667H21.56l-7.44 7.453 1.88 1.88 10.667-10.667L16 5.332z'/%3E%3C/svg%3E\")}.ag-icon-save:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Esave%3C/title%3E%3Cpath d='M25.333 16v9.333H6.666V16H3.999v9.333C3.999 26.8 5.199 28 6.666 28h18.667C26.8 28 28 26.8 28 25.333V16zm-8 .893 3.453-3.44 1.88 1.88L15.999 22l-6.667-6.667 1.88-1.88 3.453 3.44V4h2.667v12.893z'/%3E%3C/svg%3E\")}.ag-icon-small-down:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Esmall-down%3C/title%3E%3Cpath d='M9.333 12.667 16 19.334l6.667-6.667H9.334z'/%3E%3C/svg%3E\")}.ag-icon-small-left:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Esmall-left%3C/title%3E%3Cpath d='M19.333 9.333 12.666 16l6.667 6.667V9.334z'/%3E%3C/svg%3E\")}.ag-icon-small-right:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Esmall-right%3C/title%3E%3Cpath d='M12.667 22.667 19.334 16l-6.667-6.667v13.333z'/%3E%3C/svg%3E\")}.ag-icon-small-up:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Esmall-up%3C/title%3E%3Cpath d='M9.333 19.333 16 12.666l6.667 6.667H9.334z'/%3E%3C/svg%3E\")}.ag-icon-tick:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Etick%3C/title%3E%3Cpath d='m11.727 21.167-5.56-5.56-1.893 1.88 7.453 7.453 16-16-1.88-1.88z'/%3E%3C/svg%3E\")}.ag-icon-tree-closed:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Etree-closed%3C/title%3E%3Cpath d='m12.94 8-1.88 1.88L17.167 16l-6.107 6.12L12.94 24l8-8z'/%3E%3C/svg%3E\")}.ag-icon-tree-indeterminate:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Etree-indeterminate%3C/title%3E%3Cpath d='M6.667 14.667h18.667v2.667H6.667z'/%3E%3C/svg%3E\")}.ag-icon-tree-open:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Etree-open%3C/title%3E%3Cpath d='M22.12 11.06 16 17.167 9.88 11.06 8 12.94l8 8 8-8z'/%3E%3C/svg%3E\")}.ag-icon-unlinked:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Eunlinked%3C/title%3E%3Cpath d='M22.667 9.333h-5.333v2.533h5.333a4.136 4.136 0 0 1 4.133 4.133c0 1.907-1.307 3.507-3.08 3.973l1.947 1.947c2.173-1.107 3.667-3.32 3.667-5.92a6.67 6.67 0 0 0-6.667-6.667zm-1.334 5.334h-2.92l2.667 2.667h.253zM2.667 5.693 6.814 9.84A6.65 6.65 0 0 0 2.667 16a6.67 6.67 0 0 0 6.667 6.667h5.333v-2.533H9.334a4.136 4.136 0 0 1-4.133-4.133c0-2.12 1.613-3.867 3.68-4.093l2.76 2.76h-.973v2.667h3.64l3.027 3.027v2.307h2.307l5.347 5.333 1.68-1.68L4.362 4.002 2.669 5.695z'/%3E%3C/svg%3E\")}.ag-icon-up:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Easc%3C/title%3E%3Cpath d='m5.333 16 1.88 1.88 7.453-7.44v16.227h2.667V10.44l7.44 7.453L26.666 16 15.999 5.333z'/%3E%3C/svg%3E\")}.ag-icon-grip:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ctitle%3Egrip%3C/title%3E%3Cpath d='M26.667 12H5.334v2.667h21.333zM5.333 20h21.333v-2.667H5.333z'/%3E%3C/svg%3E\")}.ag-icon-settings:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M30 8h-4.1c-.5-2.3-2.5-4-4.9-4s-4.4 1.7-4.9 4H2v2h14.1c.5 2.3 2.5 4 4.9 4s4.4-1.7 4.9-4H30zm-9 4c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3M2 24h4.1c.5 2.3 2.5 4 4.9 4s4.4-1.7 4.9-4H30v-2H15.9c-.5-2.3-2.5-4-4.9-4s-4.4 1.7-4.9 4H2zm9-4c1.7 0 3 1.3 3 3s-1.3 3-3 3-3-1.3-3-3 1.3-3 3-3'/%3E%3C/svg%3E\")}.ag-icon-column-arrow:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M11 4a1 1 0 0 1 1 1v22a1 1 0 1 1-2 0V5a1 1 0 0 1 1-1' clip-rule='evenodd'/%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M2 13a1 1 0 0 1 1-1h23.5a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1' clip-rule='evenodd'/%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M2 4h18v24H2zm2 2v20h14V6zM26.793 13 23 9.207l1.414-1.414L29.621 13l-5.207 5.207L23 16.793z' clip-rule='evenodd'/%3E%3C/svg%3E\")}.ag-icon-un-pin:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='currentColor' d='M8 11a.75.75 0 0 0-.75.75v3.333a.75.75 0 1 0 1.5 0V11.75A.75.75 0 0 0 8 11'/%3E%3Cpath fill='currentColor' d='M13.11 1.436a.75.75 0 0 0-1.22-.872l-10 14a.75.75 0 1 0 1.22.872L5.207 12.5h7.376a.75.75 0 0 0 .75-.75v-1.174a2.08 2.08 0 0 0-1.153-1.863l-1.185-.599-.005-.002a.58.58 0 0 1-.323-.522V5.165a2.083 2.083 0 0 0 1.854-2.904zm-3.943 5.52v.634a2.08 2.08 0 0 0 1.153 1.863l1.185.6.005.002a.58.58 0 0 1 .323.522V11H6.28zM9.277 1H5.25a2.084 2.084 0 0 0-.083 4.165v1.676l1.5-2.132v-.292a.75.75 0 0 0-.75-.75H5.25a.584.584 0 0 1 0-1.167h2.972z'/%3E%3C/svg%3E\")}.ag-icon-pinned-top:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='currentColor' d='M12.53 3.72A.75.75 0 0 1 12 5H4a.75.75 0 0 1 0-1.5h8a.75.75 0 0 1 .53.22M3.269 10.744a.75.75 0 0 1 .2-.524l4-4a.75.75 0 0 1 1.06 0l4 4a.75.75 0 1 1-1.06 1.06L8.75 8.56V14a.75.75 0 0 1-1.5 0V8.56l-2.72 2.72a.75.75 0 0 1-1.26-.536'/%3E%3C/svg%3E\")}.ag-icon-pinned-bottom:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='currentColor' d='M3.47 12.28A.75.75 0 0 1 4 11h8a.75.75 0 0 1 0 1.5H4a.75.75 0 0 1-.53-.22M12.731 5.256a.75.75 0 0 1-.2.524l-4 4a.75.75 0 0 1-1.06 0l-4-4a.75.75 0 1 1 1.06-1.06l2.72 2.72V2a.75.75 0 0 1 1.5 0v5.44l2.72-2.72a.75.75 0 0 1 1.26.536'/%3E%3C/svg%3E\")}.ag-icon-chevron-up:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M3.479 10.521a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 0l4 4a.75.75 0 0 1-1.06 1.06l-3.47-3.47-3.47 3.47a.75.75 0 0 1-1.06 0' clip-rule='evenodd'/%3E%3C/svg%3E\")}.ag-icon-chevron-down:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M12.521 5.461a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 0 1-1.06 0l-4-4a.75.75 0 0 1 1.06-1.06l3.47 3.47 3.47-3.47a.75.75 0 0 1 1.06 0' clip-rule='evenodd'/%3E%3C/svg%3E\")}.ag-icon-chevron-left:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M10.53 12.512a.75.75 0 0 1-1.06 0l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06l-3.47 3.47 3.47 3.47a.75.75 0 0 1 0 1.06' clip-rule='evenodd'/%3E%3C/svg%3E\")}.ag-icon-chevron-right:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M5.47 3.47a.75.75 0 0 1 1.06 0l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 0 1-1.06-1.06L8.94 8 5.47 4.53a.75.75 0 0 1 0-1.06' clip-rule='evenodd'/%3E%3C/svg%3E\")}.ag-icon-filter-add:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='currentColor' d='M18.666 24h-5.333v-2.667h5.333zM24 17.333H8v-2.667h16zm3.59-9.344h3.221v2.657h-3.22v3.22h-2.656v-3.22h-3.221V7.989h3.22V4.77h2.657zm-8.582 2.678H4V8h15.008z'/%3E%3C/svg%3E\")}.ag-icon-edit:before{mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='currentColor' d='M6.222 25.778h1.611l14.834-14.811-1.611-1.611-14.834 14.81zM4 28v-4.733L22.644 4.656a2.26 2.26 0 0 1 1.567-.634q.423 0 .833.167.412.166.734.478l1.589 1.6q.333.322.483.733t.15.822q0 .423-.161.839-.162.416-.472.728L8.733 28zm17.856-17.833-.8-.811 1.61 1.61z'/%3E%3C/svg%3E\")}"},98900:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.iconSetMaterial=void 0;const o=a(83036),n=a(77545);t.iconSetMaterial=(0,o.createPart)({feature:"iconSet",css:n.iconSetMaterialCSS})},95867:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.iconOverrides=void 0;const o=a(83036),n=a(14949);t.iconOverrides=e=>{const t=[];if("image"===e.type){const{icons:a,mask:o}=e;for(const e of Object.keys(a)){const i=(0,n.imageValueToCss)(a[e]);o?t.push(`.ag-icon-${e}::before { mask-image: ${i}; }`):t.push(`.ag-icon-${e}::before { background-image: ${i}; ${r} }`)}}if("font"===e.type){const{family:a,weight:o,color:i,icons:l}=e;let s=r;a&&(s+=` font-family: ${(0,n.fontFamilyValueToCss)(a)};`),o&&(s+=` font-weight: ${(0,n.fontWeightValueToCss)(o)};`),i&&(s+=` color: ${(0,n.colorValueToCss)(i)};`);for(const e of Object.keys(l))t.push(`.ag-icon-${e}::before { content: ${JSON.stringify(l[e])}; ${s} }`)}return(0,o.createPart)({css:t.join(";\n"),cssImports:e.cssImports})};const r="background-color: unset; mask-image: unset; -webkit-mask-image: unset;"},53692:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.iconSetQuartzBold=t.iconSetQuartzRegular=t.iconSetQuartzLight=t.iconSetQuartz=void 0;const o=a(83036),n=a(21368);t.iconSetQuartz=(e={})=>(0,o.createPart)({feature:"iconSet",css:()=>(0,n.getQuartzIconsCss)(e)}),t.iconSetQuartzLight=(0,t.iconSetQuartz)({strokeWidth:1}),t.iconSetQuartzRegular=(0,t.iconSetQuartz)(),t.iconSetQuartzBold=(0,t.iconSetQuartz)({strokeWidth:2})},21368:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.getQuartzIconsCss=void 0;const a={aggregation:'<path d="M18 7V4H6l6 8-6 8h12v-3"/>',arrows:'<polyline points="5 9 2 12 5 15"/><polyline points="9 5 12 2 15 5"/><polyline points="15 19 12 22 9 19"/><polyline points="19 9 22 12 19 15"/><line x1="2" x2="22" y1="12" y2="12"/><line x1="12" x2="12" y1="2" y2="22"/>',asc:'<path d="m5 12 7-7 7 7"/><path d="M12 19V5"/>',cancel:'<path d="m18 6-12 12"/><path d="m6 6 12 12"/>',chart:'<line x1="18" x2="18" y1="20" y2="10"/><line x1="12" x2="12" y1="20" y2="4"/><line x1="6" x2="6" y1="20" y2="14"/>',"color-picker":'<path d="m19 11-8-8-8.6 8.6a2 2 0 0 0 0 2.8l5.2 5.2c.8.8 2 .8 2.8 0L19 11Z"/><path d="m5 2 5 5"/><path d="M2 13h15"/><path d="M22 20a2 2 0 1 1-4 0c0-1.6 1.7-2.4 2-4 .3 1.6 2 2.4 2 4Z"/>',columns:'<path d="M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3v18m0 0h10a2 2 0 0 0 2-2V9M9 21H5a2 2 0 0 1-2-2V9m0 0h18"/>',contracted:'<path d="m9 18 6-6-6-6"/>',copy:'<rect width="14" height="14" x="8" y="8" rx="2" ry="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/>',cross:'<path d="M18 6 6 18"/><path d="m6 6 12 12"/>',csv:'<path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"/><polyline points="14 2 14 8 20 8"/><path d="M8 13h2"/><path d="M8 17h2"/><path d="M14 13h2"/><path d="M14 17h2"/>',cut:'<circle cx="6" cy="6" r="3"/><path d="M8.12 8.12 12 12"/><path d="M20 4 8.12 15.88"/><circle cx="6" cy="18" r="3"/><path d="M14.8 14.8 20 20"/>',desc:'<path d="M12 5v14"/><path d="m19 12-7 7-7-7"/>',down:'<path d="M12 5v14"/><path d="m19 12-7 7-7-7"/>',excel:'<path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"/><polyline points="14 2 14 8 20 8"/><path d="M8 13h2"/><path d="M8 17h2"/><path d="M14 13h2"/><path d="M14 17h2"/>',expanded:'<path d="m15 18-6-6 6-6"/>',"eye-slash":'<path d="M9.88 9.88a3 3 0 1 0 4.24 4.24"/><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68"/><path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61"/><line x1="2" x2="22" y1="2" y2="22"/>',eye:'<path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"/><circle cx="12" cy="12" r="3"/>',filter:'<path d="M3 6h18"/><path d="M7 12h10"/><path d="M10 18h4"/>',first:'<path d="m17 18-6-6 6-6"/><path d="M7 6v12"/>',group:'<path d="M16 12H3"/><path d="M16 18H3"/><path d="M10 6H3"/><path d="M21 18V8a2 2 0 0 0-2-2h-5"/><path d="m16 8-2-2 2-2"/>',last:'<path d="m7 18 6-6-6-6"/><path d="M17 6v12"/>',left:'<path d="m12 19-7-7 7-7"/><path d="M19 12H5"/>',linked:'<path d="M9 17H7A5 5 0 0 1 7 7h2"/><path d="M15 7h2a5 5 0 1 1 0 10h-2"/><line x1="8" x2="16" y1="12" y2="12"/>',loading:'<line x1="12" x2="12" y1="2" y2="6"/><line x1="12" x2="12" y1="18" y2="22"/><line x1="4.93" x2="7.76" y1="4.93" y2="7.76"/><line x1="16.24" x2="19.07" y1="16.24" y2="19.07"/><line x1="2" x2="6" y1="12" y2="12"/><line x1="18" x2="22" y1="12" y2="12"/><line x1="4.93" x2="7.76" y1="19.07" y2="16.24"/><line x1="16.24" x2="19.07" y1="7.76" y2="4.93"/>',maximize:'<polyline points="15 3 21 3 21 9"/><polyline points="9 21 3 21 3 15"/><line x1="21" x2="14" y1="3" y2="10"/><line x1="3" x2="10" y1="21" y2="14"/>',menu:'<line x1="4" x2="20" y1="12" y2="12"/><line x1="4" x2="20" y1="6" y2="6"/><line x1="4" x2="20" y1="18" y2="18"/>',"menu-alt":'<circle cx="12" cy="5" r="0.75" fill="#D9D9D9"/><circle cx="12" cy="12" r="0.75" fill="#D9D9D9"/><circle cx="12" cy="19" r="0.75" fill="#D9D9D9"/>',minimize:'<polyline points="4 14 10 14 10 20"/><polyline points="20 10 14 10 14 4"/><line x1="14" x2="21" y1="10" y2="3"/><line x1="3" x2="10" y1="21" y2="14"/>',minus:'<circle cx="12" cy="12" r="10"/><path d="M8 12h8"/>',next:'<path d="m9 18 6-6-6-6"/>',none:'<path d="m7 15 5 5 5-5"/><path d="m7 9 5-5 5 5"/>',"not-allowed":'<circle cx="12" cy="12" r="10"/><path d="m4.9 4.9 14.2 14.2"/>',paste:'<path d="M15 2H9a1 1 0 0 0-1 1v2c0 .6.4 1 1 1h6c.6 0 1-.4 1-1V3c0-.6-.4-1-1-1Z"/><path d="M8 4H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2M16 4h2a2 2 0 0 1 2 2v2M11 14h10"/><path d="m17 10 4 4-4 4"/>',pin:'<line x1="12" x2="12" y1="17" y2="22"/><path d="M5 17h14v-1.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V6h1a2 2 0 0 0 0-4H8a2 2 0 0 0 0 4h1v4.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24Z"/>',pivot:'<path d="M15 3v18"/><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M21 9H3"/><path d="M21 15H3"/>',plus:'<circle cx="12" cy="12" r="10"/><path d="M8 12h8"/><path d="M12 8v8"/>',previous:'<path d="m15 18-6-6 6-6"/>',right:'<path d="M5 12h14"/><path d="m12 5 7 7-7 7"/>',save:'<path d="M12 17V3"/><path d="m6 11 6 6 6-6"/><path d="M19 21H5"/>',"small-left":'<path d="m15 18-6-6 6-6"/>',"small-right":'<path d="m9 18 6-6-6-6"/>',tick:'<path d="M20 6 9 17l-5-5"/>',"tree-closed":'<path d="m9 18 6-6-6-6"/>',"tree-indeterminate":'<path d="M5 12h14"/>',"tree-open":'<path d="m6 9 6 6 6-6"/>',unlinked:'<path d="M9 17H7A5 5 0 0 1 7 7"/><path d="M15 7h2a5 5 0 0 1 4 8"/><line x1="8" x2="12" y1="12" y2="12"/><line x1="2" x2="22" y1="2" y2="22"/>',up:'<path d="m5 12 7-7 7 7"/><path d="M12 19V5"/>',grip:'<circle cx="5" cy="8" r="0.5"/><circle cx="12" cy="8" r="0.5"/><circle cx="19" cy="8" r="0.5"/><circle cx="5" cy="16" r="0.5"/><circle cx="12" cy="16" r="0.5"/><circle cx="19" cy="16" r="0.5"/><g stroke="none" fill="currentColor"><circle cx="5" cy="8" r="1"/><circle cx="12" cy="8" r="1"/><circle cx="19" cy="8" r="1"/><circle cx="5" cy="16" r="1"/><circle cx="12" cy="16" r="1"/><circle cx="19" cy="16" r="1"/></g>',settings:'<path d="M20 7h-9"/><path d="M14 17H5"/><circle cx="17" cy="17" r="3"/><circle cx="7" cy="7" r="3"/>'},o={"column-arrow":'<svg xmlns="http://www.w3.org/2000/svg" class="ag-icon" fill="none" viewBox="0 0 32 32"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 26C0 28.2092 1.79086 30 4 30H14C16.2091 30 18 28.2092 18 26V15H25.8786L24.4394 16.4393C23.8536 17.0251 23.8536 17.9749 24.4394 18.5607C25.0252 19.1464 25.9748 19.1464 26.5606 18.5607L30.5606 14.5607C31.1464 13.9749 31.1464 13.0251 30.5606 12.4393L26.5606 8.43934C25.9748 7.85356 25.0252 7.85356 24.4394 8.43934C23.8536 9.02512 23.8536 9.97488 24.4394 10.5607L25.8786 12H18V6C18 3.79086 16.2091 2 14 2H4C1.79086 2 0 3.79086 0 6V26ZM14 5H10.5V12H15V6C15 5.44772 14.5523 5 14 5ZM4 5H7.5V12H3V6C3 5.44772 3.44772 5 4 5ZM10.5 15H15V26C15 26.5522 14.5523 27 14 27H10.5V15ZM4 27H7.5V15H3V26C3 26.5522 3.44772 27 4 27Z" fill="currentColor"/></svg>',"small-down":'<svg xmlns="http://www.w3.org/2000/svg" class="ag-icon" fill="black" stroke="none" viewBox="0 0 32 32"><path d="M7.334 10.667 16 21.334l8.667-10.667H7.334Z"/></svg>',"small-up":'<svg xmlns="http://www.w3.org/2000/svg" class="ag-icon" fill="black" stroke="none" viewBox="0 0 32 32"><path d="M7.334 21.333 16 10.666l8.667 10.667H7.334Z"/></svg>',"pinned-top":'<svg xmlns="http://www.w3.org/2000/svg" class="ag-icon" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M12.53 3.72A.75.75 0 0 1 12 5H4a.75.75 0 0 1 0-1.5h8a.75.75 0 0 1 .53.22ZM3.269 10.744a.75.75 0 0 1 .2-.524l4-4a.75.75 0 0 1 1.06 0l4 4a.75.75 0 1 1-1.06 1.06L8.75 8.56V14a.75.75 0 0 1-1.5 0V8.56l-2.72 2.72a.75.75 0 0 1-1.26-.536Z"/></svg>',"pinned-bottom":'<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="ag-icon" viewBox="0 0 16 16"><path fill="currentColor" d="M3.47 12.28A.75.75 0 0 1 4 11h8a.75.75 0 0 1 0 1.5H4a.75.75 0 0 1-.53-.22ZM12.731 5.256a.75.75 0 0 1-.2.524l-4 4a.75.75 0 0 1-1.06 0l-4-4a.75.75 0 1 1 1.06-1.06l2.72 2.72V2a.75.75 0 0 1 1.5 0v5.44l2.72-2.72a.75.75 0 0 1 1.26.536Z"/></svg>',"un-pin":'<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="ag-icon" viewBox="0 0 16 16"><path fill="currentColor" d="M8 11a.75.75 0 0 0-.75.75v3.333a.75.75 0 1 0 1.5 0V11.75A.75.75 0 0 0 8 11Z"/><path fill="currentColor" d="M13.11 1.436a.75.75 0 0 0-1.22-.872l-10 14a.75.75 0 1 0 1.22.872L5.207 12.5h7.376a.75.75 0 0 0 .75-.75v-1.174a2.08 2.08 0 0 0-1.153-1.863l-1.185-.599-.005-.002a.58.58 0 0 1-.323-.522V5.165a2.083 2.083 0 0 0 1.854-2.904l.589-.825Zm-3.943 5.52v.634a2.08 2.08 0 0 0 1.153 1.863l1.185.6.005.002a.58.58 0 0 1 .323.522V11H6.28l2.887-4.044ZM9.277 1H5.25a2.084 2.084 0 0 0-.083 4.165v1.676l1.5-2.132v-.292a.75.75 0 0 0-.75-.75H5.25a.584.584 0 0 1 0-1.167h2.972L9.277 1Z"/></svg>',"chevron-down":'<svg width="16" height="16" viewBox="0 0 16 16" class="ag-icon" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 6L8 10L4 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>',"chevron-up":'<svg width="16" height="16" viewBox="0 0 16 16" class="ag-icon" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 10L8 6L12 10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>',"chevron-left":'<svg width="16" height="16" viewBox="0 0 16 16" class="ag-icon" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 12L6 8L10 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>',"chevron-right":'<svg width="16" height="16" viewBox="0 0 16 16" class="ag-icon" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>',"filter-add":'<svg width="16" height="16" viewBox="0 0 16 16" class="ag-icon" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.12126 7.75L10.8517 7.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/><path d="M6.65934 11.748L9.32778 11.748" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/><path d="M12.2943 1.04872V6.19184M14.9886 3.74341H9.68478" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/><path d="M8.25488 3C8.04799 3.18323 7.91706 3.45099 7.91699 3.74902C7.91713 4.04868 8.04988 4.31681 8.25879 4.5H2C1.58579 4.5 1.25 4.16421 1.25 3.75C1.25 3.33579 1.58579 3 2 3H8.25488Z" fill="currentColor"/></svg>',edit:'<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.5 10.6262V12.5012H5.375L10.905 6.97122L9.03 5.09622L3.5 10.6262ZM12.355 5.52122C12.4014 5.47497 12.4381 5.42002 12.4632 5.35953C12.4883 5.29905 12.5012 5.23421 12.5012 5.16872C12.5012 5.10324 12.4883 5.0384 12.4632 4.97791C12.4381 4.91742 12.4014 4.86248 12.355 4.81622L11.185 3.64622C11.1387 3.59987 11.0838 3.5631 11.0233 3.53801C10.9628 3.51291 10.898 3.5 10.8325 3.5C10.767 3.5 10.7022 3.51291 10.6417 3.53801C10.5812 3.5631 10.5263 3.59987 10.48 3.64622L9.565 4.56122L11.44 6.43622L12.355 5.52122Z" fill="currentColor"/></svg>'};t.getQuartzIconsCss=(e={})=>{let t="";for(const r of[...Object.keys(a),...Object.keys(o)]){const a=n(r,e.strokeWidth);t+=`.ag-icon-${r}::before { mask-image: url('data:image/svg+xml,${encodeURIComponent(a)}'); }\n`}return t};const n=(e,t=1.5)=>{const n=o[e];if(n)return n;const r=a[e];if(!r)throw new Error(`Missing icon data for ${e}`);return`<svg xmlns="http://www.w3.org/2000/svg" class="ag-icon" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke="black" stroke-width="${t}" viewBox="0 0 24 24"><style>* { vector-effect: non-scaling-stroke; }</style>`+r+"</svg>"}},62543:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.inputStyleBaseCSS=void 0,t.inputStyleBaseCSS=':where(.ag-input-field-input[type=number]:not(.ag-number-field-input-stepper)){-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}}.ag-input-field-input:where(input:not([type]),input[type=text],input[type=number],input[type=tel],input[type=date],input[type=datetime-local],textarea){background-color:var(--ag-input-background-color);border:var(--ag-input-border);border-radius:var(--ag-input-border-radius);color:var(--ag-input-text-color);font-family:inherit;font-size:inherit;line-height:inherit;margin:0;min-height:var(--ag-input-height);padding:0;&:where(:disabled){background-color:var(--ag-input-disabled-background-color);border:var(--ag-input-disabled-border);color:var(--ag-input-disabled-text-color)}&:where(:focus){background-color:var(--ag-input-focus-background-color);border:var(--ag-input-focus-border);box-shadow:var(--ag-input-focus-shadow);color:var(--ag-input-focus-text-color);outline:none}&:where(:invalid){background-color:var(--ag-input-invalid-background-color);border:var(--ag-input-invalid-border);color:var(--ag-input-invalid-text-color)}&:where(.invalid){background-color:var(--ag-input-invalid-background-color);border:var(--ag-input-invalid-border);color:var(--ag-input-invalid-text-color)}&::-moz-placeholder{color:var(--ag-input-placeholder-text-color)}&::placeholder{color:var(--ag-input-placeholder-text-color)}}:where(.ag-ltr) .ag-input-field-input:where(input:not([type]),input[type=text],input[type=number],input[type=tel],input[type=date],input[type=datetime-local],textarea){padding-left:var(--ag-input-padding-start)}:where(.ag-rtl) .ag-input-field-input:where(input:not([type]),input[type=text],input[type=number],input[type=tel],input[type=date],input[type=datetime-local],textarea){padding-right:var(--ag-input-padding-start)}:where(.ag-column-select-header-filter-wrapper,.ag-filter-toolpanel-search,.ag-mini-filter,.ag-filter-filter,.ag-filter-add-select){.ag-input-wrapper:before{background-color:currentcolor;color:var(--ag-input-icon-color);content:"";display:block;height:12px;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ij48cGF0aCBkPSJNNS4zIDlhMy43IDMuNyAwIDEgMCAwLTcuNSAzLjcgMy43IDAgMCAwIDAgNy41Wk0xMC41IDEwLjUgOC4zIDguMiIvPjwvc3ZnPg==");mask-image:url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ij48cGF0aCBkPSJNNS4zIDlhMy43IDMuNyAwIDEgMCAwLTcuNSAzLjcgMy43IDAgMCAwIDAgNy41Wk0xMC41IDEwLjUgOC4zIDguMiIvPjwvc3ZnPg==");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;opacity:.5;position:absolute;width:12px}}:where(.ag-ltr) :where(.ag-column-select-header-filter-wrapper,.ag-filter-toolpanel-search,.ag-mini-filter,.ag-filter-filter,.ag-filter-add-select){.ag-input-wrapper:before{margin-left:var(--ag-spacing)}.ag-number-field-input,.ag-text-field-input{padding-left:calc(var(--ag-spacing)*1.5 + 12px)}}:where(.ag-rtl) :where(.ag-column-select-header-filter-wrapper,.ag-filter-toolpanel-search,.ag-mini-filter,.ag-filter-filter,.ag-filter-add-select){.ag-input-wrapper:before{margin-right:var(--ag-spacing)}.ag-number-field-input,.ag-text-field-input{padding-right:calc(var(--ag-spacing)*1.5 + 12px)}}'},37389:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.inputStyleBorderedCSS=void 0,t.inputStyleBorderedCSS=".ag-input-field-input:where(input:not([type]),input[type=text],input[type=number],input[type=tel],input[type=date],input[type=datetime-local],textarea){&:focus{box-shadow:var(--ag-focus-shadow);&:where(.invalid),&:where(:invalid){box-shadow:var(--ag-focus-error-shadow)}}}"},33054:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.inputStyleUnderlinedCSS=void 0,t.inputStyleUnderlinedCSS=".ag-input-field-input:where(input:not([type]),input[type=text],input[type=number],input[type=tel],input[type=date],input[type=datetime-local],textarea){border-left:none;border-right:none;border-top:none}"},87161:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.inputStyleUnderlined=t.inputStyleBordered=t.inputStyleBase=void 0;const o=a(83036),n=a(19981),r=a(62543),i=a(37389),l=a(33054),s={inputBackgroundColor:"transparent",inputBorder:!1,inputBorderRadius:0,inputTextColor:{ref:"textColor"},inputPlaceholderTextColor:{ref:"inputTextColor",mix:.5},inputPaddingStart:0,inputHeight:{calc:"max(iconSize, fontSize) + spacing * 2"},inputFocusBackgroundColor:{ref:"inputBackgroundColor"},inputFocusBorder:{ref:"inputBorder"},inputFocusShadow:"none",inputFocusTextColor:{ref:"inputTextColor"},inputDisabledBackgroundColor:{ref:"inputBackgroundColor"},inputDisabledBorder:{ref:"inputBorder"},inputDisabledTextColor:{ref:"inputTextColor"},inputInvalidBackgroundColor:{ref:"inputBackgroundColor"},inputInvalidBorder:{ref:"inputBorder"},inputInvalidTextColor:{ref:"inputTextColor"},inputIconColor:{ref:"inputTextColor"},pickerButtonBorder:!1,pickerButtonFocusBorder:{ref:"inputFocusBorder"},pickerButtonBackgroundColor:{ref:"backgroundColor"},pickerButtonFocusBackgroundColor:{ref:"backgroundColor"},pickerListBorder:!1,pickerListBackgroundColor:{ref:"backgroundColor"},colorPickerThumbSize:18,colorPickerTrackSize:12,colorPickerThumbBorderWidth:3,colorPickerTrackBorderRadius:12,colorPickerColorBorderRadius:4};t.inputStyleBase=(0,o.createPart)({feature:"inputStyle",params:s,css:r.inputStyleBaseCSS});t.inputStyleBordered=(0,o.createPart)({feature:"inputStyle",params:{...s,inputBackgroundColor:n.backgroundColor,inputBorder:!0,inputBorderRadius:{ref:"borderRadius"},inputPaddingStart:{ref:"spacing"},inputFocusBorder:{color:n.accentColor},inputFocusShadow:{ref:"focusShadow"},inputDisabledBackgroundColor:(0,n.foregroundBackgroundMix)(.06),inputDisabledTextColor:{ref:"textColor",mix:.5},inputInvalidBorder:{color:{ref:"invalidColor"}},pickerButtonBorder:!0,pickerListBorder:!0},css:()=>r.inputStyleBaseCSS+i.inputStyleBorderedCSS});t.inputStyleUnderlined=(0,o.createPart)({feature:"inputStyle",params:{...s,inputBackgroundColor:"transparent",inputBorder:{width:2,color:(0,n.foregroundMix)(.3)},inputPaddingStart:{ref:"spacing"},inputFocusBorder:"solid 2px var(--ag-accent-color)",inputDisabledTextColor:{ref:"textColor",mix:.5},inputDisabledBorder:"solid 1px var(--ag-border-color)",inputInvalidBorder:{width:2,color:{ref:"invalidColor",mix:.3}}},css:()=>r.inputStyleBaseCSS+l.inputStyleUnderlinedCSS})},54907:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.tabStyleBaseCSS=void 0,t.tabStyleBaseCSS='.ag-tabs-header{background-color:var(--ag-tab-bar-background-color);border-bottom:var(--ag-tab-bar-border);display:flex;flex:1;gap:var(--ag-tab-spacing);padding:var(--ag-tab-bar-top-padding) var(--ag-tab-bar-horizontal-padding) 0}.ag-tabs-header-wrapper{display:flex}.ag-tabs-close-button-wrapper{align-items:center;border:0;display:flex;padding:var(--ag-spacing)}:where(.ag-ltr) .ag-tabs-close-button-wrapper{border-right:solid var(--ag-border-width) var(--ag-border-color)}:where(.ag-rtl) .ag-tabs-close-button-wrapper{border-left:solid var(--ag-border-width) var(--ag-border-color)}.ag-tabs-close-button{background-color:unset;border:0;cursor:pointer;padding:0}.ag-tab{align-items:center;background-color:var(--ag-tab-background-color);border-left:var(--ag-tab-selected-border-width) solid transparent;border-right:var(--ag-tab-selected-border-width) solid transparent;color:var(--ag-tab-text-color);cursor:pointer;display:flex;flex:1;justify-content:center;padding:var(--ag-tab-top-padding) var(--ag-tab-horizontal-padding) var(--ag-tab-bottom-padding);position:relative;&:hover{background-color:var(--ag-tab-hover-background-color);color:var(--ag-tab-hover-text-color)}&.ag-tab-selected{background-color:var(--ag-tab-selected-background-color);color:var(--ag-tab-selected-text-color)}&:after{background-color:var(--ag-tab-selected-underline-color);bottom:0;content:"";display:block;height:var(--ag-tab-selected-underline-width);left:0;opacity:0;position:absolute;right:0;transition:opacity var(--ag-tab-selected-underline-transition-duration)}&.ag-tab-selected:after{opacity:1}}:where(.ag-ltr) .ag-tab{&.ag-tab-selected{&:where(:not(:first-of-type)){border-left-color:var(--ag-tab-selected-border-color)}&:where(:not(:last-of-type)){border-right-color:var(--ag-tab-selected-border-color)}}}:where(.ag-rtl) .ag-tab{&.ag-tab-selected{&:where(:not(:first-of-type)){border-right-color:var(--ag-tab-selected-border-color)}&:where(:not(:last-of-type)){border-left-color:var(--ag-tab-selected-border-color)}}}'},95797:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.tabStyleRolodexCSS=void 0,t.tabStyleRolodexCSS=".ag-tab{border-left:var(--ag-tab-selected-border-width) solid transparent;border-right:var(--ag-tab-selected-border-width) solid transparent;border-top:var(--ag-tab-selected-border-width) solid transparent;flex:none;&.ag-tab-selected{border-left-color:var(--ag-tab-selected-border-color);border-right-color:var(--ag-tab-selected-border-color);border-top-color:var(--ag-tab-selected-border-color);margin-bottom:-1px;padding-bottom:calc(var(--ag-tab-bottom-padding) + 1px)}}"},5117:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.tabStyleRolodex=t.tabStyleAlpine=t.tabStyleMaterial=t.tabStyleQuartz=t.tabStyleBase=void 0;const o=a(83036),n=a(19981),r=a(54907),i=a(95797),l={tabBarBackgroundColor:"transparent",tabBarHorizontalPadding:0,tabBarTopPadding:0,tabBackgroundColor:"transparent",tabTextColor:{ref:"textColor"},tabHorizontalPadding:{ref:"spacing"},tabTopPadding:{ref:"spacing"},tabBottomPadding:{ref:"spacing"},tabSpacing:"0",tabHoverBackgroundColor:{ref:"tabBackgroundColor"},tabHoverTextColor:{ref:"tabTextColor"},tabSelectedBackgroundColor:{ref:"tabBackgroundColor"},tabSelectedTextColor:{ref:"tabTextColor"},tabSelectedBorderWidth:{ref:"borderWidth"},tabSelectedBorderColor:"transparent",tabSelectedUnderlineColor:"transparent",tabSelectedUnderlineWidth:0,tabSelectedUnderlineTransitionDuration:0,tabBarBorder:!1};t.tabStyleBase=(0,o.createPart)({feature:"tabStyle",params:l,css:r.tabStyleBaseCSS});t.tabStyleQuartz=(0,o.createPart)({feature:"tabStyle",params:{...l,tabBarBorder:!0,tabBarBackgroundColor:(0,n.foregroundMix)(.05),tabTextColor:{ref:"textColor",mix:.7},tabSelectedTextColor:{ref:"textColor"},tabHoverTextColor:{ref:"textColor"},tabSelectedBorderColor:{ref:"borderColor"},tabSelectedBackgroundColor:n.backgroundColor},css:r.tabStyleBaseCSS});t.tabStyleMaterial=(0,o.createPart)({feature:"tabStyle",params:{...l,tabBarBackgroundColor:{ref:"chromeBackgroundColor"},tabSelectedUnderlineColor:{ref:"primaryColor"},tabSelectedUnderlineWidth:2,tabSelectedUnderlineTransitionDuration:0},css:r.tabStyleBaseCSS});t.tabStyleAlpine=(0,o.createPart)({feature:"tabStyle",params:{...l,tabBarBorder:!0,tabBarBackgroundColor:{ref:"chromeBackgroundColor"},tabHoverTextColor:n.accentColor,tabSelectedTextColor:n.accentColor,tabSelectedUnderlineColor:n.accentColor,tabSelectedUnderlineWidth:2,tabSelectedUnderlineTransitionDuration:"0.3s"},css:r.tabStyleBaseCSS});t.tabStyleRolodex=(0,o.createPart)({feature:"tabStyle",params:{...l,tabBarBackgroundColor:{ref:"chromeBackgroundColor"},tabBarHorizontalPadding:{ref:"spacing"},tabBarTopPadding:{ref:"spacing"},tabBarBorder:!0,tabHorizontalPadding:{calc:"spacing * 2"},tabTopPadding:{ref:"spacing"},tabBottomPadding:{ref:"spacing"},tabSpacing:{ref:"spacing"},tabSelectedBorderColor:{ref:"borderColor"},tabSelectedBackgroundColor:n.backgroundColor},css:()=>r.tabStyleBaseCSS+i.tabStyleRolodexCSS})},20142:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.materialAdjustmentsCSS=void 0,t.materialAdjustmentsCSS=".ag-dnd-ghost,.ag-filter-toolpanel-header,.ag-filter-toolpanel-search,.ag-multi-filter-group-title-bar,.ag-panel-title-bar-title,.ag-status-bar{color:var(--ag-header-text-color);font-size:calc(var(--ag-font-size) - 1px);font-weight:600}.ag-column-drop-horizontal{background-color:color-mix(in srgb,var(--ag-background-color),var(--ag-foreground-color) 8%)}.ag-cell.ag-cell-inline-editing{background-color:var(--ag-background-color);background-image:linear-gradient(0deg,var(--ag-input-background-color),var(--ag-input-background-color));border:var(--ag-input-border)!important;border-width:1px!important;height:calc(var(--ag-row-height) + var(--ag-spacing)*3);padding:var(--ag-spacing);:where(.ag-row-last:not(.ag-row-first)) &{bottom:0}:where(.ag-has-focus) &{border:var(--ag-input-focus-border)!important;border-width:1px!important}}.ag-advanced-filter-builder-button,.ag-standard-button{text-transform:uppercase}.ag-status-bar{border:solid var(--ag-border-width) var(--ag-border-color)}.ag-list-item-hovered:after{background-color:var(--ag-primary-color)}.ag-pill-button:hover{color:var(--ag-primary-color)}.ag-header-highlight-after:after,.ag-header-highlight-before:after{background-color:var(--ag-primary-color)}.ag-filter-add-button,.ag-filter-add-button:hover{border-bottom:2px solid var(--ag-primary-color)}"},2525:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.themeMaterial=t.styleMaterial=t.themeBalham=t.themeAlpine=t.themeQuartz=void 0;const o=a(83036),n=a(19981),r=a(82837),i=a(82475),l=a(98265),s=a(38689),d=a(21697),c=a(65572),g=a(26407),u=a(87161),h=a(5117),p=a(20142),m=()=>(0,r.createTheme)().withPart(l.checkboxStyleDefault).withPart(s.colorSchemeVariable).withPart(g.iconSetQuartzRegular).withPart(h.tabStyleQuartz).withPart(u.inputStyleBordered).withPart(d.columnDropStyleBordered).withParams({fontFamily:[{googleFont:"IBM Plex Sans"},"-apple-system","BlinkMacSystemFont","Segoe UI","Roboto","Oxygen-Sans","Ubuntu"]});t.themeQuartz=m();const f=()=>(0,r.createTheme)().withPart(i.buttonStyleAlpine).withPart(l.checkboxStyleDefault).withPart(s.colorSchemeVariable).withPart(g.iconSetAlpine).withPart(h.tabStyleAlpine).withPart(u.inputStyleBordered).withPart(d.columnDropStyleBordered).withParams({accentColor:"#2196f3",selectedRowBackgroundColor:(0,n.accentMix)(.3),inputFocusBorder:{color:(0,n.accentMix)(.4)},focusShadow:{radius:2,spread:1.6,color:(0,n.accentMix)(.4)},iconButtonHoverBackgroundColor:"transparent",iconButtonActiveBackgroundColor:"transparent",checkboxUncheckedBorderColor:(0,n.foregroundBackgroundMix)(.45),checkboxIndeterminateBackgroundColor:(0,n.foregroundBackgroundMix)(.45),checkboxIndeterminateBorderColor:(0,n.foregroundBackgroundMix)(.45),checkboxBorderWidth:2,checkboxBorderRadius:2,fontSize:13,dataFontSize:14,headerFontWeight:700,borderRadius:3,wrapperBorderRadius:3,tabSelectedUnderlineColor:n.accentColor,tabSelectedBorderWidth:0,tabSelectedUnderlineTransitionDuration:.3,sideButtonSelectedUnderlineColor:n.accentColor,sideButtonSelectedUnderlineWidth:2,sideButtonSelectedUnderlineTransitionDuration:.3,sideButtonBorder:!1,sideButtonSelectedBorder:!1,sideButtonBarTopPadding:{calc:"spacing * 3"},sideButtonSelectedBackgroundColor:"transparent",sideButtonHoverTextColor:n.accentColor,iconButtonHoverColor:n.accentColor,toggleButtonWidth:28,toggleButtonHeight:18,toggleButtonSwitchInset:1,toggleButtonOffBackgroundColor:(0,n.foregroundBackgroundMix)(.45),colorPickerThumbSize:13,colorPickerTrackSize:11,colorPickerThumbBorderWidth:2,colorPickerTrackBorderRadius:2,colorPickerColorBorderRadius:2});t.themeAlpine=f();const v=()=>(0,r.createTheme)().withPart(i.buttonStyleBalham).withPart(l.checkboxStyleDefault).withPart(s.colorSchemeVariable).withPart(c.iconSetBalham).withPart(h.tabStyleRolodex).withPart(u.inputStyleBordered).withPart(d.columnDropStylePlain).withParams({accentColor:"#0091ea",borderColor:(0,n.foregroundMix)(.2),spacing:4,widgetVerticalSpacing:{calc:"max(8px, spacing)"},borderRadius:2,wrapperBorderRadius:2,headerColumnResizeHandleColor:"transparent",headerColumnBorder:!0,headerColumnBorderHeight:"50%",oddRowBackgroundColor:{ref:"chromeBackgroundColor",mix:.5},checkboxBorderRadius:2,checkboxBorderWidth:1,checkboxUncheckedBackgroundColor:n.backgroundColor,checkboxUncheckedBorderColor:(0,n.foregroundBackgroundMix)(.5),checkboxCheckedBackgroundColor:n.backgroundColor,checkboxCheckedBorderColor:n.accentColor,checkboxCheckedShapeColor:n.accentColor,checkboxIndeterminateBackgroundColor:n.backgroundColor,checkboxIndeterminateBorderColor:(0,n.foregroundBackgroundMix)(.5),checkboxIndeterminateShapeColor:(0,n.foregroundBackgroundMix)(.5),focusShadow:{radius:2,spread:1,color:n.accentColor},headerTextColor:(0,n.foregroundMix)(.6),iconButtonHoverBackgroundColor:"transparent",iconButtonActiveBackgroundColor:"transparent",fontSize:12,tabSelectedBackgroundColor:n.backgroundColor,headerFontWeight:"bold",toggleButtonWidth:32,toggleButtonHeight:16,toggleButtonSwitchInset:1,toggleButtonOffBackgroundColor:(0,n.foregroundBackgroundMix)(.5),sideButtonBorder:!0,sideButtonBarTopPadding:{calc:"spacing * 4"},popupShadow:"5px 5px 10px rgba(0, 0, 0, 0.3)",statusBarLabelColor:(0,n.foregroundMix)(.54),statusBarLabelFontWeight:600,statusBarValueFontWeight:600,panelTitleBarIconColor:n.foregroundColor,colorPickerThumbSize:13,colorPickerTrackSize:11,colorPickerThumbBorderWidth:2,colorPickerTrackBorderRadius:2,colorPickerColorBorderRadius:2});t.themeBalham=v();t.styleMaterial=(()=>{const e={tabSelectedUnderlineColor:{ref:"primaryColor"},sideButtonSelectedUnderlineColor:{ref:"primaryColor"},buttonTextColor:{ref:"primaryColor"},rangeSelectionBackgroundColor:{ref:"primaryColor",mix:.2},rangeSelectionBorderColor:{ref:"primaryColor"},rangeSelectionHighlightColor:{ref:"primaryColor",mix:.5},rangeHeaderHighlightColor:{ref:"foregroundColor",mix:.08},rowNumbersSelectedColor:{ref:"primaryColor",mix:.5},inputFocusBorder:{width:2,color:{ref:"primaryColor"}},pickerButtonFocusBorder:{width:1,color:{ref:"primaryColor"}},cellEditingBorder:{color:{ref:"primaryColor"}},menuBackgroundColor:{ref:"backgroundColor"},sideButtonBarBackgroundColor:n.backgroundColor,sideButtonSelectedBackgroundColor:"transparent",sideButtonBarTopPadding:{calc:"spacing * 4"},headerColumnResizeHandleColor:"none",headerBackgroundColor:{ref:"backgroundColor"},rowHoverColor:(0,n.foregroundMix)(.08),columnHoverColor:(0,n.foregroundMix)(.08),headerCellHoverBackgroundColor:(0,n.foregroundMix)(.05),statusBarLabelColor:(0,n.foregroundMix)(.63),statusBarLabelFontWeight:600,statusBarValueFontWeight:600,valueChangeValueHighlightBackgroundColor:"#00acc1",panelTitleBarIconColor:n.foregroundColor,advancedFilterBuilderButtonBarBorder:!1,filterPanelApplyButtonColor:{ref:"buttonTextColor"},filterPanelApplyButtonBackgroundColor:{ref:"buttonBackgroundColor"},colorPickerThumbSize:13,colorPickerTrackSize:11,colorPickerThumbBorderWidth:2,colorPickerTrackBorderRadius:2,colorPickerColorBorderRadius:2},t={...e,primaryColor:"#3f51b5",foregroundColor:"#000D",headerTextColor:"#0008",accentColor:"#ff4081",checkboxUncheckedBorderColor:n.foregroundColor,checkboxIndeterminateBackgroundColor:n.foregroundColor,toggleButtonOffBackgroundColor:n.foregroundColor,selectedRowBackgroundColor:"rgba(33, 150, 243, 0.3)"},a={...e,primaryColor:"#3f51b5",foregroundColor:"#fffD",headerTextColor:"#fff8",accentColor:"#bb86fc",checkboxUncheckedBorderColor:(0,n.foregroundBackgroundMix)(.5),checkboxIndeterminateBackgroundColor:(0,n.foregroundBackgroundMix)(.5),toggleButtonOffBackgroundColor:(0,n.foregroundBackgroundMix)(.5),selectedRowBackgroundColor:"#bb86fc33"};return(0,o.createPart)({feature:"styleMaterial",css:p.materialAdjustmentsCSS,params:t,modeParams:{light:t,dark:a,"dark-blue":a}})})();const b=()=>(0,r.createTheme)().withPart(i.buttonStyleBase).withPart(l.checkboxStyleDefault).withPart(s.colorSchemeVariable).withPart(g.iconSetMaterial).withPart(h.tabStyleMaterial).withPart(u.inputStyleUnderlined).withPart(d.columnDropStylePlain).withPart(t.styleMaterial).withParams({rowHeight:{calc:"max(iconSize, dataFontSize) + spacing * 3.75 * rowVerticalPaddingScale"},headerHeight:{calc:"max(iconSize, dataFontSize) + spacing * 4.75 * headerVerticalPaddingScale"},widgetVerticalSpacing:{calc:"spacing * 1.75"},cellHorizontalPadding:{calc:"spacing * 3"},buttonHorizontalPadding:{ref:"spacing"},widgetContainerHorizontalPadding:{calc:"spacing * 1.5"},widgetContainerVerticalPadding:{calc:"spacing * 2"},fontSize:13,iconSize:18,borderRadius:0,wrapperBorderRadius:0,wrapperBorder:!1,menuBorder:!1,dialogBorder:!1,panelTitleBarBorder:!1,tabSelectedBorderWidth:0,tabSelectedUnderlineTransitionDuration:.3,sidePanelBorder:!1,sideButtonSelectedBorder:!1,sideButtonSelectedUnderlineWidth:2,sideButtonSelectedUnderlineTransitionDuration:.3,sideButtonBorder:!1,buttonBorder:!1,buttonDisabledBorder:!1,focusShadow:{spread:4,color:(0,n.foregroundMix)(.16)},fontFamily:[{googleFont:"Roboto"},"-apple-system","BlinkMacSystemFont","Segoe UI","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue","sans-serif"],inputHeight:{calc:"max(iconSize, fontSize) + spacing * 3"},pickerButtonBorder:{width:1,color:"transparent"},headerFontWeight:600,headerFontSize:{calc:"fontSize - 1px"},checkboxBorderWidth:2,checkboxBorderRadius:2,toggleButtonWidth:34,toggleButtonSwitchInset:1,cardShadow:"0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)",popupShadow:"5px 5px 10px rgba(0, 0, 0, 0.3)"});t.themeMaterial=b()},93386:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t._getShouldDisplayTooltip=t._isShowTooltipWhenTruncated=void 0;const o=a(1956);function n(e){return"whenTruncated"===e.get("tooltipShowMode")}t._isShowTooltipWhenTruncated=n,t._getShouldDisplayTooltip=function(e,t){return n(e)?(0,o._isElementOverflowingCallback)(t):void 0}},34658:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.TooltipModule=void 0;const o=a(56153),n=a(35654),r=a(42663),i=a(14336),l=a(97205),s=a(3137),d=a(37931),c=a(73430);t.TooltipModule={moduleName:"Tooltip",version:l.VERSION,beans:[d.TooltipService],dynamicBeans:{tooltipFeature:r.AgTooltipFeature,highlightTooltipFeature:o.AgHighlightTooltipFeature,tooltipStateManager:c.TooltipStateManager},userComponents:{agTooltipComponent:n.AgTooltipComponent},dependsOn:[s.PopupModule],css:[i.tooltipCSS]}},37931:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.TooltipService=void 0;const o=a(1956),n=a(89097),r=a(22989),i=a(68731),l=a(67274),s=a(93386),d=(e,t,a)=>{const{editModelSvc:o}=e,n=o?.getCellValidationModel()?.getCellValidation(t)?.errorMessages,r=o?.getRowValidationModel().getRowValidation(t)?.errorMessages,i=n||r;return i?.length?i.join(a("tooltipValidationErrorSeparator",". ")):void 0};class c extends i.BeanStub{constructor(){super(...arguments),this.beanName="tooltipSvc"}setupHeaderTooltip(e,t,a,n){e&&t.destroyBean(e);const r=this.gos,i=(0,s._isShowTooltipWhenTruncated)(r),{column:d,eGui:c}=t,g=d.getColDef();n||!i||g.headerComponent||(n=(0,o._isElementOverflowingCallback)(()=>c.querySelector(".ag-header-cell-text")));const u="header",h=this.beans.colNames.getDisplayNameForColumn(d,"header",!0),p=a??h,m={getGui:()=>c,getLocation:()=>u,getTooltipValue:()=>a??g?.headerTooltipValueGetter?.((0,l._addGridCommonParams)(r,{location:u,colDef:g,column:d,value:p,valueFormatted:h}))??g?.headerTooltip,shouldDisplayTooltip:n,getAdditionalParams:()=>({column:d,colDef:d.getColDef()})};let f=this.createTooltipFeature(m);return f&&(f=t.createBean(f),t.setRefreshFunction("tooltip",()=>f.refreshTooltip())),f}setupHeaderGroupTooltip(e,t,a,n){e&&t.destroyBean(e);const r=this.gos,i=(0,s._isShowTooltipWhenTruncated)(r),{column:d,eGui:c}=t,g=d.getColGroupDef();n||!i||g?.headerGroupComponent||(n=(0,o._isElementOverflowingCallback)(()=>c.querySelector(".ag-header-group-text")));const u="headerGroup",h=this.beans.colNames.getDisplayNameForColumnGroup(d,"header"),p=a??h,m={getGui:()=>c,getLocation:()=>u,getTooltipValue:()=>a??g?.headerTooltipValueGetter?.((0,l._addGridCommonParams)(r,{location:u,colDef:g,column:d,value:p,valueFormatted:h}))??g?.headerTooltip,shouldDisplayTooltip:n,getAdditionalParams:()=>{const e={column:d};return g&&(e.colDef=g),e}},f=this.createTooltipFeature(m);return f?t.createBean(f):f}enableCellTooltipFeature(e,t,a){const{beans:i}=this,{gos:c,editSvc:g}=i,{column:u,rowNode:h}=e;let p="cell";const m=(0,s._isShowTooltipWhenTruncated)(c);a||(a=m&&!e.isCellRenderer()?()=>{const t=!!g?.isEditing(e);if(!t&&d(i,e,this.getLocaleTextFunc()))return!0;if(!u.isTooltipEnabled())return!1;const a=(0,o._isElementOverflowingCallback)(()=>{const t=e.eGui;return 0===t.children.length?t:t.querySelector(".ag-cell-value")});return!t&&a()}:()=>!g?.isEditing(e));const f={getGui:()=>e.eGui,getLocation:()=>p,getTooltipValue:null!=t?()=>t:()=>{const t=!!!g?.isEditing(e)&&d(i,e,this.getLocaleTextFunc());if(t)return p="cellEditor",t;p="cell";const a=u.getColDef(),o=h.data;if(a.tooltipField&&(0,n._exists)(o))return(0,r._getValueUsingField)(o,a.tooltipField,u.isTooltipFieldContainsDots());const s=a.tooltipValueGetter;return s?s((0,l._addGridCommonParams)(c,{location:"cell",colDef:u.getColDef(),column:u,rowIndex:e.cellPosition.rowIndex,node:h,data:h.data,value:e.value,valueFormatted:e.valueFormatted})):null},shouldDisplayTooltip:a,getAdditionalParams:()=>({column:u,colDef:u.getColDef(),rowIndex:e.cellPosition.rowIndex,node:h,data:h.data,valueFormatted:e.valueFormatted})};return this.createTooltipFeature(f,i)}setupFullWidthRowTooltip(e,t,a,o){const n={getGui:()=>t.getFullWidthElement(),getTooltipValue:()=>a,getLocation:()=>"fullWidthRow",shouldDisplayTooltip:o},r=this.beans,i=r.context;e&&t.destroyBean(e,i);const l=this.createTooltipFeature(n,r);if(l)return t.createBean(l,i)}setupCellEditorTooltip(e,t){const{beans:a}=this,{context:o}=a,n=t.getValidationElement?.(!0)||!t.isPopup?.()&&e.eGui;if(!n)return;const r={getGui:()=>n,getTooltipValue:()=>d(a,e,this.getLocaleTextFunc()),getLocation:()=>"cellEditor",shouldDisplayTooltip:()=>{const{editModelSvc:e}=a,t=e?.getRowValidationModel()?.getRowValidationMap(),o=e?.getCellValidationModel()?.getCellValidationMap(),n=!!t&&t.size>0,r=!!o&&o.size>0;return n||r}},i=this.createTooltipFeature(r,a);return i?e.createBean(i,o):void 0}initCol(e){const{colDef:t}=e;e.tooltipEnabled=(0,n._exists)(t.tooltipField)||(0,n._exists)(t.tooltipValueGetter)||(0,n._exists)(t.tooltipComponent)}createTooltipFeature(e,t){return this.beans.registry.createDynamicBean("tooltipFeature",!1,e,t)}}t.TooltipService=c},73430:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.TooltipStateManager=void 0;const o=a(94750),n=a(12036);class r extends o.BaseTooltipStateManager{createTooltipComp(e,t){const a=(0,n._getTooltipCompDetails)(this.beans.userCompFactory,e);a?.newAgStackInstance().then(t)}setEventHandlers(e){[this.onColumnMovedEventCallback]=this.addManagedEventListeners({columnMoved:e})}clearEventHandlers(){this.onColumnMovedEventCallback?.(),this.onColumnMovedEventCallback=void 0}}t.TooltipStateManager=r},57113:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.UndoRedoService=void 0;const o=a(68731),n=a(6257),r=a(67274),i=a(92410);class l extends o.BeanStub{constructor(){super(...arguments),this.beanName="undoRedo",this.cellValueChanges=[],this.activeCellEdit=null,this.activeRowEdit=null,this.isPasting=!1,this.isRangeInAction=!1,this.batchEditing=!1,this.bulkEditing=!1,this.onCellValueChanged=e=>{const t={column:e.column,rowIndex:e.rowIndex,rowPinned:e.rowPinned},a=null!==this.activeCellEdit&&(0,n._areCellsEqual)(this.activeCellEdit,t),o=null!==this.activeRowEdit&&(0,n._isSameRow)(this.activeRowEdit,t);if(!(a||o||this.isPasting||this.isRangeInAction))return;const{rowPinned:r,rowIndex:i,column:l,oldValue:s,value:d}=e,c={rowPinned:r,rowIndex:i,columnId:l.getColId(),newValue:d,oldValue:s};this.cellValueChanges.push(c)},this.clearStacks=()=>{this.undoStack.clear(),this.redoStack.clear()}}postConstruct(){const{gos:e,ctrlsSvc:t}=this.beans;if(!e.get("undoRedoCellEditing"))return;const a=e.get("undoRedoCellEditingLimit");if(a<=0)return;this.undoStack=new i.UndoRedoStack(a),this.redoStack=new i.UndoRedoStack(a),this.addListeners();const o=this.clearStacks.bind(this);this.addManagedEventListeners({cellValueChanged:this.onCellValueChanged.bind(this),modelUpdated:e=>{e.keepUndoRedoStack||this.clearStacks()},columnPivotModeChanged:o,newColumnsLoaded:o,columnGroupOpened:o,columnRowGroupChanged:o,columnMoved:o,columnPinned:o,columnVisible:o,rowDragEnd:o}),t.whenReady(this,e=>{this.gridBodyCtrl=e.gridBodyCtrl})}getCurrentUndoStackSize(){return this.undoStack?.getCurrentStackSize()??0}getCurrentRedoStackSize(){return this.redoStack?.getCurrentStackSize()??0}undo(e){const{eventSvc:t,undoStack:a,redoStack:o}=this;t.dispatchEvent({type:"undoStarted",source:e});const n=this.undoRedo(a,o,"initialRange","oldValue","undo");t.dispatchEvent({type:"undoEnded",source:e,operationPerformed:n})}redo(e){const{eventSvc:t,undoStack:a,redoStack:o}=this;t.dispatchEvent({type:"redoStarted",source:e});const n=this.undoRedo(o,a,"finalRange","newValue","redo");t.dispatchEvent({type:"redoEnded",source:e,operationPerformed:n})}undoRedo(e,t,a,o,n){if(!e)return!1;const r=e.pop();return!!r?.cellValueChanges&&(this.processAction(r,e=>e[o],n),r instanceof i.RangeUndoRedoAction?this.processRange(r.ranges||[r[a]]):this.processCell(r.cellValueChanges),t.push(r),!0)}processAction(e,t,a){for(const o of e.cellValueChanges){const{rowIndex:e,rowPinned:r,columnId:i}=o,l={rowIndex:e,rowPinned:r},s=(0,n._getRowNode)(this.beans,l);s.displayed&&s.setDataValue(i,t(o),a)}}processRange(e){let t;const a=this.beans.rangeSvc;a.removeAllCellRanges(!0),e.forEach((o,n)=>{if(!o)return;const r=o.startRow,i=o.endRow;n===e.length-1&&(t={rowPinned:r.rowPinned,rowIndex:r.rowIndex,columnId:o.startColumn.getColId()},this.setLastFocusedCell(t));const l={rowStartIndex:r.rowIndex,rowStartPinned:r.rowPinned,rowEndIndex:i.rowIndex,rowEndPinned:i.rowPinned,columnStart:o.startColumn,columns:o.columns};a.addCellRange(l)})}processCell(e){const t=e[0],{rowIndex:a,rowPinned:o}=t,r={rowIndex:a,rowPinned:o},i=(0,n._getRowNode)(this.beans,r),l={rowPinned:t.rowPinned,rowIndex:i.rowIndex,columnId:t.columnId};this.setLastFocusedCell(l)}setLastFocusedCell(e){const{rowIndex:t,columnId:a,rowPinned:o}=e,{colModel:n,focusSvc:r,rangeSvc:i}=this.beans,l=n.getCol(a);if(!l)return;const{scrollFeature:s}=this.gridBodyCtrl;s.ensureIndexVisible(t),s.ensureColumnVisible(l);const d={rowIndex:t,column:l,rowPinned:o};r.setFocusedCell({...d,forceBrowserFocus:!0}),i?.setRangeToCell(d)}addListeners(){this.addManagedEventListeners({rowEditingStarted:e=>{this.activeRowEdit={rowIndex:e.rowIndex,rowPinned:e.rowPinned}},rowEditingStopped:()=>{const e=new i.UndoRedoAction(this.cellValueChanges);this.pushActionsToUndoStack(e),this.activeRowEdit=null},cellEditingStarted:e=>{this.activeCellEdit={column:e.column,rowIndex:e.rowIndex,rowPinned:e.rowPinned}},cellEditingStopped:e=>{this.activeCellEdit=null;if(e.valueChanged&&!this.activeRowEdit&&!this.isPasting&&!this.isRangeInAction){const e=new i.UndoRedoAction(this.cellValueChanges);this.pushActionsToUndoStack(e)}},pasteStart:()=>{this.isPasting=!0},pasteEnd:()=>{const e=new i.UndoRedoAction(this.cellValueChanges);this.pushActionsToUndoStack(e),this.isPasting=!1},fillStart:()=>{this.isRangeInAction=!0},fillEnd:e=>{const t=new i.RangeUndoRedoAction(this.cellValueChanges,e.initialRange,e.finalRange);this.pushActionsToUndoStack(t),this.isRangeInAction=!1},keyShortcutChangedCellStart:()=>{this.isRangeInAction=!0},keyShortcutChangedCellEnd:()=>{let e;const{rangeSvc:t,gos:a}=this.beans;e=t&&(0,r._isCellSelectionEnabled)(a)?new i.RangeUndoRedoAction(this.cellValueChanges,void 0,void 0,[...t.getCellRanges()]):new i.UndoRedoAction(this.cellValueChanges),this.pushActionsToUndoStack(e),this.isRangeInAction=!1},batchEditingStarted:()=>this.startBigChange("batchEditing"),batchEditingStopped:({changes:e})=>this.stopBigChange("batchEditing",e),bulkEditingStarted:()=>this.startBigChange("bulkEditing"),bulkEditingStopped:({changes:e})=>this.stopBigChange("bulkEditing",e)})}startBigChange(e){this.updateBigChange(e,!0)}updateBigChange(e,t){"bulkEditing"===e?this.bulkEditing=t:this.batchEditing=t}stopBigChange(e,t){if("bulkEditing"===e&&!this.bulkEditing||"batchEditing"===e&&!this.batchEditing)return;if(this.updateBigChange(e,!1),0===t?.length)return;const a=new i.UndoRedoAction(t??[]);this.pushActionsToUndoStack(a),this.cellValueChanges=[]}pushActionsToUndoStack(e){this.undoStack.push(e),this.cellValueChanges=[],this.redoStack.clear()}}t.UndoRedoService=l},92410:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.UndoRedoStack=t.RangeUndoRedoAction=t.UndoRedoAction=void 0;class a{constructor(e){this.cellValueChanges=e}}t.UndoRedoAction=a;t.RangeUndoRedoAction=class extends a{constructor(e,t,a,o){super(e),this.initialRange=t,this.finalRange=a,this.ranges=o}};t.UndoRedoStack=class{constructor(e){this.actionStack=[],this.maxStackSize=e||10,this.actionStack=new Array(this.maxStackSize)}pop(){return this.actionStack.pop()}push(e){e.cellValueChanges&&e.cellValueChanges.length>0&&(this.actionStack.length===this.maxStackSize&&this.actionStack.shift(),this.actionStack.push(e))}clear(){this.actionStack=[]}getCurrentStackSize(){return this.actionStack.length}}},76800:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.ChangedPath=void 0;t.ChangedPath=class{constructor(e,t){this.active=!0,this.nodeIdsToColumns={},this.mapToItems={},this.keepingColumns=e,this.pathRoot={rowNode:t,children:null},this.mapToItems[t.id]=this.pathRoot}depthFirstSearchChangedPath(e,t){const{rowNode:a,children:o}=e;if(o)for(let e=0;e<o.length;++e)this.depthFirstSearchChangedPath(o[e],t);t(a)}depthFirstSearchEverything(e,t,a){const o=e.childrenAfterGroup;if(o)for(let e=0,n=o.length;e<n;++e){const n=o[e];n.childrenAfterGroup?this.depthFirstSearchEverything(n,t,a):a&&t(n)}t(e)}forEachChangedNodeDepthFirst(e,t=!1,a=!1){this.active&&!a?this.depthFirstSearchChangedPath(this.pathRoot,e):this.depthFirstSearchEverything(this.pathRoot.rowNode,e,t)}executeFromRootNode(e){e(this.pathRoot.rowNode)}createPathItems(e){let t=e,a=0;for(;!this.mapToItems[t.id];){const e={rowNode:t,children:null};this.mapToItems[t.id]=e,a++,t=t.parent}return a}populateColumnsMap(e,t){if(!this.keepingColumns||!t)return;let a=e;for(;a;){this.nodeIdsToColumns[a.id]||(this.nodeIdsToColumns[a.id]={});for(const e of t)this.nodeIdsToColumns[a.id][e.getId()]=!0;a=a.parent}}linkPathItems(e,t){let a=e;for(let e=0;e<t;e++){const e=this.mapToItems[a.id],t=this.mapToItems[a.parent.id];t.children||(t.children=[]),t.children.push(e),a=a.parent}}addParentNode(e,t){if(!e||e.isRowPinned())return;const a=this.createPathItems(e);this.linkPathItems(e,a),this.populateColumnsMap(e,t)}canSkip(e){return this.active&&!this.mapToItems[e.id]}getValueColumnsForNode(e,t){if(!this.keepingColumns)return t;const a=this.nodeIdsToColumns[e.id];return t.filter(e=>a[e.getId()])}getNotValueColumnsForNode(e,t){if(!this.keepingColumns)return null;const a=this.nodeIdsToColumns[e.id];return t.filter(e=>!a[e.getId()])}}},73151:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t._createElement=void 0;const o=a(1956);t._createElement=function(e){return(0,o._createAgElement)(e)}},22731:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t._isStopPropagationForAgGrid=t._stopPropagationForAgGrid=void 0;const a="__ag_Grid_Stop_Propagation";t._stopPropagationForAgGrid=function(e){e[a]=!0},t._isStopPropagationForAgGrid=function(e){return!0===e[a]}},86675:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t._focusNextGridCoreContainer=t._isCellFocusSuppressed=t._isHeaderFocusSuppressed=t._focusGridInnerElement=t._addFocusableContainerListener=void 0;const o=a(59926),n=a(5088);function r(e,t,a=!1){const o=e.ctrlsSvc.get("gridCtrl");return!(a||!o.focusNextInnerContainer(t))||((a||!t&&!o.isDetailGrid())&&o.forceFocusOutOfContainer(t),!1)}t._addFocusableContainerListener=function(e,t,a){t.addManagedElementListeners(a,{keydown:t=>{if(!t.defaultPrevented&&t.key===o.KeyCode.TAB){const o=t.shiftKey;(0,n._findNextFocusableElement)(e,a,!1,o)||r(e,o)&&t.preventDefault()}}})},t._focusGridInnerElement=function(e,t){return e.ctrlsSvc.get("gridCtrl").focusInnerElement(t)},t._isHeaderFocusSuppressed=function(e){return e.gos.get("suppressHeaderFocus")||!!e.overlays?.isExclusive()},t._isCellFocusSuppressed=function(e){return e.gos.get("suppressCellFocus")||!!e.overlays?.isExclusive()},t._focusNextGridCoreContainer=r},59970:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t._createIconNoSpan=t._createIcon=void 0;const o=a(1956),n=a(47764),r=a(73151);function i(e,t,a){let i=null;"smallDown"===e?(0,n._warn)(262):"smallLeft"===e?(0,n._warn)(263):"smallRight"===e&&(0,n._warn)(264);const l=a?.getColDef().icons;if(l&&(i=l[e]),t.gos&&!i){const a=t.gos.get("icons");a&&(i=a[e])}if(i){let t;if("function"==typeof i)t=i();else{if("string"!=typeof i)return void(0,n._warn)(38,{iconName:e});t=i}return"string"==typeof t?(0,o._loadTemplate)(t):(0,o._isNodeOrElement)(t)?t:void(0,n._warn)(133,{iconName:e})}{const a=t.registry.getIcon(e);return a||t.validation?.validateIcon(e),(0,r._createElement)({tag:"span",cls:`ag-icon ag-icon-${a??e}`,role:"presentation",attrs:{unselectable:"on"}})}}t._createIcon=function(e,t,a){const o=i(e,t,a);if(o){const{className:e}=o;if("string"==typeof e&&e.includes("ag-icon")||"object"==typeof e&&e["ag-icon"])return o}const n=(0,r._createElement)({tag:"span"});return n.appendChild(o),n},t._createIconNoSpan=i},83552:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t._isUserSuppressingKeyboardEvent=void 0;const o=a(67274);t._isUserSuppressingKeyboardEvent=function(e,t,a,n,r){const i=n?n.getColDef().suppressKeyboardEvent:void 0;if(!i)return!1;const l=(0,o._addGridCommonParams)(e,{event:t,editing:r,column:n,node:a,data:a.data,colDef:n.getColDef()});if(i){if(i(l))return!0}return!1}},86597:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t._errorOnce=t._warnOnce=t._logIfDebug=void 0;const o=a(44990);t._logIfDebug=function(e,t,...a){e.get("debug")&&console.log("AG Grid: "+t,...a)},t._warnOnce=function(e,...t){(0,o._doOnce)(()=>console.warn("AG Grid: "+e,...t),e+t?.join(""))},t._errorOnce=function(e,...t){(0,o._doOnce)(()=>console.error("AG Grid: "+e,...t),e+t?.join(""))}},66021:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t._mergeDeep=t.SKIP_JS_BUILTINS=void 0;const o=a(89097);function n(e){return"object"==typeof e&&null!==e}t.SKIP_JS_BUILTINS=new Set(["__proto__","constructor","prototype"]),t._mergeDeep=function e(a,r,i=!0,l=!1){(0,o._exists)(r)&&function(e,a){if(null!=e)if(Array.isArray(e))for(let t=0;t<e.length;t++)a(t.toString(),e[t]);else for(const o of Object.keys(e).filter(e=>!t.SKIP_JS_BUILTINS.has(e)))a(o,e[o])}(r,(t,o)=>{let r=a[t];if(r!==o){if(l){if(null==r&&null!=o){"object"==typeof o&&o.constructor===Object&&(r={},a[t]=r)}}n(o)&&n(r)&&!Array.isArray(r)?e(r,o,i,l):(i||void 0!==o)&&(a[t]=o)}})}},27698:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t._formatNumberCommas=void 0,t._formatNumberCommas=function(e,t){if("number"!=typeof e)return"";const a=t(),o=a("thousandSeparator",","),n=a("decimalSeparator",".");return e.toString().replace(".",n).replace(/(\d)(?=(\d{3})+(?!\d))/g,`$1${o}`)}},24009:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t._selectAllCells=void 0,t._selectAllCells=function(e){const{pinnedRowModel:t,rowModel:a}=e,[o,n]=[t?.isEmpty("top")??!0,t?.isEmpty("bottom")??!0],r=o?null:"top";let i,l;n?(i=null,l=a.getRowCount()-1):(i="bottom",l=t?.getPinnedBottomRowCount()??-1);const{visibleCols:s,rangeSvc:d}=e,c=s.allCols;d&&c?.length&&d.setCellRange({rowStartIndex:0,rowStartPinned:r,rowEndIndex:l,rowEndPinned:i})}},8179:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.validateApiFunction=void 0;const o=a(86597),n="clientSide",r="serverSide",i="infinite",l={onGroupExpandedOrCollapsed:[n],refreshClientSideRowModel:[n],isRowDataEmpty:[n],forEachLeafNode:[n],forEachNodeAfterFilter:[n],forEachNodeAfterFilterAndSort:[n],resetRowHeights:[n,r],applyTransaction:[n],applyTransactionAsync:[n],flushAsyncTransactions:[n],getBestCostNodeSelection:[n],getServerSideSelectionState:[r],setServerSideSelectionState:[r],applyServerSideTransaction:[r],applyServerSideTransactionAsync:[r],applyServerSideRowData:[r],retryServerSideLoads:[r],flushServerSideAsyncTransactions:[r],refreshServerSide:[r],getServerSideGroupLevelState:[r],refreshInfiniteCache:[i],purgeInfiniteCache:[i],getInfiniteRowCount:[i],isLastRowIndexKnown:[i,r],expandAll:[n,r],collapseAll:[n,r],onRowHeightChanged:[n,r],setRowCount:[i,r],getCacheBlockState:[i,r]},s={showLoadingOverlay:{version:"v32",message:'`showLoadingOverlay` is deprecated. Use the grid option "loading"=true instead or setGridOption("loading", true).'},clearRangeSelection:{version:"v32.2",message:"Use `clearCellSelection` instead."},getInfiniteRowCount:{version:"v32.2",old:"getInfiniteRowCount()",new:"getDisplayedRowCount()"},selectAllFiltered:{version:"v33",old:"selectAllFiltered()",new:'selectAll("filtered")'},deselectAllFiltered:{version:"v33",old:"deselectAllFiltered()",new:'deselectAll("filtered")'},selectAllOnCurrentPage:{version:"v33",old:"selectAllOnCurrentPage()",new:'selectAll("currentPage")'},deselectAllOnCurrentPage:{version:"v33",old:"deselectAllOnCurrentPage()",new:'deselectAll("currentPage")'}};t.validateApiFunction=function(e,t,a){const n=s[e];if(n){const{version:a,new:r,old:i,message:l}=n,s=i??e;return(...e)=>{const n=r?`Please use ${r} instead. `:"";return(0,o._warnOnce)(`Since ${a} api.${s} is deprecated. ${n}${l??""}`),t.apply(t,e)}}const r=l[e];return r?(...n)=>{const i=a.rowModel.getType();if(r.includes(i))return t.apply(t,n);(0,o._errorOnce)(`api.${e} can only be called when gridOptions.rowModelType is ${r.join(" or ")}`)}:t}},28732:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.ENTERPRISE_MODULE_NAMES=void 0,t.ENTERPRISE_MODULE_NAMES={AdvancedFilter:1,AiToolkit:1,AllEnterprise:1,BatchEdit:1,CellSelection:1,Clipboard:1,ColumnMenu:1,ColumnsToolPanel:1,ContextMenu:1,ExcelExport:1,FiltersToolPanel:1,Find:1,GridCharts:1,IntegratedCharts:1,GroupFilter:1,MasterDetail:1,Menu:1,MultiFilter:1,NewFiltersToolPanel:1,Pivot:1,RangeSelection:1,RichSelect:1,RowNumbers:1,RowGrouping:1,RowGroupingPanel:1,ServerSideRowModelApi:1,ServerSideRowModel:1,SetFilter:1,SideBar:1,Sparklines:1,StatusBar:1,TreeData:1,ViewportRowModel:1}},15205:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.getError=t.AG_GRID_ERRORS=t.missingRowModelTypeError=t.NoModulesRegisteredError=void 0;const o=a(85591),n=a(28732),r=a(47764),i=a(80342),l=a(51389);t.NoModulesRegisteredError=()=>"No AG Grid modules are registered! It is recommended to start with all Community features via the AllCommunityModule:\n                    \n    import { ModuleRegistry, AllCommunityModule } from 'ag-grid-community';\n    \n    ModuleRegistry.registerModules([ AllCommunityModule ]);\n    ";function s(e,t=!1){return!t||"IntegratedCharts"!==e&&"Sparklines"!==e?`${e}Module`:`${e}Module.with(AgChartsEnterpriseModule)`}function d({moduleName:e,rowModelType:t}){return`To use the ${e}Module you must set the gridOption "rowModelType='${t}'"`}t.missingRowModelTypeError=d;const c=({reasonOrId:e,moduleName:t,gridScoped:a,gridId:o,rowModelType:l,additionalText:d,isUmd:c})=>{const g=(0,i.resolveModuleNames)(t,l),h="string"==typeof e?e:u[e];if(c)return function(e,t){const a=t.filter(e=>"IntegratedCharts"===e||"Sparklines"===e);let o="";const r=globalThis?.agCharts;return!r&&a.length>0?o=`Unable to use ${e} as either the ag-charts-community or ag-charts-enterprise script needs to be included alongside ag-grid-enterprise.\n`:t.some(e=>n.ENTERPRISE_MODULE_NAMES[e])&&(o+=`Unable to use ${e} as that requires the ag-grid-enterprise script to be included.\n`),o}(h,g);const p=g.filter(e=>"IntegratedCharts"===e||"Sparklines"===e),m=p.length>0?`${p.map(e=>s(e)).join()} must be initialised with an AG Charts module. One of 'AgChartsCommunityModule' / 'AgChartsEnterpriseModule'.`:"";return`${`Unable to use ${h} as ${g.length>1?"one of "+g.map(e=>s(e)).join(", "):s(g[0])} is not registered${a?" for gridId: "+o:""}. ${m} Check if you have registered the module:\n`}\n${(e=>{const t=e.map(e=>`import { ${s(e)} } from '${n.ENTERPRISE_MODULE_NAMES[e]?"ag-grid-enterprise":"ag-grid-community"}';`);if(e.some(e=>"IntegratedCharts"===e||"Sparklines"===e)){const e="import { AgChartsEnterpriseModule } from 'ag-charts-enterprise';";t.push(e)}return`import { ModuleRegistry } from 'ag-grid-community'; \n${t.join(" \n")} \n\nModuleRegistry.registerModules([ ${e.map(e=>s(e,!0)).join(", ")} ]); \n\nFor more info see: ${r.baseDocLink}/modules/`})(g)}`+(d?` \n\n${d}`:"")},g=e=>`${e} must be initialised with an AG Charts module. One of 'AgChartsCommunityModule' / 'AgChartsEnterpriseModule'.\n\nimport { AgChartsEnterpriseModule } from 'ag-charts-enterprise';\nimport { ModuleRegistry } from 'ag-grid-community';\nimport { ${e} } from 'ag-grid-enterprise';\n    \nModuleRegistry.registerModules([${e}.with(AgChartsEnterpriseModule)]);\n    `;t.AG_GRID_ERRORS={1:()=>"`rowData` must be an array",2:({nodeId:e})=>`Duplicate node id '${e}' detected from getRowId callback, this could cause issues in your grid.`,3:()=>"Calling gridApi.resetRowHeights() makes no sense when using Auto Row Height.",4:({id:e})=>`Could not find row id=${e}, data item was not found for this id`,5:({data:e})=>["Could not find data item as object was not found.",e," Consider using getRowId to help the Grid find matching row data"],6:()=>"'groupHideOpenParents' only works when specifying specific columns for 'colDef.showRowGroup'",7:()=>"Pivoting is not supported with aligned grids as it may produce different columns in each grid.",8:({key:e})=>`Unknown key for navigation ${e}`,9:({variable:e})=>`No value for ${e?.cssName}. This usually means that the grid has been initialised before styles have been loaded. The default value of ${e?.defaultValue} will be used and updated when styles load.`,10:({eventType:e})=>`As of v33, the '${e}' event is deprecated. Use the global 'modelUpdated' event to determine when row children have changed.`,11:()=>"No gridOptions provided to createGrid",12:({colKey:e})=>["column ",e," not found"],13:()=>"Could not find rowIndex, this means tasks are being executed on a rowNode that has been removed from the grid.",14:({groupPrefix:e})=>`Row IDs cannot start with ${e}, this is a reserved prefix for AG Grid's row grouping feature.`,15:({expression:e})=>["value should be either a string or a function",e],16:({expression:e,params:t,e:a})=>["Processing of the expression failed","Expression = ",e,"Params = ",t,"Exception = ",a],17:()=>"you need either field or valueSetter set on colDef for editing to work",18:()=>"alignedGrids contains an undefined option.",19:()=>"alignedGrids - No api found on the linked grid.",20:()=>'You may want to configure via a callback to avoid setup race conditions:\n                     "alignedGrids: () => [linkedGrid]"',21:()=>"pivoting is not supported with aligned grids. You can only use one of these features at a time in a grid.",22:({key:e})=>`${e} is an initial property and cannot be updated.`,23:()=>"The return of `getRowHeight` cannot be zero. If the intention is to hide rows, use a filter instead.",24:()=>"row height must be a number if not using standard row model",25:({id:e})=>["The getRowId callback must return a string. The ID ",e," is being cast to a string."],26:({fnName:e,preDestroyLink:t})=>`Grid API function ${e}() cannot be called as the grid has been destroyed.\n Either clear local references to the grid api, when it is destroyed, or check gridApi.isDestroyed() to avoid calling methods against a destroyed grid.\n To run logic when the grid is about to be destroyed use the gridPreDestroy event. See: ${t}`,27:({fnName:e,module:t})=>`API function '${e}' not registered to module '${t}'`,28:()=>"setRowCount cannot be used while using row grouping.",29:()=>"tried to call sizeColumnsToFit() but the grid is coming back with zero width, maybe the grid is not visible yet on the screen?",30:({toIndex:e})=>["tried to insert columns in invalid location, toIndex = ",e,"remember that you should not count the moving columns when calculating the new index"],31:()=>"infinite loop in resizeColumnSets",32:()=>"applyColumnState() - the state attribute should be an array, however an array was not found. Please provide an array of items (one for each col you want to change) for state.",33:()=>"stateItem.aggFunc must be a string. if using your own aggregation functions, register the functions first before using them in get/set state. This is because it is intended for the column state to be stored and retrieved as simple JSON.",34:({key:e})=>`the column type '${e}' is a default column type and cannot be overridden.`,35:()=>"Column type definitions 'columnTypes' with a 'type' attribute are not supported because a column type cannot refer to another column type. Only column definitions 'columnDefs' can use the 'type' attribute to refer to a column type.",36:({t:e})=>"colDef.type '"+e+"' does not correspond to defined gridOptions.columnTypes",37:()=>"Changing the column pinning status is not allowed with domLayout='print'",38:({iconName:e})=>`provided icon '${e}' needs to be a string or a function`,39:()=>"Applying column order broke a group where columns should be married together. Applying new order has been discarded.",40:({e:e,method:t})=>`${e}\n${(e=>`AG Grid: Unable to use the Clipboard API (navigator.clipboard.${e}()). The reason why it could not be used has been logged in the previous line. For this reason the grid has defaulted to using a workaround which doesn't perform as well. Either fix why Clipboard API is blocked, OR stop this message from appearing by setting grid property suppressClipboardApi=true (which will default the grid to using the workaround rather than the API.`)(t)}`,41:()=>"Browser did not allow document.execCommand('copy'). Ensure 'api.copySelectedRowsToClipboard() is invoked via a user event, i.e. button click, otherwise the browser will prevent it for security reasons.",42:()=>"Browser does not support document.execCommand('copy') for clipboard operations",43:({iconName:e})=>`As of v33, icon '${e}' is deprecated. Use the icon CSS name instead.`,44:()=>'Data type definition hierarchies (via the "extendsDataType" property) cannot contain circular references.',45:({parentCellDataType:e})=>`The data type definition ${e} does not exist.`,46:()=>'The "baseDataType" property of a data type definition must match that of its parent.',47:({cellDataType:e})=>`Missing data type definition - "${e}"`,48:({property:e})=>`Cell data type is "object" but no Value ${e} has been provided. Please either provide an object data type definition with a Value ${e}, or set "colDef.value${e}"`,49:({methodName:e})=>`Framework component is missing the method ${e}()`,50:({compName:e})=>`Could not find component ${e}, did you forget to configure this component?`,51:()=>"Export cancelled. Export is not allowed as per your configuration.",52:()=>"There is no `window` associated with the current `document`",53:()=>"unknown value type during csv conversion",54:()=>"Could not find document body, it is needed for drag and drop and context menu.",55:()=>"addRowDropZone - A container target needs to be provided",56:()=>"addRowDropZone - target already exists in the list of DropZones. Use `removeRowDropZone` before adding it again.",57:()=>"unable to show popup filter, filter instantiation failed",58:()=>"no values found for select cellEditor",59:()=>"cannot select pinned rows",60:()=>"cannot select node until it has finished loading",61:()=>"since version v32.2.0, rowNode.isFullWidthCell() has been deprecated. Instead check `rowNode.detail` followed by the user provided `isFullWidthRow` grid option.",62:({colId:e})=>`setFilterModel() - no column found for colId: ${e}`,63:({colId:e})=>`setFilterModel() - unable to fully apply model, filtering disabled for colId: ${e}`,64:({colId:e})=>`setFilterModel() - unable to fully apply model, unable to create filter for colId: ${e}`,65:()=>"filter missing setModel method, which is needed for setFilterModel",66:()=>"filter API missing getModel method, which is needed for getFilterModel",67:()=>"Filter is missing isFilterActive() method",68:()=>"Column Filter API methods have been disabled as Advanced Filters are enabled.",69:({guiFromFilter:e})=>`getGui method from filter returned ${e}; it should be a DOM element.`,70:({newFilter:e})=>"Grid option quickFilterText only supports string inputs, received: "+typeof e,71:()=>"debounceMs is ignored when apply button is present",72:({keys:e})=>["ignoring FilterOptionDef as it doesn't contain one of ",e],73:()=>"invalid FilterOptionDef supplied as it doesn't contain a 'displayKey'",74:()=>"no filter options for filter",75:()=>"Unknown button type specified",76:({filterModelType:e})=>['Unexpected type of filter "',e,'", it looks like the filter was configured with incorrect Filter Options'],77:()=>"Filter model is missing 'conditions'",78:()=>'Filter Model contains more conditions than "filterParams.maxNumConditions". Additional conditions have been ignored.',79:()=>'"filterParams.maxNumConditions" must be greater than or equal to zero.',80:()=>'"filterParams.numAlwaysVisibleConditions" must be greater than or equal to zero.',81:()=>'"filterParams.numAlwaysVisibleConditions" cannot be greater than "filterParams.maxNumConditions".',82:({param:e})=>`DateFilter ${e} is not a number`,83:()=>"DateFilter minValidYear should be <= maxValidYear",84:()=>"DateFilter minValidDate should be <= maxValidDate",85:()=>"DateFilter should not have both minValidDate and minValidYear parameters set at the same time! minValidYear will be ignored.",86:()=>"DateFilter should not have both maxValidDate and maxValidYear parameters set at the same time! maxValidYear will be ignored.",87:()=>"DateFilter parameter minValidDate should always be lower than or equal to parameter maxValidDate.",88:({index:e})=>`Invalid row index for ensureIndexVisible: ${e}`,89:()=>"A template was provided for Header Group Comp - templates are only supported for Header Comps (not groups)",90:()=>"datasource is missing getRows method",91:()=>"Filter is missing method doesFilterPass",92:()=>"AnimationFrameService called but animation frames are off",93:()=>"cannot add multiple ranges when `cellSelection.suppressMultiRanges = true`",94:({paginationPageSizeOption:e,pageSizeSet:t,pageSizesSet:a,pageSizeOptions:o})=>`'paginationPageSize=${e}'${t?"":" (default value)"}, but ${e} is not included in${a?"":" the default"} paginationPageSizeSelector=[${o?.join(", ")}].`,95:({paginationPageSizeOption:e,paginationPageSizeSelector:t})=>`Either set '${t}' to an array that includes ${e} or to 'false' to disable the page size selector.`,96:({id:e,data:t})=>["Duplicate ID",e,"found for pinned row with data",t,"When `getRowId` is defined, it must return unique IDs for all pinned rows. Use the `rowPinned` parameter."],97:({colId:e})=>`cellEditor for column ${e} is missing getGui() method`,98:()=>"popup cellEditor does not work with fullRowEdit - you cannot use them both - either turn off fullRowEdit, or stop using popup editors.",99:()=>"Since v32, `api.hideOverlay()` does not hide the loading overlay when `loading=true`. Set `loading=false` instead.",101:({propertyName:e,componentName:t,agGridDefaults:a,jsComps:n})=>{const r=[],i=[...Object.keys(a??[]).filter(e=>!["agCellEditor","agGroupRowRenderer","agSortIndicator"].includes(e)),...Object.keys(n??[]).filter(e=>!!n[e])],l=(0,o._fuzzySuggestions)({inputValue:t,allSuggestions:i,hideIrrelevant:!0,filterByPercentageOfBestMatch:.8}).values;return r.push(`Could not find '${t}' component. It was configured as "${e}: '${t}'" but it wasn't found in the list of registered components.\n`),l.length>0&&r.push(`         Did you mean: [${l.slice(0,3)}]?\n`),r.push("If using a custom component check it has been registered correctly."),r},102:()=>"selectAll: 'filtered' only works when gridOptions.rowModelType='clientSide'",103:()=>"Invalid selection state. When using client-side row model, the state must conform to `string[]`.",104:({value:e,param:t})=>`Numeric value ${e} passed to ${t} param will be interpreted as ${e} seconds. If this is intentional use "${e}s" to silence this warning.`,105:({e:e})=>["chart rendering failed",e],106:()=>`Theming API and Legacy Themes are both used in the same page. A Theming API theme has been provided to the 'theme' grid option, but the file (ag-grid.css) is also included and will cause styling issues. Remove ag-grid.css from the page. See the migration guide: ${r.baseDocLink}/theming-migration/`,107:({key:e,value:t})=>`Invalid value for theme param ${e} - ${t}`,108:({e:e})=>["chart update failed",e],109:({inputValue:e,allSuggestions:t})=>{const a=(0,o._fuzzySuggestions)({inputValue:e,allSuggestions:t,hideIrrelevant:!0,filterByPercentageOfBestMatch:.8}).values;return[`Could not find '${e}' aggregate function. It was configured as "aggFunc: '${e}'" but it wasn't found in the list of registered aggregations.`,a.length>0?`         Did you mean: [${a.slice(0,3)}]?`:"","If using a custom aggregation function check it has been registered correctly."].join("\n")},110:()=>"groupHideOpenParents only works when specifying specific columns for colDef.showRowGroup",111:()=>"Invalid selection state. When `groupSelects` is enabled, the state must conform to `IServerSideGroupSelectionState`.",113:()=>"Set Filter cannot initialise because you are using a row model that does not contain all rows in the browser. Either use a different filter type, or configure Set Filter such that you provide it with values",114:({component:e})=>`Could not find component with name of ${e}. Is it in Vue.components?`,116:()=>"Invalid selection state. The state must conform to `IServerSideSelectionState`.",117:()=>"selectAll must be of boolean type.",118:()=>"Infinite scrolling must be enabled in order to set the row count.",119:()=>"Unable to instantiate filter",120:()=>"MultiFloatingFilterComp expects MultiFilter as its parent",121:()=>"a column you are grouping or pivoting by has objects as values. If you want to group by complex objects then either a) use a colDef.keyCreator (see AG Grid docs) or b) to toString() on the object to return a key",122:()=>"could not find the document, document is empty",123:()=>"Advanced Filter is only supported with the Client-Side Row Model or Server-Side Row Model.",124:()=>"No active charts to update.",125:({chartId:e})=>`Unable to update chart. No active chart found with ID: ${e}.`,126:()=>"unable to restore chart as no chart model is provided",127:({allRange:e})=>`unable to create chart as ${e?"there are no columns in the grid":"no range is selected"}.`,128:({feature:e})=>`${e} is only available if using 'multiRow' selection mode.`,129:({feature:e,rowModel:t})=>`${e} is only available if using 'clientSide' or 'serverSide' rowModelType, you are using ${t}.`,130:()=>'cannot multi select unless selection mode is "multiRow"',132:()=>"Row selection features are not available unless `rowSelection` is enabled.",133:({iconName:e})=>`icon '${e}' function should return back a string or a dom object`,134:({iconName:e})=>`Did not find icon '${e}'`,135:()=>"Data type of the new value does not match the cell data type of the column",136:()=>"Unable to update chart as the 'type' is missing. It must be either 'rangeChartUpdate', 'pivotChartUpdate', or 'crossFilterChartUpdate'.",137:({type:e,currentChartType:t})=>`Unable to update chart as a '${e}' update type is not permitted on a ${t}.`,138:({chartType:e})=>`invalid chart type supplied: ${e}`,139:({customThemeName:e})=>`a custom chart theme with the name ${e} has been supplied but not added to the 'chartThemes' list`,140:({name:e})=>`no stock theme exists with the name '${e}' and no custom chart theme with that name was supplied to 'customChartThemes'`,141:()=>"cross filtering with row grouping is not supported.",142:()=>"cross filtering is only supported in the client side row model.",143:({panel:e})=>`'${e}' is not a valid Chart Tool Panel name`,144:({type:e})=>`Invalid charts data panel group name supplied: '${e}'`,145:({group:e})=>`As of v32, only one charts customize panel group can be expanded at a time. '${e}' will not be expanded.`,146:({comp:e})=>`Unable to instantiate component '${e}' as its module hasn't been loaded. Add 'ValidationModule' to see which module is required.`,147:({group:e})=>`Invalid charts customize panel group name supplied: '${e}'`,148:({group:e})=>`invalid chartGroupsDef config '${e}'`,149:({group:e,chartType:t})=>`invalid chartGroupsDef config '${e}.${t}'`,150:()=>"'seriesChartTypes' are required when the 'customCombo' chart type is specified.",151:({chartType:e})=>`invalid chartType '${e}' supplied in 'seriesChartTypes', converting to 'line' instead.`,152:({colId:e})=>`no 'seriesChartType' found for colId = '${e}', defaulting to 'line'.`,153:({chartDataType:e})=>`unexpected chartDataType value '${e}' supplied, instead use 'category', 'series' or 'excluded'`,154:({colId:e})=>`cross filtering requires a 'agSetColumnFilter' or 'agMultiColumnFilter' to be defined on the column with id: ${e}`,155:({option:e})=>`'${e}' is not a valid Chart Toolbar Option`,156:({panel:e})=>`Invalid panel in chartToolPanelsDef.panels: '${e}'`,157:({unrecognisedGroupIds:e})=>["unable to find group(s) for supplied groupIds:",e],158:()=>"can not expand a column item that does not represent a column group header",159:()=>"Invalid params supplied to createExcelFileForExcel() - `ExcelExportParams.data` is empty.",160:()=>"Export cancelled. Export is not allowed as per your configuration.",161:()=>"The Excel Exporter is currently on Multi Sheet mode. End that operation by calling 'api.getMultipleSheetAsExcel()' or 'api.exportMultipleSheetsAsExcel()'",162:({id:e,dataType:t})=>`Unrecognized data type for excel export [${e}.dataType=${t}]`,163:({featureName:e})=>`Excel table export does not work with ${e}. The exported Excel file will not contain any Excel tables.\n Please turn off ${e} to enable Excel table exports.`,164:()=>"Unable to add data table to Excel sheet: A table already exists.",165:()=>"Unable to add data table to Excel sheet: Missing required parameters.",166:({unrecognisedGroupIds:e})=>["unable to find groups for these supplied groupIds:",e],167:({unrecognisedColIds:e})=>["unable to find columns for these supplied colIds:",e],168:()=>"detailCellRendererParams.template should be function or string",169:()=>'Reference to eDetailGrid was missing from the details template. Please add data-ref="eDetailGrid" to the template.',170:({providedStrategy:e})=>`invalid cellRendererParams.refreshStrategy = ${e} supplied, defaulting to refreshStrategy = 'rows'.`,171:()=>"could not find detail grid options for master detail, please set gridOptions.detailCellRendererParams.detailGridOptions",172:()=>"could not find getDetailRowData for master / detail, please set gridOptions.detailCellRendererParams.getDetailRowData",173:({group:e})=>`invalid chartGroupsDef config '${e}'`,174:({group:e,chartType:t})=>`invalid chartGroupsDef config '${e}.${t}'`,175:({menuTabName:e,itemsToConsider:t})=>[`Trying to render an invalid menu item '${e}'. Check that your 'menuTabs' contains one of `,t],176:({key:e})=>`unknown menu item type ${e}`,177:()=>"valid values for cellSelection.handle.direction are 'x', 'y' and 'xy'. Default to 'xy'.",178:({colId:e})=>`column ${e} is not visible`,179:()=>"totalValueGetter should be either a function or a string (expression)",180:()=>"agRichSelectCellEditor requires cellEditorParams.values to be set",181:()=>"agRichSelectCellEditor cannot have `multiSelect` and `allowTyping` set to `true`. AllowTyping has been turned off.",182:()=>'you cannot mix groupDisplayType = "multipleColumns" with treeData, only one column can be used to display groups when doing tree data',183:()=>"Group Column Filter only works on group columns. Please use a different filter.",184:({parentGroupData:e,childNodeData:t})=>["duplicate group keys for row data, keys should be unique",[e,t]],185:({data:e})=>["getDataPath() should not return an empty path",[e]],186:({rowId:e,rowData:t,duplicateRowsData:a})=>["duplicate group keys for row data, keys should be unique",e,t,...a??[]],187:({rowId:e,firstData:t,secondData:a})=>[`Duplicate node id ${e}. Row IDs are provided via the getRowId() callback. Please modify the getRowId() callback code to provide unique row id values.`,"first instance",t,"second instance",a],188:e=>`getRowId callback must be provided for Server Side Row Model ${e?.feature||"selection"} to work correctly.`,189:({startRow:e})=>`invalid value ${e} for startRow, the value should be >= 0`,190:({rowGroupId:e,data:t})=>["null and undefined values are not allowed for server side row model keys",e?`column = ${e}`:"","data is ",t],194:({method:e})=>`calling gridApi.${e}() is only possible when using rowModelType=\`clientSide\`.`,195:({justCurrentPage:e})=>`selecting just ${e?"current page":"filtered"} only works when gridOptions.rowModelType='clientSide'`,196:({key:e})=>`Provided ids must be of string type. Invalid id provided: ${e}`,197:()=>"`toggledNodes` must be an array of string ids.",199:()=>"getSelectedNodes and getSelectedRows functions cannot be used with select all functionality with the server-side row model. Use `api.getServerSideSelectionState()` instead.",200:c,201:({rowModelType:e})=>`Could not find row model for rowModelType = ${e}`,202:()=>"`getSelectedNodes` and `getSelectedRows` functions cannot be used with `groupSelectsChildren` and the server-side row model. Use `api.getServerSideSelectionState()` instead.",203:()=>"Server Side Row Model does not support Dynamic Row Height and Cache Purging. Either a) remove getRowHeight() callback or b) remove maxBlocksInCache property. Purging has been disabled.",204:()=>"Server Side Row Model does not support Auto Row Height and Cache Purging. Either a) remove colDef.autoHeight or b) remove maxBlocksInCache property. Purging has been disabled.",205:({duplicateIdText:e})=>`Unable to display rows as duplicate row ids (${e}) were returned by the getRowId callback. Please modify the getRowId callback to provide unique ids.`,206:()=>"getRowId callback must be implemented for transactions to work. Transaction was ignored.",207:()=>'The Set Filter Parameter "defaultToNothingSelected" value was ignored because it does not work when "excelMode" is used.',208:()=>"Set Filter Value Formatter must return string values. Please ensure the Set Filter Value Formatter returns string values for complex objects.",209:()=>`Set Filter Key Creator is returning null for provided values and provided values are primitives. Please provide complex objects. See ${r.baseDocLink}/filter-set-filter-list/#filter-value-types`,210:()=>"Set Filter has a Key Creator, but provided values are primitives. Did you mean to provide complex objects?",211:()=>"property treeList=true for Set Filter params, but you did not provide a treeListPathGetter or values of type Date.",212:()=>"please review all your toolPanel components, it seems like at least one of them doesn't have an id",213:()=>"Advanced Filter does not work with Filters Tool Panel. Filters Tool Panel has been disabled.",214:({key:e})=>`unable to lookup Tool Panel as invalid key supplied: ${e}`,215:({key:e,defaultByKey:t})=>`the key ${e} is not a valid key for specifying a tool panel, valid keys are: ${Object.keys(t??{}).join(",")}`,216:({name:e})=>`Missing component for '${e}'`,217:({invalidColIds:e})=>["unable to find grid columns for the supplied colDef(s):",e],218:({property:e,defaultOffset:t})=>`${e} must be a number, the value you provided is not a valid number. Using the default of ${t}px.`,219:({property:e})=>`Property ${e} does not exist on the target object.`,220:({lineDash:e})=>`'${e}' is not a valid 'lineDash' option.`,221:()=>"agAggregationComponent should only be used with the client and server side row model.",222:()=>"agFilteredRowCountComponent should only be used with the client side row model.",223:()=>"agSelectedRowCountComponent should only be used with the client and server side row model.",224:()=>"agTotalAndFilteredRowCountComponent should only be used with the client side row model.",225:()=>"agTotalRowCountComponent should only be used with the client side row model.",226:()=>"viewport is missing init method.",227:()=>"menu item icon must be DOM node or string",228:({menuItemOrString:e})=>`unrecognised menu item ${e}`,229:({index:e})=>["invalid row index for ensureIndexVisible: ",e],230:()=>"detailCellRendererParams.template is not supported by AG Grid React. To change the template, provide a Custom Detail Cell Renderer. See https://www.ag-grid.com/react-data-grid/master-detail-custom-detail/",231:()=>"As of v32, using custom components with `reactiveCustomComponents = false` is deprecated.",232:()=>"Using both rowData and v-model. rowData will be ignored.",233:({methodName:e})=>`Framework component is missing the method ${e}()`,234:()=>'Group Column Filter does not work with the colDef property "field". This property will be ignored.',235:()=>'Group Column Filter does not work with the colDef property "filterValueGetter". This property will be ignored.',236:()=>'Group Column Filter does not work with the colDef property "filterParams". This property will be ignored.',237:()=>"Group Column Filter does not work with Tree Data enabled. Please disable Tree Data, or use a different filter.",238:()=>"setRowCount can only accept a positive row count.",239:()=>'Theming API and CSS File Themes are both used in the same page. In v33 we released the Theming API as the new default method of styling the grid. See the migration docs https://www.ag-grid.com/react-data-grid/theming-migration/. Because no value was provided to the `theme` grid option it defaulted to themeQuartz. But the file (ag-grid.css) is also included and will cause styling issues. Either pass the string "legacy" to the theme grid option to use v32 style themes, or remove ag-grid.css from the page to use Theming API.',240:({theme:e})=>`theme grid option must be a Theming API theme object or the string "legacy", received: ${e}`,243:()=>"Failed to deserialize state - each provided state object must be an object.",244:()=>"Failed to deserialize state - `selectAllChildren` must be a boolean value or undefined.",245:()=>"Failed to deserialize state - `toggledNodes` must be an array.",246:()=>"Failed to deserialize state - Every `toggledNode` requires an associated string id.",247:()=>"Row selection state could not be parsed due to invalid data. Ensure all child state has toggledNodes or does not conform with the parent rule. \nPlease rebuild the selection state and reapply it.",248:()=>"SetFloatingFilter expects SetFilter as its parent",249:()=>"Must supply a Value Formatter in Set Filter params when using a Key Creator",250:()=>"Must supply a Key Creator in Set Filter params when `treeList = true` on a group column, and Tree Data or Row Grouping is enabled.",251:({chartType:e})=>`AG Grid: Unable to create chart as an invalid chartType = '${e}' was supplied.`,252:()=>"cannot get grid to draw rows when it is in the middle of drawing rows. \nYour code probably called a grid API method while the grid was in the render stage. \nTo overcome this, put the API call into a timeout, e.g. instead of api.redrawRows(), call setTimeout(function() { api.redrawRows(); }, 0). \nTo see what part of your code that caused the refresh check this stacktrace.",253:({version:e})=>["Illegal version string: ",e],254:()=>"Cannot create chart: no chart themes available.",255:({point:e})=>`Lone surrogate U+${e?.toString(16).toUpperCase()} is not a scalar value`,256:()=>"Unable to initialise. See validation error, or load ValidationModule if missing.",257:()=>g("IntegratedChartsModule"),258:()=>g("SparklinesModule"),259:({part:e})=>`the argument to theme.withPart must be a Theming API part object, received: ${e}`,260:({propName:e,compName:t,gridScoped:a,gridId:o,rowModelType:n})=>c({reasonOrId:`AG Grid '${e}' component: ${t}`,moduleName:l.USER_COMP_MODULES[t],gridId:o,gridScoped:a,rowModelType:n}),261:()=>"As of v33, `column.isHovered()` is deprecated. Use `api.isColumnHovered(column)` instead.",262:()=>'As of v33, icon key "smallDown" is deprecated. Use "advancedFilterBuilderSelect" for Advanced Filter Builder dropdown, "selectOpen" for Select cell editor and dropdowns (e.g. Integrated Charts menu), "richSelectOpen" for Rich Select cell editor.',263:()=>'As of v33, icon key "smallLeft" is deprecated. Use "panelDelimiterRtl" for Row Group Panel / Pivot Panel, "subMenuOpenRtl" for sub-menus.',264:()=>'As of v33, icon key "smallRight" is deprecated. Use "panelDelimiter" for Row Group Panel / Pivot Panel, "subMenuOpen" for sub-menus.',265:({colId:e})=>`Unable to infer chart data type for column '${e}' if first data entry is null. Please specify "chartDataType", or a "cellDataType" in the column definition. For more information, see ${r.baseDocLink}/integrated-charts-range-chart#coldefchartdatatype .`,266:()=>'As of v33.1, using "keyCreator" with the Rich Select Editor has been deprecated. It now requires the "formatValue" callback to convert complex data to strings.',267:()=>"Detail grids can not use a different theme to the master grid, the `theme` detail grid option will be ignored.",268:()=>"Transactions aren't supported with tree data when using treeDataChildrenField",269:()=>"When `masterSelects: 'detail'`, detail grids must be configured with multi-row selection",270:({id:e,parentId:t})=>`Cycle detected for row with id='${e}' and parent id='${t}'. Resetting the parent for row with id='${e}' and showing it as a root-level node.`,271:({id:e,parentId:t})=>`Parent row not found for row with id='${e}' and parent id='${t}'. Showing row with id='${e}' as a root-level node.`,272:()=>(0,t.NoModulesRegisteredError)(),273:({providedId:e,usedId:t})=>`Provided column id '${e}' was already in use, ensure all column and group ids are unique. Using '${t}' instead.`,274:({prop:e})=>{let t=`Since v33, ${e} has been deprecated.`;switch(e){case"maxComponentCreationTimeMs":t+=" This property is no longer required and so will be removed in a future version.";break;case"setGridApi":t+=" This method is not called by AG Grid. To access the GridApi see: https://ag-grid.com/react-data-grid/grid-interface/#grid-api ";break;case"children":t+=" For multiple versions AgGridReact does not support children."}return t},275:d,276:()=>"Row Numbers Row Resizer cannot be used when Grid Columns have `autoHeight` enabled.",277:({colId:e})=>`'enableFilterHandlers' is set to true, but column '${e}' does not have 'filter.doesFilterPass' or 'filter.handler' set.`,278:({colId:e})=>`Unable to create filter handler for column '${e}'`,279:e=>{},280:({colId:e})=>`'name' must be provided for custom filter components for column '${e}`,281:({colId:e})=>`Filter for column '${e}' does not have 'filterParams.buttons', but the new Filters Tool Panel has buttons configured. Either configure buttons for the filter, or disable buttons on the Filters Tool Panel.`,282:()=>"New filter tool panel requires `enableFilterHandlers: true`.",283:()=>"As of v34, use the same method on the filter handler (`api.getColumnFilterHandler(colKey)`) instead.",284:()=>"As of v34, filters are active when they have a model. Use `api.getColumnFilterModel()` instead.",285:()=>"As of v34, use (`api.getColumnFilterModel()`) instead.",286:()=>"As of v34, use (`api.setColumnFilterModel()`) instead.",287:()=>"`api.doFilterAction()` requires `enableFilterHandlers = true",288:()=>"`api.getColumnFilterModel(key, true)` requires `enableFilterHandlers = true",289:({rowModelType:e})=>`Row Model '${e}' is not supported with Batch Editing`,290:({rowIndex:e,rowPinned:t})=>`Row with index '${e}' and pinned state '${t}' not found`,291:()=>"License Key being set multiple times with different values. This can result in an incorrect license key being used,",292:({colId:e})=>`The Multi Filter for column '${e}' has buttons configured against the child filters. When 'enableFilterHandlers=true', buttons must instead be provided against the parent Multi Filter params. The child filter buttons will be ignored.`},t.getError=function(e,a){const o=t.AG_GRID_ERRORS[e];if(!o)return[`Missing error text for error id ${e}!`];const n=o(a),i=`\nSee ${(0,r.getErrorLink)(e,a)}`;return Array.isArray(n)?n.concat(i):[n,i]};const u={1:"Charting Aggregation",2:"pivotResultFields",3:"setTooltip"}},47764:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t._preInitErrMsg=t._errMsg=t._logPreInitWarn=t._logPreInitErr=t._error=t._warn=t.getErrorLink=t.toStringWithNullUndefined=t.setValidationDocLink=t.provideValidationServiceLogger=t.baseDocLink=void 0;const o=a(83263),n=a(2132),r=a(86597),i=a(97205),l="_version_";let s=null;function d(e,t,a){return s?.(e,t)??[p(e,t,a)]}function c(e,t,a,o,n){e(`${o?"warning":"error"} #${t}`,...d(t,a,n))}function g(e){let t=e;return e instanceof Error?t=e.toString():"object"==typeof e&&(t=function(e){if(!e)return String(e);const t={};for(const a of Object.keys(e))"object"!=typeof e[a]&&"function"!=typeof e[a]&&(t[a]=e[a]);return JSON.stringify(t)}(e)),t}function u(e,t){return`${e}?${t.toString()}`}function h(e,a){const o=new URLSearchParams;if(o.append(l,i.VERSION),a)for(const e of Object.keys(a))o.append(e,g(a[e]));const n=`${t.baseDocLink}/errors/${e}`,r=u(n,o);return r.length<=2e3?r:function(e,t,a){const o=Array.from(t.entries()).sort((e,t)=>t[1].length-e[1].length);let n=u(e,t);for(const[r,i]of o){if(r===l)continue;const o=n.length-a;if(o<=0)break;const s="...",d=o+s.length,c=i.length-d>100?i.slice(0,i.length-d)+s:i.slice(0,100)+s;t.set(r,c),n=u(e,t)}return n}(n,o,2e3)}t.baseDocLink=`${o.BASE_URL}/javascript-data-grid`,t.provideValidationServiceLogger=function(e){s=e},t.setValidationDocLink=function(e){t.baseDocLink=e},t.toStringWithNullUndefined=function(e){return void 0===e?"undefined":null===e?"null":e},t.getErrorLink=h;const p=(e,t,a)=>{const o=`${a?a+" \n":""}Visit ${h(e,t)}`;return(0,n._isUmd)()?o:`${o}${a?"":" \n  Alternatively register the ValidationModule to see the full message in the console."}`};function m(e,t){const a=t[0];return`error #${a} `+d(a,t[1],e).join(" ")}t._warn=function(...e){c(r._warnOnce,e[0],e[1],!0)},t._error=function(...e){c(r._errorOnce,e[0],e[1],!1)},t._logPreInitErr=function(e,t,a){c(r._errorOnce,e,t,!1,a)},t._logPreInitWarn=function(e,t,a){c(r._warnOnce,e,t,!0,a)},t._errMsg=function(...e){return m(void 0,e)},t._preInitErrMsg=function(...e){return m("\n",e)}},80342:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.resolveModuleNames=void 0;const a=["TextFilter","NumberFilter","DateFilter","SetFilter","MultiFilter","GroupFilter","CustomFilter"],o={EditCore:["TextEditor","NumberEditor","DateEditor","CheckboxEditor","LargeTextEditor","SelectEditor","RichSelect","CustomEditor"],CheckboxCellRenderer:["AllCommunity"],ClientSideRowModelHierarchy:["RowGrouping","Pivot","TreeData"],ColumnFilter:a,ColumnGroupHeaderComp:["AllCommunity"],ColumnGroup:["AllCommunity"],ColumnHeaderComp:["AllCommunity"],ColumnMove:["AllCommunity"],ColumnResize:["AllCommunity"],CommunityCore:["AllCommunity"],CsrmSsrmSharedApi:["ClientSideRowModelApi","ServerSideRowModelApi"],RowModelSharedApi:["ClientSideRowModelApi","ServerSideRowModelApi"],EnterpriseCore:["AllEnterprise"],FilterCore:[...a,"QuickFilter","ExternalFilter","AdvancedFilter"],GroupCellRenderer:["RowGrouping","Pivot","TreeData","MasterDetail","ServerSideRowModel"],KeyboardNavigation:["AllCommunity"],LoadingCellRenderer:["ServerSideRowModel"],MenuCore:["ColumnMenu","ContextMenu"],MenuItem:["ColumnMenu","ContextMenu","MultiFilter","IntegratedCharts","ColumnsToolPanel"],Overlay:["AllCommunity"],PinnedColumn:["AllCommunity"],SharedAggregation:["RowGrouping","Pivot","TreeData","ServerSideRowModel"],SharedDragAndDrop:["AllCommunity"],SharedMasterDetail:["MasterDetail","ServerSideRowModel"],SharedMenu:[...a,"ColumnMenu","ContextMenu"],SharedPivot:["Pivot","ServerSideRowModel"],SharedRowGrouping:["RowGrouping","ServerSideRowModel"],SharedRowSelection:["RowSelection","ServerSideRowModel"],SkeletonCellRenderer:["ServerSideRowModel"],Sort:["AllCommunity"],SsrmInfiniteSharedApi:["InfiniteRowModel","ServerSideRowModelApi"],SharedTreeData:["TreeData","ServerSideRowModel"]},n={InfiniteRowModel:"infinite",ClientSideRowModelApi:"clientSide",ClientSideRowModel:"clientSide",ServerSideRowModelApi:"serverSide",ServerSideRowModel:"serverSide",ViewportRowModel:"viewport"};t.resolveModuleNames=function(e,t){const a=[];for(const r of Array.isArray(e)?e:[e]){const e=o[r];if(e)for(const o of e){const e=n[o];e&&e!==t||a.push(o)}else a.push(r)}return a}},34842:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.COL_DEF_VALIDATORS=t.COLUMN_DEFINITION_MOD_VALIDATIONS=void 0;const o=a(48125),n=a(47764),r=a(51389);function i(e){return`"${e}"`}t.COLUMN_DEFINITION_MOD_VALIDATIONS={aggFunc:"SharedAggregation",autoHeight:"RowAutoHeight",cellClass:"CellStyle",cellClassRules:"CellStyle",cellEditor:({cellEditor:e,editable:t})=>t?"string"==typeof e?r.USER_COMP_MODULES[e]??"CustomEditor":"CustomEditor":null,cellRenderer:({cellRenderer:e})=>"string"!=typeof e?null:r.USER_COMP_MODULES[e],cellStyle:"CellStyle",columnChooserParams:"ColumnMenu",contextMenuItems:"ContextMenu",dndSource:"DragAndDrop",dndSourceOnRowDrag:"DragAndDrop",editable:({editable:e,cellEditor:t})=>e&&!t?"TextEditor":null,enableCellChangeFlash:"HighlightChanges",enablePivot:"SharedPivot",enableRowGroup:"SharedRowGrouping",enableValue:"SharedAggregation",filter:({filter:e})=>e&&"string"!=typeof e&&"boolean"!=typeof e?"CustomFilter":"string"==typeof e?r.USER_COMP_MODULES[e]??"ColumnFilter":"ColumnFilter",floatingFilter:"ColumnFilter",getQuickFilterText:"QuickFilter",headerTooltip:"Tooltip",headerTooltipValueGetter:"Tooltip",mainMenuItems:"ColumnMenu",menuTabs:e=>{const t=["columnsMenuTab","generalMenuTab"];return e.menuTabs?.some(e=>t.includes(e))?"ColumnMenu":null},pivot:"SharedPivot",pivotIndex:"SharedPivot",rowDrag:"RowDrag",rowGroup:"SharedRowGrouping",rowGroupIndex:"SharedRowGrouping",tooltipField:"Tooltip",tooltipValueGetter:"Tooltip",tooltipComponentSelector:"Tooltip",spanRows:"CellSpan",groupHierarchy:"SharedRowGrouping"};const l={headerName:void 0,columnGroupShow:void 0,headerStyle:void 0,headerClass:void 0,toolPanelClass:void 0,headerValueGetter:void 0,pivotKeys:void 0,groupId:void 0,colId:void 0,sort:void 0,initialSort:void 0,field:void 0,type:void 0,cellDataType:void 0,tooltipComponent:void 0,tooltipField:void 0,headerTooltip:void 0,headerTooltipValueGetter:void 0,cellClass:void 0,showRowGroup:void 0,filter:void 0,initialAggFunc:void 0,defaultAggFunc:void 0,aggFunc:void 0,pinned:void 0,initialPinned:void 0,chartDataType:void 0,cellAriaRole:void 0,cellEditorPopupPosition:void 0,headerGroupComponent:void 0,headerGroupComponentParams:void 0,cellStyle:void 0,cellRenderer:void 0,cellRendererParams:void 0,cellEditor:void 0,cellEditorParams:void 0,filterParams:void 0,pivotValueColumn:void 0,headerComponent:void 0,headerComponentParams:void 0,floatingFilterComponent:void 0,floatingFilterComponentParams:void 0,tooltipComponentParams:void 0,refData:void 0,columnChooserParams:void 0,children:void 0,sortingOrder:void 0,allowedAggFuncs:void 0,menuTabs:void 0,pivotTotalColumnIds:void 0,cellClassRules:void 0,icons:void 0,sortIndex:void 0,initialSortIndex:void 0,flex:void 0,initialFlex:void 0,width:void 0,initialWidth:void 0,minWidth:void 0,maxWidth:void 0,rowGroupIndex:void 0,initialRowGroupIndex:void 0,pivotIndex:void 0,initialPivotIndex:void 0,suppressColumnsToolPanel:void 0,suppressFiltersToolPanel:void 0,openByDefault:void 0,marryChildren:void 0,suppressStickyLabel:void 0,hide:void 0,initialHide:void 0,rowGroup:void 0,initialRowGroup:void 0,pivot:void 0,initialPivot:void 0,checkboxSelection:void 0,showDisabledCheckboxes:void 0,headerCheckboxSelection:void 0,headerCheckboxSelectionFilteredOnly:void 0,headerCheckboxSelectionCurrentPageOnly:void 0,suppressHeaderMenuButton:void 0,suppressMovable:void 0,lockPosition:void 0,lockVisible:void 0,lockPinned:void 0,unSortIcon:void 0,suppressSizeToFit:void 0,suppressAutoSize:void 0,enableRowGroup:void 0,enablePivot:void 0,enableValue:void 0,editable:void 0,suppressPaste:void 0,suppressNavigable:void 0,enableCellChangeFlash:void 0,rowDrag:void 0,dndSource:void 0,autoHeight:void 0,wrapText:void 0,sortable:void 0,resizable:void 0,singleClickEdit:void 0,floatingFilter:void 0,cellEditorPopup:void 0,suppressFillHandle:void 0,wrapHeaderText:void 0,autoHeaderHeight:void 0,dndSourceOnRowDrag:void 0,valueGetter:void 0,valueSetter:void 0,filterValueGetter:void 0,keyCreator:void 0,valueFormatter:void 0,valueParser:void 0,comparator:void 0,equals:void 0,pivotComparator:void 0,suppressKeyboardEvent:void 0,suppressHeaderKeyboardEvent:void 0,colSpan:void 0,rowSpan:void 0,spanRows:void 0,getQuickFilterText:void 0,onCellValueChanged:void 0,onCellClicked:void 0,onCellDoubleClicked:void 0,onCellContextMenu:void 0,rowDragText:void 0,tooltipValueGetter:void 0,tooltipComponentSelector:void 0,cellRendererSelector:void 0,cellEditorSelector:void 0,suppressSpanHeaderHeight:void 0,useValueFormatterForExport:void 0,useValueParserForImport:void 0,mainMenuItems:void 0,contextMenuItems:void 0,suppressFloatingFilterButton:void 0,suppressHeaderFilterButton:void 0,suppressHeaderContextMenu:void 0,loadingCellRenderer:void 0,loadingCellRendererParams:void 0,loadingCellRendererSelector:void 0,context:void 0,dateComponent:void 0,dateComponentParams:void 0,getFindText:void 0,rowGroupingHierarchy:void 0,groupHierarchy:void 0};t.COL_DEF_VALIDATORS=()=>({objectName:"colDef",allProperties:Object.keys(l),docsUrl:"column-properties/",deprecations:{checkboxSelection:{version:"32.2",message:"Use `rowSelection.checkboxes` in `GridOptions` instead."},headerCheckboxSelection:{version:"32.2",message:"Use `rowSelection.headerCheckbox = true` in `GridOptions` instead."},headerCheckboxSelectionFilteredOnly:{version:"32.2",message:'Use `rowSelection.selectAll = "filtered"` in `GridOptions` instead.'},headerCheckboxSelectionCurrentPageOnly:{version:"32.2",message:'Use `rowSelection.selectAll = "currentPage"` in `GridOptions` instead.'},showDisabledCheckboxes:{version:"32.2",message:"Use `rowSelection.hideDisabledCheckboxes = true` in `GridOptions` instead."},rowGroupingHierarchy:{version:"34.3",message:"Use `colDef.groupHierarchy` instead."}},validations:{autoHeight:{supportedRowModels:["clientSide","serverSide"],validate:(e,{paginationAutoPageSize:t})=>t?"colDef.autoHeight is not supported with paginationAutoPageSize.":null},cellRendererParams:{validate:e=>null==e.rowGroup&&null==e.rowGroupIndex&&"agGroupCellRenderer"!==e.cellRenderer||!("checkbox"in e.cellRendererParams)?null:'Since v33.0, `cellRendererParams.checkbox` has been deprecated. Use `rowSelection.checkboxLocation = "autoGroupColumn"` instead.'},flex:{validate:(e,t)=>t.autoSizeStrategy?"colDef.flex is not supported with gridOptions.autoSizeStrategy":null},headerCheckboxSelection:{supportedRowModels:["clientSide","serverSide"],validate:(e,{rowSelection:t})=>"multiple"===t?null:"headerCheckboxSelection is only supported with rowSelection=multiple"},headerCheckboxSelectionCurrentPageOnly:{supportedRowModels:["clientSide"],validate:(e,{rowSelection:t})=>"multiple"===t?null:"headerCheckboxSelectionCurrentPageOnly is only supported with rowSelection=multiple"},headerCheckboxSelectionFilteredOnly:{supportedRowModels:["clientSide"],validate:(e,{rowSelection:t})=>"multiple"===t?null:"headerCheckboxSelectionFilteredOnly is only supported with rowSelection=multiple"},headerValueGetter:{validate:e=>{const t=e.headerValueGetter;return"function"==typeof t||"string"==typeof t?null:"headerValueGetter must be a function or a valid string expression"}},icons:{validate:({icons:e})=>{if(e){if(e.smallDown)return(0,n._errMsg)(262);if(e.smallLeft)return(0,n._errMsg)(263);if(e.smallRight)return(0,n._errMsg)(264)}return null}},sortingOrder:{validate:e=>{const t=e.sortingOrder;if(Array.isArray(t)&&t.length>0){const e=t.filter(e=>!o.DEFAULT_SORTING_ORDER.includes(e));if(e.length>0)return`sortingOrder must be an array with elements from [${o.DEFAULT_SORTING_ORDER.map(n.toStringWithNullUndefined).join()}], currently it includes [${e.map(n.toStringWithNullUndefined).join()}]`}else if(!Array.isArray(t)||t.length<=0)return`sortingOrder must be an array with at least one element, currently it's ${t}`;return null}},type:{validate:e=>{const t=e.type;return t instanceof Array?t.some(e=>"string"!=typeof e)?"if colDef.type is supplied an array it should be of type 'string[]'":null:"string"==typeof t?null:"colDef.type should be of type 'string' | 'string[]'"}},rowSpan:{validate:(e,{suppressRowTransform:t})=>t?null:"colDef.rowSpan requires suppressRowTransform to be enabled."},spanRows:{dependencies:{editable:{required:[!1,void 0]},rowDrag:{required:[!1,void 0]},colSpan:{required:[void 0]},rowSpan:{required:[void 0]}},validate:(e,{rowSelection:t,cellSelection:a,suppressRowTransform:o,enableCellSpan:n,rowDragEntireRow:r,enableCellTextSelection:i})=>"object"==typeof t&&"singleRow"===t?.mode&&t?.enableClickSelection?"colDef.spanRows is not supported with rowSelection.clickSelection":a?"colDef.spanRows is not supported with cellSelection.":o?"colDef.spanRows is not supported with suppressRowTransform.":n?r?"colDef.spanRows is not supported with rowDragEntireRow.":i?"colDef.spanRows is not supported with enableCellTextSelection.":null:"colDef.spanRows requires enableCellSpan to be enabled."},groupHierarchy:{validate(e,{groupHierarchyConfig:t={}},a){const o=new Set(["year","quarter","month","formattedMonth","day","hour","minute","second"]),n=[];for(const r of e.groupHierarchy??[])"object"!=typeof r?o.has(r)||r in t||n.push(i(r)):a.validation?.validateColDef(r);return n.length>0?`The following parts of colDef.groupHierarchy are not recognised: ${n.join(", ")}.\nChoose one of ${[...o].map(i).join(", ")}, or define your own parts in gridOptions.groupHierarchyConfig.`:null}}}})},3368:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.DYNAMIC_BEAN_MODULES=void 0,t.DYNAMIC_BEAN_MODULES={detailCellRendererCtrl:"SharedMasterDetail",dndSourceComp:"DragAndDrop",fillHandle:"CellSelection",groupCellRendererCtrl:"GroupCellRenderer",headerFilterCellCtrl:"ColumnFilter",headerGroupCellCtrl:"ColumnGroup",rangeHandle:"CellSelection",tooltipFeature:"Tooltip",highlightTooltipFeature:"Tooltip",tooltipStateManager:"Tooltip",groupStrategy:"RowGrouping",treeGroupStrategy:"TreeData",rowNumberRowResizer:"RowNumbers",singleCell:"EditCore",fullRow:"EditCore",agSetColumnFilterHandler:"SetFilter",agMultiColumnFilterHandler:"MultiFilter",agGroupColumnFilterHandler:"GroupFilter",agNumberColumnFilterHandler:"NumberFilter",agDateColumnFilterHandler:"DateFilter",agTextColumnFilterHandler:"TextFilter"}},50711:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.GRID_OPTIONS_VALIDATORS=t.GRID_OPTIONS_MODULES=void 0;const o=a(40920),n=a(8829),r=a(48125),i=a(66021),l=a(47764);function s(e,t,a){return"number"==typeof t||null==t?null==t||t>=a?null:`${e}: value should be greater than or equal to ${a}`:`${e}: value should be a number`}t.GRID_OPTIONS_MODULES={alignedGrids:"AlignedGrids",allowContextMenuWithControlKey:"ContextMenu",autoSizeStrategy:"ColumnAutoSize",cellSelection:"CellSelection",columnHoverHighlight:"ColumnHover",datasource:"InfiniteRowModel",doesExternalFilterPass:"ExternalFilter",editType:"EditCore",invalidEditValueMode:"EditCore",enableAdvancedFilter:"AdvancedFilter",enableCellSpan:"CellSpan",enableCharts:"IntegratedCharts",enableRangeSelection:"CellSelection",enableRowPinning:"PinnedRow",findSearchValue:"Find",getFullRowEditValidationErrors:"EditCore",getContextMenuItems:"ContextMenu",getLocaleText:"Locale",getMainMenuItems:"ColumnMenu",getRowClass:"RowStyle",getRowStyle:"RowStyle",groupTotalRow:"SharedRowGrouping",grandTotalRow:"ClientSideRowModelHierarchy",initialState:"GridState",isExternalFilterPresent:"ExternalFilter",isRowPinnable:"PinnedRow",isRowPinned:"PinnedRow",localeText:"Locale",masterDetail:"SharedMasterDetail",pagination:"Pagination",pinnedBottomRowData:"PinnedRow",pinnedTopRowData:"PinnedRow",pivotMode:"SharedPivot",pivotPanelShow:"RowGroupingPanel",quickFilterText:"QuickFilter",rowClass:"RowStyle",rowClassRules:"RowStyle",rowData:"ClientSideRowModel",rowDragManaged:"RowDrag",rowGroupPanelShow:"RowGroupingPanel",rowNumbers:"RowNumbers",rowSelection:"SharedRowSelection",rowStyle:"RowStyle",serverSideDatasource:"ServerSideRowModel",sideBar:"SideBar",statusBar:"StatusBar",treeData:"SharedTreeData",undoRedoCellEditing:"UndoRedoEdit",valueCache:"ValueCache",viewportDatasource:"ViewportRowModel"};const d=()=>{const e={autoSizePadding:{validate({autoSizePadding:e}){return s("autoSizePadding",e,0)}},cacheBlockSize:{supportedRowModels:["serverSide","infinite"],validate({cacheBlockSize:e}){return s("cacheBlockSize",e,1)}},cacheOverflowSize:{validate({cacheOverflowSize:e}){return s("cacheOverflowSize",e,1)}},datasource:{supportedRowModels:["infinite"]},domLayout:{validate:e=>{const t=e.domLayout,a=["autoHeight","normal","print"];return t&&!a.includes(t)?`domLayout must be one of [${a.join()}], currently it's ${t}`:null}},enableFillHandle:{dependencies:{enableRangeSelection:{required:[!0]}}},enableRangeHandle:{dependencies:{enableRangeSelection:{required:[!0]}}},enableRangeSelection:{dependencies:{rowDragEntireRow:{required:[!1,void 0]}}},enableRowPinning:{supportedRowModels:["clientSide"],validate({enableRowPinning:e,pinnedTopRowData:t,pinnedBottomRowData:a}){return e&&(t||a)?"Manual row pinning cannot be used together with pinned row data. Either set `enableRowPinning` to `false`, or remove `pinnedTopRowData` and `pinnedBottomRowData`.":null}},isRowPinnable:{supportedRowModels:["clientSide"],validate({enableRowPinning:e,isRowPinnable:t,pinnedTopRowData:a,pinnedBottomRowData:o}){return t&&(a||o)?"Manual row pinning cannot be used together with pinned row data. Either remove `isRowPinnable`, or remove `pinnedTopRowData` and `pinnedBottomRowData`.":!e&&t?"`isRowPinnable` requires `enableRowPinning` to be set.":null}},isRowPinned:{supportedRowModels:["clientSide"],validate({enableRowPinning:e,isRowPinned:t,pinnedTopRowData:a,pinnedBottomRowData:o}){return t&&(a||o)?"Manual row pinning cannot be used together with pinned row data. Either remove `isRowPinned`, or remove `pinnedTopRowData` and `pinnedBottomRowData`.":!e&&t?"`isRowPinned` requires `enableRowPinning` to be set.":null}},groupDefaultExpanded:{supportedRowModels:["clientSide"]},groupHideOpenParents:{supportedRowModels:["clientSide","serverSide"],dependencies:{groupTotalRow:{required:[void 0,"bottom"]},treeData:{required:[void 0,!1],reason:"Tree Data has values at the group level so it doesn't make sense to hide them."}}},groupHideParentOfSingleChild:{dependencies:{groupHideOpenParents:{required:[void 0,!1]}}},groupRemoveLowestSingleChildren:{dependencies:{groupHideOpenParents:{required:[void 0,!1]},groupRemoveSingleChildren:{required:[void 0,!1]}}},groupRemoveSingleChildren:{dependencies:{groupHideOpenParents:{required:[void 0,!1]},groupRemoveLowestSingleChildren:{required:[void 0,!1]}}},groupSelectsChildren:{dependencies:{rowSelection:{required:["multiple"]}}},groupHierarchyConfig:{validate({groupHierarchyConfig:e={}},t,a){for(const t of Object.keys(e))a.validation?.validateColDef(e[t]);return null}},icons:{validate:({icons:e})=>{if(e){if(e.smallDown)return(0,l._errMsg)(262);if(e.smallLeft)return(0,l._errMsg)(263);if(e.smallRight)return(0,l._errMsg)(264)}return null}},infiniteInitialRowCount:{validate({infiniteInitialRowCount:e}){return s("infiniteInitialRowCount",e,1)}},initialGroupOrderComparator:{supportedRowModels:["clientSide"]},ssrmExpandAllAffectsAllRows:{validate:e=>{if("boolean"==typeof e.ssrmExpandAllAffectsAllRows){if("serverSide"!==e.rowModelType)return"'ssrmExpandAllAffectsAllRows' is only supported with the Server Side Row Model.";if(e.ssrmExpandAllAffectsAllRows&&"function"!=typeof e.getRowId)return"'getRowId' callback must be provided for Server Side Row Model grouping to work correctly."}return null}},keepDetailRowsCount:{validate({keepDetailRowsCount:e}){return s("keepDetailRowsCount",e,1)}},paginationPageSize:{validate({paginationPageSize:e}){return s("paginationPageSize",e,1)}},paginationPageSizeSelector:{validate:e=>{const t=e.paginationPageSizeSelector;return"boolean"==typeof t||null==t||t.length?null:"'paginationPageSizeSelector' cannot be an empty array.\n                    If you want to hide the page size selector, set paginationPageSizeSelector to false."}},pivotMode:{dependencies:{treeData:{required:[!1,void 0],reason:"Pivot Mode is not supported with Tree Data."}}},quickFilterText:{supportedRowModels:["clientSide"]},rowBuffer:{validate({rowBuffer:e}){return s("rowBuffer",e,0)}},rowClass:{validate:e=>"function"==typeof e.rowClass?"rowClass should not be a function, please use getRowClass instead":null},rowData:{supportedRowModels:["clientSide"]},rowDragManaged:{supportedRowModels:["clientSide"],dependencies:{pagination:{required:[!1,void 0]}}},rowSelection:{validate({rowSelection:e}){return e&&"string"==typeof e?'As of version 32.2.1, using `rowSelection` with the values "single" or "multiple" has been deprecated. Use the object value instead.':e&&"object"!=typeof e?"Expected `RowSelectionOptions` object for the `rowSelection` property.":e&&"multiRow"!==e.mode&&"singleRow"!==e.mode?`Selection mode "${e.mode}" is invalid. Use one of 'singleRow' or 'multiRow'.`:null}},rowStyle:{validate:e=>{const t=e.rowStyle;return t&&"function"==typeof t?"rowStyle should be an object of key/value styles, not be a function, use getRowStyle() instead":null}},serverSideDatasource:{supportedRowModels:["serverSide"]},serverSideInitialRowCount:{supportedRowModels:["serverSide"],validate({serverSideInitialRowCount:e}){return s("serverSideInitialRowCount",e,1)}},serverSideOnlyRefreshFilteredGroups:{supportedRowModels:["serverSide"]},serverSideSortAllLevels:{supportedRowModels:["serverSide"]},sortingOrder:{validate:e=>{const t=e.sortingOrder;if(Array.isArray(t)&&t.length>0){const e=t.filter(e=>!r.DEFAULT_SORTING_ORDER.includes(e));if(e.length>0)return`sortingOrder must be an array with elements from [${r.DEFAULT_SORTING_ORDER.map(l.toStringWithNullUndefined).join()}], currently it includes [${e.map(l.toStringWithNullUndefined).join()}]`}else if(!Array.isArray(t)||t.length<=0)return`sortingOrder must be an array with at least one element, currently it's ${t}`;return null}},tooltipHideDelay:{validate:e=>e.tooltipHideDelay&&e.tooltipHideDelay<0?"tooltipHideDelay should not be lower than 0":null},tooltipShowDelay:{validate:e=>e.tooltipShowDelay&&e.tooltipShowDelay<0?"tooltipShowDelay should not be lower than 0":null},treeData:{supportedRowModels:["clientSide","serverSide"],validate:e=>{const t=e.rowModelType??"clientSide";switch(t){case"clientSide":{const{treeDataChildrenField:t,treeDataParentIdField:a,getDataPath:o,getRowId:n}=e;if(!t&&!a&&!o)return"treeData requires either 'treeDataChildrenField' or 'treeDataParentIdField' or 'getDataPath' in the clientSide row model.";if(t){if(o)return"Cannot use both 'treeDataChildrenField' and 'getDataPath' at the same time.";if(a)return"Cannot use both 'treeDataChildrenField' and 'treeDataParentIdField' at the same time."}if(a){if(!n)return"getRowId callback not provided, tree data with parent id cannot be built.";if(o)return"Cannot use both 'treeDataParentIdField' and 'getDataPath' at the same time."}return null}case"serverSide":{const a=`treeData requires 'isServerSideGroup' and 'getServerSideGroupKey' in the ${t} row model.`;return e.isServerSideGroup&&e.getServerSideGroupKey?null:a}}return null}},viewportDatasource:{supportedRowModels:["viewport"]},viewportRowModelBufferSize:{validate({viewportRowModelBufferSize:e}){return s("viewportRowModelBufferSize",e,0)}},viewportRowModelPageSize:{validate({viewportRowModelPageSize:e}){return s("viewportRowModelPageSize",e,1)}},rowDragEntireRow:{dependencies:{cellSelection:{required:[void 0]}}},autoGroupColumnDef:{validate({autoGroupColumnDef:e,showOpenedGroup:t}){return e?.field&&t?"autoGroupColumnDef.field and showOpenedGroup are not supported when used together.":e?.valueGetter&&t?"autoGroupColumnDef.valueGetter and showOpenedGroup are not supported when used together.":null}},renderingMode:{validate:e=>{const t=e.renderingMode,a=["default","legacy"];return t&&!a.includes(t)?`renderingMode must be one of [${a.join()}], currently it's ${t}`:null}},autoSizeStrategy:{validate:({autoSizeStrategy:e})=>{if(!e)return null;const t=["fitCellContents","fitGridWidth","fitProvidedWidth"],a=e.type;return"fitCellContents"!==a&&"fitGridWidth"!==a&&"fitProvidedWidth"!==a?`Invalid Auto-size strategy. \`autoSizeStrategy\` must be one of ${t.map(e=>'"'+e+'"').join(", ")}, currently it's ${a}`:"fitProvidedWidth"===a&&"number"!=typeof e.width?`When using the 'fitProvidedWidth' auto-size strategy, must provide a numeric \`width\`. You provided ${e.width}`:null}}},t={};for(const e of o._BOOLEAN_GRID_OPTIONS)t[e]={expectedType:"boolean"};for(const e of o._NUMBER_GRID_OPTIONS)t[e]={expectedType:"number"};return(0,i._mergeDeep)(t,e),t};t.GRID_OPTIONS_VALIDATORS=()=>({objectName:"gridOptions",allProperties:[...(0,o._GET_ALL_GRID_OPTIONS)(),...Object.values(n._PUBLIC_EVENT_HANDLERS_MAP)],propertyExceptions:["api"],docsUrl:"grid-options/",deprecations:{suppressLoadingOverlay:{version:"32",message:"Use `loading`=false instead."},enableFillHandle:{version:"32.2",message:"Use `cellSelection.handle` instead."},enableRangeHandle:{version:"32.2",message:"Use `cellSelection.handle` instead."},enableRangeSelection:{version:"32.2",message:"Use `cellSelection = true` instead."},suppressMultiRangeSelection:{version:"32.2",message:"Use `cellSelection.suppressMultiRanges` instead."},suppressClearOnFillReduction:{version:"32.2",message:"Use `cellSelection.handle.suppressClearOnFillReduction` instead."},fillHandleDirection:{version:"32.2",message:"Use `cellSelection.handle.direction` instead."},fillOperation:{version:"32.2",message:"Use `cellSelection.handle.setFillValue` instead."},suppressRowClickSelection:{version:"32.2",message:"Use `rowSelection.enableClickSelection` instead."},suppressRowDeselection:{version:"32.2",message:"Use `rowSelection.enableClickSelection` instead."},rowMultiSelectWithClick:{version:"32.2",message:"Use `rowSelection.enableSelectionWithoutKeys` instead."},groupSelectsChildren:{version:"32.2",message:'Use `rowSelection.groupSelects = "descendants"` instead.'},groupSelectsFiltered:{version:"32.2",message:'Use `rowSelection.groupSelects = "filteredDescendants"` instead.'},isRowSelectable:{version:"32.2",message:"Use `selectionOptions.isRowSelectable` instead."},suppressCopySingleCellRanges:{version:"32.2",message:"Use `rowSelection.copySelectedRows` instead."},suppressCopyRowsToClipboard:{version:"32.2",message:"Use `rowSelection.copySelectedRows` instead."},onRangeSelectionChanged:{version:"32.2",message:"Use `onCellSelectionChanged` instead."},onRangeDeleteStart:{version:"32.2",message:"Use `onCellSelectionDeleteStart` instead."},onRangeDeleteEnd:{version:"32.2",message:"Use `onCellSelectionDeleteEnd` instead."},suppressBrowserResizeObserver:{version:"32.2",message:"The grid always uses the browser's ResizeObserver, this grid option has no effect."},onColumnEverythingChanged:{version:"32.2",message:"Either use `onDisplayedColumnsChanged` which is fired at the same time, or use one of the more specific column events."},groupRemoveSingleChildren:{version:"33",message:"Use `groupHideParentOfSingleChild` instead."},groupRemoveLowestSingleChildren:{version:"33",message:'Use `groupHideParentOfSingleChild: "leafGroupsOnly"` instead.'},suppressRowGroupHidesColumns:{version:"33",message:'Use `suppressGroupChangesColumnVisibility: "suppressHideOnGroup"` instead.'},suppressMakeColumnVisibleAfterUnGroup:{version:"33",message:'Use `suppressGroupChangesColumnVisibility: "suppressShowOnUngroup"` instead.'},unSortIcon:{version:"33",message:"Use `defaultColDef.unSortIcon` instead."},sortingOrder:{version:"33",message:"Use `defaultColDef.sortingOrder` instead."},suppressPropertyNamesCheck:{version:"33",message:"`gridOptions` and `columnDefs` both have a `context` property that should be used for arbitrary user data. This means that column definitions and gridOptions should only contain valid properties making this property redundant."},suppressAdvancedFilterEval:{version:"34",message:"Advanced filter no longer uses function evaluation, so this option has no effect."}},validations:d()})},49938:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.DEPRECATED_ICONS_V33=t.ICON_MODULES=t.ICON_VALUES=void 0,t.ICON_VALUES={expanded:1,contracted:1,"tree-closed":1,"tree-open":1,"tree-indeterminate":1,pin:1,"eye-slash":1,arrows:1,left:1,right:1,group:1,aggregation:1,pivot:1,"not-allowed":1,chart:1,cross:1,cancel:1,tick:1,first:1,previous:1,next:1,last:1,linked:1,unlinked:1,"color-picker":1,loading:1,menu:1,"menu-alt":1,filter:1,"filter-add":1,columns:1,maximize:1,minimize:1,copy:1,cut:1,paste:1,grip:1,save:1,csv:1,excel:1,"small-down":1,"small-left":1,"small-right":1,"small-up":1,asc:1,desc:1,none:1,up:1,down:1,plus:1,minus:1,settings:1,"checkbox-checked":1,"checkbox-indeterminate":1,"checkbox-unchecked":1,"radio-button-on":1,"radio-button-off":1,eye:1,"column-arrow":1,"un-pin":1,"pinned-top":1,"pinned-bottom":1,"chevron-up":1,"chevron-down":1,"chevron-left":1,"chevron-right":1,edit:1},t.ICON_MODULES={chart:"MenuCore",cancel:"EnterpriseCore",first:"Pagination",previous:"Pagination",next:"Pagination",last:"Pagination",linked:"IntegratedCharts",loadingMenuItems:"MenuCore",unlinked:"IntegratedCharts",menu:"ColumnHeaderComp",legacyMenu:"ColumnMenu",filter:"ColumnFilter",filterActive:"ColumnFilter",filterAdd:"NewFiltersToolPanel",filterCardCollapse:"NewFiltersToolPanel",filterCardExpand:"NewFiltersToolPanel",filterCardEditing:"NewFiltersToolPanel",filterTab:"ColumnMenu",filtersToolPanel:"FiltersToolPanel",columns:["MenuCore"],columnsToolPanel:["ColumnsToolPanel"],maximize:"EnterpriseCore",minimize:"EnterpriseCore",save:"MenuCore",columnGroupOpened:"ColumnGroupHeaderComp",columnGroupClosed:"ColumnGroupHeaderComp",accordionOpen:"EnterpriseCore",accordionClosed:"EnterpriseCore",accordionIndeterminate:"EnterpriseCore",columnSelectClosed:["ColumnsToolPanel","ColumnMenu"],columnSelectOpen:["ColumnsToolPanel","ColumnMenu"],columnSelectIndeterminate:["ColumnsToolPanel","ColumnMenu"],columnMovePin:"SharedDragAndDrop",columnMoveHide:"SharedDragAndDrop",columnMoveMove:"SharedDragAndDrop",columnMoveLeft:"SharedDragAndDrop",columnMoveRight:"SharedDragAndDrop",columnMoveGroup:"SharedDragAndDrop",columnMoveValue:"SharedDragAndDrop",columnMovePivot:"SharedDragAndDrop",dropNotAllowed:"SharedDragAndDrop",ensureColumnVisible:["ColumnsToolPanel","ColumnMenu"],groupContracted:"GroupCellRenderer",groupExpanded:"GroupCellRenderer",setFilterGroupClosed:"SetFilter",setFilterGroupOpen:"SetFilter",setFilterGroupIndeterminate:"SetFilter",setFilterLoading:"SetFilter",close:"EnterpriseCore",check:"MenuItem",colorPicker:"CommunityCore",groupLoading:"LoadingCellRenderer",menuAlt:"ColumnHeaderComp",menuPin:"MenuCore",menuValue:"MenuCore",menuAddRowGroup:["MenuCore","ColumnsToolPanel"],menuRemoveRowGroup:["MenuCore","ColumnsToolPanel"],clipboardCopy:"MenuCore",clipboardCut:"MenuCore",clipboardPaste:"MenuCore",pivotPanel:["ColumnsToolPanel","RowGroupingPanel"],rowGroupPanel:["ColumnsToolPanel","RowGroupingPanel"],valuePanel:"ColumnsToolPanel",columnDrag:"EnterpriseCore",rowDrag:["RowDrag","DragAndDrop"],csvExport:"MenuCore",excelExport:"MenuCore",smallDown:"CommunityCore",selectOpen:"CommunityCore",richSelectOpen:"RichSelect",richSelectRemove:"RichSelect",smallLeft:"CommunityCore",smallRight:"CommunityCore",subMenuOpen:"MenuItem",subMenuOpenRtl:"MenuItem",panelDelimiter:"RowGroupingPanel",panelDelimiterRtl:"RowGroupingPanel",smallUp:"CommunityCore",sortAscending:["MenuCore","Sort"],sortDescending:["MenuCore","Sort"],sortUnSort:["MenuCore","Sort"],advancedFilterBuilder:"AdvancedFilter",advancedFilterBuilderDrag:"AdvancedFilter",advancedFilterBuilderInvalid:"AdvancedFilter",advancedFilterBuilderMoveUp:"AdvancedFilter",advancedFilterBuilderMoveDown:"AdvancedFilter",advancedFilterBuilderAdd:"AdvancedFilter",advancedFilterBuilderRemove:"AdvancedFilter",advancedFilterBuilderSelectOpen:"AdvancedFilter",chartsMenu:"IntegratedCharts",chartsMenuEdit:"IntegratedCharts",chartsMenuAdvancedSettings:"IntegratedCharts",chartsMenuAdd:"IntegratedCharts",chartsColorPicker:"IntegratedCharts",chartsThemePrevious:"IntegratedCharts",chartsThemeNext:"IntegratedCharts",chartsDownload:"IntegratedCharts",checkboxChecked:"CommunityCore",checkboxIndeterminate:"CommunityCore",checkboxUnchecked:"CommunityCore",radioButtonOn:"CommunityCore",radioButtonOff:"CommunityCore",rowPin:"PinnedRow",rowUnpin:"PinnedRow",rowPinBottom:"PinnedRow",rowPinTop:"PinnedRow"},t.DEPRECATED_ICONS_V33=new Set(["colorPicker","smallUp","checkboxChecked","checkboxIndeterminate","checkboxUnchecked","radioButtonOn","radioButtonOff","smallDown","smallLeft","smallRight"])},51389:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.USER_COMP_MODULES=void 0,t.USER_COMP_MODULES={agSetColumnFilter:"SetFilter",agSetColumnFloatingFilter:"SetFilter",agMultiColumnFilter:"MultiFilter",agMultiColumnFloatingFilter:"MultiFilter",agGroupColumnFilter:"GroupFilter",agGroupColumnFloatingFilter:"GroupFilter",agGroupCellRenderer:"GroupCellRenderer",agGroupRowRenderer:"GroupCellRenderer",agRichSelect:"RichSelect",agRichSelectCellEditor:"RichSelect",agDetailCellRenderer:"SharedMasterDetail",agSparklineCellRenderer:"Sparklines",agDragAndDropImage:"SharedDragAndDrop",agColumnHeader:"ColumnHeaderComp",agColumnGroupHeader:"ColumnGroupHeaderComp",agSortIndicator:"Sort",agAnimateShowChangeCellRenderer:"HighlightChanges",agAnimateSlideCellRenderer:"HighlightChanges",agLoadingCellRenderer:"LoadingCellRenderer",agSkeletonCellRenderer:"SkeletonCellRenderer",agCheckboxCellRenderer:"CheckboxCellRenderer",agLoadingOverlay:"Overlay",agNoRowsOverlay:"Overlay",agTooltipComponent:"Tooltip",agReadOnlyFloatingFilter:"CustomFilter",agTextColumnFilter:"TextFilter",agNumberColumnFilter:"NumberFilter",agDateColumnFilter:"DateFilter",agDateInput:"DateFilter",agTextColumnFloatingFilter:"TextFilter",agNumberColumnFloatingFilter:"NumberFilter",agDateColumnFloatingFilter:"DateFilter",agCellEditor:"TextEditor",agSelectCellEditor:"SelectEditor",agTextCellEditor:"TextEditor",agNumberCellEditor:"NumberEditor",agDateCellEditor:"DateEditor",agDateStringCellEditor:"DateEditor",agCheckboxCellEditor:"CheckboxEditor",agLargeTextCellEditor:"LargeTextEditor",agMenuItem:"MenuItem",agColumnsToolPanel:"ColumnsToolPanel",agFiltersToolPanel:"FiltersToolPanel",agNewFiltersToolPanel:"NewFiltersToolPanel",agAggregationComponent:"StatusBar",agSelectedRowCountComponent:"StatusBar",agTotalRowCountComponent:"StatusBar",agFilteredRowCountComponent:"StatusBar",agTotalAndFilteredRowCountComponent:"StatusBar",agFindCellRenderer:"Find"}},15010:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.ValidationModule=void 0;const o=a(97205),n=a(35147);t.ValidationModule={moduleName:"Validation",version:o.VERSION,beans:[n.ValidationService]}},35147:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.ValidationService=void 0;const o=a(85591),n=a(68731),r=a(2891),i=a(2132),l=a(86597),s=a(8179),d=a(15205),c=a(47764),g=a(34842),u=a(3368),h=a(50711),p=a(49938),m=a(51389);class f extends n.BeanStub{constructor(){super(...arguments),this.beanName="validation"}wireBeans(e){this.gridOptions=e.gridOptions,(0,c.provideValidationServiceLogger)(d.getError)}warnOnInitialPropertyUpdate(e,t){"api"===e&&r.INITIAL_GRID_OPTION_KEYS[t]&&(0,c._warn)(22,{key:t})}processGridOptions(e){this.processOptions(e,(0,h.GRID_OPTIONS_VALIDATORS)())}validateApiFunction(e,t){return(0,s.validateApiFunction)(e,t,this.beans)}missingUserComponent(e,t,a,o){const n=m.USER_COMP_MODULES[t];n?this.gos.assertModuleRegistered(n,`AG Grid '${e}' component: ${t}`):(0,c._warn)(101,{propertyName:e,componentName:t,agGridDefaults:a,jsComps:o})}missingDynamicBean(e){const t=u.DYNAMIC_BEAN_MODULES[e];return t?(0,c._errMsg)(200,{...this.gos.getModuleErrorParams(),moduleName:t,reasonOrId:e}):void 0}checkRowEvents(e){v.has(e)&&(0,c._warn)(10,{eventType:e})}validateIcon(e){if(p.DEPRECATED_ICONS_V33.has(e)&&(0,c._warn)(43,{iconName:e}),p.ICON_VALUES[e])return;const t=p.ICON_MODULES[e];t?(0,c._error)(200,{reasonOrId:`icon '${e}'`,moduleName:t,gridScoped:(0,i._areModulesGridScoped)(),gridId:this.beans.context.getId(),rowModelType:this.gos.get("rowModelType"),additionalText:"Alternatively, use the CSS icon name directly."}):(0,c._warn)(134,{iconName:e})}isProvidedUserComp(e){return!!m.USER_COMP_MODULES[e]}validateColDef(e){this.processOptions(e,(0,g.COL_DEF_VALIDATORS)())}processOptions(e,t){const{validations:a,deprecations:o,allProperties:n,propertyExceptions:r,objectName:i,docsUrl:s}=t;n&&!0!==this.gridOptions.suppressPropertyNamesCheck&&this.checkProperties(e,[...r??[],...Object.keys(o)],n,i,s);const d=new Set;if(Object.keys(e).forEach(t=>{const n=o[t];if(n){const{message:e,version:a}=n;d.add(`As of v${a}, ${String(t)} is deprecated. ${e??""}`)}const r=e[t];if(null==r||!1===r)return;const i=a[t];if(!i)return;const{dependencies:l,validate:s,supportedRowModels:c,expectedType:g}=i;if(g){const e=typeof r;if(e!==g)return void d.add(`${String(t)} should be of type '${g}' but received '${e}' (${r}).`)}if(c){const e=this.gridOptions.rowModelType??"clientSide";if(!c.includes(e))return void d.add(`${String(t)} is not supported with the '${e}' row model. It is only valid with: ${c.join(", ")}.`)}if(l){const a=this.checkForRequiredDependencies(t,l,e);if(a)return void d.add(a)}if(s){const t=s(e,this.gridOptions,this.beans);if(t)return void d.add(t)}}),d.size>0)for(const e of d)(0,l._warnOnce)(e)}checkForRequiredDependencies(e,t,a){const o=Object.entries(t).filter(([e,t])=>{const o=a[e];return!t.required.includes(o)});return 0===o.length?null:o.map(([t,a])=>`'${String(e)}' requires '${t}' to be one of [${a.required.map(e=>null===e?"null":void 0===e?"undefined":e).join(", ")}]. ${a.reason??""}`).join("\n           ")}checkProperties(e,t,a,n,r){const i=function(e,t,a){const n={},r=e.filter(e=>!t.some(t=>t===e));if(r.length>0)for(const e of r)n[e]=(0,o._fuzzySuggestions)({inputValue:e,allSuggestions:a}).values;return n}(Object.getOwnPropertyNames(e),["__ob__","__v_skip","__metadata__",...t,...a],a),s=Object.keys(i);for(const e of s){let t=`invalid ${n} property '${e}' did you mean any of these: ${i[e].slice(0,8).join(", ")}.`;a.includes("context")&&(t+=`\nIf you are trying to annotate ${n} with application data, use the '${n}.context' property instead.`),(0,l._warnOnce)(t)}if(s.length>0&&r){const e=this.beans.frameworkOverrides.getDocLink(r);(0,l._warnOnce)(`to see all the valid ${n} properties please check: ${e}`)}}}t.ValidationService=f;const v=new Set(["firstChildChanged","lastChildChanged","childIndexChanged"])},17486:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.getCellValue=t.expireValueCache=void 0;const o=a(89097),n=a(31931);t.expireValueCache=function(e){e.valueCache?.expire()},t.getCellValue=function(e,t){const{colKey:a,rowNode:r,useFormatter:i}=t,l=e.colModel.getColDefCol(a)??e.colModel.getCol(a);if((0,o._missing)(l))return null;const s=e.valueSvc.getValueForDisplay(l,r,i);return i?s.valueFormatted??(0,n._toString)(s.value):s.value}},52878:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.ChangeDetectionService=void 0;const o=a(68731),n=a(67274),r=a(76800);class i extends o.BeanStub{constructor(){super(...arguments),this.beanName="changeDetectionSvc",this.clientSideRowModel=null}postConstruct(){const{gos:e,rowModel:t}=this.beans;(0,n._isClientSideRowModel)(e,t)&&(this.clientSideRowModel=t),this.addManagedEventListeners({cellValueChanged:this.onCellValueChanged.bind(this)})}onCellValueChanged(e){const{gos:t,rowRenderer:a}=this.beans;if("paste"===e.source||t.get("suppressChangeDetection"))return;const o=e.node,n=[o],i=this.clientSideRowModel,l=i?.rootNode;if(l&&!o.isRowPinned()){const a=t.get("aggregateOnlyChangedColumns"),s=new r.ChangedPath(a,l);s.addParentNode(o.parent,[e.column]),i.doAggregate(s),s.forEachChangedNodeDepthFirst(e=>{n.push(e),e.sibling&&n.push(e.sibling)})}a.refreshCells({rowNodes:n})}}t.ChangeDetectionService=i},45751:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.ExpressionService=void 0;const o=a(68731),n=a(47764);class r extends o.BeanStub{constructor(){super(...arguments),this.beanName="expressionSvc",this.cache={}}evaluate(e,t){if("string"==typeof e)return this.evaluateExpression(e,t);(0,n._error)(15,{expression:e})}evaluateExpression(e,t){try{const a=this.createExpressionFunction(e);return a(t.value,t.context,t.oldValue,t.newValue,t.value,t.node,t.data,t.colDef,t.rowIndex,t.api,t.getValue,t.column,t.columnGroup)}catch(a){return(0,n._error)(16,{expression:e,params:t,e:a}),null}}createExpressionFunction(e){const t=this.cache;if(t[e])return t[e];const a=this.createFunctionBody(e),o=new Function("x, ctx, oldValue, newValue, value, node, data, colDef, rowIndex, api, getValue, column, columnGroup",a);return t[e]=o,o}createFunctionBody(e){return e.includes("return")?e:"return "+e+";"}}t.ExpressionService=r},53913:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.ValueCache=void 0;const o=a(68731);class n extends o.BeanStub{constructor(){super(...arguments),this.beanName="valueCache",this.cacheVersion=0}postConstruct(){const e=this.gos;this.active=e.get("valueCache"),this.neverExpires=e.get("valueCacheNeverExpires")}onDataChanged(){this.neverExpires||this.expire()}expire(){this.cacheVersion++}setValue(e,t,a){if(this.active){const o=this.cacheVersion;e.__cacheVersion!==o&&(e.__cacheVersion=o,e.__cacheData={}),e.__cacheData[t]=a}}getValue(e,t){if(this.active&&e.__cacheVersion===this.cacheVersion)return e.__cacheData[t]}}t.ValueCache=n},76431:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.CellApiModule=t.ChangeDetectionModule=t.ExpressionModule=t.ValueCacheModule=void 0;const o=a(97205),n=a(17486),r=a(52878),i=a(45751),l=a(53913);t.ValueCacheModule={moduleName:"ValueCache",version:o.VERSION,beans:[l.ValueCache],apiFunctions:{expireValueCache:n.expireValueCache}},t.ExpressionModule={moduleName:"Expression",version:o.VERSION,beans:[i.ExpressionService]},t.ChangeDetectionModule={moduleName:"ChangeDetection",version:o.VERSION,beans:[r.ChangeDetectionService]},t.CellApiModule={moduleName:"CellApi",version:o.VERSION,apiFunctions:{getCellValue:n.getCellValue}}},35736:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.ValueService=void 0;const o=a(89097),n=a(22989),r=a(68731),i=a(67274),l=a(47764);class s extends r.BeanStub{constructor(){super(...arguments),this.beanName="valueSvc",this.hasEditSvc=!1,this.initialised=!1,this.isSsrm=!1}wireBeans(e){this.expressionSvc=e.expressionSvc,this.colModel=e.colModel,this.valueCache=e.valueCache,this.dataTypeSvc=e.dataTypeSvc,this.editSvc=e.editSvc,this.hasEditSvc=!!e.editSvc}postConstruct(){this.initialised||this.init()}init(){this.executeValueGetter=this.valueCache?this.executeValueGetterWithValueCache.bind(this):this.executeValueGetterWithoutValueCache.bind(this),this.isSsrm=(0,i._isServerSideRowModel)(this.gos),this.cellExpressions=this.gos.get("enableCellExpressions"),this.isTreeData=this.gos.get("treeData"),this.initialised=!0;const e=e=>this.callColumnCellValueChangedHandler(e);this.eventSvc.addListener("cellValueChanged",e,!0),this.addDestroyFunc(()=>this.eventSvc.removeListener("cellValueChanged",e,!0)),this.addManagedPropertyListener("treeData",e=>this.isTreeData=e.currentValue)}getValueForDisplay(e,t,a=!1,o=!1,n="ui"){const{showRowGroupColValueSvc:r}=this.beans,i=!e&&t.group,l=e?.colDef.showRowGroup,s=!this.isTreeData||t.footer;if(r&&s&&(i||l)){const n=r.getGroupValue(t,e);if(null==n)return{value:null,valueFormatted:null};if(!a)return{value:n.value,valueFormatted:null};const i=r.formatAndPrefixGroupColValue(n,e,o);return{value:n.value,valueFormatted:i}}if(!e)return{value:t.key,valueFormatted:null};const d=t.leafGroup&&this.colModel.isPivotMode(),c=t.group&&t.expanded&&!t.footer&&!d,g=this.gos.get("groupSuppressBlankHeader")||!t.sibling,u=c&&!g,h=this.getValue(e,t,u,n);return{value:h,valueFormatted:a&&!(o&&!1===e.colDef.useValueFormatterForExport)?this.formatValue(e,t,h):null}}getValue(e,t,a=!1,o="ui"){if(this.initialised||this.init(),!t)return;const r=e.getColDef(),i=r.field,l=e.getColId(),s=t.data;if(this.hasEditSvc&&"ui"===o){const a=this.editSvc;if(a.isEditing()){const o=a.getCellDataValue({rowNode:t,column:e},!0);if(void 0!==o)return o}}let d;const c=r.showRowGroup;if("string"==typeof c){if((this.beans.rowGroupColsSvc?.getColumnIndex(c)??-1)>t.level)return null}const g="string"!=typeof c||!t.group,u=t.groupData&&l in t.groupData,h=!a&&t.aggData&&void 0!==t.aggData[l],p=this.isSsrm&&a&&!!r.aggFunc,m=this.isSsrm&&t.footer&&t.field&&(!0===r.showRowGroup||r.showRowGroup===t.field);if(this.isTreeData&&h)d=t.aggData[l];else if(this.isTreeData&&r.valueGetter)d=this.executeValueGetter(r.valueGetter,s,e,t);else if(this.isTreeData&&i&&s)d=(0,n._getValueUsingField)(s,i,e.isFieldContainsDots());else if(u)d=t.groupData[l];else if(h)d=t.aggData[l];else if(r.valueGetter&&!p){if(!g)return d;d=this.executeValueGetter(r.valueGetter,s,e,t)}else if(m)d=(0,n._getValueUsingField)(s,t.field,e.isFieldContainsDots());else if(i&&s&&!p){if(!g)return d;d=(0,n._getValueUsingField)(s,i,e.isFieldContainsDots())}if(this.cellExpressions&&"string"==typeof d&&0===d.indexOf("=")){const a=d.substring(1);d=this.executeValueGetter(a,s,e,t)}return d}parseValue(e,t,a,n){const r=e.getColDef(),l=r.valueParser;if((0,o._exists)(l)){const o=(0,i._addGridCommonParams)(this.gos,{node:t,data:t?.data,oldValue:n,newValue:a,colDef:r,column:e});return"function"==typeof l?l(o):this.expressionSvc?.evaluate(l,o)}return a}getDeleteValue(e,t){return(0,o._exists)(e.getColDef().valueParser)?this.parseValue(e,t,"",this.getValueForDisplay(e,t).value)??null:null}formatValue(e,t,a,o,n=!0){const{expressionSvc:r}=this.beans;let l,s=null;const d=e.getColDef();if(o?l=o:n&&(l=d.valueFormatter),l){const o=t?t.data:null,n=(0,i._addGridCommonParams)(this.gos,{value:a,node:t,data:o,colDef:d,column:e});s="function"==typeof l?l(n):r?r.evaluate(l,n):null}else if(d.refData)return d.refData[a]||"";return null==s&&Array.isArray(a)&&(s=a.join(", ")),s}setValue(e,t,a,n){const r=this.colModel.getColDefCol(t);if(!e||!r)return!1;(0,o._missing)(e.data)&&(e.data={});const{field:s,valueSetter:d}=r.getColDef();if((0,o._missing)(s)&&(0,o._missing)(d))return(0,l._warn)(17),!1;if(this.dataTypeSvc&&!this.dataTypeSvc.checkType(r,a))return(0,l._warn)(135),!1;const c=(0,i._addGridCommonParams)(this.gos,{node:e,data:e.data,oldValue:this.getValue(r,e,void 0,n),newValue:a,colDef:r.getColDef(),column:r});let g;if(c.newValue=a,g=(0,o._exists)(d)?"function"==typeof d?d(c):this.expressionSvc?.evaluate(d,c):this.setValueUsingField(e.data,s,a,r.isFieldContainsDots()),void 0===g&&(g=!0),!g)return!1;e.resetQuickFilterAggregateText(),this.valueCache?.onDataChanged();const u=this.getValue(r,e);return this.dispatchCellValueChangedEvent(e,c,u,n),e.pinnedSibling&&this.dispatchCellValueChangedEvent(e.pinnedSibling,c,u,n),!0}dispatchCellValueChangedEvent(e,t,a,o){this.eventSvc.dispatchEvent({type:"cellValueChanged",event:null,rowIndex:e.rowIndex,rowPinned:e.rowPinned,column:t.column,colDef:t.colDef,data:e.data,node:e,oldValue:t.oldValue,newValue:a,value:a,source:o})}callColumnCellValueChangedHandler(e){const t=e.colDef.onCellValueChanged;"function"==typeof t&&this.beans.frameworkOverrides.wrapOutgoing(()=>{t({node:e.node,data:e.data,oldValue:e.oldValue,newValue:e.newValue,colDef:e.colDef,column:e.column,api:e.api,context:e.context})})}setValueUsingField(e,t,a,o){if(!t)return!1;let n=!1;if(o){const o=t.split(".");let r=e;for(;o.length>0&&r;){const e=o.shift();0===o.length?(n=r[e]===a,n||(r[e]=a)):r=r[e]}}else n=e[t]===a,n||(e[t]=a);return!n}executeValueGetterWithValueCache(e,t,a,o){const n=a.getColId(),r=this.valueCache.getValue(o,n);if(void 0!==r)return r;const i=this.executeValueGetterWithoutValueCache(e,t,a,o);return this.valueCache.setValue(o,n,i),i}executeValueGetterWithoutValueCache(e,t,a,o){const n=(0,i._addGridCommonParams)(this.gos,{data:t,node:o,column:a,colDef:a.getColDef(),getValue:this.getValueCallback.bind(this,o)});let r;return r="function"==typeof e?e(n):this.expressionSvc?.evaluate(e,n),r}getValueCallback(e,t){const a=this.colModel.getColDefCol(t);return a?this.getValue(a,e):null}getKeyForNode(e,t){const a=this.getValue(e,t),o=e.getColDef().keyCreator;let n=a;if(o){n=o((0,i._addGridCommonParams)(this.gos,{value:a,colDef:e.getColDef(),column:e,node:t,data:t.data}))}return"string"==typeof n||null==n||(n=String(n),"[object Object]"===n&&(0,l._warn)(121)),n}}t.ValueService=s},56511:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.VanillaFrameworkOverrides=void 0;const o=a(83263),n=a(47764);t.VanillaFrameworkOverrides=class{constructor(e="javascript"){this.frameworkName=e,this.renderingEngine="vanilla",this.batchFrameworkComps=!1,this.wrapIncoming=e=>e(),this.wrapOutgoing=e=>e(),this.baseDocLink=`${o.BASE_URL}/${this.frameworkName}-data-grid`,(0,n.setValidationDocLink)(this.baseDocLink)}frameworkComponent(e){return null}isFrameworkComponent(e){return!1}getDocLink(e){return this.baseDocLink+(e?"/"+e:"")}}},97205:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.VERSION=void 0,t.VERSION="34.3.1"},78020:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.Component=void 0;const o=a(7047);class n extends o.AgComponentStub{}t.Component=n},45970:function(e,t){Object.defineProperty(t,"__esModule",{value:!0})},31772:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.ManagedFocusFeature=t.FOCUS_MANAGED_CLASS=void 0;const o=a(59926),n=a(5088),r=a(68731),i=a(22731);t.FOCUS_MANAGED_CLASS="ag-focus-managed";class l extends r.BeanStub{constructor(e,t={}){super(),this.eFocusable=e,this.callbacks=t,this.callbacks={shouldStopEventPropagation:()=>!1,onTabKeyDown:e=>{if(e.defaultPrevented)return;const t=(0,n._findNextFocusableElement)(this.beans,this.eFocusable,!1,e.shiftKey);t&&(t.focus(),e.preventDefault())},...t}}postConstruct(){const{eFocusable:e,callbacks:{onFocusIn:a,onFocusOut:o}}=this;e.classList.add(t.FOCUS_MANAGED_CLASS),this.addKeyDownListeners(e),a&&this.addManagedElementListeners(e,{focusin:a}),o&&this.addManagedElementListeners(e,{focusout:o})}addKeyDownListeners(e){this.addManagedElementListeners(e,{keydown:e=>{if(e.defaultPrevented||(0,i._isStopPropagationForAgGrid)(e))return;const{callbacks:t}=this;t.shouldStopEventPropagation(e)?(0,i._stopPropagationForAgGrid)(e):e.key===o.KeyCode.TAB?t.onTabKeyDown(e):t.handleKeyDown&&t.handleKeyDown(e)}})}}t.ManagedFocusFeature=l},3137:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.PopupModule=void 0;const o=a(97205),n=a(53906);t.PopupModule={moduleName:"Popup",version:o.VERSION,beans:[n.PopupService]}},53906:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.PopupService=void 0;const o=a(72213),n=a(97531),r=a(22731);class i extends n.BasePopupService{postConstruct(){this.beans.ctrlsSvc.whenReady(this,e=>{this.gridCtrl=e.gridCtrl}),this.addManagedEventListeners({gridStylesChanged:this.handleThemeChange.bind(this)})}getDefaultPopupParent(){return this.gridCtrl.getGui()}positionPopupForMenu(e){const{eventSource:t,ePopup:a,event:n}=e,r=t.getBoundingClientRect(),i=this.getParentRect();this.setAlignedTo(t,a);let l=!1;this.positionPopup({ePopup:a,keepWithinBounds:!0,updatePosition:()=>{const e=this.keepXYWithinBounds(a,r.top-i.top,o.Direction.Vertical),t=a.clientWidth>0?a.clientWidth:200;l||(a.style.minWidth=`${t}px`,l=!0);const n=i.right-i.left-t;let s;return this.gos.get("enableRtl")?(s=c(),s<0&&(s=d(),this.setAlignedStyles(a,"left")),s>n&&(s=0,this.setAlignedStyles(a,"right"))):(s=d(),s>n&&(s=c(),this.setAlignedStyles(a,"right")),s<0&&(s=0,this.setAlignedStyles(a,"left"))),{x:s,y:e};function d(){return r.right-i.left-2}function c(){return r.left-i.left-t}},postProcessCallback:()=>this.callPostProcessPopup(e,"subMenu",a,t,n instanceof MouseEvent?n:void 0)})}callPostProcessPopup(e,t,a,o,n){const r=this.gos.getCallback("postProcessPopup");if(r){const{column:i,rowNode:l}=e;r({column:i,rowNode:l,ePopup:a,type:t,eventSource:o,mouseEvent:n})}}getActivePopups(){return this.popupList.map(e=>e.element)}handleThemeChange(e){if(e.themeChanged){const e=this.beans.environment;for(const t of this.popupList)e.applyThemeClasses(t.wrapper)}}hasAnchoredPopup(){return this.popupList.some(e=>e.isAnchored)}isStopPropagation(e){return(0,r._isStopPropagationForAgGrid)(e)}}t.PopupService=i},68332:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.TabGuardComp=void 0;const o=a(78020),n=a(71017);class r extends o.Component{initialiseTabGuard(e){this.tabGuardFeature=this.createManagedBean(new n.TabGuardFeature(this)),this.tabGuardFeature.initialiseTabGuard(e)}forceFocusOutOfContainer(e=!1){this.tabGuardFeature.forceFocusOutOfContainer(e)}appendChild(e,t){this.tabGuardFeature.appendChild(super.appendChild.bind(this),e,t)}}t.TabGuardComp=r},90006:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.TabGuardCtrl=t.TabGuardClassNames=void 0;const o=a(80011),n=a(5088),r=a(68731),i=a(31772);t.TabGuardClassNames={TAB_GUARD:"ag-tab-guard",TAB_GUARD_TOP:"ag-tab-guard-top",TAB_GUARD_BOTTOM:"ag-tab-guard-bottom"};class l extends r.BeanStub{constructor(e){super(),this.skipTabGuardFocus=!1,this.forcingFocusOut=!1,this.allowFocus=!1;const{comp:t,eTopGuard:a,eBottomGuard:o,focusTrapActive:n,forceFocusOutWhenTabGuardsAreEmpty:r,isFocusableContainer:i,focusInnerElement:l,onFocusIn:s,onFocusOut:d,shouldStopEventPropagation:c,onTabKeyDown:g,handleKeyDown:u,isEmpty:h,eFocusableElement:p}=e;this.comp=t,this.eTopGuard=a,this.eBottomGuard=o,this.providedFocusInnerElement=l,this.eFocusableElement=p,this.focusTrapActive=!!n,this.forceFocusOutWhenTabGuardsAreEmpty=!!r,this.isFocusableContainer=!!i,this.providedFocusIn=s,this.providedFocusOut=d,this.providedShouldStopEventPropagation=c,this.providedOnTabKeyDown=g,this.providedHandleKeyDown=u,this.providedIsEmpty=h}postConstruct(){this.createManagedBean(new i.ManagedFocusFeature(this.eFocusableElement,{shouldStopEventPropagation:()=>this.shouldStopEventPropagation(),onTabKeyDown:e=>this.onTabKeyDown(e),handleKeyDown:e=>this.handleKeyDown(e),onFocusIn:e=>this.onFocusIn(e),onFocusOut:e=>this.onFocusOut(e)})),this.activateTabGuards();for(const e of[this.eTopGuard,this.eBottomGuard])this.addManagedElementListeners(e,{focus:this.onFocus.bind(this)})}handleKeyDown(e){this.providedHandleKeyDown&&this.providedHandleKeyDown(e)}tabGuardsAreActive(){return!!this.eTopGuard&&this.eTopGuard.hasAttribute("tabIndex")}shouldStopEventPropagation(){return!!this.providedShouldStopEventPropagation&&this.providedShouldStopEventPropagation()}activateTabGuards(){if(this.forcingFocusOut)return;const e=this.gos.get("tabIndex");this.comp.setTabIndex(e.toString())}deactivateTabGuards(){this.comp.setTabIndex()}onFocus(e){if(this.isFocusableContainer&&!this.eFocusableElement.contains(e.relatedTarget)&&!this.allowFocus)return void this.findNextElementOutsideAndFocus(e.target===this.eBottomGuard);if(this.skipTabGuardFocus)return void(this.skipTabGuardFocus=!1);if(this.forceFocusOutWhenTabGuardsAreEmpty){if(this.providedIsEmpty?this.providedIsEmpty():0===(0,n._findFocusableElements)(this.eFocusableElement,".ag-tab-guard").length)return void this.findNextElementOutsideAndFocus(e.target===this.eBottomGuard)}if(this.isFocusableContainer&&this.eFocusableElement.contains(e.relatedTarget))return;const t=e.target===this.eBottomGuard;!(this.providedFocusInnerElement?this.providedFocusInnerElement(t):this.focusInnerElement(t))&&this.forceFocusOutWhenTabGuardsAreEmpty&&this.findNextElementOutsideAndFocus(e.target===this.eBottomGuard)}findNextElementOutsideAndFocus(e){const t=(0,o._getDocument)(this.beans),a=(0,n._findFocusableElements)(t.body,null,!0),r=a.indexOf(e?this.eTopGuard:this.eBottomGuard);if(-1===r)return;let i,l;e?(i=0,l=r):(i=r+1,l=a.length);const s=a.slice(i,l),d=this.gos.get("tabIndex");s.sort((e,t)=>{const a=Number.parseInt(e.getAttribute("tabindex")||"0"),o=Number.parseInt(t.getAttribute("tabindex")||"0");return o===d?1:a===d?-1:0===a?1:0===o?-1:a-o}),s[e?s.length-1:0]?.focus()}onFocusIn(e){this.focusTrapActive||this.forcingFocusOut||(this.providedFocusIn&&this.providedFocusIn(e),this.isFocusableContainer||this.deactivateTabGuards())}onFocusOut(e){this.focusTrapActive||(this.providedFocusOut&&this.providedFocusOut(e),this.eFocusableElement.contains(e.relatedTarget)||this.activateTabGuards())}onTabKeyDown(e){if(this.providedOnTabKeyDown)return void this.providedOnTabKeyDown(e);if(this.focusTrapActive)return;if(e.defaultPrevented)return;const t=this.tabGuardsAreActive();t&&this.deactivateTabGuards();const a=this.getNextFocusableElement(e.shiftKey);t&&setTimeout(()=>this.activateTabGuards(),0),a&&(a.focus(),e.preventDefault())}focusInnerElement(e=!1){const t=(0,n._findFocusableElements)(this.eFocusableElement);return this.tabGuardsAreActive()&&(t.splice(0,1),t.splice(t.length-1,1)),!!t.length&&(t[e?t.length-1:0].focus({preventScroll:!0}),!0)}getNextFocusableElement(e){return(0,n._findNextFocusableElement)(this.beans,this.eFocusableElement,!1,e)}forceFocusOutOfContainer(e=!1){if(this.forcingFocusOut)return;const t=e?this.eTopGuard:this.eBottomGuard;this.activateTabGuards(),this.skipTabGuardFocus=!0,this.forcingFocusOut=!0,t.focus(),window.setTimeout(()=>{this.forcingFocusOut=!1,this.activateTabGuards()})}isTabGuard(e,t){return e===this.eTopGuard&&!t||e===this.eBottomGuard&&(t??!0)}setAllowFocus(e){this.allowFocus=e}}t.TabGuardCtrl=l},71017:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.TabGuardFeature=void 0;const o=a(91623),n=a(80011),r=a(1956),i=a(68731),l=a(90006);class s extends i.BeanStub{constructor(e){super(),this.comp=e}initialiseTabGuard(e){this.eTopGuard=this.createTabGuard("top"),this.eBottomGuard=this.createTabGuard("bottom"),this.eFocusableElement=this.comp.getFocusableElement();const{eTopGuard:t,eBottomGuard:a,eFocusableElement:o}=this,n=[t,a],r={setTabIndex:e=>{for(const t of n)null!=e?t.setAttribute("tabindex",e):t.removeAttribute("tabindex")}};this.addTabGuards(t,a);const{focusTrapActive:i=!1,onFocusIn:s,onFocusOut:d,focusInnerElement:c,handleKeyDown:g,onTabKeyDown:u,shouldStopEventPropagation:h,isEmpty:p,forceFocusOutWhenTabGuardsAreEmpty:m,isFocusableContainer:f}=e;this.tabGuardCtrl=this.createManagedBean(new l.TabGuardCtrl({comp:r,focusTrapActive:i,eTopGuard:t,eBottomGuard:a,eFocusableElement:o,onFocusIn:s,onFocusOut:d,focusInnerElement:c,handleKeyDown:g,onTabKeyDown:u,shouldStopEventPropagation:h,isEmpty:p,forceFocusOutWhenTabGuardsAreEmpty:m,isFocusableContainer:f}))}getTabGuardCtrl(){return this.tabGuardCtrl}createTabGuard(e){const t=(0,n._getDocument)(this.beans).createElement("div"),a="top"===e?l.TabGuardClassNames.TAB_GUARD_TOP:l.TabGuardClassNames.TAB_GUARD_BOTTOM;return t.classList.add(l.TabGuardClassNames.TAB_GUARD,a),(0,o._setAriaRole)(t,"presentation"),t}addTabGuards(e,t){const a=this.eFocusableElement;a.insertAdjacentElement("afterbegin",e),a.insertAdjacentElement("beforeend",t)}removeAllChildrenExceptTabGuards(){const e=[this.eTopGuard,this.eBottomGuard];(0,r._clearElement)(this.comp.getFocusableElement()),this.addTabGuards(...e)}forceFocusOutOfContainer(e=!1){this.tabGuardCtrl.forceFocusOutOfContainer(e)}appendChild(e,t,a){(0,r._isNodeOrElement)(t)||(t=t.getGui());const{eBottomGuard:o}=this;o?o.insertAdjacentElement("beforebegin",t):e(t,a)}destroy(){const{eTopGuard:e,eBottomGuard:t}=this;(0,r._removeFromParent)(e),(0,r._removeFromParent)(t),super.destroy()}}t.TabGuardFeature=s},99644:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.TouchListener=void 0;const o=a(19378),n=a(7356);let r;t.TouchListener=class{constructor(e,t=!1){this.eElement=e,this.preventClick=t,this.startListener=null,this.handlers=[],this.eventSvc=void 0,this.touchStart=null,this.lastTapTime=null,this.longPressTimer=0,this.moved=!1}addEventListener(e,t){let a=this.eventSvc;if(!a){if(null===a)return;this.eventSvc=a=new o.LocalEventService;const e=this.onTouchStart.bind(this);this.startListener=e,this.eElement.addEventListener("touchstart",e,{passive:!0})}a.addEventListener(e,t)}removeEventListener(e,t){this.eventSvc?.removeEventListener(e,t)}onTouchStart(e){if(this.touchStart||!(e=>{if(r){if(r.has(e))return!1}else r=new WeakSet;return r.add(e),!0})(e))return;const t=e.touches[0];this.touchStart=t;const a=this.handlers;if(!a.length){const e=this.eElement,t=e.ownerDocument,o=this.onTouchMove.bind(this),r=this.onTouchEnd.bind(this),i=this.onTouchCancel.bind(this),l={passive:!0},s={passive:!1};(0,n.addTempEventHandlers)(a,[e,"touchmove",o,l],[t,"touchcancel",i,l],[t,"touchend",r,s],[t,"contextmenu",n.preventEventDefault,s])}this.clearLongPress(),this.longPressTimer=window.setTimeout(()=>{this.longPressTimer=0,this.touchStart!==t||this.moved||(this.moved=!0,this.eventSvc?.dispatchEvent({type:"longTap",touchStart:t,touchEvent:e}))},550)}onTouchMove(e){const{moved:t,touchStart:a}=this;if(!t&&a){const t=(0,n._getFirstActiveTouch)(a,e.touches);t&&!(0,n._areEventsNear)(t,a,4)&&(this.clearLongPress(),this.moved=!0)}}onTouchEnd(e){const t=this.touchStart;t&&(0,n._getFirstActiveTouch)(t,e.changedTouches)&&(this.moved||(this.eventSvc?.dispatchEvent({type:"tap",touchStart:t}),this.checkDoubleTap(t)),this.preventClick&&(0,n.preventEventDefault)(e),this.cancel())}onTouchCancel(e){const t=this.touchStart;t&&(0,n._getFirstActiveTouch)(t,e.changedTouches)&&(this.lastTapTime=null,this.cancel())}checkDoubleTap(e){let t=Date.now();const a=this.lastTapTime;if(a){t-a>500&&(this.eventSvc?.dispatchEvent({type:"doubleTap",touchStart:e}),t=null)}this.lastTapTime=t}cancel(){this.clearLongPress(),(0,n.clearTempEventHandlers)(this.handlers),this.touchStart=null}clearLongPress(){window.clearTimeout(this.longPressTimer),this.longPressTimer=0,this.moved=!1}destroy(){const e=this.startListener;e&&(this.startListener=null,this.eElement.removeEventListener("touchstart",e)),this.cancel(),this.eElement=null,this.eventSvc=null}}},80902:function(e){e.exports="data:font/woff2;charset=utf-8;base64,d09GMgABAAAAABS0AAsAAAAALNgAABRhAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHItKBmAAjRIKrjimKwE2AiQDgmALgTIABCAFhF4HhjMbUSdlhhhsHADxzJlBFDVabspEVG0K2f9/WOBk7MdsnLSiQdkjaCNosdtURg76wzo9eYHT6CwM6iB9oSyMecRhsyAP+taoW6gUymzjBSbq3zEiCy42G0qYBNVY2XPE6o0CkggQIKEjVIyKeqND5SPs/vy26sH/MK47oga+wDicuId0IWu6eOlCuiSawgbABW3a5i7SJg4hWAPNXVSIGXijX46YU4tAKu5QI5nnIjVzIhWjRn4eXq66qWqGW8l/nzUsUsqY2+PpW9ueIiGKCQXwQFAuVm172RdEPMJ0POe7d+4r0y7ONO0BawKhFoT9kMkscY94oQeNTe0BkTDoiD48f8Ly8PO+t/pWv5UuCSFdBBvErW71yz4pAq72+2WXKL5I05JpnZt773OzmC94OkQtQfsWCqKhMS8hZqXrdIYWyFZKwoefS+0yAjwhxP9J6b+8Qq5AmHaU3gBBAXuCu3JKPEWKjAMSetZMSoKAMUedNpb/2nizIkMiIyVDo/FjubGJjiOU1KjLCKCiZYGceFrY4HwwH55EYbFhgF3LeAjXp8yjDFjhHsx3nK+ZOGWc8szv4BCziUOkAN3Bzvb+ePq8mwoGxCylgWDDJnvj8FgMgUgiI9G4XkTJIQUihSqp9AqjpNo6QwjGERnGtCo0eW6MnYnOW2s6gRDJLcmJxNwCl/IuZUUUEWtJQLFL6VhQ+Fgcw9tSaBhK7+JeZhsGhmyHt+NB2VDxNAu4ikqBHyqH2LlScU4D4vCmksSosYDH2YvIDIUtUTUaqzQSpYLiJotsa4mBJ6vDRKqVYz0q0p0lgi2GVtLqUNsG420IUnBzj8ajORXM6K55ocpmXwK3zuWu0C+zynBnzFBWmT9XwztBUGPuNdYZeswNRKFxq7EUJRjjeO9sHjm6V969/XIU9nY8QkAMgzIYBeO9R2spsRaKgpb4aO5rko3bjJt5NS30FFWyct4Oza0xgNJrxoHHPW687IpKCzvJqdWcLcP11TxOX0q6vX4K48tiwgCmVBdOPJWqbiQbay6SgMNQrYy3M2bVzdMZ0VhTpZUKjPZN7o+CApeWFAocL1GgQmEX0pCOcb5olce5oNdCC7OKKumIG+WvjZSxYrCMuwgj3UgK4XPBbUbStegWhRKwjDfTgqKElg92PmDG2BC7Tp7ESw71RXLOomvBJ+meTILOK8oCUiSMsx0hZkuXbjGTabaJAUlyB11EhpAMJm41vGMuueeFIYcCZW3cegP/MEzfG7HKmQSNlx8599uLpE6RgbuAeDn78LgBasMdUq3IQtU3NkuomRtN0vwXt86lnYBjVQkGjSBnsprgxHwwUejexirNzr7rD3MCzpwnVkMeZL5NTwHf07eP/9AOBCCDykJ8hJWryQvf1JOEmgHs5YSf834crg3IA1mgHciBTK+6PNoBZSxFqwzxgBrMfnCRutseeZP6k/T7tw6X3fUkRfrFPnFecCadE0pGvnAIramvOZ548SpFK5p/F0oMp+xFd9yhjWNOIpAQzFo0EzMLKxs7x3BvLm4eXj5+AUEhYZFIxIIviAcSkmxS0jKycrzyCopKyiqqaupsGppaELe2jq6evoGhkbGJqZm5BYgCxHG87D9/eFFdGdsamZ+wmludmlzHzYyvbU4vbWzrxaoBcieT6gOgYwnLwCkMA2ewCJzDLHABK8AljAFXsAVcwwhwA/PALUwA97AAPMAc8AirwBNMAc8wCbzAOvAORoH3MAN8gHHgI6wBn2AT+AzTwBdYAr7CBvDtC8u3QSIgJZkNgAiAGIAUAGkAmgBoBqAFgFYA2gBoB6ADgE4AugDoBqAHgF4A+gDoB2AAgEEAhgAYBmAEgFEAxgAYB+ABABMATAIwhYcqSGnIMwPALABzAMwDsIDRVBYBFUsALAOwAsAqAGsArAOwAcAmAFt4qILUBj12ANgFYA8PWZD6HlogDaA8hwAcAXAMwAkApwBcAJABIAtADoA8AAU8DIAkehgESfIxBLCzbuEnPxTeQLkP4tT4B5tY+AeCSSYKzbcmIAQapdDFoEjRIz0MWgfJ9JFpKWUSwU5JUImgHzYm3oVIby6GxGMgvpntFD6Scp2v0mQM/Gsnhp9Idz8H5YS1ObtKh36zICiQS2WSBqA1nAJ5bc8pKIKgcj7lXwq2MANNESjTCR0ZB9DQKcbET2BMxYkVhOdXCDavDgaoNH6ngA+/15qEWaTG/ysNkVi9m4CsIYNgGGi/VahI2a1CFhwsS0AhV2cyP1vD5JzrkwtpTna20eRwyZqK2CpL2YxSgOuXbUEhhdkify2qdB7roYuX3UxAu4v3r2eEU5Y+4WoMSda2yGn0kmczJZ6aHhDm05T7rMdA98kfiBu4GDpKgMOBZjTQuFAUwViq+tGCFneX2JQli/wHALVq3mTmn6guX1ur+1qNWnVWMVbDyVWbnZ1vrBgbalpL3vsIwly75vPUCy40PJFrvV7o3X693ow4R6SAFrkQoPWEmnaxG/oooG0+MsA+t4lUzeXBLPSys5EUmtbpVGgRQJzeTbvbHcYjgUh2+XRnde+snvAC2qCirrvDONOlW2A5R4fSdhUGcnNaqS5U0+yKFZewdHc1zIIpr75cg5hy1pfxClnCisub3ixcQlz9zX+s5m9eqZCzuQv3AhRfGuBYwgQ3ek9CDGxpemyJrZdzjgctfEyWlbcjrbUBCjZ8ps6FTsJNs3Y5ndD7EXdVMU57O7NX63/ouwrbpGKuXufnPzP2lRjPK3qQT0P/xsIrtd8audTQzzcatil8nkE9Tkh8Ze5+qFJqpt4XUI1hVJ+fN+Oa/0X9N6/9DPhsEAvlyEIED+fXCHBGJXBAQ3TYypVfZoYCzGKV7EkgPqzzaBdiqiKQohf7Zg77RXUgiy7xjI62stdq7cCRVKamq1YPusY7FVfxPz95/TdLfKuz4cRJVJYV1fLXLxh07//fNf5mhQ0pZGMVgrFyUXdhoD4SsGhU9krFYgNgubpKQLSKkiAKrZX53b8+3im3bZaK36mpl38b/m86ffEL6KTEDK92ZSwHPXZ48lIwKnyYl/DjgZ24lZQGSk2PDE5v3GzK9jjKsjmLfT9+mmwsknug4BC3U1SURoGeKJW7rHTXtQZFk12VUo/wzFYuNTGzltDrF/JVj+TAO+ftNPoobDdqx90OC7ozx86eFzArcaS0KadZEPtj8K0lhmNiv/8qh7SbZdZwKlZi5MuZmFZG7yxmn9QYmW0Xh6JHg+UPTRg+zCDTIX5bU91nA5d4l/NA8SKreiz7aqU+0Ac+DV/bUKjwvXE6UgWfPIJJ/4X/IL9hX+c3iXd48wQlqL26cUaamMaORh/TgWxvo9CLk0f0gqK7wgfQYbJNogLrkpFsQQvuO+jSYNISj7bo1nHby6Yn9V7A6C3SQwScf++c2Z+kzJ3W6lQql0dDFy1zrw/bs3oE7j03bq3pU/n5sVfSFTB/FG9ni0FrqJSTKinphfiAZKIkZ9emrioz8mf5J8UiaGcHwg0aD+micugCNasq5FzKd3dGbfp1Kx87upwjqa87tQMzqP3GoTmd9q+cVSQZvcS7QBHlgo0WWgIZKk/NI0HX8U35TBTDZ7A7bZ3CtN9Ml4JqRwgkEejvGCFtYY6JVdLKlIHZ+qF8fb+UI7s3l7f/zP5Vjf9zteqvE2u/3nWsZS5gmElqNOfjOE3iJkkjHb6W+3FkQn5QQFr1ZvN34vsHc3duLvBFG1prkqoSEqqSal5LOKoqoQ79eiKQoNuwnkq3jNiQvSLcHTVDN+OjbLx8vJma8G0CJK4zO/MiHvCceQ8ieL0vxw93ZjDy8q5eMRrz8tWFy8PCteHyqCnOfblog0bpHz6dNxj0dXUIkp52lZ2+euXq3vRdu1Z8UrExkADGJj6vAFJPppfSrTRjBLGxKApzR6btUIagAqz7qj99hl3XUxSEoWdsOGAyQmabPvwmBrgMAyx1w2Q4+Olvym5CzNy+bnO886pLkPDgw0j1BM0c8X67oJFBMUEjghKW/03J4oP3uG8mTl5i92hQcJanyU5jeOK60veBt+fImG87xAzs0gSUzkwNpA3e7jYlbXycB/Ng7NAT6qHFxeyZ7tv2ubNZDB9f9xs2mssK96mjtJ9dvYpo7gbmPwntEOn92oc23X4SY4fb6JT8Vzya2+CyTqGPz59XaFtTV4SeCDnJCgXGFJeJuc4OLMFDVssmj2OVrNjbkYOcd9BaIdzqdvKExWTiJwU76lyTZec+csRxcayJmXux8zGuH3uNaM1g0eDVGGepIk5exsH2f0q0mo1xjikUJlMVHwReNi/aJ/fivT24WjJ52JgVTcN8Mj28sP9SSzNLt98nLg3yiHL1ys1rUk4+s562guXNii+eWTQlfpHDII+hHjRYcaCdRMsW+4iwzrOhV4QF+XWqc3NLYkcWyngS3uhmrrSJqNXm5Yrnikba6fJFYu1gv4SZIvVtMRbk/0sqEbLlWtqYAQRUF2aWlc+Nm7/oZvDQ+BVgfX8BQTElEp6MZziYMUQ6ZLOC9eGKsDBFiYQjSzLfMIRzfatg63XBunNgoEgliRuUFqUWtxE2+Fdw9gzRbbXLDSthI0BAa9Ur9TpylQXSXJ/Hu1oHI0/royX7vLzIpmkJ08RFWk1fi0aRDn8dOJ+T+jbed7O5KzdUXY5vEtqtOOcAThaQydWJiVVjJayShVrwA5wux3wif6Kxnx4qDT1hbHWrXwib0qDOz1c3rNau3uKKkuw6V6qeX5GVtQgATg8bLUoLTKfWhTMshOVeE21A3bUpbXkZqDbR+oof3ScflIGeNpSH54bl5ITlhpcnj8TbHjzg4CNz6dvI5CI3iJnXuPfSz8Kfj/ZggG1ZhstTm7/XInwRRlOCr/ItxAzDDALK4pcuHaFB9b8IC+vrG5h8UkUMDBCqk5MH+kDgmaTnh1/g7/QL4fwsgeZNdg3W+acWnPLdbRkY0at5pN3jx2QH+TlyxO+B8cD6vFxtZxj7yf4+Yyhvz795REVgScDSpQElgRW3JBy1dOl7+YrAWxL/jvXzmysSSgWC0oQKU4m6e6mgIsGU2xysX8VjhcKxi1Nk5OLstxNR1WTzRdldT6/hS1tDzBybv9xf6X9n7f653MZG/d04TH+K1hGAl++Sofzit3HL8HH4si41D9+1q+uD2WrVwV1fOSGHAyvOvFutLipOgYsXH7+a8PAEsf5WSkZtWvLwR2uNFUrlIFnjnNmbZKOykh/aweB+T4VWlYpPjK2qlMtJMu7YcXB9yNVnbia1ePz4zZmk8E5CmTmBePgw2Es9n28EWEkMxMlp/KhsUJDSbpljVEm1hPTwsYxjRwiJViUh57AzgiWFGKJKnTxxdlHG8czjhy3glBpns9KDVYVEuLkKGPMa3bzc9i2Ts5Z/cIqj+oXXQHPrAzc/N6hjLbHpe1uPtHqZJkw42d7W3n4SrEn0k/T7C4HrQZ4IU+1Vv5OcCaI3FsdgOz7hNEo29+ht725vRUCLB97QfIPLpr9mBRacvh8QFNACCv/1bc6c8hPaH7Nfx2UgPP9Hc0ZXLqBdrOVQDzFP4nECnn3oCzpBt9FPBD0VXKLfpqi+wD6KUrfSa2770JlFXV3ElcOIe3/2Fuoh2gramc9Ut4PUk3uDeivedugO7Hn6rMV3JUT/ve7ohMLe6DXPTaFv6tFbqHO4/SyFUe8R6KtQsvoCQfpptcjp71WH5q5aqW5QNixeq1rpcvSx8jGcPx935w7t7h3xpPVSyWIdd0mXXdcSjm6zRKILX0KD6bN+/6Yi9pfYD2JBhQAA6H4aabhQDNuQBmEsGFw0GW1QzUNWIZYLZqNnddb5/SPbgn4Ji6gddHeQhZa5uBQxp2wMYpH/VCQvIdJqpAp1RrXNCbmc6Bykoo3sb8LAAvdFXVOSmmw1nYVmNFkx4Y1cRioTK6vQpYqsHK1HXSEWwqPQgqyqYnxjVUqYhchNW3dnodvxEqImL19UX8BH3cUpSBu+iAHloW9YeBFVNiWp8T/1H8M4xTenVnuk/TPIBTUD2JUNfnNmdhjvfitz4aAY5N/NMiGLuh7gP0LK396Y4s+1/P4JhoPpUzmUGaASTAL/NSts+d4lhcGpLckwCXwosllSAIucTRbybNqiILOZQUWVtnWVz3MIkRsMhLi3AMnps0DYfBUYm/9ACTpKoOESAFYnYsjnsylcEGL8UYL7ZBQlmPgdfYlmPIDwGr9RcmCq7pu7o/KIhDJ/Sle1lyqP/kG1qzrhoXpiUoyRqyT8jFabXjU93t520z00loeJ8UcJ7lPopShN/B7k+ZKZb0RryHL8HYrMe2eq3GvcaVsckUQuq+8q7WVdP4/+Ye6hXf1OeMjwyTDTFDERPMckl89oQ2r0JWR6dJtM1OlSwxrhn4DkdQBY45ZF7iAwgzksYAkrWMPmj3E5NP6d9ed+7fH6/IFgKByJxuIHiWQqncnm8oViqVyp1uqNZqvd6fb6g+FoPJnO5guGzRaKxBKpTK4YlpObl19Q+MdwJaEqKi4x/d+karwX9EYD09KI8CnPTLZLa8hiXNjeiL6eqmhfWj7Xm3R0Hw86CORQUYZARvHtsdhCWs695chSp7A3RlZvsAyUt5ZJxVhFN7ecLgsrnPPM5nFmi84dZrvA87XD1mMlYzyg2+AF6xxN7mdZ5rIL8YphC7tJ1rmXkBZeuKR5YQCdR+x0GQNV3NVVZOMC+fVgzmEIV5wPSGVtaZDQBDHhjlhrEyOfYC3S2VE4g5MWKYysr2X+abhuiypTzV336sCNFhJ8r/NsRtzmwUBp7fhEW70W3GGcwvVM2qj0XtzlrQqi68zN4fqckNaFrLfNUyx5USQGa7ulldJEIqo2KCbvXWnWbZa4LHSPLTos6yN0dcuqPGyFTOW07QxrFIvTStpv9ZqGRnoUccCIuHXxh62Nc3N0QcGABwEEhQAMBCfIYCFCDy/QwhlqBwMUSHCBETq4TgAAAAA="},50221:function(e){e.exports="data:font/woff2;charset=utf-8;base64,d09GMgABAAAAABYgAAsAAAAALyQAABXQAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHItKBmAAjRIKsnypPAE2AiQDgmgLgTYABCAFhEYHhkUb5ChlBGwcAPHYSUAUJXMzElFBKc7+/0OCNkaI+HHamlJAkxnRpkST9u5ev/XGo7HZ035fr+JSYjDQIxFCWGJJ+6YxMUvnue2AIcfQec/9TxyzDZTDDklCkyCaI2eTPIFCoQglYwnoVTWgkdWvqzSBuxL6oJvfK4Q2Nf1e/WIGJBCkhlRO1KbxhvmW4Tb7g7b1D1aMZi3Qw8JCGxAFdZeoOfPrYmIHRh1cVOFV4EV6tVcV/NCL1F8BMAPPRvjg6LaLSWM0WLep3KputKobOSFhZkUdODWgZfeY8cias1X5JN/kS4KsGbImgtTdy+Qruj9T33KtSeYblnPKmO33ve4YdJiEk3hCnEsE/J/Osl0dIM8RF9311HWj0ayt769Zr+yj2VkirY50rAPiMFTE1vryYh97Q6gAVUmZVMBluiv69KmpaFKWVzRtsJRDGT6AzS4lSHGaK8KIXfb4FbnoxjTweISSY6tjbNUNbLWRhCgWYOTFR74dASptuyRNzbgBMmcPfXqDacTsugHPq8fZU0/vg3aTyJIugYZcck9G08gn/6MlxsdGNphfLyrJfKEv+ktayai6TRFJ2jw3HaNRcQaTIInSqzFNFpusbE7CLZikJNMHQhMInSHMlm6VbUmOysuxfl9XgONjp880mt/YZdmlYQorFAZNG6dIqdt1SSiKG2D6bC6VXb31AqonpBI8jCdP0eNgXNfIV7hcibwdknClcOsWC394MdNnbLkix+j816h2yuqSa6zocJnsLyjbEU9d3BRihC2EwdEJtuuq5vomrk/lbtncSl9HMD1cA/m7r4yJylh0zvPIFxuS/C2wHy6P4sw1iRR62a4rrI++rYsZ4TbRasVA6BD9g8j/XJDGtopQDas3ljfP883PAzd9jCJSDX6MjvyoifbiSXcnnrBS0cbGD77L1Ivt+qnCmloQdxIPnfFE5dbYxtLul9I4LLi9RRRuXIoZ6mJdXxj9YkZ3lFQBf/24Wspwbhu5IhHu+yIZiVElJd5NxulUjofGeM4k1pWBcLxn7EtdGxEtTV6OoMD2Dynh0gfRaDZbCpgdNZA50NyhLPmwSEckTFu2azYrP2wcQTODPfKIcKoelY2fLvhPRilazL0Gu8Ee+d/UlPNXbdN0zKFUPUbdOWNMrXOmQbzTDjQmgkJW3P4hyhrKVs3Onktk9IfemxLcnwbHhKihbIJMEorJWadV69/zyhcn0ktQrI39YuAnhvv6TiXSLOGGFtGDEIenklUDthYlAsUs/DwcZlB7SI0sts2Tv35FqmrdVVbhli/2w1WecrCRBFayoJ5zcUSGesJEXr8rOlwev+5fzgjJ/sQjNMjWs6PAvfsfPp7rCyqQUXLMXtHacf4Iv3Ulnpuxu5BSTu1bUA2QOHsOOkEBWf/yqugkP7J7TKSQtFUtWgZvZcNz7/xIf+L//+ty30sfEkzY6y1mMmTm61ctO/YLAlFdzmGOowPPNXS45V1iCkPJJTBk6RkYi5DIiGxRMVRcQlJKupNbVk5eQVFJWcWESVNjmGn8CXFOVU1dQ1PLvAWLlixbsWrNug2bttRt27FLlrNn34FDR46dOHXm3IVLV64hSjGbyZv8nz++6nhspLUNdJZ8YYbQF3gwtHqDMarpqoHioMV7Qdc12QQOkXFwmKyCI2QRHCWbwTEyBY6TneAEmQAnyTI4RWbAGbICzpIlcI5sAefJHLhAZsFFsg1cJpPgClkAV8k0uEa2gutkB7hB5sFNsgZuke1gPXi7IAG5BwqQAAuIgAqYgAuEQAqUQAuMwAqcwAuCIAqSIAuKoAqaoAuGYAqWYAuO4Aqe4AuBEAqREAuJkAqZkAuFUAqVUAuN0Aqd0PufbpD3RmESZiOHtIx6SGvWswm7cAincAkP4Sm8hLcxBOkzhiF9s72f8OceoAq7b8+zAZ5CWRdUtpmVxGsP8ygXBJTmrozg42KFpY/8FV+C1U1GlK/Nt2INUfnMt9tqzvELDn+OJFk73rWP8mrGiMtVNQRFhZVsKQcCWZmMJBVx4npYwQ5xoUL/zWazUzZZKr9dtBojspEykZTSNhnXrjbdJD03A6kmVSRnlM3qYLAtAzDWlXsyqUb7fFZbhqeddiXVH5NuQwDpESLHXvH4lrUAoAQEYYCzYDehixhflaAkzvsoYYspjxHWHee8DJkkd2E3TSuSZpI6u+i00cXirS4Ga/4Bdn7BSIqzNOVJomEPYhggFbuQ9op57xjw6cfv41ethyeh3zjxYIvCqUrvT7MjBMOa7xX/PoQNyhdUkr/klOYi5bZDQH9uvYTGlNIELeQN9yAXzlhe7EYuTZaMSKMFzGfAg71B6lfoz3FQNsBrvECdAW9whVpNMFEkpipcc1hT7LmAL4MW/ty7ENziD9KCUMS4s08vlMvIPFAtlXZAY+/Ri9g6fxjoOdMRS1VkHgP69opVG5jPWzbVD51D5hjnqBOZi0UbWzVolA6IB6pHjKO1pfZXirma5pTMMtBtWxi9X7ArRU55PgoLe20dREgul+44IhPFMvzFFYqzs3ZaWKbygo2GXq+bzSY03makchwQTTRaLWzN7jXPHdIPn7cuHjWOXFhpPuuZDMYLlWbyO6qnIlqKuNddYV/IakNtzgzzGwexVWmnPNoiXWMP0McRahvt7DMPiEy3c+9DZhUaaxQ1SeiKVIK29LpiKkSO1RfFFqXqqN5sMjF6skXP1ac1ugJbPNUnzOTKBEtebEL9JNrizao2N1gtX9brRKqwr0VeDtabJZnYK0Rjk6dfXY0A4mYwvJKCNOQbGE8RqmAX4ghiah3ManJKDQRgPwjBJRoEBrCOBYIg6FV0U5JcCWzmBgd4SpLTLJgxbj7FGbkWRlDx5AakS6axfgSw9fh649ojBIauDSiM3Hgt+Fd9wdL9ARhcaQGPYBULPckU0o3B9PNgLehC8GgjbdYLaMUznGgW+EKfH17NMhLjlBKWoHwBJiQj1Eei8Zh0pSmbzbh6uQH0TBtpaMcT89EgtAxahHMLWBW9bFaN2rKQF4MgxCqL5p/fhKPvn32X75haW3gwKo87NO7cHCLY7bsnHZo3ipH4in2RgtBO7sy6NU6O1oZuHTGACza2owcHMu10ozH4q8Xb6vVZ3/SdaTaHfJ3Z2WrN/b435Gnwsy+Htlbqwvbns0dDNfJxEhNnr5yFhI+bDzkWuT337sTa0NX6cAxZfRiG3DSfDSIY4n6Ah+x4MadvH5oFML+DAM6OB2s93/It3+rbxBazH4xNzOobo/HWilHjY3PoWD6942UABI9JZcPFvzYMQiuwB3WvpGyS3K8qGVVWVbpR4d2JiSxZYlZ2RqwDttdnJR+24O6JCaJ4Pb1XB5NnqHHy6VgK9FWZ3qw9049t2XadplmXAQJodlLtDwiKAlBd4GyhF3C/1RKpoT0ZYJjRsDtH+pG4x3xhvLSe68/WYkqftoYwgfo5TNCgWRXgmQv6tCisSdZniD41bLSaaiQT9oS6PUFvL/taaOimCVabHucb4AzMj43GEmxUeVy5rTAhPr9JhbYcWCJwOvbi1KMjSqLITy+sTZ3I0nFpEYllaWFUTjRFkbTvbts2LsI2KAnqxi4eWzvt+2TlRaxJbhLfEALhjGNEed4SqL2tbH7kOKZm6xHXFtmHoTwrUAGuIZjM+qcr2yOE2romzcA5U90R5YJM2YAuVJKN8ZcHg8/h1om6CrVEAox7Ni4HAOGtEY5YTTUnXIEwiHFXZ+FYTUkEZvMHrf1C8p0vsBDZuGJCcsr3k//A/31Uxv/AHE86fvuYpmx78UYyNtH1XXScHZwv5rAg4Rd0mhgLBgd+L73/5X/y+525+glkAEPfttf1zOuaM6drXs93prn/rjk9875j6F5YtHOCIhTYwesAA/uDvmbgGshhw4ihs9PQZYC4RWZb74jb3qfsdoQ3/Hj82LZubqmpF85v2pSalu7MDgtvCU8u7LHtG4pe25yaGv44tXbtyrIyKjUp8YLe2IXzF3Ylbd8+5w8N0x8U4M8k/pwD/TdHdDzdgN6MBNlp53XVg0dbRHx3jXs2fCUwETn+jQ3+KkL1TZ95xR/Yqt3W/8pCFRuUcuUV1RX4HJubJ5Xmlb7VgUUUZi5yAsHtD9WVHc0T5HsowdXBMcFVwQLr2qqYvu+m15vO7hmUu9YhYufHlOa19+3nsm67OlfHjKyRu/mf7UBcPBKCUJvVDj2J7Twnj31c3yOVvjk5zLGOq3Y7Mhlu7izHy99QuzmOvTUtf9rTs1HHtR7fBeuh2/W1O6q36HJb41ArSnvljTrY5G+VurtvPI/2JcwJPcIhGaHg1mPXmWJLY/DvMJqWOR0qZHCvRVrbrkF1sMM+duxxwYOs63ckYg5PE8PVVLmLhlv14jEaHiYu7S5sCy7w5bFmFd6AJoYXxFqb7HmpL9Z4KfawMbbvMEIJ7krvSsMeWnXC6BF+ZQ+h/DgM0r/NoV3SMZ/d7Qu53aPr5jSMdsed6P4/E/LwvNW3iLPWTlH29JTUhqzu44vROQxXRmzO2Oye2Gk0aydfJxRayLhOxg8N31cnuuEqqVJpQoqzjbK23lHpnFCBTHv6Glmp5dZng1He1uOVLhImp1aUWF+VZcYwxSVl4wXq39Rs0+rYMDWHowyLtbUq7uJlRYEqgqdSpYrY+QxxqUT9HMgZqtCP3nxvznN1SRlTXHxj0Vuv9LZeo2yHyiM4o+IreKULpxpDK6OmiWsCCYK9Opf3HSFzpx7f9Rv2uNce7Hv0GL7xTxxXrL81nstfiW8ErOlNDRipxw34EX1wPC7GziBJryGDDovH4kici+sHDLihKzDDsN737uzE43H9cBwGhGXwaa/CWNdmeT7q/bfZbBo9MA1lRtjzle25l705fbOwOC6uqNU0ICTOxt7ryTZx0oi0zk1vZaAIzdK+WJcCPFP4KdMDf/yoqlioPUVVXiI/hb8vOaFtI5N/CAQ272amVDCAdXXlPqNQJJK9wTOrOy5dXXlPiaCn0H9LqMN0Bh0O98Z0gA0IzhTsvp/LA41ZEf3/PsY0xcfBW9antuTZBWFTwl3y4fZaj60tCE8JS04OSwkvEFaz192+7cmuTnGBuFCUDWIm1e+8+2/Gv2d3+YO/0bLUnkdJn8ae5g9ffv6g2kgY1hoIyDAsWGDtKUqbdWGlua6sZP7WRMz7IYuVPPBaqayuoFkwAkTp5+uWLHnzhnw7N2reXsN3o7GwFbVlMjvK3a3a6IuXtC2ye3nf4/OdO9DnYmqRczhyK2SUTCvSH1r8/SBsiD1/C+OGaIPWfjzUevDnVboTyvP7NOaw43KSILIIcnpLCEepCNW1TyfjIRHkik9894X3bAQspZV+bO8xmLcwjMN+8ZM7LKCrF8ePjtH3Ugqfm0XdLZyvH3dc36IaOw52fO7/QJWmf//t3NTmKm1QbuDMmYG5QdqrpimcOfO+YW3Q1YTUluWTG7WCPD4/T6B9XLTuP4+vFTxm1oavg/JWqbR1Oinj04P/nGxYTZWPTGJ6L8tfCGXw1jx5Mo3K3Y3vjh/EuBi8XemYqgrg7EPc/o7wydvkDykJTav1/PlTKhUJvb0lEiAluiIdfN4xL+2Vcb1UAmfOLKI0dgL5yqsirDRRuGZ+S8gmbVaWtap+wvhlqhqxcLm9Dr8H0q8ajQ/RWlSoVm/ezDt0GKrveK3El2/2kPb25fhmmq2IJWYBcecO2km59UYI+LokuCrtuSBoOGj19XWBaP3QhE0aZQuhHDiEHTpAKFo0is0TmFiIIgN5mpLuzvGi8sP44YFQ+JWbxjOSQjQZBF5bA26T6h3oDrs3ejq2HYPQnn/NUYdnUOPnAG3cIW7SLt0BHf1xRwe5ft369SQ8c6qsvJySakudWGg0fjfsnRflfPVKRkZSKTrz4GBPWUmdeeWFk4pQa3otbNu2eHHd+XRRAMOCVl2hVL4eSO7pppOnTmr27CETRJmZnz3uv7Rb1LZ4Cb3Nyr28o70dbPhOTkO6cAI24axLxlxwwV3AZhFdfmY8Nh5FJLoVUjzUXAu+Njz8NPgplr1G6w968uBh0+e2EP1lEbdjxtOKBY+eBX13EXt2Gu9pxgratYfFbuVOiNlRoE9oUD/YSu/uyZAkzp5nMfF5ll3k8P/9Z1tLMkt6uu3byFmwFXRM2+puYeCceQGK3ae0uLYGr3Gow4FTp3jXr6M3rsu7FisV01d4zTBRTDM8VyxXKFaEz0BBP+7///+subcfy1CHkIj/f6sNHhwNACBSwzOXID8NHUnVjVSAGVFGkrXb64+MR06Y87ke+P8PbkL+QmesQZ5UtQVEi4hZVUY8UQ/df2ZDIgK2mRQ1zaaew+7//ANiBrNfWxcxb8IAsbPodd4hzm2ahzSYrPTIGDB3aivZqAqVgtRDN4RqpHMUgniRpBpkE+KiWsiQ2Klq73qV+aiGmomkmMzTxGoUMcXywlE0B4u6biB1LeKNrKSSGcjMNon6/5x4dQBtzeYWOyV+t7ZDzICSb/Pm+Hi85XiXWIPr95gC9KNlTtnWX+jyfxfK0tmOe/+yrL/+Eyk9ba3+C5cxNmCLjwDw18wSZziPkCLBI0kF/54DIIF4HTSLlkMJDTBMJJYQgDlgmyCkcHE7eB0aAQFoYQMQ2mD8G3FBCArgvrbcDB5oeZx4QYT74IOWfxEEjGLxu2EYQ8nvMf6XBPclpkD4G32JRuit0Hf5j5IDU/Xa3ct7fb+QUIyiq063Knf+TbWpGuG2+sm0XlGMXCXhD7R6PKum9+ee4/gNHy23PeN/SXBfYgqEv3H/yJVoRGKHkPyPO8jwY2OqXo8vktov5jEVoOB11enm+HPn3/Qpm8pyhNsAf1bKJCE+gS+Ykp0PtFgdzwWc9P783Fcjq462Er7m7wSVj/NH75YijyJKojTKojwqfv+gqqPml4HX9npBlGRF1XTDtGzH9fwgjOIkzfKirOqm7fphnOZl3fbjvG73x/Olajrjhiks23HbnW6v7/lBOBiOxjdubtGrMt4LeqOBaWxE+JIHJtuxNWQxjuzZiG5nRbSfJ77Wfhm6J+oygRwqShvIKO558wpJ+ZeWI0udQqytTEIsLeW5ZVIxVtENLafbyArnPLC5G9iiQ4fZjvBatzkdO5nKA90Mb1jnaPJ5EFSMmxBrNEfJJlmHXkIaeeGShsIAHUZsdBwDKc51Etm4QH7ammtowx2HLVKZGsqJXAmvOiQmXBBrbWLkC7pRqiBHHKRAoxQ61mkS7AKXvJWSvh+uT0WVqeam2VDZaCTBn3WYTYfz3F4X144vFDKdrAUYWazpWTcYtGPuZ6+C2JM4o1fmhDQt1BbPMMWSRyI6sWkrdH31KiSqtm9uXvYs1gMox4U63KaV9UKErj6xKrdzokI5zcfG7sTg0pKWIdM0emXXghUYV2ve419sbZwbogsKBjwIICgEYCC4QAYLEc7wCSe4Qu2ghQIJbtBBA/ce"},61142:function(e){e.exports="data:font/woff2;charset=utf-8;base64,d09GMgABAAAAABacAAsAAAAAMWgAABZLAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHItKBmAAjRIKt0itYAE2AiQDgmQLgTQABCAFhFIHhjkbBCtlBGwcABHswiCK8sSJERWc5Oz/vyTIEdfGX00opLuGFgaJQdp05bHxuRRN/J7LDXnfQhgaBMENM/ds+iyKxqDopr6rX+GGYyJxz9rf90lr9sIUhx2ShCZB/dhv72OaCNm0qcoPkSERCqEzxECmvc7Pu0k+4JMQc8ckgkXuvCK6TJ3F1y5D5/7Ab7MHfy7sz6eMYgqLQhS3VhyhAgZlFAZYCyOXxt2QzUtRh7uJ9dWvq9Jl2cu4qDXbTq8CgMhyLJt7EFFHLAubunPMMX+/O3jWHaC97W5uSRjZP4QVVmuKHpfvH6aXPIivDuewdJtqNi4MLIF6S6Ce73JPUHjkmNamdoTsgLs/NT9cb7OHxU4Zs9Y9v+wYZI4ESzwhfCUCfpp7tf+3IyBjyIq75MNdX5K/lO9zxilnyKQoaUYpZ0Bs51iNlZnQoFXh/2tvS49whFSeR8pG4zTVE/u+Q1RQXaNQnxBlTApJIVxIu0IlRaE2qXFypV+j/BKkOM0VcUQue/yKPEAoXcst5s/0QhQP8WzXdHsoFVIHqp+6GQEUG9rDB8WjDf7LN77+FNKQ2YoBLoeOyw/eewOobgK0pkag7nFeKviVPXzt/0jbij+iPUO57im+ayMiOqqLQCnqw3gwc3ssDoPGE4gkOAe26lgkUxABhZpID0sik+YWWwLCEtjZzNpUDUE0I8eoujMLjx+rOtF9vrpNgbX3UtJCEjCOeCSvorE9WYTLFUen0NCU6sbDKBc2msTAMYSQLlQczQF6iHReFLEfoHCZ7PkxhF9wJkcn7Dkoj8MyrwPdifR4thhUpREpDxDpcKUKF9k4kgFEoDoFW7OtPKqIp6Npe8bK5kUI54JXgl5ufhwHv7ot09u+fUjR3AP0cF1RLN/hToGRbUVJd/S+Gs4dr4+qBrXYZqgXCPyLM2Io2hDarbq2kCrT934+OuIvEMlTgHAsHsvCiorH7B0/YZq4I2685elnoktsd1PCW+asaTXx+RyDQ3CLY9Y27vj8VnBXpSiWXbzEUFdZOjv6VQ5rnkwWc/tpupTjxjG5ShFev02WYkwe7ltDeCya6vM4hjX3tgsWe3zZ+aDLCsRRmoVyjCQ/PpEqz/cu6qJQeEWxk67877TlmwDiffE9xC2taSybtfC+ySSMjHBeiMhT9ZgU/OdF4Sk7Hq0Hr0elEc4LLzNHfpw3xDrLodAuhLrLHjiFzm2BdCs3zXGTViEn3uQ9GhpJkc8eLhOBeqJvj1Ak2lOLC5NSDdUiIeBsTkFdLNtrH/vWkm+NS1u7XgyFT4b7phV3OiSWbXXUu7DtRhCeRrWCjCBxak/PbxnSGKqRVUUV8fDbKXld+6yTWvm6Hm4yxIItJTyexdmcqxg/+hPT+frdrtIYzLr/nTuUuRg/gQ3IZPGTAD5O/378agkyQAaZA7M/mj0W3ob/NCQhv2I9VwDuz/ZDfq8KyANygHogF2Ra1y9GfRHn4dTdKUftVI4qg1p6PvC5H9MmCTMavOEjXyYs7a8fmi0E/3xnXtPSvxBIOlPf535/5y0LTrTyrorsUH7EciO7uHrA4AjIew5OFBc3Dy9f58cCgkLCIqJi4hKSUuOYafyDmJNXUFRSVlFVU9fQ1NLW0dXTN9Az1DFCCBqbmJqZW1haWdvY2tk7gMiH2TjP+p/fO60a3J05CnCaMCXRBnaMt27y5fqAakwpIHcXVjeBhqXNAnvWC+zbNHBg48ChzQFHNgAc2wpwYn3AqU0CZzYEXNgUcGkTwJXNA9c2AtzYMHBri8C99QMPNgY82iDwZAvAsy0DLzYKvNoM8GZLQLZ9FSRMTsEJCAJEQBI4CJwEFIGLwE3gIfAS+Aj8BAGCIEGIIEwQIYgSxAjiBAmCJEGKIE2QIcgS5AjyBAWCIkGJoExQIagS1AjqBA2CJkGLoE3QIegS9Aj6BAOCofx6RuQ2Y/l8TMg6pvrIAWnWRyVIc9mHBcGSYEWwJtgQ7AkOBDQBQ8DqoxMkro8ukHjJhSCyiLXjD77BFxS2F5R01Kwa/3BWnDv5byLiS3ecR+x0GcGgayGZ4bzIhmOXIeVor5COWKfwvRKOL2PzScIyQkJ7lZLh2vkWwV1JGqSJfTKRkScTPscwkb941wjCTIDV9TeblULm8e7vWuY6zhy7yQj21tnE5PPlQg5c3Bc5c4XvCWFjx3/zrEjIrHQS42GczLNviMwyGVvHuMFOOreNxdCpwZhGUXeBNeVsCpj5ubQaWk8IIkHHjZQsGjFR1UHK/lDfBZFE51ZEqvsIn5XsX2oeOk/qSBeG7XrL4Dmo4tmbFaLdKe25pr3NBsRXO0HrDDSXSLUB09kyzeyQVoYMuUv8BIdt8UN71OfX+EN3Fx33MSFWGd3MPoij249JaYF5Tjoo7A9mNpdMscCcjh0QEOLgc1yzUEhSOyX0HKbCuL+tzQ54jvA9kjXizshL4wF0xlHOpzFOWiK86dLuxdxpx4trQV1fn57xgYaGFi21jy7ycmKYxXpVY5kJPe9n8Yd+Gec1NkbVuHVoTs/sBhpMKPX11dwMnWTusXBiJBwdVKCzv57p/BrMqo9FU7Xp100z9dSTimptEre2OmBDtr6qX62x1HS6iBHrP+hqWgenzWydBd6+vfXklvHsDimFqqF/nBHnWRnftSuBWuPcUDA8Hy2OhiMLH40Hy/f9VR7p8Ulty8CUobfhKjhnmjIJw0as7OWlJ0elsUeE7dWwOEupqjZa7VI9ltqyI96lZ0JLq89tU47x8zf4/5VrWGtJESoZ3jEKIlEOuHhOxO2077BO4LRHP9w78Wd+b2rDx8H1kXOJOcRSy63Fkkk+sciLaExwLSmnYQi3AHZZbxo0pBZ/MoaLN4/d3JCRQfaIsMlnFiRPPd0HJA4UzMlWka8m5BqjBoUEBDqTVFKhgzJ3CVgi55reMUk+CeIBgu/Ug1zS4HrUnbai4MBy0rb7GeJpqo26zVauqcmY1Xfr9ujtu3OpN74zp4bQ8HXuqtous3O2fsyfWY4LaqlOJ/sL7B677FWDnpV00hOduEOLb67z1qziqibzgI+pM7I14yH2Z9eEwIGcFYyeJ5iOfPqCNV7ggJ4sPA3o/VTSLboHPsE9skiyPgymnNNAAxeUMeQDXVlo8OfB/YwECfe7Xigj3GYW4dZqQl4OlujujXb156475eLmGmNSH7yi3vNnlNc8L4iq26OSV6aDkR2thaHQ1yQcWa8HuQWTNCtUotGR8jr5b01lnr25oRgN3rWAhnU13TPslg304hMPf79IkMogiMZBAUgQtBGay7u8i5i8UYAzGLu8AN5F+GYfo/jRW1ipINcRlIo1YSSJR6AsV5Ycz5ZlIi/3bmz7SbVN54nvyp8z9pF8fJEG5vgxMHZRvKmqe64xKcebdoJ7bzCoD/o810J7P+F6LuWrGiutigZlLC8tZ4rkE+RgUAOD288ZYeMBkpabIm14QgHls43FbR+uS0/Qpyt6v2U7NV9+X1Jn/DyFmyxZyZkIB3mt9LMqdquBTZJ7nQr08tEjsDffW5nlSnes+osq5QW9sY9B7NkqvC3w4YnLtKy+rr66uru31tY4tFmf54uGBg3/blxoz42FeG7JU5MlA7VM38eXhtqGl+cLIHAm6KSWcXiK3HbKuXC5WL2ymJWwsbb3kaiokNRr2KAiPE/3S1M/ELTB9ZX2Agfrg7rnPSAbP7S0DzMDTxp6/E196hkxrKRJqto6OGuqOuALwdGo0/3NhnKtJLlhmJu12JoO+UenSUK+kbBeuFTTbXMSgTviQGVSLmkiBLMPdAclQwzmLfkCa2vDGi26NarKiFKFIy/tYmbJMC0yu2pulxjVgPtM7xlyuUh4BY8mFEbKESQykqgoEhFyJApFoMjlZDKVCwyF8kgy/FPQ15eRrsWorHp76a3wKlgoOnTo4CGRKESqIDxY4aDQziHgW8ivfL5lst6xmN/6vGJ9Oz2znP4tGWt461yCvkFLnd+i+kRHp5EqZiqknQqcsVqUFiXw238bOD2LeWZKlh9I1gn046dLk+Dubc93h3HcvfLsvRyXI334/ZzFYk5LI5NXLL/CtVy5fGXfir6+ut9VLiwQAstF+UcdWCa65F2CoKNOKS7HBUmdshoD/iEVjMl6LRhYo4fXylKVb1HRVwES1SWZuoCILtxDUwtmM2614kFqzIRMqbhFkR9TMQkfslG0uBhFj7aAP/aLPrN4XeXqAySOnsPl6Dh8VLoKDYdG3F6WlNWSbk2fFez8gLTOcsf+K48xqrOeO9mymsa6WIxgjGVsyozdDuXLi3hOjEP+3v2Z3hqNy2bHH/Y7ujBpdA/H61aKXZ1jRdb6P+xRNcXRwvjIb4MF1Bd0ysYppbQWh+yl8ueeFIcZ8d0COr3jMmXXsro5/bMHmHOAVm5XIrW1YQaMM9c2Oh1PYvoPLphu20LJhz32gZtP8+8qhsZDgmfzVFx/lc5rqPx1Z+eqeCuDtWVJhZwEb16d6HQNKi6P7WGJcL22K7D5WuCJ5sBdJxASpzSyVI40Nvpl4ZMB0s6Rfho6yhwt9r29GRnaVFBNnWX5MzJ2JbYsPKcuL5y+ygllfV4Wtypu96jy4nSnhfaoVJanKDtdT6ljUpmBms3q8sBtNtOdvJ0oO+idqpPiVhwomGNQynPBl0hF9PpwTdWOPP3tgNBg/88Pepvvh5NSFbYrO4oHN7v+xFIlBC3T1IdyeeJFodvTZLQYRpStV6Jb3IzU6Srerbrn3LC4L4oi7uoiFwmTxujqJzPalir6wesC7UtyRYzY66xcqo4WKEKTfdJnam2ybZKCbu94zg2PrS4I36pc13P+Nq3SJPG1QXqbdTYpfBU3LH2Mrno6/ZgwXs8rzQoUJe0MI9u7z7GVg0ZkG+cbXqhRHwAbXq5AJm3txCdBiSth5Surwuo0cP4ccukEbgD4MJ480RkuhQ8tZWpxRwRXLBdXyCflQv1duCxLU8gmZcok1SJW1ggtr3AF3oorA0WBf4gJDwB/TyisCt2azJbu7oyMFSfastHTs7QLNm0yYDIsnNNUWl1tSLVYBCbF8vNDGlF65DKDWNzk4uVAJTG4qloCE6MSoQSTUIiq6n5UTBEThvXOgG4zlEabUlAKxcAxMGaori7lNOV5G1A5qSG6tKkUdb4KeC1BgeGrqgkJRYIJ0chHTNSquAwS1cHLpUkstoNTnxNEJ5uaiottNe/h99LMRrFRq/WnzjNoiSjnnohEj53MzaXNzY82ip4+FcGuD5kCS6Imn4lyBPjIcAFeVI6mjryaNTaP9f9vbtabm3nfiZ48Eb0VKfHlIJ677A3M+7OyKRsjoT1DxcU5wSv0d10CJ86vttYvjpN401GPWGuM80tg30hktziMDnYM21Fb0kTOHqtEEhdMD6GL81MXJ/P5SYu1+eJzlHUmiSQsmC64qpHEDypJar6EEUIPNoFvIXOy2dw8qcAnCodc12qFV6+SF+/PmoyZgEyuzVmcrLCOtum3b/AtBlvEXYoAUIjEnpNWPy+7QazHGcTAmTMD2XufzBsWeeKizagOdkwbT61qZqJnEk4jUtkEz4SdtWFOpnJK0dQXi7WNXnQKL8YzIEj7Iih10KTaVF2wUIYyn9+RWkYrvVi64IvFqTqGM7SsFhQUCAyO2mfIsqBKRPQ8amp0dwcZciutvhJfhS8LWJJA6yt1y801D2NiXiX4Xgm42SyVgfSDTGoG6njIjWCAS6NzyWBp2uiCBQEBxUWnTx8/fn1FwEVm3AzRQzpMp1Y/AGW1ulmRSdXULya4Rw+TqCQRJd4KK9RMnz0h2pRoYRQV5YwRGvWgRJlUkogdkbyPSx4MfKrtBh6zHwe+TI7Qrsx5NDT4C9gZ//3n8+VRUjPA9IGjk3sSNy13d1Bwbl/O0ckg4XnSS9EF8EIyIv+cimP9nH4Mn/oqQx7y0hX6OpRNs5+H8//JkAe/npWEF5wh/3cTleD0UoFWneuAOuwPcI3wVzoMdXhC3AWKw2Nw8HGApP9r/xX78o/mow+KiwfaWtvaBuDDYmwAGx1xbHSV/XNV+zJ/Ep7mYLkaLqvl95mUCXHVsUEqQQ3zW+uke1RjsWt8u4UdeWrUj+O3FsJ861ttXRP61/+z9QVvJdnT91ZldtIXFGFGc5xWewqd+uHeL49HAdaxoNIEXMQGJyZmDKVpZj6WOkjHGOqeHqVionyOzkdRZlj0AaiVe6pBTn+NR41HOQdJgv3w7r15wEccWPT++8aqUY8Svr0vK+7xZReP9J02g/eCtHQnhwu9YPSYDRFBzhW+FWifPSYDmO1fn3K/cjTXOPlM27zkW76FZPQ1krbkYL2cXnJOkWEmReXU/l+7BEtCtnHcLIyIaduN9LjY4uKXtrwI+wieRMI7bH+Yd7GsDFL+x2V7h4/kJrXUyI6e/ZpjCDD//Ir8Bp1VpQzJICbxIP7WRgTGA9mkUQDml7XInxBqQR7qmM4A48sKXUGCEpEhMyYvvv+xhQfxTFvXZwZYEPX/n1gvH/IejY8mRiZ1HY/WDRkHmGkTf5c9Xa7tE6X10IwPtVsQtZTLk0BuBqF56p7E09Y3OCImZ5TYSnxxJZXI7N4dgxCImI13fLttggcgerQFvRBHcgFyq9O0LYgneDiBe8gdCDER+r9rLg++p/9uSnFa/nG6HfIrgPgZL09vhfHtEo9vmv0AaLgI9zg+TuxXXPf35Vz/PxBg6/4nMv9+DBZZ2P0LKL8t9PTmg/q1O3TBZScEfNRqVYOTcJ1oMjEKzlW21HYDD/Tb7uCDVdsTOiAq/AERyAcEsCkzAIM01Bza4uCH3ynRVraPIih7uS0JcXhGHVD2U1s33EjOv98DdX802n2xt29Bp+TNN7gcNNcnLH3of+DkCYvn6sl5FV+AwFrAFvWtSJ17EWmKhqktPgkFQqAiMv2AkeosEl8fH5uDrcpQ+6DdF3v7Fu5o8sy8+QaX67PLNJPZyv7DiSs+V8LCs8oTrfMLkJ5pcagFVt8ilrob9kI81hSBytRm8CmXo6TBo3QNsV39AYMClTOHGl89ejNraAMVI8XzS1OPUP72OFwsm93N4f4NW4Onl9L97QqFI9FYPJFMpTPZXL5QLJUr1Vq90Wy1O91efzAcjSfT2XyxXK03293+QGOwODyBSCJTqDRHJ2cXOoPJYru6uXt44mnxDNo5BqfFE440M11SXyczMhoNhKE5a5ZNDQrmt6ZrmUbAnirFeLQgwK1HLbBrSspINeLCUCAuoy9V5PE9zC2mmSEU1kbADgzF29AwpdQ3qeubLAMLyQzhqppMSo5auqGdwg3KFHQ69zNl1PigkAzbipMMHPs4dEw5DjoNZBCgkVHwqNnuOJC2Ht2k1Vff+jsMWsA8sdRF2EW4ygAJYY4kpQ6BLmCHUYJN6EePw+g7kklk6DzltGFBH4fKOosQltQ064oVDtm7swyS7mCW2pvM0tIFc84kYQ78EGFyhS2mMjM72QkDLGRwknECmkEMOQ0b/DlNbMdGYk4GIpNKTIvlhHLd2CjjPMu4DE6HYMuaRKidEYpQnG2I3LGd4RwXOWee94a7kZbA3wizZX6+pbZ2ANaL0sopVqBEeUUK1UUlZVRQZ/WranVVpVWtyiqqm+pUo+4PAA=="},38906:function(e){e.exports="data:font/woff2;charset=utf-8;base64,d09GMgABAAAAABksAAsAAAAANJgAABjZAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHItKBmAAjRIKvkyzNQE2AiQDglQLgSwABCAFhEYHhgwbkC1FJOtcAoio4oREVGw62f+XBG0Nha7Hcq0QDKQ6cupKZEan+lr89GkfpfcfztcjAIb9wgh4imVYpWgMXFzquTdfm/fH5WaXoYTJA7Uf6+3HJJKZLtrUfTopaaREfPrla/uTm18vYYi5MgL8gZituFblFvXWW199w9M2/8GJgUPkLMBhYHJOyQUIh4Vgo4K6NhoLI8GqzVWoi8pzbu0CV+1+lLl0fx+3fQ2ys2A1Byt4uijK96X99OWgcPkgTI2sUsiSaYvN6am5St+h39S/2/xoM0OqQkunytRzMpPInio/5Bd+E68JSWYiBzwTgjb3F81zy/6QpFA+GEGQuSHXPmMlCOkQ2sE29f1mO7XMHhacMmZL/6Wm7RgEdgISJ4RfiQD//9daXjxaqDzMSyaGmY/MfRdPez54mpWESpKQNBTxUCchYqlZ7JTUmf+51DLJMQs9YciZ/39yd/8nl/ZyxRxsTTu4lH85NwBSAKyAkhLedQiqoCo3B+jI7k3pvqlaWTcIkDnzguOHA7qQaoRII4YhpJBGnh8LUqdx0K1L7EBQ35cIQLYOwthybC7g2smv7yEGCZcHcBgadsaLR2BZtUE56YHlk9MehkvOTV/9HyJ6oNNGYD9SJVRwN/tB7w2BRUaLgR2OLkdQmISRKVRGJmSWX3GFEyynKaI+EaIyeO8gDCFkB2NBNStFHpKtifEbK3sM2/gbinO01hJ37meqykQybIEROWT0EAt+VkfUBqeT8NnzfSzWDiSqLWrLS7SmoXRzqIooEyAUU2Rdf+GuBpagphrkTX+GInaySkvPHtVq9NfoFLyCriqr6nTFAaWqQ2SapWUzarLjFcyGRC+YeBVsh1BrTAZq73GUiUuJ5OSp71U27AroxrrGFkurbCrdGluu8q2/qqPOmBrLrP/eQZelhcpa1x/jKlB1j6W8Ck5++uPdl/+BGFJURV0WyFbqPEGdtAYZQhZo+7a+oljbbWULn2Zo36QpDk5tmXg05sjNmnLqyeEWqraIWjkoVo0TGwfbxymip7R7O/0myZW9MXOYqrXh4hNlrR2tnS1VhiEkmoNRWyM23fDeYTPfXGmUQ0yuadzRE9FFQzoYpxfl4TgHT1naI5enRU/cBL8IQmxiKnoSRo3f+CosjpMYG2m0Hy3HxgvTZDXaVj2yx4WTmHaGxONTOhQ7SRaSNbnv/AsqvVwqU1OhTog27B3ZMm0fdYTlUsadgxVYGrp3k4VKb5rXp0HtoeeoBEYHZh4NiouH3vpuwJmjqrZunMGMDOt3hmxqR6EH71di/zSZv8flMDawVKF5ejJgW1CPxLk8ofr+FikNM6MNuvvqxrp2K2jZWoWGjCgxGTdwkUZMZf3bX6Pb2vX9Tc5Q8o9WIQ0kV1sfeIwd/374pzwkAAkxBcJbDKzxp/Cf4sihYUylBo3ns7hZAZAGpABFQCpIKvL7QhGExInVplK0sPksbvCcplc++h2rI5+eRrFH3vgcQ0TlGWE4cEXjUyom/mIRu6L5uZ49Lypb0t27Q3GwymX2Tq6sHV0YGAkQh5mYWVjZ2Dk4l5dz8/Dy8QsICgmLiG68uPiDmJSSZpeRlZNX4FNUUlZR5WNXU2fXUNUk8Ghp6+jq6RsYGhmbmJqZg5AOYTX3+M+v6dK2NIg3yrBs36nKAUgr25+u1scLzKrkAlIXIj4DFD9KD7AoNcCSdAHL0gasSC+wKvXAmgwD61ILbEgHsCmNwLZ0AjvSDuxKH7AnzcC+NAEHMgAcSR1wLK3AiTQAp9IPnMkQcC4twIV0A5cyCFxlj4C4h5gHAB4BSABIAcgAyAEoAAgASgCUAagAUAWgBkAdgAYATQBaALQB6ADQBaAHQB+AAQBDAEYAjAGYADAFYAbAHIAFReSAWEKaFQBrADYAbAHY4baVPZDHAYAjACcAzgBccE1wpYgcEDcowhMAz7j5vADFecU1xxvAFG8pIgXEO7ffeA9UwQcAPgLwCYDPAHwB4DsAPwD4CcAvAH4D8AeAvwD8Yx5BFkafm3jCG1mtAXmFCJPDX8xMS7zhFwkUsRMDku0GpgStiQgxRrxjskKgmBcS3kSiTRYMkdHYnhBReWKNBOHUURBtBVxXIemOw4yepaNBBHg1YKiKeZTmx3RQVYHl9yys8V0gsVUz8hgRyUFEGUaAeVUkcf7kOeC7ilBQwGniACKkFJzR0BW8VroGFjJxg6gOwLCoCCMSVe1Krio0QSBW2MGjEkFWweOS61b/uqeT83n/HLvseTW/7e/x/YX/H7HeVmEOfknXu/n/Hr/yofb3fd3vF3hI+VFEAf9tvP68lC/PcDWuXhUdIECGIscqe7SUrxSVXKH9dnuhBpb2yTLKluNS21jBXoeNSls6EUtMBiRl9GLnCg8Lc8WYxI2xmR8To54V2zJnKjkPzofsvQy+Ha4LUf2wYEI+rgttAdKUgOV50IvvC3l0XeBMzn8O6NOziXjuWVp8cSHnNjn/HIdokEQ18/cEKH/s1kMXbGql95zfRHaSUHgfIyQuOmUngfnO/gBlRrb9OPI8fPQ9Wg+hmlu/QIb8LMfGfY18COnbPXmXIh+y7e9DqCIphbJdf9FqxUhST+4hERTe6Jt3+gjRdXzaTEsZgYfHzLTjIB0uZLPdUAbO3BDitVPAjFtJOVtAehaYXXm7WJlK2QlinryKtCWpA6X6M5mEEItQssPycOF07Eyx2YfymYval8xaDjATCal5SErkM4ywlAIL0wkTiDgez1eSMpXla1SS+SSSzBWHpPDITcElusnF5IJGcf4cOEYt+q7YjK2rJ81T1+wbZ2Knr5eul9y3an8qWxgUvxkkW8I3KzLaOBKrSsmXE6a0CtaaAqaKSaLhyqA1LNP60YNIC1B+6MDCkegnPhO+IZOyk2pUZNGuZZRz91JodkZlDr0HO3br5CqfJbpkVoSNtLa/RNuK4mvhG/5cxYscjpcX/fftIX+5euwkMF1XiEv1M1A8D+ki49o7cnxdl++zej4EDDxGhhJxN0G7cKR4psU5uGIF2/fhI606egXLXqpxADDzG5JyYbfXfhtSvjSl/C637VY12MN/rZUo6h+0FLzBqx8ZFWwbETcft2Qtr+X7gc/BK+JpCaWzmB3ib9tHyPJlZymUXTgS3UOCtJSS9u4f4qJ0za3qVLHDF1x+X9PtaxrsroHqzbKTvLpv+S13yxWN3fHnnF6y3+Iqvslnn1qspRT5ujczp7GiP/+SW2WeVVWpqxpqdyrP+DX93pLLaFMt8g7l6DKqHz+Q5SNpQz5LE0xDfUIoo/g4pQQTZni2QI+GU8PZhKjLwbqz45NsuMR9QDvUk9b3HiA4IgNzJAel0qnnIZJzO++2cvp485Jo6JGv32m8MIe6mxaH7hfovB1vWP3DrS9nnZ3Nho1YRbalYKmDZWmArJd3gTHvvRLS+OYBtHL/NWrYedOxCrHiRyV6e62+IzBUyPHWm5SbUaqkIt0zG66sY90zi0tHlPBA07u6AEuJ8r6Ok4uaOuFP9MmgmJbK8eN5D9WwUqzNNVQwKSH8KSOV9F1Wjgbcl/Ut8Z0K9nNmM4yKN8/JXmubh6S7eXvERwufaMXaz816AbZ4nQDblmPQAvEczJohUdmxQVQFdvYYQR7V2QW7YBcrWfhZfrG1qLmx8LTA5BPj7g4dr+Uaw6QEKt7FqDEqs8GMGUXthO3CNHg/KRKK6IQZoymJXvC6dRI9PAmaYYnL4qbkhknCVvRUTPYiNLnX4e70U67r68EVO2/yJcO3K5wVPHpRi6s7lweLN1qv5LEU970Z5z00HhAG32a/lsIcf2C+A8EFkwFPkiD/fsgiQa2tArCelUTtO/23H97su8X2vlbAXnXvLQN9PIvX3XzTfa7tNwpHrPexD/Y78+2Xwgn8ADJnreh4BjqTbdh5MGaguaCXYsiwo6DbiWh9smh/ksvGY1I/nbizDxOdFt1NpyJZmWpVluu06b6UVJZ2sDffkS6Lg70SI603Zp5pyMoyu7S0OFOjwRWhZXj5DyTdFJctWcblfWWdqki/ifiXbNrLv/Q/6yX8Q0C7bGPFNwHo+5MxhaVsiSQ6HWvkViwjYYovKpkme4pXJHKG/0JCOoteyneJmCRMQxuhXC50K+zMzn8oGRuPrIPK2zE0NWX7Y5b8sK/dmirVHVgUQ04Tjn8ThSW4KVF2IxQXceIpZVYTXEaCKSi3Z0/Lf7m2rW3teFsRNb5t7dq2L/ebGJ32oMzsgR5lJmA/fltMC5QD810ZxC658uFnwpA6OR6fEzCFTxil0iko4Hro67Pf43Z8t1hVNv5t0VCm9ZRUqq8gsgVpwW8C2G+Clijf/PPF5gE+uAIMPJXLsTXh+WJyOYm0pgHvaWm59wh8b9d7GwXOwZrMBJ6Ky1XxEgy+cq5KxU3gGVKaGRK1ApGxWDJEcRBQlIylQA6APXPqBAdYi0KqGbv3GPZk6G6DIfEcvMnWb9aPyEsVpcPGsqkyIKjnxrHZcdwCc/c4NleqG//l08SYeYXRzLgykxF8qb0+7thx757rpk0FhQVvZsAjsUIM+MHDF82O2yDTBqNXt2/vTk3F4yXiAVU6cGvgmOTw4a5RNY35u8KGaaqxLnDmtZQnvchFeSjGTfx4NFj9hTwJ+yN8CAwc1k36KBBE4cP3YSkUyCzJF6E9uD881Z7iR0P8O33/EgD7sOQKxGe9dLNHiAf44tyZ3ix4/E9WRllhQ8gJnFeWF9cr02uO6F9l7aceOv5RXtmBe2ruHWD9Gle4/fmMFYzHttZZ3KltIXbMG2WQjYO/J2yxlVQlLuWTHU7xXC5muCQm0mqtthy3olHt7BlWdydhyy6r6uyisRmUBNhqu8PXOTuBn+3v9rDOpMJuGylHFP2bE0yyWLA/yN5+9y24178LucjCqAiwq7IsjyQSqIIn1IKN5POLqbxBP3PiNlgL7pLNQ6q8OY0dGz9PuyNyFkuutixnqUOTOn0YfNv0mgydrYyBZGAVoKr0cXsf6E2/0yvovSOYS72OF0i6MPvo/Q222l9tOrw5a6oAHDGc14pluu3xQFJleG5XXri9lExhfvOfL52/9ZHqhjmZPYMSGZUXX9m/Du6i2lJnJ9YmVM1uI5iTXcgwWP2iTwk5fKdBw8clnGw8vBC/P6q+zS3xHo5xoOdjkgFTKMLdD1CUNvG2wRylkKOe8m3at/vnZN9oHybZ8H9EYjrOI0kpiRYn26TbLmSohVh3mDhNJErz97APjGj1mw7fk45jyEvy14m34sNdXU8F2nv4p4uEaWJ3u6AI7quNbASxTRF2DraB7dNhGLkPB85P3GrRYnhUnlsOs4CktUqSxgi5CTX4HlR1OU0DWUXglovzNU4hX0vPVNLqS5nR5VaQO4mS5wmTSx2TLCzF8y4A+NmfPca9R6Eq+fYI/vCaAO/xMNHPYro6V1hVOaMEWwZUQEsjZlUqA8VdK91lWh5Kqaxa/IDlK00a36mIfsZp3tnkqkoK+K87H2Cb3SQ6CYxGVI9iOqleelGX7IqHpqcj6TtgNK41B+tRfblEiArLUeH3pfwXyVn0LEB8XHPIAp1EgefKiY6+jhQ7PEI8qMKDOJ3ud/T32eNwQAlpt0wn0mM3re/T5BriYJ1YnBFnJ+ugQCfdASV48qxV6i8f3Q7W0Fu3ftDkDjq03s3fmmaORDobcnPf2zddLDw2VElMj6amRe6laDQX6+mPzokmMdL5FPzOmacuj0/ZLOrdHhT9eCkC4MXoFFroNDCAmbsqpsGo3Cl0iiuxhi+Wkxb7nBGN+9+kDcYG8K9e4mUyrVapzB3ubpF0AO8RTSvV6rUoS0q14P4n6JeXUE5O0ap+/Eu92CJlrIYwZlnj69eGV4bXu9ilwNPcwEsyEB7l/wqcd5Uvwqn5Sk7eXovFlumsBR4xkXMVgnPuibaL7ILQAekWXDwuwT3MOSA/tXN2ABqDk/sEsxYsN48xV7lHekTH+kYhfSZRLNUslpqpMFOZKZNWypCwWRtu/yBsJMiidVcD3cJMBRYZVdXW2WwNvXn9HxZI371AXFdZVRVKXO0QQAtK6o016Xo8zyFiMf3//0dAqw0DPvWi67eE37penIL1zAYq8yyT2sCcTGijNaXNpY35qENcOkkX0M7S+fRp+PXrUXow/SwtBCj1q1eb00XRywa6h3NTk1ftF6NOLxmMiDO/h4ZmpRNMqO6imFu569c7x1/TnyvYK0/qv/b0LC6GiTRaWZq9WQll3fqStZa/Pnf49OTDoFVVfRfOfU+YMB+olPnEN8MU8srLjzUXrDZhKlW8Cmsv8maFyhBtaTt2/BgqbPNHgf2aZxZzGKFmutrqSyDMRF+H/ieIGPjuh6ql0r4aXTVu9Uj448JVurp+XZG8tg44Bw9nLvJM8ujs9EjyXGQwKHCfPcljkadBoZkhqcjwTxUKU/0z3g8wXKnCDNF7UMpHFCDqg/4G9/nYGfX3IwkHv2tZAsylTHp4dHR8PFM5HX5JBkN9MLth0l3hHu/OBEzFI+0e6ajRdD+gpm6NZq0KcIIyyeQPeh6YFdiI3a9gpv76/PwTJ/paWgMDAQb7SIOAWKLBU/gUAqW7Z+7ckeG9jW9teqQzZ2SEQm4bcorFtdGzWEmKdaoTf8gwxMy27K4jaUpsw7pPansYK8rZoNACjxr/VHMdzayT3jeP3r13VhMWJm5PFc0Doz/kcloKdYnAkleuTKHtMRVwrSJNOZZgsbbRERjOigrbV3CsIp1vbBhFRx963dW1yQ0wCoMvZ+jBkICTKj7tFT0E4gskK+10GsQjQsFAtPN9wx51aJEq9Mx59PxZlaxILdvbQEO9ZUr5qJ2V5fXnMi5IL5wpgDp0Tz1V4q1WqoKKamDXpCFRSMeTpz+LllTJ910PhklDoNSVBMp473mSY9qzWsrrsjJs546dOzHQT87IuBsZRcQ3Lu7p+ao/uZJtbbinVEpS4M5zE1WpybnD3QNXZIg5JQccOrRuXe6tGJE71YSQlR4a+vuZiInrcbGrV9QnTmD+ori4Tw7Pf7VcW7JuPaXEzD6trLQUWAiGi+vGjQa0Ybpj3AEbqQ2wWHuacb0erceGwfvReKke9Bo0Gt+2vqXw4NiDnm9evAzwORxwPq/NjFS+dVv9ashzyGgcmk/0dudmwuBLh10aGfRkAnwOBZqJ4mk3LN7y7OeKk+OSJ2nV8auLpIuypdnPwB0PfIMjqScojlS/32QhMHP+fKBuY11roSTNQpYXHk5Okcuduj+GeDnnFrgGBstCY2Iach3I4E+lEvfAlgrAnQ5sJOUjsPiomBhvApGlW5CtjDWdEZiKOD3NDMPQCADCD+fZK6F04nwhqyythQiyOaqoRbe0BAD/h/0cGje5XkcVy6lMRZz7IFEsuJn09w2c2s0X/77JJlV8MeQoaMHLxOThnxiK+D8QmCbNB5s6wI1QhT0PqkHQxUabGIXRFnsi4NcGwjXT/rbOfCjPJhtUihTxqzIfFCneKozC7NhGk5iJgd8xSNshJ55BfAfUiSNl+J+xBwPPcNpyKVn81VyAhgFggcUf/fUBfL/Ij4V9HIC/waDQCQD9Zx7u1ZX9b4Lhr0AofxWPqPeNrFbwj6X3RzxWNW/9Oz7TD2QEC0D6IHQecEvwaLAHSWD8ioU4EabhG4G1ozIQgDaqgBKwgAyFEETLE0wD+QAC0MQCQFAG6mejRoEASJPRm8C9ZAyB/aPGAhk8J+MIHB+FAMWZ/DQBtOAW/Jv+mUd7p8Og4wv4EjSfriDe5wM4j4TtVXeZ9WjPgMBawLb9os2TvxZxrWOK7RNhu68QqE1Mn2CkG0TSzcWFC7zuDMUVzXvGRtYdLRi2AOkFrKQiiM1jjdUKpA+wJJlPjaDWlc6lpu8zj9rjagJYqbd4lrJpI12TSHLaR4WRmPBPRpEmCRGhNZ/UyidgAntnKKAkNy6ijTlde8cYYf2bh1OtMmy6GdYwQaZQafQ/tNkX+8/v/fHx+vyBYCgcicbiiWQqncnm8oViqVyp1uqNZqvd6fb6g+FoPJnO5hImlLl1596DR0+effPdDz/98tsff/3z34tXb959xE5ensFrGQkbvZhmeV2/pjGJBkJtumY5XMXBfPU0V/u5YM9P2hjRggDHEbXAcVZKQS31rqlArNJ4FMobr7FEzNumUFgbAVuZSovaLMp53bzTuvmksi2bGv6y8eYSkzZO7C85KlA56DysJ3LjRigR19UQZ6n8GlPtF5VUndWRKjQnTRhYsbcbobQd0W/GnI9xXEIVG5bNhrJSPVgIO1iidAg0Q6zTxRZYx4J1KhPJIV/6YUj1RYRQkXMHJw1hzcMPUuWcYDs/BkooSzPcfIW1IdLmMxwLA3SSY7PM2lFVukuuM8DiNusFa0HJZm4iNU7Ou13Fqx6RmjItKOLeI4VgVU+Vp8RtSS2Utk2HiWs0p6TdV9QM0wZ1ScIeTJ3N213YtUpbW8E5yqrmMSBGBM1kRjD40ptTT0VFsjBxlrECAAAA"},43545:function(e){e.exports="data:font/woff2;charset=utf-8;base64,d09GMgABAAAAABzUAAsAAAAAPOAAAByEAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHItKBmAAjRIKzji/FAE2AiQDgmgLgTYABCAFhEYHhkYbvTNlQcDGAWDa/P0RReWoMyLZ4CzM/v9DcmNM9ACsi0AQwTQhDWHL4NqMdePeGClltMJGrLTuMvf8hbUCjZYozi+/kt8hj73YmUgga6cpdoxOuYO8dP+JaQTbuXjYIUloijx8vx/t3LdmbeMm1WYimFqntB1CpTGESKb9v9x638HCmehXAXZhkTPkJKLWVCkzKeo0RepMAmB4nLN/JYiH8oK0DK0ECl4meIXiOjFsG3ixicJS2AlT5sDuM2hnmsLNrLkDtn/0tuRkRicGfIEzqNhGN7sHIogaoiV8KfFjv01VM1x7MmtY5JQxt8fzlz7RJCQzoQA+CMplEG9Ju+zm+60UbqsDRJGVXMT8cnVBYr4Rb52fmdZnWkcWTl+zgpyIVAWW/0bA/+ksW8MR64IwB13o9VhT12lGYxh9yfZY9r6V53T7vCzDe9FqWUfkrQLMtX0OWMc6dgAroKLkPimaFG26qwN1dV2Kog08/O83K1QqoXA6IQTx+y5i6ScgyszSvHZRa2VxBDXYYv2oxMa+YTDdVKU9HmFKusZ9G8ZmDb1rXbWbhZIiAgLGf38QARSbuMSMvhs2hC6ZT28gB7m/Z4Cv0XHJP70PnjMD6rEoeD7lvMNOSM3GJ/8ix7M4Tt3+k+vLrc5HfXVefbA8KkZc/MSHYBJMJCBkCorBk9LKCpWGFRo9U47J4LLNbY40RCJzijXr0TRFCMwS3qU5G0Fu7CXF5uH+toR7fppUG0cmmiI4ARW7LlFxXivYksYg0NL7j/FYcAgoE2aK4izoMMM1NI0ykcCOBihcm7plTEhwKV2+cROYxPoJwmnXiH8At86g0KbQNeHN7V3hwKghRKabBbu4p+pVEEsCY8So2twPwRaICrS8R4bxQlrOmR75os/PGgGW4dIo7t7ly4FZ7J5U7/qHGrANYsCT3DbHIc8SAlm6RiJNByJYp/aiGkzf/P711/9AUUU301AE5dDQPM0+xA8FUqbwzfOfUyxiu3eP2IBhO61nXj1m4kUG2ERP6VIQ1g1XS6MoewUooVYlS070VUxylBU2a/C00Mrs3CZKxSOc+iIbj1H4+f5cgpAIdK8OM53xDWranJsd3VMtaxC+NWk7Mg5M58QighvRChpNAFNOxUpoQyuvhbGbRTPEJ6djV6Eo3WxsSpRHPmhEkK2j0JDdBZ1nYKKFyE+mdcgHXc4wt/uSCdFMkYdgQa6dvYWVT+8uo3/CB2Gs240siP1NlHSEplScfAmWZ05ffocHZcwbO6bTCvlRuxgOt4gBMXnveeWLE8EeQAeGZTPQHcMzLad8eZIBZ+MHKf5ZMtumqaERCKwxf7AuIPagipQ1dWwRL8ujZOCqqG60LyzDFaZksPEMpIqAVLLqEiLsMIHU160zmKzaH84GSr/jpzyQHnSH8Ont549/OiKBhMtxfwSLZ8gj+KslIzZgO1e2O9/IW1cCeUAO0Hw4yKXO3j3RHOwHeQNfDtCJKOdpg/cz9Nw7P7KejFRpcd9LH7LIpp8b3Jsh9OAt6Tj2RyBiTt/MYbPhlWUzRntbCieUILY11cLKlguDhfjx3Dy8fPxqLvs02OOFwuAIJAqNwd4wvnMCokgi+/qoNDoDxmSxOVweXyAUiSVSGUSuUKrUGq1ObzCazJCuQeS7v46X/J8/tKCbeCNOZZjNWlRxQJom9lpdrLaQrlAKyD3sVHeBlie0BByhIeAEWgBOohngFFoGTqNR4AzaBM6iYeAcmgPOo3HgIpoHLqFZ4DJaAa6gSeAqmgCuoTXgBhoBbqJp4BYaA26jVeAO2gDuoingHloE7qN14MHFWyAjijcFNDCBDdiBB3AAT+AELmDnHxAAISAMRIAoEAPiQAJIAikgDWSALJAD8kABKAIloAxU5JdbFf6qAXWgATSBlvyyakMvHaAL9IA+MACGwAgYAxNgCsyAObAAlvJ1s4LBrIENsAV2wB44AWfgAlyl6XXKtjR9TtmO0T2Af1WG2B7wcMGxn6WvK76su6n01BObpCnecokRuvzppfATTK4o9xQUhTGGBB0Km9wtsNskCAY5EKVWd11xLrG761Tjau4De0upxEsM/+MFkHouzsR0hBDQqy+dpXf9HeCuK2LCoAPQeSsLG/3wd9gyf3d74JyigsAPQGDX4pmnX2J5lLwnqR3xrgUiRKRoyo0h1C5iUwsWpBYu4Ph0NrtIyNQKrv5AepDfSm8Gt4JJc7WsLlh/lmVrwb1zdLvCcMSnQA8HNM0eMSF/mKNR+PwuwOKy2yAdO2q5uoV52WjyiVRfw9bbzcH9naCgmKVK2OCKh7iaQ1a56BWcr4hIWu4eB1PcQaPg+KVKdCQSVavPg0Idm6qrkMMXP39cv6TVFHwS0ikls4C8r1rY+6zLCEp581Sd+FQuv/17UXjmLpGcWGrNaRRgjwJR/Sat9+39OVpqRO/FQhwrq8JrkkTLcdlqVbWq4P//JQrkDe+gHP3t25VFa711SJwQA9GiaRSuYWzB5J+pE8Z9SUtsWyBmMNv0BdOExmdG/+Az0QpEN2eHkk0YrtLTmx/iZeYHfGv0mPGF+GN1ufWhdDd50v5SF3wvL4rXKf4wGd2QlyAXO+EUap05GLaI6+svHAxRO2RRxOJNV2SWJpxZy3tnjXD6D/LXLNrsrm+KR0YNOUlwHAUH0MNRZi75Y5pKOPU7mIP/nJFf252K4VEYmqE2jQKgsDUcCenTKVBj+Ixuk5hBVTcbCJolTbWQjkKdUSTs2zzz52627/epRTVN038wJKzbhwNay4dkQI6APoV/n7rDhYzjCivJnvkT6Pan4M9fFNG8cN5AVZTyF8zqPuJF3VKr4mn8N9XhP7wex3/0SUC/fT+nFASHYU6chXzjyuLqcke2Odq62znKkFVmxslAwxAt0Q14XOQba2HG8XkJnLNtYiqwjS+uLq63shaNbNN0HDPdpJELi5XeqAN1ShVSEkwHyjFp0eECy6OeqZ4JKb6+oymaLdG2zRDBhJQU5DxwbFmimk0hmzg6HoPjZBJNyChJ4qi7Ucnb/X4Tf749juL06r/VZIV4n6YOVVNH4Ng5S2CNMiUqBF1jtdQ7cON/JVLebnCDcpGX2wB3hC1aqCKwZGcULZfmzmn71LO1ssL2JGgUcVlcr3I6BBiBhPQOnKCYTsErlsV3bJEOotNEiTcTheMDTjp6yOjr3mCdW2Ye+feZKsAri0FzuKYim41eYx81B8NBgfhY1AT/pN7uV+2WYICPIrmQObCXOJ9+GImboSlI8mJ620MRoLH65yszjyRHbSK8Y0IPi+9a6FhL/eSLf2kJ1XrP/1E3XusMD3Zmv/uTUatchOWonYf+Xlpo7x89hybJOBzDExqOIhjHJEmQ9Hb6V/3kkobR/vZ060tTkCqu0/Yj/y53OweHM01148//ocRES06hkJlb8aEH5uBAuYtyYbaMPegzerpqJbgqd0WPVc1n1Q44NfUqbcJDWjkTxREFTn36acY5IuUhPEOGx9u1X/FKjxIAILQ7XGMhwpngvMvodHJz6vmdetMnxvnTrmjMjrJHJT0oNMAMPFhvKoMhElV0Puxr5LfJXtQzMQIADhadDIlzFoxiyYkX8dBYF+weH84khDjAnZpBScaTOyrM3ZzVneqONTe44hkKjV5fk/TbGk3lBu8SpGhvFtxscQNc8yQRbNkkP5DQ5mh6mYRwMS9O2i71OsUYBh0oCnfyzFW1lMIVEJlrgDmGn2BFpwc4TPz2vF0k17ESjHh4dDIVk1hp7fkBLt5Dy3Wf5TfPGa0Ke1In0RKqyCCzt9BVsS41zlOrKUNoHf++CPjCadkzOtlJixXzk+q9Mss660Ts2RDmmHGYsqN2dORkd30AZEAzh825qlot4aBrNovlYKTOaayDD3OOeOr3nRRk1eifHsthTqP57B62R9H0wJ/VpB8Q9Hxqb/NVyvvbrqiOzHzpoZR3OD49sFGoY49ppU0xl7gj7xXN/jWaqG+Vjsk5caKVgTU7jQtCq/Ad16N2KckFmIm9ULZEhsbkfzIbUFZSMthAy42LFaeJepaO8ny5D++uOlS3GbXkSr2gypo1dlybHRlej8BpTXdFuLrdRbmGTmnyycFznW3n7RAFYypxvIbCakKWk2cX5aTZxDfSBqJquQ1hpSQo3zdnLumUdepC3qUSxxaPEqOlhANUOJa/UAbOo+EtYR7LFxvnrK8NlFeLHZZ6CsVIza6UfKfAQQ7pLEZBP0OkC9MhbKCFQanTOVpVABTq+mW8G3bdsC21zXmmYqv5JeGRiR7Uq1sB9mZfW6TL9BW/roJy5Hjxa01e1VTFMX/zMBqFp3pAGvpq4yquChANEJSAwA6HHc47rmTz8B/yH/oX/506z7gnqYteyYBbZEi8DF7x7QXQGnmx9O0i9e4LcXo4TVuueyYN212eYnW92RRzUHhlemqXcdEoWEuuDlgaYx2k3UZtLCoJ4TTZVDn+WkoxNceYic3NQH6uaaLgakubffzbRsXMVuyxJY3L4jO7tachTVd+m72bPUzB6X0jsIPCngJFzKyVD7GK0vwbbbGcZs2clLf0a8ZXQA32BIXE1DB5v69RpBgCWLilefhDOLAw7uvqwENmbR3HrAK1UUsxug7dxKpoH87puGnoL5m6EHPezLyPv1ZiSVvJJJy7UdK0+2mOAq6c7ZU9uK5Mg2MUk1cV20YWleOzsMG/pHBfFCSzuNJmGpLYZqgVamFWxS3rTvfO+twrsiApJLFNGAmnbSovcVpfRbyKbOECz+xLjJBZt44yOSCkdSzwnzJRC+l161J8VO3t7IKy7iEA/oSy7aoTqQrkOzwCLF13fgG7rTFaic4YFFJDmgocKPBYEcDgjLMzZTIooR/cv4GQuBq7caAFaZkAwZPDtMaPj+v1z4Rq4bCL4+Pd5fjMdkK/5s3tOHZXTujHgYe8BqqxA5gaP3CbmQT0oEr2wHPmCdTiGjhb0GoW2Ox6vUcWpigmuSDnW9XhoinlFSkoEoLUiZNlZWhKUEgQmlpRloZuXgiusoGzxSkPxBybf8SotqmhVVG/Z9PybZ70R7FOw1ogsGY5nshgXZfWPdoHePIQ9q4D33ZPdPWY1xL4Q+murWcvgBwnZ0Hl5uffTn77fHNlW75f7u3M9GELNK2F0o7MzIFA58Du7CxyDBsjzboTgQcyMzvGXADKu0TjalxXU0PThJ3MTirDhqzp0GlWaQmDMykp++9XXNw2RpehNtExuZaWoY6Lr9y8qZ6jtlvvsdtrt8ecryucQHLXZ4XofPx5kQJsSWI7FXyd02t1+XnnweeXrdBcNwUwl69kT3Hj+X2+vFhR1MeP550TBeTGVPJ/i0WbDx1efHhvM5qL8mf27qs9rTDF33eoztYLkitQRsjMzAAHnbHfhNKvHYwQWNzCYVjPrhXU4FqIiPqCeoL6REjPy4/x1cpJmP6yMwO2YtuusIGnHW8nh9fF43btZ/dyg3H6vMDcsT9pXIMzjo5OjhSuxenTSo4MTuIUflXV6YHAvLGJshJl9ebYsyy8DA/GS/F5u5Okgjg/4vKisVnFemLuLbF7yqru+QmNunj001uHs+W7hF7n26G9k+sf320ytvzquiLeJ7NsxDJqzRfnOYXZjbbsCgVng+3hM7YczkxE0GbJw7qNmNWR6ztit7yzZudCm3NbLp53mL2H+GEGjnBtZznhcNQmdJ536nO76zwbi2L5zy8cv7trfyr8GxHpo3UWAaftJlapDpYmzqGPnaoHbAeqnYLvi80tj9prXnvniz11UkrKSOlHqfOiClbyy7iKTMtVR7Zs9fWj1doO8/lzLCublyQLybRJd9Y6pVtnhsiSeNlG8i3rQ1EWgzR/v3TNJU9KqpPSUubrpgqF8XHmGAx4iv2hGiex52OP6aVqIcXzYvA9J8p65ZOjVD0ek9yXOXavoDlp1Y7KJKf0ETbxqTeiMKbw1gn5v81HgqzZKWlrcpoPVibAI+aYeZyzoiSvZe7AE4sRmY098OEZCTGMkd1l5ez2RpXGnCQYIXCXx4OaZSEp3pLYCIl3WlVfb90WV8m9H7LH4354VWwzlfgp1bvQqc5rIm6915jzz5TpsysDTEfn8NKrjpRRIafIUSZzLOIUetBLt4TMlizJm5X5V7R6JW6p6+2t2nhBNCKJTfFeFlITGAjkGwUrZ5Xp+TPDJa5zQWEq/lvilE1ETVeGJLpDeTKdjeFTKxoHqw1bfZJL9kocYx03SfYB7i1J9tkqQwqCpXrLOzI/eUAyJ3tOD2TIV55N71jqpcEFSLSrByPZjEt9FJjm75+2WLLTiy93eESCYQoZ1Ukg9S9Iwo8e9lL6CMn+Vz5yXpCmoLmEXVg/cGmC+kH+B5cJ0/a29qkZvZ4y2Z9BS7moamz39Psu4P2NByPVkY4Zj8tsTVWYvg9qm+Z5QXmqHxDdEtM447WEOxUaw+ml0UgDe9EcdIkXUZ6v0EsQWdk0TmVneYKyoEaogfwBy5XpbaSFble5M5oJbXDXC5iHGLdKWFkmpyWDHuRmRJOJtAQ8uQslHMygfX0nEz0TJ411+5AF1IRBB0mchDow3sg1jpOHyeOmXRJcy/iEgCxejMwzZ5Eq0dJsfkDGTjc4c6fzxGHivGlugrzqYAn+2fxoqWfuwoXL5Hj+oYgPX1gW0jCX0wCP1zYKQf9h9jQ04HF26yonKJxRKnUm6gydexhc+MADcqVS0rPY5f3BtaawDj7k70vrEZw8cFgoh1JJC9Umxx4Kf9k+AheVyu3NQruaCCBC1F1rqSYnrdSc/EKgWZPEZiEJZ5GlQ6MKB0kCUyS+TDJMNGEmJ0HlX1DrcUpjQqf4a3iM31kBl+CFrJqAiPOHGJyZmCCEpogIyrVVBoMOD2JPBd0R6p3t25uPrgJOrccs8Mzewb/x448kk6ey4WlaqDFhjqaq2tvszQynkoLYfOLAT50C6Iq5wMlZKg1bIClclB6Q6u+fGpBOSnYm1X9OTX7WZec3hZeELV8eVhLxcctbvvK0wIeIx+4PoCT81SeipAk4Ig+8rD24/HO+A5fX9xx/mjMlj+Ea2CAai07bPaH4+nbcQEWT8K2gKTcwFv1Adt4nkM2NiZ3ixAbkEnyzg8+in515gpFQkJdHGasz6H/10zhTnyzR3sguKyfycgVQC2xvbbWf4qbyz4pYCpfdHvuserYlCtAqQSKmxuIhiY0vrgpNEmzrsdq37L1LPJrc6IIq3GJREdTCu4IqkMTf1mvJfcu17N2dyAdVgrtQg/nYxbop7HqQmjDCkHMEI4E1TBkgWXzfojs7F73P5w+dPfG886IGAm+wdns+wDTw0SPl5x8dOsEj9RmP7upa9u7h4FPXeNzVQTUEruKJNWbXSiX5ycvhtvkF89HSZf0ZUcuTtsH6gvpim+6MMIl35BartPQ/OeC2pOWRGadLVlhPBctybXYXlqqw7Mp4gR/PpnDRvp2l+fbdS7sz7IjCxVth+ob4lPgNrvXHj9e7tgdv3ZTFopK1j5gK3XSuOMtnuaJZv6mPSqZa0fiB6MDA+XfdZQWejdsJDzBrUChN6DwOxGAAbnI1poHjg4O0UC2kZmZ9ELrZWSK/wK6xkRgcHIck9HovnbowAZK4FoKXB2xTOQF41xsTXOLFWt7D2FxiZobYPx04QmMimWKXEOBlSqV15olRSkg9fGABs4T0WgMDDE6BXP1Yt5H/xRHpYAMm9ERM3wL6rjIxZ7FBbKG3FjUNdtnfMY3Y9tdUqxrbPAvKu5VffjAhl1KfnZYWIIqW4AHX23WBMb2KM7+7PuzTiE4cQQJ3Ol+8QAw8eV6Buz13B1pbz+GzOqMxI6mD2dyu5IARMqzfsaooNF8szg8tehJa7Ey+eOaeFH+GiiNFMlqkti0XFPLz2try+IWCO5L92tva+HmCwjsZ7hf+mAZWVrkeo6pKL3GokYmKBixCVuHcgEqcbqh4etEDaktdHm0YG39foKSGScbjEQb2TOGlaZtU8HnGuBvYHYvES1PBbn5fJA7JzQ0RS1emvzftZ28v/aYfVqZJxbnBIbnfyIUwrmf+f65Mk6RAaemkZBp/rfeiBwWGOP5eY5ww5zGvKLOC/+ko4wMZP4IxfP8Vl5pBR90yWFOq+++Qc5TXY+cwzmMvf+d1bpXPdgxZ28dZe9lod4CnD0/b2Nvk72ha1PhVvo2XTSWYOoZaOOoc5D500jf3dMkrxfc4XJ0f7HX0Lc9+Jn7LZQpTO59oos/njcL04VEBLqgCifzdLse/mKz5c9NzcbSRG//J5opFbfbIuAh1PA6UBPoJRkSYFlTuvtDbkNLEpiW1cCnlCJ3yBgdzCLMc23pTZhwAQVMAuqjPpfDiRTROk58R2bOXV9bTOAia3JU6P4POdf3cF8hX4mcLDLbshw5P8ny7Vn4r+0Rf8Fj+n90iaGGvZo5f62uXyS0bWR38DtbGVSO3MFrVwFiThhaMNByXhUm31/hg4Gm6UllYoGz4kSOPsI6QJySEnrc+H0o0NICN/6znbeqxK7JGOiVvUwGnBCFRURvJH6lNGrB5EK+zRI10nqUexFV6gKibrUZSAKg/XYW8X0g1yM17hCELs/I6BvT7uHSahyUHEP+8vhRJrka/Sp2ITLcNpXhktaQ1+nTPx8jFQGvFEU/26b/IAZ5pkdSOPNRlQO883diAvInT0OeHSxCjg49QF2IbxLNyruUtIRMp3kgsPIyOAX0IlxWIxIMawymvLJA8wJv/U6JYMuSp6qgIujvNe7ga9Z4wqHWjbemRn2Sm2/5H8NHBT3V74xI08j/mVogBAIosXny/6YT1RPxpg3r08bfx1QBQv8LNVIb/PIv9jZ8U/wvZ3eF/CuavvwEkLU4A88AWgJhBF0QB6wV3VWMBAtB2hIA7Qd+YL3ochHN6GTXgB33UQQAcspmhy8DeF4iDSoAAl7EFcIEM2LRADAiBX4yNp/czBKZ/jziQAj8xHkx/j3xgxTL+3fygxSoKuF8fxbsv2Yjev2Kdg5HHjYIf8xMleabi5fCcdnxHJBSj6IrTrUht/apaFZVwU7wzxRGFwEUU/kCrh7NqfHt6qsKAB8tNx9RH8e5LNoFT718xFjk8bRHEFmWZP/GNJfBLYypeDs+Q4SMQ9MpG0Zmn28FMbWy+6sasip1XuCnesRJIFkLGEcRs+wNtKA7nGnZ8e9pMVcGKg8US/5+YazP/y2RsM5ik0TkYnEwWF5ubhxfFcIKkaIbleEGUZEXVdMO0bMf1/CCM4iTN8qKs6qbt+mGc5kUQJUxkhaqabkxn88XStGxntd5sb4z/r1Nyv64Fa6OeaWhE+JJ6JtmhNWQxDOzZiK7bjfbzxNfy3IXu8WE/nhwqSuPJKG7T8pmgJs4tB5Yy+rvZMvoUc0NpaplUjFV0fcvxNrDCKfVsans2a99hsgO8kk6Om0eDvaGb4A3LFEw69y7FYeUDweTAfpK0X4uPg1o4x35uUsuJlQ6DJ8pBR4GN81SPG3P1jb9jv0HKY05pogUx4YxYSxMCX8AHsXIGe5hIg+hb1rVEPw2Xp6zKVHJVrR78aCC+Pms/mRanqcFQLR1f6EqY0GZAKaONvzGPTNuizkwFsbSBE2AbbixHmDwO54g0ziQI69ayY8hpUCi3Om4GZhqjNFG1gbk0b1soFWgOM0mc02L3doSuPLEqN9NEUTlOO4e30oDVOc6vhO9ETOLUAiixNm3zL7c0zvXReQUDNQggKHhgILhAAgsBzvAJJ7hC+QgayBDhBi1UcO8A"},18791:function(e){e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjU7Ij4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEuNTc4NCwwLDAsMS44NjQyOSwtNC40MTM0OSwtNy4yMTIxMikiPgogICAgICAgIDxwYXRoIGQ9Ik01Ljk3OSw4LjkxMUw1Ljk3OSwxMC4zMDZMMy40NDUsOC4xNkw1Ljk3OSw2LjAxNEw1Ljk3OSw3LjQwOUwxMi4yODUsNy40MDlMMTIuMjg1LDguOTExTDUuOTc5LDguOTExWiIgc3R5bGU9InN0cm9rZTp3aGl0ZTtzdHJva2Utd2lkdGg6MC40MXB4OyIvPgogICAgPC9nPgo8L3N2Zz4K"},50542:function(e){e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjU7Ij4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEuNTc4NCwwLDAsMS44NjQyOSwtNC40MTM0OSwtNy4yMTIxMikiPgogICAgICAgIDxwYXRoIGQ9Ik0zLjQ0NSw4LjkxMUwzLjQ0NSw3LjQwOUw5Ljc1LDcuNDA5TDkuNzUsNi4wMTRMMTIuMjg1LDguMTZMOS43NSwxMC4zMDZMOS43NSw4LjkxMUwzLjQ0NSw4LjkxMVoiIHN0eWxlPSJzdHJva2U6d2hpdGU7c3Ryb2tlLXdpZHRoOjAuNDFweDsiLz4KICAgIDwvZz4KPC9zdmc+Cg=="},82487:function(e){e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA5IiBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMjA5IDM2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTkyLjk5MyAyMy42NTgyVjE1LjcxMTdIMTc5LjQ1MkwxNzEuNTA1IDIzLjY1ODJIMTkyLjk5M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTIwOC4yNSAzLjk1MDgxSDE5MS4yNzZMMTgzLjI2NiAxMS44OTczSDIwOC4yNVYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTYzLjYyMiAzMS42MDQ4TDE2Ny42OTEgMjcuNTM2MUgxODEuNDIzVjM1LjQ4MjdIMTYzLjYyMlYzMS42MDQ4WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTY2LjYxIDE5Ljc4MDNIMTc1LjM4M0wxODMuMzkzIDExLjgzMzdIMTY2LjYxVjE5Ljc4MDNaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNTcuMDExIDMxLjYwNDdIMTYzLjYyMkwxNzEuNTA1IDIzLjY1ODJIMTU3LjAxMVYzMS42MDQ3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTkxLjI3NiAzLjk1MDgxTDE4Ny4yMDggOC4wMTk0MUgxNjEuMjdWMC4wNzI4NzZIMTkxLjI3NlYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMjAuODM5MSAzMC4yMDYxSDguMzc4OTJMNi4yMTc0NSAzNS41NDYySDAuNzUwMjQ0TDEyLjI1NjggOC41OTE1NUgxNy4wMjQ3TDI4LjUzMTMgMzUuNTQ2MkgyMy4wMDA1TDIwLjgzOTEgMzAuMjA2MVpNMTkuMTIyNyAyNS45NDY4TDE0LjYwOSAxNC45NDg4TDEwLjA5NTQgMjUuOTQ2OEgxOS4xMjI3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTA0LjQzNyAxOC41MDg5QzEwNi4wMjYgMTYuMTU2NyAxMTAuMDMxIDE1LjkwMjQgMTExLjY4NCAxNS45MDI0VjIwLjQ3OTZDMTA5LjY1IDIwLjQ3OTYgMTA3LjYxNSAyMC41NDMyIDEwNi40MDcgMjEuNDMzMkMxMDUuMiAyMi4zMjMyIDEwNC41NjQgMjMuNTMxMSAxMDQuNTY0IDI0Ljk5MzJWMzUuNTQ2Mkg5OS42MDUxVjE1LjkwMjRIMTA0LjM3M0wxMDQuNDM3IDE4LjUwODlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xMTkuMzc2IDE1LjkwMjRIMTE0LjQxOFYzNS41NDYySDExOS4zNzZWMTUuOTAyNFoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTExOS4zNzYgNy4xMjkzOUgxMTQuNDE4VjEyLjk3OEgxMTkuMzc2VjcuMTI5MzlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNDMuOTc5IDcuMTI5MzlWMzUuNTQ2MkgxMzkuMjExTDEzOS4wODQgMzIuNTU4M0MxMzguMzg0IDMzLjU3NTUgMTM3LjQ5NCAzNC40MDE5IDEzNi40MTQgMzUuMDM3NkMxMzUuMzMzIDM1LjYwOTggMTMzLjk5OCAzNS45Mjc2IDEzMi40NzIgMzUuOTI3NkMxMzEuMTM3IDM1LjkyNzYgMTI5Ljg2NiAzNS42NzMzIDEyOC43ODUgMzUuMjI4M0MxMjcuNjQxIDM0LjcxOTcgMTI2LjYyMyAzNC4wODQgMTI1Ljc5NyAzMy4xOTRDMTI0Ljk3MSAzMi4zMDQgMTI0LjI3MSAzMS4yMjMzIDEyMy44MjYgMzAuMDE1NEMxMjMuMzE4IDI4LjgwNzUgMTIzLjEyNyAyNy40MDkgMTIzLjEyNyAyNS44ODMyQzEyMy4xMjcgMjQuMzU3NSAxMjMuMzgxIDIyLjk1ODkgMTIzLjgyNiAyMS42ODc0QzEyNC4zMzUgMjAuNDE2IDEyNC45NzEgMTkuMzM1MyAxMjUuNzk3IDE4LjQ0NTNDMTI2LjYyMyAxNy41NTUyIDEyNy42NDEgMTYuODU2IDEyOC43ODUgMTYuMzQ3NEMxMjkuOTI5IDE1LjgzODggMTMxLjEzNyAxNS41ODQ1IDEzMi40NzIgMTUuNTg0NUMxMzMuOTk4IDE1LjU4NDUgMTM1LjI2OSAxNS44Mzg4IDEzNi4zNSAxNi40MTA5QzEzNy40MzEgMTYuOTgzMSAxMzguMzIxIDE3Ljc0NTkgMTM5LjAyIDE4LjgyNjdWNy4xOTI5NUgxNDMuOTc5VjcuMTI5MzlaTTEzMy41NTMgMzEuNjY4M0MxMzUuMjA2IDMxLjY2ODMgMTM2LjQ3NyAzMS4wOTYyIDEzNy40OTQgMzAuMDE1NEMxMzguNTExIDI4LjkzNDcgMTM5LjAyIDI3LjQ3MjUgMTM5LjAyIDI1LjY5MjVDMTM5LjAyIDIzLjkxMjUgMTM4LjUxMSAyMi41MTM5IDEzNy40OTQgMjEuMzY5NkMxMzYuNDc3IDIwLjI4ODggMTM1LjIwNiAxOS43MTY3IDEzMy41NTMgMTkuNzE2N0MxMzEuOTYzIDE5LjcxNjcgMTMwLjYyOCAyMC4yODg4IDEyOS42NzUgMjEuMzY5NkMxMjguNjU4IDIyLjQ1MDMgMTI4LjE0OSAyMy45MTI1IDEyOC4xNDkgMjUuNjkyNUMxMjguMTQ5IDI3LjQ3MjUgMTI4LjY1OCAyOC44NzExIDEyOS42NzUgMjkuOTUxOEMxMzAuNjkyIDMxLjA5NjEgMTMxLjk2MyAzMS42NjgzIDEzMy41NTMgMzEuNjY4M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTU3LjIwMjQgMjAuMzUyNUg0NC45MzNWMjQuNjExOEg1MS45MjU5QzUxLjczNTIgMjYuNzczMyA1MC45MDg4IDI4LjQyNjEgNDkuNTEwMiAyOS43NjExQzQ4LjExMTYgMzEuMDMyNiA0Ni4zMzE1IDMxLjY2ODMgNDQuMDQyOSAzMS42NjgzQzQyLjc3MTUgMzEuNjY4MyA0MS41NjM2IDMxLjQxNCA0MC41NDY1IDMwLjk2OUMzOS40NjU3IDMwLjUyNCAzOC41NzU3IDI5Ljg4ODMgMzcuODEyOSAyOC45OTgzQzM3LjA1IDI4LjE3MTggMzYuNDc3OCAyNy4xNTQ3IDM2LjAzMjggMjUuOTQ2OEMzNS41ODc4IDI0LjczODkgMzUuMzk3MSAyMy40Njc1IDM1LjM5NzEgMjIuMDA1M0MzNS4zOTcxIDIwLjU0MzIgMzUuNTg3OCAxOS4yNzE3IDM2LjAzMjggMTguMDYzOEMzNi40MTQzIDE2Ljg1NiAzNy4wNSAxNS45MDI0IDM3LjgxMjkgMTUuMDEyNEMzOC41NzU3IDE0LjE4NTkgMzkuNDY1NyAxMy41NTAyIDQwLjU0NjUgMTMuMDQxNkM0MS42MjcyIDEyLjU5NjYgNDIuNzcxNSAxMi4zNDIzIDQ0LjEwNjUgMTIuMzQyM0M0Ni43NzY2IDEyLjM0MjMgNDguODEwOSAxMi45NzggNTAuMjA5NSAxNC4yNDk1TDUzLjUxNTIgMTAuOTQzOEM1MS4wMzU5IDkuMDM2NTkgNDcuODU3MyA4LjAxOTQxIDQ0LjEwNjUgOC4wMTk0MUM0Mi4wMDg2IDguMDE5NDEgNDAuMTAxNSA4LjMzNzI5IDM4LjM4NSA5LjAzNjU5QzM2LjY2ODYgOS43MzU4OCAzNS4yMDY0IDEwLjYyNTkgMzMuOTk4NSAxMS44MzM3QzMyLjc5MDYgMTMuMDQxNiAzMS44MzcxIDE0LjUwMzggMzEuMjAxNCAxNi4yMjAzQzMwLjU2NTYgMTcuOTM2NyAzMC4yNDc4IDE5Ljg0MzggMzAuMjQ3OCAyMS44NzgyQzMwLjI0NzggMjMuOTEyNSAzMC41NjU2IDI1LjgxOTcgMzEuMjY0OSAyNy41MzYxQzMxLjk2NDIgMjkuMjUyNiAzMi44NTQyIDMwLjcxNDcgMzQuMDYyMSAzMS45MjI2QzM1LjI3IDMzLjEzMDUgMzYuNzMyMSAzNC4wODQxIDM4LjQ0ODYgMzQuNzE5OEM0MC4xNjUgMzUuNDE5MSA0Mi4wNzIyIDM1LjczNyA0NC4xMDY1IDM1LjczN0M0Ni4xNDA4IDM1LjczNyA0Ny45ODQ0IDM1LjQxOTEgNDkuNjM3MyAzNC43MTk4QzUxLjI5MDIgMzQuMDIwNSA1Mi42ODg4IDMzLjEzMDUgNTMuODMzMSAzMS45MjI2QzU0Ljk3NzQgMzAuNzE0NyA1NS44Njc0IDI5LjI1MjYgNTYuNTAzMSAyNy41MzYxQzU3LjEzODggMjUuODE5NyA1Ny40NTY3IDIzLjkxMjUgNTcuNDU2NyAyMS44NzgyVjIxLjA1MTdDNTcuMjY2IDIwLjkyNDYgNTcuMjAyNCAyMC42MDY3IDU3LjIwMjQgMjAuMzUyNVoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTk1Ljk4MTUgMjAuMzUyNUg4My43MTIxVjI0LjYxMThIOTAuNzA1QzkwLjUxNDMgMjYuNzczMyA4OS42ODc5IDI4LjQyNjEgODguMjg5MyAyOS43NjExQzg2Ljg5MDcgMzEuMDMyNiA4NS4xMTA2IDMxLjY2ODMgODIuODIyIDMxLjY2ODNDODEuNTUwNiAzMS42NjgzIDgwLjM0MjcgMzEuNDE0IDc5LjMyNTYgMzAuOTY5Qzc4LjI0NDggMzAuNTI0IDc3LjM1NDggMjkuODg4MyA3Ni41OTIgMjguOTk4M0M3NS44MjkxIDI4LjE3MTggNzUuMjU3IDI3LjE1NDcgNzQuODExOSAyNS45NDY4Qzc0LjM2NjkgMjQuNzM4OSA3NC4xNzYyIDIzLjQ2NzUgNzQuMTc2MiAyMi4wMDUzQzc0LjE3NjIgMjAuNTQzMiA3NC4zNjY5IDE5LjI3MTcgNzQuODExOSAxOC4wNjM4Qzc1LjE5MzQgMTYuODU2IDc1LjgyOTEgMTUuOTAyNCA3Ni41OTIgMTUuMDEyNEM3Ny4zNTQ4IDE0LjE4NTkgNzguMjQ0OCAxMy41NTAyIDc5LjMyNTYgMTMuMDQxNkM4MC40MDYzIDEyLjU5NjYgODEuNTUwNiAxMi4zNDIzIDgyLjg4NTYgMTIuMzQyM0M4NS41NTU3IDEyLjM0MjMgODcuNTkgMTIuOTc4IDg4Ljk4ODYgMTQuMjQ5NUw5Mi4yOTQzIDEwLjk0MzhDODkuODE1IDkuMDM2NTkgODYuNjM2NCA4LjAxOTQxIDgyLjg4NTYgOC4wMTk0MUM4MC43ODc4IDguMDE5NDEgNzguODgwNiA4LjMzNzI5IDc3LjE2NDEgOS4wMzY1OUM3NS40NDc3IDkuNzM1ODggNzMuOTg1NSAxMC42MjU5IDcyLjc3NzYgMTEuODMzN0M3MS41Njk4IDEzLjA0MTYgNzAuNjE2MiAxNC41MDM4IDY5Ljk4MDUgMTYuMjIwM0M2OS4zNDQ3IDE3LjkzNjcgNjkuMDI2OSAxOS44NDM4IDY5LjAyNjkgMjEuODc4MkM2OS4wMjY5IDIzLjkxMjUgNjkuMzQ0NyAyNS44MTk3IDcwLjA0NCAyNy41MzYxQzcwLjc0MzMgMjkuMjUyNiA3MS42MzM0IDMwLjcxNDcgNzIuODQxMiAzMS45MjI2Qzc0LjA0OTEgMzMuMTMwNSA3NS41MTEyIDM0LjA4NDEgNzcuMjI3NyAzNC43MTk4Qzc4Ljk0NDEgMzUuNDE5MSA4MC44NTEzIDM1LjczNyA4Mi44ODU2IDM1LjczN0M4NC45MiAzNS43MzcgODYuNzYzNiAzNS40MTkxIDg4LjQxNjQgMzQuNzE5OEM5MC4wNjkzIDM0LjAyMDUgOTEuNDY3OSAzMy4xMzA1IDkyLjYxMjIgMzEuOTIyNkM5My43NTY1IDMwLjcxNDcgOTQuNjQ2NSAyOS4yNTI2IDk1LjI4MjIgMjcuNTM2MUM5NS45MTggMjUuODE5NyA5Ni4yMzU4IDIzLjkxMjUgOTYuMjM1OCAyMS44NzgyVjIxLjA1MTdDOTYuMDQ1MSAyMC45MjQ2IDk1Ljk4MTUgMjAuNjA2NyA5NS45ODE1IDIwLjM1MjVaIiBmaWxsPSIjOUI5QjlCIi8+Cjwvc3ZnPgo="},47249:function(e){e.exports="data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ij48cGF0aCBkPSJNNS4zIDlhMy43IDMuNyAwIDEgMCAwLTcuNSAzLjcgMy43IDAgMCAwIDAgNy41Wk0xMC41IDEwLjUgOC4zIDguMiIvPjwvc3ZnPg=="},31244:function(e){e.exports="data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%224%22 height=%224%22><rect x=%220%22 y=%220%22 width=%224%22 height=%224%22 fill=%22%23fff%22/><path d=%22M0 0H2V4H4V2H0Z%22 fill=%22%23b2b2b2%22/></svg>"},85608:function(e,t,a){a.r(t),a.d(t,{__addDisposableResource:function(){return _},__assign:function(){return r},__asyncDelegator:function(){return R},__asyncGenerator:function(){return x},__asyncValues:function(){return E},__await:function(){return k},__awaiter:function(){return p},__classPrivateFieldGet:function(){return z},__classPrivateFieldIn:function(){return I},__classPrivateFieldSet:function(){return T},__createBinding:function(){return f},__decorate:function(){return l},__disposeResources:function(){return L},__esDecorate:function(){return d},__exportStar:function(){return v},__extends:function(){return n},__generator:function(){return m},__importDefault:function(){return D},__importStar:function(){return A},__makeTemplateObject:function(){return M},__metadata:function(){return h},__param:function(){return s},__propKey:function(){return g},__read:function(){return C},__rest:function(){return i},__rewriteRelativeImportExtension:function(){return N},__runInitializers:function(){return c},__setFunctionName:function(){return u},__spread:function(){return w},__spreadArray:function(){return S},__spreadArrays:function(){return y},__values:function(){return b}});var o=function(e,t){return o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])},o(e,t)};function n(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function a(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(a.prototype=t.prototype,new a)}var r=function(){return r=Object.assign||function(e){for(var t,a=1,o=arguments.length;a<o;a++)for(var n in t=arguments[a])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},r.apply(this,arguments)};function i(e,t){var a={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(a[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(a[o[n]]=e[o[n]])}return a}function l(e,t,a,o){var n,r=arguments.length,i=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,a):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,a,o);else for(var l=e.length-1;l>=0;l--)(n=e[l])&&(i=(r<3?n(i):r>3?n(t,a,i):n(t,a))||i);return r>3&&i&&Object.defineProperty(t,a,i),i}function s(e,t){return function(a,o){t(a,o,e)}}function d(e,t,a,o,n,r){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var l,s=o.kind,d="getter"===s?"get":"setter"===s?"set":"value",c=!t&&e?o.static?e:e.prototype:null,g=t||(c?Object.getOwnPropertyDescriptor(c,o.name):{}),u=!1,h=a.length-1;h>=0;h--){var p={};for(var m in o)p[m]="access"===m?{}:o[m];for(var m in o.access)p.access[m]=o.access[m];p.addInitializer=function(e){if(u)throw new TypeError("Cannot add initializers after decoration has completed");r.push(i(e||null))};var f=(0,a[h])("accessor"===s?{get:g.get,set:g.set}:g[d],p);if("accessor"===s){if(void 0===f)continue;if(null===f||"object"!=typeof f)throw new TypeError("Object expected");(l=i(f.get))&&(g.get=l),(l=i(f.set))&&(g.set=l),(l=i(f.init))&&n.unshift(l)}else(l=i(f))&&("field"===s?n.unshift(l):g[d]=l)}c&&Object.defineProperty(c,o.name,g),u=!0}function c(e,t,a){for(var o=arguments.length>2,n=0;n<t.length;n++)a=o?t[n].call(e,a):t[n].call(e);return o?a:void 0}function g(e){return"symbol"==typeof e?e:"".concat(e)}function u(e,t,a){return"symbol"==typeof t&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:a?"".concat(a," ",t):t})}function h(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function p(e,t,a,o){return new(a||(a=Promise))(function(n,r){function i(e){try{s(o.next(e))}catch(e){r(e)}}function l(e){try{s(o.throw(e))}catch(e){r(e)}}function s(e){var t;e.done?n(e.value):(t=e.value,t instanceof a?t:new a(function(e){e(t)})).then(i,l)}s((o=o.apply(e,t||[])).next())})}function m(e,t){var a,o,n,r={label:0,sent:function(){if(1&n[0])throw n[1];return n[1]},trys:[],ops:[]},i=Object.create(("function"==typeof Iterator?Iterator:Object).prototype);return i.next=l(0),i.throw=l(1),i.return=l(2),"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function l(l){return function(s){return function(l){if(a)throw new TypeError("Generator is already executing.");for(;i&&(i=0,l[0]&&(r=0)),r;)try{if(a=1,o&&(n=2&l[0]?o.return:l[0]?o.throw||((n=o.return)&&n.call(o),0):o.next)&&!(n=n.call(o,l[1])).done)return n;switch(o=0,n&&(l=[2&l[0],n.value]),l[0]){case 0:case 1:n=l;break;case 4:return r.label++,{value:l[1],done:!1};case 5:r.label++,o=l[1],l=[0];continue;case 7:l=r.ops.pop(),r.trys.pop();continue;default:if(!(n=r.trys,(n=n.length>0&&n[n.length-1])||6!==l[0]&&2!==l[0])){r=0;continue}if(3===l[0]&&(!n||l[1]>n[0]&&l[1]<n[3])){r.label=l[1];break}if(6===l[0]&&r.label<n[1]){r.label=n[1],n=l;break}if(n&&r.label<n[2]){r.label=n[2],r.ops.push(l);break}n[2]&&r.ops.pop(),r.trys.pop();continue}l=t.call(e,r)}catch(e){l=[6,e],o=0}finally{a=n=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,s])}}}var f=Object.create?function(e,t,a,o){void 0===o&&(o=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,n)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]};function v(e,t){for(var a in e)"default"===a||Object.prototype.hasOwnProperty.call(t,a)||f(t,e,a)}function b(e){var t="function"==typeof Symbol&&Symbol.iterator,a=t&&e[t],o=0;if(a)return a.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&o>=e.length&&(e=void 0),{value:e&&e[o++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function C(e,t){var a="function"==typeof Symbol&&e[Symbol.iterator];if(!a)return e;var o,n,r=a.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(o=r.next()).done;)i.push(o.value)}catch(e){n={error:e}}finally{try{o&&!o.done&&(a=r.return)&&a.call(r)}finally{if(n)throw n.error}}return i}function w(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(C(arguments[t]));return e}function y(){for(var e=0,t=0,a=arguments.length;t<a;t++)e+=arguments[t].length;var o=Array(e),n=0;for(t=0;t<a;t++)for(var r=arguments[t],i=0,l=r.length;i<l;i++,n++)o[n]=r[i];return o}function S(e,t,a){if(a||2===arguments.length)for(var o,n=0,r=t.length;n<r;n++)!o&&n in t||(o||(o=Array.prototype.slice.call(t,0,n)),o[n]=t[n]);return e.concat(o||Array.prototype.slice.call(t))}function k(e){return this instanceof k?(this.v=e,this):new k(e)}function x(e,t,a){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var o,n=a.apply(e,t||[]),r=[];return o=Object.create(("function"==typeof AsyncIterator?AsyncIterator:Object).prototype),i("next"),i("throw"),i("return",function(e){return function(t){return Promise.resolve(t).then(e,d)}}),o[Symbol.asyncIterator]=function(){return this},o;function i(e,t){n[e]&&(o[e]=function(t){return new Promise(function(a,o){r.push([e,t,a,o])>1||l(e,t)})},t&&(o[e]=t(o[e])))}function l(e,t){try{(a=n[e](t)).value instanceof k?Promise.resolve(a.value.v).then(s,d):c(r[0][2],a)}catch(e){c(r[0][3],e)}var a}function s(e){l("next",e)}function d(e){l("throw",e)}function c(e,t){e(t),r.shift(),r.length&&l(r[0][0],r[0][1])}}function R(e){var t,a;return t={},o("next"),o("throw",function(e){throw e}),o("return"),t[Symbol.iterator]=function(){return this},t;function o(o,n){t[o]=e[o]?function(t){return(a=!a)?{value:k(e[o](t)),done:!1}:n?n(t):t}:n}}function E(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,a=e[Symbol.asyncIterator];return a?a.call(e):(e=b(e),t={},o("next"),o("throw"),o("return"),t[Symbol.asyncIterator]=function(){return this},t);function o(a){t[a]=e[a]&&function(t){return new Promise(function(o,n){(function(e,t,a,o){Promise.resolve(o).then(function(t){e({value:t,done:a})},t)})(o,n,(t=e[a](t)).done,t.value)})}}}function M(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var P=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t},F=function(e){return F=Object.getOwnPropertyNames||function(e){var t=[];for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&(t[t.length]=a);return t},F(e)};function A(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a=F(e),o=0;o<a.length;o++)"default"!==a[o]&&f(t,e,a[o]);return P(t,e),t}function D(e){return e&&e.__esModule?e:{default:e}}function z(e,t,a,o){if("a"===a&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===a?o:"a"===a?o.call(e):o?o.value:t.get(e)}function T(e,t,a,o,n){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?n.call(e,a):n?n.value=a:t.set(e,a),a}function I(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}function _(e,t,a){if(null!=t){if("object"!=typeof t&&"function"!=typeof t)throw new TypeError("Object expected.");var o,n;if(a){if(!Symbol.asyncDispose)throw new TypeError("Symbol.asyncDispose is not defined.");o=t[Symbol.asyncDispose]}if(void 0===o){if(!Symbol.dispose)throw new TypeError("Symbol.dispose is not defined.");o=t[Symbol.dispose],a&&(n=o)}if("function"!=typeof o)throw new TypeError("Object not disposable.");n&&(o=function(){try{n.call(this)}catch(e){return Promise.reject(e)}}),e.stack.push({value:t,dispose:o,async:a})}else a&&e.stack.push({async:!0});return t}var O="function"==typeof SuppressedError?SuppressedError:function(e,t,a){var o=new Error(a);return o.name="SuppressedError",o.error=e,o.suppressed=t,o};function L(e){function t(t){e.error=e.hasError?new O(t,e.error,"An error was suppressed during disposal."):t,e.hasError=!0}var a,o=0;return function n(){for(;a=e.stack.pop();)try{if(!a.async&&1===o)return o=0,e.stack.push(a),Promise.resolve().then(n);if(a.dispose){var r=a.dispose.call(a.value);if(a.async)return o|=2,Promise.resolve(r).then(n,function(e){return t(e),n()})}else o|=1}catch(e){t(e)}if(1===o)return e.hasError?Promise.reject(e.error):Promise.resolve();if(e.hasError)throw e.error}()}function N(e,t){return"string"==typeof e&&/^\.\.?\//.test(e)?e.replace(/\.(tsx)$|((?:\.d)?)((?:\.[^./]+?)?)\.([cm]?)ts$/i,function(e,a,o,n,r){return a?t?".jsx":".js":!o||n&&r?o+n+"."+r.toLowerCase()+"js":e}):e}t.default={__extends:n,__assign:r,__rest:i,__decorate:l,__param:s,__esDecorate:d,__runInitializers:c,__propKey:g,__setFunctionName:u,__metadata:h,__awaiter:p,__generator:m,__createBinding:f,__exportStar:v,__values:b,__read:C,__spread:w,__spreadArrays:y,__spreadArray:S,__await:k,__asyncGenerator:x,__asyncDelegator:R,__asyncValues:E,__makeTemplateObject:M,__importStar:A,__importDefault:D,__classPrivateFieldGet:z,__classPrivateFieldSet:T,__classPrivateFieldIn:I,__addDisposableResource:_,__disposeResources:L,__rewriteRelativeImportExtension:N}}},t={};function a(o){var n=t[o];if(void 0!==n)return n.exports;var r=t[o]={id:o,exports:{}};return e[o](r,r.exports,a),r.exports}return a.m=e,a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,{a:t}),t},a.d=function(e,t){for(var o in t)a.o(t,o)&&!a.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.b=document.baseURI||self.location.href,a(89058)}()});
\ No newline at end of file
diff --git a/steps/vendor/chart.min.js b/steps/vendor/chart.min.js
new file mode 100644
index 0000000..008464f
--- /dev/null
+++ b/steps/vendor/chart.min.js
@@ -0,0 +1,14 @@
+/*!
+ * Chart.js v4.5.1
+ * https://www.chartjs.org
+ * (c) 2025 Chart.js Contributors
+ * Released under the MIT License
+ */
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).Chart=e()}(this,(function(){"use strict";var t=Object.freeze({__proto__:null,get Colors(){return Jo},get Decimation(){return ta},get Filler(){return ba},get Legend(){return Ma},get SubTitle(){return Pa},get Title(){return ka},get Tooltip(){return Na}});function e(){}const i=(()=>{let t=0;return()=>t++})();function s(t){return null==t}function n(t){if(Array.isArray&&Array.isArray(t))return!0;const e=Object.prototype.toString.call(t);return"[object"===e.slice(0,7)&&"Array]"===e.slice(-6)}function o(t){return null!==t&&"[object Object]"===Object.prototype.toString.call(t)}function a(t){return("number"==typeof t||t instanceof Number)&&isFinite(+t)}function r(t,e){return a(t)?t:e}function l(t,e){return void 0===t?e:t}const h=(t,e)=>"string"==typeof t&&t.endsWith("%")?parseFloat(t)/100:+t/e,c=(t,e)=>"string"==typeof t&&t.endsWith("%")?parseFloat(t)/100*e:+t;function d(t,e,i){if(t&&"function"==typeof t.call)return t.apply(i,e)}function u(t,e,i,s){let a,r,l;if(n(t))if(r=t.length,s)for(a=r-1;a>=0;a--)e.call(i,t[a],a);else for(a=0;a<r;a++)e.call(i,t[a],a);else if(o(t))for(l=Object.keys(t),r=l.length,a=0;a<r;a++)e.call(i,t[l[a]],l[a])}function f(t,e){let i,s,n,o;if(!t||!e||t.length!==e.length)return!1;for(i=0,s=t.length;i<s;++i)if(n=t[i],o=e[i],n.datasetIndex!==o.datasetIndex||n.index!==o.index)return!1;return!0}function g(t){if(n(t))return t.map(g);if(o(t)){const e=Object.create(null),i=Object.keys(t),s=i.length;let n=0;for(;n<s;++n)e[i[n]]=g(t[i[n]]);return e}return t}function p(t){return-1===["__proto__","prototype","constructor"].indexOf(t)}function m(t,e,i,s){if(!p(t))return;const n=e[t],a=i[t];o(n)&&o(a)?x(n,a,s):e[t]=g(a)}function x(t,e,i){const s=n(e)?e:[e],a=s.length;if(!o(t))return t;const r=(i=i||{}).merger||m;let l;for(let e=0;e<a;++e){if(l=s[e],!o(l))continue;const n=Object.keys(l);for(let e=0,s=n.length;e<s;++e)r(n[e],t,l,i)}return t}function b(t,e){return x(t,e,{merger:_})}function _(t,e,i){if(!p(t))return;const s=e[t],n=i[t];o(s)&&o(n)?b(s,n):Object.prototype.hasOwnProperty.call(e,t)||(e[t]=g(n))}const y={"":t=>t,x:t=>t.x,y:t=>t.y};function v(t){const e=t.split("."),i=[];let s="";for(const t of e)s+=t,s.endsWith("\\")?s=s.slice(0,-1)+".":(i.push(s),s="");return i}function M(t,e){const i=y[e]||(y[e]=function(t){const e=v(t);return t=>{for(const i of e){if(""===i)break;t=t&&t[i]}return t}}(e));return i(t)}function w(t){return t.charAt(0).toUpperCase()+t.slice(1)}const k=t=>void 0!==t,S=t=>"function"==typeof t,P=(t,e)=>{if(t.size!==e.size)return!1;for(const i of t)if(!e.has(i))return!1;return!0};function D(t){return"mouseup"===t.type||"click"===t.type||"contextmenu"===t.type}const C=Math.PI,O=2*C,A=O+C,T=Number.POSITIVE_INFINITY,L=C/180,E=C/2,R=C/4,I=2*C/3,z=Math.log10,F=Math.sign;function V(t,e,i){return Math.abs(t-e)<i}function B(t){const e=Math.round(t);t=V(t,e,t/1e3)?e:t;const i=Math.pow(10,Math.floor(z(t))),s=t/i;return(s<=1?1:s<=2?2:s<=5?5:10)*i}function W(t){const e=[],i=Math.sqrt(t);let s;for(s=1;s<i;s++)t%s==0&&(e.push(s),e.push(t/s));return i===(0|i)&&e.push(i),e.sort(((t,e)=>t-e)).pop(),e}function N(t){return!function(t){return"symbol"==typeof t||"object"==typeof t&&null!==t&&!(Symbol.toPrimitive in t||"toString"in t||"valueOf"in t)}(t)&&!isNaN(parseFloat(t))&&isFinite(t)}function H(t,e){const i=Math.round(t);return i-e<=t&&i+e>=t}function j(t,e,i){let s,n,o;for(s=0,n=t.length;s<n;s++)o=t[s][i],isNaN(o)||(e.min=Math.min(e.min,o),e.max=Math.max(e.max,o))}function $(t){return t*(C/180)}function Y(t){return t*(180/C)}function U(t){if(!a(t))return;let e=1,i=0;for(;Math.round(t*e)/e!==t;)e*=10,i++;return i}function X(t,e){const i=e.x-t.x,s=e.y-t.y,n=Math.sqrt(i*i+s*s);let o=Math.atan2(s,i);return o<-.5*C&&(o+=O),{angle:o,distance:n}}function q(t,e){return Math.sqrt(Math.pow(e.x-t.x,2)+Math.pow(e.y-t.y,2))}function K(t,e){return(t-e+A)%O-C}function G(t){return(t%O+O)%O}function J(t,e,i,s){const n=G(t),o=G(e),a=G(i),r=G(o-n),l=G(a-n),h=G(n-o),c=G(n-a);return n===o||n===a||s&&o===a||r>l&&h<c}function Z(t,e,i){return Math.max(e,Math.min(i,t))}function Q(t){return Z(t,-32768,32767)}function tt(t,e,i,s=1e-6){return t>=Math.min(e,i)-s&&t<=Math.max(e,i)+s}function et(t,e,i){i=i||(i=>t[i]<e);let s,n=t.length-1,o=0;for(;n-o>1;)s=o+n>>1,i(s)?o=s:n=s;return{lo:o,hi:n}}const it=(t,e,i,s)=>et(t,i,s?s=>{const n=t[s][e];return n<i||n===i&&t[s+1][e]===i}:s=>t[s][e]<i),st=(t,e,i)=>et(t,i,(s=>t[s][e]>=i));function nt(t,e,i){let s=0,n=t.length;for(;s<n&&t[s]<e;)s++;for(;n>s&&t[n-1]>i;)n--;return s>0||n<t.length?t.slice(s,n):t}const ot=["push","pop","shift","splice","unshift"];function at(t,e){t._chartjs?t._chartjs.listeners.push(e):(Object.defineProperty(t,"_chartjs",{configurable:!0,enumerable:!1,value:{listeners:[e]}}),ot.forEach((e=>{const i="_onData"+w(e),s=t[e];Object.defineProperty(t,e,{configurable:!0,enumerable:!1,value(...e){const n=s.apply(this,e);return t._chartjs.listeners.forEach((t=>{"function"==typeof t[i]&&t[i](...e)})),n}})})))}function rt(t,e){const i=t._chartjs;if(!i)return;const s=i.listeners,n=s.indexOf(e);-1!==n&&s.splice(n,1),s.length>0||(ot.forEach((e=>{delete t[e]})),delete t._chartjs)}function lt(t){const e=new Set(t);return e.size===t.length?t:Array.from(e)}const ht="undefined"==typeof window?function(t){return t()}:window.requestAnimationFrame;function ct(t,e){let i=[],s=!1;return function(...n){i=n,s||(s=!0,ht.call(window,(()=>{s=!1,t.apply(e,i)})))}}function dt(t,e){let i;return function(...s){return e?(clearTimeout(i),i=setTimeout(t,e,s)):t.apply(this,s),e}}const ut=t=>"start"===t?"left":"end"===t?"right":"center",ft=(t,e,i)=>"start"===t?e:"end"===t?i:(e+i)/2,gt=(t,e,i,s)=>t===(s?"left":"right")?i:"center"===t?(e+i)/2:e;function pt(t,e,i){const n=e.length;let o=0,a=n;if(t._sorted){const{iScale:r,vScale:l,_parsed:h}=t,c=t.dataset&&t.dataset.options?t.dataset.options.spanGaps:null,d=r.axis,{min:u,max:f,minDefined:g,maxDefined:p}=r.getUserBounds();if(g){if(o=Math.min(it(h,d,u).lo,i?n:it(e,d,r.getPixelForValue(u)).lo),c){const t=h.slice(0,o+1).reverse().findIndex((t=>!s(t[l.axis])));o-=Math.max(0,t)}o=Z(o,0,n-1)}if(p){let t=Math.max(it(h,r.axis,f,!0).hi+1,i?0:it(e,d,r.getPixelForValue(f),!0).hi+1);if(c){const e=h.slice(t-1).findIndex((t=>!s(t[l.axis])));t+=Math.max(0,e)}a=Z(t,o,n)-o}else a=n-o}return{start:o,count:a}}function mt(t){const{xScale:e,yScale:i,_scaleRanges:s}=t,n={xmin:e.min,xmax:e.max,ymin:i.min,ymax:i.max};if(!s)return t._scaleRanges=n,!0;const o=s.xmin!==e.min||s.xmax!==e.max||s.ymin!==i.min||s.ymax!==i.max;return Object.assign(s,n),o}class xt{constructor(){this._request=null,this._charts=new Map,this._running=!1,this._lastDate=void 0}_notify(t,e,i,s){const n=e.listeners[s],o=e.duration;n.forEach((s=>s({chart:t,initial:e.initial,numSteps:o,currentStep:Math.min(i-e.start,o)})))}_refresh(){this._request||(this._running=!0,this._request=ht.call(window,(()=>{this._update(),this._request=null,this._running&&this._refresh()})))}_update(t=Date.now()){let e=0;this._charts.forEach(((i,s)=>{if(!i.running||!i.items.length)return;const n=i.items;let o,a=n.length-1,r=!1;for(;a>=0;--a)o=n[a],o._active?(o._total>i.duration&&(i.duration=o._total),o.tick(t),r=!0):(n[a]=n[n.length-1],n.pop());r&&(s.draw(),this._notify(s,i,t,"progress")),n.length||(i.running=!1,this._notify(s,i,t,"complete"),i.initial=!1),e+=n.length})),this._lastDate=t,0===e&&(this._running=!1)}_getAnims(t){const e=this._charts;let i=e.get(t);return i||(i={running:!1,initial:!0,items:[],listeners:{complete:[],progress:[]}},e.set(t,i)),i}listen(t,e,i){this._getAnims(t).listeners[e].push(i)}add(t,e){e&&e.length&&this._getAnims(t).items.push(...e)}has(t){return this._getAnims(t).items.length>0}start(t){const e=this._charts.get(t);e&&(e.running=!0,e.start=Date.now(),e.duration=e.items.reduce(((t,e)=>Math.max(t,e._duration)),0),this._refresh())}running(t){if(!this._running)return!1;const e=this._charts.get(t);return!!(e&&e.running&&e.items.length)}stop(t){const e=this._charts.get(t);if(!e||!e.items.length)return;const i=e.items;let s=i.length-1;for(;s>=0;--s)i[s].cancel();e.items=[],this._notify(t,e,Date.now(),"complete")}remove(t){return this._charts.delete(t)}}var bt=new xt;
+/*!
+ * @kurkle/color v0.3.2
+ * https://github.com/kurkle/color#readme
+ * (c) 2023 Jukka Kurkela
+ * Released under the MIT License
+ */function _t(t){return t+.5|0}const yt=(t,e,i)=>Math.max(Math.min(t,i),e);function vt(t){return yt(_t(2.55*t),0,255)}function Mt(t){return yt(_t(255*t),0,255)}function wt(t){return yt(_t(t/2.55)/100,0,1)}function kt(t){return yt(_t(100*t),0,100)}const St={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},Pt=[..."0123456789ABCDEF"],Dt=t=>Pt[15&t],Ct=t=>Pt[(240&t)>>4]+Pt[15&t],Ot=t=>(240&t)>>4==(15&t);function At(t){var e=(t=>Ot(t.r)&&Ot(t.g)&&Ot(t.b)&&Ot(t.a))(t)?Dt:Ct;return t?"#"+e(t.r)+e(t.g)+e(t.b)+((t,e)=>t<255?e(t):"")(t.a,e):void 0}const Tt=/^(hsla?|hwb|hsv)\(\s*([-+.e\d]+)(?:deg)?[\s,]+([-+.e\d]+)%[\s,]+([-+.e\d]+)%(?:[\s,]+([-+.e\d]+)(%)?)?\s*\)$/;function Lt(t,e,i){const s=e*Math.min(i,1-i),n=(e,n=(e+t/30)%12)=>i-s*Math.max(Math.min(n-3,9-n,1),-1);return[n(0),n(8),n(4)]}function Et(t,e,i){const s=(s,n=(s+t/60)%6)=>i-i*e*Math.max(Math.min(n,4-n,1),0);return[s(5),s(3),s(1)]}function Rt(t,e,i){const s=Lt(t,1,.5);let n;for(e+i>1&&(n=1/(e+i),e*=n,i*=n),n=0;n<3;n++)s[n]*=1-e-i,s[n]+=e;return s}function It(t){const e=t.r/255,i=t.g/255,s=t.b/255,n=Math.max(e,i,s),o=Math.min(e,i,s),a=(n+o)/2;let r,l,h;return n!==o&&(h=n-o,l=a>.5?h/(2-n-o):h/(n+o),r=function(t,e,i,s,n){return t===n?(e-i)/s+(e<i?6:0):e===n?(i-t)/s+2:(t-e)/s+4}(e,i,s,h,n),r=60*r+.5),[0|r,l||0,a]}function zt(t,e,i,s){return(Array.isArray(e)?t(e[0],e[1],e[2]):t(e,i,s)).map(Mt)}function Ft(t,e,i){return zt(Lt,t,e,i)}function Vt(t){return(t%360+360)%360}function Bt(t){const e=Tt.exec(t);let i,s=255;if(!e)return;e[5]!==i&&(s=e[6]?vt(+e[5]):Mt(+e[5]));const n=Vt(+e[2]),o=+e[3]/100,a=+e[4]/100;return i="hwb"===e[1]?function(t,e,i){return zt(Rt,t,e,i)}(n,o,a):"hsv"===e[1]?function(t,e,i){return zt(Et,t,e,i)}(n,o,a):Ft(n,o,a),{r:i[0],g:i[1],b:i[2],a:s}}const Wt={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"},Nt={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"};let Ht;function jt(t){Ht||(Ht=function(){const t={},e=Object.keys(Nt),i=Object.keys(Wt);let s,n,o,a,r;for(s=0;s<e.length;s++){for(a=r=e[s],n=0;n<i.length;n++)o=i[n],r=r.replace(o,Wt[o]);o=parseInt(Nt[a],16),t[r]=[o>>16&255,o>>8&255,255&o]}return t}(),Ht.transparent=[0,0,0,0]);const e=Ht[t.toLowerCase()];return e&&{r:e[0],g:e[1],b:e[2],a:4===e.length?e[3]:255}}const $t=/^rgba?\(\s*([-+.\d]+)(%)?[\s,]+([-+.e\d]+)(%)?[\s,]+([-+.e\d]+)(%)?(?:[\s,/]+([-+.e\d]+)(%)?)?\s*\)$/;const Yt=t=>t<=.0031308?12.92*t:1.055*Math.pow(t,1/2.4)-.055,Ut=t=>t<=.04045?t/12.92:Math.pow((t+.055)/1.055,2.4);function Xt(t,e,i){if(t){let s=It(t);s[e]=Math.max(0,Math.min(s[e]+s[e]*i,0===e?360:1)),s=Ft(s),t.r=s[0],t.g=s[1],t.b=s[2]}}function qt(t,e){return t?Object.assign(e||{},t):t}function Kt(t){var e={r:0,g:0,b:0,a:255};return Array.isArray(t)?t.length>=3&&(e={r:t[0],g:t[1],b:t[2],a:255},t.length>3&&(e.a=Mt(t[3]))):(e=qt(t,{r:0,g:0,b:0,a:1})).a=Mt(e.a),e}function Gt(t){return"r"===t.charAt(0)?function(t){const e=$t.exec(t);let i,s,n,o=255;if(e){if(e[7]!==i){const t=+e[7];o=e[8]?vt(t):yt(255*t,0,255)}return i=+e[1],s=+e[3],n=+e[5],i=255&(e[2]?vt(i):yt(i,0,255)),s=255&(e[4]?vt(s):yt(s,0,255)),n=255&(e[6]?vt(n):yt(n,0,255)),{r:i,g:s,b:n,a:o}}}(t):Bt(t)}class Jt{constructor(t){if(t instanceof Jt)return t;const e=typeof t;let i;var s,n,o;"object"===e?i=Kt(t):"string"===e&&(o=(s=t).length,"#"===s[0]&&(4===o||5===o?n={r:255&17*St[s[1]],g:255&17*St[s[2]],b:255&17*St[s[3]],a:5===o?17*St[s[4]]:255}:7!==o&&9!==o||(n={r:St[s[1]]<<4|St[s[2]],g:St[s[3]]<<4|St[s[4]],b:St[s[5]]<<4|St[s[6]],a:9===o?St[s[7]]<<4|St[s[8]]:255})),i=n||jt(t)||Gt(t)),this._rgb=i,this._valid=!!i}get valid(){return this._valid}get rgb(){var t=qt(this._rgb);return t&&(t.a=wt(t.a)),t}set rgb(t){this._rgb=Kt(t)}rgbString(){return this._valid?(t=this._rgb)&&(t.a<255?`rgba(${t.r}, ${t.g}, ${t.b}, ${wt(t.a)})`:`rgb(${t.r}, ${t.g}, ${t.b})`):void 0;var t}hexString(){return this._valid?At(this._rgb):void 0}hslString(){return this._valid?function(t){if(!t)return;const e=It(t),i=e[0],s=kt(e[1]),n=kt(e[2]);return t.a<255?`hsla(${i}, ${s}%, ${n}%, ${wt(t.a)})`:`hsl(${i}, ${s}%, ${n}%)`}(this._rgb):void 0}mix(t,e){if(t){const i=this.rgb,s=t.rgb;let n;const o=e===n?.5:e,a=2*o-1,r=i.a-s.a,l=((a*r==-1?a:(a+r)/(1+a*r))+1)/2;n=1-l,i.r=255&l*i.r+n*s.r+.5,i.g=255&l*i.g+n*s.g+.5,i.b=255&l*i.b+n*s.b+.5,i.a=o*i.a+(1-o)*s.a,this.rgb=i}return this}interpolate(t,e){return t&&(this._rgb=function(t,e,i){const s=Ut(wt(t.r)),n=Ut(wt(t.g)),o=Ut(wt(t.b));return{r:Mt(Yt(s+i*(Ut(wt(e.r))-s))),g:Mt(Yt(n+i*(Ut(wt(e.g))-n))),b:Mt(Yt(o+i*(Ut(wt(e.b))-o))),a:t.a+i*(e.a-t.a)}}(this._rgb,t._rgb,e)),this}clone(){return new Jt(this.rgb)}alpha(t){return this._rgb.a=Mt(t),this}clearer(t){return this._rgb.a*=1-t,this}greyscale(){const t=this._rgb,e=_t(.3*t.r+.59*t.g+.11*t.b);return t.r=t.g=t.b=e,this}opaquer(t){return this._rgb.a*=1+t,this}negate(){const t=this._rgb;return t.r=255-t.r,t.g=255-t.g,t.b=255-t.b,this}lighten(t){return Xt(this._rgb,2,t),this}darken(t){return Xt(this._rgb,2,-t),this}saturate(t){return Xt(this._rgb,1,t),this}desaturate(t){return Xt(this._rgb,1,-t),this}rotate(t){return function(t,e){var i=It(t);i[0]=Vt(i[0]+e),i=Ft(i),t.r=i[0],t.g=i[1],t.b=i[2]}(this._rgb,t),this}}function Zt(t){if(t&&"object"==typeof t){const e=t.toString();return"[object CanvasPattern]"===e||"[object CanvasGradient]"===e}return!1}function Qt(t){return Zt(t)?t:new Jt(t)}function te(t){return Zt(t)?t:new Jt(t).saturate(.5).darken(.1).hexString()}const ee=["x","y","borderWidth","radius","tension"],ie=["color","borderColor","backgroundColor"];const se=new Map;function ne(t,e,i){return function(t,e){e=e||{};const i=t+JSON.stringify(e);let s=se.get(i);return s||(s=new Intl.NumberFormat(t,e),se.set(i,s)),s}(e,i).format(t)}const oe={values:t=>n(t)?t:""+t,numeric(t,e,i){if(0===t)return"0";const s=this.chart.options.locale;let n,o=t;if(i.length>1){const e=Math.max(Math.abs(i[0].value),Math.abs(i[i.length-1].value));(e<1e-4||e>1e15)&&(n="scientific"),o=function(t,e){let i=e.length>3?e[2].value-e[1].value:e[1].value-e[0].value;Math.abs(i)>=1&&t!==Math.floor(t)&&(i=t-Math.floor(t));return i}(t,i)}const a=z(Math.abs(o)),r=isNaN(a)?1:Math.max(Math.min(-1*Math.floor(a),20),0),l={notation:n,minimumFractionDigits:r,maximumFractionDigits:r};return Object.assign(l,this.options.ticks.format),ne(t,s,l)},logarithmic(t,e,i){if(0===t)return"0";const s=i[e].significand||t/Math.pow(10,Math.floor(z(t)));return[1,2,3,5,10,15].includes(s)||e>.8*i.length?oe.numeric.call(this,t,e,i):""}};var ae={formatters:oe};const re=Object.create(null),le=Object.create(null);function he(t,e){if(!e)return t;const i=e.split(".");for(let e=0,s=i.length;e<s;++e){const s=i[e];t=t[s]||(t[s]=Object.create(null))}return t}function ce(t,e,i){return"string"==typeof e?x(he(t,e),i):x(he(t,""),e)}class de{constructor(t,e){this.animation=void 0,this.backgroundColor="rgba(0,0,0,0.1)",this.borderColor="rgba(0,0,0,0.1)",this.color="#666",this.datasets={},this.devicePixelRatio=t=>t.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=(t,e)=>te(e.backgroundColor),this.hoverBorderColor=(t,e)=>te(e.borderColor),this.hoverColor=(t,e)=>te(e.color),this.indexAxis="x",this.interaction={mode:"nearest",intersect:!0,includeInvisible:!1},this.maintainAspectRatio=!0,this.onHover=null,this.onClick=null,this.parsing=!0,this.plugins={},this.responsive=!0,this.scale=void 0,this.scales={},this.showLine=!0,this.drawActiveElementsOnTop=!0,this.describe(t),this.apply(e)}set(t,e){return ce(this,t,e)}get(t){return he(this,t)}describe(t,e){return ce(le,t,e)}override(t,e){return ce(re,t,e)}route(t,e,i,s){const n=he(this,t),a=he(this,i),r="_"+e;Object.defineProperties(n,{[r]:{value:n[e],writable:!0},[e]:{enumerable:!0,get(){const t=this[r],e=a[s];return o(t)?Object.assign({},e,t):l(t,e)},set(t){this[r]=t}}})}apply(t){t.forEach((t=>t(this)))}}var ue=new de({_scriptable:t=>!t.startsWith("on"),_indexable:t=>"events"!==t,hover:{_fallback:"interaction"},interaction:{_scriptable:!1,_indexable:!1}},[function(t){t.set("animation",{delay:void 0,duration:1e3,easing:"easeOutQuart",fn:void 0,from:void 0,loop:void 0,to:void 0,type:void 0}),t.describe("animation",{_fallback:!1,_indexable:!1,_scriptable:t=>"onProgress"!==t&&"onComplete"!==t&&"fn"!==t}),t.set("animations",{colors:{type:"color",properties:ie},numbers:{type:"number",properties:ee}}),t.describe("animations",{_fallback:"animation"}),t.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:t=>0|t}}}})},function(t){t.set("layout",{autoPadding:!0,padding:{top:0,right:0,bottom:0,left:0}})},function(t){t.set("scale",{display:!0,offset:!1,reverse:!1,beginAtZero:!1,bounds:"ticks",clip:!0,grace:0,grid:{display:!0,lineWidth:1,drawOnChartArea:!0,drawTicks:!0,tickLength:8,tickWidth:(t,e)=>e.lineWidth,tickColor:(t,e)=>e.color,offset:!1},border:{display:!0,dash:[],dashOffset:0,width:1},title:{display:!1,text:"",padding:{top:4,bottom:4}},ticks:{minRotation:0,maxRotation:50,mirror:!1,textStrokeWidth:0,textStrokeColor:"",padding:3,display:!0,autoSkip:!0,autoSkipPadding:3,labelOffset:0,callback:ae.formatters.values,minor:{},major:{},align:"center",crossAlign:"near",showLabelBackdrop:!1,backdropColor:"rgba(255, 255, 255, 0.75)",backdropPadding:2}}),t.route("scale.ticks","color","","color"),t.route("scale.grid","color","","borderColor"),t.route("scale.border","color","","borderColor"),t.route("scale.title","color","","color"),t.describe("scale",{_fallback:!1,_scriptable:t=>!t.startsWith("before")&&!t.startsWith("after")&&"callback"!==t&&"parser"!==t,_indexable:t=>"borderDash"!==t&&"tickBorderDash"!==t&&"dash"!==t}),t.describe("scales",{_fallback:"scale"}),t.describe("scale.ticks",{_scriptable:t=>"backdropPadding"!==t&&"callback"!==t,_indexable:t=>"backdropPadding"!==t})}]);function fe(){return"undefined"!=typeof window&&"undefined"!=typeof document}function ge(t){let e=t.parentNode;return e&&"[object ShadowRoot]"===e.toString()&&(e=e.host),e}function pe(t,e,i){let s;return"string"==typeof t?(s=parseInt(t,10),-1!==t.indexOf("%")&&(s=s/100*e.parentNode[i])):s=t,s}const me=t=>t.ownerDocument.defaultView.getComputedStyle(t,null);function xe(t,e){return me(t).getPropertyValue(e)}const be=["top","right","bottom","left"];function _e(t,e,i){const s={};i=i?"-"+i:"";for(let n=0;n<4;n++){const o=be[n];s[o]=parseFloat(t[e+"-"+o+i])||0}return s.width=s.left+s.right,s.height=s.top+s.bottom,s}const ye=(t,e,i)=>(t>0||e>0)&&(!i||!i.shadowRoot);function ve(t,e){if("native"in t)return t;const{canvas:i,currentDevicePixelRatio:s}=e,n=me(i),o="border-box"===n.boxSizing,a=_e(n,"padding"),r=_e(n,"border","width"),{x:l,y:h,box:c}=function(t,e){const i=t.touches,s=i&&i.length?i[0]:t,{offsetX:n,offsetY:o}=s;let a,r,l=!1;if(ye(n,o,t.target))a=n,r=o;else{const t=e.getBoundingClientRect();a=s.clientX-t.left,r=s.clientY-t.top,l=!0}return{x:a,y:r,box:l}}(t,i),d=a.left+(c&&r.left),u=a.top+(c&&r.top);let{width:f,height:g}=e;return o&&(f-=a.width+r.width,g-=a.height+r.height),{x:Math.round((l-d)/f*i.width/s),y:Math.round((h-u)/g*i.height/s)}}const Me=t=>Math.round(10*t)/10;function we(t,e,i,s){const n=me(t),o=_e(n,"margin"),a=pe(n.maxWidth,t,"clientWidth")||T,r=pe(n.maxHeight,t,"clientHeight")||T,l=function(t,e,i){let s,n;if(void 0===e||void 0===i){const o=t&&ge(t);if(o){const t=o.getBoundingClientRect(),a=me(o),r=_e(a,"border","width"),l=_e(a,"padding");e=t.width-l.width-r.width,i=t.height-l.height-r.height,s=pe(a.maxWidth,o,"clientWidth"),n=pe(a.maxHeight,o,"clientHeight")}else e=t.clientWidth,i=t.clientHeight}return{width:e,height:i,maxWidth:s||T,maxHeight:n||T}}(t,e,i);let{width:h,height:c}=l;if("content-box"===n.boxSizing){const t=_e(n,"border","width"),e=_e(n,"padding");h-=e.width+t.width,c-=e.height+t.height}h=Math.max(0,h-o.width),c=Math.max(0,s?h/s:c-o.height),h=Me(Math.min(h,a,l.maxWidth)),c=Me(Math.min(c,r,l.maxHeight)),h&&!c&&(c=Me(h/2));return(void 0!==e||void 0!==i)&&s&&l.height&&c>l.height&&(c=l.height,h=Me(Math.floor(c*s))),{width:h,height:c}}function ke(t,e,i){const s=e||1,n=Me(t.height*s),o=Me(t.width*s);t.height=Me(t.height),t.width=Me(t.width);const a=t.canvas;return a.style&&(i||!a.style.height&&!a.style.width)&&(a.style.height=`${t.height}px`,a.style.width=`${t.width}px`),(t.currentDevicePixelRatio!==s||a.height!==n||a.width!==o)&&(t.currentDevicePixelRatio=s,a.height=n,a.width=o,t.ctx.setTransform(s,0,0,s,0,0),!0)}const Se=function(){let t=!1;try{const e={get passive(){return t=!0,!1}};fe()&&(window.addEventListener("test",null,e),window.removeEventListener("test",null,e))}catch(t){}return t}();function Pe(t,e){const i=xe(t,e),s=i&&i.match(/^(\d+)(\.\d+)?px$/);return s?+s[1]:void 0}function De(t){return!t||s(t.size)||s(t.family)?null:(t.style?t.style+" ":"")+(t.weight?t.weight+" ":"")+t.size+"px "+t.family}function Ce(t,e,i,s,n){let o=e[n];return o||(o=e[n]=t.measureText(n).width,i.push(n)),o>s&&(s=o),s}function Oe(t,e,i,s){let o=(s=s||{}).data=s.data||{},a=s.garbageCollect=s.garbageCollect||[];s.font!==e&&(o=s.data={},a=s.garbageCollect=[],s.font=e),t.save(),t.font=e;let r=0;const l=i.length;let h,c,d,u,f;for(h=0;h<l;h++)if(u=i[h],null==u||n(u)){if(n(u))for(c=0,d=u.length;c<d;c++)f=u[c],null==f||n(f)||(r=Ce(t,o,a,r,f))}else r=Ce(t,o,a,r,u);t.restore();const g=a.length/2;if(g>i.length){for(h=0;h<g;h++)delete o[a[h]];a.splice(0,g)}return r}function Ae(t,e,i){const s=t.currentDevicePixelRatio,n=0!==i?Math.max(i/2,.5):0;return Math.round((e-n)*s)/s+n}function Te(t,e){(e||t)&&((e=e||t.getContext("2d")).save(),e.resetTransform(),e.clearRect(0,0,t.width,t.height),e.restore())}function Le(t,e,i,s){Ee(t,e,i,s,null)}function Ee(t,e,i,s,n){let o,a,r,l,h,c,d,u;const f=e.pointStyle,g=e.rotation,p=e.radius;let m=(g||0)*L;if(f&&"object"==typeof f&&(o=f.toString(),"[object HTMLImageElement]"===o||"[object HTMLCanvasElement]"===o))return t.save(),t.translate(i,s),t.rotate(m),t.drawImage(f,-f.width/2,-f.height/2,f.width,f.height),void t.restore();if(!(isNaN(p)||p<=0)){switch(t.beginPath(),f){default:n?t.ellipse(i,s,n/2,p,0,0,O):t.arc(i,s,p,0,O),t.closePath();break;case"triangle":c=n?n/2:p,t.moveTo(i+Math.sin(m)*c,s-Math.cos(m)*p),m+=I,t.lineTo(i+Math.sin(m)*c,s-Math.cos(m)*p),m+=I,t.lineTo(i+Math.sin(m)*c,s-Math.cos(m)*p),t.closePath();break;case"rectRounded":h=.516*p,l=p-h,a=Math.cos(m+R)*l,d=Math.cos(m+R)*(n?n/2-h:l),r=Math.sin(m+R)*l,u=Math.sin(m+R)*(n?n/2-h:l),t.arc(i-d,s-r,h,m-C,m-E),t.arc(i+u,s-a,h,m-E,m),t.arc(i+d,s+r,h,m,m+E),t.arc(i-u,s+a,h,m+E,m+C),t.closePath();break;case"rect":if(!g){l=Math.SQRT1_2*p,c=n?n/2:l,t.rect(i-c,s-l,2*c,2*l);break}m+=R;case"rectRot":d=Math.cos(m)*(n?n/2:p),a=Math.cos(m)*p,r=Math.sin(m)*p,u=Math.sin(m)*(n?n/2:p),t.moveTo(i-d,s-r),t.lineTo(i+u,s-a),t.lineTo(i+d,s+r),t.lineTo(i-u,s+a),t.closePath();break;case"crossRot":m+=R;case"cross":d=Math.cos(m)*(n?n/2:p),a=Math.cos(m)*p,r=Math.sin(m)*p,u=Math.sin(m)*(n?n/2:p),t.moveTo(i-d,s-r),t.lineTo(i+d,s+r),t.moveTo(i+u,s-a),t.lineTo(i-u,s+a);break;case"star":d=Math.cos(m)*(n?n/2:p),a=Math.cos(m)*p,r=Math.sin(m)*p,u=Math.sin(m)*(n?n/2:p),t.moveTo(i-d,s-r),t.lineTo(i+d,s+r),t.moveTo(i+u,s-a),t.lineTo(i-u,s+a),m+=R,d=Math.cos(m)*(n?n/2:p),a=Math.cos(m)*p,r=Math.sin(m)*p,u=Math.sin(m)*(n?n/2:p),t.moveTo(i-d,s-r),t.lineTo(i+d,s+r),t.moveTo(i+u,s-a),t.lineTo(i-u,s+a);break;case"line":a=n?n/2:Math.cos(m)*p,r=Math.sin(m)*p,t.moveTo(i-a,s-r),t.lineTo(i+a,s+r);break;case"dash":t.moveTo(i,s),t.lineTo(i+Math.cos(m)*(n?n/2:p),s+Math.sin(m)*p);break;case!1:t.closePath()}t.fill(),e.borderWidth>0&&t.stroke()}}function Re(t,e,i){return i=i||.5,!e||t&&t.x>e.left-i&&t.x<e.right+i&&t.y>e.top-i&&t.y<e.bottom+i}function Ie(t,e){t.save(),t.beginPath(),t.rect(e.left,e.top,e.right-e.left,e.bottom-e.top),t.clip()}function ze(t){t.restore()}function Fe(t,e,i,s,n){if(!e)return t.lineTo(i.x,i.y);if("middle"===n){const s=(e.x+i.x)/2;t.lineTo(s,e.y),t.lineTo(s,i.y)}else"after"===n!=!!s?t.lineTo(e.x,i.y):t.lineTo(i.x,e.y);t.lineTo(i.x,i.y)}function Ve(t,e,i,s){if(!e)return t.lineTo(i.x,i.y);t.bezierCurveTo(s?e.cp1x:e.cp2x,s?e.cp1y:e.cp2y,s?i.cp2x:i.cp1x,s?i.cp2y:i.cp1y,i.x,i.y)}function Be(t,e,i,s,n){if(n.strikethrough||n.underline){const o=t.measureText(s),a=e-o.actualBoundingBoxLeft,r=e+o.actualBoundingBoxRight,l=i-o.actualBoundingBoxAscent,h=i+o.actualBoundingBoxDescent,c=n.strikethrough?(l+h)/2:h;t.strokeStyle=t.fillStyle,t.beginPath(),t.lineWidth=n.decorationWidth||2,t.moveTo(a,c),t.lineTo(r,c),t.stroke()}}function We(t,e){const i=t.fillStyle;t.fillStyle=e.color,t.fillRect(e.left,e.top,e.width,e.height),t.fillStyle=i}function Ne(t,e,i,o,a,r={}){const l=n(e)?e:[e],h=r.strokeWidth>0&&""!==r.strokeColor;let c,d;for(t.save(),t.font=a.string,function(t,e){e.translation&&t.translate(e.translation[0],e.translation[1]),s(e.rotation)||t.rotate(e.rotation),e.color&&(t.fillStyle=e.color),e.textAlign&&(t.textAlign=e.textAlign),e.textBaseline&&(t.textBaseline=e.textBaseline)}(t,r),c=0;c<l.length;++c)d=l[c],r.backdrop&&We(t,r.backdrop),h&&(r.strokeColor&&(t.strokeStyle=r.strokeColor),s(r.strokeWidth)||(t.lineWidth=r.strokeWidth),t.strokeText(d,i,o,r.maxWidth)),t.fillText(d,i,o,r.maxWidth),Be(t,i,o,d,r),o+=Number(a.lineHeight);t.restore()}function He(t,e){const{x:i,y:s,w:n,h:o,radius:a}=e;t.arc(i+a.topLeft,s+a.topLeft,a.topLeft,1.5*C,C,!0),t.lineTo(i,s+o-a.bottomLeft),t.arc(i+a.bottomLeft,s+o-a.bottomLeft,a.bottomLeft,C,E,!0),t.lineTo(i+n-a.bottomRight,s+o),t.arc(i+n-a.bottomRight,s+o-a.bottomRight,a.bottomRight,E,0,!0),t.lineTo(i+n,s+a.topRight),t.arc(i+n-a.topRight,s+a.topRight,a.topRight,0,-E,!0),t.lineTo(i+a.topLeft,s)}function je(t,e=[""],i,s,n=(()=>t[0])){const o=i||t;void 0===s&&(s=ti("_fallback",t));const a={[Symbol.toStringTag]:"Object",_cacheable:!0,_scopes:t,_rootScopes:o,_fallback:s,_getTarget:n,override:i=>je([i,...t],e,o,s)};return new Proxy(a,{deleteProperty:(e,i)=>(delete e[i],delete e._keys,delete t[0][i],!0),get:(i,s)=>qe(i,s,(()=>function(t,e,i,s){let n;for(const o of e)if(n=ti(Ue(o,t),i),void 0!==n)return Xe(t,n)?Ze(i,s,t,n):n}(s,e,t,i))),getOwnPropertyDescriptor:(t,e)=>Reflect.getOwnPropertyDescriptor(t._scopes[0],e),getPrototypeOf:()=>Reflect.getPrototypeOf(t[0]),has:(t,e)=>ei(t).includes(e),ownKeys:t=>ei(t),set(t,e,i){const s=t._storage||(t._storage=n());return t[e]=s[e]=i,delete t._keys,!0}})}function $e(t,e,i,s){const a={_cacheable:!1,_proxy:t,_context:e,_subProxy:i,_stack:new Set,_descriptors:Ye(t,s),setContext:e=>$e(t,e,i,s),override:n=>$e(t.override(n),e,i,s)};return new Proxy(a,{deleteProperty:(e,i)=>(delete e[i],delete t[i],!0),get:(t,e,i)=>qe(t,e,(()=>function(t,e,i){const{_proxy:s,_context:a,_subProxy:r,_descriptors:l}=t;let h=s[e];S(h)&&l.isScriptable(e)&&(h=function(t,e,i,s){const{_proxy:n,_context:o,_subProxy:a,_stack:r}=i;if(r.has(t))throw new Error("Recursion detected: "+Array.from(r).join("->")+"->"+t);r.add(t);let l=e(o,a||s);r.delete(t),Xe(t,l)&&(l=Ze(n._scopes,n,t,l));return l}(e,h,t,i));n(h)&&h.length&&(h=function(t,e,i,s){const{_proxy:n,_context:a,_subProxy:r,_descriptors:l}=i;if(void 0!==a.index&&s(t))return e[a.index%e.length];if(o(e[0])){const i=e,s=n._scopes.filter((t=>t!==i));e=[];for(const o of i){const i=Ze(s,n,t,o);e.push($e(i,a,r&&r[t],l))}}return e}(e,h,t,l.isIndexable));Xe(e,h)&&(h=$e(h,a,r&&r[e],l));return h}(t,e,i))),getOwnPropertyDescriptor:(e,i)=>e._descriptors.allKeys?Reflect.has(t,i)?{enumerable:!0,configurable:!0}:void 0:Reflect.getOwnPropertyDescriptor(t,i),getPrototypeOf:()=>Reflect.getPrototypeOf(t),has:(e,i)=>Reflect.has(t,i),ownKeys:()=>Reflect.ownKeys(t),set:(e,i,s)=>(t[i]=s,delete e[i],!0)})}function Ye(t,e={scriptable:!0,indexable:!0}){const{_scriptable:i=e.scriptable,_indexable:s=e.indexable,_allKeys:n=e.allKeys}=t;return{allKeys:n,scriptable:i,indexable:s,isScriptable:S(i)?i:()=>i,isIndexable:S(s)?s:()=>s}}const Ue=(t,e)=>t?t+w(e):e,Xe=(t,e)=>o(e)&&"adapters"!==t&&(null===Object.getPrototypeOf(e)||e.constructor===Object);function qe(t,e,i){if(Object.prototype.hasOwnProperty.call(t,e)||"constructor"===e)return t[e];const s=i();return t[e]=s,s}function Ke(t,e,i){return S(t)?t(e,i):t}const Ge=(t,e)=>!0===t?e:"string"==typeof t?M(e,t):void 0;function Je(t,e,i,s,n){for(const o of e){const e=Ge(i,o);if(e){t.add(e);const o=Ke(e._fallback,i,n);if(void 0!==o&&o!==i&&o!==s)return o}else if(!1===e&&void 0!==s&&i!==s)return null}return!1}function Ze(t,e,i,s){const a=e._rootScopes,r=Ke(e._fallback,i,s),l=[...t,...a],h=new Set;h.add(s);let c=Qe(h,l,i,r||i,s);return null!==c&&((void 0===r||r===i||(c=Qe(h,l,r,c,s),null!==c))&&je(Array.from(h),[""],a,r,(()=>function(t,e,i){const s=t._getTarget();e in s||(s[e]={});const a=s[e];if(n(a)&&o(i))return i;return a||{}}(e,i,s))))}function Qe(t,e,i,s,n){for(;i;)i=Je(t,e,i,s,n);return i}function ti(t,e){for(const i of e){if(!i)continue;const e=i[t];if(void 0!==e)return e}}function ei(t){let e=t._keys;return e||(e=t._keys=function(t){const e=new Set;for(const i of t)for(const t of Object.keys(i).filter((t=>!t.startsWith("_"))))e.add(t);return Array.from(e)}(t._scopes)),e}function ii(t,e,i,s){const{iScale:n}=t,{key:o="r"}=this._parsing,a=new Array(s);let r,l,h,c;for(r=0,l=s;r<l;++r)h=r+i,c=e[h],a[r]={r:n.parse(M(c,o),h)};return a}const si=Number.EPSILON||1e-14,ni=(t,e)=>e<t.length&&!t[e].skip&&t[e],oi=t=>"x"===t?"y":"x";function ai(t,e,i,s){const n=t.skip?e:t,o=e,a=i.skip?e:i,r=q(o,n),l=q(a,o);let h=r/(r+l),c=l/(r+l);h=isNaN(h)?0:h,c=isNaN(c)?0:c;const d=s*h,u=s*c;return{previous:{x:o.x-d*(a.x-n.x),y:o.y-d*(a.y-n.y)},next:{x:o.x+u*(a.x-n.x),y:o.y+u*(a.y-n.y)}}}function ri(t,e="x"){const i=oi(e),s=t.length,n=Array(s).fill(0),o=Array(s);let a,r,l,h=ni(t,0);for(a=0;a<s;++a)if(r=l,l=h,h=ni(t,a+1),l){if(h){const t=h[e]-l[e];n[a]=0!==t?(h[i]-l[i])/t:0}o[a]=r?h?F(n[a-1])!==F(n[a])?0:(n[a-1]+n[a])/2:n[a-1]:n[a]}!function(t,e,i){const s=t.length;let n,o,a,r,l,h=ni(t,0);for(let c=0;c<s-1;++c)l=h,h=ni(t,c+1),l&&h&&(V(e[c],0,si)?i[c]=i[c+1]=0:(n=i[c]/e[c],o=i[c+1]/e[c],r=Math.pow(n,2)+Math.pow(o,2),r<=9||(a=3/Math.sqrt(r),i[c]=n*a*e[c],i[c+1]=o*a*e[c])))}(t,n,o),function(t,e,i="x"){const s=oi(i),n=t.length;let o,a,r,l=ni(t,0);for(let h=0;h<n;++h){if(a=r,r=l,l=ni(t,h+1),!r)continue;const n=r[i],c=r[s];a&&(o=(n-a[i])/3,r[`cp1${i}`]=n-o,r[`cp1${s}`]=c-o*e[h]),l&&(o=(l[i]-n)/3,r[`cp2${i}`]=n+o,r[`cp2${s}`]=c+o*e[h])}}(t,o,e)}function li(t,e,i){return Math.max(Math.min(t,i),e)}function hi(t,e,i,s,n){let o,a,r,l;if(e.spanGaps&&(t=t.filter((t=>!t.skip))),"monotone"===e.cubicInterpolationMode)ri(t,n);else{let i=s?t[t.length-1]:t[0];for(o=0,a=t.length;o<a;++o)r=t[o],l=ai(i,r,t[Math.min(o+1,a-(s?0:1))%a],e.tension),r.cp1x=l.previous.x,r.cp1y=l.previous.y,r.cp2x=l.next.x,r.cp2y=l.next.y,i=r}e.capBezierPoints&&function(t,e){let i,s,n,o,a,r=Re(t[0],e);for(i=0,s=t.length;i<s;++i)a=o,o=r,r=i<s-1&&Re(t[i+1],e),o&&(n=t[i],a&&(n.cp1x=li(n.cp1x,e.left,e.right),n.cp1y=li(n.cp1y,e.top,e.bottom)),r&&(n.cp2x=li(n.cp2x,e.left,e.right),n.cp2y=li(n.cp2y,e.top,e.bottom)))}(t,i)}const ci=t=>0===t||1===t,di=(t,e,i)=>-Math.pow(2,10*(t-=1))*Math.sin((t-e)*O/i),ui=(t,e,i)=>Math.pow(2,-10*t)*Math.sin((t-e)*O/i)+1,fi={linear:t=>t,easeInQuad:t=>t*t,easeOutQuad:t=>-t*(t-2),easeInOutQuad:t=>(t/=.5)<1?.5*t*t:-.5*(--t*(t-2)-1),easeInCubic:t=>t*t*t,easeOutCubic:t=>(t-=1)*t*t+1,easeInOutCubic:t=>(t/=.5)<1?.5*t*t*t:.5*((t-=2)*t*t+2),easeInQuart:t=>t*t*t*t,easeOutQuart:t=>-((t-=1)*t*t*t-1),easeInOutQuart:t=>(t/=.5)<1?.5*t*t*t*t:-.5*((t-=2)*t*t*t-2),easeInQuint:t=>t*t*t*t*t,easeOutQuint:t=>(t-=1)*t*t*t*t+1,easeInOutQuint:t=>(t/=.5)<1?.5*t*t*t*t*t:.5*((t-=2)*t*t*t*t+2),easeInSine:t=>1-Math.cos(t*E),easeOutSine:t=>Math.sin(t*E),easeInOutSine:t=>-.5*(Math.cos(C*t)-1),easeInExpo:t=>0===t?0:Math.pow(2,10*(t-1)),easeOutExpo:t=>1===t?1:1-Math.pow(2,-10*t),easeInOutExpo:t=>ci(t)?t:t<.5?.5*Math.pow(2,10*(2*t-1)):.5*(2-Math.pow(2,-10*(2*t-1))),easeInCirc:t=>t>=1?t:-(Math.sqrt(1-t*t)-1),easeOutCirc:t=>Math.sqrt(1-(t-=1)*t),easeInOutCirc:t=>(t/=.5)<1?-.5*(Math.sqrt(1-t*t)-1):.5*(Math.sqrt(1-(t-=2)*t)+1),easeInElastic:t=>ci(t)?t:di(t,.075,.3),easeOutElastic:t=>ci(t)?t:ui(t,.075,.3),easeInOutElastic(t){const e=.1125;return ci(t)?t:t<.5?.5*di(2*t,e,.45):.5+.5*ui(2*t-1,e,.45)},easeInBack(t){const e=1.70158;return t*t*((e+1)*t-e)},easeOutBack(t){const e=1.70158;return(t-=1)*t*((e+1)*t+e)+1},easeInOutBack(t){let e=1.70158;return(t/=.5)<1?t*t*((1+(e*=1.525))*t-e)*.5:.5*((t-=2)*t*((1+(e*=1.525))*t+e)+2)},easeInBounce:t=>1-fi.easeOutBounce(1-t),easeOutBounce(t){const e=7.5625,i=2.75;return t<1/i?e*t*t:t<2/i?e*(t-=1.5/i)*t+.75:t<2.5/i?e*(t-=2.25/i)*t+.9375:e*(t-=2.625/i)*t+.984375},easeInOutBounce:t=>t<.5?.5*fi.easeInBounce(2*t):.5*fi.easeOutBounce(2*t-1)+.5};function gi(t,e,i,s){return{x:t.x+i*(e.x-t.x),y:t.y+i*(e.y-t.y)}}function pi(t,e,i,s){return{x:t.x+i*(e.x-t.x),y:"middle"===s?i<.5?t.y:e.y:"after"===s?i<1?t.y:e.y:i>0?e.y:t.y}}function mi(t,e,i,s){const n={x:t.cp2x,y:t.cp2y},o={x:e.cp1x,y:e.cp1y},a=gi(t,n,i),r=gi(n,o,i),l=gi(o,e,i),h=gi(a,r,i),c=gi(r,l,i);return gi(h,c,i)}const xi=/^(normal|(\d+(?:\.\d+)?)(px|em|%)?)$/,bi=/^(normal|italic|initial|inherit|unset|(oblique( -?[0-9]?[0-9]deg)?))$/;function _i(t,e){const i=(""+t).match(xi);if(!i||"normal"===i[1])return 1.2*e;switch(t=+i[2],i[3]){case"px":return t;case"%":t/=100}return e*t}const yi=t=>+t||0;function vi(t,e){const i={},s=o(e),n=s?Object.keys(e):e,a=o(t)?s?i=>l(t[i],t[e[i]]):e=>t[e]:()=>t;for(const t of n)i[t]=yi(a(t));return i}function Mi(t){return vi(t,{top:"y",right:"x",bottom:"y",left:"x"})}function wi(t){return vi(t,["topLeft","topRight","bottomLeft","bottomRight"])}function ki(t){const e=Mi(t);return e.width=e.left+e.right,e.height=e.top+e.bottom,e}function Si(t,e){t=t||{},e=e||ue.font;let i=l(t.size,e.size);"string"==typeof i&&(i=parseInt(i,10));let s=l(t.style,e.style);s&&!(""+s).match(bi)&&(console.warn('Invalid font style specified: "'+s+'"'),s=void 0);const n={family:l(t.family,e.family),lineHeight:_i(l(t.lineHeight,e.lineHeight),i),size:i,style:s,weight:l(t.weight,e.weight),string:""};return n.string=De(n),n}function Pi(t,e,i,s){let o,a,r,l=!0;for(o=0,a=t.length;o<a;++o)if(r=t[o],void 0!==r&&(void 0!==e&&"function"==typeof r&&(r=r(e),l=!1),void 0!==i&&n(r)&&(r=r[i%r.length],l=!1),void 0!==r))return s&&!l&&(s.cacheable=!1),r}function Di(t,e,i){const{min:s,max:n}=t,o=c(e,(n-s)/2),a=(t,e)=>i&&0===t?0:t+e;return{min:a(s,-Math.abs(o)),max:a(n,o)}}function Ci(t,e){return Object.assign(Object.create(t),e)}function Oi(t,e,i){return t?function(t,e){return{x:i=>t+t+e-i,setWidth(t){e=t},textAlign:t=>"center"===t?t:"right"===t?"left":"right",xPlus:(t,e)=>t-e,leftForLtr:(t,e)=>t-e}}(e,i):{x:t=>t,setWidth(t){},textAlign:t=>t,xPlus:(t,e)=>t+e,leftForLtr:(t,e)=>t}}function Ai(t,e){let i,s;"ltr"!==e&&"rtl"!==e||(i=t.canvas.style,s=[i.getPropertyValue("direction"),i.getPropertyPriority("direction")],i.setProperty("direction",e,"important"),t.prevTextDirection=s)}function Ti(t,e){void 0!==e&&(delete t.prevTextDirection,t.canvas.style.setProperty("direction",e[0],e[1]))}function Li(t){return"angle"===t?{between:J,compare:K,normalize:G}:{between:tt,compare:(t,e)=>t-e,normalize:t=>t}}function Ei({start:t,end:e,count:i,loop:s,style:n}){return{start:t%i,end:e%i,loop:s&&(e-t+1)%i==0,style:n}}function Ri(t,e,i){if(!i)return[t];const{property:s,start:n,end:o}=i,a=e.length,{compare:r,between:l,normalize:h}=Li(s),{start:c,end:d,loop:u,style:f}=function(t,e,i){const{property:s,start:n,end:o}=i,{between:a,normalize:r}=Li(s),l=e.length;let h,c,{start:d,end:u,loop:f}=t;if(f){for(d+=l,u+=l,h=0,c=l;h<c&&a(r(e[d%l][s]),n,o);++h)d--,u--;d%=l,u%=l}return u<d&&(u+=l),{start:d,end:u,loop:f,style:t.style}}(t,e,i),g=[];let p,m,x,b=!1,_=null;const y=()=>b||l(n,x,p)&&0!==r(n,x),v=()=>!b||0===r(o,p)||l(o,x,p);for(let t=c,i=c;t<=d;++t)m=e[t%a],m.skip||(p=h(m[s]),p!==x&&(b=l(p,n,o),null===_&&y()&&(_=0===r(p,n)?t:i),null!==_&&v()&&(g.push(Ei({start:_,end:t,loop:u,count:a,style:f})),_=null),i=t,x=p));return null!==_&&g.push(Ei({start:_,end:d,loop:u,count:a,style:f})),g}function Ii(t,e){const i=[],s=t.segments;for(let n=0;n<s.length;n++){const o=Ri(s[n],t.points,e);o.length&&i.push(...o)}return i}function zi(t,e){const i=t.points,s=t.options.spanGaps,n=i.length;if(!n)return[];const o=!!t._loop,{start:a,end:r}=function(t,e,i,s){let n=0,o=e-1;if(i&&!s)for(;n<e&&!t[n].skip;)n++;for(;n<e&&t[n].skip;)n++;for(n%=e,i&&(o+=n);o>n&&t[o%e].skip;)o--;return o%=e,{start:n,end:o}}(i,n,o,s);if(!0===s)return Fi(t,[{start:a,end:r,loop:o}],i,e);return Fi(t,function(t,e,i,s){const n=t.length,o=[];let a,r=e,l=t[e];for(a=e+1;a<=i;++a){const i=t[a%n];i.skip||i.stop?l.skip||(s=!1,o.push({start:e%n,end:(a-1)%n,loop:s}),e=r=i.stop?a:null):(r=a,l.skip&&(e=a)),l=i}return null!==r&&o.push({start:e%n,end:r%n,loop:s}),o}(i,a,r<a?r+n:r,!!t._fullLoop&&0===a&&r===n-1),i,e)}function Fi(t,e,i,s){return s&&s.setContext&&i?function(t,e,i,s){const n=t._chart.getContext(),o=Vi(t.options),{_datasetIndex:a,options:{spanGaps:r}}=t,l=i.length,h=[];let c=o,d=e[0].start,u=d;function f(t,e,s,n){const o=r?-1:1;if(t!==e){for(t+=l;i[t%l].skip;)t-=o;for(;i[e%l].skip;)e+=o;t%l!=e%l&&(h.push({start:t%l,end:e%l,loop:s,style:n}),c=n,d=e%l)}}for(const t of e){d=r?d:t.start;let e,o=i[d%l];for(u=d+1;u<=t.end;u++){const r=i[u%l];e=Vi(s.setContext(Ci(n,{type:"segment",p0:o,p1:r,p0DataIndex:(u-1)%l,p1DataIndex:u%l,datasetIndex:a}))),Bi(e,c)&&f(d,u-1,t.loop,c),o=r,c=e}d<u-1&&f(d,u-1,t.loop,c)}return h}(t,e,i,s):e}function Vi(t){return{backgroundColor:t.backgroundColor,borderCapStyle:t.borderCapStyle,borderDash:t.borderDash,borderDashOffset:t.borderDashOffset,borderJoinStyle:t.borderJoinStyle,borderWidth:t.borderWidth,borderColor:t.borderColor}}function Bi(t,e){if(!e)return!1;const i=[],s=function(t,e){return Zt(e)?(i.includes(e)||i.push(e),i.indexOf(e)):e};return JSON.stringify(t,s)!==JSON.stringify(e,s)}function Wi(t,e,i){return t.options.clip?t[i]:e[i]}function Ni(t,e){const i=e._clip;if(i.disabled)return!1;const s=function(t,e){const{xScale:i,yScale:s}=t;return i&&s?{left:Wi(i,e,"left"),right:Wi(i,e,"right"),top:Wi(s,e,"top"),bottom:Wi(s,e,"bottom")}:e}(e,t.chartArea);return{left:!1===i.left?0:s.left-(!0===i.left?0:i.left),right:!1===i.right?t.width:s.right+(!0===i.right?0:i.right),top:!1===i.top?0:s.top-(!0===i.top?0:i.top),bottom:!1===i.bottom?t.height:s.bottom+(!0===i.bottom?0:i.bottom)}}var Hi=Object.freeze({__proto__:null,HALF_PI:E,INFINITY:T,PI:C,PITAU:A,QUARTER_PI:R,RAD_PER_DEG:L,TAU:O,TWO_THIRDS_PI:I,_addGrace:Di,_alignPixel:Ae,_alignStartEnd:ft,_angleBetween:J,_angleDiff:K,_arrayUnique:lt,_attachContext:$e,_bezierCurveTo:Ve,_bezierInterpolation:mi,_boundSegment:Ri,_boundSegments:Ii,_capitalize:w,_computeSegments:zi,_createResolver:je,_decimalPlaces:U,_deprecated:function(t,e,i,s){void 0!==e&&console.warn(t+': "'+i+'" is deprecated. Please use "'+s+'" instead')},_descriptors:Ye,_elementsEqual:f,_factorize:W,_filterBetween:nt,_getParentNode:ge,_getStartAndCountOfVisiblePoints:pt,_int16Range:Q,_isBetween:tt,_isClickEvent:D,_isDomSupported:fe,_isPointInArea:Re,_limitValue:Z,_longestText:Oe,_lookup:et,_lookupByKey:it,_measureText:Ce,_merger:m,_mergerIf:_,_normalizeAngle:G,_parseObjectDataRadialScale:ii,_pointInLine:gi,_readValueToProps:vi,_rlookupByKey:st,_scaleRangesChanged:mt,_setMinAndMaxByKey:j,_splitKey:v,_steppedInterpolation:pi,_steppedLineTo:Fe,_textX:gt,_toLeftRightCenter:ut,_updateBezierControlPoints:hi,addRoundedRectPath:He,almostEquals:V,almostWhole:H,callback:d,clearCanvas:Te,clipArea:Ie,clone:g,color:Qt,createContext:Ci,debounce:dt,defined:k,distanceBetweenPoints:q,drawPoint:Le,drawPointLegend:Ee,each:u,easingEffects:fi,finiteOrDefault:r,fontString:function(t,e,i){return e+" "+t+"px "+i},formatNumber:ne,getAngleFromPoint:X,getDatasetClipArea:Ni,getHoverColor:te,getMaximumSize:we,getRelativePosition:ve,getRtlAdapter:Oi,getStyle:xe,isArray:n,isFinite:a,isFunction:S,isNullOrUndef:s,isNumber:N,isObject:o,isPatternOrGradient:Zt,listenArrayEvents:at,log10:z,merge:x,mergeIf:b,niceNum:B,noop:e,overrideTextDirection:Ai,readUsedSize:Pe,renderText:Ne,requestAnimFrame:ht,resolve:Pi,resolveObjectKey:M,restoreTextDirection:Ti,retinaScale:ke,setsEqual:P,sign:F,splineCurve:ai,splineCurveMonotone:ri,supportsEventListenerOptions:Se,throttled:ct,toDegrees:Y,toDimension:c,toFont:Si,toFontString:De,toLineHeight:_i,toPadding:ki,toPercentage:h,toRadians:$,toTRBL:Mi,toTRBLCorners:wi,uid:i,unclipArea:ze,unlistenArrayEvents:rt,valueOrDefault:l});function ji(t,e,i,n){const{controller:o,data:a,_sorted:r}=t,l=o._cachedMeta.iScale,h=t.dataset&&t.dataset.options?t.dataset.options.spanGaps:null;if(l&&e===l.axis&&"r"!==e&&r&&a.length){const r=l._reversePixels?st:it;if(!n){const n=r(a,e,i);if(h){const{vScale:e}=o._cachedMeta,{_parsed:i}=t,a=i.slice(0,n.lo+1).reverse().findIndex((t=>!s(t[e.axis])));n.lo-=Math.max(0,a);const r=i.slice(n.hi).findIndex((t=>!s(t[e.axis])));n.hi+=Math.max(0,r)}return n}if(o._sharedOptions){const t=a[0],s="function"==typeof t.getRange&&t.getRange(e);if(s){const t=r(a,e,i-s),n=r(a,e,i+s);return{lo:t.lo,hi:n.hi}}}}return{lo:0,hi:a.length-1}}function $i(t,e,i,s,n){const o=t.getSortedVisibleDatasetMetas(),a=i[e];for(let t=0,i=o.length;t<i;++t){const{index:i,data:r}=o[t],{lo:l,hi:h}=ji(o[t],e,a,n);for(let t=l;t<=h;++t){const e=r[t];e.skip||s(e,i,t)}}}function Yi(t,e,i,s,n){const o=[];if(!n&&!t.isPointInArea(e))return o;return $i(t,i,e,(function(i,a,r){(n||Re(i,t.chartArea,0))&&i.inRange(e.x,e.y,s)&&o.push({element:i,datasetIndex:a,index:r})}),!0),o}function Ui(t,e,i,s,n,o){let a=[];const r=function(t){const e=-1!==t.indexOf("x"),i=-1!==t.indexOf("y");return function(t,s){const n=e?Math.abs(t.x-s.x):0,o=i?Math.abs(t.y-s.y):0;return Math.sqrt(Math.pow(n,2)+Math.pow(o,2))}}(i);let l=Number.POSITIVE_INFINITY;return $i(t,i,e,(function(i,h,c){const d=i.inRange(e.x,e.y,n);if(s&&!d)return;const u=i.getCenterPoint(n);if(!(!!o||t.isPointInArea(u))&&!d)return;const f=r(e,u);f<l?(a=[{element:i,datasetIndex:h,index:c}],l=f):f===l&&a.push({element:i,datasetIndex:h,index:c})})),a}function Xi(t,e,i,s,n,o){return o||t.isPointInArea(e)?"r"!==i||s?Ui(t,e,i,s,n,o):function(t,e,i,s){let n=[];return $i(t,i,e,(function(t,i,o){const{startAngle:a,endAngle:r}=t.getProps(["startAngle","endAngle"],s),{angle:l}=X(t,{x:e.x,y:e.y});J(l,a,r)&&n.push({element:t,datasetIndex:i,index:o})})),n}(t,e,i,n):[]}function qi(t,e,i,s,n){const o=[],a="x"===i?"inXRange":"inYRange";let r=!1;return $i(t,i,e,((t,s,l)=>{t[a]&&t[a](e[i],n)&&(o.push({element:t,datasetIndex:s,index:l}),r=r||t.inRange(e.x,e.y,n))})),s&&!r?[]:o}var Ki={evaluateInteractionItems:$i,modes:{index(t,e,i,s){const n=ve(e,t),o=i.axis||"x",a=i.includeInvisible||!1,r=i.intersect?Yi(t,n,o,s,a):Xi(t,n,o,!1,s,a),l=[];return r.length?(t.getSortedVisibleDatasetMetas().forEach((t=>{const e=r[0].index,i=t.data[e];i&&!i.skip&&l.push({element:i,datasetIndex:t.index,index:e})})),l):[]},dataset(t,e,i,s){const n=ve(e,t),o=i.axis||"xy",a=i.includeInvisible||!1;let r=i.intersect?Yi(t,n,o,s,a):Xi(t,n,o,!1,s,a);if(r.length>0){const e=r[0].datasetIndex,i=t.getDatasetMeta(e).data;r=[];for(let t=0;t<i.length;++t)r.push({element:i[t],datasetIndex:e,index:t})}return r},point:(t,e,i,s)=>Yi(t,ve(e,t),i.axis||"xy",s,i.includeInvisible||!1),nearest(t,e,i,s){const n=ve(e,t),o=i.axis||"xy",a=i.includeInvisible||!1;return Xi(t,n,o,i.intersect,s,a)},x:(t,e,i,s)=>qi(t,ve(e,t),"x",i.intersect,s),y:(t,e,i,s)=>qi(t,ve(e,t),"y",i.intersect,s)}};const Gi=["left","top","right","bottom"];function Ji(t,e){return t.filter((t=>t.pos===e))}function Zi(t,e){return t.filter((t=>-1===Gi.indexOf(t.pos)&&t.box.axis===e))}function Qi(t,e){return t.sort(((t,i)=>{const s=e?i:t,n=e?t:i;return s.weight===n.weight?s.index-n.index:s.weight-n.weight}))}function ts(t,e){const i=function(t){const e={};for(const i of t){const{stack:t,pos:s,stackWeight:n}=i;if(!t||!Gi.includes(s))continue;const o=e[t]||(e[t]={count:0,placed:0,weight:0,size:0});o.count++,o.weight+=n}return e}(t),{vBoxMaxWidth:s,hBoxMaxHeight:n}=e;let o,a,r;for(o=0,a=t.length;o<a;++o){r=t[o];const{fullSize:a}=r.box,l=i[r.stack],h=l&&r.stackWeight/l.weight;r.horizontal?(r.width=h?h*s:a&&e.availableWidth,r.height=n):(r.width=s,r.height=h?h*n:a&&e.availableHeight)}return i}function es(t,e,i,s){return Math.max(t[i],e[i])+Math.max(t[s],e[s])}function is(t,e){t.top=Math.max(t.top,e.top),t.left=Math.max(t.left,e.left),t.bottom=Math.max(t.bottom,e.bottom),t.right=Math.max(t.right,e.right)}function ss(t,e,i,s){const{pos:n,box:a}=i,r=t.maxPadding;if(!o(n)){i.size&&(t[n]-=i.size);const e=s[i.stack]||{size:0,count:1};e.size=Math.max(e.size,i.horizontal?a.height:a.width),i.size=e.size/e.count,t[n]+=i.size}a.getPadding&&is(r,a.getPadding());const l=Math.max(0,e.outerWidth-es(r,t,"left","right")),h=Math.max(0,e.outerHeight-es(r,t,"top","bottom")),c=l!==t.w,d=h!==t.h;return t.w=l,t.h=h,i.horizontal?{same:c,other:d}:{same:d,other:c}}function ns(t,e){const i=e.maxPadding;function s(t){const s={left:0,top:0,right:0,bottom:0};return t.forEach((t=>{s[t]=Math.max(e[t],i[t])})),s}return s(t?["left","right"]:["top","bottom"])}function os(t,e,i,s){const n=[];let o,a,r,l,h,c;for(o=0,a=t.length,h=0;o<a;++o){r=t[o],l=r.box,l.update(r.width||e.w,r.height||e.h,ns(r.horizontal,e));const{same:a,other:d}=ss(e,i,r,s);h|=a&&n.length,c=c||d,l.fullSize||n.push(r)}return h&&os(n,e,i,s)||c}function as(t,e,i,s,n){t.top=i,t.left=e,t.right=e+s,t.bottom=i+n,t.width=s,t.height=n}function rs(t,e,i,s){const n=i.padding;let{x:o,y:a}=e;for(const r of t){const t=r.box,l=s[r.stack]||{count:1,placed:0,weight:1},h=r.stackWeight/l.weight||1;if(r.horizontal){const s=e.w*h,o=l.size||t.height;k(l.start)&&(a=l.start),t.fullSize?as(t,n.left,a,i.outerWidth-n.right-n.left,o):as(t,e.left+l.placed,a,s,o),l.start=a,l.placed+=s,a=t.bottom}else{const s=e.h*h,a=l.size||t.width;k(l.start)&&(o=l.start),t.fullSize?as(t,o,n.top,a,i.outerHeight-n.bottom-n.top):as(t,o,e.top+l.placed,a,s),l.start=o,l.placed+=s,o=t.right}}e.x=o,e.y=a}var ls={addBox(t,e){t.boxes||(t.boxes=[]),e.fullSize=e.fullSize||!1,e.position=e.position||"top",e.weight=e.weight||0,e._layers=e._layers||function(){return[{z:0,draw(t){e.draw(t)}}]},t.boxes.push(e)},removeBox(t,e){const i=t.boxes?t.boxes.indexOf(e):-1;-1!==i&&t.boxes.splice(i,1)},configure(t,e,i){e.fullSize=i.fullSize,e.position=i.position,e.weight=i.weight},update(t,e,i,s){if(!t)return;const n=ki(t.options.layout.padding),o=Math.max(e-n.width,0),a=Math.max(i-n.height,0),r=function(t){const e=function(t){const e=[];let i,s,n,o,a,r;for(i=0,s=(t||[]).length;i<s;++i)n=t[i],({position:o,options:{stack:a,stackWeight:r=1}}=n),e.push({index:i,box:n,pos:o,horizontal:n.isHorizontal(),weight:n.weight,stack:a&&o+a,stackWeight:r});return e}(t),i=Qi(e.filter((t=>t.box.fullSize)),!0),s=Qi(Ji(e,"left"),!0),n=Qi(Ji(e,"right")),o=Qi(Ji(e,"top"),!0),a=Qi(Ji(e,"bottom")),r=Zi(e,"x"),l=Zi(e,"y");return{fullSize:i,leftAndTop:s.concat(o),rightAndBottom:n.concat(l).concat(a).concat(r),chartArea:Ji(e,"chartArea"),vertical:s.concat(n).concat(l),horizontal:o.concat(a).concat(r)}}(t.boxes),l=r.vertical,h=r.horizontal;u(t.boxes,(t=>{"function"==typeof t.beforeLayout&&t.beforeLayout()}));const c=l.reduce(((t,e)=>e.box.options&&!1===e.box.options.display?t:t+1),0)||1,d=Object.freeze({outerWidth:e,outerHeight:i,padding:n,availableWidth:o,availableHeight:a,vBoxMaxWidth:o/2/c,hBoxMaxHeight:a/2}),f=Object.assign({},n);is(f,ki(s));const g=Object.assign({maxPadding:f,w:o,h:a,x:n.left,y:n.top},n),p=ts(l.concat(h),d);os(r.fullSize,g,d,p),os(l,g,d,p),os(h,g,d,p)&&os(l,g,d,p),function(t){const e=t.maxPadding;function i(i){const s=Math.max(e[i]-t[i],0);return t[i]+=s,s}t.y+=i("top"),t.x+=i("left"),i("right"),i("bottom")}(g),rs(r.leftAndTop,g,d,p),g.x+=g.w,g.y+=g.h,rs(r.rightAndBottom,g,d,p),t.chartArea={left:g.left,top:g.top,right:g.left+g.w,bottom:g.top+g.h,height:g.h,width:g.w},u(r.chartArea,(e=>{const i=e.box;Object.assign(i,t.chartArea),i.update(g.w,g.h,{left:0,top:0,right:0,bottom:0})}))}};class hs{acquireContext(t,e){}releaseContext(t){return!1}addEventListener(t,e,i){}removeEventListener(t,e,i){}getDevicePixelRatio(){return 1}getMaximumSize(t,e,i,s){return e=Math.max(0,e||t.width),i=i||t.height,{width:e,height:Math.max(0,s?Math.floor(e/s):i)}}isAttached(t){return!0}updateConfig(t){}}class cs extends hs{acquireContext(t){return t&&t.getContext&&t.getContext("2d")||null}updateConfig(t){t.options.animation=!1}}const ds="$chartjs",us={touchstart:"mousedown",touchmove:"mousemove",touchend:"mouseup",pointerenter:"mouseenter",pointerdown:"mousedown",pointermove:"mousemove",pointerup:"mouseup",pointerleave:"mouseout",pointerout:"mouseout"},fs=t=>null===t||""===t;const gs=!!Se&&{passive:!0};function ps(t,e,i){t&&t.canvas&&t.canvas.removeEventListener(e,i,gs)}function ms(t,e){for(const i of t)if(i===e||i.contains(e))return!0}function xs(t,e,i){const s=t.canvas,n=new MutationObserver((t=>{let e=!1;for(const i of t)e=e||ms(i.addedNodes,s),e=e&&!ms(i.removedNodes,s);e&&i()}));return n.observe(document,{childList:!0,subtree:!0}),n}function bs(t,e,i){const s=t.canvas,n=new MutationObserver((t=>{let e=!1;for(const i of t)e=e||ms(i.removedNodes,s),e=e&&!ms(i.addedNodes,s);e&&i()}));return n.observe(document,{childList:!0,subtree:!0}),n}const _s=new Map;let ys=0;function vs(){const t=window.devicePixelRatio;t!==ys&&(ys=t,_s.forEach(((e,i)=>{i.currentDevicePixelRatio!==t&&e()})))}function Ms(t,e,i){const s=t.canvas,n=s&&ge(s);if(!n)return;const o=ct(((t,e)=>{const s=n.clientWidth;i(t,e),s<n.clientWidth&&i()}),window),a=new ResizeObserver((t=>{const e=t[0],i=e.contentRect.width,s=e.contentRect.height;0===i&&0===s||o(i,s)}));return a.observe(n),function(t,e){_s.size||window.addEventListener("resize",vs),_s.set(t,e)}(t,o),a}function ws(t,e,i){i&&i.disconnect(),"resize"===e&&function(t){_s.delete(t),_s.size||window.removeEventListener("resize",vs)}(t)}function ks(t,e,i){const s=t.canvas,n=ct((e=>{null!==t.ctx&&i(function(t,e){const i=us[t.type]||t.type,{x:s,y:n}=ve(t,e);return{type:i,chart:e,native:t,x:void 0!==s?s:null,y:void 0!==n?n:null}}(e,t))}),t);return function(t,e,i){t&&t.addEventListener(e,i,gs)}(s,e,n),n}class Ss extends hs{acquireContext(t,e){const i=t&&t.getContext&&t.getContext("2d");return i&&i.canvas===t?(function(t,e){const i=t.style,s=t.getAttribute("height"),n=t.getAttribute("width");if(t[ds]={initial:{height:s,width:n,style:{display:i.display,height:i.height,width:i.width}}},i.display=i.display||"block",i.boxSizing=i.boxSizing||"border-box",fs(n)){const e=Pe(t,"width");void 0!==e&&(t.width=e)}if(fs(s))if(""===t.style.height)t.height=t.width/(e||2);else{const e=Pe(t,"height");void 0!==e&&(t.height=e)}}(t,e),i):null}releaseContext(t){const e=t.canvas;if(!e[ds])return!1;const i=e[ds].initial;["height","width"].forEach((t=>{const n=i[t];s(n)?e.removeAttribute(t):e.setAttribute(t,n)}));const n=i.style||{};return Object.keys(n).forEach((t=>{e.style[t]=n[t]})),e.width=e.width,delete e[ds],!0}addEventListener(t,e,i){this.removeEventListener(t,e);const s=t.$proxies||(t.$proxies={}),n={attach:xs,detach:bs,resize:Ms}[e]||ks;s[e]=n(t,e,i)}removeEventListener(t,e){const i=t.$proxies||(t.$proxies={}),s=i[e];if(!s)return;({attach:ws,detach:ws,resize:ws}[e]||ps)(t,e,s),i[e]=void 0}getDevicePixelRatio(){return window.devicePixelRatio}getMaximumSize(t,e,i,s){return we(t,e,i,s)}isAttached(t){const e=t&&ge(t);return!(!e||!e.isConnected)}}function Ps(t){return!fe()||"undefined"!=typeof OffscreenCanvas&&t instanceof OffscreenCanvas?cs:Ss}var Ds=Object.freeze({__proto__:null,BasePlatform:hs,BasicPlatform:cs,DomPlatform:Ss,_detectPlatform:Ps});const Cs="transparent",Os={boolean:(t,e,i)=>i>.5?e:t,color(t,e,i){const s=Qt(t||Cs),n=s.valid&&Qt(e||Cs);return n&&n.valid?n.mix(s,i).hexString():e},number:(t,e,i)=>t+(e-t)*i};class As{constructor(t,e,i,s){const n=e[i];s=Pi([t.to,s,n,t.from]);const o=Pi([t.from,n,s]);this._active=!0,this._fn=t.fn||Os[t.type||typeof o],this._easing=fi[t.easing]||fi.linear,this._start=Math.floor(Date.now()+(t.delay||0)),this._duration=this._total=Math.floor(t.duration),this._loop=!!t.loop,this._target=e,this._prop=i,this._from=o,this._to=s,this._promises=void 0}active(){return this._active}update(t,e,i){if(this._active){this._notify(!1);const s=this._target[this._prop],n=i-this._start,o=this._duration-n;this._start=i,this._duration=Math.floor(Math.max(o,t.duration)),this._total+=n,this._loop=!!t.loop,this._to=Pi([t.to,e,s,t.from]),this._from=Pi([t.from,s,e])}}cancel(){this._active&&(this.tick(Date.now()),this._active=!1,this._notify(!1))}tick(t){const e=t-this._start,i=this._duration,s=this._prop,n=this._from,o=this._loop,a=this._to;let r;if(this._active=n!==a&&(o||e<i),!this._active)return this._target[s]=a,void this._notify(!0);e<0?this._target[s]=n:(r=e/i%2,r=o&&r>1?2-r:r,r=this._easing(Math.min(1,Math.max(0,r))),this._target[s]=this._fn(n,a,r))}wait(){const t=this._promises||(this._promises=[]);return new Promise(((e,i)=>{t.push({res:e,rej:i})}))}_notify(t){const e=t?"res":"rej",i=this._promises||[];for(let t=0;t<i.length;t++)i[t][e]()}}class Ts{constructor(t,e){this._chart=t,this._properties=new Map,this.configure(e)}configure(t){if(!o(t))return;const e=Object.keys(ue.animation),i=this._properties;Object.getOwnPropertyNames(t).forEach((s=>{const a=t[s];if(!o(a))return;const r={};for(const t of e)r[t]=a[t];(n(a.properties)&&a.properties||[s]).forEach((t=>{t!==s&&i.has(t)||i.set(t,r)}))}))}_animateOptions(t,e){const i=e.options,s=function(t,e){if(!e)return;let i=t.options;if(!i)return void(t.options=e);i.$shared&&(t.options=i=Object.assign({},i,{$shared:!1,$animations:{}}));return i}(t,i);if(!s)return[];const n=this._createAnimations(s,i);return i.$shared&&function(t,e){const i=[],s=Object.keys(e);for(let e=0;e<s.length;e++){const n=t[s[e]];n&&n.active()&&i.push(n.wait())}return Promise.all(i)}(t.options.$animations,i).then((()=>{t.options=i}),(()=>{})),n}_createAnimations(t,e){const i=this._properties,s=[],n=t.$animations||(t.$animations={}),o=Object.keys(e),a=Date.now();let r;for(r=o.length-1;r>=0;--r){const l=o[r];if("$"===l.charAt(0))continue;if("options"===l){s.push(...this._animateOptions(t,e));continue}const h=e[l];let c=n[l];const d=i.get(l);if(c){if(d&&c.active()){c.update(d,h,a);continue}c.cancel()}d&&d.duration?(n[l]=c=new As(d,t,l,h),s.push(c)):t[l]=h}return s}update(t,e){if(0===this._properties.size)return void Object.assign(t,e);const i=this._createAnimations(t,e);return i.length?(bt.add(this._chart,i),!0):void 0}}function Ls(t,e){const i=t&&t.options||{},s=i.reverse,n=void 0===i.min?e:0,o=void 0===i.max?e:0;return{start:s?o:n,end:s?n:o}}function Es(t,e){const i=[],s=t._getSortedDatasetMetas(e);let n,o;for(n=0,o=s.length;n<o;++n)i.push(s[n].index);return i}function Rs(t,e,i,s={}){const n=t.keys,o="single"===s.mode;let r,l,h,c;if(null===e)return;let d=!1;for(r=0,l=n.length;r<l;++r){if(h=+n[r],h===i){if(d=!0,s.all)continue;break}c=t.values[h],a(c)&&(o||0===e||F(e)===F(c))&&(e+=c)}return d||s.all?e:0}function Is(t,e){const i=t&&t.options.stacked;return i||void 0===i&&void 0!==e.stack}function zs(t,e,i){const s=t[e]||(t[e]={});return s[i]||(s[i]={})}function Fs(t,e,i,s){for(const n of e.getMatchingVisibleMetas(s).reverse()){const e=t[n.index];if(i&&e>0||!i&&e<0)return n.index}return null}function Vs(t,e){const{chart:i,_cachedMeta:s}=t,n=i._stacks||(i._stacks={}),{iScale:o,vScale:a,index:r}=s,l=o.axis,h=a.axis,c=function(t,e,i){return`${t.id}.${e.id}.${i.stack||i.type}`}(o,a,s),d=e.length;let u;for(let t=0;t<d;++t){const i=e[t],{[l]:o,[h]:d}=i;u=(i._stacks||(i._stacks={}))[h]=zs(n,c,o),u[r]=d,u._top=Fs(u,a,!0,s.type),u._bottom=Fs(u,a,!1,s.type);(u._visualValues||(u._visualValues={}))[r]=d}}function Bs(t,e){const i=t.scales;return Object.keys(i).filter((t=>i[t].axis===e)).shift()}function Ws(t,e){const i=t.controller.index,s=t.vScale&&t.vScale.axis;if(s){e=e||t._parsed;for(const t of e){const e=t._stacks;if(!e||void 0===e[s]||void 0===e[s][i])return;delete e[s][i],void 0!==e[s]._visualValues&&void 0!==e[s]._visualValues[i]&&delete e[s]._visualValues[i]}}}const Ns=t=>"reset"===t||"none"===t,Hs=(t,e)=>e?t:Object.assign({},t);class js{static defaults={};static datasetElementType=null;static dataElementType=null;constructor(t,e){this.chart=t,this._ctx=t.ctx,this.index=e,this._cachedDataOpts={},this._cachedMeta=this.getMeta(),this._type=this._cachedMeta.type,this.options=void 0,this._parsing=!1,this._data=void 0,this._objectData=void 0,this._sharedOptions=void 0,this._drawStart=void 0,this._drawCount=void 0,this.enableOptionSharing=!1,this.supportsDecimation=!1,this.$context=void 0,this._syncList=[],this.datasetElementType=new.target.datasetElementType,this.dataElementType=new.target.dataElementType,this.initialize()}initialize(){const t=this._cachedMeta;this.configure(),this.linkScales(),t._stacked=Is(t.vScale,t),this.addElements(),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")}updateIndex(t){this.index!==t&&Ws(this._cachedMeta),this.index=t}linkScales(){const t=this.chart,e=this._cachedMeta,i=this.getDataset(),s=(t,e,i,s)=>"x"===t?e:"r"===t?s:i,n=e.xAxisID=l(i.xAxisID,Bs(t,"x")),o=e.yAxisID=l(i.yAxisID,Bs(t,"y")),a=e.rAxisID=l(i.rAxisID,Bs(t,"r")),r=e.indexAxis,h=e.iAxisID=s(r,n,o,a),c=e.vAxisID=s(r,o,n,a);e.xScale=this.getScaleForId(n),e.yScale=this.getScaleForId(o),e.rScale=this.getScaleForId(a),e.iScale=this.getScaleForId(h),e.vScale=this.getScaleForId(c)}getDataset(){return this.chart.data.datasets[this.index]}getMeta(){return this.chart.getDatasetMeta(this.index)}getScaleForId(t){return this.chart.scales[t]}_getOtherScale(t){const e=this._cachedMeta;return t===e.iScale?e.vScale:e.iScale}reset(){this._update("reset")}_destroy(){const t=this._cachedMeta;this._data&&rt(this._data,this),t._stacked&&Ws(t)}_dataCheck(){const t=this.getDataset(),e=t.data||(t.data=[]),i=this._data;if(o(e)){const t=this._cachedMeta;this._data=function(t,e){const{iScale:i,vScale:s}=e,n="x"===i.axis?"x":"y",o="x"===s.axis?"x":"y",a=Object.keys(t),r=new Array(a.length);let l,h,c;for(l=0,h=a.length;l<h;++l)c=a[l],r[l]={[n]:c,[o]:t[c]};return r}(e,t)}else if(i!==e){if(i){rt(i,this);const t=this._cachedMeta;Ws(t),t._parsed=[]}e&&Object.isExtensible(e)&&at(e,this),this._syncList=[],this._data=e}}addElements(){const t=this._cachedMeta;this._dataCheck(),this.datasetElementType&&(t.dataset=new this.datasetElementType)}buildOrUpdateElements(t){const e=this._cachedMeta,i=this.getDataset();let s=!1;this._dataCheck();const n=e._stacked;e._stacked=Is(e.vScale,e),e.stack!==i.stack&&(s=!0,Ws(e),e.stack=i.stack),this._resyncElements(t),(s||n!==e._stacked)&&(Vs(this,e._parsed),e._stacked=Is(e.vScale,e))}configure(){const t=this.chart.config,e=t.datasetScopeKeys(this._type),i=t.getOptionScopes(this.getDataset(),e,!0);this.options=t.createResolver(i,this.getContext()),this._parsing=this.options.parsing,this._cachedDataOpts={}}parse(t,e){const{_cachedMeta:i,_data:s}=this,{iScale:a,_stacked:r}=i,l=a.axis;let h,c,d,u=0===t&&e===s.length||i._sorted,f=t>0&&i._parsed[t-1];if(!1===this._parsing)i._parsed=s,i._sorted=!0,d=s;else{d=n(s[t])?this.parseArrayData(i,s,t,e):o(s[t])?this.parseObjectData(i,s,t,e):this.parsePrimitiveData(i,s,t,e);const a=()=>null===c[l]||f&&c[l]<f[l];for(h=0;h<e;++h)i._parsed[h+t]=c=d[h],u&&(a()&&(u=!1),f=c);i._sorted=u}r&&Vs(this,d)}parsePrimitiveData(t,e,i,s){const{iScale:n,vScale:o}=t,a=n.axis,r=o.axis,l=n.getLabels(),h=n===o,c=new Array(s);let d,u,f;for(d=0,u=s;d<u;++d)f=d+i,c[d]={[a]:h||n.parse(l[f],f),[r]:o.parse(e[f],f)};return c}parseArrayData(t,e,i,s){const{xScale:n,yScale:o}=t,a=new Array(s);let r,l,h,c;for(r=0,l=s;r<l;++r)h=r+i,c=e[h],a[r]={x:n.parse(c[0],h),y:o.parse(c[1],h)};return a}parseObjectData(t,e,i,s){const{xScale:n,yScale:o}=t,{xAxisKey:a="x",yAxisKey:r="y"}=this._parsing,l=new Array(s);let h,c,d,u;for(h=0,c=s;h<c;++h)d=h+i,u=e[d],l[h]={x:n.parse(M(u,a),d),y:o.parse(M(u,r),d)};return l}getParsed(t){return this._cachedMeta._parsed[t]}getDataElement(t){return this._cachedMeta.data[t]}applyStack(t,e,i){const s=this.chart,n=this._cachedMeta,o=e[t.axis];return Rs({keys:Es(s,!0),values:e._stacks[t.axis]._visualValues},o,n.index,{mode:i})}updateRangeFromParsed(t,e,i,s){const n=i[e.axis];let o=null===n?NaN:n;const a=s&&i._stacks[e.axis];s&&a&&(s.values=a,o=Rs(s,n,this._cachedMeta.index)),t.min=Math.min(t.min,o),t.max=Math.max(t.max,o)}getMinMax(t,e){const i=this._cachedMeta,s=i._parsed,n=i._sorted&&t===i.iScale,o=s.length,r=this._getOtherScale(t),l=((t,e,i)=>t&&!e.hidden&&e._stacked&&{keys:Es(i,!0),values:null})(e,i,this.chart),h={min:Number.POSITIVE_INFINITY,max:Number.NEGATIVE_INFINITY},{min:c,max:d}=function(t){const{min:e,max:i,minDefined:s,maxDefined:n}=t.getUserBounds();return{min:s?e:Number.NEGATIVE_INFINITY,max:n?i:Number.POSITIVE_INFINITY}}(r);let u,f;function g(){f=s[u];const e=f[r.axis];return!a(f[t.axis])||c>e||d<e}for(u=0;u<o&&(g()||(this.updateRangeFromParsed(h,t,f,l),!n));++u);if(n)for(u=o-1;u>=0;--u)if(!g()){this.updateRangeFromParsed(h,t,f,l);break}return h}getAllParsedValues(t){const e=this._cachedMeta._parsed,i=[];let s,n,o;for(s=0,n=e.length;s<n;++s)o=e[s][t.axis],a(o)&&i.push(o);return i}getMaxOverflow(){return!1}getLabelAndValue(t){const e=this._cachedMeta,i=e.iScale,s=e.vScale,n=this.getParsed(t);return{label:i?""+i.getLabelForValue(n[i.axis]):"",value:s?""+s.getLabelForValue(n[s.axis]):""}}_update(t){const e=this._cachedMeta;this.update(t||"default"),e._clip=function(t){let e,i,s,n;return o(t)?(e=t.top,i=t.right,s=t.bottom,n=t.left):e=i=s=n=t,{top:e,right:i,bottom:s,left:n,disabled:!1===t}}(l(this.options.clip,function(t,e,i){if(!1===i)return!1;const s=Ls(t,i),n=Ls(e,i);return{top:n.end,right:s.end,bottom:n.start,left:s.start}}(e.xScale,e.yScale,this.getMaxOverflow())))}update(t){}draw(){const t=this._ctx,e=this.chart,i=this._cachedMeta,s=i.data||[],n=e.chartArea,o=[],a=this._drawStart||0,r=this._drawCount||s.length-a,l=this.options.drawActiveElementsOnTop;let h;for(i.dataset&&i.dataset.draw(t,n,a,r),h=a;h<a+r;++h){const e=s[h];e.hidden||(e.active&&l?o.push(e):e.draw(t,n))}for(h=0;h<o.length;++h)o[h].draw(t,n)}getStyle(t,e){const i=e?"active":"default";return void 0===t&&this._cachedMeta.dataset?this.resolveDatasetElementOptions(i):this.resolveDataElementOptions(t||0,i)}getContext(t,e,i){const s=this.getDataset();let n;if(t>=0&&t<this._cachedMeta.data.length){const e=this._cachedMeta.data[t];n=e.$context||(e.$context=function(t,e,i){return Ci(t,{active:!1,dataIndex:e,parsed:void 0,raw:void 0,element:i,index:e,mode:"default",type:"data"})}(this.getContext(),t,e)),n.parsed=this.getParsed(t),n.raw=s.data[t],n.index=n.dataIndex=t}else n=this.$context||(this.$context=function(t,e){return Ci(t,{active:!1,dataset:void 0,datasetIndex:e,index:e,mode:"default",type:"dataset"})}(this.chart.getContext(),this.index)),n.dataset=s,n.index=n.datasetIndex=this.index;return n.active=!!e,n.mode=i,n}resolveDatasetElementOptions(t){return this._resolveElementOptions(this.datasetElementType.id,t)}resolveDataElementOptions(t,e){return this._resolveElementOptions(this.dataElementType.id,e,t)}_resolveElementOptions(t,e="default",i){const s="active"===e,n=this._cachedDataOpts,o=t+"-"+e,a=n[o],r=this.enableOptionSharing&&k(i);if(a)return Hs(a,r);const l=this.chart.config,h=l.datasetElementScopeKeys(this._type,t),c=s?[`${t}Hover`,"hover",t,""]:[t,""],d=l.getOptionScopes(this.getDataset(),h),u=Object.keys(ue.elements[t]),f=l.resolveNamedOptions(d,u,(()=>this.getContext(i,s,e)),c);return f.$shared&&(f.$shared=r,n[o]=Object.freeze(Hs(f,r))),f}_resolveAnimations(t,e,i){const s=this.chart,n=this._cachedDataOpts,o=`animation-${e}`,a=n[o];if(a)return a;let r;if(!1!==s.options.animation){const s=this.chart.config,n=s.datasetAnimationScopeKeys(this._type,e),o=s.getOptionScopes(this.getDataset(),n);r=s.createResolver(o,this.getContext(t,i,e))}const l=new Ts(s,r&&r.animations);return r&&r._cacheable&&(n[o]=Object.freeze(l)),l}getSharedOptions(t){if(t.$shared)return this._sharedOptions||(this._sharedOptions=Object.assign({},t))}includeOptions(t,e){return!e||Ns(t)||this.chart._animationsDisabled}_getSharedOptions(t,e){const i=this.resolveDataElementOptions(t,e),s=this._sharedOptions,n=this.getSharedOptions(i),o=this.includeOptions(e,n)||n!==s;return this.updateSharedOptions(n,e,i),{sharedOptions:n,includeOptions:o}}updateElement(t,e,i,s){Ns(s)?Object.assign(t,i):this._resolveAnimations(e,s).update(t,i)}updateSharedOptions(t,e,i){t&&!Ns(e)&&this._resolveAnimations(void 0,e).update(t,i)}_setStyle(t,e,i,s){t.active=s;const n=this.getStyle(e,s);this._resolveAnimations(e,i,s).update(t,{options:!s&&this.getSharedOptions(n)||n})}removeHoverStyle(t,e,i){this._setStyle(t,i,"active",!1)}setHoverStyle(t,e,i){this._setStyle(t,i,"active",!0)}_removeDatasetHoverStyle(){const t=this._cachedMeta.dataset;t&&this._setStyle(t,void 0,"active",!1)}_setDatasetHoverStyle(){const t=this._cachedMeta.dataset;t&&this._setStyle(t,void 0,"active",!0)}_resyncElements(t){const e=this._data,i=this._cachedMeta.data;for(const[t,e,i]of this._syncList)this[t](e,i);this._syncList=[];const s=i.length,n=e.length,o=Math.min(n,s);o&&this.parse(0,o),n>s?this._insertElements(s,n-s,t):n<s&&this._removeElements(n,s-n)}_insertElements(t,e,i=!0){const s=this._cachedMeta,n=s.data,o=t+e;let a;const r=t=>{for(t.length+=e,a=t.length-1;a>=o;a--)t[a]=t[a-e]};for(r(n),a=t;a<o;++a)n[a]=new this.dataElementType;this._parsing&&r(s._parsed),this.parse(t,e),i&&this.updateElements(n,t,e,"reset")}updateElements(t,e,i,s){}_removeElements(t,e){const i=this._cachedMeta;if(this._parsing){const s=i._parsed.splice(t,e);i._stacked&&Ws(i,s)}i.data.splice(t,e)}_sync(t){if(this._parsing)this._syncList.push(t);else{const[e,i,s]=t;this[e](i,s)}this.chart._dataChanges.push([this.index,...t])}_onDataPush(){const t=arguments.length;this._sync(["_insertElements",this.getDataset().data.length-t,t])}_onDataPop(){this._sync(["_removeElements",this._cachedMeta.data.length-1,1])}_onDataShift(){this._sync(["_removeElements",0,1])}_onDataSplice(t,e){e&&this._sync(["_removeElements",t,e]);const i=arguments.length-2;i&&this._sync(["_insertElements",t,i])}_onDataUnshift(){this._sync(["_insertElements",0,arguments.length])}}class $s{static defaults={};static defaultRoutes=void 0;x;y;active=!1;options;$animations;tooltipPosition(t){const{x:e,y:i}=this.getProps(["x","y"],t);return{x:e,y:i}}hasValue(){return N(this.x)&&N(this.y)}getProps(t,e){const i=this.$animations;if(!e||!i)return this;const s={};return t.forEach((t=>{s[t]=i[t]&&i[t].active()?i[t]._to:this[t]})),s}}function Ys(t,e){const i=t.options.ticks,n=function(t){const e=t.options.offset,i=t._tickSize(),s=t._length/i+(e?0:1),n=t._maxLength/i;return Math.floor(Math.min(s,n))}(t),o=Math.min(i.maxTicksLimit||n,n),a=i.major.enabled?function(t){const e=[];let i,s;for(i=0,s=t.length;i<s;i++)t[i].major&&e.push(i);return e}(e):[],r=a.length,l=a[0],h=a[r-1],c=[];if(r>o)return function(t,e,i,s){let n,o=0,a=i[0];for(s=Math.ceil(s),n=0;n<t.length;n++)n===a&&(e.push(t[n]),o++,a=i[o*s])}(e,c,a,r/o),c;const d=function(t,e,i){const s=function(t){const e=t.length;let i,s;if(e<2)return!1;for(s=t[0],i=1;i<e;++i)if(t[i]-t[i-1]!==s)return!1;return s}(t),n=e.length/i;if(!s)return Math.max(n,1);const o=W(s);for(let t=0,e=o.length-1;t<e;t++){const e=o[t];if(e>n)return e}return Math.max(n,1)}(a,e,o);if(r>0){let t,i;const n=r>1?Math.round((h-l)/(r-1)):null;for(Us(e,c,d,s(n)?0:l-n,l),t=0,i=r-1;t<i;t++)Us(e,c,d,a[t],a[t+1]);return Us(e,c,d,h,s(n)?e.length:h+n),c}return Us(e,c,d),c}function Us(t,e,i,s,n){const o=l(s,0),a=Math.min(l(n,t.length),t.length);let r,h,c,d=0;for(i=Math.ceil(i),n&&(r=n-s,i=r/Math.floor(r/i)),c=o;c<0;)d++,c=Math.round(o+d*i);for(h=Math.max(o,0);h<a;h++)h===c&&(e.push(t[h]),d++,c=Math.round(o+d*i))}const Xs=(t,e,i)=>"top"===e||"left"===e?t[e]+i:t[e]-i,qs=(t,e)=>Math.min(e||t,t);function Ks(t,e){const i=[],s=t.length/e,n=t.length;let o=0;for(;o<n;o+=s)i.push(t[Math.floor(o)]);return i}function Gs(t,e,i){const s=t.ticks.length,n=Math.min(e,s-1),o=t._startPixel,a=t._endPixel,r=1e-6;let l,h=t.getPixelForTick(n);if(!(i&&(l=1===s?Math.max(h-o,a-h):0===e?(t.getPixelForTick(1)-h)/2:(h-t.getPixelForTick(n-1))/2,h+=n<e?l:-l,h<o-r||h>a+r)))return h}function Js(t){return t.drawTicks?t.tickLength:0}function Zs(t,e){if(!t.display)return 0;const i=Si(t.font,e),s=ki(t.padding);return(n(t.text)?t.text.length:1)*i.lineHeight+s.height}function Qs(t,e,i){let s=ut(t);return(i&&"right"!==e||!i&&"right"===e)&&(s=(t=>"left"===t?"right":"right"===t?"left":t)(s)),s}class tn extends $s{constructor(t){super(),this.id=t.id,this.type=t.type,this.options=void 0,this.ctx=t.ctx,this.chart=t.chart,this.top=void 0,this.bottom=void 0,this.left=void 0,this.right=void 0,this.width=void 0,this.height=void 0,this._margins={left:0,right:0,top:0,bottom:0},this.maxWidth=void 0,this.maxHeight=void 0,this.paddingTop=void 0,this.paddingBottom=void 0,this.paddingLeft=void 0,this.paddingRight=void 0,this.axis=void 0,this.labelRotation=void 0,this.min=void 0,this.max=void 0,this._range=void 0,this.ticks=[],this._gridLineItems=null,this._labelItems=null,this._labelSizes=null,this._length=0,this._maxLength=0,this._longestTextCache={},this._startPixel=void 0,this._endPixel=void 0,this._reversePixels=!1,this._userMax=void 0,this._userMin=void 0,this._suggestedMax=void 0,this._suggestedMin=void 0,this._ticksLength=0,this._borderValue=0,this._cache={},this._dataLimitsCached=!1,this.$context=void 0}init(t){this.options=t.setContext(this.getContext()),this.axis=t.axis,this._userMin=this.parse(t.min),this._userMax=this.parse(t.max),this._suggestedMin=this.parse(t.suggestedMin),this._suggestedMax=this.parse(t.suggestedMax)}parse(t,e){return t}getUserBounds(){let{_userMin:t,_userMax:e,_suggestedMin:i,_suggestedMax:s}=this;return t=r(t,Number.POSITIVE_INFINITY),e=r(e,Number.NEGATIVE_INFINITY),i=r(i,Number.POSITIVE_INFINITY),s=r(s,Number.NEGATIVE_INFINITY),{min:r(t,i),max:r(e,s),minDefined:a(t),maxDefined:a(e)}}getMinMax(t){let e,{min:i,max:s,minDefined:n,maxDefined:o}=this.getUserBounds();if(n&&o)return{min:i,max:s};const a=this.getMatchingVisibleMetas();for(let r=0,l=a.length;r<l;++r)e=a[r].controller.getMinMax(this,t),n||(i=Math.min(i,e.min)),o||(s=Math.max(s,e.max));return i=o&&i>s?s:i,s=n&&i>s?i:s,{min:r(i,r(s,i)),max:r(s,r(i,s))}}getPadding(){return{left:this.paddingLeft||0,top:this.paddingTop||0,right:this.paddingRight||0,bottom:this.paddingBottom||0}}getTicks(){return this.ticks}getLabels(){const t=this.chart.data;return this.options.labels||(this.isHorizontal()?t.xLabels:t.yLabels)||t.labels||[]}getLabelItems(t=this.chart.chartArea){return this._labelItems||(this._labelItems=this._computeLabelItems(t))}beforeLayout(){this._cache={},this._dataLimitsCached=!1}beforeUpdate(){d(this.options.beforeUpdate,[this])}update(t,e,i){const{beginAtZero:s,grace:n,ticks:o}=this.options,a=o.sampleSize;this.beforeUpdate(),this.maxWidth=t,this.maxHeight=e,this._margins=i=Object.assign({left:0,right:0,top:0,bottom:0},i),this.ticks=null,this._labelSizes=null,this._gridLineItems=null,this._labelItems=null,this.beforeSetDimensions(),this.setDimensions(),this.afterSetDimensions(),this._maxLength=this.isHorizontal()?this.width+i.left+i.right:this.height+i.top+i.bottom,this._dataLimitsCached||(this.beforeDataLimits(),this.determineDataLimits(),this.afterDataLimits(),this._range=Di(this,n,s),this._dataLimitsCached=!0),this.beforeBuildTicks(),this.ticks=this.buildTicks()||[],this.afterBuildTicks();const r=a<this.ticks.length;this._convertTicksToLabels(r?Ks(this.ticks,a):this.ticks),this.configure(),this.beforeCalculateLabelRotation(),this.calculateLabelRotation(),this.afterCalculateLabelRotation(),o.display&&(o.autoSkip||"auto"===o.source)&&(this.ticks=Ys(this,this.ticks),this._labelSizes=null,this.afterAutoSkip()),r&&this._convertTicksToLabels(this.ticks),this.beforeFit(),this.fit(),this.afterFit(),this.afterUpdate()}configure(){let t,e,i=this.options.reverse;this.isHorizontal()?(t=this.left,e=this.right):(t=this.top,e=this.bottom,i=!i),this._startPixel=t,this._endPixel=e,this._reversePixels=i,this._length=e-t,this._alignToPixels=this.options.alignToPixels}afterUpdate(){d(this.options.afterUpdate,[this])}beforeSetDimensions(){d(this.options.beforeSetDimensions,[this])}setDimensions(){this.isHorizontal()?(this.width=this.maxWidth,this.left=0,this.right=this.width):(this.height=this.maxHeight,this.top=0,this.bottom=this.height),this.paddingLeft=0,this.paddingTop=0,this.paddingRight=0,this.paddingBottom=0}afterSetDimensions(){d(this.options.afterSetDimensions,[this])}_callHooks(t){this.chart.notifyPlugins(t,this.getContext()),d(this.options[t],[this])}beforeDataLimits(){this._callHooks("beforeDataLimits")}determineDataLimits(){}afterDataLimits(){this._callHooks("afterDataLimits")}beforeBuildTicks(){this._callHooks("beforeBuildTicks")}buildTicks(){return[]}afterBuildTicks(){this._callHooks("afterBuildTicks")}beforeTickToLabelConversion(){d(this.options.beforeTickToLabelConversion,[this])}generateTickLabels(t){const e=this.options.ticks;let i,s,n;for(i=0,s=t.length;i<s;i++)n=t[i],n.label=d(e.callback,[n.value,i,t],this)}afterTickToLabelConversion(){d(this.options.afterTickToLabelConversion,[this])}beforeCalculateLabelRotation(){d(this.options.beforeCalculateLabelRotation,[this])}calculateLabelRotation(){const t=this.options,e=t.ticks,i=qs(this.ticks.length,t.ticks.maxTicksLimit),s=e.minRotation||0,n=e.maxRotation;let o,a,r,l=s;if(!this._isVisible()||!e.display||s>=n||i<=1||!this.isHorizontal())return void(this.labelRotation=s);const h=this._getLabelSizes(),c=h.widest.width,d=h.highest.height,u=Z(this.chart.width-c,0,this.maxWidth);o=t.offset?this.maxWidth/i:u/(i-1),c+6>o&&(o=u/(i-(t.offset?.5:1)),a=this.maxHeight-Js(t.grid)-e.padding-Zs(t.title,this.chart.options.font),r=Math.sqrt(c*c+d*d),l=Y(Math.min(Math.asin(Z((h.highest.height+6)/o,-1,1)),Math.asin(Z(a/r,-1,1))-Math.asin(Z(d/r,-1,1)))),l=Math.max(s,Math.min(n,l))),this.labelRotation=l}afterCalculateLabelRotation(){d(this.options.afterCalculateLabelRotation,[this])}afterAutoSkip(){}beforeFit(){d(this.options.beforeFit,[this])}fit(){const t={width:0,height:0},{chart:e,options:{ticks:i,title:s,grid:n}}=this,o=this._isVisible(),a=this.isHorizontal();if(o){const o=Zs(s,e.options.font);if(a?(t.width=this.maxWidth,t.height=Js(n)+o):(t.height=this.maxHeight,t.width=Js(n)+o),i.display&&this.ticks.length){const{first:e,last:s,widest:n,highest:o}=this._getLabelSizes(),r=2*i.padding,l=$(this.labelRotation),h=Math.cos(l),c=Math.sin(l);if(a){const e=i.mirror?0:c*n.width+h*o.height;t.height=Math.min(this.maxHeight,t.height+e+r)}else{const e=i.mirror?0:h*n.width+c*o.height;t.width=Math.min(this.maxWidth,t.width+e+r)}this._calculatePadding(e,s,c,h)}}this._handleMargins(),a?(this.width=this._length=e.width-this._margins.left-this._margins.right,this.height=t.height):(this.width=t.width,this.height=this._length=e.height-this._margins.top-this._margins.bottom)}_calculatePadding(t,e,i,s){const{ticks:{align:n,padding:o},position:a}=this.options,r=0!==this.labelRotation,l="top"!==a&&"x"===this.axis;if(this.isHorizontal()){const a=this.getPixelForTick(0)-this.left,h=this.right-this.getPixelForTick(this.ticks.length-1);let c=0,d=0;r?l?(c=s*t.width,d=i*e.height):(c=i*t.height,d=s*e.width):"start"===n?d=e.width:"end"===n?c=t.width:"inner"!==n&&(c=t.width/2,d=e.width/2),this.paddingLeft=Math.max((c-a+o)*this.width/(this.width-a),0),this.paddingRight=Math.max((d-h+o)*this.width/(this.width-h),0)}else{let i=e.height/2,s=t.height/2;"start"===n?(i=0,s=t.height):"end"===n&&(i=e.height,s=0),this.paddingTop=i+o,this.paddingBottom=s+o}}_handleMargins(){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))}afterFit(){d(this.options.afterFit,[this])}isHorizontal(){const{axis:t,position:e}=this.options;return"top"===e||"bottom"===e||"x"===t}isFullSize(){return this.options.fullSize}_convertTicksToLabels(t){let e,i;for(this.beforeTickToLabelConversion(),this.generateTickLabels(t),e=0,i=t.length;e<i;e++)s(t[e].label)&&(t.splice(e,1),i--,e--);this.afterTickToLabelConversion()}_getLabelSizes(){let t=this._labelSizes;if(!t){const e=this.options.ticks.sampleSize;let i=this.ticks;e<i.length&&(i=Ks(i,e)),this._labelSizes=t=this._computeLabelSizes(i,i.length,this.options.ticks.maxTicksLimit)}return t}_computeLabelSizes(t,e,i){const{ctx:o,_longestTextCache:a}=this,r=[],l=[],h=Math.floor(e/qs(e,i));let c,d,f,g,p,m,x,b,_,y,v,M=0,w=0;for(c=0;c<e;c+=h){if(g=t[c].label,p=this._resolveTickFontOptions(c),o.font=m=p.string,x=a[m]=a[m]||{data:{},gc:[]},b=p.lineHeight,_=y=0,s(g)||n(g)){if(n(g))for(d=0,f=g.length;d<f;++d)v=g[d],s(v)||n(v)||(_=Ce(o,x.data,x.gc,_,v),y+=b)}else _=Ce(o,x.data,x.gc,_,g),y=b;r.push(_),l.push(y),M=Math.max(_,M),w=Math.max(y,w)}!function(t,e){u(t,(t=>{const i=t.gc,s=i.length/2;let n;if(s>e){for(n=0;n<s;++n)delete t.data[i[n]];i.splice(0,s)}}))}(a,e);const k=r.indexOf(M),S=l.indexOf(w),P=t=>({width:r[t]||0,height:l[t]||0});return{first:P(0),last:P(e-1),widest:P(k),highest:P(S),widths:r,heights:l}}getLabelForValue(t){return t}getPixelForValue(t,e){return NaN}getValueForPixel(t){}getPixelForTick(t){const e=this.ticks;return t<0||t>e.length-1?null:this.getPixelForValue(e[t].value)}getPixelForDecimal(t){this._reversePixels&&(t=1-t);const e=this._startPixel+t*this._length;return Q(this._alignToPixels?Ae(this.chart,e,0):e)}getDecimalForPixel(t){const e=(t-this._startPixel)/this._length;return this._reversePixels?1-e:e}getBasePixel(){return this.getPixelForValue(this.getBaseValue())}getBaseValue(){const{min:t,max:e}=this;return t<0&&e<0?e:t>0&&e>0?t:0}getContext(t){const e=this.ticks||[];if(t>=0&&t<e.length){const i=e[t];return i.$context||(i.$context=function(t,e,i){return Ci(t,{tick:i,index:e,type:"tick"})}(this.getContext(),t,i))}return this.$context||(this.$context=Ci(this.chart.getContext(),{scale:this,type:"scale"}))}_tickSize(){const t=this.options.ticks,e=$(this.labelRotation),i=Math.abs(Math.cos(e)),s=Math.abs(Math.sin(e)),n=this._getLabelSizes(),o=t.autoSkipPadding||0,a=n?n.widest.width+o:0,r=n?n.highest.height+o:0;return this.isHorizontal()?r*i>a*s?a/i:r/s:r*s<a*i?r/i:a/s}_isVisible(){const t=this.options.display;return"auto"!==t?!!t:this.getMatchingVisibleMetas().length>0}_computeGridLineItems(t){const e=this.axis,i=this.chart,s=this.options,{grid:n,position:a,border:r}=s,h=n.offset,c=this.isHorizontal(),d=this.ticks.length+(h?1:0),u=Js(n),f=[],g=r.setContext(this.getContext()),p=g.display?g.width:0,m=p/2,x=function(t){return Ae(i,t,p)};let b,_,y,v,M,w,k,S,P,D,C,O;if("top"===a)b=x(this.bottom),w=this.bottom-u,S=b-m,D=x(t.top)+m,O=t.bottom;else if("bottom"===a)b=x(this.top),D=t.top,O=x(t.bottom)-m,w=b+m,S=this.top+u;else if("left"===a)b=x(this.right),M=this.right-u,k=b-m,P=x(t.left)+m,C=t.right;else if("right"===a)b=x(this.left),P=t.left,C=x(t.right)-m,M=b+m,k=this.left+u;else if("x"===e){if("center"===a)b=x((t.top+t.bottom)/2+.5);else if(o(a)){const t=Object.keys(a)[0],e=a[t];b=x(this.chart.scales[t].getPixelForValue(e))}D=t.top,O=t.bottom,w=b+m,S=w+u}else if("y"===e){if("center"===a)b=x((t.left+t.right)/2);else if(o(a)){const t=Object.keys(a)[0],e=a[t];b=x(this.chart.scales[t].getPixelForValue(e))}M=b-m,k=M-u,P=t.left,C=t.right}const A=l(s.ticks.maxTicksLimit,d),T=Math.max(1,Math.ceil(d/A));for(_=0;_<d;_+=T){const t=this.getContext(_),e=n.setContext(t),s=r.setContext(t),o=e.lineWidth,a=e.color,l=s.dash||[],d=s.dashOffset,u=e.tickWidth,g=e.tickColor,p=e.tickBorderDash||[],m=e.tickBorderDashOffset;y=Gs(this,_,h),void 0!==y&&(v=Ae(i,y,o),c?M=k=P=C=v:w=S=D=O=v,f.push({tx1:M,ty1:w,tx2:k,ty2:S,x1:P,y1:D,x2:C,y2:O,width:o,color:a,borderDash:l,borderDashOffset:d,tickWidth:u,tickColor:g,tickBorderDash:p,tickBorderDashOffset:m}))}return this._ticksLength=d,this._borderValue=b,f}_computeLabelItems(t){const e=this.axis,i=this.options,{position:s,ticks:a}=i,r=this.isHorizontal(),l=this.ticks,{align:h,crossAlign:c,padding:d,mirror:u}=a,f=Js(i.grid),g=f+d,p=u?-d:g,m=-$(this.labelRotation),x=[];let b,_,y,v,M,w,k,S,P,D,C,O,A="middle";if("top"===s)w=this.bottom-p,k=this._getXAxisLabelAlignment();else if("bottom"===s)w=this.top+p,k=this._getXAxisLabelAlignment();else if("left"===s){const t=this._getYAxisLabelAlignment(f);k=t.textAlign,M=t.x}else if("right"===s){const t=this._getYAxisLabelAlignment(f);k=t.textAlign,M=t.x}else if("x"===e){if("center"===s)w=(t.top+t.bottom)/2+g;else if(o(s)){const t=Object.keys(s)[0],e=s[t];w=this.chart.scales[t].getPixelForValue(e)+g}k=this._getXAxisLabelAlignment()}else if("y"===e){if("center"===s)M=(t.left+t.right)/2-g;else if(o(s)){const t=Object.keys(s)[0],e=s[t];M=this.chart.scales[t].getPixelForValue(e)}k=this._getYAxisLabelAlignment(f).textAlign}"y"===e&&("start"===h?A="top":"end"===h&&(A="bottom"));const T=this._getLabelSizes();for(b=0,_=l.length;b<_;++b){y=l[b],v=y.label;const t=a.setContext(this.getContext(b));S=this.getPixelForTick(b)+a.labelOffset,P=this._resolveTickFontOptions(b),D=P.lineHeight,C=n(v)?v.length:1;const e=C/2,i=t.color,o=t.textStrokeColor,h=t.textStrokeWidth;let d,f=k;if(r?(M=S,"inner"===k&&(f=b===_-1?this.options.reverse?"left":"right":0===b?this.options.reverse?"right":"left":"center"),O="top"===s?"near"===c||0!==m?-C*D+D/2:"center"===c?-T.highest.height/2-e*D+D:-T.highest.height+D/2:"near"===c||0!==m?D/2:"center"===c?T.highest.height/2-e*D:T.highest.height-C*D,u&&(O*=-1),0===m||t.showLabelBackdrop||(M+=D/2*Math.sin(m))):(w=S,O=(1-C)*D/2),t.showLabelBackdrop){const e=ki(t.backdropPadding),i=T.heights[b],s=T.widths[b];let n=O-e.top,o=0-e.left;switch(A){case"middle":n-=i/2;break;case"bottom":n-=i}switch(k){case"center":o-=s/2;break;case"right":o-=s;break;case"inner":b===_-1?o-=s:b>0&&(o-=s/2)}d={left:o,top:n,width:s+e.width,height:i+e.height,color:t.backdropColor}}x.push({label:v,font:P,textOffset:O,options:{rotation:m,color:i,strokeColor:o,strokeWidth:h,textAlign:f,textBaseline:A,translation:[M,w],backdrop:d}})}return x}_getXAxisLabelAlignment(){const{position:t,ticks:e}=this.options;if(-$(this.labelRotation))return"top"===t?"left":"right";let i="center";return"start"===e.align?i="left":"end"===e.align?i="right":"inner"===e.align&&(i="inner"),i}_getYAxisLabelAlignment(t){const{position:e,ticks:{crossAlign:i,mirror:s,padding:n}}=this.options,o=t+n,a=this._getLabelSizes().widest.width;let r,l;return"left"===e?s?(l=this.right+n,"near"===i?r="left":"center"===i?(r="center",l+=a/2):(r="right",l+=a)):(l=this.right-o,"near"===i?r="right":"center"===i?(r="center",l-=a/2):(r="left",l=this.left)):"right"===e?s?(l=this.left+n,"near"===i?r="right":"center"===i?(r="center",l-=a/2):(r="left",l-=a)):(l=this.left+o,"near"===i?r="left":"center"===i?(r="center",l+=a/2):(r="right",l=this.right)):r="right",{textAlign:r,x:l}}_computeLabelArea(){if(this.options.ticks.mirror)return;const t=this.chart,e=this.options.position;return"left"===e||"right"===e?{top:0,left:this.left,bottom:t.height,right:this.right}:"top"===e||"bottom"===e?{top:this.top,left:0,bottom:this.bottom,right:t.width}:void 0}drawBackground(){const{ctx:t,options:{backgroundColor:e},left:i,top:s,width:n,height:o}=this;e&&(t.save(),t.fillStyle=e,t.fillRect(i,s,n,o),t.restore())}getLineWidthForValue(t){const e=this.options.grid;if(!this._isVisible()||!e.display)return 0;const i=this.ticks.findIndex((e=>e.value===t));if(i>=0){return e.setContext(this.getContext(i)).lineWidth}return 0}drawGrid(t){const e=this.options.grid,i=this.ctx,s=this._gridLineItems||(this._gridLineItems=this._computeGridLineItems(t));let n,o;const a=(t,e,s)=>{s.width&&s.color&&(i.save(),i.lineWidth=s.width,i.strokeStyle=s.color,i.setLineDash(s.borderDash||[]),i.lineDashOffset=s.borderDashOffset,i.beginPath(),i.moveTo(t.x,t.y),i.lineTo(e.x,e.y),i.stroke(),i.restore())};if(e.display)for(n=0,o=s.length;n<o;++n){const t=s[n];e.drawOnChartArea&&a({x:t.x1,y:t.y1},{x:t.x2,y:t.y2},t),e.drawTicks&&a({x:t.tx1,y:t.ty1},{x:t.tx2,y:t.ty2},{color:t.tickColor,width:t.tickWidth,borderDash:t.tickBorderDash,borderDashOffset:t.tickBorderDashOffset})}}drawBorder(){const{chart:t,ctx:e,options:{border:i,grid:s}}=this,n=i.setContext(this.getContext()),o=i.display?n.width:0;if(!o)return;const a=s.setContext(this.getContext(0)).lineWidth,r=this._borderValue;let l,h,c,d;this.isHorizontal()?(l=Ae(t,this.left,o)-o/2,h=Ae(t,this.right,a)+a/2,c=d=r):(c=Ae(t,this.top,o)-o/2,d=Ae(t,this.bottom,a)+a/2,l=h=r),e.save(),e.lineWidth=n.width,e.strokeStyle=n.color,e.beginPath(),e.moveTo(l,c),e.lineTo(h,d),e.stroke(),e.restore()}drawLabels(t){if(!this.options.ticks.display)return;const e=this.ctx,i=this._computeLabelArea();i&&Ie(e,i);const s=this.getLabelItems(t);for(const t of s){const i=t.options,s=t.font;Ne(e,t.label,0,t.textOffset,s,i)}i&&ze(e)}drawTitle(){const{ctx:t,options:{position:e,title:i,reverse:s}}=this;if(!i.display)return;const a=Si(i.font),r=ki(i.padding),l=i.align;let h=a.lineHeight/2;"bottom"===e||"center"===e||o(e)?(h+=r.bottom,n(i.text)&&(h+=a.lineHeight*(i.text.length-1))):h+=r.top;const{titleX:c,titleY:d,maxWidth:u,rotation:f}=function(t,e,i,s){const{top:n,left:a,bottom:r,right:l,chart:h}=t,{chartArea:c,scales:d}=h;let u,f,g,p=0;const m=r-n,x=l-a;if(t.isHorizontal()){if(f=ft(s,a,l),o(i)){const t=Object.keys(i)[0],s=i[t];g=d[t].getPixelForValue(s)+m-e}else g="center"===i?(c.bottom+c.top)/2+m-e:Xs(t,i,e);u=l-a}else{if(o(i)){const t=Object.keys(i)[0],s=i[t];f=d[t].getPixelForValue(s)-x+e}else f="center"===i?(c.left+c.right)/2-x+e:Xs(t,i,e);g=ft(s,r,n),p="left"===i?-E:E}return{titleX:f,titleY:g,maxWidth:u,rotation:p}}(this,h,e,l);Ne(t,i.text,0,0,a,{color:i.color,maxWidth:u,rotation:f,textAlign:Qs(l,e,s),textBaseline:"middle",translation:[c,d]})}draw(t){this._isVisible()&&(this.drawBackground(),this.drawGrid(t),this.drawBorder(),this.drawTitle(),this.drawLabels(t))}_layers(){const t=this.options,e=t.ticks&&t.ticks.z||0,i=l(t.grid&&t.grid.z,-1),s=l(t.border&&t.border.z,0);return this._isVisible()&&this.draw===tn.prototype.draw?[{z:i,draw:t=>{this.drawBackground(),this.drawGrid(t),this.drawTitle()}},{z:s,draw:()=>{this.drawBorder()}},{z:e,draw:t=>{this.drawLabels(t)}}]:[{z:e,draw:t=>{this.draw(t)}}]}getMatchingVisibleMetas(t){const e=this.chart.getSortedVisibleDatasetMetas(),i=this.axis+"AxisID",s=[];let n,o;for(n=0,o=e.length;n<o;++n){const o=e[n];o[i]!==this.id||t&&o.type!==t||s.push(o)}return s}_resolveTickFontOptions(t){return Si(this.options.ticks.setContext(this.getContext(t)).font)}_maxDigits(){const t=this._resolveTickFontOptions(0).lineHeight;return(this.isHorizontal()?this.width:this.height)/t}}class en{constructor(t,e,i){this.type=t,this.scope=e,this.override=i,this.items=Object.create(null)}isForType(t){return Object.prototype.isPrototypeOf.call(this.type.prototype,t.prototype)}register(t){const e=Object.getPrototypeOf(t);let i;(function(t){return"id"in t&&"defaults"in t})(e)&&(i=this.register(e));const s=this.items,n=t.id,o=this.scope+"."+n;if(!n)throw new Error("class does not have id: "+t);return n in s||(s[n]=t,function(t,e,i){const s=x(Object.create(null),[i?ue.get(i):{},ue.get(e),t.defaults]);ue.set(e,s),t.defaultRoutes&&function(t,e){Object.keys(e).forEach((i=>{const s=i.split("."),n=s.pop(),o=[t].concat(s).join("."),a=e[i].split("."),r=a.pop(),l=a.join(".");ue.route(o,n,l,r)}))}(e,t.defaultRoutes);t.descriptors&&ue.describe(e,t.descriptors)}(t,o,i),this.override&&ue.override(t.id,t.overrides)),o}get(t){return this.items[t]}unregister(t){const e=this.items,i=t.id,s=this.scope;i in e&&delete e[i],s&&i in ue[s]&&(delete ue[s][i],this.override&&delete re[i])}}class sn{constructor(){this.controllers=new en(js,"datasets",!0),this.elements=new en($s,"elements"),this.plugins=new en(Object,"plugins"),this.scales=new en(tn,"scales"),this._typedRegistries=[this.controllers,this.scales,this.elements]}add(...t){this._each("register",t)}remove(...t){this._each("unregister",t)}addControllers(...t){this._each("register",t,this.controllers)}addElements(...t){this._each("register",t,this.elements)}addPlugins(...t){this._each("register",t,this.plugins)}addScales(...t){this._each("register",t,this.scales)}getController(t){return this._get(t,this.controllers,"controller")}getElement(t){return this._get(t,this.elements,"element")}getPlugin(t){return this._get(t,this.plugins,"plugin")}getScale(t){return this._get(t,this.scales,"scale")}removeControllers(...t){this._each("unregister",t,this.controllers)}removeElements(...t){this._each("unregister",t,this.elements)}removePlugins(...t){this._each("unregister",t,this.plugins)}removeScales(...t){this._each("unregister",t,this.scales)}_each(t,e,i){[...e].forEach((e=>{const s=i||this._getRegistryForType(e);i||s.isForType(e)||s===this.plugins&&e.id?this._exec(t,s,e):u(e,(e=>{const s=i||this._getRegistryForType(e);this._exec(t,s,e)}))}))}_exec(t,e,i){const s=w(t);d(i["before"+s],[],i),e[t](i),d(i["after"+s],[],i)}_getRegistryForType(t){for(let e=0;e<this._typedRegistries.length;e++){const i=this._typedRegistries[e];if(i.isForType(t))return i}return this.plugins}_get(t,e,i){const s=e.get(t);if(void 0===s)throw new Error('"'+t+'" is not a registered '+i+".");return s}}var nn=new sn;class on{constructor(){this._init=void 0}notify(t,e,i,s){if("beforeInit"===e&&(this._init=this._createDescriptors(t,!0),this._notify(this._init,t,"install")),void 0===this._init)return;const n=s?this._descriptors(t).filter(s):this._descriptors(t),o=this._notify(n,t,e,i);return"afterDestroy"===e&&(this._notify(n,t,"stop"),this._notify(this._init,t,"uninstall"),this._init=void 0),o}_notify(t,e,i,s){s=s||{};for(const n of t){const t=n.plugin;if(!1===d(t[i],[e,s,n.options],t)&&s.cancelable)return!1}return!0}invalidate(){s(this._cache)||(this._oldCache=this._cache,this._cache=void 0)}_descriptors(t){if(this._cache)return this._cache;const e=this._cache=this._createDescriptors(t);return this._notifyStateChanges(t),e}_createDescriptors(t,e){const i=t&&t.config,s=l(i.options&&i.options.plugins,{}),n=function(t){const e={},i=[],s=Object.keys(nn.plugins.items);for(let t=0;t<s.length;t++)i.push(nn.getPlugin(s[t]));const n=t.plugins||[];for(let t=0;t<n.length;t++){const s=n[t];-1===i.indexOf(s)&&(i.push(s),e[s.id]=!0)}return{plugins:i,localIds:e}}(i);return!1!==s||e?function(t,{plugins:e,localIds:i},s,n){const o=[],a=t.getContext();for(const r of e){const e=r.id,l=an(s[e],n);null!==l&&o.push({plugin:r,options:rn(t.config,{plugin:r,local:i[e]},l,a)})}return o}(t,n,s,e):[]}_notifyStateChanges(t){const e=this._oldCache||[],i=this._cache,s=(t,e)=>t.filter((t=>!e.some((e=>t.plugin.id===e.plugin.id))));this._notify(s(e,i),t,"stop"),this._notify(s(i,e),t,"start")}}function an(t,e){return e||!1!==t?!0===t?{}:t:null}function rn(t,{plugin:e,local:i},s,n){const o=t.pluginScopeKeys(e),a=t.getOptionScopes(s,o);return i&&e.defaults&&a.push(e.defaults),t.createResolver(a,n,[""],{scriptable:!1,indexable:!1,allKeys:!0})}function ln(t,e){const i=ue.datasets[t]||{};return((e.datasets||{})[t]||{}).indexAxis||e.indexAxis||i.indexAxis||"x"}function hn(t){if("x"===t||"y"===t||"r"===t)return t}function cn(t,...e){if(hn(t))return t;for(const s of e){const e=s.axis||("top"===(i=s.position)||"bottom"===i?"x":"left"===i||"right"===i?"y":void 0)||t.length>1&&hn(t[0].toLowerCase());if(e)return e}var i;throw new Error(`Cannot determine type of '${t}' axis. Please provide 'axis' or 'position' option.`)}function dn(t,e,i){if(i[e+"AxisID"]===t)return{axis:e}}function un(t,e){const i=re[t.type]||{scales:{}},s=e.scales||{},n=ln(t.type,e),a=Object.create(null);return Object.keys(s).forEach((e=>{const r=s[e];if(!o(r))return console.error(`Invalid scale configuration for scale: ${e}`);if(r._proxy)return console.warn(`Ignoring resolver passed as options for scale: ${e}`);const l=cn(e,r,function(t,e){if(e.data&&e.data.datasets){const i=e.data.datasets.filter((e=>e.xAxisID===t||e.yAxisID===t));if(i.length)return dn(t,"x",i[0])||dn(t,"y",i[0])}return{}}(e,t),ue.scales[r.type]),h=function(t,e){return t===e?"_index_":"_value_"}(l,n),c=i.scales||{};a[e]=b(Object.create(null),[{axis:l},r,c[l],c[h]])})),t.data.datasets.forEach((i=>{const n=i.type||t.type,o=i.indexAxis||ln(n,e),r=(re[n]||{}).scales||{};Object.keys(r).forEach((t=>{const e=function(t,e){let i=t;return"_index_"===t?i=e:"_value_"===t&&(i="x"===e?"y":"x"),i}(t,o),n=i[e+"AxisID"]||e;a[n]=a[n]||Object.create(null),b(a[n],[{axis:e},s[n],r[t]])}))})),Object.keys(a).forEach((t=>{const e=a[t];b(e,[ue.scales[e.type],ue.scale])})),a}function fn(t){const e=t.options||(t.options={});e.plugins=l(e.plugins,{}),e.scales=un(t,e)}function gn(t){return(t=t||{}).datasets=t.datasets||[],t.labels=t.labels||[],t}const pn=new Map,mn=new Set;function xn(t,e){let i=pn.get(t);return i||(i=e(),pn.set(t,i),mn.add(i)),i}const bn=(t,e,i)=>{const s=M(e,i);void 0!==s&&t.add(s)};class _n{constructor(t){this._config=function(t){return(t=t||{}).data=gn(t.data),fn(t),t}(t),this._scopeCache=new Map,this._resolverCache=new Map}get platform(){return this._config.platform}get type(){return this._config.type}set type(t){this._config.type=t}get data(){return this._config.data}set data(t){this._config.data=gn(t)}get options(){return this._config.options}set options(t){this._config.options=t}get plugins(){return this._config.plugins}update(){const t=this._config;this.clearCache(),fn(t)}clearCache(){this._scopeCache.clear(),this._resolverCache.clear()}datasetScopeKeys(t){return xn(t,(()=>[[`datasets.${t}`,""]]))}datasetAnimationScopeKeys(t,e){return xn(`${t}.transition.${e}`,(()=>[[`datasets.${t}.transitions.${e}`,`transitions.${e}`],[`datasets.${t}`,""]]))}datasetElementScopeKeys(t,e){return xn(`${t}-${e}`,(()=>[[`datasets.${t}.elements.${e}`,`datasets.${t}`,`elements.${e}`,""]]))}pluginScopeKeys(t){const e=t.id;return xn(`${this.type}-plugin-${e}`,(()=>[[`plugins.${e}`,...t.additionalOptionScopes||[]]]))}_cachedScopes(t,e){const i=this._scopeCache;let s=i.get(t);return s&&!e||(s=new Map,i.set(t,s)),s}getOptionScopes(t,e,i){const{options:s,type:n}=this,o=this._cachedScopes(t,i),a=o.get(e);if(a)return a;const r=new Set;e.forEach((e=>{t&&(r.add(t),e.forEach((e=>bn(r,t,e)))),e.forEach((t=>bn(r,s,t))),e.forEach((t=>bn(r,re[n]||{},t))),e.forEach((t=>bn(r,ue,t))),e.forEach((t=>bn(r,le,t)))}));const l=Array.from(r);return 0===l.length&&l.push(Object.create(null)),mn.has(e)&&o.set(e,l),l}chartOptionScopes(){const{options:t,type:e}=this;return[t,re[e]||{},ue.datasets[e]||{},{type:e},ue,le]}resolveNamedOptions(t,e,i,s=[""]){const o={$shared:!0},{resolver:a,subPrefixes:r}=yn(this._resolverCache,t,s);let l=a;if(function(t,e){const{isScriptable:i,isIndexable:s}=Ye(t);for(const o of e){const e=i(o),a=s(o),r=(a||e)&&t[o];if(e&&(S(r)||vn(r))||a&&n(r))return!0}return!1}(a,e)){o.$shared=!1;l=$e(a,i=S(i)?i():i,this.createResolver(t,i,r))}for(const t of e)o[t]=l[t];return o}createResolver(t,e,i=[""],s){const{resolver:n}=yn(this._resolverCache,t,i);return o(e)?$e(n,e,void 0,s):n}}function yn(t,e,i){let s=t.get(e);s||(s=new Map,t.set(e,s));const n=i.join();let o=s.get(n);if(!o){o={resolver:je(e,i),subPrefixes:i.filter((t=>!t.toLowerCase().includes("hover")))},s.set(n,o)}return o}const vn=t=>o(t)&&Object.getOwnPropertyNames(t).some((e=>S(t[e])));const Mn=["top","bottom","left","right","chartArea"];function wn(t,e){return"top"===t||"bottom"===t||-1===Mn.indexOf(t)&&"x"===e}function kn(t,e){return function(i,s){return i[t]===s[t]?i[e]-s[e]:i[t]-s[t]}}function Sn(t){const e=t.chart,i=e.options.animation;e.notifyPlugins("afterRender"),d(i&&i.onComplete,[t],e)}function Pn(t){const e=t.chart,i=e.options.animation;d(i&&i.onProgress,[t],e)}function Dn(t){return fe()&&"string"==typeof t?t=document.getElementById(t):t&&t.length&&(t=t[0]),t&&t.canvas&&(t=t.canvas),t}const Cn={},On=t=>{const e=Dn(t);return Object.values(Cn).filter((t=>t.canvas===e)).pop()};function An(t,e,i){const s=Object.keys(t);for(const n of s){const s=+n;if(s>=e){const o=t[n];delete t[n],(i>0||s>e)&&(t[s+i]=o)}}}class Tn{static defaults=ue;static instances=Cn;static overrides=re;static registry=nn;static version="4.5.1";static getChart=On;static register(...t){nn.add(...t),Ln()}static unregister(...t){nn.remove(...t),Ln()}constructor(t,e){const s=this.config=new _n(e),n=Dn(t),o=On(n);if(o)throw new Error("Canvas is already in use. Chart with ID '"+o.id+"' must be destroyed before the canvas with ID '"+o.canvas.id+"' can be reused.");const a=s.createResolver(s.chartOptionScopes(),this.getContext());this.platform=new(s.platform||Ps(n)),this.platform.updateConfig(s);const r=this.platform.acquireContext(n,a.aspectRatio),l=r&&r.canvas,h=l&&l.height,c=l&&l.width;this.id=i(),this.ctx=r,this.canvas=l,this.width=c,this.height=h,this._options=a,this._aspectRatio=this.aspectRatio,this._layers=[],this._metasets=[],this._stacks=void 0,this.boxes=[],this.currentDevicePixelRatio=void 0,this.chartArea=void 0,this._active=[],this._lastEvent=void 0,this._listeners={},this._responsiveListeners=void 0,this._sortedMetasets=[],this.scales={},this._plugins=new on,this.$proxies={},this._hiddenIndices={},this.attached=!1,this._animationsDisabled=void 0,this.$context=void 0,this._doResize=dt((t=>this.update(t)),a.resizeDelay||0),this._dataChanges=[],Cn[this.id]=this,r&&l?(bt.listen(this,"complete",Sn),bt.listen(this,"progress",Pn),this._initialize(),this.attached&&this.update()):console.error("Failed to create chart: can't acquire context from the given item")}get aspectRatio(){const{options:{aspectRatio:t,maintainAspectRatio:e},width:i,height:n,_aspectRatio:o}=this;return s(t)?e&&o?o:n?i/n:null:t}get data(){return this.config.data}set data(t){this.config.data=t}get options(){return this._options}set options(t){this.config.options=t}get registry(){return nn}_initialize(){return this.notifyPlugins("beforeInit"),this.options.responsive?this.resize():ke(this,this.options.devicePixelRatio),this.bindEvents(),this.notifyPlugins("afterInit"),this}clear(){return Te(this.canvas,this.ctx),this}stop(){return bt.stop(this),this}resize(t,e){bt.running(this)?this._resizeBeforeDraw={width:t,height:e}:this._resize(t,e)}_resize(t,e){const i=this.options,s=this.canvas,n=i.maintainAspectRatio&&this.aspectRatio,o=this.platform.getMaximumSize(s,t,e,n),a=i.devicePixelRatio||this.platform.getDevicePixelRatio(),r=this.width?"resize":"attach";this.width=o.width,this.height=o.height,this._aspectRatio=this.aspectRatio,ke(this,a,!0)&&(this.notifyPlugins("resize",{size:o}),d(i.onResize,[this,o],this),this.attached&&this._doResize(r)&&this.render())}ensureScalesHaveIDs(){u(this.options.scales||{},((t,e)=>{t.id=e}))}buildOrUpdateScales(){const t=this.options,e=t.scales,i=this.scales,s=Object.keys(i).reduce(((t,e)=>(t[e]=!1,t)),{});let n=[];e&&(n=n.concat(Object.keys(e).map((t=>{const i=e[t],s=cn(t,i),n="r"===s,o="x"===s;return{options:i,dposition:n?"chartArea":o?"bottom":"left",dtype:n?"radialLinear":o?"category":"linear"}})))),u(n,(e=>{const n=e.options,o=n.id,a=cn(o,n),r=l(n.type,e.dtype);void 0!==n.position&&wn(n.position,a)===wn(e.dposition)||(n.position=e.dposition),s[o]=!0;let h=null;if(o in i&&i[o].type===r)h=i[o];else{h=new(nn.getScale(r))({id:o,type:r,ctx:this.ctx,chart:this}),i[h.id]=h}h.init(n,t)})),u(s,((t,e)=>{t||delete i[e]})),u(i,(t=>{ls.configure(this,t,t.options),ls.addBox(this,t)}))}_updateMetasets(){const t=this._metasets,e=this.data.datasets.length,i=t.length;if(t.sort(((t,e)=>t.index-e.index)),i>e){for(let t=e;t<i;++t)this._destroyDatasetMeta(t);t.splice(e,i-e)}this._sortedMetasets=t.slice(0).sort(kn("order","index"))}_removeUnreferencedMetasets(){const{_metasets:t,data:{datasets:e}}=this;t.length>e.length&&delete this._stacks,t.forEach(((t,i)=>{0===e.filter((e=>e===t._dataset)).length&&this._destroyDatasetMeta(i)}))}buildOrUpdateControllers(){const t=[],e=this.data.datasets;let i,s;for(this._removeUnreferencedMetasets(),i=0,s=e.length;i<s;i++){const s=e[i];let n=this.getDatasetMeta(i);const o=s.type||this.config.type;if(n.type&&n.type!==o&&(this._destroyDatasetMeta(i),n=this.getDatasetMeta(i)),n.type=o,n.indexAxis=s.indexAxis||ln(o,this.options),n.order=s.order||0,n.index=i,n.label=""+s.label,n.visible=this.isDatasetVisible(i),n.controller)n.controller.updateIndex(i),n.controller.linkScales();else{const e=nn.getController(o),{datasetElementType:s,dataElementType:a}=ue.datasets[o];Object.assign(e,{dataElementType:nn.getElement(a),datasetElementType:s&&nn.getElement(s)}),n.controller=new e(this,i),t.push(n.controller)}}return this._updateMetasets(),t}_resetElements(){u(this.data.datasets,((t,e)=>{this.getDatasetMeta(e).controller.reset()}),this)}reset(){this._resetElements(),this.notifyPlugins("reset")}update(t){const e=this.config;e.update();const i=this._options=e.createResolver(e.chartOptionScopes(),this.getContext()),s=this._animationsDisabled=!i.animation;if(this._updateScales(),this._checkEventBindings(),this._updateHiddenIndices(),this._plugins.invalidate(),!1===this.notifyPlugins("beforeUpdate",{mode:t,cancelable:!0}))return;const n=this.buildOrUpdateControllers();this.notifyPlugins("beforeElementsUpdate");let o=0;for(let t=0,e=this.data.datasets.length;t<e;t++){const{controller:e}=this.getDatasetMeta(t),i=!s&&-1===n.indexOf(e);e.buildOrUpdateElements(i),o=Math.max(+e.getMaxOverflow(),o)}o=this._minPadding=i.layout.autoPadding?o:0,this._updateLayout(o),s||u(n,(t=>{t.reset()})),this._updateDatasets(t),this.notifyPlugins("afterUpdate",{mode:t}),this._layers.sort(kn("z","_idx"));const{_active:a,_lastEvent:r}=this;r?this._eventHandler(r,!0):a.length&&this._updateHoverStyles(a,a,!0),this.render()}_updateScales(){u(this.scales,(t=>{ls.removeBox(this,t)})),this.ensureScalesHaveIDs(),this.buildOrUpdateScales()}_checkEventBindings(){const t=this.options,e=new Set(Object.keys(this._listeners)),i=new Set(t.events);P(e,i)&&!!this._responsiveListeners===t.responsive||(this.unbindEvents(),this.bindEvents())}_updateHiddenIndices(){const{_hiddenIndices:t}=this,e=this._getUniformDataChanges()||[];for(const{method:i,start:s,count:n}of e){An(t,s,"_removeElements"===i?-n:n)}}_getUniformDataChanges(){const t=this._dataChanges;if(!t||!t.length)return;this._dataChanges=[];const e=this.data.datasets.length,i=e=>new Set(t.filter((t=>t[0]===e)).map(((t,e)=>e+","+t.splice(1).join(",")))),s=i(0);for(let t=1;t<e;t++)if(!P(s,i(t)))return;return Array.from(s).map((t=>t.split(","))).map((t=>({method:t[1],start:+t[2],count:+t[3]})))}_updateLayout(t){if(!1===this.notifyPlugins("beforeLayout",{cancelable:!0}))return;ls.update(this,this.width,this.height,t);const e=this.chartArea,i=e.width<=0||e.height<=0;this._layers=[],u(this.boxes,(t=>{i&&"chartArea"===t.position||(t.configure&&t.configure(),this._layers.push(...t._layers()))}),this),this._layers.forEach(((t,e)=>{t._idx=e})),this.notifyPlugins("afterLayout")}_updateDatasets(t){if(!1!==this.notifyPlugins("beforeDatasetsUpdate",{mode:t,cancelable:!0})){for(let t=0,e=this.data.datasets.length;t<e;++t)this.getDatasetMeta(t).controller.configure();for(let e=0,i=this.data.datasets.length;e<i;++e)this._updateDataset(e,S(t)?t({datasetIndex:e}):t);this.notifyPlugins("afterDatasetsUpdate",{mode:t})}}_updateDataset(t,e){const i=this.getDatasetMeta(t),s={meta:i,index:t,mode:e,cancelable:!0};!1!==this.notifyPlugins("beforeDatasetUpdate",s)&&(i.controller._update(e),s.cancelable=!1,this.notifyPlugins("afterDatasetUpdate",s))}render(){!1!==this.notifyPlugins("beforeRender",{cancelable:!0})&&(bt.has(this)?this.attached&&!bt.running(this)&&bt.start(this):(this.draw(),Sn({chart:this})))}draw(){let t;if(this._resizeBeforeDraw){const{width:t,height:e}=this._resizeBeforeDraw;this._resizeBeforeDraw=null,this._resize(t,e)}if(this.clear(),this.width<=0||this.height<=0)return;if(!1===this.notifyPlugins("beforeDraw",{cancelable:!0}))return;const e=this._layers;for(t=0;t<e.length&&e[t].z<=0;++t)e[t].draw(this.chartArea);for(this._drawDatasets();t<e.length;++t)e[t].draw(this.chartArea);this.notifyPlugins("afterDraw")}_getSortedDatasetMetas(t){const e=this._sortedMetasets,i=[];let s,n;for(s=0,n=e.length;s<n;++s){const n=e[s];t&&!n.visible||i.push(n)}return i}getSortedVisibleDatasetMetas(){return this._getSortedDatasetMetas(!0)}_drawDatasets(){if(!1===this.notifyPlugins("beforeDatasetsDraw",{cancelable:!0}))return;const t=this.getSortedVisibleDatasetMetas();for(let e=t.length-1;e>=0;--e)this._drawDataset(t[e]);this.notifyPlugins("afterDatasetsDraw")}_drawDataset(t){const e=this.ctx,i={meta:t,index:t.index,cancelable:!0},s=Ni(this,t);!1!==this.notifyPlugins("beforeDatasetDraw",i)&&(s&&Ie(e,s),t.controller.draw(),s&&ze(e),i.cancelable=!1,this.notifyPlugins("afterDatasetDraw",i))}isPointInArea(t){return Re(t,this.chartArea,this._minPadding)}getElementsAtEventForMode(t,e,i,s){const n=Ki.modes[e];return"function"==typeof n?n(this,t,i,s):[]}getDatasetMeta(t){const e=this.data.datasets[t],i=this._metasets;let s=i.filter((t=>t&&t._dataset===e)).pop();return s||(s={type:null,data:[],dataset:null,controller:null,hidden:null,xAxisID:null,yAxisID:null,order:e&&e.order||0,index:t,_dataset:e,_parsed:[],_sorted:!1},i.push(s)),s}getContext(){return this.$context||(this.$context=Ci(null,{chart:this,type:"chart"}))}getVisibleDatasetCount(){return this.getSortedVisibleDatasetMetas().length}isDatasetVisible(t){const e=this.data.datasets[t];if(!e)return!1;const i=this.getDatasetMeta(t);return"boolean"==typeof i.hidden?!i.hidden:!e.hidden}setDatasetVisibility(t,e){this.getDatasetMeta(t).hidden=!e}toggleDataVisibility(t){this._hiddenIndices[t]=!this._hiddenIndices[t]}getDataVisibility(t){return!this._hiddenIndices[t]}_updateVisibility(t,e,i){const s=i?"show":"hide",n=this.getDatasetMeta(t),o=n.controller._resolveAnimations(void 0,s);k(e)?(n.data[e].hidden=!i,this.update()):(this.setDatasetVisibility(t,i),o.update(n,{visible:i}),this.update((e=>e.datasetIndex===t?s:void 0)))}hide(t,e){this._updateVisibility(t,e,!1)}show(t,e){this._updateVisibility(t,e,!0)}_destroyDatasetMeta(t){const e=this._metasets[t];e&&e.controller&&e.controller._destroy(),delete this._metasets[t]}_stop(){let t,e;for(this.stop(),bt.remove(this),t=0,e=this.data.datasets.length;t<e;++t)this._destroyDatasetMeta(t)}destroy(){this.notifyPlugins("beforeDestroy");const{canvas:t,ctx:e}=this;this._stop(),this.config.clearCache(),t&&(this.unbindEvents(),Te(t,e),this.platform.releaseContext(e),this.canvas=null,this.ctx=null),delete Cn[this.id],this.notifyPlugins("afterDestroy")}toBase64Image(...t){return this.canvas.toDataURL(...t)}bindEvents(){this.bindUserEvents(),this.options.responsive?this.bindResponsiveEvents():this.attached=!0}bindUserEvents(){const t=this._listeners,e=this.platform,i=(i,s)=>{e.addEventListener(this,i,s),t[i]=s},s=(t,e,i)=>{t.offsetX=e,t.offsetY=i,this._eventHandler(t)};u(this.options.events,(t=>i(t,s)))}bindResponsiveEvents(){this._responsiveListeners||(this._responsiveListeners={});const t=this._responsiveListeners,e=this.platform,i=(i,s)=>{e.addEventListener(this,i,s),t[i]=s},s=(i,s)=>{t[i]&&(e.removeEventListener(this,i,s),delete t[i])},n=(t,e)=>{this.canvas&&this.resize(t,e)};let o;const a=()=>{s("attach",a),this.attached=!0,this.resize(),i("resize",n),i("detach",o)};o=()=>{this.attached=!1,s("resize",n),this._stop(),this._resize(0,0),i("attach",a)},e.isAttached(this.canvas)?a():o()}unbindEvents(){u(this._listeners,((t,e)=>{this.platform.removeEventListener(this,e,t)})),this._listeners={},u(this._responsiveListeners,((t,e)=>{this.platform.removeEventListener(this,e,t)})),this._responsiveListeners=void 0}updateHoverStyle(t,e,i){const s=i?"set":"remove";let n,o,a,r;for("dataset"===e&&(n=this.getDatasetMeta(t[0].datasetIndex),n.controller["_"+s+"DatasetHoverStyle"]()),a=0,r=t.length;a<r;++a){o=t[a];const e=o&&this.getDatasetMeta(o.datasetIndex).controller;e&&e[s+"HoverStyle"](o.element,o.datasetIndex,o.index)}}getActiveElements(){return this._active||[]}setActiveElements(t){const e=this._active||[],i=t.map((({datasetIndex:t,index:e})=>{const i=this.getDatasetMeta(t);if(!i)throw new Error("No dataset found at index "+t);return{datasetIndex:t,element:i.data[e],index:e}}));!f(i,e)&&(this._active=i,this._lastEvent=null,this._updateHoverStyles(i,e))}notifyPlugins(t,e,i){return this._plugins.notify(this,t,e,i)}isPluginEnabled(t){return 1===this._plugins._cache.filter((e=>e.plugin.id===t)).length}_updateHoverStyles(t,e,i){const s=this.options.hover,n=(t,e)=>t.filter((t=>!e.some((e=>t.datasetIndex===e.datasetIndex&&t.index===e.index)))),o=n(e,t),a=i?t:n(t,e);o.length&&this.updateHoverStyle(o,s.mode,!1),a.length&&s.mode&&this.updateHoverStyle(a,s.mode,!0)}_eventHandler(t,e){const i={event:t,replay:e,cancelable:!0,inChartArea:this.isPointInArea(t)},s=e=>(e.options.events||this.options.events).includes(t.native.type);if(!1===this.notifyPlugins("beforeEvent",i,s))return;const n=this._handleEvent(t,e,i.inChartArea);return i.cancelable=!1,this.notifyPlugins("afterEvent",i,s),(n||i.changed)&&this.render(),this}_handleEvent(t,e,i){const{_active:s=[],options:n}=this,o=e,a=this._getActiveElements(t,s,i,o),r=D(t),l=function(t,e,i,s){return i&&"mouseout"!==t.type?s?e:t:null}(t,this._lastEvent,i,r);i&&(this._lastEvent=null,d(n.onHover,[t,a,this],this),r&&d(n.onClick,[t,a,this],this));const h=!f(a,s);return(h||e)&&(this._active=a,this._updateHoverStyles(a,s,e)),this._lastEvent=l,h}_getActiveElements(t,e,i,s){if("mouseout"===t.type)return[];if(!i)return e;const n=this.options.hover;return this.getElementsAtEventForMode(t,n.mode,n,s)}}function Ln(){return u(Tn.instances,(t=>t._plugins.invalidate()))}function En(){throw new Error("This method is not implemented: Check that a complete date adapter is provided.")}class Rn{static override(t){Object.assign(Rn.prototype,t)}options;constructor(t){this.options=t||{}}init(){}formats(){return En()}parse(){return En()}format(){return En()}add(){return En()}diff(){return En()}startOf(){return En()}endOf(){return En()}}var In={_date:Rn};function zn(t){const e=t.iScale,i=function(t,e){if(!t._cache.$bar){const i=t.getMatchingVisibleMetas(e);let s=[];for(let e=0,n=i.length;e<n;e++)s=s.concat(i[e].controller.getAllParsedValues(t));t._cache.$bar=lt(s.sort(((t,e)=>t-e)))}return t._cache.$bar}(e,t.type);let s,n,o,a,r=e._length;const l=()=>{32767!==o&&-32768!==o&&(k(a)&&(r=Math.min(r,Math.abs(o-a)||r)),a=o)};for(s=0,n=i.length;s<n;++s)o=e.getPixelForValue(i[s]),l();for(a=void 0,s=0,n=e.ticks.length;s<n;++s)o=e.getPixelForTick(s),l();return r}function Fn(t,e,i,s){return n(t)?function(t,e,i,s){const n=i.parse(t[0],s),o=i.parse(t[1],s),a=Math.min(n,o),r=Math.max(n,o);let l=a,h=r;Math.abs(a)>Math.abs(r)&&(l=r,h=a),e[i.axis]=h,e._custom={barStart:l,barEnd:h,start:n,end:o,min:a,max:r}}(t,e,i,s):e[i.axis]=i.parse(t,s),e}function Vn(t,e,i,s){const n=t.iScale,o=t.vScale,a=n.getLabels(),r=n===o,l=[];let h,c,d,u;for(h=i,c=i+s;h<c;++h)u=e[h],d={},d[n.axis]=r||n.parse(a[h],h),l.push(Fn(u,d,o,h));return l}function Bn(t){return t&&void 0!==t.barStart&&void 0!==t.barEnd}function Wn(t,e,i,s){let n=e.borderSkipped;const o={};if(!n)return void(t.borderSkipped=o);if(!0===n)return void(t.borderSkipped={top:!0,right:!0,bottom:!0,left:!0});const{start:a,end:r,reverse:l,top:h,bottom:c}=function(t){let e,i,s,n,o;return t.horizontal?(e=t.base>t.x,i="left",s="right"):(e=t.base<t.y,i="bottom",s="top"),e?(n="end",o="start"):(n="start",o="end"),{start:i,end:s,reverse:e,top:n,bottom:o}}(t);"middle"===n&&i&&(t.enableBorderRadius=!0,(i._top||0)===s?n=h:(i._bottom||0)===s?n=c:(o[Nn(c,a,r,l)]=!0,n=h)),o[Nn(n,a,r,l)]=!0,t.borderSkipped=o}function Nn(t,e,i,s){var n,o,a;return s?(a=i,t=Hn(t=(n=t)===(o=e)?a:n===a?o:n,i,e)):t=Hn(t,e,i),t}function Hn(t,e,i){return"start"===t?e:"end"===t?i:t}function jn(t,{inflateAmount:e},i){t.inflateAmount="auto"===e?1===i?.33:0:e}class $n extends js{static id="doughnut";static defaults={datasetElementType:!1,dataElementType:"arc",animation:{animateRotate:!0,animateScale:!1},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"};static descriptors={_scriptable:t=>"spacing"!==t,_indexable:t=>"spacing"!==t&&!t.startsWith("borderDash")&&!t.startsWith("hoverBorderDash")};static overrides={aspectRatio:1,plugins:{legend:{labels:{generateLabels(t){const e=t.data,{labels:{pointStyle:i,textAlign:s,color:n,useBorderRadius:o,borderRadius:a}}=t.legend.options;return e.labels.length&&e.datasets.length?e.labels.map(((e,r)=>{const l=t.getDatasetMeta(0).controller.getStyle(r);return{text:e,fillStyle:l.backgroundColor,fontColor:n,hidden:!t.getDataVisibility(r),lineDash:l.borderDash,lineDashOffset:l.borderDashOffset,lineJoin:l.borderJoinStyle,lineWidth:l.borderWidth,strokeStyle:l.borderColor,textAlign:s,pointStyle:i,borderRadius:o&&(a||l.borderRadius),index:r}})):[]}},onClick(t,e,i){i.chart.toggleDataVisibility(e.index),i.chart.update()}}}};constructor(t,e){super(t,e),this.enableOptionSharing=!0,this.innerRadius=void 0,this.outerRadius=void 0,this.offsetX=void 0,this.offsetY=void 0}linkScales(){}parse(t,e){const i=this.getDataset().data,s=this._cachedMeta;if(!1===this._parsing)s._parsed=i;else{let n,a,r=t=>+i[t];if(o(i[t])){const{key:t="value"}=this._parsing;r=e=>+M(i[e],t)}for(n=t,a=t+e;n<a;++n)s._parsed[n]=r(n)}}_getRotation(){return $(this.options.rotation-90)}_getCircumference(){return $(this.options.circumference)}_getRotationExtents(){let t=O,e=-O;for(let i=0;i<this.chart.data.datasets.length;++i)if(this.chart.isDatasetVisible(i)&&this.chart.getDatasetMeta(i).type===this._type){const s=this.chart.getDatasetMeta(i).controller,n=s._getRotation(),o=s._getCircumference();t=Math.min(t,n),e=Math.max(e,n+o)}return{rotation:t,circumference:e-t}}update(t){const e=this.chart,{chartArea:i}=e,s=this._cachedMeta,n=s.data,o=this.getMaxBorderWidth()+this.getMaxOffset(n)+this.options.spacing,a=Math.max((Math.min(i.width,i.height)-o)/2,0),r=Math.min(h(this.options.cutout,a),1),l=this._getRingWeight(this.index),{circumference:d,rotation:u}=this._getRotationExtents(),{ratioX:f,ratioY:g,offsetX:p,offsetY:m}=function(t,e,i){let s=1,n=1,o=0,a=0;if(e<O){const r=t,l=r+e,h=Math.cos(r),c=Math.sin(r),d=Math.cos(l),u=Math.sin(l),f=(t,e,s)=>J(t,r,l,!0)?1:Math.max(e,e*i,s,s*i),g=(t,e,s)=>J(t,r,l,!0)?-1:Math.min(e,e*i,s,s*i),p=f(0,h,d),m=f(E,c,u),x=g(C,h,d),b=g(C+E,c,u);s=(p-x)/2,n=(m-b)/2,o=-(p+x)/2,a=-(m+b)/2}return{ratioX:s,ratioY:n,offsetX:o,offsetY:a}}(u,d,r),x=(i.width-o)/f,b=(i.height-o)/g,_=Math.max(Math.min(x,b)/2,0),y=c(this.options.radius,_),v=(y-Math.max(y*r,0))/this._getVisibleDatasetWeightTotal();this.offsetX=p*y,this.offsetY=m*y,s.total=this.calculateTotal(),this.outerRadius=y-v*this._getRingWeightOffset(this.index),this.innerRadius=Math.max(this.outerRadius-v*l,0),this.updateElements(n,0,n.length,t)}_circumference(t,e){const i=this.options,s=this._cachedMeta,n=this._getCircumference();return e&&i.animation.animateRotate||!this.chart.getDataVisibility(t)||null===s._parsed[t]||s.data[t].hidden?0:this.calculateCircumference(s._parsed[t]*n/O)}updateElements(t,e,i,s){const n="reset"===s,o=this.chart,a=o.chartArea,r=o.options.animation,l=(a.left+a.right)/2,h=(a.top+a.bottom)/2,c=n&&r.animateScale,d=c?0:this.innerRadius,u=c?0:this.outerRadius,{sharedOptions:f,includeOptions:g}=this._getSharedOptions(e,s);let p,m=this._getRotation();for(p=0;p<e;++p)m+=this._circumference(p,n);for(p=e;p<e+i;++p){const e=this._circumference(p,n),i=t[p],o={x:l+this.offsetX,y:h+this.offsetY,startAngle:m,endAngle:m+e,circumference:e,outerRadius:u,innerRadius:d};g&&(o.options=f||this.resolveDataElementOptions(p,i.active?"active":s)),m+=e,this.updateElement(i,p,o,s)}}calculateTotal(){const t=this._cachedMeta,e=t.data;let i,s=0;for(i=0;i<e.length;i++){const n=t._parsed[i];null===n||isNaN(n)||!this.chart.getDataVisibility(i)||e[i].hidden||(s+=Math.abs(n))}return s}calculateCircumference(t){const e=this._cachedMeta.total;return e>0&&!isNaN(t)?O*(Math.abs(t)/e):0}getLabelAndValue(t){const e=this._cachedMeta,i=this.chart,s=i.data.labels||[],n=ne(e._parsed[t],i.options.locale);return{label:s[t]||"",value:n}}getMaxBorderWidth(t){let e=0;const i=this.chart;let s,n,o,a,r;if(!t)for(s=0,n=i.data.datasets.length;s<n;++s)if(i.isDatasetVisible(s)){o=i.getDatasetMeta(s),t=o.data,a=o.controller;break}if(!t)return 0;for(s=0,n=t.length;s<n;++s)r=a.resolveDataElementOptions(s),"inner"!==r.borderAlign&&(e=Math.max(e,r.borderWidth||0,r.hoverBorderWidth||0));return e}getMaxOffset(t){let e=0;for(let i=0,s=t.length;i<s;++i){const t=this.resolveDataElementOptions(i);e=Math.max(e,t.offset||0,t.hoverOffset||0)}return e}_getRingWeightOffset(t){let e=0;for(let i=0;i<t;++i)this.chart.isDatasetVisible(i)&&(e+=this._getRingWeight(i));return e}_getRingWeight(t){return Math.max(l(this.chart.data.datasets[t].weight,1),0)}_getVisibleDatasetWeightTotal(){return this._getRingWeightOffset(this.chart.data.datasets.length)||1}}class Yn extends js{static id="polarArea";static defaults={dataElementType:"arc",animation:{animateRotate:!0,animateScale:!0},animations:{numbers:{type:"number",properties:["x","y","startAngle","endAngle","innerRadius","outerRadius"]}},indexAxis:"r",startAngle:0};static overrides={aspectRatio:1,plugins:{legend:{labels:{generateLabels(t){const e=t.data;if(e.labels.length&&e.datasets.length){const{labels:{pointStyle:i,color:s}}=t.legend.options;return e.labels.map(((e,n)=>{const o=t.getDatasetMeta(0).controller.getStyle(n);return{text:e,fillStyle:o.backgroundColor,strokeStyle:o.borderColor,fontColor:s,lineWidth:o.borderWidth,pointStyle:i,hidden:!t.getDataVisibility(n),index:n}}))}return[]}},onClick(t,e,i){i.chart.toggleDataVisibility(e.index),i.chart.update()}}},scales:{r:{type:"radialLinear",angleLines:{display:!1},beginAtZero:!0,grid:{circular:!0},pointLabels:{display:!1},startAngle:0}}};constructor(t,e){super(t,e),this.innerRadius=void 0,this.outerRadius=void 0}getLabelAndValue(t){const e=this._cachedMeta,i=this.chart,s=i.data.labels||[],n=ne(e._parsed[t].r,i.options.locale);return{label:s[t]||"",value:n}}parseObjectData(t,e,i,s){return ii.bind(this)(t,e,i,s)}update(t){const e=this._cachedMeta.data;this._updateRadius(),this.updateElements(e,0,e.length,t)}getMinMax(){const t=this._cachedMeta,e={min:Number.POSITIVE_INFINITY,max:Number.NEGATIVE_INFINITY};return t.data.forEach(((t,i)=>{const s=this.getParsed(i).r;!isNaN(s)&&this.chart.getDataVisibility(i)&&(s<e.min&&(e.min=s),s>e.max&&(e.max=s))})),e}_updateRadius(){const t=this.chart,e=t.chartArea,i=t.options,s=Math.min(e.right-e.left,e.bottom-e.top),n=Math.max(s/2,0),o=(n-Math.max(i.cutoutPercentage?n/100*i.cutoutPercentage:1,0))/t.getVisibleDatasetCount();this.outerRadius=n-o*this.index,this.innerRadius=this.outerRadius-o}updateElements(t,e,i,s){const n="reset"===s,o=this.chart,a=o.options.animation,r=this._cachedMeta.rScale,l=r.xCenter,h=r.yCenter,c=r.getIndexAngle(0)-.5*C;let d,u=c;const f=360/this.countVisibleElements();for(d=0;d<e;++d)u+=this._computeAngle(d,s,f);for(d=e;d<e+i;d++){const e=t[d];let i=u,g=u+this._computeAngle(d,s,f),p=o.getDataVisibility(d)?r.getDistanceFromCenterForValue(this.getParsed(d).r):0;u=g,n&&(a.animateScale&&(p=0),a.animateRotate&&(i=g=c));const m={x:l,y:h,innerRadius:0,outerRadius:p,startAngle:i,endAngle:g,options:this.resolveDataElementOptions(d,e.active?"active":s)};this.updateElement(e,d,m,s)}}countVisibleElements(){const t=this._cachedMeta;let e=0;return t.data.forEach(((t,i)=>{!isNaN(this.getParsed(i).r)&&this.chart.getDataVisibility(i)&&e++})),e}_computeAngle(t,e,i){return this.chart.getDataVisibility(t)?$(this.resolveDataElementOptions(t,e).angle||i):0}}var Un=Object.freeze({__proto__:null,BarController:class extends js{static id="bar";static defaults={datasetElementType:!1,dataElementType:"bar",categoryPercentage:.8,barPercentage:.9,grouped:!0,animations:{numbers:{type:"number",properties:["x","y","base","width","height"]}}};static overrides={scales:{_index_:{type:"category",offset:!0,grid:{offset:!0}},_value_:{type:"linear",beginAtZero:!0}}};parsePrimitiveData(t,e,i,s){return Vn(t,e,i,s)}parseArrayData(t,e,i,s){return Vn(t,e,i,s)}parseObjectData(t,e,i,s){const{iScale:n,vScale:o}=t,{xAxisKey:a="x",yAxisKey:r="y"}=this._parsing,l="x"===n.axis?a:r,h="x"===o.axis?a:r,c=[];let d,u,f,g;for(d=i,u=i+s;d<u;++d)g=e[d],f={},f[n.axis]=n.parse(M(g,l),d),c.push(Fn(M(g,h),f,o,d));return c}updateRangeFromParsed(t,e,i,s){super.updateRangeFromParsed(t,e,i,s);const n=i._custom;n&&e===this._cachedMeta.vScale&&(t.min=Math.min(t.min,n.min),t.max=Math.max(t.max,n.max))}getMaxOverflow(){return 0}getLabelAndValue(t){const e=this._cachedMeta,{iScale:i,vScale:s}=e,n=this.getParsed(t),o=n._custom,a=Bn(o)?"["+o.start+", "+o.end+"]":""+s.getLabelForValue(n[s.axis]);return{label:""+i.getLabelForValue(n[i.axis]),value:a}}initialize(){this.enableOptionSharing=!0,super.initialize();this._cachedMeta.stack=this.getDataset().stack}update(t){const e=this._cachedMeta;this.updateElements(e.data,0,e.data.length,t)}updateElements(t,e,i,n){const o="reset"===n,{index:a,_cachedMeta:{vScale:r}}=this,l=r.getBasePixel(),h=r.isHorizontal(),c=this._getRuler(),{sharedOptions:d,includeOptions:u}=this._getSharedOptions(e,n);for(let f=e;f<e+i;f++){const e=this.getParsed(f),i=o||s(e[r.axis])?{base:l,head:l}:this._calculateBarValuePixels(f),g=this._calculateBarIndexPixels(f,c),p=(e._stacks||{})[r.axis],m={horizontal:h,base:i.base,enableBorderRadius:!p||Bn(e._custom)||a===p._top||a===p._bottom,x:h?i.head:g.center,y:h?g.center:i.head,height:h?g.size:Math.abs(i.size),width:h?Math.abs(i.size):g.size};u&&(m.options=d||this.resolveDataElementOptions(f,t[f].active?"active":n));const x=m.options||t[f].options;Wn(m,x,p,a),jn(m,x,c.ratio),this.updateElement(t[f],f,m,n)}}_getStacks(t,e){const{iScale:i}=this._cachedMeta,n=i.getMatchingVisibleMetas(this._type).filter((t=>t.controller.options.grouped)),o=i.options.stacked,a=[],r=this._cachedMeta.controller.getParsed(e),l=r&&r[i.axis],h=t=>{const e=t._parsed.find((t=>t[i.axis]===l)),n=e&&e[t.vScale.axis];if(s(n)||isNaN(n))return!0};for(const i of n)if((void 0===e||!h(i))&&((!1===o||-1===a.indexOf(i.stack)||void 0===o&&void 0===i.stack)&&a.push(i.stack),i.index===t))break;return a.length||a.push(void 0),a}_getStackCount(t){return this._getStacks(void 0,t).length}_getAxisCount(){return this._getAxis().length}getFirstScaleIdForIndexAxis(){const t=this.chart.scales,e=this.chart.options.indexAxis;return Object.keys(t).filter((i=>t[i].axis===e)).shift()}_getAxis(){const t={},e=this.getFirstScaleIdForIndexAxis();for(const i of this.chart.data.datasets)t[l("x"===this.chart.options.indexAxis?i.xAxisID:i.yAxisID,e)]=!0;return Object.keys(t)}_getStackIndex(t,e,i){const s=this._getStacks(t,i),n=void 0!==e?s.indexOf(e):-1;return-1===n?s.length-1:n}_getRuler(){const t=this.options,e=this._cachedMeta,i=e.iScale,s=[];let n,o;for(n=0,o=e.data.length;n<o;++n)s.push(i.getPixelForValue(this.getParsed(n)[i.axis],n));const a=t.barThickness;return{min:a||zn(e),pixels:s,start:i._startPixel,end:i._endPixel,stackCount:this._getStackCount(),scale:i,grouped:t.grouped,ratio:a?1:t.categoryPercentage*t.barPercentage}}_calculateBarValuePixels(t){const{_cachedMeta:{vScale:e,_stacked:i,index:n},options:{base:o,minBarLength:a}}=this,r=o||0,l=this.getParsed(t),h=l._custom,c=Bn(h);let d,u,f=l[e.axis],g=0,p=i?this.applyStack(e,l,i):f;p!==f&&(g=p-f,p=f),c&&(f=h.barStart,p=h.barEnd-h.barStart,0!==f&&F(f)!==F(h.barEnd)&&(g=0),g+=f);const m=s(o)||c?g:o;let x=e.getPixelForValue(m);if(d=this.chart.getDataVisibility(t)?e.getPixelForValue(g+p):x,u=d-x,Math.abs(u)<a){u=function(t,e,i){return 0!==t?F(t):(e.isHorizontal()?1:-1)*(e.min>=i?1:-1)}(u,e,r)*a,f===r&&(x-=u/2);const t=e.getPixelForDecimal(0),s=e.getPixelForDecimal(1),o=Math.min(t,s),h=Math.max(t,s);x=Math.max(Math.min(x,h),o),d=x+u,i&&!c&&(l._stacks[e.axis]._visualValues[n]=e.getValueForPixel(d)-e.getValueForPixel(x))}if(x===e.getPixelForValue(r)){const t=F(u)*e.getLineWidthForValue(r)/2;x+=t,u-=t}return{size:u,base:x,head:d,center:d+u/2}}_calculateBarIndexPixels(t,e){const i=e.scale,n=this.options,o=n.skipNull,a=l(n.maxBarThickness,1/0);let r,h;const c=this._getAxisCount();if(e.grouped){const i=o?this._getStackCount(t):e.stackCount,d="flex"===n.barThickness?function(t,e,i,s){const n=e.pixels,o=n[t];let a=t>0?n[t-1]:null,r=t<n.length-1?n[t+1]:null;const l=i.categoryPercentage;null===a&&(a=o-(null===r?e.end-e.start:r-o)),null===r&&(r=o+o-a);const h=o-(o-Math.min(a,r))/2*l;return{chunk:Math.abs(r-a)/2*l/s,ratio:i.barPercentage,start:h}}(t,e,n,i*c):function(t,e,i,n){const o=i.barThickness;let a,r;return s(o)?(a=e.min*i.categoryPercentage,r=i.barPercentage):(a=o*n,r=1),{chunk:a/n,ratio:r,start:e.pixels[t]-a/2}}(t,e,n,i*c),u="x"===this.chart.options.indexAxis?this.getDataset().xAxisID:this.getDataset().yAxisID,f=this._getAxis().indexOf(l(u,this.getFirstScaleIdForIndexAxis())),g=this._getStackIndex(this.index,this._cachedMeta.stack,o?t:void 0)+f;r=d.start+d.chunk*g+d.chunk/2,h=Math.min(a,d.chunk*d.ratio)}else r=i.getPixelForValue(this.getParsed(t)[i.axis],t),h=Math.min(a,e.min*e.ratio);return{base:r-h/2,head:r+h/2,center:r,size:h}}draw(){const t=this._cachedMeta,e=t.vScale,i=t.data,s=i.length;let n=0;for(;n<s;++n)null===this.getParsed(n)[e.axis]||i[n].hidden||i[n].draw(this._ctx)}},BubbleController:class extends js{static id="bubble";static defaults={datasetElementType:!1,dataElementType:"point",animations:{numbers:{type:"number",properties:["x","y","borderWidth","radius"]}}};static overrides={scales:{x:{type:"linear"},y:{type:"linear"}}};initialize(){this.enableOptionSharing=!0,super.initialize()}parsePrimitiveData(t,e,i,s){const n=super.parsePrimitiveData(t,e,i,s);for(let t=0;t<n.length;t++)n[t]._custom=this.resolveDataElementOptions(t+i).radius;return n}parseArrayData(t,e,i,s){const n=super.parseArrayData(t,e,i,s);for(let t=0;t<n.length;t++){const s=e[i+t];n[t]._custom=l(s[2],this.resolveDataElementOptions(t+i).radius)}return n}parseObjectData(t,e,i,s){const n=super.parseObjectData(t,e,i,s);for(let t=0;t<n.length;t++){const s=e[i+t];n[t]._custom=l(s&&s.r&&+s.r,this.resolveDataElementOptions(t+i).radius)}return n}getMaxOverflow(){const t=this._cachedMeta.data;let e=0;for(let i=t.length-1;i>=0;--i)e=Math.max(e,t[i].size(this.resolveDataElementOptions(i))/2);return e>0&&e}getLabelAndValue(t){const e=this._cachedMeta,i=this.chart.data.labels||[],{xScale:s,yScale:n}=e,o=this.getParsed(t),a=s.getLabelForValue(o.x),r=n.getLabelForValue(o.y),l=o._custom;return{label:i[t]||"",value:"("+a+", "+r+(l?", "+l:"")+")"}}update(t){const e=this._cachedMeta.data;this.updateElements(e,0,e.length,t)}updateElements(t,e,i,s){const n="reset"===s,{iScale:o,vScale:a}=this._cachedMeta,{sharedOptions:r,includeOptions:l}=this._getSharedOptions(e,s),h=o.axis,c=a.axis;for(let d=e;d<e+i;d++){const e=t[d],i=!n&&this.getParsed(d),u={},f=u[h]=n?o.getPixelForDecimal(.5):o.getPixelForValue(i[h]),g=u[c]=n?a.getBasePixel():a.getPixelForValue(i[c]);u.skip=isNaN(f)||isNaN(g),l&&(u.options=r||this.resolveDataElementOptions(d,e.active?"active":s),n&&(u.options.radius=0)),this.updateElement(e,d,u,s)}}resolveDataElementOptions(t,e){const i=this.getParsed(t);let s=super.resolveDataElementOptions(t,e);s.$shared&&(s=Object.assign({},s,{$shared:!1}));const n=s.radius;return"active"!==e&&(s.radius=0),s.radius+=l(i&&i._custom,n),s}},DoughnutController:$n,LineController:class extends js{static id="line";static defaults={datasetElementType:"line",dataElementType:"point",showLine:!0,spanGaps:!1};static overrides={scales:{_index_:{type:"category"},_value_:{type:"linear"}}};initialize(){this.enableOptionSharing=!0,this.supportsDecimation=!0,super.initialize()}update(t){const e=this._cachedMeta,{dataset:i,data:s=[],_dataset:n}=e,o=this.chart._animationsDisabled;let{start:a,count:r}=pt(e,s,o);this._drawStart=a,this._drawCount=r,mt(e)&&(a=0,r=s.length),i._chart=this.chart,i._datasetIndex=this.index,i._decimated=!!n._decimated,i.points=s;const l=this.resolveDatasetElementOptions(t);this.options.showLine||(l.borderWidth=0),l.segment=this.options.segment,this.updateElement(i,void 0,{animated:!o,options:l},t),this.updateElements(s,a,r,t)}updateElements(t,e,i,n){const o="reset"===n,{iScale:a,vScale:r,_stacked:l,_dataset:h}=this._cachedMeta,{sharedOptions:c,includeOptions:d}=this._getSharedOptions(e,n),u=a.axis,f=r.axis,{spanGaps:g,segment:p}=this.options,m=N(g)?g:Number.POSITIVE_INFINITY,x=this.chart._animationsDisabled||o||"none"===n,b=e+i,_=t.length;let y=e>0&&this.getParsed(e-1);for(let i=0;i<_;++i){const g=t[i],_=x?g:{};if(i<e||i>=b){_.skip=!0;continue}const v=this.getParsed(i),M=s(v[f]),w=_[u]=a.getPixelForValue(v[u],i),k=_[f]=o||M?r.getBasePixel():r.getPixelForValue(l?this.applyStack(r,v,l):v[f],i);_.skip=isNaN(w)||isNaN(k)||M,_.stop=i>0&&Math.abs(v[u]-y[u])>m,p&&(_.parsed=v,_.raw=h.data[i]),d&&(_.options=c||this.resolveDataElementOptions(i,g.active?"active":n)),x||this.updateElement(g,i,_,n),y=v}}getMaxOverflow(){const t=this._cachedMeta,e=t.dataset,i=e.options&&e.options.borderWidth||0,s=t.data||[];if(!s.length)return i;const n=s[0].size(this.resolveDataElementOptions(0)),o=s[s.length-1].size(this.resolveDataElementOptions(s.length-1));return Math.max(i,n,o)/2}draw(){const t=this._cachedMeta;t.dataset.updateControlPoints(this.chart.chartArea,t.iScale.axis),super.draw()}},PieController:class extends $n{static id="pie";static defaults={cutout:0,rotation:0,circumference:360,radius:"100%"}},PolarAreaController:Yn,RadarController:class extends js{static id="radar";static defaults={datasetElementType:"line",dataElementType:"point",indexAxis:"r",showLine:!0,elements:{line:{fill:"start"}}};static overrides={aspectRatio:1,scales:{r:{type:"radialLinear"}}};getLabelAndValue(t){const e=this._cachedMeta.vScale,i=this.getParsed(t);return{label:e.getLabels()[t],value:""+e.getLabelForValue(i[e.axis])}}parseObjectData(t,e,i,s){return ii.bind(this)(t,e,i,s)}update(t){const e=this._cachedMeta,i=e.dataset,s=e.data||[],n=e.iScale.getLabels();if(i.points=s,"resize"!==t){const e=this.resolveDatasetElementOptions(t);this.options.showLine||(e.borderWidth=0);const o={_loop:!0,_fullLoop:n.length===s.length,options:e};this.updateElement(i,void 0,o,t)}this.updateElements(s,0,s.length,t)}updateElements(t,e,i,s){const n=this._cachedMeta.rScale,o="reset"===s;for(let a=e;a<e+i;a++){const e=t[a],i=this.resolveDataElementOptions(a,e.active?"active":s),r=n.getPointPositionForValue(a,this.getParsed(a).r),l=o?n.xCenter:r.x,h=o?n.yCenter:r.y,c={x:l,y:h,angle:r.angle,skip:isNaN(l)||isNaN(h),options:i};this.updateElement(e,a,c,s)}}},ScatterController:class extends js{static id="scatter";static defaults={datasetElementType:!1,dataElementType:"point",showLine:!1,fill:!1};static overrides={interaction:{mode:"point"},scales:{x:{type:"linear"},y:{type:"linear"}}};getLabelAndValue(t){const e=this._cachedMeta,i=this.chart.data.labels||[],{xScale:s,yScale:n}=e,o=this.getParsed(t),a=s.getLabelForValue(o.x),r=n.getLabelForValue(o.y);return{label:i[t]||"",value:"("+a+", "+r+")"}}update(t){const e=this._cachedMeta,{data:i=[]}=e,s=this.chart._animationsDisabled;let{start:n,count:o}=pt(e,i,s);if(this._drawStart=n,this._drawCount=o,mt(e)&&(n=0,o=i.length),this.options.showLine){this.datasetElementType||this.addElements();const{dataset:n,_dataset:o}=e;n._chart=this.chart,n._datasetIndex=this.index,n._decimated=!!o._decimated,n.points=i;const a=this.resolveDatasetElementOptions(t);a.segment=this.options.segment,this.updateElement(n,void 0,{animated:!s,options:a},t)}else this.datasetElementType&&(delete e.dataset,this.datasetElementType=!1);this.updateElements(i,n,o,t)}addElements(){const{showLine:t}=this.options;!this.datasetElementType&&t&&(this.datasetElementType=this.chart.registry.getElement("line")),super.addElements()}updateElements(t,e,i,n){const o="reset"===n,{iScale:a,vScale:r,_stacked:l,_dataset:h}=this._cachedMeta,c=this.resolveDataElementOptions(e,n),d=this.getSharedOptions(c),u=this.includeOptions(n,d),f=a.axis,g=r.axis,{spanGaps:p,segment:m}=this.options,x=N(p)?p:Number.POSITIVE_INFINITY,b=this.chart._animationsDisabled||o||"none"===n;let _=e>0&&this.getParsed(e-1);for(let c=e;c<e+i;++c){const e=t[c],i=this.getParsed(c),p=b?e:{},y=s(i[g]),v=p[f]=a.getPixelForValue(i[f],c),M=p[g]=o||y?r.getBasePixel():r.getPixelForValue(l?this.applyStack(r,i,l):i[g],c);p.skip=isNaN(v)||isNaN(M)||y,p.stop=c>0&&Math.abs(i[f]-_[f])>x,m&&(p.parsed=i,p.raw=h.data[c]),u&&(p.options=d||this.resolveDataElementOptions(c,e.active?"active":n)),b||this.updateElement(e,c,p,n),_=i}this.updateSharedOptions(d,n,c)}getMaxOverflow(){const t=this._cachedMeta,e=t.data||[];if(!this.options.showLine){let t=0;for(let i=e.length-1;i>=0;--i)t=Math.max(t,e[i].size(this.resolveDataElementOptions(i))/2);return t>0&&t}const i=t.dataset,s=i.options&&i.options.borderWidth||0;if(!e.length)return s;const n=e[0].size(this.resolveDataElementOptions(0)),o=e[e.length-1].size(this.resolveDataElementOptions(e.length-1));return Math.max(s,n,o)/2}}});function Xn(t,e,i,s){const n=vi(t.options.borderRadius,["outerStart","outerEnd","innerStart","innerEnd"]);const o=(i-e)/2,a=Math.min(o,s*e/2),r=t=>{const e=(i-Math.min(o,t))*s/2;return Z(t,0,Math.min(o,e))};return{outerStart:r(n.outerStart),outerEnd:r(n.outerEnd),innerStart:Z(n.innerStart,0,a),innerEnd:Z(n.innerEnd,0,a)}}function qn(t,e,i,s){return{x:i+t*Math.cos(e),y:s+t*Math.sin(e)}}function Kn(t,e,i,s,n,o){const{x:a,y:r,startAngle:l,pixelMargin:h,innerRadius:c}=e,d=Math.max(e.outerRadius+s+i-h,0),u=c>0?c+s+i+h:0;let f=0;const g=n-l;if(s){const t=((c>0?c-s:0)+(d>0?d-s:0))/2;f=(g-(0!==t?g*t/(t+s):g))/2}const p=(g-Math.max(.001,g*d-i/C)/d)/2,m=l+p+f,x=n-p-f,{outerStart:b,outerEnd:_,innerStart:y,innerEnd:v}=Xn(e,u,d,x-m),M=d-b,w=d-_,k=m+b/M,S=x-_/w,P=u+y,D=u+v,O=m+y/P,A=x-v/D;if(t.beginPath(),o){const e=(k+S)/2;if(t.arc(a,r,d,k,e),t.arc(a,r,d,e,S),_>0){const e=qn(w,S,a,r);t.arc(e.x,e.y,_,S,x+E)}const i=qn(D,x,a,r);if(t.lineTo(i.x,i.y),v>0){const e=qn(D,A,a,r);t.arc(e.x,e.y,v,x+E,A+Math.PI)}const s=(x-v/u+(m+y/u))/2;if(t.arc(a,r,u,x-v/u,s,!0),t.arc(a,r,u,s,m+y/u,!0),y>0){const e=qn(P,O,a,r);t.arc(e.x,e.y,y,O+Math.PI,m-E)}const n=qn(M,m,a,r);if(t.lineTo(n.x,n.y),b>0){const e=qn(M,k,a,r);t.arc(e.x,e.y,b,m-E,k)}}else{t.moveTo(a,r);const e=Math.cos(k)*d+a,i=Math.sin(k)*d+r;t.lineTo(e,i);const s=Math.cos(S)*d+a,n=Math.sin(S)*d+r;t.lineTo(s,n)}t.closePath()}function Gn(t,e,i,s,n){const{fullCircles:o,startAngle:a,circumference:r,options:l}=e,{borderWidth:h,borderJoinStyle:c,borderDash:d,borderDashOffset:u,borderRadius:f}=l,g="inner"===l.borderAlign;if(!h)return;t.setLineDash(d||[]),t.lineDashOffset=u,g?(t.lineWidth=2*h,t.lineJoin=c||"round"):(t.lineWidth=h,t.lineJoin=c||"bevel");let p=e.endAngle;if(o){Kn(t,e,i,s,p,n);for(let e=0;e<o;++e)t.stroke();isNaN(r)||(p=a+(r%O||O))}g&&function(t,e,i){const{startAngle:s,pixelMargin:n,x:o,y:a,outerRadius:r,innerRadius:l}=e;let h=n/r;t.beginPath(),t.arc(o,a,r,s-h,i+h),l>n?(h=n/l,t.arc(o,a,l,i+h,s-h,!0)):t.arc(o,a,n,i+E,s-E),t.closePath(),t.clip()}(t,e,p),l.selfJoin&&p-a>=C&&0===f&&"miter"!==c&&function(t,e,i){const{startAngle:s,x:n,y:o,outerRadius:a,innerRadius:r,options:l}=e,{borderWidth:h,borderJoinStyle:c}=l,d=Math.min(h/a,G(s-i));if(t.beginPath(),t.arc(n,o,a-h/2,s+d/2,i-d/2),r>0){const e=Math.min(h/r,G(s-i));t.arc(n,o,r+h/2,i-e/2,s+e/2,!0)}else{const e=Math.min(h/2,a*G(s-i));if("round"===c)t.arc(n,o,e,i-C/2,s+C/2,!0);else if("bevel"===c){const a=2*e*e,r=-a*Math.cos(i+C/2)+n,l=-a*Math.sin(i+C/2)+o,h=a*Math.cos(s+C/2)+n,c=a*Math.sin(s+C/2)+o;t.lineTo(r,l),t.lineTo(h,c)}}t.closePath(),t.moveTo(0,0),t.rect(0,0,t.canvas.width,t.canvas.height),t.clip("evenodd")}(t,e,p),o||(Kn(t,e,i,s,p,n),t.stroke())}function Jn(t,e,i=e){t.lineCap=l(i.borderCapStyle,e.borderCapStyle),t.setLineDash(l(i.borderDash,e.borderDash)),t.lineDashOffset=l(i.borderDashOffset,e.borderDashOffset),t.lineJoin=l(i.borderJoinStyle,e.borderJoinStyle),t.lineWidth=l(i.borderWidth,e.borderWidth),t.strokeStyle=l(i.borderColor,e.borderColor)}function Zn(t,e,i){t.lineTo(i.x,i.y)}function Qn(t,e,i={}){const s=t.length,{start:n=0,end:o=s-1}=i,{start:a,end:r}=e,l=Math.max(n,a),h=Math.min(o,r),c=n<a&&o<a||n>r&&o>r;return{count:s,start:l,loop:e.loop,ilen:h<l&&!c?s+h-l:h-l}}function to(t,e,i,s){const{points:n,options:o}=e,{count:a,start:r,loop:l,ilen:h}=Qn(n,i,s),c=function(t){return t.stepped?Fe:t.tension||"monotone"===t.cubicInterpolationMode?Ve:Zn}(o);let d,u,f,{move:g=!0,reverse:p}=s||{};for(d=0;d<=h;++d)u=n[(r+(p?h-d:d))%a],u.skip||(g?(t.moveTo(u.x,u.y),g=!1):c(t,f,u,p,o.stepped),f=u);return l&&(u=n[(r+(p?h:0))%a],c(t,f,u,p,o.stepped)),!!l}function eo(t,e,i,s){const n=e.points,{count:o,start:a,ilen:r}=Qn(n,i,s),{move:l=!0,reverse:h}=s||{};let c,d,u,f,g,p,m=0,x=0;const b=t=>(a+(h?r-t:t))%o,_=()=>{f!==g&&(t.lineTo(m,g),t.lineTo(m,f),t.lineTo(m,p))};for(l&&(d=n[b(0)],t.moveTo(d.x,d.y)),c=0;c<=r;++c){if(d=n[b(c)],d.skip)continue;const e=d.x,i=d.y,s=0|e;s===u?(i<f?f=i:i>g&&(g=i),m=(x*m+e)/++x):(_(),t.lineTo(e,i),u=s,x=0,f=g=i),p=i}_()}function io(t){const e=t.options,i=e.borderDash&&e.borderDash.length;return!(t._decimated||t._loop||e.tension||"monotone"===e.cubicInterpolationMode||e.stepped||i)?eo:to}const so="function"==typeof Path2D;function no(t,e,i,s){so&&!e.options.segment?function(t,e,i,s){let n=e._path;n||(n=e._path=new Path2D,e.path(n,i,s)&&n.closePath()),Jn(t,e.options),t.stroke(n)}(t,e,i,s):function(t,e,i,s){const{segments:n,options:o}=e,a=io(e);for(const r of n)Jn(t,o,r.style),t.beginPath(),a(t,e,r,{start:i,end:i+s-1})&&t.closePath(),t.stroke()}(t,e,i,s)}class oo extends $s{static id="line";static defaults={borderCapStyle:"butt",borderDash:[],borderDashOffset:0,borderJoinStyle:"miter",borderWidth:3,capBezierPoints:!0,cubicInterpolationMode:"default",fill:!1,spanGaps:!1,stepped:!1,tension:0};static defaultRoutes={backgroundColor:"backgroundColor",borderColor:"borderColor"};static descriptors={_scriptable:!0,_indexable:t=>"borderDash"!==t&&"fill"!==t};constructor(t){super(),this.animated=!0,this.options=void 0,this._chart=void 0,this._loop=void 0,this._fullLoop=void 0,this._path=void 0,this._points=void 0,this._segments=void 0,this._decimated=!1,this._pointsUpdated=!1,this._datasetIndex=void 0,t&&Object.assign(this,t)}updateControlPoints(t,e){const i=this.options;if((i.tension||"monotone"===i.cubicInterpolationMode)&&!i.stepped&&!this._pointsUpdated){const s=i.spanGaps?this._loop:this._fullLoop;hi(this._points,i,t,s,e),this._pointsUpdated=!0}}set points(t){this._points=t,delete this._segments,delete this._path,this._pointsUpdated=!1}get points(){return this._points}get segments(){return this._segments||(this._segments=zi(this,this.options.segment))}first(){const t=this.segments,e=this.points;return t.length&&e[t[0].start]}last(){const t=this.segments,e=this.points,i=t.length;return i&&e[t[i-1].end]}interpolate(t,e){const i=this.options,s=t[e],n=this.points,o=Ii(this,{property:e,start:s,end:s});if(!o.length)return;const a=[],r=function(t){return t.stepped?pi:t.tension||"monotone"===t.cubicInterpolationMode?mi:gi}(i);let l,h;for(l=0,h=o.length;l<h;++l){const{start:h,end:c}=o[l],d=n[h],u=n[c];if(d===u){a.push(d);continue}const f=r(d,u,Math.abs((s-d[e])/(u[e]-d[e])),i.stepped);f[e]=t[e],a.push(f)}return 1===a.length?a[0]:a}pathSegment(t,e,i){return io(this)(t,this,e,i)}path(t,e,i){const s=this.segments,n=io(this);let o=this._loop;e=e||0,i=i||this.points.length-e;for(const a of s)o&=n(t,this,a,{start:e,end:e+i-1});return!!o}draw(t,e,i,s){const n=this.options||{};(this.points||[]).length&&n.borderWidth&&(t.save(),no(t,this,i,s),t.restore()),this.animated&&(this._pointsUpdated=!1,this._path=void 0)}}function ao(t,e,i,s){const n=t.options,{[i]:o}=t.getProps([i],s);return Math.abs(e-o)<n.radius+n.hitRadius}function ro(t,e){const{x:i,y:s,base:n,width:o,height:a}=t.getProps(["x","y","base","width","height"],e);let r,l,h,c,d;return t.horizontal?(d=a/2,r=Math.min(i,n),l=Math.max(i,n),h=s-d,c=s+d):(d=o/2,r=i-d,l=i+d,h=Math.min(s,n),c=Math.max(s,n)),{left:r,top:h,right:l,bottom:c}}function lo(t,e,i,s){return t?0:Z(e,i,s)}function ho(t){const e=ro(t),i=e.right-e.left,s=e.bottom-e.top,n=function(t,e,i){const s=t.options.borderWidth,n=t.borderSkipped,o=Mi(s);return{t:lo(n.top,o.top,0,i),r:lo(n.right,o.right,0,e),b:lo(n.bottom,o.bottom,0,i),l:lo(n.left,o.left,0,e)}}(t,i/2,s/2),a=function(t,e,i){const{enableBorderRadius:s}=t.getProps(["enableBorderRadius"]),n=t.options.borderRadius,a=wi(n),r=Math.min(e,i),l=t.borderSkipped,h=s||o(n);return{topLeft:lo(!h||l.top||l.left,a.topLeft,0,r),topRight:lo(!h||l.top||l.right,a.topRight,0,r),bottomLeft:lo(!h||l.bottom||l.left,a.bottomLeft,0,r),bottomRight:lo(!h||l.bottom||l.right,a.bottomRight,0,r)}}(t,i/2,s/2);return{outer:{x:e.left,y:e.top,w:i,h:s,radius:a},inner:{x:e.left+n.l,y:e.top+n.t,w:i-n.l-n.r,h:s-n.t-n.b,radius:{topLeft:Math.max(0,a.topLeft-Math.max(n.t,n.l)),topRight:Math.max(0,a.topRight-Math.max(n.t,n.r)),bottomLeft:Math.max(0,a.bottomLeft-Math.max(n.b,n.l)),bottomRight:Math.max(0,a.bottomRight-Math.max(n.b,n.r))}}}}function co(t,e,i,s){const n=null===e,o=null===i,a=t&&!(n&&o)&&ro(t,s);return a&&(n||tt(e,a.left,a.right))&&(o||tt(i,a.top,a.bottom))}function uo(t,e){t.rect(e.x,e.y,e.w,e.h)}function fo(t,e,i={}){const s=t.x!==i.x?-e:0,n=t.y!==i.y?-e:0,o=(t.x+t.w!==i.x+i.w?e:0)-s,a=(t.y+t.h!==i.y+i.h?e:0)-n;return{x:t.x+s,y:t.y+n,w:t.w+o,h:t.h+a,radius:t.radius}}var go=Object.freeze({__proto__:null,ArcElement:class extends $s{static id="arc";static defaults={borderAlign:"center",borderColor:"#fff",borderDash:[],borderDashOffset:0,borderJoinStyle:void 0,borderRadius:0,borderWidth:2,offset:0,spacing:0,angle:void 0,circular:!0,selfJoin:!1};static defaultRoutes={backgroundColor:"backgroundColor"};static descriptors={_scriptable:!0,_indexable:t=>"borderDash"!==t};circumference;endAngle;fullCircles;innerRadius;outerRadius;pixelMargin;startAngle;constructor(t){super(),this.options=void 0,this.circumference=void 0,this.startAngle=void 0,this.endAngle=void 0,this.innerRadius=void 0,this.outerRadius=void 0,this.pixelMargin=0,this.fullCircles=0,t&&Object.assign(this,t)}inRange(t,e,i){const s=this.getProps(["x","y"],i),{angle:n,distance:o}=X(s,{x:t,y:e}),{startAngle:a,endAngle:r,innerRadius:h,outerRadius:c,circumference:d}=this.getProps(["startAngle","endAngle","innerRadius","outerRadius","circumference"],i),u=(this.options.spacing+this.options.borderWidth)/2,f=l(d,r-a),g=J(n,a,r)&&a!==r,p=f>=O||g,m=tt(o,h+u,c+u);return p&&m}getCenterPoint(t){const{x:e,y:i,startAngle:s,endAngle:n,innerRadius:o,outerRadius:a}=this.getProps(["x","y","startAngle","endAngle","innerRadius","outerRadius"],t),{offset:r,spacing:l}=this.options,h=(s+n)/2,c=(o+a+l+r)/2;return{x:e+Math.cos(h)*c,y:i+Math.sin(h)*c}}tooltipPosition(t){return this.getCenterPoint(t)}draw(t){const{options:e,circumference:i}=this,s=(e.offset||0)/4,n=(e.spacing||0)/2,o=e.circular;if(this.pixelMargin="inner"===e.borderAlign?.33:0,this.fullCircles=i>O?Math.floor(i/O):0,0===i||this.innerRadius<0||this.outerRadius<0)return;t.save();const a=(this.startAngle+this.endAngle)/2;t.translate(Math.cos(a)*s,Math.sin(a)*s);const r=s*(1-Math.sin(Math.min(C,i||0)));t.fillStyle=e.backgroundColor,t.strokeStyle=e.borderColor,function(t,e,i,s,n){const{fullCircles:o,startAngle:a,circumference:r}=e;let l=e.endAngle;if(o){Kn(t,e,i,s,l,n);for(let e=0;e<o;++e)t.fill();isNaN(r)||(l=a+(r%O||O))}Kn(t,e,i,s,l,n),t.fill()}(t,this,r,n,o),Gn(t,this,r,n,o),t.restore()}},BarElement:class extends $s{static id="bar";static defaults={borderSkipped:"start",borderWidth:0,borderRadius:0,inflateAmount:"auto",pointStyle:void 0};static defaultRoutes={backgroundColor:"backgroundColor",borderColor:"borderColor"};constructor(t){super(),this.options=void 0,this.horizontal=void 0,this.base=void 0,this.width=void 0,this.height=void 0,this.inflateAmount=void 0,t&&Object.assign(this,t)}draw(t){const{inflateAmount:e,options:{borderColor:i,backgroundColor:s}}=this,{inner:n,outer:o}=ho(this),a=(r=o.radius).topLeft||r.topRight||r.bottomLeft||r.bottomRight?He:uo;var r;t.save(),o.w===n.w&&o.h===n.h||(t.beginPath(),a(t,fo(o,e,n)),t.clip(),a(t,fo(n,-e,o)),t.fillStyle=i,t.fill("evenodd")),t.beginPath(),a(t,fo(n,e)),t.fillStyle=s,t.fill(),t.restore()}inRange(t,e,i){return co(this,t,e,i)}inXRange(t,e){return co(this,t,null,e)}inYRange(t,e){return co(this,null,t,e)}getCenterPoint(t){const{x:e,y:i,base:s,horizontal:n}=this.getProps(["x","y","base","horizontal"],t);return{x:n?(e+s)/2:e,y:n?i:(i+s)/2}}getRange(t){return"x"===t?this.width/2:this.height/2}},LineElement:oo,PointElement:class extends $s{static id="point";parsed;skip;stop;static defaults={borderWidth:1,hitRadius:1,hoverBorderWidth:1,hoverRadius:4,pointStyle:"circle",radius:3,rotation:0};static defaultRoutes={backgroundColor:"backgroundColor",borderColor:"borderColor"};constructor(t){super(),this.options=void 0,this.parsed=void 0,this.skip=void 0,this.stop=void 0,t&&Object.assign(this,t)}inRange(t,e,i){const s=this.options,{x:n,y:o}=this.getProps(["x","y"],i);return Math.pow(t-n,2)+Math.pow(e-o,2)<Math.pow(s.hitRadius+s.radius,2)}inXRange(t,e){return ao(this,t,"x",e)}inYRange(t,e){return ao(this,t,"y",e)}getCenterPoint(t){const{x:e,y:i}=this.getProps(["x","y"],t);return{x:e,y:i}}size(t){let e=(t=t||this.options||{}).radius||0;e=Math.max(e,e&&t.hoverRadius||0);return 2*(e+(e&&t.borderWidth||0))}draw(t,e){const i=this.options;this.skip||i.radius<.1||!Re(this,e,this.size(i)/2)||(t.strokeStyle=i.borderColor,t.lineWidth=i.borderWidth,t.fillStyle=i.backgroundColor,Le(t,i,this.x,this.y))}getRange(){const t=this.options||{};return t.radius+t.hitRadius}}});function po(t,e,i,s){const n=t.indexOf(e);if(-1===n)return((t,e,i,s)=>("string"==typeof e?(i=t.push(e)-1,s.unshift({index:i,label:e})):isNaN(e)&&(i=null),i))(t,e,i,s);return n!==t.lastIndexOf(e)?i:n}function mo(t){const e=this.getLabels();return t>=0&&t<e.length?e[t]:t}function xo(t,e,{horizontal:i,minRotation:s}){const n=$(s),o=(i?Math.sin(n):Math.cos(n))||.001,a=.75*e*(""+t).length;return Math.min(e/o,a)}class bo extends tn{constructor(t){super(t),this.start=void 0,this.end=void 0,this._startValue=void 0,this._endValue=void 0,this._valueRange=0}parse(t,e){return s(t)||("number"==typeof t||t instanceof Number)&&!isFinite(+t)?null:+t}handleTickRangeOptions(){const{beginAtZero:t}=this.options,{minDefined:e,maxDefined:i}=this.getUserBounds();let{min:s,max:n}=this;const o=t=>s=e?s:t,a=t=>n=i?n:t;if(t){const t=F(s),e=F(n);t<0&&e<0?a(0):t>0&&e>0&&o(0)}if(s===n){let e=0===n?1:Math.abs(.05*n);a(n+e),t||o(s-e)}this.min=s,this.max=n}getTickLimit(){const t=this.options.ticks;let e,{maxTicksLimit:i,stepSize:s}=t;return s?(e=Math.ceil(this.max/s)-Math.floor(this.min/s)+1,e>1e3&&(console.warn(`scales.${this.id}.ticks.stepSize: ${s} would result generating up to ${e} ticks. Limiting to 1000.`),e=1e3)):(e=this.computeTickLimit(),i=i||11),i&&(e=Math.min(i,e)),e}computeTickLimit(){return Number.POSITIVE_INFINITY}buildTicks(){const t=this.options,e=t.ticks;let i=this.getTickLimit();i=Math.max(2,i);const n=function(t,e){const i=[],{bounds:n,step:o,min:a,max:r,precision:l,count:h,maxTicks:c,maxDigits:d,includeBounds:u}=t,f=o||1,g=c-1,{min:p,max:m}=e,x=!s(a),b=!s(r),_=!s(h),y=(m-p)/(d+1);let v,M,w,k,S=B((m-p)/g/f)*f;if(S<1e-14&&!x&&!b)return[{value:p},{value:m}];k=Math.ceil(m/S)-Math.floor(p/S),k>g&&(S=B(k*S/g/f)*f),s(l)||(v=Math.pow(10,l),S=Math.ceil(S*v)/v),"ticks"===n?(M=Math.floor(p/S)*S,w=Math.ceil(m/S)*S):(M=p,w=m),x&&b&&o&&H((r-a)/o,S/1e3)?(k=Math.round(Math.min((r-a)/S,c)),S=(r-a)/k,M=a,w=r):_?(M=x?a:M,w=b?r:w,k=h-1,S=(w-M)/k):(k=(w-M)/S,k=V(k,Math.round(k),S/1e3)?Math.round(k):Math.ceil(k));const P=Math.max(U(S),U(M));v=Math.pow(10,s(l)?P:l),M=Math.round(M*v)/v,w=Math.round(w*v)/v;let D=0;for(x&&(u&&M!==a?(i.push({value:a}),M<a&&D++,V(Math.round((M+D*S)*v)/v,a,xo(a,y,t))&&D++):M<a&&D++);D<k;++D){const t=Math.round((M+D*S)*v)/v;if(b&&t>r)break;i.push({value:t})}return b&&u&&w!==r?i.length&&V(i[i.length-1].value,r,xo(r,y,t))?i[i.length-1].value=r:i.push({value:r}):b&&w!==r||i.push({value:w}),i}({maxTicks:i,bounds:t.bounds,min:t.min,max:t.max,precision:e.precision,step:e.stepSize,count:e.count,maxDigits:this._maxDigits(),horizontal:this.isHorizontal(),minRotation:e.minRotation||0,includeBounds:!1!==e.includeBounds},this._range||this);return"ticks"===t.bounds&&j(n,this,"value"),t.reverse?(n.reverse(),this.start=this.max,this.end=this.min):(this.start=this.min,this.end=this.max),n}configure(){const t=this.ticks;let e=this.min,i=this.max;if(super.configure(),this.options.offset&&t.length){const s=(i-e)/Math.max(t.length-1,1)/2;e-=s,i+=s}this._startValue=e,this._endValue=i,this._valueRange=i-e}getLabelForValue(t){return ne(t,this.chart.options.locale,this.options.ticks.format)}}class _o extends bo{static id="linear";static defaults={ticks:{callback:ae.formatters.numeric}};determineDataLimits(){const{min:t,max:e}=this.getMinMax(!0);this.min=a(t)?t:0,this.max=a(e)?e:1,this.handleTickRangeOptions()}computeTickLimit(){const t=this.isHorizontal(),e=t?this.width:this.height,i=$(this.options.ticks.minRotation),s=(t?Math.sin(i):Math.cos(i))||.001,n=this._resolveTickFontOptions(0);return Math.ceil(e/Math.min(40,n.lineHeight/s))}getPixelForValue(t){return null===t?NaN:this.getPixelForDecimal((t-this._startValue)/this._valueRange)}getValueForPixel(t){return this._startValue+this.getDecimalForPixel(t)*this._valueRange}}const yo=t=>Math.floor(z(t)),vo=(t,e)=>Math.pow(10,yo(t)+e);function Mo(t){return 1===t/Math.pow(10,yo(t))}function wo(t,e,i){const s=Math.pow(10,i),n=Math.floor(t/s);return Math.ceil(e/s)-n}function ko(t,{min:e,max:i}){e=r(t.min,e);const s=[],n=yo(e);let o=function(t,e){let i=yo(e-t);for(;wo(t,e,i)>10;)i++;for(;wo(t,e,i)<10;)i--;return Math.min(i,yo(t))}(e,i),a=o<0?Math.pow(10,Math.abs(o)):1;const l=Math.pow(10,o),h=n>o?Math.pow(10,n):0,c=Math.round((e-h)*a)/a,d=Math.floor((e-h)/l/10)*l*10;let u=Math.floor((c-d)/Math.pow(10,o)),f=r(t.min,Math.round((h+d+u*Math.pow(10,o))*a)/a);for(;f<i;)s.push({value:f,major:Mo(f),significand:u}),u>=10?u=u<15?15:20:u++,u>=20&&(o++,u=2,a=o>=0?1:a),f=Math.round((h+d+u*Math.pow(10,o))*a)/a;const g=r(t.max,f);return s.push({value:g,major:Mo(g),significand:u}),s}class So extends tn{static id="logarithmic";static defaults={ticks:{callback:ae.formatters.logarithmic,major:{enabled:!0}}};constructor(t){super(t),this.start=void 0,this.end=void 0,this._startValue=void 0,this._valueRange=0}parse(t,e){const i=bo.prototype.parse.apply(this,[t,e]);if(0!==i)return a(i)&&i>0?i:null;this._zero=!0}determineDataLimits(){const{min:t,max:e}=this.getMinMax(!0);this.min=a(t)?Math.max(0,t):null,this.max=a(e)?Math.max(0,e):null,this.options.beginAtZero&&(this._zero=!0),this._zero&&this.min!==this._suggestedMin&&!a(this._userMin)&&(this.min=t===vo(this.min,0)?vo(this.min,-1):vo(this.min,0)),this.handleTickRangeOptions()}handleTickRangeOptions(){const{minDefined:t,maxDefined:e}=this.getUserBounds();let i=this.min,s=this.max;const n=e=>i=t?i:e,o=t=>s=e?s:t;i===s&&(i<=0?(n(1),o(10)):(n(vo(i,-1)),o(vo(s,1)))),i<=0&&n(vo(s,-1)),s<=0&&o(vo(i,1)),this.min=i,this.max=s}buildTicks(){const t=this.options,e=ko({min:this._userMin,max:this._userMax},this);return"ticks"===t.bounds&&j(e,this,"value"),t.reverse?(e.reverse(),this.start=this.max,this.end=this.min):(this.start=this.min,this.end=this.max),e}getLabelForValue(t){return void 0===t?"0":ne(t,this.chart.options.locale,this.options.ticks.format)}configure(){const t=this.min;super.configure(),this._startValue=z(t),this._valueRange=z(this.max)-z(t)}getPixelForValue(t){return void 0!==t&&0!==t||(t=this.min),null===t||isNaN(t)?NaN:this.getPixelForDecimal(t===this.min?0:(z(t)-this._startValue)/this._valueRange)}getValueForPixel(t){const e=this.getDecimalForPixel(t);return Math.pow(10,this._startValue+e*this._valueRange)}}function Po(t){const e=t.ticks;if(e.display&&t.display){const t=ki(e.backdropPadding);return l(e.font&&e.font.size,ue.font.size)+t.height}return 0}function Do(t,e,i,s,n){return t===s||t===n?{start:e-i/2,end:e+i/2}:t<s||t>n?{start:e-i,end:e}:{start:e,end:e+i}}function Co(t){const e={l:t.left+t._padding.left,r:t.right-t._padding.right,t:t.top+t._padding.top,b:t.bottom-t._padding.bottom},i=Object.assign({},e),s=[],o=[],a=t._pointLabels.length,r=t.options.pointLabels,l=r.centerPointLabels?C/a:0;for(let u=0;u<a;u++){const a=r.setContext(t.getPointLabelContext(u));o[u]=a.padding;const f=t.getPointPosition(u,t.drawingArea+o[u],l),g=Si(a.font),p=(h=t.ctx,c=g,d=n(d=t._pointLabels[u])?d:[d],{w:Oe(h,c.string,d),h:d.length*c.lineHeight});s[u]=p;const m=G(t.getIndexAngle(u)+l),x=Math.round(Y(m));Oo(i,e,m,Do(x,f.x,p.w,0,180),Do(x,f.y,p.h,90,270))}var h,c,d;t.setCenterPoint(e.l-i.l,i.r-e.r,e.t-i.t,i.b-e.b),t._pointLabelItems=function(t,e,i){const s=[],n=t._pointLabels.length,o=t.options,{centerPointLabels:a,display:r}=o.pointLabels,l={extra:Po(o)/2,additionalAngle:a?C/n:0};let h;for(let o=0;o<n;o++){l.padding=i[o],l.size=e[o];const n=Ao(t,o,l);s.push(n),"auto"===r&&(n.visible=To(n,h),n.visible&&(h=n))}return s}(t,s,o)}function Oo(t,e,i,s,n){const o=Math.abs(Math.sin(i)),a=Math.abs(Math.cos(i));let r=0,l=0;s.start<e.l?(r=(e.l-s.start)/o,t.l=Math.min(t.l,e.l-r)):s.end>e.r&&(r=(s.end-e.r)/o,t.r=Math.max(t.r,e.r+r)),n.start<e.t?(l=(e.t-n.start)/a,t.t=Math.min(t.t,e.t-l)):n.end>e.b&&(l=(n.end-e.b)/a,t.b=Math.max(t.b,e.b+l))}function Ao(t,e,i){const s=t.drawingArea,{extra:n,additionalAngle:o,padding:a,size:r}=i,l=t.getPointPosition(e,s+n+a,o),h=Math.round(Y(G(l.angle+E))),c=function(t,e,i){90===i||270===i?t-=e/2:(i>270||i<90)&&(t-=e);return t}(l.y,r.h,h),d=function(t){if(0===t||180===t)return"center";if(t<180)return"left";return"right"}(h),u=function(t,e,i){"right"===i?t-=e:"center"===i&&(t-=e/2);return t}(l.x,r.w,d);return{visible:!0,x:l.x,y:c,textAlign:d,left:u,top:c,right:u+r.w,bottom:c+r.h}}function To(t,e){if(!e)return!0;const{left:i,top:s,right:n,bottom:o}=t;return!(Re({x:i,y:s},e)||Re({x:i,y:o},e)||Re({x:n,y:s},e)||Re({x:n,y:o},e))}function Lo(t,e,i){const{left:n,top:o,right:a,bottom:r}=i,{backdropColor:l}=e;if(!s(l)){const i=wi(e.borderRadius),s=ki(e.backdropPadding);t.fillStyle=l;const h=n-s.left,c=o-s.top,d=a-n+s.width,u=r-o+s.height;Object.values(i).some((t=>0!==t))?(t.beginPath(),He(t,{x:h,y:c,w:d,h:u,radius:i}),t.fill()):t.fillRect(h,c,d,u)}}function Eo(t,e,i,s){const{ctx:n}=t;if(i)n.arc(t.xCenter,t.yCenter,e,0,O);else{let i=t.getPointPosition(0,e);n.moveTo(i.x,i.y);for(let o=1;o<s;o++)i=t.getPointPosition(o,e),n.lineTo(i.x,i.y)}}class Ro extends bo{static id="radialLinear";static defaults={display:!0,animate:!0,position:"chartArea",angleLines:{display:!0,lineWidth:1,borderDash:[],borderDashOffset:0},grid:{circular:!1},startAngle:0,ticks:{showLabelBackdrop:!0,callback:ae.formatters.numeric},pointLabels:{backdropColor:void 0,backdropPadding:2,display:!0,font:{size:10},callback:t=>t,padding:5,centerPointLabels:!1}};static defaultRoutes={"angleLines.color":"borderColor","pointLabels.color":"color","ticks.color":"color"};static descriptors={angleLines:{_fallback:"grid"}};constructor(t){super(t),this.xCenter=void 0,this.yCenter=void 0,this.drawingArea=void 0,this._pointLabels=[],this._pointLabelItems=[]}setDimensions(){const t=this._padding=ki(Po(this.options)/2),e=this.width=this.maxWidth-t.width,i=this.height=this.maxHeight-t.height;this.xCenter=Math.floor(this.left+e/2+t.left),this.yCenter=Math.floor(this.top+i/2+t.top),this.drawingArea=Math.floor(Math.min(e,i)/2)}determineDataLimits(){const{min:t,max:e}=this.getMinMax(!1);this.min=a(t)&&!isNaN(t)?t:0,this.max=a(e)&&!isNaN(e)?e:0,this.handleTickRangeOptions()}computeTickLimit(){return Math.ceil(this.drawingArea/Po(this.options))}generateTickLabels(t){bo.prototype.generateTickLabels.call(this,t),this._pointLabels=this.getLabels().map(((t,e)=>{const i=d(this.options.pointLabels.callback,[t,e],this);return i||0===i?i:""})).filter(((t,e)=>this.chart.getDataVisibility(e)))}fit(){const t=this.options;t.display&&t.pointLabels.display?Co(this):this.setCenterPoint(0,0,0,0)}setCenterPoint(t,e,i,s){this.xCenter+=Math.floor((t-e)/2),this.yCenter+=Math.floor((i-s)/2),this.drawingArea-=Math.min(this.drawingArea/2,Math.max(t,e,i,s))}getIndexAngle(t){return G(t*(O/(this._pointLabels.length||1))+$(this.options.startAngle||0))}getDistanceFromCenterForValue(t){if(s(t))return NaN;const e=this.drawingArea/(this.max-this.min);return this.options.reverse?(this.max-t)*e:(t-this.min)*e}getValueForDistanceFromCenter(t){if(s(t))return NaN;const e=t/(this.drawingArea/(this.max-this.min));return this.options.reverse?this.max-e:this.min+e}getPointLabelContext(t){const e=this._pointLabels||[];if(t>=0&&t<e.length){const i=e[t];return function(t,e,i){return Ci(t,{label:i,index:e,type:"pointLabel"})}(this.getContext(),t,i)}}getPointPosition(t,e,i=0){const s=this.getIndexAngle(t)-E+i;return{x:Math.cos(s)*e+this.xCenter,y:Math.sin(s)*e+this.yCenter,angle:s}}getPointPositionForValue(t,e){return this.getPointPosition(t,this.getDistanceFromCenterForValue(e))}getBasePosition(t){return this.getPointPositionForValue(t||0,this.getBaseValue())}getPointLabelPosition(t){const{left:e,top:i,right:s,bottom:n}=this._pointLabelItems[t];return{left:e,top:i,right:s,bottom:n}}drawBackground(){const{backgroundColor:t,grid:{circular:e}}=this.options;if(t){const i=this.ctx;i.save(),i.beginPath(),Eo(this,this.getDistanceFromCenterForValue(this._endValue),e,this._pointLabels.length),i.closePath(),i.fillStyle=t,i.fill(),i.restore()}}drawGrid(){const t=this.ctx,e=this.options,{angleLines:i,grid:s,border:n}=e,o=this._pointLabels.length;let a,r,l;if(e.pointLabels.display&&function(t,e){const{ctx:i,options:{pointLabels:s}}=t;for(let n=e-1;n>=0;n--){const e=t._pointLabelItems[n];if(!e.visible)continue;const o=s.setContext(t.getPointLabelContext(n));Lo(i,o,e);const a=Si(o.font),{x:r,y:l,textAlign:h}=e;Ne(i,t._pointLabels[n],r,l+a.lineHeight/2,a,{color:o.color,textAlign:h,textBaseline:"middle"})}}(this,o),s.display&&this.ticks.forEach(((t,e)=>{if(0!==e||0===e&&this.min<0){r=this.getDistanceFromCenterForValue(t.value);const i=this.getContext(e),a=s.setContext(i),l=n.setContext(i);!function(t,e,i,s,n){const o=t.ctx,a=e.circular,{color:r,lineWidth:l}=e;!a&&!s||!r||!l||i<0||(o.save(),o.strokeStyle=r,o.lineWidth=l,o.setLineDash(n.dash||[]),o.lineDashOffset=n.dashOffset,o.beginPath(),Eo(t,i,a,s),o.closePath(),o.stroke(),o.restore())}(this,a,r,o,l)}})),i.display){for(t.save(),a=o-1;a>=0;a--){const s=i.setContext(this.getPointLabelContext(a)),{color:n,lineWidth:o}=s;o&&n&&(t.lineWidth=o,t.strokeStyle=n,t.setLineDash(s.borderDash),t.lineDashOffset=s.borderDashOffset,r=this.getDistanceFromCenterForValue(e.reverse?this.min:this.max),l=this.getPointPosition(a,r),t.beginPath(),t.moveTo(this.xCenter,this.yCenter),t.lineTo(l.x,l.y),t.stroke())}t.restore()}}drawBorder(){}drawLabels(){const t=this.ctx,e=this.options,i=e.ticks;if(!i.display)return;const s=this.getIndexAngle(0);let n,o;t.save(),t.translate(this.xCenter,this.yCenter),t.rotate(s),t.textAlign="center",t.textBaseline="middle",this.ticks.forEach(((s,a)=>{if(0===a&&this.min>=0&&!e.reverse)return;const r=i.setContext(this.getContext(a)),l=Si(r.font);if(n=this.getDistanceFromCenterForValue(this.ticks[a].value),r.showLabelBackdrop){t.font=l.string,o=t.measureText(s.label).width,t.fillStyle=r.backdropColor;const e=ki(r.backdropPadding);t.fillRect(-o/2-e.left,-n-l.size/2-e.top,o+e.width,l.size+e.height)}Ne(t,s.label,0,-n,l,{color:r.color,strokeColor:r.textStrokeColor,strokeWidth:r.textStrokeWidth})})),t.restore()}drawTitle(){}}const Io={millisecond:{common:!0,size:1,steps:1e3},second:{common:!0,size:1e3,steps:60},minute:{common:!0,size:6e4,steps:60},hour:{common:!0,size:36e5,steps:24},day:{common:!0,size:864e5,steps:30},week:{common:!1,size:6048e5,steps:4},month:{common:!0,size:2628e6,steps:12},quarter:{common:!1,size:7884e6,steps:4},year:{common:!0,size:3154e7}},zo=Object.keys(Io);function Fo(t,e){return t-e}function Vo(t,e){if(s(e))return null;const i=t._adapter,{parser:n,round:o,isoWeekday:r}=t._parseOpts;let l=e;return"function"==typeof n&&(l=n(l)),a(l)||(l="string"==typeof n?i.parse(l,n):i.parse(l)),null===l?null:(o&&(l="week"!==o||!N(r)&&!0!==r?i.startOf(l,o):i.startOf(l,"isoWeek",r)),+l)}function Bo(t,e,i,s){const n=zo.length;for(let o=zo.indexOf(t);o<n-1;++o){const t=Io[zo[o]],n=t.steps?t.steps:Number.MAX_SAFE_INTEGER;if(t.common&&Math.ceil((i-e)/(n*t.size))<=s)return zo[o]}return zo[n-1]}function Wo(t,e,i){if(i){if(i.length){const{lo:s,hi:n}=et(i,e);t[i[s]>=e?i[s]:i[n]]=!0}}else t[e]=!0}function No(t,e,i){const s=[],n={},o=e.length;let a,r;for(a=0;a<o;++a)r=e[a],n[r]=a,s.push({value:r,major:!1});return 0!==o&&i?function(t,e,i,s){const n=t._adapter,o=+n.startOf(e[0].value,s),a=e[e.length-1].value;let r,l;for(r=o;r<=a;r=+n.add(r,1,s))l=i[r],l>=0&&(e[l].major=!0);return e}(t,s,n,i):s}class Ho extends tn{static id="time";static defaults={bounds:"data",adapters:{},time:{parser:!1,unit:!1,round:!1,isoWeekday:!1,minUnit:"millisecond",displayFormats:{}},ticks:{source:"auto",callback:!1,major:{enabled:!1}}};constructor(t){super(t),this._cache={data:[],labels:[],all:[]},this._unit="day",this._majorUnit=void 0,this._offsets={},this._normalized=!1,this._parseOpts=void 0}init(t,e={}){const i=t.time||(t.time={}),s=this._adapter=new In._date(t.adapters.date);s.init(e),b(i.displayFormats,s.formats()),this._parseOpts={parser:i.parser,round:i.round,isoWeekday:i.isoWeekday},super.init(t),this._normalized=e.normalized}parse(t,e){return void 0===t?null:Vo(this,t)}beforeLayout(){super.beforeLayout(),this._cache={data:[],labels:[],all:[]}}determineDataLimits(){const t=this.options,e=this._adapter,i=t.time.unit||"day";let{min:s,max:n,minDefined:o,maxDefined:r}=this.getUserBounds();function l(t){o||isNaN(t.min)||(s=Math.min(s,t.min)),r||isNaN(t.max)||(n=Math.max(n,t.max))}o&&r||(l(this._getLabelBounds()),"ticks"===t.bounds&&"labels"===t.ticks.source||l(this.getMinMax(!1))),s=a(s)&&!isNaN(s)?s:+e.startOf(Date.now(),i),n=a(n)&&!isNaN(n)?n:+e.endOf(Date.now(),i)+1,this.min=Math.min(s,n-1),this.max=Math.max(s+1,n)}_getLabelBounds(){const t=this.getLabelTimestamps();let e=Number.POSITIVE_INFINITY,i=Number.NEGATIVE_INFINITY;return t.length&&(e=t[0],i=t[t.length-1]),{min:e,max:i}}buildTicks(){const t=this.options,e=t.time,i=t.ticks,s="labels"===i.source?this.getLabelTimestamps():this._generate();"ticks"===t.bounds&&s.length&&(this.min=this._userMin||s[0],this.max=this._userMax||s[s.length-1]);const n=this.min,o=nt(s,n,this.max);return this._unit=e.unit||(i.autoSkip?Bo(e.minUnit,this.min,this.max,this._getLabelCapacity(n)):function(t,e,i,s,n){for(let o=zo.length-1;o>=zo.indexOf(i);o--){const i=zo[o];if(Io[i].common&&t._adapter.diff(n,s,i)>=e-1)return i}return zo[i?zo.indexOf(i):0]}(this,o.length,e.minUnit,this.min,this.max)),this._majorUnit=i.major.enabled&&"year"!==this._unit?function(t){for(let e=zo.indexOf(t)+1,i=zo.length;e<i;++e)if(Io[zo[e]].common)return zo[e]}(this._unit):void 0,this.initOffsets(s),t.reverse&&o.reverse(),No(this,o,this._majorUnit)}afterAutoSkip(){this.options.offsetAfterAutoskip&&this.initOffsets(this.ticks.map((t=>+t.value)))}initOffsets(t=[]){let e,i,s=0,n=0;this.options.offset&&t.length&&(e=this.getDecimalForValue(t[0]),s=1===t.length?1-e:(this.getDecimalForValue(t[1])-e)/2,i=this.getDecimalForValue(t[t.length-1]),n=1===t.length?i:(i-this.getDecimalForValue(t[t.length-2]))/2);const o=t.length<3?.5:.25;s=Z(s,0,o),n=Z(n,0,o),this._offsets={start:s,end:n,factor:1/(s+1+n)}}_generate(){const t=this._adapter,e=this.min,i=this.max,s=this.options,n=s.time,o=n.unit||Bo(n.minUnit,e,i,this._getLabelCapacity(e)),a=l(s.ticks.stepSize,1),r="week"===o&&n.isoWeekday,h=N(r)||!0===r,c={};let d,u,f=e;if(h&&(f=+t.startOf(f,"isoWeek",r)),f=+t.startOf(f,h?"day":o),t.diff(i,e,o)>1e5*a)throw new Error(e+" and "+i+" are too far apart with stepSize of "+a+" "+o);const g="data"===s.ticks.source&&this.getDataTimestamps();for(d=f,u=0;d<i;d=+t.add(d,a,o),u++)Wo(c,d,g);return d!==i&&"ticks"!==s.bounds&&1!==u||Wo(c,d,g),Object.keys(c).sort(Fo).map((t=>+t))}getLabelForValue(t){const e=this._adapter,i=this.options.time;return i.tooltipFormat?e.format(t,i.tooltipFormat):e.format(t,i.displayFormats.datetime)}format(t,e){const i=this.options.time.displayFormats,s=this._unit,n=e||i[s];return this._adapter.format(t,n)}_tickFormatFunction(t,e,i,s){const n=this.options,o=n.ticks.callback;if(o)return d(o,[t,e,i],this);const a=n.time.displayFormats,r=this._unit,l=this._majorUnit,h=r&&a[r],c=l&&a[l],u=i[e],f=l&&c&&u&&u.major;return this._adapter.format(t,s||(f?c:h))}generateTickLabels(t){let e,i,s;for(e=0,i=t.length;e<i;++e)s=t[e],s.label=this._tickFormatFunction(s.value,e,t)}getDecimalForValue(t){return null===t?NaN:(t-this.min)/(this.max-this.min)}getPixelForValue(t){const e=this._offsets,i=this.getDecimalForValue(t);return this.getPixelForDecimal((e.start+i)*e.factor)}getValueForPixel(t){const e=this._offsets,i=this.getDecimalForPixel(t)/e.factor-e.end;return this.min+i*(this.max-this.min)}_getLabelSize(t){const e=this.options.ticks,i=this.ctx.measureText(t).width,s=$(this.isHorizontal()?e.maxRotation:e.minRotation),n=Math.cos(s),o=Math.sin(s),a=this._resolveTickFontOptions(0).size;return{w:i*n+a*o,h:i*o+a*n}}_getLabelCapacity(t){const e=this.options.time,i=e.displayFormats,s=i[e.unit]||i.millisecond,n=this._tickFormatFunction(t,0,No(this,[t],this._majorUnit),s),o=this._getLabelSize(n),a=Math.floor(this.isHorizontal()?this.width/o.w:this.height/o.h)-1;return a>0?a:1}getDataTimestamps(){let t,e,i=this._cache.data||[];if(i.length)return i;const s=this.getMatchingVisibleMetas();if(this._normalized&&s.length)return this._cache.data=s[0].controller.getAllParsedValues(this);for(t=0,e=s.length;t<e;++t)i=i.concat(s[t].controller.getAllParsedValues(this));return this._cache.data=this.normalize(i)}getLabelTimestamps(){const t=this._cache.labels||[];let e,i;if(t.length)return t;const s=this.getLabels();for(e=0,i=s.length;e<i;++e)t.push(Vo(this,s[e]));return this._cache.labels=this._normalized?t:this.normalize(t)}normalize(t){return lt(t.sort(Fo))}}function jo(t,e,i){let s,n,o,a,r=0,l=t.length-1;i?(e>=t[r].pos&&e<=t[l].pos&&({lo:r,hi:l}=it(t,"pos",e)),({pos:s,time:o}=t[r]),({pos:n,time:a}=t[l])):(e>=t[r].time&&e<=t[l].time&&({lo:r,hi:l}=it(t,"time",e)),({time:s,pos:o}=t[r]),({time:n,pos:a}=t[l]));const h=n-s;return h?o+(a-o)*(e-s)/h:o}var $o=Object.freeze({__proto__:null,CategoryScale:class extends tn{static id="category";static defaults={ticks:{callback:mo}};constructor(t){super(t),this._startValue=void 0,this._valueRange=0,this._addedLabels=[]}init(t){const e=this._addedLabels;if(e.length){const t=this.getLabels();for(const{index:i,label:s}of e)t[i]===s&&t.splice(i,1);this._addedLabels=[]}super.init(t)}parse(t,e){if(s(t))return null;const i=this.getLabels();return((t,e)=>null===t?null:Z(Math.round(t),0,e))(e=isFinite(e)&&i[e]===t?e:po(i,t,l(e,t),this._addedLabels),i.length-1)}determineDataLimits(){const{minDefined:t,maxDefined:e}=this.getUserBounds();let{min:i,max:s}=this.getMinMax(!0);"ticks"===this.options.bounds&&(t||(i=0),e||(s=this.getLabels().length-1)),this.min=i,this.max=s}buildTicks(){const t=this.min,e=this.max,i=this.options.offset,s=[];let n=this.getLabels();n=0===t&&e===n.length-1?n:n.slice(t,e+1),this._valueRange=Math.max(n.length-(i?0:1),1),this._startValue=this.min-(i?.5:0);for(let i=t;i<=e;i++)s.push({value:i});return s}getLabelForValue(t){return mo.call(this,t)}configure(){super.configure(),this.isHorizontal()||(this._reversePixels=!this._reversePixels)}getPixelForValue(t){return"number"!=typeof t&&(t=this.parse(t)),null===t?NaN:this.getPixelForDecimal((t-this._startValue)/this._valueRange)}getPixelForTick(t){const e=this.ticks;return t<0||t>e.length-1?null:this.getPixelForValue(e[t].value)}getValueForPixel(t){return Math.round(this._startValue+this.getDecimalForPixel(t)*this._valueRange)}getBasePixel(){return this.bottom}},LinearScale:_o,LogarithmicScale:So,RadialLinearScale:Ro,TimeScale:Ho,TimeSeriesScale:class extends Ho{static id="timeseries";static defaults=Ho.defaults;constructor(t){super(t),this._table=[],this._minPos=void 0,this._tableRange=void 0}initOffsets(){const t=this._getTimestampsForTable(),e=this._table=this.buildLookupTable(t);this._minPos=jo(e,this.min),this._tableRange=jo(e,this.max)-this._minPos,super.initOffsets(t)}buildLookupTable(t){const{min:e,max:i}=this,s=[],n=[];let o,a,r,l,h;for(o=0,a=t.length;o<a;++o)l=t[o],l>=e&&l<=i&&s.push(l);if(s.length<2)return[{time:e,pos:0},{time:i,pos:1}];for(o=0,a=s.length;o<a;++o)h=s[o+1],r=s[o-1],l=s[o],Math.round((h+r)/2)!==l&&n.push({time:l,pos:o/(a-1)});return n}_generate(){const t=this.min,e=this.max;let i=super.getDataTimestamps();return i.includes(t)&&i.length||i.splice(0,0,t),i.includes(e)&&1!==i.length||i.push(e),i.sort(((t,e)=>t-e))}_getTimestampsForTable(){let t=this._cache.all||[];if(t.length)return t;const e=this.getDataTimestamps(),i=this.getLabelTimestamps();return t=e.length&&i.length?this.normalize(e.concat(i)):e.length?e:i,t=this._cache.all=t,t}getDecimalForValue(t){return(jo(this._table,t)-this._minPos)/this._tableRange}getValueForPixel(t){const e=this._offsets,i=this.getDecimalForPixel(t)/e.factor-e.end;return jo(this._table,i*this._tableRange+this._minPos,!0)}}});const Yo=["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)"],Uo=Yo.map((t=>t.replace("rgb(","rgba(").replace(")",", 0.5)")));function Xo(t){return Yo[t%Yo.length]}function qo(t){return Uo[t%Uo.length]}function Ko(t){let e=0;return(i,s)=>{const n=t.getDatasetMeta(s).controller;n instanceof $n?e=function(t,e){return t.backgroundColor=t.data.map((()=>Xo(e++))),e}(i,e):n instanceof Yn?e=function(t,e){return t.backgroundColor=t.data.map((()=>qo(e++))),e}(i,e):n&&(e=function(t,e){return t.borderColor=Xo(e),t.backgroundColor=qo(e),++e}(i,e))}}function Go(t){let e;for(e in t)if(t[e].borderColor||t[e].backgroundColor)return!0;return!1}var Jo={id:"colors",defaults:{enabled:!0,forceOverride:!1},beforeLayout(t,e,i){if(!i.enabled)return;const{data:{datasets:s},options:n}=t.config,{elements:o}=n,a=Go(s)||(r=n)&&(r.borderColor||r.backgroundColor)||o&&Go(o)||"rgba(0,0,0,0.1)"!==ue.borderColor||"rgba(0,0,0,0.1)"!==ue.backgroundColor;var r;if(!i.forceOverride&&a)return;const l=Ko(t);s.forEach(l)}};function Zo(t){if(t._decimated){const e=t._data;delete t._decimated,delete t._data,Object.defineProperty(t,"data",{configurable:!0,enumerable:!0,writable:!0,value:e})}}function Qo(t){t.data.datasets.forEach((t=>{Zo(t)}))}var ta={id:"decimation",defaults:{algorithm:"min-max",enabled:!1},beforeElementsUpdate:(t,e,i)=>{if(!i.enabled)return void Qo(t);const n=t.width;t.data.datasets.forEach(((e,o)=>{const{_data:a,indexAxis:r}=e,l=t.getDatasetMeta(o),h=a||e.data;if("y"===Pi([r,t.options.indexAxis]))return;if(!l.controller.supportsDecimation)return;const c=t.scales[l.xAxisID];if("linear"!==c.type&&"time"!==c.type)return;if(t.options.parsing)return;let{start:d,count:u}=function(t,e){const i=e.length;let s,n=0;const{iScale:o}=t,{min:a,max:r,minDefined:l,maxDefined:h}=o.getUserBounds();return l&&(n=Z(it(e,o.axis,a).lo,0,i-1)),s=h?Z(it(e,o.axis,r).hi+1,n,i)-n:i-n,{start:n,count:s}}(l,h);if(u<=(i.threshold||4*n))return void Zo(e);let f;switch(s(a)&&(e._data=h,delete e.data,Object.defineProperty(e,"data",{configurable:!0,enumerable:!0,get:function(){return this._decimated},set:function(t){this._data=t}})),i.algorithm){case"lttb":f=function(t,e,i,s,n){const o=n.samples||s;if(o>=i)return t.slice(e,e+i);const a=[],r=(i-2)/(o-2);let l=0;const h=e+i-1;let c,d,u,f,g,p=e;for(a[l++]=t[p],c=0;c<o-2;c++){let s,n=0,o=0;const h=Math.floor((c+1)*r)+1+e,m=Math.min(Math.floor((c+2)*r)+1,i)+e,x=m-h;for(s=h;s<m;s++)n+=t[s].x,o+=t[s].y;n/=x,o/=x;const b=Math.floor(c*r)+1+e,_=Math.min(Math.floor((c+1)*r)+1,i)+e,{x:y,y:v}=t[p];for(u=f=-1,s=b;s<_;s++)f=.5*Math.abs((y-n)*(t[s].y-v)-(y-t[s].x)*(o-v)),f>u&&(u=f,d=t[s],g=s);a[l++]=d,p=g}return a[l++]=t[h],a}(h,d,u,n,i);break;case"min-max":f=function(t,e,i,n){let o,a,r,l,h,c,d,u,f,g,p=0,m=0;const x=[],b=e+i-1,_=t[e].x,y=t[b].x-_;for(o=e;o<e+i;++o){a=t[o],r=(a.x-_)/y*n,l=a.y;const e=0|r;if(e===h)l<f?(f=l,c=o):l>g&&(g=l,d=o),p=(m*p+a.x)/++m;else{const i=o-1;if(!s(c)&&!s(d)){const e=Math.min(c,d),s=Math.max(c,d);e!==u&&e!==i&&x.push({...t[e],x:p}),s!==u&&s!==i&&x.push({...t[s],x:p})}o>0&&i!==u&&x.push(t[i]),x.push(a),h=e,m=0,f=g=l,c=d=u=o}}return x}(h,d,u,n);break;default:throw new Error(`Unsupported decimation algorithm '${i.algorithm}'`)}e._decimated=f}))},destroy(t){Qo(t)}};function ea(t,e,i,s){if(s)return;let n=e[t],o=i[t];return"angle"===t&&(n=G(n),o=G(o)),{property:t,start:n,end:o}}function ia(t,e,i){for(;e>t;e--){const t=i[e];if(!isNaN(t.x)&&!isNaN(t.y))break}return e}function sa(t,e,i,s){return t&&e?s(t[i],e[i]):t?t[i]:e?e[i]:0}function na(t,e){let i=[],s=!1;return n(t)?(s=!0,i=t):i=function(t,e){const{x:i=null,y:s=null}=t||{},n=e.points,o=[];return e.segments.forEach((({start:t,end:e})=>{e=ia(t,e,n);const a=n[t],r=n[e];null!==s?(o.push({x:a.x,y:s}),o.push({x:r.x,y:s})):null!==i&&(o.push({x:i,y:a.y}),o.push({x:i,y:r.y}))})),o}(t,e),i.length?new oo({points:i,options:{tension:0},_loop:s,_fullLoop:s}):null}function oa(t){return t&&!1!==t.fill}function aa(t,e,i){let s=t[e].fill;const n=[e];let o;if(!i)return s;for(;!1!==s&&-1===n.indexOf(s);){if(!a(s))return s;if(o=t[s],!o)return!1;if(o.visible)return s;n.push(s),s=o.fill}return!1}function ra(t,e,i){const s=function(t){const e=t.options,i=e.fill;let s=l(i&&i.target,i);void 0===s&&(s=!!e.backgroundColor);if(!1===s||null===s)return!1;if(!0===s)return"origin";return s}(t);if(o(s))return!isNaN(s.value)&&s;let n=parseFloat(s);return a(n)&&Math.floor(n)===n?function(t,e,i,s){"-"!==t&&"+"!==t||(i=e+i);if(i===e||i<0||i>=s)return!1;return i}(s[0],e,n,i):["origin","start","end","stack","shape"].indexOf(s)>=0&&s}function la(t,e,i){const s=[];for(let n=0;n<i.length;n++){const o=i[n],{first:a,last:r,point:l}=ha(o,e,"x");if(!(!l||a&&r))if(a)s.unshift(l);else if(t.push(l),!r)break}t.push(...s)}function ha(t,e,i){const s=t.interpolate(e,i);if(!s)return{};const n=s[i],o=t.segments,a=t.points;let r=!1,l=!1;for(let t=0;t<o.length;t++){const e=o[t],s=a[e.start][i],h=a[e.end][i];if(tt(n,s,h)){r=n===s,l=n===h;break}}return{first:r,last:l,point:s}}class ca{constructor(t){this.x=t.x,this.y=t.y,this.radius=t.radius}pathSegment(t,e,i){const{x:s,y:n,radius:o}=this;return e=e||{start:0,end:O},t.arc(s,n,o,e.end,e.start,!0),!i.bounds}interpolate(t){const{x:e,y:i,radius:s}=this,n=t.angle;return{x:e+Math.cos(n)*s,y:i+Math.sin(n)*s,angle:n}}}function da(t){const{chart:e,fill:i,line:s}=t;if(a(i))return function(t,e){const i=t.getDatasetMeta(e),s=i&&t.isDatasetVisible(e);return s?i.dataset:null}(e,i);if("stack"===i)return function(t){const{scale:e,index:i,line:s}=t,n=[],o=s.segments,a=s.points,r=function(t,e){const i=[],s=t.getMatchingVisibleMetas("line");for(let t=0;t<s.length;t++){const n=s[t];if(n.index===e)break;n.hidden||i.unshift(n.dataset)}return i}(e,i);r.push(na({x:null,y:e.bottom},s));for(let t=0;t<o.length;t++){const e=o[t];for(let t=e.start;t<=e.end;t++)la(n,a[t],r)}return new oo({points:n,options:{}})}(t);if("shape"===i)return!0;const n=function(t){const e=t.scale||{};if(e.getPointPositionForValue)return function(t){const{scale:e,fill:i}=t,s=e.options,n=e.getLabels().length,a=s.reverse?e.max:e.min,r=function(t,e,i){let s;return s="start"===t?i:"end"===t?e.options.reverse?e.min:e.max:o(t)?t.value:e.getBaseValue(),s}(i,e,a),l=[];if(s.grid.circular){const t=e.getPointPositionForValue(0,a);return new ca({x:t.x,y:t.y,radius:e.getDistanceFromCenterForValue(r)})}for(let t=0;t<n;++t)l.push(e.getPointPositionForValue(t,r));return l}(t);return function(t){const{scale:e={},fill:i}=t,s=function(t,e){let i=null;return"start"===t?i=e.bottom:"end"===t?i=e.top:o(t)?i=e.getPixelForValue(t.value):e.getBasePixel&&(i=e.getBasePixel()),i}(i,e);if(a(s)){const t=e.isHorizontal();return{x:t?s:null,y:t?null:s}}return null}(t)}(t);return n instanceof ca?n:na(n,s)}function ua(t,e,i){const s=da(e),{chart:n,index:o,line:a,scale:r,axis:l}=e,h=a.options,c=h.fill,d=h.backgroundColor,{above:u=d,below:f=d}=c||{},g=n.getDatasetMeta(o),p=Ni(n,g);s&&a.points.length&&(Ie(t,i),function(t,e){const{line:i,target:s,above:n,below:o,area:a,scale:r,clip:l}=e,h=i._loop?"angle":e.axis;t.save();let c=o;o!==n&&("x"===h?(fa(t,s,a.top),pa(t,{line:i,target:s,color:n,scale:r,property:h,clip:l}),t.restore(),t.save(),fa(t,s,a.bottom)):"y"===h&&(ga(t,s,a.left),pa(t,{line:i,target:s,color:o,scale:r,property:h,clip:l}),t.restore(),t.save(),ga(t,s,a.right),c=n));pa(t,{line:i,target:s,color:c,scale:r,property:h,clip:l}),t.restore()}(t,{line:a,target:s,above:u,below:f,area:i,scale:r,axis:l,clip:p}),ze(t))}function fa(t,e,i){const{segments:s,points:n}=e;let o=!0,a=!1;t.beginPath();for(const r of s){const{start:s,end:l}=r,h=n[s],c=n[ia(s,l,n)];o?(t.moveTo(h.x,h.y),o=!1):(t.lineTo(h.x,i),t.lineTo(h.x,h.y)),a=!!e.pathSegment(t,r,{move:a}),a?t.closePath():t.lineTo(c.x,i)}t.lineTo(e.first().x,i),t.closePath(),t.clip()}function ga(t,e,i){const{segments:s,points:n}=e;let o=!0,a=!1;t.beginPath();for(const r of s){const{start:s,end:l}=r,h=n[s],c=n[ia(s,l,n)];o?(t.moveTo(h.x,h.y),o=!1):(t.lineTo(i,h.y),t.lineTo(h.x,h.y)),a=!!e.pathSegment(t,r,{move:a}),a?t.closePath():t.lineTo(i,c.y)}t.lineTo(i,e.first().y),t.closePath(),t.clip()}function pa(t,e){const{line:i,target:s,property:n,color:o,scale:a,clip:r}=e,l=function(t,e,i){const s=t.segments,n=t.points,o=e.points,a=[];for(const t of s){let{start:s,end:r}=t;r=ia(s,r,n);const l=ea(i,n[s],n[r],t.loop);if(!e.segments){a.push({source:t,target:l,start:n[s],end:n[r]});continue}const h=Ii(e,l);for(const e of h){const s=ea(i,o[e.start],o[e.end],e.loop),r=Ri(t,n,s);for(const t of r)a.push({source:t,target:e,start:{[i]:sa(l,s,"start",Math.max)},end:{[i]:sa(l,s,"end",Math.min)}})}}return a}(i,s,n);for(const{source:e,target:h,start:c,end:d}of l){const{style:{backgroundColor:l=o}={}}=e,u=!0!==s;t.save(),t.fillStyle=l,ma(t,a,r,u&&ea(n,c,d)),t.beginPath();const f=!!i.pathSegment(t,e);let g;if(u){f?t.closePath():xa(t,s,d,n);const e=!!s.pathSegment(t,h,{move:f,reverse:!0});g=f&&e,g||xa(t,s,c,n)}t.closePath(),t.fill(g?"evenodd":"nonzero"),t.restore()}}function ma(t,e,i,s){const n=e.chart.chartArea,{property:o,start:a,end:r}=s||{};if("x"===o||"y"===o){let e,s,l,h;"x"===o?(e=a,s=n.top,l=r,h=n.bottom):(e=n.left,s=a,l=n.right,h=r),t.beginPath(),i&&(e=Math.max(e,i.left),l=Math.min(l,i.right),s=Math.max(s,i.top),h=Math.min(h,i.bottom)),t.rect(e,s,l-e,h-s),t.clip()}}function xa(t,e,i,s){const n=e.interpolate(i,s);n&&t.lineTo(n.x,n.y)}var ba={id:"filler",afterDatasetsUpdate(t,e,i){const s=(t.data.datasets||[]).length,n=[];let o,a,r,l;for(a=0;a<s;++a)o=t.getDatasetMeta(a),r=o.dataset,l=null,r&&r.options&&r instanceof oo&&(l={visible:t.isDatasetVisible(a),index:a,fill:ra(r,a,s),chart:t,axis:o.controller.options.indexAxis,scale:o.vScale,line:r}),o.$filler=l,n.push(l);for(a=0;a<s;++a)l=n[a],l&&!1!==l.fill&&(l.fill=aa(n,a,i.propagate))},beforeDraw(t,e,i){const s="beforeDraw"===i.drawTime,n=t.getSortedVisibleDatasetMetas(),o=t.chartArea;for(let e=n.length-1;e>=0;--e){const i=n[e].$filler;i&&(i.line.updateControlPoints(o,i.axis),s&&i.fill&&ua(t.ctx,i,o))}},beforeDatasetsDraw(t,e,i){if("beforeDatasetsDraw"!==i.drawTime)return;const s=t.getSortedVisibleDatasetMetas();for(let e=s.length-1;e>=0;--e){const i=s[e].$filler;oa(i)&&ua(t.ctx,i,t.chartArea)}},beforeDatasetDraw(t,e,i){const s=e.meta.$filler;oa(s)&&"beforeDatasetDraw"===i.drawTime&&ua(t.ctx,s,t.chartArea)},defaults:{propagate:!0,drawTime:"beforeDatasetDraw"}};const _a=(t,e)=>{let{boxHeight:i=e,boxWidth:s=e}=t;return t.usePointStyle&&(i=Math.min(i,e),s=t.pointStyleWidth||Math.min(s,e)),{boxWidth:s,boxHeight:i,itemHeight:Math.max(e,i)}};class ya extends $s{constructor(t){super(),this._added=!1,this.legendHitBoxes=[],this._hoveredItem=null,this.doughnutMode=!1,this.chart=t.chart,this.options=t.options,this.ctx=t.ctx,this.legendItems=void 0,this.columnSizes=void 0,this.lineWidths=void 0,this.maxHeight=void 0,this.maxWidth=void 0,this.top=void 0,this.bottom=void 0,this.left=void 0,this.right=void 0,this.height=void 0,this.width=void 0,this._margins=void 0,this.position=void 0,this.weight=void 0,this.fullSize=void 0}update(t,e,i){this.maxWidth=t,this.maxHeight=e,this._margins=i,this.setDimensions(),this.buildLabels(),this.fit()}setDimensions(){this.isHorizontal()?(this.width=this.maxWidth,this.left=this._margins.left,this.right=this.width):(this.height=this.maxHeight,this.top=this._margins.top,this.bottom=this.height)}buildLabels(){const t=this.options.labels||{};let e=d(t.generateLabels,[this.chart],this)||[];t.filter&&(e=e.filter((e=>t.filter(e,this.chart.data)))),t.sort&&(e=e.sort(((e,i)=>t.sort(e,i,this.chart.data)))),this.options.reverse&&e.reverse(),this.legendItems=e}fit(){const{options:t,ctx:e}=this;if(!t.display)return void(this.width=this.height=0);const i=t.labels,s=Si(i.font),n=s.size,o=this._computeTitleHeight(),{boxWidth:a,itemHeight:r}=_a(i,n);let l,h;e.font=s.string,this.isHorizontal()?(l=this.maxWidth,h=this._fitRows(o,n,a,r)+10):(h=this.maxHeight,l=this._fitCols(o,s,a,r)+10),this.width=Math.min(l,t.maxWidth||this.maxWidth),this.height=Math.min(h,t.maxHeight||this.maxHeight)}_fitRows(t,e,i,s){const{ctx:n,maxWidth:o,options:{labels:{padding:a}}}=this,r=this.legendHitBoxes=[],l=this.lineWidths=[0],h=s+a;let c=t;n.textAlign="left",n.textBaseline="middle";let d=-1,u=-h;return this.legendItems.forEach(((t,f)=>{const g=i+e/2+n.measureText(t.text).width;(0===f||l[l.length-1]+g+2*a>o)&&(c+=h,l[l.length-(f>0?0:1)]=0,u+=h,d++),r[f]={left:0,top:u,row:d,width:g,height:s},l[l.length-1]+=g+a})),c}_fitCols(t,e,i,s){const{ctx:n,maxHeight:o,options:{labels:{padding:a}}}=this,r=this.legendHitBoxes=[],l=this.columnSizes=[],h=o-t;let c=a,d=0,u=0,f=0,g=0;return this.legendItems.forEach(((t,o)=>{const{itemWidth:p,itemHeight:m}=function(t,e,i,s,n){const o=function(t,e,i,s){let n=t.text;n&&"string"!=typeof n&&(n=n.reduce(((t,e)=>t.length>e.length?t:e)));return e+i.size/2+s.measureText(n).width}(s,t,e,i),a=function(t,e,i){let s=t;"string"!=typeof e.text&&(s=va(e,i));return s}(n,s,e.lineHeight);return{itemWidth:o,itemHeight:a}}(i,e,n,t,s);o>0&&u+m+2*a>h&&(c+=d+a,l.push({width:d,height:u}),f+=d+a,g++,d=u=0),r[o]={left:f,top:u,col:g,width:p,height:m},d=Math.max(d,p),u+=m+a})),c+=d,l.push({width:d,height:u}),c}adjustHitBoxes(){if(!this.options.display)return;const t=this._computeTitleHeight(),{legendHitBoxes:e,options:{align:i,labels:{padding:s},rtl:n}}=this,o=Oi(n,this.left,this.width);if(this.isHorizontal()){let n=0,a=ft(i,this.left+s,this.right-this.lineWidths[n]);for(const r of e)n!==r.row&&(n=r.row,a=ft(i,this.left+s,this.right-this.lineWidths[n])),r.top+=this.top+t+s,r.left=o.leftForLtr(o.x(a),r.width),a+=r.width+s}else{let n=0,a=ft(i,this.top+t+s,this.bottom-this.columnSizes[n].height);for(const r of e)r.col!==n&&(n=r.col,a=ft(i,this.top+t+s,this.bottom-this.columnSizes[n].height)),r.top=a,r.left+=this.left+s,r.left=o.leftForLtr(o.x(r.left),r.width),a+=r.height+s}}isHorizontal(){return"top"===this.options.position||"bottom"===this.options.position}draw(){if(this.options.display){const t=this.ctx;Ie(t,this),this._draw(),ze(t)}}_draw(){const{options:t,columnSizes:e,lineWidths:i,ctx:s}=this,{align:n,labels:o}=t,a=ue.color,r=Oi(t.rtl,this.left,this.width),h=Si(o.font),{padding:c}=o,d=h.size,u=d/2;let f;this.drawTitle(),s.textAlign=r.textAlign("left"),s.textBaseline="middle",s.lineWidth=.5,s.font=h.string;const{boxWidth:g,boxHeight:p,itemHeight:m}=_a(o,d),x=this.isHorizontal(),b=this._computeTitleHeight();f=x?{x:ft(n,this.left+c,this.right-i[0]),y:this.top+c+b,line:0}:{x:this.left+c,y:ft(n,this.top+b+c,this.bottom-e[0].height),line:0},Ai(this.ctx,t.textDirection);const _=m+c;this.legendItems.forEach(((y,v)=>{s.strokeStyle=y.fontColor,s.fillStyle=y.fontColor;const M=s.measureText(y.text).width,w=r.textAlign(y.textAlign||(y.textAlign=o.textAlign)),k=g+u+M;let S=f.x,P=f.y;r.setWidth(this.width),x?v>0&&S+k+c>this.right&&(P=f.y+=_,f.line++,S=f.x=ft(n,this.left+c,this.right-i[f.line])):v>0&&P+_>this.bottom&&(S=f.x=S+e[f.line].width+c,f.line++,P=f.y=ft(n,this.top+b+c,this.bottom-e[f.line].height));if(function(t,e,i){if(isNaN(g)||g<=0||isNaN(p)||p<0)return;s.save();const n=l(i.lineWidth,1);if(s.fillStyle=l(i.fillStyle,a),s.lineCap=l(i.lineCap,"butt"),s.lineDashOffset=l(i.lineDashOffset,0),s.lineJoin=l(i.lineJoin,"miter"),s.lineWidth=n,s.strokeStyle=l(i.strokeStyle,a),s.setLineDash(l(i.lineDash,[])),o.usePointStyle){const a={radius:p*Math.SQRT2/2,pointStyle:i.pointStyle,rotation:i.rotation,borderWidth:n},l=r.xPlus(t,g/2);Ee(s,a,l,e+u,o.pointStyleWidth&&g)}else{const o=e+Math.max((d-p)/2,0),a=r.leftForLtr(t,g),l=wi(i.borderRadius);s.beginPath(),Object.values(l).some((t=>0!==t))?He(s,{x:a,y:o,w:g,h:p,radius:l}):s.rect(a,o,g,p),s.fill(),0!==n&&s.stroke()}s.restore()}(r.x(S),P,y),S=gt(w,S+g+u,x?S+k:this.right,t.rtl),function(t,e,i){Ne(s,i.text,t,e+m/2,h,{strikethrough:i.hidden,textAlign:r.textAlign(i.textAlign)})}(r.x(S),P,y),x)f.x+=k+c;else if("string"!=typeof y.text){const t=h.lineHeight;f.y+=va(y,t)+c}else f.y+=_})),Ti(this.ctx,t.textDirection)}drawTitle(){const t=this.options,e=t.title,i=Si(e.font),s=ki(e.padding);if(!e.display)return;const n=Oi(t.rtl,this.left,this.width),o=this.ctx,a=e.position,r=i.size/2,l=s.top+r;let h,c=this.left,d=this.width;if(this.isHorizontal())d=Math.max(...this.lineWidths),h=this.top+l,c=ft(t.align,c,this.right-d);else{const e=this.columnSizes.reduce(((t,e)=>Math.max(t,e.height)),0);h=l+ft(t.align,this.top,this.bottom-e-t.labels.padding-this._computeTitleHeight())}const u=ft(a,c,c+d);o.textAlign=n.textAlign(ut(a)),o.textBaseline="middle",o.strokeStyle=e.color,o.fillStyle=e.color,o.font=i.string,Ne(o,e.text,u,h,i)}_computeTitleHeight(){const t=this.options.title,e=Si(t.font),i=ki(t.padding);return t.display?e.lineHeight+i.height:0}_getLegendItemAt(t,e){let i,s,n;if(tt(t,this.left,this.right)&&tt(e,this.top,this.bottom))for(n=this.legendHitBoxes,i=0;i<n.length;++i)if(s=n[i],tt(t,s.left,s.left+s.width)&&tt(e,s.top,s.top+s.height))return this.legendItems[i];return null}handleEvent(t){const e=this.options;if(!function(t,e){if(("mousemove"===t||"mouseout"===t)&&(e.onHover||e.onLeave))return!0;if(e.onClick&&("click"===t||"mouseup"===t))return!0;return!1}(t.type,e))return;const i=this._getLegendItemAt(t.x,t.y);if("mousemove"===t.type||"mouseout"===t.type){const o=this._hoveredItem,a=(n=i,null!==(s=o)&&null!==n&&s.datasetIndex===n.datasetIndex&&s.index===n.index);o&&!a&&d(e.onLeave,[t,o,this],this),this._hoveredItem=i,i&&!a&&d(e.onHover,[t,i,this],this)}else i&&d(e.onClick,[t,i,this],this);var s,n}}function va(t,e){return e*(t.text?t.text.length:0)}var Ma={id:"legend",_element:ya,start(t,e,i){const s=t.legend=new ya({ctx:t.ctx,options:i,chart:t});ls.configure(t,s,i),ls.addBox(t,s)},stop(t){ls.removeBox(t,t.legend),delete t.legend},beforeUpdate(t,e,i){const s=t.legend;ls.configure(t,s,i),s.options=i},afterUpdate(t){const e=t.legend;e.buildLabels(),e.adjustHitBoxes()},afterEvent(t,e){e.replay||t.legend.handleEvent(e.event)},defaults:{display:!0,position:"top",align:"center",fullSize:!0,reverse:!1,weight:1e3,onClick(t,e,i){const s=e.datasetIndex,n=i.chart;n.isDatasetVisible(s)?(n.hide(s),e.hidden=!0):(n.show(s),e.hidden=!1)},onHover:null,onLeave:null,labels:{color:t=>t.chart.options.color,boxWidth:40,padding:10,generateLabels(t){const e=t.data.datasets,{labels:{usePointStyle:i,pointStyle:s,textAlign:n,color:o,useBorderRadius:a,borderRadius:r}}=t.legend.options;return t._getSortedDatasetMetas().map((t=>{const l=t.controller.getStyle(i?0:void 0),h=ki(l.borderWidth);return{text:e[t.index].label,fillStyle:l.backgroundColor,fontColor:o,hidden:!t.visible,lineCap:l.borderCapStyle,lineDash:l.borderDash,lineDashOffset:l.borderDashOffset,lineJoin:l.borderJoinStyle,lineWidth:(h.width+h.height)/4,strokeStyle:l.borderColor,pointStyle:s||l.pointStyle,rotation:l.rotation,textAlign:n||l.textAlign,borderRadius:a&&(r||l.borderRadius),datasetIndex:t.index}}),this)}},title:{color:t=>t.chart.options.color,display:!1,position:"center",text:""}},descriptors:{_scriptable:t=>!t.startsWith("on"),labels:{_scriptable:t=>!["generateLabels","filter","sort"].includes(t)}}};class wa extends $s{constructor(t){super(),this.chart=t.chart,this.options=t.options,this.ctx=t.ctx,this._padding=void 0,this.top=void 0,this.bottom=void 0,this.left=void 0,this.right=void 0,this.width=void 0,this.height=void 0,this.position=void 0,this.weight=void 0,this.fullSize=void 0}update(t,e){const i=this.options;if(this.left=0,this.top=0,!i.display)return void(this.width=this.height=this.right=this.bottom=0);this.width=this.right=t,this.height=this.bottom=e;const s=n(i.text)?i.text.length:1;this._padding=ki(i.padding);const o=s*Si(i.font).lineHeight+this._padding.height;this.isHorizontal()?this.height=o:this.width=o}isHorizontal(){const t=this.options.position;return"top"===t||"bottom"===t}_drawArgs(t){const{top:e,left:i,bottom:s,right:n,options:o}=this,a=o.align;let r,l,h,c=0;return this.isHorizontal()?(l=ft(a,i,n),h=e+t,r=n-i):("left"===o.position?(l=i+t,h=ft(a,s,e),c=-.5*C):(l=n-t,h=ft(a,e,s),c=.5*C),r=s-e),{titleX:l,titleY:h,maxWidth:r,rotation:c}}draw(){const t=this.ctx,e=this.options;if(!e.display)return;const i=Si(e.font),s=i.lineHeight/2+this._padding.top,{titleX:n,titleY:o,maxWidth:a,rotation:r}=this._drawArgs(s);Ne(t,e.text,0,0,i,{color:e.color,maxWidth:a,rotation:r,textAlign:ut(e.align),textBaseline:"middle",translation:[n,o]})}}var ka={id:"title",_element:wa,start(t,e,i){!function(t,e){const i=new wa({ctx:t.ctx,options:e,chart:t});ls.configure(t,i,e),ls.addBox(t,i),t.titleBlock=i}(t,i)},stop(t){const e=t.titleBlock;ls.removeBox(t,e),delete t.titleBlock},beforeUpdate(t,e,i){const s=t.titleBlock;ls.configure(t,s,i),s.options=i},defaults:{align:"center",display:!1,font:{weight:"bold"},fullSize:!0,padding:10,position:"top",text:"",weight:2e3},defaultRoutes:{color:"color"},descriptors:{_scriptable:!0,_indexable:!1}};const Sa=new WeakMap;var Pa={id:"subtitle",start(t,e,i){const s=new wa({ctx:t.ctx,options:i,chart:t});ls.configure(t,s,i),ls.addBox(t,s),Sa.set(t,s)},stop(t){ls.removeBox(t,Sa.get(t)),Sa.delete(t)},beforeUpdate(t,e,i){const s=Sa.get(t);ls.configure(t,s,i),s.options=i},defaults:{align:"center",display:!1,font:{weight:"normal"},fullSize:!0,padding:0,position:"top",text:"",weight:1500},defaultRoutes:{color:"color"},descriptors:{_scriptable:!0,_indexable:!1}};const Da={average(t){if(!t.length)return!1;let e,i,s=new Set,n=0,o=0;for(e=0,i=t.length;e<i;++e){const i=t[e].element;if(i&&i.hasValue()){const t=i.tooltipPosition();s.add(t.x),n+=t.y,++o}}if(0===o||0===s.size)return!1;return{x:[...s].reduce(((t,e)=>t+e))/s.size,y:n/o}},nearest(t,e){if(!t.length)return!1;let i,s,n,o=e.x,a=e.y,r=Number.POSITIVE_INFINITY;for(i=0,s=t.length;i<s;++i){const s=t[i].element;if(s&&s.hasValue()){const t=q(e,s.getCenterPoint());t<r&&(r=t,n=s)}}if(n){const t=n.tooltipPosition();o=t.x,a=t.y}return{x:o,y:a}}};function Ca(t,e){return e&&(n(e)?Array.prototype.push.apply(t,e):t.push(e)),t}function Oa(t){return("string"==typeof t||t instanceof String)&&t.indexOf("\n")>-1?t.split("\n"):t}function Aa(t,e){const{element:i,datasetIndex:s,index:n}=e,o=t.getDatasetMeta(s).controller,{label:a,value:r}=o.getLabelAndValue(n);return{chart:t,label:a,parsed:o.getParsed(n),raw:t.data.datasets[s].data[n],formattedValue:r,dataset:o.getDataset(),dataIndex:n,datasetIndex:s,element:i}}function Ta(t,e){const i=t.chart.ctx,{body:s,footer:n,title:o}=t,{boxWidth:a,boxHeight:r}=e,l=Si(e.bodyFont),h=Si(e.titleFont),c=Si(e.footerFont),d=o.length,f=n.length,g=s.length,p=ki(e.padding);let m=p.height,x=0,b=s.reduce(((t,e)=>t+e.before.length+e.lines.length+e.after.length),0);if(b+=t.beforeBody.length+t.afterBody.length,d&&(m+=d*h.lineHeight+(d-1)*e.titleSpacing+e.titleMarginBottom),b){m+=g*(e.displayColors?Math.max(r,l.lineHeight):l.lineHeight)+(b-g)*l.lineHeight+(b-1)*e.bodySpacing}f&&(m+=e.footerMarginTop+f*c.lineHeight+(f-1)*e.footerSpacing);let _=0;const y=function(t){x=Math.max(x,i.measureText(t).width+_)};return i.save(),i.font=h.string,u(t.title,y),i.font=l.string,u(t.beforeBody.concat(t.afterBody),y),_=e.displayColors?a+2+e.boxPadding:0,u(s,(t=>{u(t.before,y),u(t.lines,y),u(t.after,y)})),_=0,i.font=c.string,u(t.footer,y),i.restore(),x+=p.width,{width:x,height:m}}function La(t,e,i,s){const{x:n,width:o}=i,{width:a,chartArea:{left:r,right:l}}=t;let h="center";return"center"===s?h=n<=(r+l)/2?"left":"right":n<=o/2?h="left":n>=a-o/2&&(h="right"),function(t,e,i,s){const{x:n,width:o}=s,a=i.caretSize+i.caretPadding;return"left"===t&&n+o+a>e.width||"right"===t&&n-o-a<0||void 0}(h,t,e,i)&&(h="center"),h}function Ea(t,e,i){const s=i.yAlign||e.yAlign||function(t,e){const{y:i,height:s}=e;return i<s/2?"top":i>t.height-s/2?"bottom":"center"}(t,i);return{xAlign:i.xAlign||e.xAlign||La(t,e,i,s),yAlign:s}}function Ra(t,e,i,s){const{caretSize:n,caretPadding:o,cornerRadius:a}=t,{xAlign:r,yAlign:l}=i,h=n+o,{topLeft:c,topRight:d,bottomLeft:u,bottomRight:f}=wi(a);let g=function(t,e){let{x:i,width:s}=t;return"right"===e?i-=s:"center"===e&&(i-=s/2),i}(e,r);const p=function(t,e,i){let{y:s,height:n}=t;return"top"===e?s+=i:s-="bottom"===e?n+i:n/2,s}(e,l,h);return"center"===l?"left"===r?g+=h:"right"===r&&(g-=h):"left"===r?g-=Math.max(c,u)+n:"right"===r&&(g+=Math.max(d,f)+n),{x:Z(g,0,s.width-e.width),y:Z(p,0,s.height-e.height)}}function Ia(t,e,i){const s=ki(i.padding);return"center"===e?t.x+t.width/2:"right"===e?t.x+t.width-s.right:t.x+s.left}function za(t){return Ca([],Oa(t))}function Fa(t,e){const i=e&&e.dataset&&e.dataset.tooltip&&e.dataset.tooltip.callbacks;return i?t.override(i):t}const Va={beforeTitle:e,title(t){if(t.length>0){const e=t[0],i=e.chart.data.labels,s=i?i.length:0;if(this&&this.options&&"dataset"===this.options.mode)return e.dataset.label||"";if(e.label)return e.label;if(s>0&&e.dataIndex<s)return i[e.dataIndex]}return""},afterTitle:e,beforeBody:e,beforeLabel:e,label(t){if(this&&this.options&&"dataset"===this.options.mode)return t.label+": "+t.formattedValue||t.formattedValue;let e=t.dataset.label||"";e&&(e+=": ");const i=t.formattedValue;return s(i)||(e+=i),e},labelColor(t){const e=t.chart.getDatasetMeta(t.datasetIndex).controller.getStyle(t.dataIndex);return{borderColor:e.borderColor,backgroundColor:e.backgroundColor,borderWidth:e.borderWidth,borderDash:e.borderDash,borderDashOffset:e.borderDashOffset,borderRadius:0}},labelTextColor(){return this.options.bodyColor},labelPointStyle(t){const e=t.chart.getDatasetMeta(t.datasetIndex).controller.getStyle(t.dataIndex);return{pointStyle:e.pointStyle,rotation:e.rotation}},afterLabel:e,afterBody:e,beforeFooter:e,footer:e,afterFooter:e};function Ba(t,e,i,s){const n=t[e].call(i,s);return void 0===n?Va[e].call(i,s):n}class Wa extends $s{static positioners=Da;constructor(t){super(),this.opacity=0,this._active=[],this._eventPosition=void 0,this._size=void 0,this._cachedAnimations=void 0,this._tooltipItems=[],this.$animations=void 0,this.$context=void 0,this.chart=t.chart,this.options=t.options,this.dataPoints=void 0,this.title=void 0,this.beforeBody=void 0,this.body=void 0,this.afterBody=void 0,this.footer=void 0,this.xAlign=void 0,this.yAlign=void 0,this.x=void 0,this.y=void 0,this.height=void 0,this.width=void 0,this.caretX=void 0,this.caretY=void 0,this.labelColors=void 0,this.labelPointStyles=void 0,this.labelTextColors=void 0}initialize(t){this.options=t,this._cachedAnimations=void 0,this.$context=void 0}_resolveAnimations(){const t=this._cachedAnimations;if(t)return t;const e=this.chart,i=this.options.setContext(this.getContext()),s=i.enabled&&e.options.animation&&i.animations,n=new Ts(this.chart,s);return s._cacheable&&(this._cachedAnimations=Object.freeze(n)),n}getContext(){return this.$context||(this.$context=(t=this.chart.getContext(),e=this,i=this._tooltipItems,Ci(t,{tooltip:e,tooltipItems:i,type:"tooltip"})));var t,e,i}getTitle(t,e){const{callbacks:i}=e,s=Ba(i,"beforeTitle",this,t),n=Ba(i,"title",this,t),o=Ba(i,"afterTitle",this,t);let a=[];return a=Ca(a,Oa(s)),a=Ca(a,Oa(n)),a=Ca(a,Oa(o)),a}getBeforeBody(t,e){return za(Ba(e.callbacks,"beforeBody",this,t))}getBody(t,e){const{callbacks:i}=e,s=[];return u(t,(t=>{const e={before:[],lines:[],after:[]},n=Fa(i,t);Ca(e.before,Oa(Ba(n,"beforeLabel",this,t))),Ca(e.lines,Ba(n,"label",this,t)),Ca(e.after,Oa(Ba(n,"afterLabel",this,t))),s.push(e)})),s}getAfterBody(t,e){return za(Ba(e.callbacks,"afterBody",this,t))}getFooter(t,e){const{callbacks:i}=e,s=Ba(i,"beforeFooter",this,t),n=Ba(i,"footer",this,t),o=Ba(i,"afterFooter",this,t);let a=[];return a=Ca(a,Oa(s)),a=Ca(a,Oa(n)),a=Ca(a,Oa(o)),a}_createItems(t){const e=this._active,i=this.chart.data,s=[],n=[],o=[];let a,r,l=[];for(a=0,r=e.length;a<r;++a)l.push(Aa(this.chart,e[a]));return t.filter&&(l=l.filter(((e,s,n)=>t.filter(e,s,n,i)))),t.itemSort&&(l=l.sort(((e,s)=>t.itemSort(e,s,i)))),u(l,(e=>{const i=Fa(t.callbacks,e);s.push(Ba(i,"labelColor",this,e)),n.push(Ba(i,"labelPointStyle",this,e)),o.push(Ba(i,"labelTextColor",this,e))})),this.labelColors=s,this.labelPointStyles=n,this.labelTextColors=o,this.dataPoints=l,l}update(t,e){const i=this.options.setContext(this.getContext()),s=this._active;let n,o=[];if(s.length){const t=Da[i.position].call(this,s,this._eventPosition);o=this._createItems(i),this.title=this.getTitle(o,i),this.beforeBody=this.getBeforeBody(o,i),this.body=this.getBody(o,i),this.afterBody=this.getAfterBody(o,i),this.footer=this.getFooter(o,i);const e=this._size=Ta(this,i),a=Object.assign({},t,e),r=Ea(this.chart,i,a),l=Ra(i,a,r,this.chart);this.xAlign=r.xAlign,this.yAlign=r.yAlign,n={opacity:1,x:l.x,y:l.y,width:e.width,height:e.height,caretX:t.x,caretY:t.y}}else 0!==this.opacity&&(n={opacity:0});this._tooltipItems=o,this.$context=void 0,n&&this._resolveAnimations().update(this,n),t&&i.external&&i.external.call(this,{chart:this.chart,tooltip:this,replay:e})}drawCaret(t,e,i,s){const n=this.getCaretPosition(t,i,s);e.lineTo(n.x1,n.y1),e.lineTo(n.x2,n.y2),e.lineTo(n.x3,n.y3)}getCaretPosition(t,e,i){const{xAlign:s,yAlign:n}=this,{caretSize:o,cornerRadius:a}=i,{topLeft:r,topRight:l,bottomLeft:h,bottomRight:c}=wi(a),{x:d,y:u}=t,{width:f,height:g}=e;let p,m,x,b,_,y;return"center"===n?(_=u+g/2,"left"===s?(p=d,m=p-o,b=_+o,y=_-o):(p=d+f,m=p+o,b=_-o,y=_+o),x=p):(m="left"===s?d+Math.max(r,h)+o:"right"===s?d+f-Math.max(l,c)-o:this.caretX,"top"===n?(b=u,_=b-o,p=m-o,x=m+o):(b=u+g,_=b+o,p=m+o,x=m-o),y=b),{x1:p,x2:m,x3:x,y1:b,y2:_,y3:y}}drawTitle(t,e,i){const s=this.title,n=s.length;let o,a,r;if(n){const l=Oi(i.rtl,this.x,this.width);for(t.x=Ia(this,i.titleAlign,i),e.textAlign=l.textAlign(i.titleAlign),e.textBaseline="middle",o=Si(i.titleFont),a=i.titleSpacing,e.fillStyle=i.titleColor,e.font=o.string,r=0;r<n;++r)e.fillText(s[r],l.x(t.x),t.y+o.lineHeight/2),t.y+=o.lineHeight+a,r+1===n&&(t.y+=i.titleMarginBottom-a)}}_drawColorBox(t,e,i,s,n){const a=this.labelColors[i],r=this.labelPointStyles[i],{boxHeight:l,boxWidth:h}=n,c=Si(n.bodyFont),d=Ia(this,"left",n),u=s.x(d),f=l<c.lineHeight?(c.lineHeight-l)/2:0,g=e.y+f;if(n.usePointStyle){const e={radius:Math.min(h,l)/2,pointStyle:r.pointStyle,rotation:r.rotation,borderWidth:1},i=s.leftForLtr(u,h)+h/2,o=g+l/2;t.strokeStyle=n.multiKeyBackground,t.fillStyle=n.multiKeyBackground,Le(t,e,i,o),t.strokeStyle=a.borderColor,t.fillStyle=a.backgroundColor,Le(t,e,i,o)}else{t.lineWidth=o(a.borderWidth)?Math.max(...Object.values(a.borderWidth)):a.borderWidth||1,t.strokeStyle=a.borderColor,t.setLineDash(a.borderDash||[]),t.lineDashOffset=a.borderDashOffset||0;const e=s.leftForLtr(u,h),i=s.leftForLtr(s.xPlus(u,1),h-2),r=wi(a.borderRadius);Object.values(r).some((t=>0!==t))?(t.beginPath(),t.fillStyle=n.multiKeyBackground,He(t,{x:e,y:g,w:h,h:l,radius:r}),t.fill(),t.stroke(),t.fillStyle=a.backgroundColor,t.beginPath(),He(t,{x:i,y:g+1,w:h-2,h:l-2,radius:r}),t.fill()):(t.fillStyle=n.multiKeyBackground,t.fillRect(e,g,h,l),t.strokeRect(e,g,h,l),t.fillStyle=a.backgroundColor,t.fillRect(i,g+1,h-2,l-2))}t.fillStyle=this.labelTextColors[i]}drawBody(t,e,i){const{body:s}=this,{bodySpacing:n,bodyAlign:o,displayColors:a,boxHeight:r,boxWidth:l,boxPadding:h}=i,c=Si(i.bodyFont);let d=c.lineHeight,f=0;const g=Oi(i.rtl,this.x,this.width),p=function(i){e.fillText(i,g.x(t.x+f),t.y+d/2),t.y+=d+n},m=g.textAlign(o);let x,b,_,y,v,M,w;for(e.textAlign=o,e.textBaseline="middle",e.font=c.string,t.x=Ia(this,m,i),e.fillStyle=i.bodyColor,u(this.beforeBody,p),f=a&&"right"!==m?"center"===o?l/2+h:l+2+h:0,y=0,M=s.length;y<M;++y){for(x=s[y],b=this.labelTextColors[y],e.fillStyle=b,u(x.before,p),_=x.lines,a&&_.length&&(this._drawColorBox(e,t,y,g,i),d=Math.max(c.lineHeight,r)),v=0,w=_.length;v<w;++v)p(_[v]),d=c.lineHeight;u(x.after,p)}f=0,d=c.lineHeight,u(this.afterBody,p),t.y-=n}drawFooter(t,e,i){const s=this.footer,n=s.length;let o,a;if(n){const r=Oi(i.rtl,this.x,this.width);for(t.x=Ia(this,i.footerAlign,i),t.y+=i.footerMarginTop,e.textAlign=r.textAlign(i.footerAlign),e.textBaseline="middle",o=Si(i.footerFont),e.fillStyle=i.footerColor,e.font=o.string,a=0;a<n;++a)e.fillText(s[a],r.x(t.x),t.y+o.lineHeight/2),t.y+=o.lineHeight+i.footerSpacing}}drawBackground(t,e,i,s){const{xAlign:n,yAlign:o}=this,{x:a,y:r}=t,{width:l,height:h}=i,{topLeft:c,topRight:d,bottomLeft:u,bottomRight:f}=wi(s.cornerRadius);e.fillStyle=s.backgroundColor,e.strokeStyle=s.borderColor,e.lineWidth=s.borderWidth,e.beginPath(),e.moveTo(a+c,r),"top"===o&&this.drawCaret(t,e,i,s),e.lineTo(a+l-d,r),e.quadraticCurveTo(a+l,r,a+l,r+d),"center"===o&&"right"===n&&this.drawCaret(t,e,i,s),e.lineTo(a+l,r+h-f),e.quadraticCurveTo(a+l,r+h,a+l-f,r+h),"bottom"===o&&this.drawCaret(t,e,i,s),e.lineTo(a+u,r+h),e.quadraticCurveTo(a,r+h,a,r+h-u),"center"===o&&"left"===n&&this.drawCaret(t,e,i,s),e.lineTo(a,r+c),e.quadraticCurveTo(a,r,a+c,r),e.closePath(),e.fill(),s.borderWidth>0&&e.stroke()}_updateAnimationTarget(t){const e=this.chart,i=this.$animations,s=i&&i.x,n=i&&i.y;if(s||n){const i=Da[t.position].call(this,this._active,this._eventPosition);if(!i)return;const o=this._size=Ta(this,t),a=Object.assign({},i,this._size),r=Ea(e,t,a),l=Ra(t,a,r,e);s._to===l.x&&n._to===l.y||(this.xAlign=r.xAlign,this.yAlign=r.yAlign,this.width=o.width,this.height=o.height,this.caretX=i.x,this.caretY=i.y,this._resolveAnimations().update(this,l))}}_willRender(){return!!this.opacity}draw(t){const e=this.options.setContext(this.getContext());let i=this.opacity;if(!i)return;this._updateAnimationTarget(e);const s={width:this.width,height:this.height},n={x:this.x,y:this.y};i=Math.abs(i)<.001?0:i;const o=ki(e.padding),a=this.title.length||this.beforeBody.length||this.body.length||this.afterBody.length||this.footer.length;e.enabled&&a&&(t.save(),t.globalAlpha=i,this.drawBackground(n,t,s,e),Ai(t,e.textDirection),n.y+=o.top,this.drawTitle(n,t,e),this.drawBody(n,t,e),this.drawFooter(n,t,e),Ti(t,e.textDirection),t.restore())}getActiveElements(){return this._active||[]}setActiveElements(t,e){const i=this._active,s=t.map((({datasetIndex:t,index:e})=>{const i=this.chart.getDatasetMeta(t);if(!i)throw new Error("Cannot find a dataset at index "+t);return{datasetIndex:t,element:i.data[e],index:e}})),n=!f(i,s),o=this._positionChanged(s,e);(n||o)&&(this._active=s,this._eventPosition=e,this._ignoreReplayEvents=!0,this.update(!0))}handleEvent(t,e,i=!0){if(e&&this._ignoreReplayEvents)return!1;this._ignoreReplayEvents=!1;const s=this.options,n=this._active||[],o=this._getActiveElements(t,n,e,i),a=this._positionChanged(o,t),r=e||!f(o,n)||a;return r&&(this._active=o,(s.enabled||s.external)&&(this._eventPosition={x:t.x,y:t.y},this.update(!0,e))),r}_getActiveElements(t,e,i,s){const n=this.options;if("mouseout"===t.type)return[];if(!s)return e.filter((t=>this.chart.data.datasets[t.datasetIndex]&&void 0!==this.chart.getDatasetMeta(t.datasetIndex).controller.getParsed(t.index)));const o=this.chart.getElementsAtEventForMode(t,n.mode,n,i);return n.reverse&&o.reverse(),o}_positionChanged(t,e){const{caretX:i,caretY:s,options:n}=this,o=Da[n.position].call(this,t,e);return!1!==o&&(i!==o.x||s!==o.y)}}var Na={id:"tooltip",_element:Wa,positioners:Da,afterInit(t,e,i){i&&(t.tooltip=new Wa({chart:t,options:i}))},beforeUpdate(t,e,i){t.tooltip&&t.tooltip.initialize(i)},reset(t,e,i){t.tooltip&&t.tooltip.initialize(i)},afterDraw(t){const e=t.tooltip;if(e&&e._willRender()){const i={tooltip:e};if(!1===t.notifyPlugins("beforeTooltipDraw",{...i,cancelable:!0}))return;e.draw(t.ctx),t.notifyPlugins("afterTooltipDraw",i)}},afterEvent(t,e){if(t.tooltip){const i=e.replay;t.tooltip.handleEvent(e.event,i,e.inChartArea)&&(e.changed=!0)}},defaults:{enabled:!0,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:(t,e)=>e.bodyFont.size,boxWidth:(t,e)=>e.bodyFont.size,multiKeyBackground:"#fff",displayColors:!0,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:Va},defaultRoutes:{bodyFont:"font",footerFont:"font",titleFont:"font"},descriptors:{_scriptable:t=>"filter"!==t&&"itemSort"!==t&&"external"!==t,_indexable:!1,callbacks:{_scriptable:!1,_indexable:!1},animation:{_fallback:!1},animations:{_fallback:"animation"}},additionalOptionScopes:["interaction"]};return Tn.register(Un,$o,go,t),Tn.helpers={...Hi},Tn._adapters=In,Tn.Animation=As,Tn.Animations=Ts,Tn.animator=bt,Tn.controllers=nn.controllers.items,Tn.DatasetController=js,Tn.Element=$s,Tn.elements=go,Tn.Interaction=Ki,Tn.layouts=ls,Tn.platforms=Ds,Tn.Scale=tn,Tn.Ticks=ae,Object.assign(Tn,Un,$o,go,t,Ds),Tn.Chart=Tn,"undefined"!=typeof window&&(window.Chart=Tn),Tn}));
+//# sourceMappingURL=chart.umd.min.js.map
diff --git a/steps/vendor/clarinet.min.js b/steps/vendor/clarinet.min.js
new file mode 100644
index 0000000..2572bc8
--- /dev/null
+++ b/steps/vendor/clarinet.min.js
@@ -0,0 +1,8 @@
+/**
+ * Minified by jsDelivr using Terser v5.37.0.
+ * Original file: /npm/clarinet@0.12.5/clarinet.js
+ *
+ * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
+ */
+!function(e){"use strict";var t="object"==typeof process&&process.env?process.env:self;e.parser=function(e){return new F(e)},e.CParser=F,e.CStream=G,e.createStream=function(e){return new G(e)},e.MAX_BUFFER_LENGTH=65536,e.DEBUG="debug"===t.CDEBUG,e.INFO="debug"===t.CDEBUG||"info"===t.CDEBUG,e.EVENTS=["value","string","key","openobject","closeobject","openarray","closearray","error","end","ready"];var n,r={textNode:void 0,numberNode:""},o=e.EVENTS.filter((function(e){return"error"!==e&&"end"!==e})),i=0;for(var s in e.STATE={BEGIN:i++,VALUE:i++,OPEN_OBJECT:i++,CLOSE_OBJECT:i++,OPEN_ARRAY:i++,CLOSE_ARRAY:i++,TEXT_ESCAPE:i++,STRING:i++,BACKSLASH:i++,END:i++,OPEN_KEY:i++,CLOSE_KEY:i++,TRUE:i++,TRUE2:i++,TRUE3:i++,FALSE:i++,FALSE2:i++,FALSE3:i++,FALSE4:i++,NULL:i++,NULL2:i++,NULL3:i++,NUMBER_DECIMAL_POINT:i++,NUMBER_DIGIT:i++},e.STATE)e.STATE[e.STATE[s]]=s;i=e.STATE;const a=9,c=10,u=13,d=32,h=34,f=43,l=44,E=45,p=46,_=48,b=57,N=58,A=69,L=91,m=92,S=93,C=97,y=98,O=101,g=102,v=108,T=110,U=114,R=115,w=116,B=117,I=123,x=125;function k(e){for(var t in r)e[t]=r[t]}Object.create||(Object.create=function(e){function t(){this.__proto__=e}return t.prototype=e,new t}),Object.getPrototypeOf||(Object.getPrototypeOf=function(e){return e.__proto__}),Object.keys||(Object.keys=function(e){var t=[];for(var n in e)e.hasOwnProperty(n)&&t.push(n);return t});var P=/[\\"\n]/g;function F(t){if(!(this instanceof F))return new F(t);var n=this;k(n),n.bufferCheckPosition=e.MAX_BUFFER_LENGTH,n.q=n.c=n.p="",n.opt=t||{},n.closed=n.closedRoot=n.sawRoot=!1,n.tag=n.error=null,n.state=i.BEGIN,n.stack=new Array,n.position=n.column=0,n.line=1,n.slashed=!1,n.unicodeI=0,n.unicodeS=null,n.depth=0,j(n,"onready")}F.prototype={end:function(){D(this)},write:function(t){var n=this;if(this.error)throw this.error;if(n.closed)return q(n,"Cannot write after close. Assign an onready handler.");if(null===t)return D(n);var o=0,s=t.charCodeAt(0),a=n.p;e.DEBUG&&console.log("write -> ["+t+"]");for(;s&&(a=s,n.c=s=t.charCodeAt(o++),a!==s?n.p=a:a=n.p,s);)switch(e.DEBUG&&console.log(o,s,e.STATE[n.state]),n.position++,s===c?(n.line++,n.column=0):n.column++,n.state){case i.BEGIN:s===I?n.state=i.OPEN_OBJECT:s===L?n.state=i.OPEN_ARRAY:J(s)||q(n,"Non-whitespace before {[.");continue;case i.OPEN_KEY:case i.OPEN_OBJECT:if(J(s))continue;if(n.state===i.OPEN_KEY)n.stack.push(i.CLOSE_KEY);else{if(s===x){j(n,"onopenobject"),this.depth++,j(n,"oncloseobject"),this.depth--,n.state=n.stack.pop()||i.VALUE;continue}n.stack.push(i.CLOSE_OBJECT)}s===h?n.state=i.STRING:q(n,'Malformed object key should start with "');continue;case i.CLOSE_KEY:case i.CLOSE_OBJECT:if(J(s))continue;n.state,i.CLOSE_KEY;s===N?(n.state===i.CLOSE_OBJECT?(n.stack.push(i.CLOSE_OBJECT),Y(n,"onopenobject"),this.depth++):Y(n,"onkey"),n.state=i.VALUE):s===x?(V(n,"oncloseobject"),this.depth--,n.state=n.stack.pop()||i.VALUE):s===l?(n.state===i.CLOSE_OBJECT&&n.stack.push(i.CLOSE_OBJECT),Y(n),n.state=i.OPEN_KEY):q(n,"Bad object");continue;case i.OPEN_ARRAY:case i.VALUE:if(J(s))continue;if(n.state===i.OPEN_ARRAY){if(j(n,"onopenarray"),this.depth++,n.state=i.VALUE,s===S){j(n,"onclosearray"),this.depth--,n.state=n.stack.pop()||i.VALUE;continue}n.stack.push(i.CLOSE_ARRAY)}s===h?n.state=i.STRING:s===I?n.state=i.OPEN_OBJECT:s===L?n.state=i.OPEN_ARRAY:s===w?n.state=i.TRUE:s===g?n.state=i.FALSE:s===T?n.state=i.NULL:s===E?n.numberNode+="-":_<=s&&s<=b?(n.numberNode+=String.fromCharCode(s),n.state=i.NUMBER_DIGIT):q(n,"Bad value");continue;case i.CLOSE_ARRAY:if(s===l)n.stack.push(i.CLOSE_ARRAY),Y(n,"onvalue"),n.state=i.VALUE;else if(s===S)V(n,"onclosearray"),this.depth--,n.state=n.stack.pop()||i.VALUE;else{if(J(s))continue;q(n,"Bad array")}continue;case i.STRING:void 0===n.textNode&&(n.textNode="");var u=o-1,d=n.slashed,k=n.unicodeI;e:for(;;){for(e.DEBUG&&console.log(o,s,e.STATE[n.state],d);k>0;)if(n.unicodeS+=String.fromCharCode(s),s=t.charCodeAt(o++),n.position++,4===k?(n.textNode+=String.fromCharCode(parseInt(n.unicodeS,16)),k=0,u=o-1):k++,!s)break e;if(s===h&&!d){n.state=n.stack.pop()||i.VALUE,n.textNode+=t.substring(u,o-1),n.position+=o-1-u;break}if(s===m&&!d&&(d=!0,n.textNode+=t.substring(u,o-1),n.position+=o-1-u,s=t.charCodeAt(o++),n.position++,!s))break;if(d){if(d=!1,s===T?n.textNode+="\n":s===U?n.textNode+="\r":s===w?n.textNode+="\t":s===g?n.textNode+="\f":s===y?n.textNode+="\b":s===B?(k=1,n.unicodeS=""):n.textNode+=String.fromCharCode(s),s=t.charCodeAt(o++),n.position++,u=o-1,s)continue;break}P.lastIndex=o;var F=P.exec(t);if(null===F){o=t.length+1,n.textNode+=t.substring(u,o-1),n.position+=o-1-u;break}if(o=F.index+1,!(s=t.charCodeAt(F.index))){n.textNode+=t.substring(u,o-1),n.position+=o-1-u;break}}n.slashed=d,n.unicodeI=k;continue;case i.TRUE:s===U?n.state=i.TRUE2:q(n,"Invalid true started with t"+s);continue;case i.TRUE2:s===B?n.state=i.TRUE3:q(n,"Invalid true started with tr"+s);continue;case i.TRUE3:s===O?(j(n,"onvalue",!0),n.state=n.stack.pop()||i.VALUE):q(n,"Invalid true started with tru"+s);continue;case i.FALSE:s===C?n.state=i.FALSE2:q(n,"Invalid false started with f"+s);continue;case i.FALSE2:s===v?n.state=i.FALSE3:q(n,"Invalid false started with fa"+s);continue;case i.FALSE3:s===R?n.state=i.FALSE4:q(n,"Invalid false started with fal"+s);continue;case i.FALSE4:s===O?(j(n,"onvalue",!1),n.state=n.stack.pop()||i.VALUE):q(n,"Invalid false started with fals"+s);continue;case i.NULL:s===B?n.state=i.NULL2:q(n,"Invalid null started with n"+s);continue;case i.NULL2:s===v?n.state=i.NULL3:q(n,"Invalid null started with nu"+s);continue;case i.NULL3:s===v?(j(n,"onvalue",null),n.state=n.stack.pop()||i.VALUE):q(n,"Invalid null started with nul"+s);continue;case i.NUMBER_DECIMAL_POINT:s===p?(n.numberNode+=".",n.state=i.NUMBER_DIGIT):q(n,"Leading zero not followed by .");continue;case i.NUMBER_DIGIT:_<=s&&s<=b?n.numberNode+=String.fromCharCode(s):s===p?(-1!==n.numberNode.indexOf(".")&&q(n,"Invalid number has two dots"),n.numberNode+="."):s===O||s===A?(-1===n.numberNode.indexOf("e")&&-1===n.numberNode.indexOf("E")||q(n,"Invalid number has two exponential"),n.numberNode+="e"):s===f||s===E?(a!==O&&a!==A&&q(n,"Invalid symbol in number"),n.numberNode+=String.fromCharCode(s)):(M(n),o--,n.state=n.stack.pop()||i.VALUE);continue;default:q(n,"Unknown state: "+n.state)}n.position>=n.bufferCheckPosition&&function(t){var n=Math.max(e.MAX_BUFFER_LENGTH,10),o=0;for(var i in r){var s=void 0===t[i]?0:t[i].length;s>n&&("text"===i?closeText(t):q(t,"Max buffer length exceeded: "+i)),o=Math.max(o,s)}t.bufferCheckPosition=e.MAX_BUFFER_LENGTH-o+t.position}(n);return n},resume:function(){return this.error=null,this},close:function(){return this.write(null)}};try{n=require("stream").Stream}catch(e){n=function(){}}function G(e){if(!(this instanceof G))return new G(e);this._parser=new F(e),this.writable=!0,this.readable=!0,this.bytes_remaining=0,this.bytes_in_sequence=0,this.temp_buffs={2:new Buffer(2),3:new Buffer(3),4:new Buffer(4)},this.string="";var t=this;n.apply(t),this._parser.onend=function(){t.emit("end")},this._parser.onerror=function(e){t.emit("error",e),t._parser.error=null},o.forEach((function(e){Object.defineProperty(t,"on"+e,{get:function(){return t._parser["on"+e]},set:function(n){if(!n)return t.removeAllListeners(e),t._parser["on"+e]=n,n;t.on(e,n)},enumerable:!0,configurable:!1})}))}function j(t,n,r){e.INFO&&console.log("-- emit",n,r),t[n]&&t[n](r)}function V(e,t,n){Y(e),j(e,t,n)}function Y(e,t){e.textNode=function(e,t){if(void 0===t)return t;e.trim&&(t=t.trim());e.normalize&&(t=t.replace(/\s+/g," "));return t}(e.opt,e.textNode),void 0!==e.textNode&&j(e,t||"onvalue",e.textNode),e.textNode=void 0}function M(e){e.numberNode&&j(e,"onvalue",parseFloat(e.numberNode)),e.numberNode=""}function q(e,t){return Y(e),t+="\nLine: "+e.line+"\nColumn: "+e.column+"\nChar: "+e.c,t=new Error(t),e.error=t,j(e,"onerror",t),e}function D(e){return e.state===i.VALUE&&0===e.depth||q(e,"Unexpected end"),Y(e),e.c="",e.closed=!0,j(e,"onend"),F.call(e,e.opt),e}function J(e){return e===u||e===c||e===d||e===a}G.prototype=Object.create(n.prototype,{constructor:{value:G}}),G.prototype.write=function(e){e=new Buffer(e);for(var t=0;t<e.length;t++){var n=e[t];if(this.bytes_remaining>0){for(var r=0;r<this.bytes_remaining;r++)this.temp_buffs[this.bytes_in_sequence][this.bytes_in_sequence-this.bytes_remaining+r]=e[r];this.string=this.temp_buffs[this.bytes_in_sequence].toString(),this.bytes_in_sequence=this.bytes_remaining=0,t=t+r-1,this._parser.write(this.string),this.emit("data",this.string)}else if(0===this.bytes_remaining&&n>=128){if(n>=194&&n<=223&&(this.bytes_in_sequence=2),n>=224&&n<=239&&(this.bytes_in_sequence=3),n>=240&&n<=244&&(this.bytes_in_sequence=4),this.bytes_in_sequence+t>e.length){for(var o=0;o<=e.length-1-t;o++)this.temp_buffs[this.bytes_in_sequence][o]=e[t+o];return this.bytes_remaining=t+this.bytes_in_sequence-e.length,!0}this.string=e.slice(t,t+this.bytes_in_sequence).toString(),t=t+this.bytes_in_sequence-1,this._parser.write(this.string),this.emit("data",this.string)}else{for(var i=t;i<e.length&&!(e[i]>=128);i++);this.string=e.slice(t,i).toString(),this._parser.write(this.string),this.emit("data",this.string),t=i-1}}},G.prototype.end=function(e){return e&&e.length&&this._parser.write(e.toString()),this._parser.end(),!0},G.prototype.on=function(e,t){var r=this;return r._parser["on"+e]||-1===o.indexOf(e)||(r._parser["on"+e]=function(){var t=1===arguments.length?[arguments[0]]:Array.apply(null,arguments);t.splice(0,0,e),r.emit.apply(r,t)}),n.prototype.on.call(r,e,t)},G.prototype.destroy=function(){k(this._parser),this.emit("close")}}("undefined"==typeof exports?clarinet={}:exports);
+//# sourceMappingURL=/sm/b56266f50ceb7872837113476907f28aa9450ab5eb7dac6f5c821d34dff0793c.map
\ No newline at end of file
diff --git a/steps/vendor/oboe.min.js b/steps/vendor/oboe.min.js
new file mode 100644
index 0000000..3e4703b
--- /dev/null
+++ b/steps/vendor/oboe.min.js
@@ -0,0 +1,5 @@
+/*!
+ * v2.1.4-104-gc868b3a
+ * 
+ */
+!function(n,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("oboe",[],t):"object"==typeof exports?exports.oboe=t():n.oboe=t()}("undefined"!=typeof self?self:this,function(){return function(n){var t={};function e(r){if(t[r])return t[r].exports;var u=t[r]={i:r,l:!1,exports:{}};return n[r].call(u.exports,u,u.exports,e),u.l=!0,u.exports}return e.m=n,e.c=t,e.d=function(n,t,r){e.o(n,t)||Object.defineProperty(n,t,{configurable:!1,enumerable:!0,get:r})},e.n=function(n){var t=n&&n.__esModule?function(){return n.default}:function(){return n};return e.d(t,"a",t),t},e.o=function(n,t){return Object.prototype.hasOwnProperty.call(n,t)},e.p="",e(e.s=7)}([function(n,t,e){"use strict";e.d(t,"j",function(){return u}),e.d(t,"d",function(){return i}),e.d(t,"c",function(){return c}),e.d(t,"h",function(){return o}),e.d(t,"b",function(){return f}),e.d(t,"k",function(){return a}),e.d(t,"e",function(){return s}),e.d(t,"g",function(){return d}),e.d(t,"i",function(){return b}),e.d(t,"a",function(){return l}),e.d(t,"f",function(){return j});var r=e(1),u=a(function(n,t){var e=t.length;return a(function(r){for(var u=0;u<r.length;u++)t[e+u]=r[u];return t.length=e+r.length,n.apply(this,t)})});a(function(n){var t=Object(r.c)(n);function e(n,t){return[f(n,t)]}return a(function(n){return Object(r.f)(e,n,t)[0]})});function i(n,t){return function(){return n.call(this,t.apply(this,arguments))}}function c(n){return function(t){return t[n]}}var o=a(function(n){return a(function(t){for(var e,r=0;r<c("length")(n);r++)if(e=f(t,n[r]))return e})});function f(n,t){return t.apply(void 0,n)}function a(n){var t=n.length-1,e=Array.prototype.slice;if(0===t)return function(){return n.call(this,e.call(arguments))};if(1===t)return function(){return n.call(this,arguments[0],e.call(arguments,1))};var r=Array(n.length);return function(){for(var u=0;u<t;u++)r[u]=arguments[u];return r[t]=e.call(arguments,t),n.apply(this,r)}}function s(n){return function(t,e){return n(e,t)}}function d(n,t){return function(e){return n(e)&&t(e)}}function b(){}function l(){return!0}function j(n){return function(){return n}}},function(n,t,e){"use strict";e.d(t,"d",function(){return u}),e.d(t,"g",function(){return c}),e.d(t,"l",function(){return o}),e.d(t,"c",function(){return f}),e.d(t,"h",function(){return a}),e.d(t,"i",function(){return s}),e.d(t,"j",function(){return d}),e.d(t,"f",function(){return b}),e.d(t,"m",function(){return l}),e.d(t,"a",function(){return j}),e.d(t,"b",function(){return v}),e.d(t,"k",function(){return O}),e.d(t,"e",function(){return h});var r=e(0);function u(n,t){return[n,t]}var i=null,c=Object(r.c)(0),o=Object(r.c)(1);function f(n){return O(n.reduce(Object(r.e)(u),i))}var a=Object(r.k)(f);function s(n){return b(function(n,t){return n.unshift(t),n},[],n)}function d(n,t){return t?u(n(c(t)),d(n,o(t))):i}function b(n,t,e){return e?n(b(n,t,o(e)),c(e)):t}function l(n,t,e){return function n(e,r){return e?t(c(e))?(r(c(e)),o(e)):u(c(e),n(o(e),r)):i}(n,e||r.i)}function j(n,t){return!t||n(c(t))&&j(n,o(t))}function v(n,t){n&&(c(n).apply(null,t),v(o(n),t))}function O(n){return function n(t,e){return t?n(o(t),u(c(t),e)):e}(n,i)}function h(n,t){return t&&(n(c(t))?c(t):h(n,o(t)))}},function(n,t,e){"use strict";e.d(t,"c",function(){return i}),e.d(t,"e",function(){return c}),e.d(t,"d",function(){return o}),e.d(t,"a",function(){return f}),e.d(t,"b",function(){return a});var r=e(1),u=e(0);function i(n,t){return t&&t.constructor===n}var c=Object(u.c)("length"),o=Object(u.j)(i,String);function f(n){return void 0!==n}function a(n,t){return t instanceof Object&&Object(r.a)(function(n){return n in t},n)}},function(n,t,e){"use strict";e.d(t,"f",function(){return u}),e.d(t,"d",function(){return i}),e.d(t,"g",function(){return c}),e.d(t,"e",function(){return o}),e.d(t,"b",function(){return f}),e.d(t,"h",function(){return a}),e.d(t,"i",function(){return s}),e.d(t,"c",function(){return d}),e.d(t,"m",function(){return b}),e.d(t,"n",function(){return l}),e.d(t,"a",function(){return j}),e.d(t,"j",function(){return v}),e.d(t,"l",function(){return O}),e.d(t,"k",function(){return h}),e.d(t,"o",function(){return p});var r=1,u=r++,i=r++,c=r++,o=r++,f="fail",a=r++,s=r++,d="start",b="data",l="end",j=r++,v=r++,O=r++,h=r++;function p(n,t,e){try{var r=JSON.parse(t)}catch(n){}return{statusCode:n,body:t,jsonBody:r,thrown:e}}},function(n,t,e){"use strict";e.d(t,"b",function(){return u}),e.d(t,"a",function(){return i}),e.d(t,"c",function(){return c});var r=e(0);function u(n,t){return{key:n,node:t}}var i=Object(r.c)("key"),c=Object(r.c)("node")},function(n,t,e){"use strict";e.d(t,"a",function(){return f});var r=e(1),u=e(0),i=e(2),c=e(8),o=e(9);function f(n){var t=Object(r.h)("resume","pause","pipe"),e=Object(u.j)(i.b,t);return n?e(n)||Object(i.d)(n)?Object(c.a)(o.a,n):Object(c.a)(o.a,n.url,n.method,n.body,n.headers,n.withCredentials,n.cached):Object(o.a)()}f.drop=function(){return f.drop}},function(n,t,e){"use strict";e.d(t,"b",function(){return f}),e.d(t,"a",function(){return o});var r=e(3),u=e(4),i=e(2),c=e(1),o={};function f(n){var t=n(r.f).emit,e=n(r.d).emit,f=n(r.i).emit,a=n(r.h).emit;function s(n,t,e){Object(u.c)(Object(c.g)(n))[t]=e}function d(n,e,r){n&&s(n,e,r);var i=Object(c.d)(Object(u.b)(e,r),n);return t(i),i}var b={};return b[r.l]=function(n,t){if(!n)return f(t),d(n,o,t);var e=function(n,t){var e=Object(u.c)(Object(c.g)(n));return Object(i.c)(Array,e)?d(n,Object(i.e)(e),t):n}(n,t),r=Object(c.l)(e),a=Object(u.a)(Object(c.g)(e));return s(r,a,t),Object(c.d)(Object(u.b)(a,t),r)},b[r.k]=function(n){return e(n),Object(c.l)(n)||a(Object(u.c)(Object(c.g)(n)))},b[r.j]=d,b}},function(n,t,e){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=e(5);t.default=r.a},function(n,t,e){"use strict";e.d(t,"a",function(){return u});var r=e(2);function u(n,t,e,u,i,c,o){return i=i?JSON.parse(JSON.stringify(i)):{},u?(Object(r.d)(u)||(u=JSON.stringify(u),i["Content-Type"]=i["Content-Type"]||"application/json"),i["Content-Length"]=i["Content-Length"]||u.length):u=null,n(e||"GET",function(n,t){return!1===t&&(-1===n.indexOf("?")?n+="?":n+="&",n+="_="+(new Date).getTime()),n}(t,o),u,i,c||!1)}},function(n,t,e){"use strict";e.d(t,"a",function(){return d});var r=e(10),u=e(12),i=e(6),c=e(13),o=e(14),f=e(16),a=e(17),s=e(18);function d(n,t,e,d,b){var l=Object(r.a)();return t&&Object(s.b)(l,Object(s.a)(),n,t,e,d,b),Object(a.a)(l),Object(u.a)(l,Object(i.b)(l)),Object(c.a)(l,o.a),Object(f.a)(l,t)}},function(n,t,e){"use strict";e.d(t,"a",function(){return i});var r=e(11),u=e(0);function i(){var n={},t=i("newListener"),e=i("removeListener");function i(u){return n[u]=Object(r.a)(u,t,e),n[u]}function c(t){return n[t]||i(t)}return["emit","on","un"].forEach(function(n){c[n]=Object(u.k)(function(t,e){Object(u.b)(e,c(t)[n])})}),c}},function(n,t,e){"use strict";e.d(t,"a",function(){return c});var r=e(1),u=e(2),i=e(0);function c(n,t,e){var c,o;function f(n){return function(t){return t.id===n}}return{on:function(e,u){var i={listener:e,id:u||e};return t&&t.emit(n,e,i.id),c=Object(r.d)(i,c),o=Object(r.d)(e,o),this},emit:function(){Object(r.b)(o,arguments)},un:function(t){var u;c=Object(r.m)(c,f(t),function(n){u=n}),u&&(o=Object(r.m)(o,function(n){return n===u.listener}),e&&e.emit(n,u.listener,u.id))},listeners:function(){return o},hasListener:function(n){var t=n?f(n):i.a;return Object(u.a)(Object(r.e)(t,c))}}}},function(n,t,e){"use strict";e.d(t,"a",function(){return c});var r=e(4),u=e(3),i=e(1);function c(n,t){var e,c={};function o(n){return function(t){e=n(e,t)}}for(var f in t)n(f).on(o(t[f]),c);n(u.g).on(function(n){var t=Object(i.g)(e),u=Object(r.a)(t),c=Object(i.l)(e);c&&(Object(r.c)(Object(i.g)(c))[u]=n)}),n(u.e).on(function(){var n=Object(i.g)(e),t=Object(r.a)(n),u=Object(i.l)(e);u&&delete Object(r.c)(Object(i.g)(u))[t]}),n(u.a).on(function(){for(var e in t)n(e).un(c)})}},function(n,t,e){"use strict";e.d(t,"a",function(){return c});var r=e(3),u=e(1),i=e(4);function c(n,t){var e={node:n(r.d),path:n(r.f)};function c(t,e,r){var c=n(t).emit;e.on(function(n){var t=r(n);!1!==t&&function(n,t,e){var r=Object(u.k)(e);n(t,Object(u.i)(Object(u.l)(Object(u.j)(i.a,r))),Object(u.i)(Object(u.j)(i.c,r)))}(c,Object(i.c)(t),n)},t),n("removeListener").on(function(r){r===t&&(n(r).listeners()||e.un(t))})}n("newListener").on(function(n){var r=/(node|path):(.*)/.exec(n);if(r){var u=e[r[1]];u.hasListener(n)||c(n,u,t(r[2]))}})}},function(n,t,e){"use strict";e.d(t,"a",function(){return a});var r=e(0),u=e(1),i=e(4),c=e(2),o=e(6),f=e(15),a=Object(f.a)(function(n,t,e,f,a){var s=1,d=2,b=3,l=Object(r.d)(i.a,u.g),j=Object(r.d)(i.c,u.g);function v(n,t){return!!t[s]?Object(r.g)(n,u.g):n}function O(n){if(n===r.a)return r.a;return Object(r.g)(function(n){return l(n)!==o.a},Object(r.d)(n,u.l))}function h(){return function(n){return l(n)===o.a}}function p(n,t,e,r,i){var o=n(e);if(o){var f=function(n,t,e){return Object(u.f)(function(n,t){return t(n,e)},t,n)}(t,r,o);return i(e.substr(Object(c.e)(o[0])),f)}}function g(n,t){return Object(r.j)(p,n,t)}var m=Object(r.h)(g(n,Object(u.h)(v,function(n,t){var e=t[b];if(!e)return n;var i=Object(r.j)(c.b,Object(u.c)(e.split(/\W+/))),o=Object(r.d)(i,j);return Object(r.g)(o,n)},function(n,t){var e=t[d],u=e&&"*"!==e?function(n){return String(l(n))===e}:r.a;return Object(r.g)(u,n)},O)),g(t,Object(u.h)(function(n){if(n===r.a)return r.a;var t=h(),e=n,u=O(function(n){return i(n)}),i=Object(r.h)(t,e,u);return i})),g(e,Object(u.h)()),g(f,Object(u.h)(v,h)),g(a,Object(u.h)(function(n){return function(t){var e=n(t);return!0===e?Object(u.g)(t):e}})),function(n){throw Error('"'+n+'" could not be tokenised')});function y(n,t){return t}function w(n,t){return m(n,t,n?w:y)}return function(n){try{return w(n,r.a)}catch(t){throw Error('Could not compile "'+n+'" because '+t.message)}}})},function(n,t,e){"use strict";e.d(t,"a",function(){return v});var r,u,i,c,o,f,a,s,d,b,l,j=e(0),v=(r=Object(j.k)(function(n){return n.unshift(/^/),(t=RegExp(n.map(Object(j.c)("source")).join(""))).exec.bind(t);var t}),c=r(u=/(\$?)/,/([\w-_]+|\*)/,i=/(?:{([\w ]*?)})?/),o=r(u,/\["([^"]+)"\]/,i),f=r(u,/\[(\d+|\*)\]/,i),a=r(u,/()/,/{([\w ]*?)}/),s=r(/\.\./),d=r(/\./),b=r(u,/!/),l=r(/$/),function(n){return n(Object(j.h)(c,o,f,a),s,d,b,l)})},function(n,t,e){"use strict";e.d(t,"a",function(){return o});var r=e(3),u=e(0),i=e(2),c=e(5);function o(n,t){var e,o=/^(node|path):./,f=n(r.h),a=n(r.e).emit,s=n(r.g).emit,d=Object(u.k)(function(t,r){if(e[t])Object(u.b)(r,e[t]);else{var i=n(t),c=r[0];o.test(t)?b(i,j(c)):i.on(c)}return e});function b(n,t,r){r=r||t;var i=l(t);return n.on(function(){var t=!1;e.forget=function(){t=!0},Object(u.b)(arguments,i),delete e.forget,t&&n.un(r)},r),e}function l(n){return function(){try{return n.apply(e,arguments)}catch(n){setTimeout(function(){throw new Error(n.message)})}}}function j(n){return function(){var t=n.apply(this,arguments);Object(i.a)(t)&&(t===c.a.drop?a():s(t))}}function v(t,e,r){var u;u="node"===t?j(r):r,b(function(t,e){return n(t+":"+e)}(t,e),u,r)}function O(n,t,r){return Object(i.d)(t)?v(n,t,r):function(n,t){for(var e in t)v(n,e,t[e])}(n,t),e}return n(r.i).on(function(n){e.root=Object(u.f)(n)}),n(r.c).on(function(n,t){e.header=function(n){return n?t[n]:t}}),e={on:d,addListener:d,removeListener:function(t,r,u){if("done"===t)f.un(r);else if("node"===t||"path"===t)n.un(t+":"+r,u);else{var i=r;n(t).un(i)}return e},emit:n.emit,node:Object(u.j)(O,"node"),path:Object(u.j)(O,"path"),done:Object(u.j)(b,f),start:Object(u.j)(function(t,r){return n(t).on(l(r),r),e},r.c),fail:n(r.b).on,abort:n(r.a).emit,header:u.i,root:u.i,source:t}}},function(n,t,e){"use strict";e.d(t,"a",function(){return u});var r=e(3);function u(n){var t,e,u,i,c=n(r.j).emit,o=n(r.l).emit,f=n(r.k).emit,a=n(r.b).emit,s=65536,d=/[\\"\n]/g,b=0,l=b++,j=b++,v=b++,O=b++,h=b++,p=b++,g=b++,m=b++,y=b++,w=b++,x=b++,k=b++,I=b++,L=b++,C=b++,E=b++,S=b++,M=b++,A=b++,T=b++,N=b,R=s,_="",q=!1,H=!1,B=l,J=[],P=null,X=0,U=0,W=0,$=0,z=1;function D(n){void 0!==i&&(o(i),f(),i=void 0),t=Error(n+"\nLn: "+z+"\nCol: "+$+"\nChr: "+e),a(Object(r.o)(void 0,void 0,t))}function F(n){return"\r"===n||"\n"===n||" "===n||"\t"===n}n(r.m).on(function(n){if(t)return;if(H)return D("Cannot write after close");var r=0;e=n[0];for(;e&&(r>0&&(u=e),e=n[r++]);)switch(W++,"\n"===e?(z++,$=0):$++,B){case l:if("{"===e)B=v;else if("["===e)B=h;else if(!F(e))return D("Non-whitespace before {[.");continue;case m:case v:if(F(e))continue;if(B===m)J.push(y);else{if("}"===e){o({}),f(),B=J.pop()||j;continue}J.push(O)}if('"'!==e)return D('Malformed object key should start with " ');B=g;continue;case y:case O:if(F(e))continue;if(":"===e)B===O?(J.push(O),void 0!==i&&(o({}),c(i),i=void 0),U++):void 0!==i&&(c(i),i=void 0),B=j;else if("}"===e)void 0!==i&&(o(i),f(),i=void 0),f(),U--,B=J.pop()||j;else{if(","!==e)return D("Bad object");B===O&&J.push(O),void 0!==i&&(o(i),f(),i=void 0),B=m}continue;case h:case j:if(F(e))continue;if(B===h){if(o([]),U++,B=j,"]"===e){f(),U--,B=J.pop()||j;continue}J.push(p)}if('"'===e)B=g;else if("{"===e)B=v;else if("["===e)B=h;else if("t"===e)B=w;else if("f"===e)B=I;else if("n"===e)B=S;else if("-"===e)_+=e;else if("0"===e)_+=e,B=N;else{if(-1==="123456789".indexOf(e))return D("Bad value");_+=e,B=N}continue;case p:if(","===e)J.push(p),void 0!==i&&(o(i),f(),i=void 0),B=j;else{if("]"!==e){if(F(e))continue;return D("Bad array")}void 0!==i&&(o(i),f(),i=void 0),f(),U--,B=J.pop()||j}continue;case g:void 0===i&&(i="");var a=r-1;n:for(;;){for(;X>0;)if(P+=e,e=n.charAt(r++),4===X?(i+=String.fromCharCode(parseInt(P,16)),X=0,a=r-1):X++,!e)break n;if('"'===e&&!q){B=J.pop()||j,i+=n.substring(a,r-1);break}if(!("\\"!==e||q||(q=!0,i+=n.substring(a,r-1),e=n.charAt(r++))))break;if(q){if(q=!1,"n"===e?i+="\n":"r"===e?i+="\r":"t"===e?i+="\t":"f"===e?i+="\f":"b"===e?i+="\b":"u"===e?(X=1,P=""):i+=e,e=n.charAt(r++),a=r-1,e)continue;break}d.lastIndex=r;var b=d.exec(n);if(!b){r=n.length+1,i+=n.substring(a,r-1);break}if(r=b.index+1,!(e=n.charAt(b.index))){i+=n.substring(a,r-1);break}}continue;case w:if(!e)continue;if("r"!==e)return D("Invalid true started with t"+e);B=x;continue;case x:if(!e)continue;if("u"!==e)return D("Invalid true started with tr"+e);B=k;continue;case k:if(!e)continue;if("e"!==e)return D("Invalid true started with tru"+e);o(!0),f(),B=J.pop()||j;continue;case I:if(!e)continue;if("a"!==e)return D("Invalid false started with f"+e);B=L;continue;case L:if(!e)continue;if("l"!==e)return D("Invalid false started with fa"+e);B=C;continue;case C:if(!e)continue;if("s"!==e)return D("Invalid false started with fal"+e);B=E;continue;case E:if(!e)continue;if("e"!==e)return D("Invalid false started with fals"+e);o(!1),f(),B=J.pop()||j;continue;case S:if(!e)continue;if("u"!==e)return D("Invalid null started with n"+e);B=M;continue;case M:if(!e)continue;if("l"!==e)return D("Invalid null started with nu"+e);B=A;continue;case A:if(!e)continue;if("l"!==e)return D("Invalid null started with nul"+e);o(null),f(),B=J.pop()||j;continue;case T:if("."!==e)return D("Leading zero not followed by .");_+=e,B=N;continue;case N:if(-1!=="0123456789".indexOf(e))_+=e;else if("."===e){if(-1!==_.indexOf("."))return D("Invalid number has two dots");_+=e}else if("e"===e||"E"===e){if(-1!==_.indexOf("e")||-1!==_.indexOf("E"))return D("Invalid number has two exponential");_+=e}else if("+"===e||"-"===e){if("e"!==u&&"E"!==u)return D("Invalid symbol in number");_+=e}else _&&(o(parseFloat(_)),f(),_=""),r--,B=J.pop()||j;continue;default:return D("Unknown state: "+B)}W>=R&&(G=0,void 0!==i&&i.length>s&&(D("Max buffer length exceeded: textNode"),G=Math.max(G,i.length)),_.length>s&&(D("Max buffer length exceeded: numberNode"),G=Math.max(G,_.length)),R=s-G+W);var G}),n(r.n).on(function(){if(B===l)return o({}),f(),void(H=!0);B===j&&0===U||D("Unexpected end");void 0!==i&&(o(i),f(),i=void 0);H=!0})}},function(n,t,e){"use strict";e.d(t,"a",function(){return f}),e.d(t,"b",function(){return a});var r=e(19),u=e(3),i=e(2),c=e(20),o=e(0);function f(){return new XMLHttpRequest}function a(n,t,e,f,a,s,d){var b=n(u.m).emit,l=n(u.b).emit,j=0,v=!0;function O(){if("2"===String(t.status)[0]){var n=t.responseText,e=(" "+n.substr(j)).substr(1);e&&b(e),j=Object(i.e)(n)}}function h(t){try{v&&n(u.c).emit(t.status,Object(c.a)(t.getAllResponseHeaders())),v=!1}catch(n){}}n(u.a).on(function(){t.onreadystatechange=null,t.abort()}),"onprogress"in t&&(t.onprogress=O),t.onreadystatechange=function(){switch(t.readyState){case 2:case 3:return h(t);case 4:h(t),"2"===String(t.status)[0]?(O(),n(u.n).emit()):l(Object(u.o)(t.status,t.responseText))}};try{for(var p in t.open(e,f,!0),s)t.setRequestHeader(p,s[p]);Object(r.a)(window.location,Object(r.b)(f))||t.setRequestHeader("X-Requested-With","XMLHttpRequest"),t.withCredentials=d,t.send(a)}catch(n){window.setTimeout(Object(o.j)(l,Object(u.o)(void 0,void 0,n)),0)}}},function(n,t,e){"use strict";function r(n,t){function e(t){return String(t.port||{"http:":80,"https:":443}[t.protocol||n.protocol])}return!!(t.protocol&&t.protocol!==n.protocol||t.host&&t.host!==n.host||t.host&&e(t)!==e(n))}function u(n){var t=/(\w+:)?(?:\/\/)([\w.-]+)?(?::(\d+))?\/?/.exec(n)||[];return{protocol:t[1]||"",host:t[2]||"",port:t[3]||""}}e.d(t,"a",function(){return r}),e.d(t,"b",function(){return u})},function(n,t,e){"use strict";function r(n){var t={};return n&&n.split("\r\n").forEach(function(n){var e=n.indexOf(": ");t[n.substring(0,e)]=n.substring(e+2)}),t}e.d(t,"a",function(){return r})}]).default});
\ No newline at end of file
diff --git a/steps/vendor/p5.js b/steps/vendor/p5.js
new file mode 100644
index 0000000..6c470be
--- /dev/null
+++ b/steps/vendor/p5.js
@@ -0,0 +1,121501 @@
+/*! p5.js v1.9.0 November 28, 2023 */
+(function (f) {
+  if (typeof exports === 'object' && typeof module !== 'undefined') {
+    module.exports = f()
+  } else if (typeof define === 'function' && define.amd) {
+    define([], f)
+  } else {
+    var g;
+    if (typeof window !== 'undefined') {
+      g = window
+    } else if (typeof global !== 'undefined') {
+      g = global
+    } else if (typeof self !== 'undefined') {
+      g = self
+    } else {
+      g = this
+    }
+    g.p5 = f()
+  }
+}) (function () {
+  var define,
+  module,
+  exports;
+  return (function () {
+    function r(e, n, t) {
+      function o(i, f) {
+        if (!n[i]) {
+          if (!e[i]) {
+            var c = 'function' == typeof require && require;
+            if (!f && c) return c(i, !0);
+            if (u) return u(i, !0);
+            var a = new Error('Cannot find module \'' + i + '\'');
+            throw a.code = 'MODULE_NOT_FOUND',
+            a
+          }
+          var p = n[i] = {
+            exports: {
+            }
+          };
+          e[i][0].call(p.exports, function (r) {
+            var n = e[i][1][r];
+            return o(n || r)
+          }, p, p.exports, r, e, n, t)
+        }
+        return n[i].exports
+      }
+      for (var u = 'function' == typeof require && require, i = 0; i < t.length; i++) o(t[i]);
+      return o
+    }
+    return r
+  }) () ({
+    1: [
+      function (_dereq_, module, exports) {
+        module.exports = {
+          'p5': {
+            'describe': {
+              'name': 'describe',
+              'params': [
+                {
+                  'name': 'text',
+                  'description': '<p>description of the canvas.</p>\n',
+                  'type': 'String'
+                },
+                {
+                  'name': 'display',
+                  'description': '<p>either LABEL or FALLBACK.</p>\n',
+                  'type': 'Constant',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Environment'
+            },
+            'describeElement': {
+              'name': 'describeElement',
+              'params': [
+                {
+                  'name': 'name',
+                  'description': '<p>name of the element.</p>\n',
+                  'type': 'String'
+                },
+                {
+                  'name': 'text',
+                  'description': '<p>description of the element.</p>\n',
+                  'type': 'String'
+                },
+                {
+                  'name': 'display',
+                  'description': '<p>either LABEL or FALLBACK.</p>\n',
+                  'type': 'Constant',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Environment'
+            },
+            'textOutput': {
+              'name': 'textOutput',
+              'params': [
+                {
+                  'name': 'display',
+                  'description': '<p>either FALLBACK or LABEL.</p>\n',
+                  'type': 'Constant',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Environment'
+            },
+            'gridOutput': {
+              'name': 'gridOutput',
+              'params': [
+                {
+                  'name': 'display',
+                  'description': '<p>either FALLBACK or LABEL.</p>\n',
+                  'type': 'Constant',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Environment'
+            },
+            'alpha': {
+              'name': 'alpha',
+              'params': [
+                {
+                  'name': 'color',
+                  'description': '<p><a href="#/p5.Color">p5.Color</a> object, array of\n                                        color components, or CSS color string.</p>\n',
+                  'type': 'p5.Color|Number[]|String'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Color'
+            },
+            'blue': {
+              'name': 'blue',
+              'params': [
+                {
+                  'name': 'color',
+                  'description': '<p><a href="#/p5.Color">p5.Color</a> object, array of\n                                        color components, or CSS color string.</p>\n',
+                  'type': 'p5.Color|Number[]|String'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Color'
+            },
+            'brightness': {
+              'name': 'brightness',
+              'params': [
+                {
+                  'name': 'color',
+                  'description': '<p><a href="#/p5.Color">p5.Color</a> object, array of\n                                        color components, or CSS color string.</p>\n',
+                  'type': 'p5.Color|Number[]|String'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Color'
+            },
+            'color': {
+              'name': 'color',
+              'class': 'p5',
+              'module': 'Color',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'gray',
+                      'description': '<p>number specifying value between white and black.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'alpha',
+                      'description': '<p>alpha value relative to current color range\n                                (default is 0-255).</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'v1',
+                      'description': '<p>red or hue value relative to\n                                the current color range.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'v2',
+                      'description': '<p>green or saturation value\n                                relative to the current color range.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'v3',
+                      'description': '<p>blue or brightness value\n                                relative to the current color range.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'alpha',
+                      'description': '',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'value',
+                      'description': '<p>a color string.</p>\n',
+                      'type': 'String'
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'values',
+                      'description': '<p>an array containing the red, green, blue,\n                                and alpha components of the color.</p>\n',
+                      'type': 'Number[]'
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'color',
+                      'description': '',
+                      'type': 'p5.Color'
+                    }
+                  ]
+                }
+              ]
+            },
+            'green': {
+              'name': 'green',
+              'params': [
+                {
+                  'name': 'color',
+                  'description': '<p><a href="#/p5.Color">p5.Color</a> object, array of\n                                        color components, or CSS color string.</p>\n',
+                  'type': 'p5.Color|Number[]|String'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Color'
+            },
+            'hue': {
+              'name': 'hue',
+              'params': [
+                {
+                  'name': 'color',
+                  'description': '<p><a href="#/p5.Color">p5.Color</a> object, array of\n                                        color components, or CSS color string.</p>\n',
+                  'type': 'p5.Color|Number[]|String'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Color'
+            },
+            'lerpColor': {
+              'name': 'lerpColor',
+              'params': [
+                {
+                  'name': 'c1',
+                  'description': '<p>interpolate from this color.</p>\n',
+                  'type': 'p5.Color'
+                },
+                {
+                  'name': 'c2',
+                  'description': '<p>interpolate to this color.</p>\n',
+                  'type': 'p5.Color'
+                },
+                {
+                  'name': 'amt',
+                  'description': '<p>number between 0 and 1.</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Color'
+            },
+            'lightness': {
+              'name': 'lightness',
+              'params': [
+                {
+                  'name': 'color',
+                  'description': '<p><a href="#/p5.Color">p5.Color</a> object, array of\n                                        color components, or CSS color string.</p>\n',
+                  'type': 'p5.Color|Number[]|String'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Color'
+            },
+            'red': {
+              'name': 'red',
+              'params': [
+                {
+                  'name': 'color',
+                  'description': '<p><a href="#/p5.Color">p5.Color</a> object, array of\n                                        color components, or CSS color string.</p>\n',
+                  'type': 'p5.Color|Number[]|String'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Color'
+            },
+            'saturation': {
+              'name': 'saturation',
+              'params': [
+                {
+                  'name': 'color',
+                  'description': '<p><a href="#/p5.Color">p5.Color</a> object, array of\n                                        color components, or CSS color string.</p>\n',
+                  'type': 'p5.Color|Number[]|String'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Color'
+            },
+            'beginClip': {
+              'name': 'beginClip',
+              'params': [
+                {
+                  'name': 'options',
+                  'description': '<p>An object containing clip settings.</p>\n',
+                  'type': 'Object',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Color'
+            },
+            'endClip': {
+              'name': 'endClip',
+              'class': 'p5',
+              'module': 'Color'
+            },
+            'clip': {
+              'name': 'clip',
+              'params': [
+                {
+                  'name': 'callback',
+                  'description': '<p>A function that draws the mask shape.</p>\n',
+                  'type': 'Function'
+                },
+                {
+                  'name': 'options',
+                  'description': '<p>An object containing clip settings.</p>\n',
+                  'type': 'Object',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Color'
+            },
+            'background': {
+              'name': 'background',
+              'class': 'p5',
+              'module': 'Color',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'color',
+                      'description': '<p>any value created by the <a href="#/p5/color">color()</a> function</p>\n',
+                      'type': 'p5.Color'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'colorstring',
+                      'description': '<p>color string, possible formats include: integer\n                        rgb() or rgba(), percentage rgb() or rgba(),\n                        3-digit hex, 6-digit hex.</p>\n',
+                      'type': 'String'
+                    },
+                    {
+                      'name': 'a',
+                      'description': '<p>opacity of the background relative to current\n                            color range (default is 0-255).</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'gray',
+                      'description': '<p>specifies a value between white and black.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'a',
+                      'description': '',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'v1',
+                      'description': '<p>red value if color mode is RGB, or hue value if color mode is HSB.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'v2',
+                      'description': '<p>green value if color mode is RGB, or saturation value if color mode is HSB.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'v3',
+                      'description': '<p>blue value if color mode is RGB, or brightness value if color mode is HSB.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'a',
+                      'description': '',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'values',
+                      'description': '<p>an array containing the red, green, blue\n                                and alpha components of the color.</p>\n',
+                      'type': 'Number[]'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'image',
+                      'description': '<p>image created with <a href="#/p5/loadImage">loadImage()</a>\n                            or <a href="#/p5/createImage">createImage()</a>,\n                            to set as background.\n                            (must be same size as the sketch window).</p>\n',
+                      'type': 'p5.Image'
+                    },
+                    {
+                      'name': 'a',
+                      'description': '',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ],
+                  'chainable': 1
+                }
+              ]
+            },
+            'clear': {
+              'name': 'clear',
+              'params': [
+                {
+                  'name': 'r',
+                  'description': '<p>normalized red value.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'g',
+                  'description': '<p>normalized green value.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'b',
+                  'description': '<p>normalized blue value.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'a',
+                  'description': '<p>normalized alpha value.</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Color'
+            },
+            'colorMode': {
+              'name': 'colorMode',
+              'class': 'p5',
+              'module': 'Color',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'mode',
+                      'description': '<p>either RGB, HSB or HSL, corresponding to\n                         Red/Green/Blue and Hue/Saturation/Brightness\n                         (or Lightness).</p>\n',
+                      'type': 'Constant'
+                    },
+                    {
+                      'name': 'max',
+                      'description': '<p>range for all values.</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'mode',
+                      'description': '',
+                      'type': 'Constant'
+                    },
+                    {
+                      'name': 'max1',
+                      'description': '<p>range for the red or hue depending on the\n                             current color mode.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'max2',
+                      'description': '<p>range for the green or saturation depending\n                             on the current color mode.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'max3',
+                      'description': '<p>range for the blue or brightness/lightness\n                             depending on the current color mode.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'maxA',
+                      'description': '<p>range for the alpha.</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ],
+                  'chainable': 1
+                }
+              ]
+            },
+            'fill': {
+              'name': 'fill',
+              'class': 'p5',
+              'module': 'Color',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'v1',
+                      'description': '<p>red value if color mode is RGB or hue value if color mode is HSB.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'v2',
+                      'description': '<p>green value if color mode is RGB or saturation value if color mode is HSB.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'v3',
+                      'description': '<p>blue value if color mode is RGB or brightness value if color mode is HSB.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'alpha',
+                      'description': '',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'value',
+                      'description': '<p>a color string.</p>\n',
+                      'type': 'String'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'gray',
+                      'description': '<p>a grayscale value.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'alpha',
+                      'description': '',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'values',
+                      'description': '<p>an array containing the red, green, blue &\n                                and alpha components of the color.</p>\n',
+                      'type': 'Number[]'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'color',
+                      'description': '<p>the fill color.</p>\n',
+                      'type': 'p5.Color'
+                    }
+                  ],
+                  'chainable': 1
+                }
+              ]
+            },
+            'noFill': {
+              'name': 'noFill',
+              'class': 'p5',
+              'module': 'Color'
+            },
+            'noStroke': {
+              'name': 'noStroke',
+              'class': 'p5',
+              'module': 'Color'
+            },
+            'stroke': {
+              'name': 'stroke',
+              'class': 'p5',
+              'module': 'Color',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'v1',
+                      'description': '<p>red value if color mode is RGB or hue value if color mode is HSB.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'v2',
+                      'description': '<p>green value if color mode is RGB or saturation value if color mode is HSB.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'v3',
+                      'description': '<p>blue value if color mode is RGB or brightness value if color mode is HSB.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'alpha',
+                      'description': '',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'value',
+                      'description': '<p>a color string.</p>\n',
+                      'type': 'String'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'gray',
+                      'description': '<p>a grayscale value.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'alpha',
+                      'description': '',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'values',
+                      'description': '<p>an array containing the red, green, blue,\n                                and alpha components of the color.</p>\n',
+                      'type': 'Number[]'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'color',
+                      'description': '<p>the stroke color.</p>\n',
+                      'type': 'p5.Color'
+                    }
+                  ],
+                  'chainable': 1
+                }
+              ]
+            },
+            'erase': {
+              'name': 'erase',
+              'params': [
+                {
+                  'name': 'strengthFill',
+                  'description': '<p>a number (0-255) for the strength of erasing under a shape\'s interior.\n                                       Defaults to 255, which is full strength.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'strengthStroke',
+                  'description': '<p>a number (0-255) for the strength of erasing under a shape\'s edge.\n                                       Defaults to 255, which is full strength.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Color'
+            },
+            'noErase': {
+              'name': 'noErase',
+              'class': 'p5',
+              'module': 'Color'
+            },
+            'arc': {
+              'name': 'arc',
+              'params': [
+                {
+                  'name': 'x',
+                  'description': '<p>x-coordinate of the arc\'s ellipse.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'y',
+                  'description': '<p>y-coordinate of the arc\'s ellipse.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'w',
+                  'description': '<p>width of the arc\'s ellipse by default.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'h',
+                  'description': '<p>height of the arc\'s ellipse by default.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'start',
+                  'description': '<p>angle to start the arc, specified in radians.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'stop',
+                  'description': '<p>angle to stop the arc, specified in radians.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'mode',
+                  'description': '<p>optional parameter to determine the way of drawing\n                        the arc. either CHORD, PIE, or OPEN.</p>\n',
+                  'type': 'Constant',
+                  'optional': true
+                },
+                {
+                  'name': 'detail',
+                  'description': '<p>optional parameter for WebGL mode only. This is to\n                        specify the number of vertices that makes up the\n                        perimeter of the arc. Default value is 25. Won\'t\n                        draw a stroke for a detail of more than 50.</p>\n',
+                  'type': 'Integer',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Shape'
+            },
+            'ellipse': {
+              'name': 'ellipse',
+              'class': 'p5',
+              'module': 'Shape',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'x',
+                      'description': '<p>x-coordinate of the center of the ellipse.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y',
+                      'description': '<p>y-coordinate of the center of the ellipse.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'w',
+                      'description': '<p>width of the ellipse.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'h',
+                      'description': '<p>height of the ellipse.</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'x',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'w',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'h',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'detail',
+                      'description': '<p>optional parameter for WebGL mode only. This is to\n                        specify the number of vertices that makes up the\n                        perimeter of the ellipse. Default value is 25. Won\'t\n                        draw a stroke for a detail of more than 50.</p>\n',
+                      'type': 'Integer',
+                      'optional': true
+                    }
+                  ]
+                }
+              ]
+            },
+            'circle': {
+              'name': 'circle',
+              'params': [
+                {
+                  'name': 'x',
+                  'description': '<p>x-coordinate of the center of the circle.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'y',
+                  'description': '<p>y-coordinate of the center of the circle.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'd',
+                  'description': '<p>diameter of the circle.</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Shape'
+            },
+            'line': {
+              'name': 'line',
+              'class': 'p5',
+              'module': 'Shape',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'x1',
+                      'description': '<p>the x-coordinate of the first point.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y1',
+                      'description': '<p>the y-coordinate of the first point.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'x2',
+                      'description': '<p>the x-coordinate of the second point.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y2',
+                      'description': '<p>the y-coordinate of the second point.</p>\n',
+                      'type': 'Number'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'x1',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y1',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'z1',
+                      'description': '<p>the z-coordinate of the first point.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'x2',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y2',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'z2',
+                      'description': '<p>the z-coordinate of the second point.</p>\n',
+                      'type': 'Number'
+                    }
+                  ],
+                  'chainable': 1
+                }
+              ]
+            },
+            'point': {
+              'name': 'point',
+              'class': 'p5',
+              'module': 'Shape',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'x',
+                      'description': '<p>the x-coordinate.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y',
+                      'description': '<p>the y-coordinate.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'z',
+                      'description': '<p>the z-coordinate (for WebGL mode).</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'coordinateVector',
+                      'description': '<p>the coordinate vector.</p>\n',
+                      'type': 'p5.Vector'
+                    }
+                  ],
+                  'chainable': 1
+                }
+              ]
+            },
+            'quad': {
+              'name': 'quad',
+              'class': 'p5',
+              'module': 'Shape',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'x1',
+                      'description': '<p>the x-coordinate of the first point.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y1',
+                      'description': '<p>the y-coordinate of the first point.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'x2',
+                      'description': '<p>the x-coordinate of the second point.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y2',
+                      'description': '<p>the y-coordinate of the second point.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'x3',
+                      'description': '<p>the x-coordinate of the third point.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y3',
+                      'description': '<p>the y-coordinate of the third point.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'x4',
+                      'description': '<p>the x-coordinate of the fourth point.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y4',
+                      'description': '<p>the y-coordinate of the fourth point.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'detailX',
+                      'description': '<p>number of segments in the x-direction.</p>\n',
+                      'type': 'Integer',
+                      'optional': true
+                    },
+                    {
+                      'name': 'detailY',
+                      'description': '<p>number of segments in the y-direction.</p>\n',
+                      'type': 'Integer',
+                      'optional': true
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'x1',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y1',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'z1',
+                      'description': '<p>the z-coordinate of the first point.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'x2',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y2',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'z2',
+                      'description': '<p>the z-coordinate of the second point.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'x3',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y3',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'z3',
+                      'description': '<p>the z-coordinate of the third point.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'x4',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y4',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'z4',
+                      'description': '<p>the z-coordinate of the fourth point.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'detailX',
+                      'description': '',
+                      'type': 'Integer',
+                      'optional': true
+                    },
+                    {
+                      'name': 'detailY',
+                      'description': '',
+                      'type': 'Integer',
+                      'optional': true
+                    }
+                  ],
+                  'chainable': 1
+                }
+              ]
+            },
+            'rect': {
+              'name': 'rect',
+              'class': 'p5',
+              'module': 'Shape',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'x',
+                      'description': '<p>x-coordinate of the rectangle.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y',
+                      'description': '<p>y-coordinate of the rectangle.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'w',
+                      'description': '<p>width of the rectangle.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'h',
+                      'description': '<p>height of the rectangle.</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    },
+                    {
+                      'name': 'tl',
+                      'description': '<p>optional radius of top-left corner.</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    },
+                    {
+                      'name': 'tr',
+                      'description': '<p>optional radius of top-right corner.</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    },
+                    {
+                      'name': 'br',
+                      'description': '<p>optional radius of bottom-right corner.</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    },
+                    {
+                      'name': 'bl',
+                      'description': '<p>optional radius of bottom-left corner.</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'x',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'w',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'h',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'detailX',
+                      'description': '<p>number of segments in the x-direction (for WebGL mode).</p>\n',
+                      'type': 'Integer',
+                      'optional': true
+                    },
+                    {
+                      'name': 'detailY',
+                      'description': '<p>number of segments in the y-direction (for WebGL mode).</p>\n',
+                      'type': 'Integer',
+                      'optional': true
+                    }
+                  ],
+                  'chainable': 1
+                }
+              ]
+            },
+            'square': {
+              'name': 'square',
+              'params': [
+                {
+                  'name': 'x',
+                  'description': '<p>x-coordinate of the square.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'y',
+                  'description': '<p>y-coordinate of the square.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 's',
+                  'description': '<p>side size of the square.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'tl',
+                  'description': '<p>optional radius of top-left corner.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'tr',
+                  'description': '<p>optional radius of top-right corner.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'br',
+                  'description': '<p>optional radius of bottom-right corner.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'bl',
+                  'description': '<p>optional radius of bottom-left corner.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Shape'
+            },
+            'triangle': {
+              'name': 'triangle',
+              'params': [
+                {
+                  'name': 'x1',
+                  'description': '<p>x-coordinate of the first point.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'y1',
+                  'description': '<p>y-coordinate of the first point.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'x2',
+                  'description': '<p>x-coordinate of the second point.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'y2',
+                  'description': '<p>y-coordinate of the second point.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'x3',
+                  'description': '<p>x-coordinate of the third point.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'y3',
+                  'description': '<p>y-coordinate of the third point.</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Shape'
+            },
+            'ellipseMode': {
+              'name': 'ellipseMode',
+              'params': [
+                {
+                  'name': 'mode',
+                  'description': '<p>either CENTER, RADIUS, CORNER, or CORNERS</p>\n',
+                  'type': 'Constant'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Shape'
+            },
+            'noSmooth': {
+              'name': 'noSmooth',
+              'class': 'p5',
+              'module': 'Shape'
+            },
+            'rectMode': {
+              'name': 'rectMode',
+              'params': [
+                {
+                  'name': 'mode',
+                  'description': '<p>either CORNER, CORNERS, CENTER, or RADIUS</p>\n',
+                  'type': 'Constant'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Shape'
+            },
+            'smooth': {
+              'name': 'smooth',
+              'class': 'p5',
+              'module': 'Shape'
+            },
+            'strokeCap': {
+              'name': 'strokeCap',
+              'params': [
+                {
+                  'name': 'cap',
+                  'description': '<p>either ROUND, SQUARE, or PROJECT</p>\n',
+                  'type': 'Constant'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Shape'
+            },
+            'strokeJoin': {
+              'name': 'strokeJoin',
+              'params': [
+                {
+                  'name': 'join',
+                  'description': '<p>either MITER, BEVEL, or ROUND</p>\n',
+                  'type': 'Constant'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Shape'
+            },
+            'strokeWeight': {
+              'name': 'strokeWeight',
+              'params': [
+                {
+                  'name': 'weight',
+                  'description': '<p>the weight of the stroke (in pixels).</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Shape'
+            },
+            'bezier': {
+              'name': 'bezier',
+              'class': 'p5',
+              'module': 'Shape',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'x1',
+                      'description': '<p>x-coordinate for the first anchor point</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y1',
+                      'description': '<p>y-coordinate for the first anchor point</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'x2',
+                      'description': '<p>x-coordinate for the first control point</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y2',
+                      'description': '<p>y-coordinate for the first control point</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'x3',
+                      'description': '<p>x-coordinate for the second control point</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y3',
+                      'description': '<p>y-coordinate for the second control point</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'x4',
+                      'description': '<p>x-coordinate for the second anchor point</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y4',
+                      'description': '<p>y-coordinate for the second anchor point</p>\n',
+                      'type': 'Number'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'x1',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y1',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'z1',
+                      'description': '<p>z-coordinate for the first anchor point</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'x2',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y2',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'z2',
+                      'description': '<p>z-coordinate for the first control point</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'x3',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y3',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'z3',
+                      'description': '<p>z-coordinate for the second control point</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'x4',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y4',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'z4',
+                      'description': '<p>z-coordinate for the second anchor point</p>\n',
+                      'type': 'Number'
+                    }
+                  ],
+                  'chainable': 1
+                }
+              ]
+            },
+            'bezierDetail': {
+              'name': 'bezierDetail',
+              'params': [
+                {
+                  'name': 'detail',
+                  'description': '<p>resolution of the curves</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Shape'
+            },
+            'bezierPoint': {
+              'name': 'bezierPoint',
+              'params': [
+                {
+                  'name': 'a',
+                  'description': '<p>coordinate of first point on the curve</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'b',
+                  'description': '<p>coordinate of first control point</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'c',
+                  'description': '<p>coordinate of second control point</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'd',
+                  'description': '<p>coordinate of second point on the curve</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 't',
+                  'description': '<p>value between 0 and 1</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Shape'
+            },
+            'bezierTangent': {
+              'name': 'bezierTangent',
+              'params': [
+                {
+                  'name': 'a',
+                  'description': '<p>coordinate of first point on the curve</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'b',
+                  'description': '<p>coordinate of first control point</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'c',
+                  'description': '<p>coordinate of second control point</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'd',
+                  'description': '<p>coordinate of second point on the curve</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 't',
+                  'description': '<p>value between 0 and 1</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Shape'
+            },
+            'curve': {
+              'name': 'curve',
+              'class': 'p5',
+              'module': 'Shape',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'x1',
+                      'description': '<p>x-coordinate for the beginning control point</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y1',
+                      'description': '<p>y-coordinate for the beginning control point</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'x2',
+                      'description': '<p>x-coordinate for the first point</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y2',
+                      'description': '<p>y-coordinate for the first point</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'x3',
+                      'description': '<p>x-coordinate for the second point</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y3',
+                      'description': '<p>y-coordinate for the second point</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'x4',
+                      'description': '<p>x-coordinate for the ending control point</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y4',
+                      'description': '<p>y-coordinate for the ending control point</p>\n',
+                      'type': 'Number'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'x1',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y1',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'z1',
+                      'description': '<p>z-coordinate for the beginning control point</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'x2',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y2',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'z2',
+                      'description': '<p>z-coordinate for the first point</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'x3',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y3',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'z3',
+                      'description': '<p>z-coordinate for the second point</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'x4',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y4',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'z4',
+                      'description': '<p>z-coordinate for the ending control point</p>\n',
+                      'type': 'Number'
+                    }
+                  ],
+                  'chainable': 1
+                }
+              ]
+            },
+            'curveDetail': {
+              'name': 'curveDetail',
+              'params': [
+                {
+                  'name': 'resolution',
+                  'description': '<p>resolution of the curves</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Shape'
+            },
+            'curveTightness': {
+              'name': 'curveTightness',
+              'params': [
+                {
+                  'name': 'amount',
+                  'description': '<p>amount of deformation from the original vertices</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Shape'
+            },
+            'curvePoint': {
+              'name': 'curvePoint',
+              'params': [
+                {
+                  'name': 'a',
+                  'description': '<p>coordinate of first control point of the curve</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'b',
+                  'description': '<p>coordinate of first point</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'c',
+                  'description': '<p>coordinate of second point</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'd',
+                  'description': '<p>coordinate of second control point</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 't',
+                  'description': '<p>value between 0 and 1</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Shape'
+            },
+            'curveTangent': {
+              'name': 'curveTangent',
+              'params': [
+                {
+                  'name': 'a',
+                  'description': '<p>coordinate of first control point</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'b',
+                  'description': '<p>coordinate of first point on the curve</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'c',
+                  'description': '<p>coordinate of second point on the curve</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'd',
+                  'description': '<p>coordinate of second conrol point</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 't',
+                  'description': '<p>value between 0 and 1</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Shape'
+            },
+            'beginContour': {
+              'name': 'beginContour',
+              'class': 'p5',
+              'module': 'Shape'
+            },
+            'beginShape': {
+              'name': 'beginShape',
+              'params': [
+                {
+                  'name': 'kind',
+                  'description': '<p>either POINTS, LINES, TRIANGLES, TRIANGLE_FAN\n                               TRIANGLE_STRIP, QUADS, QUAD_STRIP or TESS</p>\n',
+                  'type': 'Constant',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Shape'
+            },
+            'bezierVertex': {
+              'name': 'bezierVertex',
+              'class': 'p5',
+              'module': 'Shape',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'x2',
+                      'description': '<p>x-coordinate for the first control point</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y2',
+                      'description': '<p>y-coordinate for the first control point</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'x3',
+                      'description': '<p>x-coordinate for the second control point</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y3',
+                      'description': '<p>y-coordinate for the second control point</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'x4',
+                      'description': '<p>x-coordinate for the anchor point</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y4',
+                      'description': '<p>y-coordinate for the anchor point</p>\n',
+                      'type': 'Number'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'x2',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y2',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'z2',
+                      'description': '<p>z-coordinate for the first control point (for WebGL mode)</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'x3',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y3',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'z3',
+                      'description': '<p>z-coordinate for the second control point (for WebGL mode)</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'x4',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y4',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'z4',
+                      'description': '<p>z-coordinate for the anchor point (for WebGL mode)</p>\n',
+                      'type': 'Number'
+                    }
+                  ],
+                  'chainable': 1
+                }
+              ]
+            },
+            'curveVertex': {
+              'name': 'curveVertex',
+              'class': 'p5',
+              'module': 'Shape',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'x',
+                      'description': '<p>x-coordinate of the vertex</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y',
+                      'description': '<p>y-coordinate of the vertex</p>\n',
+                      'type': 'Number'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'x',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'z',
+                      'description': '<p>z-coordinate of the vertex (for WebGL mode)</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ],
+                  'chainable': 1
+                }
+              ]
+            },
+            'endContour': {
+              'name': 'endContour',
+              'class': 'p5',
+              'module': 'Shape'
+            },
+            'endShape': {
+              'name': 'endShape',
+              'params': [
+                {
+                  'name': 'mode',
+                  'description': '<p>use CLOSE to close the shape</p>\n',
+                  'type': 'Constant',
+                  'optional': true
+                },
+                {
+                  'name': 'count',
+                  'description': '<p>number of times you want to draw/instance the shape (for WebGL mode).</p>\n',
+                  'type': 'Integer',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Shape'
+            },
+            'quadraticVertex': {
+              'name': 'quadraticVertex',
+              'class': 'p5',
+              'module': 'Shape',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'cx',
+                      'description': '<p>x-coordinate for the control point</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'cy',
+                      'description': '<p>y-coordinate for the control point</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'x3',
+                      'description': '<p>x-coordinate for the anchor point</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y3',
+                      'description': '<p>y-coordinate for the anchor point</p>\n',
+                      'type': 'Number'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'cx',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'cy',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'cz',
+                      'description': '<p>z-coordinate for the control point (for WebGL mode)</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'x3',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y3',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'z3',
+                      'description': '<p>z-coordinate for the anchor point (for WebGL mode)</p>\n',
+                      'type': 'Number'
+                    }
+                  ],
+                  'chainable': 1
+                }
+              ]
+            },
+            'vertex': {
+              'name': 'vertex',
+              'class': 'p5',
+              'module': 'Shape',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'x',
+                      'description': '<p>x-coordinate of the vertex</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y',
+                      'description': '<p>y-coordinate of the vertex</p>\n',
+                      'type': 'Number'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'x',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'z',
+                      'description': '<p>z-coordinate of the vertex.\n                      Defaults to 0 if not specified.</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'x',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'z',
+                      'description': '',
+                      'type': 'Number',
+                      'optional': true
+                    },
+                    {
+                      'name': 'u',
+                      'description': '<p>the vertex\'s texture u-coordinate</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    },
+                    {
+                      'name': 'v',
+                      'description': '<p>the vertex\'s texture v-coordinate</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ],
+                  'chainable': 1
+                }
+              ]
+            },
+            'normal': {
+              'name': 'normal',
+              'class': 'p5',
+              'module': 'Shape',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'vector',
+                      'description': '<p>A p5.Vector representing the vertex normal.</p>\n',
+                      'type': 'Vector'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'x',
+                      'description': '<p>The x component of the vertex normal.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y',
+                      'description': '<p>The y component of the vertex normal.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'z',
+                      'description': '<p>The z component of the vertex normal.</p>\n',
+                      'type': 'Number'
+                    }
+                  ],
+                  'chainable': 1
+                }
+              ]
+            },
+            'VERSION': {
+              'name': 'VERSION',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'P2D': {
+              'name': 'P2D',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'WEBGL': {
+              'name': 'WEBGL',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'WEBGL2': {
+              'name': 'WEBGL2',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'ARROW': {
+              'name': 'ARROW',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'CROSS': {
+              'name': 'CROSS',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'HAND': {
+              'name': 'HAND',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'MOVE': {
+              'name': 'MOVE',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'TEXT': {
+              'name': 'TEXT',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'WAIT': {
+              'name': 'WAIT',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'HALF_PI': {
+              'name': 'HALF_PI',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'PI': {
+              'name': 'PI',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'QUARTER_PI': {
+              'name': 'QUARTER_PI',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'TAU': {
+              'name': 'TAU',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'TWO_PI': {
+              'name': 'TWO_PI',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'DEGREES': {
+              'name': 'DEGREES',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'RADIANS': {
+              'name': 'RADIANS',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'CORNER': {
+              'name': 'CORNER',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'CORNERS': {
+              'name': 'CORNERS',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'RADIUS': {
+              'name': 'RADIUS',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'RIGHT': {
+              'name': 'RIGHT',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'LEFT': {
+              'name': 'LEFT',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'CENTER': {
+              'name': 'CENTER',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'TOP': {
+              'name': 'TOP',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'BOTTOM': {
+              'name': 'BOTTOM',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'BASELINE': {
+              'name': 'BASELINE',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'POINTS': {
+              'name': 'POINTS',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'LINES': {
+              'name': 'LINES',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'LINE_STRIP': {
+              'name': 'LINE_STRIP',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'LINE_LOOP': {
+              'name': 'LINE_LOOP',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'TRIANGLES': {
+              'name': 'TRIANGLES',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'TRIANGLE_FAN': {
+              'name': 'TRIANGLE_FAN',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'TRIANGLE_STRIP': {
+              'name': 'TRIANGLE_STRIP',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'QUADS': {
+              'name': 'QUADS',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'QUAD_STRIP': {
+              'name': 'QUAD_STRIP',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'TESS': {
+              'name': 'TESS',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'CLOSE': {
+              'name': 'CLOSE',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'OPEN': {
+              'name': 'OPEN',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'CHORD': {
+              'name': 'CHORD',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'PIE': {
+              'name': 'PIE',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'PROJECT': {
+              'name': 'PROJECT',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'SQUARE': {
+              'name': 'SQUARE',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'ROUND': {
+              'name': 'ROUND',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'BEVEL': {
+              'name': 'BEVEL',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'MITER': {
+              'name': 'MITER',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'RGB': {
+              'name': 'RGB',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'HSB': {
+              'name': 'HSB',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'HSL': {
+              'name': 'HSL',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'AUTO': {
+              'name': 'AUTO',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'ALT': {
+              'name': 'ALT',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'BACKSPACE': {
+              'name': 'BACKSPACE',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'CONTROL': {
+              'name': 'CONTROL',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'DELETE': {
+              'name': 'DELETE',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'DOWN_ARROW': {
+              'name': 'DOWN_ARROW',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'ENTER': {
+              'name': 'ENTER',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'ESCAPE': {
+              'name': 'ESCAPE',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'LEFT_ARROW': {
+              'name': 'LEFT_ARROW',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'OPTION': {
+              'name': 'OPTION',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'RETURN': {
+              'name': 'RETURN',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'RIGHT_ARROW': {
+              'name': 'RIGHT_ARROW',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'SHIFT': {
+              'name': 'SHIFT',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'TAB': {
+              'name': 'TAB',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'UP_ARROW': {
+              'name': 'UP_ARROW',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'BLEND': {
+              'name': 'BLEND',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'REMOVE': {
+              'name': 'REMOVE',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'ADD': {
+              'name': 'ADD',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'DARKEST': {
+              'name': 'DARKEST',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'LIGHTEST': {
+              'name': 'LIGHTEST',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'DIFFERENCE': {
+              'name': 'DIFFERENCE',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'SUBTRACT': {
+              'name': 'SUBTRACT',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'EXCLUSION': {
+              'name': 'EXCLUSION',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'MULTIPLY': {
+              'name': 'MULTIPLY',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'SCREEN': {
+              'name': 'SCREEN',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'REPLACE': {
+              'name': 'REPLACE',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'OVERLAY': {
+              'name': 'OVERLAY',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'HARD_LIGHT': {
+              'name': 'HARD_LIGHT',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'SOFT_LIGHT': {
+              'name': 'SOFT_LIGHT',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'DODGE': {
+              'name': 'DODGE',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'BURN': {
+              'name': 'BURN',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'THRESHOLD': {
+              'name': 'THRESHOLD',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'GRAY': {
+              'name': 'GRAY',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'OPAQUE': {
+              'name': 'OPAQUE',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'INVERT': {
+              'name': 'INVERT',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'POSTERIZE': {
+              'name': 'POSTERIZE',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'DILATE': {
+              'name': 'DILATE',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'ERODE': {
+              'name': 'ERODE',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'BLUR': {
+              'name': 'BLUR',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'NORMAL': {
+              'name': 'NORMAL',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'ITALIC': {
+              'name': 'ITALIC',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'BOLD': {
+              'name': 'BOLD',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'BOLDITALIC': {
+              'name': 'BOLDITALIC',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'CHAR': {
+              'name': 'CHAR',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'WORD': {
+              'name': 'WORD',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'LINEAR': {
+              'name': 'LINEAR',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'QUADRATIC': {
+              'name': 'QUADRATIC',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'BEZIER': {
+              'name': 'BEZIER',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'CURVE': {
+              'name': 'CURVE',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'STROKE': {
+              'name': 'STROKE',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'FILL': {
+              'name': 'FILL',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'TEXTURE': {
+              'name': 'TEXTURE',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'IMMEDIATE': {
+              'name': 'IMMEDIATE',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'IMAGE': {
+              'name': 'IMAGE',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'NEAREST': {
+              'name': 'NEAREST',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'REPEAT': {
+              'name': 'REPEAT',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'CLAMP': {
+              'name': 'CLAMP',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'MIRROR': {
+              'name': 'MIRROR',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'FLAT': {
+              'name': 'FLAT',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'SMOOTH': {
+              'name': 'SMOOTH',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'LANDSCAPE': {
+              'name': 'LANDSCAPE',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'PORTRAIT': {
+              'name': 'PORTRAIT',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'GRID': {
+              'name': 'GRID',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'AXES': {
+              'name': 'AXES',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'LABEL': {
+              'name': 'LABEL',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'FALLBACK': {
+              'name': 'FALLBACK',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'CONTAIN': {
+              'name': 'CONTAIN',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'COVER': {
+              'name': 'COVER',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'UNSIGNED_BYTE': {
+              'name': 'UNSIGNED_BYTE',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'UNSIGNED_INT': {
+              'name': 'UNSIGNED_INT',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'FLOAT': {
+              'name': 'FLOAT',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'HALF_FLOAT': {
+              'name': 'HALF_FLOAT',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'RGBA': {
+              'name': 'RGBA',
+              'class': 'p5',
+              'module': 'Constants'
+            },
+            'print': {
+              'name': 'print',
+              'params': [
+                {
+                  'name': 'contents',
+                  'description': '<p>content to print to the console.</p>\n',
+                  'type': 'Any'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Environment'
+            },
+            'frameCount': {
+              'name': 'frameCount',
+              'class': 'p5',
+              'module': 'Environment'
+            },
+            'deltaTime': {
+              'name': 'deltaTime',
+              'class': 'p5',
+              'module': 'Environment'
+            },
+            'focused': {
+              'name': 'focused',
+              'class': 'p5',
+              'module': 'Environment'
+            },
+            'cursor': {
+              'name': 'cursor',
+              'params': [
+                {
+                  'name': 'type',
+                  'description': '<p>Built-in: either ARROW, CROSS, HAND, MOVE, TEXT, or WAIT.\n                              Native CSS properties: \'grab\', \'progress\', and so on.\n                              Path to cursor image.</p>\n',
+                  'type': 'String|Constant'
+                },
+                {
+                  'name': 'x',
+                  'description': '<p>horizontal active spot of the cursor.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'y',
+                  'description': '<p>vertical active spot of the cursor.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Environment'
+            },
+            'frameRate': {
+              'name': 'frameRate',
+              'class': 'p5',
+              'module': 'Environment',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'fps',
+                      'description': '<p>number of frames to draw per second.</p>\n',
+                      'type': 'Number'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                  ]
+                }
+              ]
+            },
+            'getTargetFrameRate': {
+              'name': 'getTargetFrameRate',
+              'class': 'p5',
+              'module': 'Environment'
+            },
+            'noCursor': {
+              'name': 'noCursor',
+              'class': 'p5',
+              'module': 'Environment'
+            },
+            'webglVersion': {
+              'name': 'webglVersion',
+              'class': 'p5',
+              'module': 'Environment'
+            },
+            'displayWidth': {
+              'name': 'displayWidth',
+              'class': 'p5',
+              'module': 'Environment'
+            },
+            'displayHeight': {
+              'name': 'displayHeight',
+              'class': 'p5',
+              'module': 'Environment'
+            },
+            'windowWidth': {
+              'name': 'windowWidth',
+              'class': 'p5',
+              'module': 'Environment'
+            },
+            'windowHeight': {
+              'name': 'windowHeight',
+              'class': 'p5',
+              'module': 'Environment'
+            },
+            'windowResized': {
+              'name': 'windowResized',
+              'params': [
+                {
+                  'name': 'event',
+                  'description': '<p>optional resize Event.</p>\n',
+                  'type': 'UIEvent',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Environment'
+            },
+            'width': {
+              'name': 'width',
+              'class': 'p5',
+              'module': 'Environment'
+            },
+            'height': {
+              'name': 'height',
+              'class': 'p5',
+              'module': 'Environment'
+            },
+            'fullscreen': {
+              'name': 'fullscreen',
+              'params': [
+                {
+                  'name': 'val',
+                  'description': '<p>whether the sketch should be in fullscreen mode.</p>\n',
+                  'type': 'Boolean',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Environment'
+            },
+            'pixelDensity': {
+              'name': 'pixelDensity',
+              'class': 'p5',
+              'module': 'Environment',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'val',
+                      'description': '<p>desired pixel density.</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                  ]
+                }
+              ]
+            },
+            'displayDensity': {
+              'name': 'displayDensity',
+              'class': 'p5',
+              'module': 'Environment'
+            },
+            'getURL': {
+              'name': 'getURL',
+              'class': 'p5',
+              'module': 'Environment'
+            },
+            'getURLPath': {
+              'name': 'getURLPath',
+              'class': 'p5',
+              'module': 'Environment'
+            },
+            'getURLParams': {
+              'name': 'getURLParams',
+              'class': 'p5',
+              'module': 'Environment'
+            },
+            'preload': {
+              'name': 'preload',
+              'class': 'p5',
+              'module': 'Structure'
+            },
+            'setup': {
+              'name': 'setup',
+              'class': 'p5',
+              'module': 'Structure'
+            },
+            'draw': {
+              'name': 'draw',
+              'class': 'p5',
+              'module': 'Structure'
+            },
+            'remove': {
+              'name': 'remove',
+              'class': 'p5',
+              'module': 'Structure'
+            },
+            'disableFriendlyErrors': {
+              'name': 'disableFriendlyErrors',
+              'class': 'p5',
+              'module': 'Structure'
+            },
+            'let': {
+              'name': 'let',
+              'class': 'p5',
+              'module': 'Foundation'
+            },
+            'const': {
+              'name': 'const',
+              'class': 'p5',
+              'module': 'Foundation'
+            },
+            '===': {
+              'name': '===',
+              'class': 'p5',
+              'module': 'Foundation'
+            },
+            '>': {
+              'name': '>',
+              'class': 'p5',
+              'module': 'Foundation'
+            },
+            '>=': {
+              'name': '>=',
+              'class': 'p5',
+              'module': 'Foundation'
+            },
+            '<': {
+              'name': '<',
+              'class': 'p5',
+              'module': 'Foundation'
+            },
+            '<=': {
+              'name': '<=',
+              'class': 'p5',
+              'module': 'Foundation'
+            },
+            'if-else': {
+              'name': 'if-else',
+              'class': 'p5',
+              'module': 'Foundation'
+            },
+            'function': {
+              'name': 'function',
+              'class': 'p5',
+              'module': 'Foundation'
+            },
+            'return': {
+              'name': 'return',
+              'class': 'p5',
+              'module': 'Foundation'
+            },
+            'boolean': {
+              'name': 'boolean',
+              'params': [
+                {
+                  'name': 'n',
+                  'description': '<p>value to parse</p>\n',
+                  'type': 'String|Boolean|Number|Array'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Data'
+            },
+            'string': {
+              'name': 'string',
+              'class': 'p5',
+              'module': 'Foundation'
+            },
+            'number': {
+              'name': 'number',
+              'class': 'p5',
+              'module': 'Foundation'
+            },
+            'object': {
+              'name': 'object',
+              'class': 'p5',
+              'module': 'Foundation'
+            },
+            'class': {
+              'name': 'class',
+              'class': 'p5',
+              'module': 'Foundation'
+            },
+            'for': {
+              'name': 'for',
+              'class': 'p5',
+              'module': 'Foundation'
+            },
+            'while': {
+              'name': 'while',
+              'class': 'p5',
+              'module': 'Foundation'
+            },
+            'createCanvas': {
+              'name': 'createCanvas',
+              'class': 'p5',
+              'module': 'Rendering',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'w',
+                      'description': '<p>width of the canvas</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'h',
+                      'description': '<p>height of the canvas</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'renderer',
+                      'description': '<p>either P2D or WEBGL</p>\n',
+                      'type': 'Constant',
+                      'optional': true
+                    },
+                    {
+                      'name': 'canvas',
+                      'description': '<p>existing html canvas element</p>\n',
+                      'type': 'HTMLCanvasElement',
+                      'optional': true
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'w',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'h',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'canvas',
+                      'description': '',
+                      'type': 'HTMLCanvasElement',
+                      'optional': true
+                    }
+                  ]
+                }
+              ]
+            },
+            'resizeCanvas': {
+              'name': 'resizeCanvas',
+              'params': [
+                {
+                  'name': 'w',
+                  'description': '<p>width of the canvas</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'h',
+                  'description': '<p>height of the canvas</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'noRedraw',
+                  'description': '<p>don\'t redraw the canvas immediately</p>\n',
+                  'type': 'Boolean',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Rendering'
+            },
+            'noCanvas': {
+              'name': 'noCanvas',
+              'class': 'p5',
+              'module': 'Rendering'
+            },
+            'createGraphics': {
+              'name': 'createGraphics',
+              'class': 'p5',
+              'module': 'Rendering',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'w',
+                      'description': '<p>width of the offscreen graphics buffer</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'h',
+                      'description': '<p>height of the offscreen graphics buffer</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'renderer',
+                      'description': '<p>either P2D or WEBGL\n                              undefined defaults to p2d</p>\n',
+                      'type': 'Constant',
+                      'optional': true
+                    },
+                    {
+                      'name': 'canvas',
+                      'description': '<p>existing html canvas element</p>\n',
+                      'type': 'HTMLCanvasElement',
+                      'optional': true
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'w',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'h',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'canvas',
+                      'description': '',
+                      'type': 'HTMLCanvasElement',
+                      'optional': true
+                    }
+                  ]
+                }
+              ]
+            },
+            'createFramebuffer': {
+              'name': 'createFramebuffer',
+              'params': [
+                {
+                  'name': 'options',
+                  'description': '<p>An optional object with configuration</p>\n',
+                  'type': 'Object',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Rendering'
+            },
+            'blendMode': {
+              'name': 'blendMode',
+              'params': [
+                {
+                  'name': 'mode',
+                  'description': '<p>blend mode to set for canvas.\n               either BLEND, DARKEST, LIGHTEST, DIFFERENCE, MULTIPLY,\n               EXCLUSION, SCREEN, REPLACE, OVERLAY, HARD_LIGHT,\n               SOFT_LIGHT, DODGE, BURN, ADD, REMOVE or SUBTRACT</p>\n',
+                  'type': 'Constant'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Rendering'
+            },
+            'drawingContext': {
+              'name': 'drawingContext',
+              'class': 'p5',
+              'module': 'Rendering'
+            },
+            'noLoop': {
+              'name': 'noLoop',
+              'class': 'p5',
+              'module': 'Structure'
+            },
+            'loop': {
+              'name': 'loop',
+              'class': 'p5',
+              'module': 'Structure'
+            },
+            'isLooping': {
+              'name': 'isLooping',
+              'class': 'p5',
+              'module': 'Structure'
+            },
+            'push': {
+              'name': 'push',
+              'class': 'p5',
+              'module': 'Structure'
+            },
+            'pop': {
+              'name': 'pop',
+              'class': 'p5',
+              'module': 'Structure'
+            },
+            'redraw': {
+              'name': 'redraw',
+              'params': [
+                {
+                  'name': 'n',
+                  'description': '<p>Redraw for n-times. The default value is 1.</p>\n',
+                  'type': 'Integer',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Structure'
+            },
+            'p5': {
+              'name': 'p5',
+              'params': [
+                {
+                  'name': 'sketch',
+                  'description': '<p>a function containing a p5.js sketch</p>\n',
+                  'type': 'Object'
+                },
+                {
+                  'name': 'node',
+                  'description': '<p>ID or pointer to HTML DOM node to contain sketch in</p>\n',
+                  'type': 'String|Object'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Structure'
+            },
+            'applyMatrix': {
+              'name': 'applyMatrix',
+              'class': 'p5',
+              'module': 'Transform',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'arr',
+                      'description': '<p>an array of numbers - should be 6 or 16 length (2×3 or 4×4 matrix values)</p>\n',
+                      'type': 'Array'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'a',
+                      'description': '<p>numbers which define the 2×3 or 4×4 matrix to be multiplied</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'b',
+                      'description': '<p>numbers which define the 2×3 or 4×4 matrix to be multiplied</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'c',
+                      'description': '<p>numbers which define the 2×3 or 4×4 matrix to be multiplied</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'd',
+                      'description': '<p>numbers which define the 2×3 or 4×4 matrix to be multiplied</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'e',
+                      'description': '<p>numbers which define the 2×3 or 4×4 matrix to be multiplied</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'f',
+                      'description': '<p>numbers which define the 2×3 or 4×4 matrix to be multiplied</p>\n',
+                      'type': 'Number'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'a',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'b',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'c',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'd',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'e',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'f',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'g',
+                      'description': '<p>numbers which define the 4×4 matrix to be multiplied</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'h',
+                      'description': '<p>numbers which define the 4×4 matrix to be multiplied</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'i',
+                      'description': '<p>numbers which define the 4×4 matrix to be multiplied</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'j',
+                      'description': '<p>numbers which define the 4×4 matrix to be multiplied</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'k',
+                      'description': '<p>numbers which define the 4×4 matrix to be multiplied</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'l',
+                      'description': '<p>numbers which define the 4×4 matrix to be multiplied</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'm',
+                      'description': '<p>numbers which define the 4×4 matrix to be multiplied</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'n',
+                      'description': '<p>numbers which define the 4×4 matrix to be multiplied</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'o',
+                      'description': '<p>numbers which define the 4×4 matrix to be multiplied</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'p',
+                      'description': '<p>numbers which define the 4×4 matrix to be multiplied</p>\n',
+                      'type': 'Number'
+                    }
+                  ],
+                  'chainable': 1
+                }
+              ]
+            },
+            'resetMatrix': {
+              'name': 'resetMatrix',
+              'class': 'p5',
+              'module': 'Transform'
+            },
+            'rotate': {
+              'name': 'rotate',
+              'params': [
+                {
+                  'name': 'angle',
+                  'description': '<p>the angle of rotation, specified in radians\n                       or degrees, depending on current angleMode</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'axis',
+                  'description': '<p>(in 3d) the axis to rotate around</p>\n',
+                  'type': 'p5.Vector|Number[]',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Transform'
+            },
+            'rotateX': {
+              'name': 'rotateX',
+              'params': [
+                {
+                  'name': 'angle',
+                  'description': '<p>the angle of rotation, specified in radians\n                       or degrees, depending on current angleMode</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Transform'
+            },
+            'rotateY': {
+              'name': 'rotateY',
+              'params': [
+                {
+                  'name': 'angle',
+                  'description': '<p>the angle of rotation, specified in radians\n                       or degrees, depending on current angleMode</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Transform'
+            },
+            'rotateZ': {
+              'name': 'rotateZ',
+              'params': [
+                {
+                  'name': 'angle',
+                  'description': '<p>the angle of rotation, specified in radians\n                       or degrees, depending on current angleMode</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Transform'
+            },
+            'scale': {
+              'name': 'scale',
+              'class': 'p5',
+              'module': 'Transform',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 's',
+                      'description': '<p>percent to scale the object, or percentage to\n                     scale the object in the x-axis if multiple arguments\n                     are given</p>\n',
+                      'type': 'Number|p5.Vector|Number[]'
+                    },
+                    {
+                      'name': 'y',
+                      'description': '<p>percent to scale the object in the y-axis</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    },
+                    {
+                      'name': 'z',
+                      'description': '<p>percent to scale the object in the z-axis (webgl only)</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'scales',
+                      'description': '<p>per-axis percents to scale the object</p>\n',
+                      'type': 'p5.Vector|Number[]'
+                    }
+                  ],
+                  'chainable': 1
+                }
+              ]
+            },
+            'shearX': {
+              'name': 'shearX',
+              'params': [
+                {
+                  'name': 'angle',
+                  'description': '<p>angle of shear specified in radians or degrees,\n                       depending on current angleMode</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Transform'
+            },
+            'shearY': {
+              'name': 'shearY',
+              'params': [
+                {
+                  'name': 'angle',
+                  'description': '<p>angle of shear specified in radians or degrees,\n                       depending on current angleMode</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Transform'
+            },
+            'translate': {
+              'name': 'translate',
+              'class': 'p5',
+              'module': 'Transform',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'x',
+                      'description': '<p>left/right translation</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y',
+                      'description': '<p>up/down translation</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'z',
+                      'description': '<p>forward/backward translation (WEBGL only)</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'vector',
+                      'description': '<p>the vector to translate by</p>\n',
+                      'type': 'p5.Vector'
+                    }
+                  ],
+                  'chainable': 1
+                }
+              ]
+            },
+            'storeItem': {
+              'name': 'storeItem',
+              'params': [
+                {
+                  'name': 'key',
+                  'description': '',
+                  'type': 'String'
+                },
+                {
+                  'name': 'value',
+                  'description': '',
+                  'type': 'String|Number|Object|Boolean|p5.Color|p5.Vector'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Data'
+            },
+            'getItem': {
+              'name': 'getItem',
+              'params': [
+                {
+                  'name': 'key',
+                  'description': '<p>name that you wish to use to store in local storage</p>\n',
+                  'type': 'String'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Data'
+            },
+            'clearStorage': {
+              'name': 'clearStorage',
+              'class': 'p5',
+              'module': 'Data'
+            },
+            'removeItem': {
+              'name': 'removeItem',
+              'params': [
+                {
+                  'name': 'key',
+                  'description': '',
+                  'type': 'String'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Data'
+            },
+            'createStringDict': {
+              'name': 'createStringDict',
+              'class': 'p5',
+              'module': 'Data',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'key',
+                      'description': '',
+                      'type': 'String'
+                    },
+                    {
+                      'name': 'value',
+                      'description': '',
+                      'type': 'String'
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'object',
+                      'description': '<p>object</p>\n',
+                      'type': 'Object'
+                    }
+                  ]
+                }
+              ]
+            },
+            'createNumberDict': {
+              'name': 'createNumberDict',
+              'class': 'p5',
+              'module': 'Data',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'key',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'value',
+                      'description': '',
+                      'type': 'Number'
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'object',
+                      'description': '<p>object</p>\n',
+                      'type': 'Object'
+                    }
+                  ]
+                }
+              ]
+            },
+            'select': {
+              'name': 'select',
+              'params': [
+                {
+                  'name': 'selectors',
+                  'description': '<p>CSS selector string of element to search for.</p>\n',
+                  'type': 'String'
+                },
+                {
+                  'name': 'container',
+                  'description': '<p>CSS selector string, <a href="#/p5.Element">p5.Element</a>, or\n                                            <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement" target="_blank">HTMLElement</a> to search within.</p>\n',
+                  'type': 'String|p5.Element|HTMLElement',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'DOM'
+            },
+            'selectAll': {
+              'name': 'selectAll',
+              'params': [
+                {
+                  'name': 'selectors',
+                  'description': '<p>CSS selector string of element to search for.</p>\n',
+                  'type': 'String'
+                },
+                {
+                  'name': 'container',
+                  'description': '<p>CSS selector string, <a href="#/p5.Element">p5.Element</a>, or\n                                            <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement" target="_blank">HTMLElement</a> to search within.</p>\n',
+                  'type': 'String|p5.Element|HTMLElement',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'DOM'
+            },
+            'removeElements': {
+              'name': 'removeElements',
+              'class': 'p5',
+              'module': 'DOM'
+            },
+            'changed': {
+              'name': 'changed',
+              'params': [
+                {
+                  'name': 'fxn',
+                  'description': '<p>function to call when the element changes.\n                               <code>false</code> disables the function.</p>\n',
+                  'type': 'Function|Boolean'
+                }
+              ],
+              'class': 'p5',
+              'module': 'DOM'
+            },
+            'input': {
+              'name': 'input',
+              'params': [
+                {
+                  'name': 'fxn',
+                  'description': '<p>function to call when input is detected within\n                               the element.\n                               <code>false</code> disables the function.</p>\n',
+                  'type': 'Function|Boolean'
+                }
+              ],
+              'class': 'p5',
+              'module': 'DOM'
+            },
+            'createDiv': {
+              'name': 'createDiv',
+              'params': [
+                {
+                  'name': 'html',
+                  'description': '<p>inner HTML for the new <code>&lt;div&gt;&lt;/div&gt;</code> element.</p>\n',
+                  'type': 'String',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'DOM'
+            },
+            'createP': {
+              'name': 'createP',
+              'params': [
+                {
+                  'name': 'html',
+                  'description': '<p>inner HTML for the new <code>&lt;p&gt;&lt;/p&gt;</code> element.</p>\n',
+                  'type': 'String',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'DOM'
+            },
+            'createSpan': {
+              'name': 'createSpan',
+              'params': [
+                {
+                  'name': 'html',
+                  'description': '<p>inner HTML for the new <code>&lt;span&gt;&lt;/span&gt;</code> element.</p>\n',
+                  'type': 'String',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'DOM'
+            },
+            'createImg': {
+              'name': 'createImg',
+              'class': 'p5',
+              'module': 'DOM',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'src',
+                      'description': '<p>relative path or URL for the image.</p>\n',
+                      'type': 'String'
+                    },
+                    {
+                      'name': 'alt',
+                      'description': '<p>alternate text for the image.</p>\n',
+                      'type': 'String'
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'src',
+                      'description': '',
+                      'type': 'String'
+                    },
+                    {
+                      'name': 'alt',
+                      'description': '',
+                      'type': 'String'
+                    },
+                    {
+                      'name': 'crossOrigin',
+                      'description': '<p>crossOrigin property to use when fetching the image.</p>\n',
+                      'type': 'String',
+                      'optional': true
+                    },
+                    {
+                      'name': 'successCallback',
+                      'description': '<p>function to call once the image loads. The new image will be passed\n                                     to the function as a <a href="#/p5.Element">p5.Element</a> object.</p>\n',
+                      'type': 'Function',
+                      'optional': true
+                    }
+                  ]
+                }
+              ]
+            },
+            'createA': {
+              'name': 'createA',
+              'params': [
+                {
+                  'name': 'href',
+                  'description': '<p>URL of linked page.</p>\n',
+                  'type': 'String'
+                },
+                {
+                  'name': 'html',
+                  'description': '<p>inner HTML of link element to display.</p>\n',
+                  'type': 'String'
+                },
+                {
+                  'name': 'target',
+                  'description': '<p>target where the new link should open,\n                            either <code>\'_blank\'</code>, <code>\'_self\'</code>, <code>\'_parent\'</code>, or <code>\'_top\'</code>.</p>\n',
+                  'type': 'String',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'DOM'
+            },
+            'createSlider': {
+              'name': 'createSlider',
+              'params': [
+                {
+                  'name': 'min',
+                  'description': '<p>minimum value of the slider.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'max',
+                  'description': '<p>maximum value of the slider.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'value',
+                  'description': '<p>default value of the slider.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'step',
+                  'description': '<p>size for each step in the slider\'s range.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'DOM'
+            },
+            'createButton': {
+              'name': 'createButton',
+              'params': [
+                {
+                  'name': 'label',
+                  'description': '<p>label displayed on the button.</p>\n',
+                  'type': 'String'
+                },
+                {
+                  'name': 'value',
+                  'description': '<p>value of the button.</p>\n',
+                  'type': 'String',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'DOM'
+            },
+            'createCheckbox': {
+              'name': 'createCheckbox',
+              'params': [
+                {
+                  'name': 'label',
+                  'description': '<p>label displayed after the checkbox.</p>\n',
+                  'type': 'String',
+                  'optional': true
+                },
+                {
+                  'name': 'value',
+                  'description': '<p>value of the checkbox. Checked is <code>true</code> and unchecked is <code>false</code>.</p>\n',
+                  'type': 'Boolean',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'DOM'
+            },
+            'createSelect': {
+              'name': 'createSelect',
+              'class': 'p5',
+              'module': 'DOM',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'multiple',
+                      'description': '<p>support multiple selections.</p>\n',
+                      'type': 'Boolean',
+                      'optional': true
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'existing',
+                      'description': '<p>select element to wrap, either as a <a href="#/p5.Element">p5.Element</a> or\n                         a <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement" target="_blank">HTMLSelectElement</a>.</p>\n',
+                      'type': 'Object'
+                    }
+                  ]
+                }
+              ]
+            },
+            'createRadio': {
+              'name': 'createRadio',
+              'class': 'p5',
+              'module': 'DOM',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'containerElement',
+                      'description': '<p>container HTML Element, either a <code>&lt;div&gt;&lt;/div&gt;</code>\nor <code>&lt;span&gt;&lt;/span&gt;</code>.</p>\n',
+                      'type': 'Object',
+                      'optional': true
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'name',
+                      'description': '<p>name parameter assigned to each option\'s <code>&lt;input&gt;&lt;/input&gt;</code> element.</p>\n',
+                      'type': 'String',
+                      'optional': true
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                  ]
+                }
+              ]
+            },
+            'createColorPicker': {
+              'name': 'createColorPicker',
+              'params': [
+                {
+                  'name': 'value',
+                  'description': '<p>default color as a <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color" target="_blank">CSS color string</a>.</p>\n',
+                  'type': 'String|p5.Color',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'DOM'
+            },
+            'createInput': {
+              'name': 'createInput',
+              'class': 'p5',
+              'module': 'DOM',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'value',
+                      'description': '<p>default value of the input box. Defaults to an empty string <code>\'\'</code>.</p>\n',
+                      'type': 'String',
+                      'optional': true
+                    },
+                    {
+                      'name': 'type',
+                      'description': '<p>type of input. Defaults to <code>\'text\'</code>.</p>\n',
+                      'type': 'String',
+                      'optional': true
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'value',
+                      'description': '',
+                      'type': 'String',
+                      'optional': true
+                    }
+                  ]
+                }
+              ]
+            },
+            'createFileInput': {
+              'name': 'createFileInput',
+              'params': [
+                {
+                  'name': 'callback',
+                  'description': '<p>function to call once the file loads.</p>\n',
+                  'type': 'Function'
+                },
+                {
+                  'name': 'multiple',
+                  'description': '<p>allow multiple files to be selected.</p>\n',
+                  'type': 'Boolean',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'DOM'
+            },
+            'createVideo': {
+              'name': 'createVideo',
+              'params': [
+                {
+                  'name': 'src',
+                  'description': '<p>path to a video file, or an array of paths for\n                              supporting different browsers.</p>\n',
+                  'type': 'String|String[]'
+                },
+                {
+                  'name': 'callback',
+                  'description': '<p>function to call once the video is ready to play.</p>\n',
+                  'type': 'Function',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'DOM'
+            },
+            'createAudio': {
+              'name': 'createAudio',
+              'params': [
+                {
+                  'name': 'src',
+                  'description': '<p>path to an audio file, or an array of paths\n                                for supporting different browsers.</p>\n',
+                  'type': 'String|String[]',
+                  'optional': true
+                },
+                {
+                  'name': 'callback',
+                  'description': '<p>function to call once the audio is ready to play.</p>\n',
+                  'type': 'Function',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'DOM'
+            },
+            'createCapture': {
+              'name': 'createCapture',
+              'params': [
+                {
+                  'name': 'type',
+                  'description': '<p>type of capture, either AUDIO or VIDEO,\n                                  or a constraints object. Both video and audio\n                                  audio streams are captured by default.</p>\n',
+                  'type': 'String|Constant|Object',
+                  'optional': true
+                },
+                {
+                  'name': 'callback',
+                  'description': '<p>function to call once the stream\n                                  has loaded.</p>\n',
+                  'type': 'Function',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'DOM'
+            },
+            'createElement': {
+              'name': 'createElement',
+              'params': [
+                {
+                  'name': 'tag',
+                  'description': '<p>tag for the new element.</p>\n',
+                  'type': 'String'
+                },
+                {
+                  'name': 'content',
+                  'description': '<p>HTML content to insert into the element.</p>\n',
+                  'type': 'String',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'DOM'
+            },
+            'deviceOrientation': {
+              'name': 'deviceOrientation',
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'accelerationX': {
+              'name': 'accelerationX',
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'accelerationY': {
+              'name': 'accelerationY',
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'accelerationZ': {
+              'name': 'accelerationZ',
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'pAccelerationX': {
+              'name': 'pAccelerationX',
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'pAccelerationY': {
+              'name': 'pAccelerationY',
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'pAccelerationZ': {
+              'name': 'pAccelerationZ',
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'rotationX': {
+              'name': 'rotationX',
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'rotationY': {
+              'name': 'rotationY',
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'rotationZ': {
+              'name': 'rotationZ',
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'pRotationX': {
+              'name': 'pRotationX',
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'pRotationY': {
+              'name': 'pRotationY',
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'pRotationZ': {
+              'name': 'pRotationZ',
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'turnAxis': {
+              'name': 'turnAxis',
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'setMoveThreshold': {
+              'name': 'setMoveThreshold',
+              'params': [
+                {
+                  'name': 'value',
+                  'description': '<p>The threshold value</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'setShakeThreshold': {
+              'name': 'setShakeThreshold',
+              'params': [
+                {
+                  'name': 'value',
+                  'description': '<p>The threshold value</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'deviceMoved': {
+              'name': 'deviceMoved',
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'deviceTurned': {
+              'name': 'deviceTurned',
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'deviceShaken': {
+              'name': 'deviceShaken',
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'keyIsPressed': {
+              'name': 'keyIsPressed',
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'key': {
+              'name': 'key',
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'keyCode': {
+              'name': 'keyCode',
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'keyPressed': {
+              'name': 'keyPressed',
+              'params': [
+                {
+                  'name': 'event',
+                  'description': '<p>optional KeyboardEvent callback argument.</p>\n',
+                  'type': 'KeyboardEvent',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'keyReleased': {
+              'name': 'keyReleased',
+              'params': [
+                {
+                  'name': 'event',
+                  'description': '<p>optional KeyboardEvent callback argument.</p>\n',
+                  'type': 'KeyboardEvent',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'keyTyped': {
+              'name': 'keyTyped',
+              'params': [
+                {
+                  'name': 'event',
+                  'description': '<p>optional KeyboardEvent callback argument.</p>\n',
+                  'type': 'KeyboardEvent',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'keyIsDown': {
+              'name': 'keyIsDown',
+              'params': [
+                {
+                  'name': 'code',
+                  'description': '<p>The key to check for.</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'movedX': {
+              'name': 'movedX',
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'movedY': {
+              'name': 'movedY',
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'mouseX': {
+              'name': 'mouseX',
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'mouseY': {
+              'name': 'mouseY',
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'pmouseX': {
+              'name': 'pmouseX',
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'pmouseY': {
+              'name': 'pmouseY',
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'winMouseX': {
+              'name': 'winMouseX',
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'winMouseY': {
+              'name': 'winMouseY',
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'pwinMouseX': {
+              'name': 'pwinMouseX',
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'pwinMouseY': {
+              'name': 'pwinMouseY',
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'mouseButton': {
+              'name': 'mouseButton',
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'mouseIsPressed': {
+              'name': 'mouseIsPressed',
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'mouseMoved': {
+              'name': 'mouseMoved',
+              'params': [
+                {
+                  'name': 'event',
+                  'description': '<p>optional MouseEvent callback argument.</p>\n',
+                  'type': 'MouseEvent',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'mouseDragged': {
+              'name': 'mouseDragged',
+              'params': [
+                {
+                  'name': 'event',
+                  'description': '<p>optional MouseEvent callback argument.</p>\n',
+                  'type': 'MouseEvent',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'mousePressed': {
+              'name': 'mousePressed',
+              'params': [
+                {
+                  'name': 'event',
+                  'description': '<p>optional MouseEvent callback argument.</p>\n',
+                  'type': 'MouseEvent',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'mouseReleased': {
+              'name': 'mouseReleased',
+              'params': [
+                {
+                  'name': 'event',
+                  'description': '<p>optional MouseEvent callback argument.</p>\n',
+                  'type': 'MouseEvent',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'mouseClicked': {
+              'name': 'mouseClicked',
+              'params': [
+                {
+                  'name': 'event',
+                  'description': '<p>optional MouseEvent callback argument.</p>\n',
+                  'type': 'MouseEvent',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'doubleClicked': {
+              'name': 'doubleClicked',
+              'params': [
+                {
+                  'name': 'event',
+                  'description': '<p>optional MouseEvent callback argument.</p>\n',
+                  'type': 'MouseEvent',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'mouseWheel': {
+              'name': 'mouseWheel',
+              'params': [
+                {
+                  'name': 'event',
+                  'description': '<p>optional WheelEvent callback argument.</p>\n',
+                  'type': 'WheelEvent',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'requestPointerLock': {
+              'name': 'requestPointerLock',
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'exitPointerLock': {
+              'name': 'exitPointerLock',
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'touches': {
+              'name': 'touches',
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'touchStarted': {
+              'name': 'touchStarted',
+              'params': [
+                {
+                  'name': 'event',
+                  'description': '<p>optional TouchEvent callback argument.</p>\n',
+                  'type': 'TouchEvent',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'touchMoved': {
+              'name': 'touchMoved',
+              'params': [
+                {
+                  'name': 'event',
+                  'description': '<p>optional TouchEvent callback argument.</p>\n',
+                  'type': 'TouchEvent',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'touchEnded': {
+              'name': 'touchEnded',
+              'params': [
+                {
+                  'name': 'event',
+                  'description': '<p>optional TouchEvent callback argument.</p>\n',
+                  'type': 'TouchEvent',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Events'
+            },
+            'createImage': {
+              'name': 'createImage',
+              'params': [
+                {
+                  'name': 'width',
+                  'description': '<p>width in pixels.</p>\n',
+                  'type': 'Integer'
+                },
+                {
+                  'name': 'height',
+                  'description': '<p>height in pixels.</p>\n',
+                  'type': 'Integer'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Image'
+            },
+            'saveCanvas': {
+              'name': 'saveCanvas',
+              'class': 'p5',
+              'module': 'Image',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'selectedCanvas',
+                      'description': '<p>reference to a\n                                                        specific HTML5 canvas element.</p>\n',
+                      'type': 'p5.Framebuffer|p5.Element|HTMLCanvasElement'
+                    },
+                    {
+                      'name': 'filename',
+                      'description': '<p>file name. Defaults to \'untitled\'.</p>\n',
+                      'type': 'String',
+                      'optional': true
+                    },
+                    {
+                      'name': 'extension',
+                      'description': '<p>file extension, either \'jpg\' or \'png\'. Defaults to \'png\'.</p>\n',
+                      'type': 'String',
+                      'optional': true
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'filename',
+                      'description': '',
+                      'type': 'String',
+                      'optional': true
+                    },
+                    {
+                      'name': 'extension',
+                      'description': '',
+                      'type': 'String',
+                      'optional': true
+                    }
+                  ]
+                }
+              ]
+            },
+            'saveFrames': {
+              'name': 'saveFrames',
+              'params': [
+                {
+                  'name': 'filename',
+                  'description': '<p>prefix of file name.</p>\n',
+                  'type': 'String'
+                },
+                {
+                  'name': 'extension',
+                  'description': '<p>file extension, either \'jpg\' or \'png\'.</p>\n',
+                  'type': 'String'
+                },
+                {
+                  'name': 'duration',
+                  'description': '<p>duration in seconds to record. This parameter will be constrained to be less or equal to 15.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'framerate',
+                  'description': '<p>number of frames to save per second. This parameter will be constrained to be less or equal to 22.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'callback',
+                  'description': '<p>callback function that will be executed\n                                 to handle the image data. This function\n                                 should accept an array as argument. The\n                                 array will contain the specified number of\n                                 frames of objects. Each object has three\n                                 properties: <code>imageData</code>, <code>filename</code>, and <code>extension</code>.</p>\n',
+                  'type': 'Function(Array)',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Image'
+            },
+            'loadImage': {
+              'name': 'loadImage',
+              'params': [
+                {
+                  'name': 'path',
+                  'description': '<p>path of the image to be loaded or base64 encoded image.</p>\n',
+                  'type': 'String'
+                },
+                {
+                  'name': 'successCallback',
+                  'description': '<p>function called with\n                              <a href="#/p5.Image">p5.Image</a> once it\n                              loads.</p>\n',
+                  'type': 'function(p5.Image)',
+                  'optional': true
+                },
+                {
+                  'name': 'failureCallback',
+                  'description': '<p>function called with event\n                              error if the image fails to load.</p>\n',
+                  'type': 'Function(Event)',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Image'
+            },
+            'saveGif': {
+              'name': 'saveGif',
+              'params': [
+                {
+                  'name': 'filename',
+                  'description': '<p>file name of gif.</p>\n',
+                  'type': 'String'
+                },
+                {
+                  'name': 'duration',
+                  'description': '<p>duration in seconds to capture from the sketch.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'options',
+                  'description': '<p>an object that can contain five more properties:\n                 <code>delay</code>, a Number specifying how much time to wait before recording;\n                 <code>units</code>, a String that can be either \'seconds\' or \'frames\'. By default it\'s \'seconds’;\n                 <code>silent</code>, a Boolean that defines presence of progress notifications. By default it’s <code>false</code>;\n                 <code>notificationDuration</code>, a Number that defines how long in seconds the final notification\n                 will live. By default it\'s <code>0</code>, meaning the notification will never be removed;\n                 <code>notificationID</code>, a String that specifies the id of the notification\'s DOM element. By default it’s <code>\'progressBar’</code>.</p>\n',
+                  'type': 'Object',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Image'
+            },
+            'image': {
+              'name': 'image',
+              'class': 'p5',
+              'module': 'Image',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'img',
+                      'description': '<p>image to display.</p>\n',
+                      'type': 'p5.Image|p5.Element|p5.Texture|p5.Framebuffer|p5.FramebufferTexture'
+                    },
+                    {
+                      'name': 'x',
+                      'description': '<p>x-coordinate of the top-left corner of the image.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y',
+                      'description': '<p>y-coordinate of the top-left corner of the image.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'width',
+                      'description': '<p>width to draw the image.</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    },
+                    {
+                      'name': 'height',
+                      'description': '<p>height to draw the image.</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'img',
+                      'description': '',
+                      'type': 'p5.Image|p5.Element|p5.Texture|p5.Framebuffer|p5.FramebufferTexture'
+                    },
+                    {
+                      'name': 'dx',
+                      'description': '<p>the x-coordinate of the destination\n                          rectangle in which to draw the source image</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'dy',
+                      'description': '<p>the y-coordinate of the destination\n                          rectangle in which to draw the source image</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'dWidth',
+                      'description': '<p>the width of the destination rectangle</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'dHeight',
+                      'description': '<p>the height of the destination rectangle</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'sx',
+                      'description': '<p>the x-coordinate of the subsection of the source\nimage to draw into the destination rectangle</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'sy',
+                      'description': '<p>the y-coordinate of the subsection of the source\nimage to draw into the destination rectangle</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'sWidth',
+                      'description': '<p>the width of the subsection of the\n                          source image to draw into the destination\n                          rectangle</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    },
+                    {
+                      'name': 'sHeight',
+                      'description': '<p>the height of the subsection of the\n                           source image to draw into the destination rectangle</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    },
+                    {
+                      'name': 'fit',
+                      'description': '<p>either CONTAIN or COVER</p>\n',
+                      'type': 'Constant',
+                      'optional': true
+                    },
+                    {
+                      'name': 'xAlign',
+                      'description': '<p>either LEFT, RIGHT or CENTER default is CENTER</p>\n',
+                      'type': 'Constant',
+                      'optional': true
+                    },
+                    {
+                      'name': 'yAlign',
+                      'description': '<p>either TOP, BOTTOM or CENTER default is CENTER</p>\n',
+                      'type': 'Constant',
+                      'optional': true
+                    }
+                  ]
+                }
+              ]
+            },
+            'tint': {
+              'name': 'tint',
+              'class': 'p5',
+              'module': 'Image',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'v1',
+                      'description': '<p>red or hue value.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'v2',
+                      'description': '<p>green or saturation value.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'v3',
+                      'description': '<p>blue or brightness.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'alpha',
+                      'description': '',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'value',
+                      'description': '<p>CSS color string.</p>\n',
+                      'type': 'String'
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'gray',
+                      'description': '<p>grayscale value.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'alpha',
+                      'description': '',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'values',
+                      'description': '<p>array containing the red, green, blue &\n                                alpha components of the color.</p>\n',
+                      'type': 'Number[]'
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'color',
+                      'description': '<p>the tint color</p>\n',
+                      'type': 'p5.Color'
+                    }
+                  ]
+                }
+              ]
+            },
+            'noTint': {
+              'name': 'noTint',
+              'class': 'p5',
+              'module': 'Image'
+            },
+            'imageMode': {
+              'name': 'imageMode',
+              'params': [
+                {
+                  'name': 'mode',
+                  'description': '<p>either CORNER, CORNERS, or CENTER.</p>\n',
+                  'type': 'Constant'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Image'
+            },
+            'pixels': {
+              'name': 'pixels',
+              'class': 'p5',
+              'module': 'Image'
+            },
+            'blend': {
+              'name': 'blend',
+              'class': 'p5',
+              'module': 'Image',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'srcImage',
+                      'description': '<p>source image.</p>\n',
+                      'type': 'p5.Image'
+                    },
+                    {
+                      'name': 'sx',
+                      'description': '<p>x-coordinate of the source\'s upper-left corner.</p>\n',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'sy',
+                      'description': '<p>y-coordinate of the source\'s upper-left corner.</p>\n',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'sw',
+                      'description': '<p>source image width.</p>\n',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'sh',
+                      'description': '<p>source image height.</p>\n',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'dx',
+                      'description': '<p>x-coordinate of the destination\'s upper-left corner.</p>\n',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'dy',
+                      'description': '<p>y-coordinate of the destination\'s upper-left corner.</p>\n',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'dw',
+                      'description': '<p>destination image width.</p>\n',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'dh',
+                      'description': '<p>destination image height.</p>\n',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'blendMode',
+                      'description': '<p>the blend mode. either\n    BLEND, DARKEST, LIGHTEST, DIFFERENCE,\n    MULTIPLY, EXCLUSION, SCREEN, REPLACE, OVERLAY, HARD_LIGHT,\n    SOFT_LIGHT, DODGE, BURN, ADD or NORMAL.</p>\n',
+                      'type': 'Constant'
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'sx',
+                      'description': '',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'sy',
+                      'description': '',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'sw',
+                      'description': '',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'sh',
+                      'description': '',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'dx',
+                      'description': '',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'dy',
+                      'description': '',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'dw',
+                      'description': '',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'dh',
+                      'description': '',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'blendMode',
+                      'description': '',
+                      'type': 'Constant'
+                    }
+                  ]
+                }
+              ]
+            },
+            'copy': {
+              'name': 'copy',
+              'class': 'p5',
+              'module': 'Image',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'srcImage',
+                      'description': '<p>source image.</p>\n',
+                      'type': 'p5.Image|p5.Element'
+                    },
+                    {
+                      'name': 'sx',
+                      'description': '<p>x-coordinate of the source\'s upper-left corner.</p>\n',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'sy',
+                      'description': '<p>y-coordinate of the source\'s upper-left corner.</p>\n',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'sw',
+                      'description': '<p>source image width.</p>\n',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'sh',
+                      'description': '<p>source image height.</p>\n',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'dx',
+                      'description': '<p>x-coordinate of the destination\'s upper-left corner.</p>\n',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'dy',
+                      'description': '<p>y-coordinate of the destination\'s upper-left corner.</p>\n',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'dw',
+                      'description': '<p>destination image width.</p>\n',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'dh',
+                      'description': '<p>destination image height.</p>\n',
+                      'type': 'Integer'
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'sx',
+                      'description': '',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'sy',
+                      'description': '',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'sw',
+                      'description': '',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'sh',
+                      'description': '',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'dx',
+                      'description': '',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'dy',
+                      'description': '',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'dw',
+                      'description': '',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'dh',
+                      'description': '',
+                      'type': 'Integer'
+                    }
+                  ]
+                }
+              ]
+            },
+            'filter': {
+              'name': 'filter',
+              'class': 'p5',
+              'module': 'Image',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'filterType',
+                      'description': '<p>either THRESHOLD, GRAY, OPAQUE, INVERT,\n                               POSTERIZE, BLUR, ERODE, DILATE or BLUR.</p>\n',
+                      'type': 'Constant'
+                    },
+                    {
+                      'name': 'filterParam',
+                      'description': '<p>parameter unique to each filter.</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    },
+                    {
+                      'name': 'useWebGL',
+                      'description': '<p>flag to control whether to use fast\n                               WebGL filters (GPU) or original image\n                               filters (CPU); defaults to <code>true</code>.</p>\n',
+                      'type': 'Boolean',
+                      'optional': true
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'filterType',
+                      'description': '',
+                      'type': 'Constant'
+                    },
+                    {
+                      'name': 'useWebGL',
+                      'description': '',
+                      'type': 'Boolean',
+                      'optional': true
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'shaderFilter',
+                      'description': '<p>shader that\'s been loaded, with the\n                                  frag shader using a <code>tex0</code> uniform.</p>\n',
+                      'type': 'p5.Shader'
+                    }
+                  ]
+                }
+              ]
+            },
+            'get': {
+              'name': 'get',
+              'class': 'p5',
+              'module': 'Image',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'x',
+                      'description': '<p>x-coordinate of the pixel.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y',
+                      'description': '<p>y-coordinate of the pixel.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'w',
+                      'description': '<p>width of the subsection to be returned.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'h',
+                      'description': '<p>height of the subsection to be returned.</p>\n',
+                      'type': 'Number'
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'x',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y',
+                      'description': '',
+                      'type': 'Number'
+                    }
+                  ]
+                }
+              ]
+            },
+            'loadPixels': {
+              'name': 'loadPixels',
+              'class': 'p5',
+              'module': 'Image'
+            },
+            'set': {
+              'name': 'set',
+              'params': [
+                {
+                  'name': 'x',
+                  'description': '<p>x-coordinate of the pixel.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'y',
+                  'description': '<p>y-coordinate of the pixel.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'c',
+                  'description': '<p>grayscale value | pixel array |\n                               <a href="#/p5.Color">p5.Color</a> object | <a href="#/p5.Image">p5.Image</a> to copy.</p>\n',
+                  'type': 'Number|Number[]|Object'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Image'
+            },
+            'updatePixels': {
+              'name': 'updatePixels',
+              'params': [
+                {
+                  'name': 'x',
+                  'description': '<p>x-coordinate of the upper-left corner of region\n                        to update.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'y',
+                  'description': '<p>y-coordinate of the upper-left corner of region\n                        to update.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'w',
+                  'description': '<p>width of region to update.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'h',
+                  'description': '<p>height of region to update.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Image'
+            },
+            'loadJSON': {
+              'name': 'loadJSON',
+              'class': 'p5',
+              'module': 'IO',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'path',
+                      'description': '<p>name of the file or url to load</p>\n',
+                      'type': 'String'
+                    },
+                    {
+                      'name': 'jsonpOptions',
+                      'description': '<p>options object for jsonp related settings</p>\n',
+                      'type': 'Object',
+                      'optional': true
+                    },
+                    {
+                      'name': 'datatype',
+                      'description': '<p>"json" or "jsonp"</p>\n',
+                      'type': 'String',
+                      'optional': true
+                    },
+                    {
+                      'name': 'callback',
+                      'description': '<p>function to be executed after\n                                   <a href="#/p5/loadJSON">loadJSON()</a> completes, data is passed\n                                   in as first argument</p>\n',
+                      'type': 'Function',
+                      'optional': true
+                    },
+                    {
+                      'name': 'errorCallback',
+                      'description': '<p>function to be executed if\n                                   there is an error, response is passed\n                                   in as first argument</p>\n',
+                      'type': 'Function',
+                      'optional': true
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'path',
+                      'description': '',
+                      'type': 'String'
+                    },
+                    {
+                      'name': 'datatype',
+                      'description': '',
+                      'type': 'String'
+                    },
+                    {
+                      'name': 'callback',
+                      'description': '',
+                      'type': 'Function',
+                      'optional': true
+                    },
+                    {
+                      'name': 'errorCallback',
+                      'description': '',
+                      'type': 'Function',
+                      'optional': true
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'path',
+                      'description': '',
+                      'type': 'String'
+                    },
+                    {
+                      'name': 'callback',
+                      'description': '',
+                      'type': 'Function'
+                    },
+                    {
+                      'name': 'errorCallback',
+                      'description': '',
+                      'type': 'Function',
+                      'optional': true
+                    }
+                  ]
+                }
+              ]
+            },
+            'loadStrings': {
+              'name': 'loadStrings',
+              'params': [
+                {
+                  'name': 'filename',
+                  'description': '<p>name of the file or url to load</p>\n',
+                  'type': 'String'
+                },
+                {
+                  'name': 'callback',
+                  'description': '<p>function to be executed after <a href="#/p5/loadStrings">loadStrings()</a>\n                              completes, Array is passed in as first\n                              argument</p>\n',
+                  'type': 'Function',
+                  'optional': true
+                },
+                {
+                  'name': 'errorCallback',
+                  'description': '<p>function to be executed if\n                              there is an error, response is passed\n                              in as first argument</p>\n',
+                  'type': 'Function',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'IO'
+            },
+            'loadTable': {
+              'name': 'loadTable',
+              'params': [
+                {
+                  'name': 'filename',
+                  'description': '<p>name of the file or URL to load</p>\n',
+                  'type': 'String'
+                },
+                {
+                  'name': 'extension',
+                  'description': '<p>parse the table by comma-separated values "csv", semicolon-separated\n                                     values "ssv", or tab-separated values "tsv"</p>\n',
+                  'type': 'String',
+                  'optional': true
+                },
+                {
+                  'name': 'header',
+                  'description': '<p>"header" to indicate table has header row</p>\n',
+                  'type': 'String',
+                  'optional': true
+                },
+                {
+                  'name': 'callback',
+                  'description': '<p>function to be executed after\n                                     <a href="#/p5/loadTable">loadTable()</a> completes. On success, the\n                                     <a href="#/p5.Table">Table</a> object is passed in as the\n                                     first argument.</p>\n',
+                  'type': 'Function',
+                  'optional': true
+                },
+                {
+                  'name': 'errorCallback',
+                  'description': '<p>function to be executed if\n                                     there is an error, response is passed\n                                     in as first argument</p>\n',
+                  'type': 'Function',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'IO'
+            },
+            'loadXML': {
+              'name': 'loadXML',
+              'params': [
+                {
+                  'name': 'filename',
+                  'description': '<p>name of the file or URL to load</p>\n',
+                  'type': 'String'
+                },
+                {
+                  'name': 'callback',
+                  'description': '<p>function to be executed after <a href="#/p5/loadXML">loadXML()</a>\n                              completes, XML object is passed in as\n                              first argument</p>\n',
+                  'type': 'Function',
+                  'optional': true
+                },
+                {
+                  'name': 'errorCallback',
+                  'description': '<p>function to be executed if\n                              there is an error, response is passed\n                              in as first argument</p>\n',
+                  'type': 'Function',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'IO'
+            },
+            'loadBytes': {
+              'name': 'loadBytes',
+              'params': [
+                {
+                  'name': 'file',
+                  'description': '<p>name of the file or URL to load</p>\n',
+                  'type': 'String'
+                },
+                {
+                  'name': 'callback',
+                  'description': '<p>function to be executed after <a href="#/p5/loadBytes">loadBytes()</a>\n                                   completes</p>\n',
+                  'type': 'Function',
+                  'optional': true
+                },
+                {
+                  'name': 'errorCallback',
+                  'description': '<p>function to be executed if there\n                                   is an error</p>\n',
+                  'type': 'Function',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'IO'
+            },
+            'httpGet': {
+              'name': 'httpGet',
+              'class': 'p5',
+              'module': 'IO',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'path',
+                      'description': '<p>name of the file or url to load</p>\n',
+                      'type': 'String'
+                    },
+                    {
+                      'name': 'datatype',
+                      'description': '<p>"json", "jsonp", "binary", "arrayBuffer",\n                                   "xml", or "text"</p>\n',
+                      'type': 'String',
+                      'optional': true
+                    },
+                    {
+                      'name': 'data',
+                      'description': '<p>param data passed sent with request</p>\n',
+                      'type': 'Object|Boolean',
+                      'optional': true
+                    },
+                    {
+                      'name': 'callback',
+                      'description': '<p>function to be executed after\n                                   <a href="#/p5/httpGet">httpGet()</a> completes, data is passed in\n                                   as first argument</p>\n',
+                      'type': 'Function',
+                      'optional': true
+                    },
+                    {
+                      'name': 'errorCallback',
+                      'description': '<p>function to be executed if\n                                   there is an error, response is passed\n                                   in as first argument</p>\n',
+                      'type': 'Function',
+                      'optional': true
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'path',
+                      'description': '',
+                      'type': 'String'
+                    },
+                    {
+                      'name': 'data',
+                      'description': '',
+                      'type': 'Object|Boolean'
+                    },
+                    {
+                      'name': 'callback',
+                      'description': '',
+                      'type': 'Function',
+                      'optional': true
+                    },
+                    {
+                      'name': 'errorCallback',
+                      'description': '',
+                      'type': 'Function',
+                      'optional': true
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'path',
+                      'description': '',
+                      'type': 'String'
+                    },
+                    {
+                      'name': 'callback',
+                      'description': '',
+                      'type': 'Function'
+                    },
+                    {
+                      'name': 'errorCallback',
+                      'description': '',
+                      'type': 'Function',
+                      'optional': true
+                    }
+                  ]
+                }
+              ]
+            },
+            'httpPost': {
+              'name': 'httpPost',
+              'class': 'p5',
+              'module': 'IO',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'path',
+                      'description': '<p>name of the file or url to load</p>\n',
+                      'type': 'String'
+                    },
+                    {
+                      'name': 'datatype',
+                      'description': '<p>"json", "jsonp", "xml", or "text".\n                                   If omitted, <a href="#/p5/httpPost">httpPost()</a> will guess.</p>\n',
+                      'type': 'String',
+                      'optional': true
+                    },
+                    {
+                      'name': 'data',
+                      'description': '<p>param data passed sent with request</p>\n',
+                      'type': 'Object|Boolean',
+                      'optional': true
+                    },
+                    {
+                      'name': 'callback',
+                      'description': '<p>function to be executed after\n                                   <a href="#/p5/httpPost">httpPost()</a> completes, data is passed in\n                                   as first argument</p>\n',
+                      'type': 'Function',
+                      'optional': true
+                    },
+                    {
+                      'name': 'errorCallback',
+                      'description': '<p>function to be executed if\n                                   there is an error, response is passed\n                                   in as first argument</p>\n',
+                      'type': 'Function',
+                      'optional': true
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'path',
+                      'description': '',
+                      'type': 'String'
+                    },
+                    {
+                      'name': 'data',
+                      'description': '',
+                      'type': 'Object|Boolean'
+                    },
+                    {
+                      'name': 'callback',
+                      'description': '',
+                      'type': 'Function',
+                      'optional': true
+                    },
+                    {
+                      'name': 'errorCallback',
+                      'description': '',
+                      'type': 'Function',
+                      'optional': true
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'path',
+                      'description': '',
+                      'type': 'String'
+                    },
+                    {
+                      'name': 'callback',
+                      'description': '',
+                      'type': 'Function'
+                    },
+                    {
+                      'name': 'errorCallback',
+                      'description': '',
+                      'type': 'Function',
+                      'optional': true
+                    }
+                  ]
+                }
+              ]
+            },
+            'httpDo': {
+              'name': 'httpDo',
+              'class': 'p5',
+              'module': 'IO',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'path',
+                      'description': '<p>name of the file or url to load</p>\n',
+                      'type': 'String'
+                    },
+                    {
+                      'name': 'method',
+                      'description': '<p>either "GET", "POST", or "PUT",\n                                   defaults to "GET"</p>\n',
+                      'type': 'String',
+                      'optional': true
+                    },
+                    {
+                      'name': 'datatype',
+                      'description': '<p>"json", "jsonp", "xml", or "text"</p>\n',
+                      'type': 'String',
+                      'optional': true
+                    },
+                    {
+                      'name': 'data',
+                      'description': '<p>param data passed sent with request</p>\n',
+                      'type': 'Object',
+                      'optional': true
+                    },
+                    {
+                      'name': 'callback',
+                      'description': '<p>function to be executed after\n                                   <a href="#/p5/httpGet">httpGet()</a> completes, data is passed in\n                                   as first argument</p>\n',
+                      'type': 'Function',
+                      'optional': true
+                    },
+                    {
+                      'name': 'errorCallback',
+                      'description': '<p>function to be executed if\n                                   there is an error, response is passed\n                                   in as first argument</p>\n',
+                      'type': 'Function',
+                      'optional': true
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'path',
+                      'description': '',
+                      'type': 'String'
+                    },
+                    {
+                      'name': 'options',
+                      'description': '<p>Request object options as documented in the\n                                   "fetch" API\n<a href="https://developer.mozilla.org/en/docs/Web/API/Fetch_API">reference</a></p>\n',
+                      'type': 'Object'
+                    },
+                    {
+                      'name': 'callback',
+                      'description': '',
+                      'type': 'Function',
+                      'optional': true
+                    },
+                    {
+                      'name': 'errorCallback',
+                      'description': '',
+                      'type': 'Function',
+                      'optional': true
+                    }
+                  ]
+                }
+              ]
+            },
+            'createWriter': {
+              'name': 'createWriter',
+              'params': [
+                {
+                  'name': 'name',
+                  'description': '<p>name of the file to be created</p>\n',
+                  'type': 'String'
+                },
+                {
+                  'name': 'extension',
+                  'description': '',
+                  'type': 'String',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'IO'
+            },
+            'save': {
+              'name': 'save',
+              'params': [
+                {
+                  'name': 'objectOrFilename',
+                  'description': '<p>If filename is provided, will\n                                           save canvas as an image with\n                                           either png or jpg extension\n                                           depending on the filename.\n                                           If object is provided, will\n                                           save depending on the object\n                                           and filename (see examples\n                                           above).</p>\n',
+                  'type': 'Object|String',
+                  'optional': true
+                },
+                {
+                  'name': 'filename',
+                  'description': '<p>If an object is provided as the first\n                             parameter, then the second parameter\n                             indicates the filename,\n                             and should include an appropriate\n                             file extension (see examples above).</p>\n',
+                  'type': 'String',
+                  'optional': true
+                },
+                {
+                  'name': 'options',
+                  'description': '<p>Additional options depend on\n                          filetype. For example, when saving JSON,\n                          <code>true</code> indicates that the\n                          output will be optimized for filesize,\n                          rather than readability.</p>\n',
+                  'type': 'Boolean|String',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'IO'
+            },
+            'saveJSON': {
+              'name': 'saveJSON',
+              'params': [
+                {
+                  'name': 'json',
+                  'description': '',
+                  'type': 'Array|Object'
+                },
+                {
+                  'name': 'filename',
+                  'description': '',
+                  'type': 'String'
+                },
+                {
+                  'name': 'optimize',
+                  'description': '<p>If true, removes line breaks\n                               and spaces from the output\n                               file to optimize filesize\n                               (but not readability).</p>\n',
+                  'type': 'Boolean',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'IO'
+            },
+            'saveStrings': {
+              'name': 'saveStrings',
+              'params': [
+                {
+                  'name': 'list',
+                  'description': '<p>string array to be written</p>\n',
+                  'type': 'String[]'
+                },
+                {
+                  'name': 'filename',
+                  'description': '<p>filename for output</p>\n',
+                  'type': 'String'
+                },
+                {
+                  'name': 'extension',
+                  'description': '<p>the filename\'s extension</p>\n',
+                  'type': 'String',
+                  'optional': true
+                },
+                {
+                  'name': 'isCRLF',
+                  'description': '<p>if true, change line-break to CRLF</p>\n',
+                  'type': 'Boolean',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'IO'
+            },
+            'saveTable': {
+              'name': 'saveTable',
+              'params': [
+                {
+                  'name': 'Table',
+                  'description': '<p>the <a href="#/p5.Table">Table</a> object to save to a file</p>\n',
+                  'type': 'p5.Table'
+                },
+                {
+                  'name': 'filename',
+                  'description': '<p>the filename to which the Table should be saved</p>\n',
+                  'type': 'String'
+                },
+                {
+                  'name': 'options',
+                  'description': '<p>can be one of "tsv", "csv", or "html"</p>\n',
+                  'type': 'String',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'IO'
+            },
+            'abs': {
+              'name': 'abs',
+              'params': [
+                {
+                  'name': 'n',
+                  'description': '<p>number to compute.</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Math'
+            },
+            'ceil': {
+              'name': 'ceil',
+              'params': [
+                {
+                  'name': 'n',
+                  'description': '<p>number to round up.</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Math'
+            },
+            'constrain': {
+              'name': 'constrain',
+              'params': [
+                {
+                  'name': 'n',
+                  'description': '<p>number to constrain.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'low',
+                  'description': '<p>minimum limit.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'high',
+                  'description': '<p>maximum limit.</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Math'
+            },
+            'dist': {
+              'name': 'dist',
+              'class': 'p5',
+              'module': 'Math',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'x1',
+                      'description': '<p>x-coordinate of the first point.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y1',
+                      'description': '<p>y-coordinate of the first point.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'x2',
+                      'description': '<p>x-coordinate of the second point.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y2',
+                      'description': '<p>y-coordinate of the second point.</p>\n',
+                      'type': 'Number'
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'x1',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y1',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'z1',
+                      'description': '<p>z-coordinate of the first point.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'x2',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y2',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'z2',
+                      'description': '<p>z-coordinate of the second point.</p>\n',
+                      'type': 'Number'
+                    }
+                  ]
+                }
+              ]
+            },
+            'exp': {
+              'name': 'exp',
+              'params': [
+                {
+                  'name': 'n',
+                  'description': '<p>exponent to raise.</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Math'
+            },
+            'floor': {
+              'name': 'floor',
+              'params': [
+                {
+                  'name': 'n',
+                  'description': '<p>number to round down.</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Math'
+            },
+            'lerp': {
+              'name': 'lerp',
+              'params': [
+                {
+                  'name': 'start',
+                  'description': '<p>first value.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'stop',
+                  'description': '<p>second value.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'amt',
+                  'description': '<p>number.</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Math'
+            },
+            'log': {
+              'name': 'log',
+              'params': [
+                {
+                  'name': 'n',
+                  'description': '<p>number greater than 0.</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Math'
+            },
+            'mag': {
+              'name': 'mag',
+              'params': [
+                {
+                  'name': 'x',
+                  'description': '<p>first component.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'y',
+                  'description': '<p>second component.</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Math'
+            },
+            'map': {
+              'name': 'map',
+              'params': [
+                {
+                  'name': 'value',
+                  'description': '<p>the incoming value to be converted.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'start1',
+                  'description': '<p>lower bound of the value\'s current range.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'stop1',
+                  'description': '<p>upper bound of the value\'s current range.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'start2',
+                  'description': '<p>lower bound of the value\'s target range.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'stop2',
+                  'description': '<p>upper bound of the value\'s target range.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'withinBounds',
+                  'description': '<p>constrain the value to the newly mapped range.</p>\n',
+                  'type': 'Boolean',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Math'
+            },
+            'max': {
+              'name': 'max',
+              'class': 'p5',
+              'module': 'Math',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'n0',
+                      'description': '<p>first number to compare.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'n1',
+                      'description': '<p>second number to compare.</p>\n',
+                      'type': 'Number'
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'nums',
+                      'description': '<p>numbers to compare.</p>\n',
+                      'type': 'Number[]'
+                    }
+                  ]
+                }
+              ]
+            },
+            'min': {
+              'name': 'min',
+              'class': 'p5',
+              'module': 'Math',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'n0',
+                      'description': '<p>first number to compare.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'n1',
+                      'description': '<p>second number to compare.</p>\n',
+                      'type': 'Number'
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'nums',
+                      'description': '<p>numbers to compare.</p>\n',
+                      'type': 'Number[]'
+                    }
+                  ]
+                }
+              ]
+            },
+            'norm': {
+              'name': 'norm',
+              'params': [
+                {
+                  'name': 'value',
+                  'description': '<p>incoming value to be normalized.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'start',
+                  'description': '<p>lower bound of the value\'s current range.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'stop',
+                  'description': '<p>upper bound of the value\'s current range.</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Math'
+            },
+            'pow': {
+              'name': 'pow',
+              'params': [
+                {
+                  'name': 'n',
+                  'description': '<p>base of the exponential expression.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'e',
+                  'description': '<p>power by which to raise the base.</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Math'
+            },
+            'round': {
+              'name': 'round',
+              'params': [
+                {
+                  'name': 'n',
+                  'description': '<p>number to round.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'decimals',
+                  'description': '<p>number of decimal places to round to, default is 0.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Math'
+            },
+            'sq': {
+              'name': 'sq',
+              'params': [
+                {
+                  'name': 'n',
+                  'description': '<p>number to square.</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Math'
+            },
+            'sqrt': {
+              'name': 'sqrt',
+              'params': [
+                {
+                  'name': 'n',
+                  'description': '<p>non-negative number to square root.</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Math'
+            },
+            'fract': {
+              'name': 'fract',
+              'params': [
+                {
+                  'name': 'n',
+                  'description': '<p>number whose fractional part will be found.</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Math'
+            },
+            'createVector': {
+              'name': 'createVector',
+              'params': [
+                {
+                  'name': 'x',
+                  'description': '<p>x component of the vector.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'y',
+                  'description': '<p>y component of the vector.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'z',
+                  'description': '<p>z component of the vector.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Math'
+            },
+            'noise': {
+              'name': 'noise',
+              'params': [
+                {
+                  'name': 'x',
+                  'description': '<p>x-coordinate in noise space.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'y',
+                  'description': '<p>y-coordinate in noise space.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'z',
+                  'description': '<p>z-coordinate in noise space.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Math'
+            },
+            'noiseDetail': {
+              'name': 'noiseDetail',
+              'params': [
+                {
+                  'name': 'lod',
+                  'description': '<p>number of octaves to be used by the noise.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'falloff',
+                  'description': '<p>falloff factor for each octave.</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Math'
+            },
+            'noiseSeed': {
+              'name': 'noiseSeed',
+              'params': [
+                {
+                  'name': 'seed',
+                  'description': '<p>seed value.</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Math'
+            },
+            'randomSeed': {
+              'name': 'randomSeed',
+              'params': [
+                {
+                  'name': 'seed',
+                  'description': '<p>seed value.</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Math'
+            },
+            'random': {
+              'name': 'random',
+              'class': 'p5',
+              'module': 'Math',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'min',
+                      'description': '<p>lower bound (inclusive).</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    },
+                    {
+                      'name': 'max',
+                      'description': '<p>upper bound (exclusive).</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'choices',
+                      'description': '<p>array to choose from.</p>\n',
+                      'type': 'Array'
+                    }
+                  ]
+                }
+              ]
+            },
+            'randomGaussian': {
+              'name': 'randomGaussian',
+              'params': [
+                {
+                  'name': 'mean',
+                  'description': '<p>mean.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'sd',
+                  'description': '<p>standard deviation.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Math'
+            },
+            'acos': {
+              'name': 'acos',
+              'params': [
+                {
+                  'name': 'value',
+                  'description': '<p>value whose arc cosine is to be returned.</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Math'
+            },
+            'asin': {
+              'name': 'asin',
+              'params': [
+                {
+                  'name': 'value',
+                  'description': '<p>value whose arc sine is to be returned.</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Math'
+            },
+            'atan': {
+              'name': 'atan',
+              'params': [
+                {
+                  'name': 'value',
+                  'description': '<p>value whose arc tangent is to be returned.</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Math'
+            },
+            'atan2': {
+              'name': 'atan2',
+              'params': [
+                {
+                  'name': 'y',
+                  'description': '<p>y-coordinate of the point.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'x',
+                  'description': '<p>x-coordinate of the point.</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Math'
+            },
+            'cos': {
+              'name': 'cos',
+              'params': [
+                {
+                  'name': 'angle',
+                  'description': '<p>the angle.</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Math'
+            },
+            'sin': {
+              'name': 'sin',
+              'params': [
+                {
+                  'name': 'angle',
+                  'description': '<p>the angle.</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Math'
+            },
+            'tan': {
+              'name': 'tan',
+              'params': [
+                {
+                  'name': 'angle',
+                  'description': '<p>the angle.</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Math'
+            },
+            'degrees': {
+              'name': 'degrees',
+              'params': [
+                {
+                  'name': 'radians',
+                  'description': '<p>radians value to convert to degrees.</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Math'
+            },
+            'radians': {
+              'name': 'radians',
+              'params': [
+                {
+                  'name': 'degrees',
+                  'description': '<p>degree value to convert to radians.</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Math'
+            },
+            'angleMode': {
+              'name': 'angleMode',
+              'class': 'p5',
+              'module': 'Math',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'mode',
+                      'description': '<p>either RADIANS or DEGREES.</p>\n',
+                      'type': 'Constant'
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                  ]
+                }
+              ]
+            },
+            'textAlign': {
+              'name': 'textAlign',
+              'class': 'p5',
+              'module': 'Typography',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'horizAlign',
+                      'description': '<p>horizontal alignment, either LEFT,\n                           CENTER, or RIGHT.</p>\n',
+                      'type': 'Constant'
+                    },
+                    {
+                      'name': 'vertAlign',
+                      'description': '<p>vertical alignment, either TOP,\n                           BOTTOM, CENTER, or BASELINE.</p>\n',
+                      'type': 'Constant',
+                      'optional': true
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                  ]
+                }
+              ]
+            },
+            'textLeading': {
+              'name': 'textLeading',
+              'class': 'p5',
+              'module': 'Typography',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'leading',
+                      'description': '<p>spacing between lines of text in units of pixels.</p>\n',
+                      'type': 'Number'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                  ]
+                }
+              ]
+            },
+            'textSize': {
+              'name': 'textSize',
+              'class': 'p5',
+              'module': 'Typography',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'size',
+                      'description': '<p>size of the letters in units of pixels</p>\n',
+                      'type': 'Number'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                  ]
+                }
+              ]
+            },
+            'textStyle': {
+              'name': 'textStyle',
+              'class': 'p5',
+              'module': 'Typography',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'style',
+                      'description': '<p>styling for text, either NORMAL,\n                           ITALIC, BOLD or BOLDITALIC</p>\n',
+                      'type': 'Constant'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                  ]
+                }
+              ]
+            },
+            'textWidth': {
+              'name': 'textWidth',
+              'params': [
+                {
+                  'name': 'str',
+                  'description': '<p>string of text to measure.</p>\n',
+                  'type': 'String'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Typography'
+            },
+            'textAscent': {
+              'name': 'textAscent',
+              'class': 'p5',
+              'module': 'Typography'
+            },
+            'textDescent': {
+              'name': 'textDescent',
+              'class': 'p5',
+              'module': 'Typography'
+            },
+            'textWrap': {
+              'name': 'textWrap',
+              'params': [
+                {
+                  'name': 'style',
+                  'description': '<p>text wrapping style, either WORD or CHAR.</p>\n',
+                  'type': 'Constant'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Typography'
+            },
+            'loadFont': {
+              'name': 'loadFont',
+              'params': [
+                {
+                  'name': 'path',
+                  'description': '<p>path of the font to be loaded.</p>\n',
+                  'type': 'String'
+                },
+                {
+                  'name': 'successCallback',
+                  'description': '<p>function called with the\n                                          <a href="#/p5.Font">p5.Font</a> object after it\n                                          loads.</p>\n',
+                  'type': 'Function',
+                  'optional': true
+                },
+                {
+                  'name': 'failureCallback',
+                  'description': '<p>function called with the error\n                                          <a href="https://developer.mozilla.org/en-US/docs/Web/API/Event" target="_blank">Event</a>\n                                          object if the font fails to load.</p>\n',
+                  'type': 'Function',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Typography'
+            },
+            'text': {
+              'name': 'text',
+              'params': [
+                {
+                  'name': 'str',
+                  'description': '<p>text to be displayed.</p>\n',
+                  'type': 'String|Object|Array|Number|Boolean'
+                },
+                {
+                  'name': 'x',
+                  'description': '<p>x-coordinate of the text box.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'y',
+                  'description': '<p>y-coordinate of the text box.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'maxWidth',
+                  'description': '<p>maximum width of the text box. See\n                           <a href="#/p5/rectMode">rectMode()</a> for\n                           other options.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'maxHeight',
+                  'description': '<p>maximum height of the text box. See\n                           <a href="#/p5/rectMode">rectMode()</a> for\n                           other options.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Typography'
+            },
+            'textFont': {
+              'name': 'textFont',
+              'class': 'p5',
+              'module': 'Typography',
+              'overloads': [
+                {
+                  'params': [
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'font',
+                      'description': '<p>font as a <a href="#/p5.Font">p5.Font</a> object or a string.</p>\n',
+                      'type': 'Object|String'
+                    },
+                    {
+                      'name': 'size',
+                      'description': '<p>font size in pixels.</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ],
+                  'chainable': 1
+                }
+              ]
+            },
+            'append': {
+              'name': 'append',
+              'params': [
+                {
+                  'name': 'array',
+                  'description': '<p>Array to append</p>\n',
+                  'type': 'Array'
+                },
+                {
+                  'name': 'value',
+                  'description': '<p>to be added to the Array</p>\n',
+                  'type': 'Any'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Data'
+            },
+            'arrayCopy': {
+              'name': 'arrayCopy',
+              'class': 'p5',
+              'module': 'Data',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'src',
+                      'description': '<p>the source Array</p>\n',
+                      'type': 'Array'
+                    },
+                    {
+                      'name': 'srcPosition',
+                      'description': '<p>starting position in the source Array</p>\n',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'dst',
+                      'description': '<p>the destination Array</p>\n',
+                      'type': 'Array'
+                    },
+                    {
+                      'name': 'dstPosition',
+                      'description': '<p>starting position in the destination Array</p>\n',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'length',
+                      'description': '<p>number of Array elements to be copied</p>\n',
+                      'type': 'Integer'
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'src',
+                      'description': '',
+                      'type': 'Array'
+                    },
+                    {
+                      'name': 'dst',
+                      'description': '',
+                      'type': 'Array'
+                    },
+                    {
+                      'name': 'length',
+                      'description': '',
+                      'type': 'Integer',
+                      'optional': true
+                    }
+                  ]
+                }
+              ]
+            },
+            'concat': {
+              'name': 'concat',
+              'params': [
+                {
+                  'name': 'a',
+                  'description': '<p>first Array to concatenate</p>\n',
+                  'type': 'Array'
+                },
+                {
+                  'name': 'b',
+                  'description': '<p>second Array to concatenate</p>\n',
+                  'type': 'Array'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Data'
+            },
+            'reverse': {
+              'name': 'reverse',
+              'params': [
+                {
+                  'name': 'list',
+                  'description': '<p>Array to reverse</p>\n',
+                  'type': 'Array'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Data'
+            },
+            'shorten': {
+              'name': 'shorten',
+              'params': [
+                {
+                  'name': 'list',
+                  'description': '<p>Array to shorten</p>\n',
+                  'type': 'Array'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Data'
+            },
+            'shuffle': {
+              'name': 'shuffle',
+              'params': [
+                {
+                  'name': 'array',
+                  'description': '<p>Array to shuffle</p>\n',
+                  'type': 'Array'
+                },
+                {
+                  'name': 'bool',
+                  'description': '<p>modify passed array</p>\n',
+                  'type': 'Boolean',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Data'
+            },
+            'sort': {
+              'name': 'sort',
+              'params': [
+                {
+                  'name': 'list',
+                  'description': '<p>Array to sort</p>\n',
+                  'type': 'Array'
+                },
+                {
+                  'name': 'count',
+                  'description': '<p>number of elements to sort, starting from 0</p>\n',
+                  'type': 'Integer',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Data'
+            },
+            'splice': {
+              'name': 'splice',
+              'params': [
+                {
+                  'name': 'list',
+                  'description': '<p>Array to splice into</p>\n',
+                  'type': 'Array'
+                },
+                {
+                  'name': 'value',
+                  'description': '<p>value to be spliced in</p>\n',
+                  'type': 'Any'
+                },
+                {
+                  'name': 'position',
+                  'description': '<p>in the array from which to insert data</p>\n',
+                  'type': 'Integer'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Data'
+            },
+            'subset': {
+              'name': 'subset',
+              'params': [
+                {
+                  'name': 'list',
+                  'description': '<p>Array to extract from</p>\n',
+                  'type': 'Array'
+                },
+                {
+                  'name': 'start',
+                  'description': '<p>position to begin</p>\n',
+                  'type': 'Integer'
+                },
+                {
+                  'name': 'count',
+                  'description': '<p>number of values to extract</p>\n',
+                  'type': 'Integer',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Data'
+            },
+            'float': {
+              'name': 'float',
+              'params': [
+                {
+                  'name': 'str',
+                  'description': '<p>float string to parse</p>\n',
+                  'type': 'String'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Data'
+            },
+            'int': {
+              'name': 'int',
+              'class': 'p5',
+              'module': 'Data',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'n',
+                      'description': '<p>value to parse</p>\n',
+                      'type': 'String|Boolean|Number'
+                    },
+                    {
+                      'name': 'radix',
+                      'description': '<p>the radix to convert to (default: 10)</p>\n',
+                      'type': 'Integer',
+                      'optional': true
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'ns',
+                      'description': '<p>values to parse</p>\n',
+                      'type': 'Array'
+                    },
+                    {
+                      'name': 'radix',
+                      'description': '',
+                      'type': 'Integer',
+                      'optional': true
+                    }
+                  ]
+                }
+              ]
+            },
+            'str': {
+              'name': 'str',
+              'params': [
+                {
+                  'name': 'n',
+                  'description': '<p>value to parse</p>\n',
+                  'type': 'String|Boolean|Number|Array'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Data'
+            },
+            'byte': {
+              'name': 'byte',
+              'class': 'p5',
+              'module': 'Data',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'n',
+                      'description': '<p>value to parse</p>\n',
+                      'type': 'String|Boolean|Number'
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'ns',
+                      'description': '<p>values to parse</p>\n',
+                      'type': 'Array'
+                    }
+                  ]
+                }
+              ]
+            },
+            'char': {
+              'name': 'char',
+              'class': 'p5',
+              'module': 'Data',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'n',
+                      'description': '<p>value to parse</p>\n',
+                      'type': 'String|Number'
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'ns',
+                      'description': '<p>values to parse</p>\n',
+                      'type': 'Array'
+                    }
+                  ]
+                }
+              ]
+            },
+            'unchar': {
+              'name': 'unchar',
+              'class': 'p5',
+              'module': 'Data',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'n',
+                      'description': '<p>value to parse</p>\n',
+                      'type': 'String'
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'ns',
+                      'description': '<p>values to parse</p>\n',
+                      'type': 'Array'
+                    }
+                  ]
+                }
+              ]
+            },
+            'hex': {
+              'name': 'hex',
+              'class': 'p5',
+              'module': 'Data',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'n',
+                      'description': '<p>value to parse</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'digits',
+                      'description': '',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'ns',
+                      'description': '<p>array of values to parse</p>\n',
+                      'type': 'Number[]'
+                    },
+                    {
+                      'name': 'digits',
+                      'description': '',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ]
+                }
+              ]
+            },
+            'unhex': {
+              'name': 'unhex',
+              'class': 'p5',
+              'module': 'Data',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'n',
+                      'description': '<p>value to parse</p>\n',
+                      'type': 'String'
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'ns',
+                      'description': '<p>values to parse</p>\n',
+                      'type': 'Array'
+                    }
+                  ]
+                }
+              ]
+            },
+            'join': {
+              'name': 'join',
+              'params': [
+                {
+                  'name': 'list',
+                  'description': '<p>array of Strings to be joined</p>\n',
+                  'type': 'Array'
+                },
+                {
+                  'name': 'separator',
+                  'description': '<p>String to be placed between each item</p>\n',
+                  'type': 'String'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Data'
+            },
+            'match': {
+              'name': 'match',
+              'params': [
+                {
+                  'name': 'str',
+                  'description': '<p>the String to be searched</p>\n',
+                  'type': 'String'
+                },
+                {
+                  'name': 'regexp',
+                  'description': '<p>the regexp to be used for matching</p>\n',
+                  'type': 'String'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Data'
+            },
+            'matchAll': {
+              'name': 'matchAll',
+              'params': [
+                {
+                  'name': 'str',
+                  'description': '<p>the String to be searched</p>\n',
+                  'type': 'String'
+                },
+                {
+                  'name': 'regexp',
+                  'description': '<p>the regexp to be used for matching</p>\n',
+                  'type': 'String'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Data'
+            },
+            'nf': {
+              'name': 'nf',
+              'class': 'p5',
+              'module': 'Data',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'num',
+                      'description': '<p>the Number to format</p>\n',
+                      'type': 'Number|String'
+                    },
+                    {
+                      'name': 'left',
+                      'description': '<p>number of digits to the left of the\n                               decimal point</p>\n',
+                      'type': 'Integer|String',
+                      'optional': true
+                    },
+                    {
+                      'name': 'right',
+                      'description': '<p>number of digits to the right of the\n                               decimal point</p>\n',
+                      'type': 'Integer|String',
+                      'optional': true
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'nums',
+                      'description': '<p>the Numbers to format</p>\n',
+                      'type': 'Array'
+                    },
+                    {
+                      'name': 'left',
+                      'description': '',
+                      'type': 'Integer|String',
+                      'optional': true
+                    },
+                    {
+                      'name': 'right',
+                      'description': '',
+                      'type': 'Integer|String',
+                      'optional': true
+                    }
+                  ]
+                }
+              ]
+            },
+            'nfc': {
+              'name': 'nfc',
+              'class': 'p5',
+              'module': 'Data',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'num',
+                      'description': '<p>the Number to format</p>\n',
+                      'type': 'Number|String'
+                    },
+                    {
+                      'name': 'right',
+                      'description': '<p>number of digits to the right of the\n                                 decimal point</p>\n',
+                      'type': 'Integer|String',
+                      'optional': true
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'nums',
+                      'description': '<p>the Numbers to format</p>\n',
+                      'type': 'Array'
+                    },
+                    {
+                      'name': 'right',
+                      'description': '',
+                      'type': 'Integer|String',
+                      'optional': true
+                    }
+                  ]
+                }
+              ]
+            },
+            'nfp': {
+              'name': 'nfp',
+              'class': 'p5',
+              'module': 'Data',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'num',
+                      'description': '<p>the Number to format</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'left',
+                      'description': '<p>number of digits to the left of the decimal\n                               point</p>\n',
+                      'type': 'Integer',
+                      'optional': true
+                    },
+                    {
+                      'name': 'right',
+                      'description': '<p>number of digits to the right of the\n                               decimal point</p>\n',
+                      'type': 'Integer',
+                      'optional': true
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'nums',
+                      'description': '<p>the Numbers to format</p>\n',
+                      'type': 'Number[]'
+                    },
+                    {
+                      'name': 'left',
+                      'description': '',
+                      'type': 'Integer',
+                      'optional': true
+                    },
+                    {
+                      'name': 'right',
+                      'description': '',
+                      'type': 'Integer',
+                      'optional': true
+                    }
+                  ]
+                }
+              ]
+            },
+            'nfs': {
+              'name': 'nfs',
+              'class': 'p5',
+              'module': 'Data',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'num',
+                      'description': '<p>the Number to format</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'left',
+                      'description': '<p>number of digits to the left of the decimal\n                               point</p>\n',
+                      'type': 'Integer',
+                      'optional': true
+                    },
+                    {
+                      'name': 'right',
+                      'description': '<p>number of digits to the right of the\n                               decimal point</p>\n',
+                      'type': 'Integer',
+                      'optional': true
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'nums',
+                      'description': '<p>the Numbers to format</p>\n',
+                      'type': 'Array'
+                    },
+                    {
+                      'name': 'left',
+                      'description': '',
+                      'type': 'Integer',
+                      'optional': true
+                    },
+                    {
+                      'name': 'right',
+                      'description': '',
+                      'type': 'Integer',
+                      'optional': true
+                    }
+                  ]
+                }
+              ]
+            },
+            'split': {
+              'name': 'split',
+              'params': [
+                {
+                  'name': 'value',
+                  'description': '<p>the String to be split</p>\n',
+                  'type': 'String'
+                },
+                {
+                  'name': 'delim',
+                  'description': '<p>the String used to separate the data</p>\n',
+                  'type': 'String'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Data'
+            },
+            'splitTokens': {
+              'name': 'splitTokens',
+              'params': [
+                {
+                  'name': 'value',
+                  'description': '<p>the String to be split</p>\n',
+                  'type': 'String'
+                },
+                {
+                  'name': 'delim',
+                  'description': '<p>list of individual Strings that will be used as\n                         separators</p>\n',
+                  'type': 'String',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Data'
+            },
+            'trim': {
+              'name': 'trim',
+              'class': 'p5',
+              'module': 'Data',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'str',
+                      'description': '<p>a String to be trimmed</p>\n',
+                      'type': 'String'
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'strs',
+                      'description': '<p>an Array of Strings to be trimmed</p>\n',
+                      'type': 'Array'
+                    }
+                  ]
+                }
+              ]
+            },
+            'day': {
+              'name': 'day',
+              'class': 'p5',
+              'module': 'IO'
+            },
+            'hour': {
+              'name': 'hour',
+              'class': 'p5',
+              'module': 'IO'
+            },
+            'minute': {
+              'name': 'minute',
+              'class': 'p5',
+              'module': 'IO'
+            },
+            'millis': {
+              'name': 'millis',
+              'class': 'p5',
+              'module': 'IO'
+            },
+            'month': {
+              'name': 'month',
+              'class': 'p5',
+              'module': 'IO'
+            },
+            'second': {
+              'name': 'second',
+              'class': 'p5',
+              'module': 'IO'
+            },
+            'year': {
+              'name': 'year',
+              'class': 'p5',
+              'module': 'IO'
+            },
+            'beginGeometry': {
+              'name': 'beginGeometry',
+              'class': 'p5',
+              'module': 'Shape'
+            },
+            'endGeometry': {
+              'name': 'endGeometry',
+              'class': 'p5',
+              'module': 'Shape'
+            },
+            'buildGeometry': {
+              'name': 'buildGeometry',
+              'params': [
+                {
+                  'name': 'callback',
+                  'description': '<p>A function that draws shapes.</p>\n',
+                  'type': 'Function'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Shape'
+            },
+            'freeGeometry': {
+              'name': 'freeGeometry',
+              'params': [
+                {
+                  'name': 'geometry',
+                  'description': '<p>The geometry whose resources should be freed</p>\n',
+                  'type': 'p5.Geometry'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Shape'
+            },
+            'plane': {
+              'name': 'plane',
+              'params': [
+                {
+                  'name': 'width',
+                  'description': '<p>width of the plane</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'height',
+                  'description': '<p>height of the plane</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'detailX',
+                  'description': '<p>Optional number of triangle\n                            subdivisions in x-dimension</p>\n',
+                  'type': 'Integer',
+                  'optional': true
+                },
+                {
+                  'name': 'detailY',
+                  'description': '<p>Optional number of triangle\n                            subdivisions in y-dimension</p>\n',
+                  'type': 'Integer',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Shape'
+            },
+            'box': {
+              'name': 'box',
+              'params': [
+                {
+                  'name': 'width',
+                  'description': '<p>width of the box</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'height',
+                  'description': '<p>height of the box</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'depth',
+                  'description': '<p>depth of the box</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'detailX',
+                  'description': '<p>Optional number of triangle\n                           subdivisions in x-dimension</p>\n',
+                  'type': 'Integer',
+                  'optional': true
+                },
+                {
+                  'name': 'detailY',
+                  'description': '<p>Optional number of triangle\n                           subdivisions in y-dimension</p>\n',
+                  'type': 'Integer',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Shape'
+            },
+            'sphere': {
+              'name': 'sphere',
+              'params': [
+                {
+                  'name': 'radius',
+                  'description': '<p>radius of circle</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'detailX',
+                  'description': '<p>optional number of subdivisions in x-dimension</p>\n',
+                  'type': 'Integer',
+                  'optional': true
+                },
+                {
+                  'name': 'detailY',
+                  'description': '<p>optional number of subdivisions in y-dimension</p>\n',
+                  'type': 'Integer',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Shape'
+            },
+            'cylinder': {
+              'name': 'cylinder',
+              'params': [
+                {
+                  'name': 'radius',
+                  'description': '<p>radius of the surface</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'height',
+                  'description': '<p>height of the cylinder</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'detailX',
+                  'description': '<p>number of subdivisions in x-dimension;\n                              default is 24</p>\n',
+                  'type': 'Integer',
+                  'optional': true
+                },
+                {
+                  'name': 'detailY',
+                  'description': '<p>number of subdivisions in y-dimension;\n                              default is 1</p>\n',
+                  'type': 'Integer',
+                  'optional': true
+                },
+                {
+                  'name': 'bottomCap',
+                  'description': '<p>whether to draw the bottom of the cylinder</p>\n',
+                  'type': 'Boolean',
+                  'optional': true
+                },
+                {
+                  'name': 'topCap',
+                  'description': '<p>whether to draw the top of the cylinder</p>\n',
+                  'type': 'Boolean',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Shape'
+            },
+            'cone': {
+              'name': 'cone',
+              'params': [
+                {
+                  'name': 'radius',
+                  'description': '<p>radius of the bottom surface</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'height',
+                  'description': '<p>height of the cone</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'detailX',
+                  'description': '<p>number of segments,\n                            the more segments the smoother geometry\n                            default is 24</p>\n',
+                  'type': 'Integer',
+                  'optional': true
+                },
+                {
+                  'name': 'detailY',
+                  'description': '<p>number of segments,\n                            the more segments the smoother geometry\n                            default is 1</p>\n',
+                  'type': 'Integer',
+                  'optional': true
+                },
+                {
+                  'name': 'cap',
+                  'description': '<p>whether to draw the base of the cone</p>\n',
+                  'type': 'Boolean',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Shape'
+            },
+            'ellipsoid': {
+              'name': 'ellipsoid',
+              'params': [
+                {
+                  'name': 'radiusx',
+                  'description': '<p>x-radius of ellipsoid</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'radiusy',
+                  'description': '<p>y-radius of ellipsoid</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'radiusz',
+                  'description': '<p>z-radius of ellipsoid</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'detailX',
+                  'description': '<p>number of segments,\n                                   the more segments the smoother geometry\n                                   default is 24. Avoid detail number above\n                                   150, it may crash the browser.</p>\n',
+                  'type': 'Integer',
+                  'optional': true
+                },
+                {
+                  'name': 'detailY',
+                  'description': '<p>number of segments,\n                                   the more segments the smoother geometry\n                                   default is 16. Avoid detail number above\n                                   150, it may crash the browser.</p>\n',
+                  'type': 'Integer',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Shape'
+            },
+            'torus': {
+              'name': 'torus',
+              'params': [
+                {
+                  'name': 'radius',
+                  'description': '<p>radius of the whole ring</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'tubeRadius',
+                  'description': '<p>radius of the tube</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'detailX',
+                  'description': '<p>number of segments in x-dimension,\n                               the more segments the smoother geometry\n                               default is 24</p>\n',
+                  'type': 'Integer',
+                  'optional': true
+                },
+                {
+                  'name': 'detailY',
+                  'description': '<p>number of segments in y-dimension,\n                               the more segments the smoother geometry\n                               default is 16</p>\n',
+                  'type': 'Integer',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'Shape'
+            },
+            'orbitControl': {
+              'name': 'orbitControl',
+              'params': [
+                {
+                  'name': 'sensitivityX',
+                  'description': '<p>sensitivity to mouse movement along X axis</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'sensitivityY',
+                  'description': '<p>sensitivity to mouse movement along Y axis</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'sensitivityZ',
+                  'description': '<p>sensitivity to scroll movement along Z axis</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'options',
+                  'description': '<p>An optional object that can contain additional settings,\ndisableTouchActions - Boolean, default value is true.\nSetting this to true makes mobile interactions smoother by preventing\naccidental interactions with the page while orbiting. But if you\'re already\ndoing it via css or want the default touch actions, consider setting it to false.\nfreeRotation - Boolean, default value is false.\nBy default, horizontal movement of the mouse or touch pointer rotates the camera\naround the y-axis, and vertical movement rotates the camera around the x-axis.\nBut if setting this option to true, the camera always rotates in the direction\nthe pointer is moving. For zoom and move, the behavior is the same regardless of\ntrue/false.</p>\n',
+                  'type': 'Object',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': '3D'
+            },
+            'debugMode': {
+              'name': 'debugMode',
+              'class': 'p5',
+              'module': '3D',
+              'overloads': [
+                {
+                  'params': [
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'mode',
+                      'description': '<p>either GRID or AXES</p>\n',
+                      'type': 'Constant'
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'mode',
+                      'description': '',
+                      'type': 'Constant'
+                    },
+                    {
+                      'name': 'gridSize',
+                      'description': '<p>size of one side of the grid</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    },
+                    {
+                      'name': 'gridDivisions',
+                      'description': '<p>number of divisions in the grid</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    },
+                    {
+                      'name': 'xOff',
+                      'description': '<p>X axis offset from origin (0,0,0)</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    },
+                    {
+                      'name': 'yOff',
+                      'description': '<p>Y axis offset from origin (0,0,0)</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    },
+                    {
+                      'name': 'zOff',
+                      'description': '<p>Z axis offset from origin (0,0,0)</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'mode',
+                      'description': '',
+                      'type': 'Constant'
+                    },
+                    {
+                      'name': 'axesSize',
+                      'description': '<p>size of axes icon</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    },
+                    {
+                      'name': 'xOff',
+                      'description': '',
+                      'type': 'Number',
+                      'optional': true
+                    },
+                    {
+                      'name': 'yOff',
+                      'description': '',
+                      'type': 'Number',
+                      'optional': true
+                    },
+                    {
+                      'name': 'zOff',
+                      'description': '',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'gridSize',
+                      'description': '',
+                      'type': 'Number',
+                      'optional': true
+                    },
+                    {
+                      'name': 'gridDivisions',
+                      'description': '',
+                      'type': 'Number',
+                      'optional': true
+                    },
+                    {
+                      'name': 'gridXOff',
+                      'description': '',
+                      'type': 'Number',
+                      'optional': true
+                    },
+                    {
+                      'name': 'gridYOff',
+                      'description': '',
+                      'type': 'Number',
+                      'optional': true
+                    },
+                    {
+                      'name': 'gridZOff',
+                      'description': '',
+                      'type': 'Number',
+                      'optional': true
+                    },
+                    {
+                      'name': 'axesSize',
+                      'description': '',
+                      'type': 'Number',
+                      'optional': true
+                    },
+                    {
+                      'name': 'axesXOff',
+                      'description': '',
+                      'type': 'Number',
+                      'optional': true
+                    },
+                    {
+                      'name': 'axesYOff',
+                      'description': '',
+                      'type': 'Number',
+                      'optional': true
+                    },
+                    {
+                      'name': 'axesZOff',
+                      'description': '',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ]
+                }
+              ]
+            },
+            'noDebugMode': {
+              'name': 'noDebugMode',
+              'class': 'p5',
+              'module': '3D'
+            },
+            'ambientLight': {
+              'name': 'ambientLight',
+              'class': 'p5',
+              'module': '3D',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'v1',
+                      'description': '<p>red or hue value relative to\n                                  the current color range</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'v2',
+                      'description': '<p>green or saturation value\n                                  relative to the current color range</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'v3',
+                      'description': '<p>blue or brightness value\n                                  relative to the current color range</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'alpha',
+                      'description': '<p>alpha value relative to current\n                                  color range (default is 0-255)</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'gray',
+                      'description': '<p>number specifying value between\n                                 white and black</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'alpha',
+                      'description': '',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'value',
+                      'description': '<p>a color string</p>\n',
+                      'type': 'String'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'values',
+                      'description': '<p>an array containing the red,green,blue &\n                                 and alpha components of the color</p>\n',
+                      'type': 'Number[]'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'color',
+                      'description': '<p>color as a <a href="#/p5.Color">p5.Color</a></p>\n',
+                      'type': 'p5.Color'
+                    }
+                  ],
+                  'chainable': 1
+                }
+              ]
+            },
+            'specularColor': {
+              'name': 'specularColor',
+              'class': 'p5',
+              'module': '3D',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'v1',
+                      'description': '<p>red or hue value relative to\n                                 the current color range</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'v2',
+                      'description': '<p>green or saturation value\n                                 relative to the current color range</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'v3',
+                      'description': '<p>blue or brightness value\n                                 relative to the current color range</p>\n',
+                      'type': 'Number'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'gray',
+                      'description': '<p>number specifying value between\n                                 white and black</p>\n',
+                      'type': 'Number'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'value',
+                      'description': '<p>color as a CSS string</p>\n',
+                      'type': 'String'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'values',
+                      'description': '<p>color as an array containing the\n                                 red, green, and blue components</p>\n',
+                      'type': 'Number[]'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'color',
+                      'description': '<p>color as a <a href="#/p5.Color">p5.Color</a></p>\n',
+                      'type': 'p5.Color'
+                    }
+                  ],
+                  'chainable': 1
+                }
+              ]
+            },
+            'directionalLight': {
+              'name': 'directionalLight',
+              'class': 'p5',
+              'module': '3D',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'v1',
+                      'description': '<p>red or hue value relative to the current\n                                color range</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'v2',
+                      'description': '<p>green or saturation value relative to the\n                                current color range</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'v3',
+                      'description': '<p>blue or brightness value relative to the\n                                current color range</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'x',
+                      'description': '<p>x component of direction (inclusive range of -1 to 1)</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y',
+                      'description': '<p>y component of direction (inclusive range of -1 to 1)</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'z',
+                      'description': '<p>z component of direction (inclusive range of -1 to 1)</p>\n',
+                      'type': 'Number'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'v1',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'v2',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'v3',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'direction',
+                      'description': '<p>direction of light as a\n                                <a href="#/p5.Vector">p5.Vector</a></p>\n',
+                      'type': 'p5.Vector'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'color',
+                      'description': '<p>color as a <a href="#/p5.Color">p5.Color</a>,\n                                           as an array, or as a CSS string</p>\n',
+                      'type': 'p5.Color|Number[]|String'
+                    },
+                    {
+                      'name': 'x',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'z',
+                      'description': '',
+                      'type': 'Number'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'color',
+                      'description': '',
+                      'type': 'p5.Color|Number[]|String'
+                    },
+                    {
+                      'name': 'direction',
+                      'description': '',
+                      'type': 'p5.Vector'
+                    }
+                  ],
+                  'chainable': 1
+                }
+              ]
+            },
+            'pointLight': {
+              'name': 'pointLight',
+              'class': 'p5',
+              'module': '3D',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'v1',
+                      'description': '<p>red or hue value relative to the current\n                         color range</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'v2',
+                      'description': '<p>green or saturation value relative to the\n                         current color range</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'v3',
+                      'description': '<p>blue or brightness value relative to the\n                         current color range</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'x',
+                      'description': '<p>x component of position</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y',
+                      'description': '<p>y component of position</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'z',
+                      'description': '<p>z component of position</p>\n',
+                      'type': 'Number'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'v1',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'v2',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'v3',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'position',
+                      'description': '<p>of light as a <a href="#/p5.Vector">p5.Vector</a></p>\n',
+                      'type': 'p5.Vector'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'color',
+                      'description': '<p>color as a <a href="#/p5.Color">p5.Color</a>,\n                                           as an array, or as a CSS string</p>\n',
+                      'type': 'p5.Color|Number[]|String'
+                    },
+                    {
+                      'name': 'x',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'z',
+                      'description': '',
+                      'type': 'Number'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'color',
+                      'description': '',
+                      'type': 'p5.Color|Number[]|String'
+                    },
+                    {
+                      'name': 'position',
+                      'description': '',
+                      'type': 'p5.Vector'
+                    }
+                  ],
+                  'chainable': 1
+                }
+              ]
+            },
+            'imageLight': {
+              'name': 'imageLight',
+              'params': [
+                {
+                  'name': 'img',
+                  'description': '<p>image for the background</p>\n',
+                  'type': 'p5.image'
+                }
+              ],
+              'class': 'p5',
+              'module': '3D'
+            },
+            'lights': {
+              'name': 'lights',
+              'class': 'p5',
+              'module': '3D'
+            },
+            'lightFalloff': {
+              'name': 'lightFalloff',
+              'params': [
+                {
+                  'name': 'constant',
+                  'description': '<p>CONSTANT value for determining falloff</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'linear',
+                  'description': '<p>LINEAR value for determining falloff</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'quadratic',
+                  'description': '<p>QUADRATIC value for determining falloff</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': '3D'
+            },
+            'spotLight': {
+              'name': 'spotLight',
+              'class': 'p5',
+              'module': '3D',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'v1',
+                      'description': '<p>red or hue value relative to the current color range</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'v2',
+                      'description': '<p>green or saturation value relative to the current color range</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'v3',
+                      'description': '<p>blue or brightness value relative to the current color range</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'x',
+                      'description': '<p>x component of position</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y',
+                      'description': '<p>y component of position</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'z',
+                      'description': '<p>z component of position</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'rx',
+                      'description': '<p>x component of light direction (inclusive range of -1 to 1)</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'ry',
+                      'description': '<p>y component of light direction (inclusive range of -1 to 1)</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'rz',
+                      'description': '<p>z component of light direction (inclusive range of -1 to 1)</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'angle',
+                      'description': '<p>angle of cone. Defaults to PI/3</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    },
+                    {
+                      'name': 'concentration',
+                      'description': '<p>concentration of cone. Defaults to 100</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'color',
+                      'description': '<p>color as a <a href="#/p5.Color">p5.Color</a>,\n                                                    as an array, or as a CSS string</p>\n',
+                      'type': 'p5.Color|Number[]|String'
+                    },
+                    {
+                      'name': 'position',
+                      'description': '<p>position of light as a <a href="#/p5.Vector">p5.Vector</a></p>\n',
+                      'type': 'p5.Vector'
+                    },
+                    {
+                      'name': 'direction',
+                      'description': '<p>direction of light as a <a href="#/p5.Vector">p5.Vector</a></p>\n',
+                      'type': 'p5.Vector'
+                    },
+                    {
+                      'name': 'angle',
+                      'description': '',
+                      'type': 'Number',
+                      'optional': true
+                    },
+                    {
+                      'name': 'concentration',
+                      'description': '',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'v1',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'v2',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'v3',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'position',
+                      'description': '',
+                      'type': 'p5.Vector'
+                    },
+                    {
+                      'name': 'direction',
+                      'description': '',
+                      'type': 'p5.Vector'
+                    },
+                    {
+                      'name': 'angle',
+                      'description': '',
+                      'type': 'Number',
+                      'optional': true
+                    },
+                    {
+                      'name': 'concentration',
+                      'description': '',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'color',
+                      'description': '',
+                      'type': 'p5.Color|Number[]|String'
+                    },
+                    {
+                      'name': 'x',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'z',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'direction',
+                      'description': '',
+                      'type': 'p5.Vector'
+                    },
+                    {
+                      'name': 'angle',
+                      'description': '',
+                      'type': 'Number',
+                      'optional': true
+                    },
+                    {
+                      'name': 'concentration',
+                      'description': '',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'color',
+                      'description': '',
+                      'type': 'p5.Color|Number[]|String'
+                    },
+                    {
+                      'name': 'position',
+                      'description': '',
+                      'type': 'p5.Vector'
+                    },
+                    {
+                      'name': 'rx',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'ry',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'rz',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'angle',
+                      'description': '',
+                      'type': 'Number',
+                      'optional': true
+                    },
+                    {
+                      'name': 'concentration',
+                      'description': '',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'v1',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'v2',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'v3',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'x',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'z',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'direction',
+                      'description': '',
+                      'type': 'p5.Vector'
+                    },
+                    {
+                      'name': 'angle',
+                      'description': '',
+                      'type': 'Number',
+                      'optional': true
+                    },
+                    {
+                      'name': 'concentration',
+                      'description': '',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'v1',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'v2',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'v3',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'position',
+                      'description': '',
+                      'type': 'p5.Vector'
+                    },
+                    {
+                      'name': 'rx',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'ry',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'rz',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'angle',
+                      'description': '',
+                      'type': 'Number',
+                      'optional': true
+                    },
+                    {
+                      'name': 'concentration',
+                      'description': '',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'color',
+                      'description': '',
+                      'type': 'p5.Color|Number[]|String'
+                    },
+                    {
+                      'name': 'x',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'z',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'rx',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'ry',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'rz',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'angle',
+                      'description': '',
+                      'type': 'Number',
+                      'optional': true
+                    },
+                    {
+                      'name': 'concentration',
+                      'description': '',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ]
+                }
+              ]
+            },
+            'noLights': {
+              'name': 'noLights',
+              'class': 'p5',
+              'module': '3D'
+            },
+            'loadModel': {
+              'name': 'loadModel',
+              'class': 'p5',
+              'module': 'Shape',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'path',
+                      'description': '<p>Path of the model to be loaded</p>\n',
+                      'type': 'String'
+                    },
+                    {
+                      'name': 'normalize',
+                      'description': '<p>If true, scale the model to a\n                                     standardized size when loading</p>\n',
+                      'type': 'Boolean'
+                    },
+                    {
+                      'name': 'successCallback',
+                      'description': '<p>Function to be called\n                                    once the model is loaded. Will be passed\n                                    the 3D model object.</p>\n',
+                      'type': 'function(p5.Geometry)',
+                      'optional': true
+                    },
+                    {
+                      'name': 'failureCallback',
+                      'description': '<p>called with event error if\n                                        the model fails to load.</p>\n',
+                      'type': 'Function(Event)',
+                      'optional': true
+                    },
+                    {
+                      'name': 'fileType',
+                      'description': '<p>The file extension of the model\n                                     (<code>.stl</code>, <code>.obj</code>).</p>\n',
+                      'type': 'String',
+                      'optional': true
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'path',
+                      'description': '',
+                      'type': 'String'
+                    },
+                    {
+                      'name': 'successCallback',
+                      'description': '',
+                      'type': 'function(p5.Geometry)',
+                      'optional': true
+                    },
+                    {
+                      'name': 'failureCallback',
+                      'description': '',
+                      'type': 'Function(Event)',
+                      'optional': true
+                    },
+                    {
+                      'name': 'fileType',
+                      'description': '',
+                      'type': 'String',
+                      'optional': true
+                    }
+                  ]
+                }
+              ]
+            },
+            'model': {
+              'name': 'model',
+              'params': [
+                {
+                  'name': 'model',
+                  'description': '<p>Loaded 3d model to be rendered</p>\n',
+                  'type': 'p5.Geometry'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Shape'
+            },
+            'loadShader': {
+              'name': 'loadShader',
+              'params': [
+                {
+                  'name': 'vertFilename',
+                  'description': '<p>path to file containing vertex shader\nsource code</p>\n',
+                  'type': 'String'
+                },
+                {
+                  'name': 'fragFilename',
+                  'description': '<p>path to file containing fragment shader\nsource code</p>\n',
+                  'type': 'String'
+                },
+                {
+                  'name': 'callback',
+                  'description': '<p>callback to be executed after loadShader\ncompletes. On success, the p5.Shader object is passed as the first argument.</p>\n',
+                  'type': 'Function',
+                  'optional': true
+                },
+                {
+                  'name': 'errorCallback',
+                  'description': '<p>callback to be executed when an error\noccurs inside loadShader. On error, the error is passed as the first\nargument.</p>\n',
+                  'type': 'Function',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': '3D'
+            },
+            'createShader': {
+              'name': 'createShader',
+              'params': [
+                {
+                  'name': 'vertSrc',
+                  'description': '<p>source code for the vertex shader</p>\n',
+                  'type': 'String'
+                },
+                {
+                  'name': 'fragSrc',
+                  'description': '<p>source code for the fragment shader</p>\n',
+                  'type': 'String'
+                }
+              ],
+              'class': 'p5',
+              'module': '3D'
+            },
+            'createFilterShader': {
+              'name': 'createFilterShader',
+              'params': [
+                {
+                  'name': 'fragSrc',
+                  'description': '<p>source code for the fragment shader</p>\n',
+                  'type': 'String'
+                }
+              ],
+              'class': 'p5',
+              'module': '3D'
+            },
+            'shader': {
+              'name': 'shader',
+              'params': [
+                {
+                  'name': 's',
+                  'description': '<p>the <a href="#/p5.Shader">p5.Shader</a> object\nto use for rendering shapes.</p>\n',
+                  'type': 'p5.Shader'
+                }
+              ],
+              'class': 'p5',
+              'module': '3D'
+            },
+            'resetShader': {
+              'name': 'resetShader',
+              'class': 'p5',
+              'module': '3D'
+            },
+            'texture': {
+              'name': 'texture',
+              'params': [
+                {
+                  'name': 'tex',
+                  'description': '<p>image to use as texture</p>\n',
+                  'type': 'p5.Image|p5.MediaElement|p5.Graphics|p5.Texture|p5.Framebuffer|p5.FramebufferTexture'
+                }
+              ],
+              'class': 'p5',
+              'module': '3D'
+            },
+            'textureMode': {
+              'name': 'textureMode',
+              'params': [
+                {
+                  'name': 'mode',
+                  'description': '<p>either IMAGE or NORMAL</p>\n',
+                  'type': 'Constant'
+                }
+              ],
+              'class': 'p5',
+              'module': '3D'
+            },
+            'textureWrap': {
+              'name': 'textureWrap',
+              'params': [
+                {
+                  'name': 'wrapX',
+                  'description': '<p>either CLAMP, REPEAT, or MIRROR</p>\n',
+                  'type': 'Constant'
+                },
+                {
+                  'name': 'wrapY',
+                  'description': '<p>either CLAMP, REPEAT, or MIRROR</p>\n',
+                  'type': 'Constant',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': '3D'
+            },
+            'normalMaterial': {
+              'name': 'normalMaterial',
+              'class': 'p5',
+              'module': '3D'
+            },
+            'ambientMaterial': {
+              'name': 'ambientMaterial',
+              'class': 'p5',
+              'module': '3D',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'v1',
+                      'description': '<p>red or hue value relative to the current\n                      color range</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'v2',
+                      'description': '<p>green or saturation value relative to the\n                      current color range</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'v3',
+                      'description': '<p>blue or brightness value relative to the\n                      current color range</p>\n',
+                      'type': 'Number'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'gray',
+                      'description': '<p>number specifying value between\n                        white and black</p>\n',
+                      'type': 'Number'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'color',
+                      'description': '<p>color as a <a href="#/p5.Color">p5.Color</a>,\n           as an array, or as a CSS string</p>\n',
+                      'type': 'p5.Color|Number[]|String'
+                    }
+                  ],
+                  'chainable': 1
+                }
+              ]
+            },
+            'emissiveMaterial': {
+              'name': 'emissiveMaterial',
+              'class': 'p5',
+              'module': '3D',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'v1',
+                      'description': '<p>red or hue value relative to the current\n                           color range</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'v2',
+                      'description': '<p>green or saturation value relative to the\n                           current color range</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'v3',
+                      'description': '<p>blue or brightness value relative to the\n                           current color range</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'alpha',
+                      'description': '<p>alpha value relative to current color\n                           range (default is 0-255)</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'gray',
+                      'description': '<p>number specifying value between\n                        white and black</p>\n',
+                      'type': 'Number'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'color',
+                      'description': '<p>color as a <a href="#/p5.Color">p5.Color</a>,\n           as an array, or as a CSS string</p>\n',
+                      'type': 'p5.Color|Number[]|String'
+                    }
+                  ],
+                  'chainable': 1
+                }
+              ]
+            },
+            'specularMaterial': {
+              'name': 'specularMaterial',
+              'class': 'p5',
+              'module': '3D',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'gray',
+                      'description': '<p>number specifying value between white and black.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'alpha',
+                      'description': '<p>alpha value relative to current color range\n                                (default is 0-255)</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'v1',
+                      'description': '<p>red or hue value relative to\n                                the current color range</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'v2',
+                      'description': '<p>green or saturation value\n                                relative to the current color range</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'v3',
+                      'description': '<p>blue or brightness value\n                                relative to the current color range</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'alpha',
+                      'description': '',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'color',
+                      'description': '<p>color as a <a href="#/p5.Color">p5.Color</a>,\n           as an array, or as a CSS string</p>\n',
+                      'type': 'p5.Color|Number[]|String'
+                    }
+                  ],
+                  'chainable': 1
+                }
+              ]
+            },
+            'shininess': {
+              'name': 'shininess',
+              'params': [
+                {
+                  'name': 'shine',
+                  'description': '<p>degree of shininess</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': '3D'
+            },
+            'camera': {
+              'name': 'camera',
+              'params': [
+                {
+                  'name': 'x',
+                  'description': '<p>camera position value on x axis</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'y',
+                  'description': '<p>camera position value on y axis</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'z',
+                  'description': '<p>camera position value on z axis</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'centerX',
+                  'description': '<p>x coordinate representing center of the sketch</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'centerY',
+                  'description': '<p>y coordinate representing center of the sketch</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'centerZ',
+                  'description': '<p>z coordinate representing center of the sketch</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'upX',
+                  'description': '<p>x component of direction \'up\' from camera</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'upY',
+                  'description': '<p>y component of direction \'up\' from camera</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'upZ',
+                  'description': '<p>z component of direction \'up\' from camera</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': '3D'
+            },
+            'perspective': {
+              'name': 'perspective',
+              'params': [
+                {
+                  'name': 'fovy',
+                  'description': '<p>camera frustum vertical field of view,\n                          from bottom to top of view, in <a href="#/p5/angleMode">angleMode</a> units</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'aspect',
+                  'description': '<p>camera frustum aspect ratio</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'near',
+                  'description': '<p>frustum near plane length</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'far',
+                  'description': '<p>frustum far plane length</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': '3D'
+            },
+            'ortho': {
+              'name': 'ortho',
+              'params': [
+                {
+                  'name': 'left',
+                  'description': '<p>camera frustum left plane</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'right',
+                  'description': '<p>camera frustum right plane</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'bottom',
+                  'description': '<p>camera frustum bottom plane</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'top',
+                  'description': '<p>camera frustum top plane</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'near',
+                  'description': '<p>camera frustum near plane</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'far',
+                  'description': '<p>camera frustum far plane</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': '3D'
+            },
+            'frustum': {
+              'name': 'frustum',
+              'params': [
+                {
+                  'name': 'left',
+                  'description': '<p>camera frustum left plane</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'right',
+                  'description': '<p>camera frustum right plane</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'bottom',
+                  'description': '<p>camera frustum bottom plane</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'top',
+                  'description': '<p>camera frustum top plane</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'near',
+                  'description': '<p>camera frustum near plane</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'far',
+                  'description': '<p>camera frustum far plane</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': '3D'
+            },
+            'createCamera': {
+              'name': 'createCamera',
+              'class': 'p5',
+              'module': '3D'
+            },
+            'setCamera': {
+              'name': 'setCamera',
+              'params': [
+                {
+                  'name': 'cam',
+                  'description': '<p>p5.Camera object</p>\n',
+                  'type': 'p5.Camera'
+                }
+              ],
+              'class': 'p5',
+              'module': '3D'
+            },
+            'vertexNormal': {
+              'name': 'vertexNormal',
+              'params': [
+                {
+                  'name': 'x',
+                  'description': '',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'y',
+                  'description': '',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'z',
+                  'description': '',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'v',
+                  'description': '',
+                  'type': 'Vector'
+                }
+              ],
+              'class': 'p5',
+              'module': 'Shape'
+            },
+            'setAttributes': {
+              'name': 'setAttributes',
+              'class': 'p5',
+              'module': 'Rendering',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'key',
+                      'description': '<p>Name of attribute</p>\n',
+                      'type': 'String'
+                    },
+                    {
+                      'name': 'value',
+                      'description': '<p>New value of named attribute</p>\n',
+                      'type': 'Boolean'
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'obj',
+                      'description': '<p>object with key-value pairs</p>\n',
+                      'type': 'Object'
+                    }
+                  ]
+                }
+              ]
+            },
+            'getAudioContext': {
+              'name': 'getAudioContext',
+              'class': 'p5',
+              'module': 'p5.sound'
+            },
+            'userStartAudio': {
+              'params': [
+                {
+                  'name': 'elements',
+                  'description': '<p>This argument can be an Element,\n                              Selector String, NodeList, p5.Element,\n                              jQuery Element, or an Array of any of those.</p>\n',
+                  'type': 'Element|Array',
+                  'optional': true
+                },
+                {
+                  'name': 'callback',
+                  'description': '<p>Callback to invoke when the AudioContext\n                              has started</p>\n',
+                  'type': 'Function',
+                  'optional': true
+                }
+              ],
+              'name': 'userStartAudio',
+              'class': 'p5',
+              'module': 'p5.sound'
+            },
+            'getOutputVolume': {
+              'name': 'getOutputVolume',
+              'class': 'p5',
+              'module': 'p5.sound'
+            },
+            'outputVolume': {
+              'name': 'outputVolume',
+              'params': [
+                {
+                  'name': 'volume',
+                  'description': '<p>Volume (amplitude) between 0.0\n                                   and 1.0 or modulating signal/oscillator</p>\n',
+                  'type': 'Number|Object'
+                },
+                {
+                  'name': 'rampTime',
+                  'description': '<p>Fade for t seconds</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'timeFromNow',
+                  'description': '<p>Schedule this event to happen at\n                               t seconds in the future</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'p5.sound'
+            },
+            'soundOut': {
+              'name': 'soundOut',
+              'class': 'p5',
+              'module': 'p5.sound'
+            },
+            'sampleRate': {
+              'name': 'sampleRate',
+              'class': 'p5',
+              'module': 'p5.sound'
+            },
+            'freqToMidi': {
+              'name': 'freqToMidi',
+              'params': [
+                {
+                  'name': 'frequency',
+                  'description': '<p>A freqeuncy, for example, the "A"\n                           above Middle C is 440Hz</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'p5.sound'
+            },
+            'midiToFreq': {
+              'name': 'midiToFreq',
+              'params': [
+                {
+                  'name': 'midiNote',
+                  'description': '<p>The number of a MIDI note</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'p5.sound'
+            },
+            'soundFormats': {
+              'name': 'soundFormats',
+              'params': [
+                {
+                  'name': 'formats',
+                  'description': '<p>i.e. \'mp3\', \'wav\', \'ogg\'</p>\n',
+                  'type': 'String',
+                  'optional': true,
+                  'multiple': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'p5.sound'
+            },
+            'saveSound': {
+              'name': 'saveSound',
+              'params': [
+                {
+                  'name': 'soundFile',
+                  'description': '<p>p5.SoundFile that you wish to save</p>\n',
+                  'type': 'p5.SoundFile'
+                },
+                {
+                  'name': 'fileName',
+                  'description': '<p>name of the resulting .wav file.</p>\n',
+                  'type': 'String'
+                }
+              ],
+              'class': 'p5',
+              'module': 'p5.sound'
+            },
+            'loadSound': {
+              'name': 'loadSound',
+              'params': [
+                {
+                  'name': 'path',
+                  'description': '<p>Path to the sound file, or an array with\n                                  paths to soundfiles in multiple formats\n                                  i.e. [\'sound.ogg\', \'sound.mp3\'].\n                                  Alternately, accepts an object: either\n                                  from the HTML5 File API, or a p5.File.</p>\n',
+                  'type': 'String|Array'
+                },
+                {
+                  'name': 'successCallback',
+                  'description': '<p>Name of a function to call once file loads</p>\n',
+                  'type': 'Function',
+                  'optional': true
+                },
+                {
+                  'name': 'errorCallback',
+                  'description': '<p>Name of a function to call if there is\n                                    an error loading the file.</p>\n',
+                  'type': 'Function',
+                  'optional': true
+                },
+                {
+                  'name': 'whileLoading',
+                  'description': '<p>Name of a function to call while file is loading.\n                               This function will receive the percentage loaded\n                               so far, from 0.0 to 1.0.</p>\n',
+                  'type': 'Function',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'p5.sound'
+            },
+            'createConvolver': {
+              'name': 'createConvolver',
+              'params': [
+                {
+                  'name': 'path',
+                  'description': '<p>path to a sound file</p>\n',
+                  'type': 'String'
+                },
+                {
+                  'name': 'callback',
+                  'description': '<p>function to call if loading is successful.\n                              The object will be passed in as the argument\n                              to the callback function.</p>\n',
+                  'type': 'Function',
+                  'optional': true
+                },
+                {
+                  'name': 'errorCallback',
+                  'description': '<p>function to call if loading is not successful.\n                              A custom error will be passed in as the argument\n                              to the callback function.</p>\n',
+                  'type': 'Function',
+                  'optional': true
+                }
+              ],
+              'class': 'p5',
+              'module': 'p5.sound'
+            },
+            'setBPM': {
+              'name': 'setBPM',
+              'params': [
+                {
+                  'name': 'BPM',
+                  'description': '<p>Beats Per Minute</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'rampTime',
+                  'description': '<p>Seconds from now</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5',
+              'module': 'p5.sound'
+            }
+          },
+          'p5.Color': {
+            'toString': {
+              'name': 'toString',
+              'params': [
+                {
+                  'name': 'format',
+                  'description': '<p>how the color string will be formatted.\nLeaving this empty formats the string as rgba(r, g, b, a).\n\'#rgb\' \'#rgba\' \'#rrggbb\' and \'#rrggbbaa\' format as hexadecimal color codes.\n\'rgb\' \'hsb\' and \'hsl\' return the color formatted in the specified color mode.\n\'rgba\' \'hsba\' and \'hsla\' are the same as above but with alpha channels.\n\'rgb%\' \'hsb%\' \'hsl%\' \'rgba%\' \'hsba%\' and \'hsla%\' format as percentages.</p>\n',
+                  'type': 'String',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Color',
+              'module': 'Color'
+            },
+            'setRed': {
+              'name': 'setRed',
+              'params': [
+                {
+                  'name': 'red',
+                  'description': '<p>the new red value.</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.Color',
+              'module': 'Color'
+            },
+            'setGreen': {
+              'name': 'setGreen',
+              'params': [
+                {
+                  'name': 'green',
+                  'description': '<p>the new green value.</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.Color',
+              'module': 'Color'
+            },
+            'setBlue': {
+              'name': 'setBlue',
+              'params': [
+                {
+                  'name': 'blue',
+                  'description': '<p>the new blue value.</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.Color',
+              'module': 'Color'
+            },
+            'setAlpha': {
+              'name': 'setAlpha',
+              'params': [
+                {
+                  'name': 'alpha',
+                  'description': '<p>the new alpha value.</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.Color',
+              'module': 'Color'
+            }
+          },
+          'p5.Element': {
+            'elt': {
+              'name': 'elt',
+              'class': 'p5.Element',
+              'module': 'DOM'
+            },
+            'width': {
+              'name': 'width',
+              'class': 'p5.Element',
+              'module': 'DOM'
+            },
+            'height': {
+              'name': 'height',
+              'class': 'p5.Element',
+              'module': 'DOM'
+            },
+            'parent': {
+              'name': 'parent',
+              'class': 'p5.Element',
+              'module': 'DOM',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'parent',
+                      'description': '<p>ID, <a href="#/p5.Element">p5.Element</a>,\n                                          or HTMLElement of desired parent element.</p>\n',
+                      'type': 'String|p5.Element|Object'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                  ]
+                }
+              ]
+            },
+            'id': {
+              'name': 'id',
+              'class': 'p5.Element',
+              'module': 'DOM',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'id',
+                      'description': '<p>ID of the element.</p>\n',
+                      'type': 'String'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                  ]
+                }
+              ]
+            },
+            'class': {
+              'name': 'class',
+              'class': 'p5.Element',
+              'module': 'DOM',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'class',
+                      'description': '<p>class to add.</p>\n',
+                      'type': 'String'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                  ]
+                }
+              ]
+            },
+            'mousePressed': {
+              'name': 'mousePressed',
+              'params': [
+                {
+                  'name': 'fxn',
+                  'description': '<p>function to call when the mouse is\n                               pressed over the element.\n                               <code>false</code> disables the function.</p>\n',
+                  'type': 'Function|Boolean'
+                }
+              ],
+              'class': 'p5.Element',
+              'module': 'DOM'
+            },
+            'doubleClicked': {
+              'name': 'doubleClicked',
+              'params': [
+                {
+                  'name': 'fxn',
+                  'description': '<p>function to call when the mouse is\n                               double clicked over the element.\n                               <code>false</code> disables the function.</p>\n',
+                  'type': 'Function|Boolean'
+                }
+              ],
+              'class': 'p5.Element',
+              'module': 'DOM'
+            },
+            'mouseWheel': {
+              'name': 'mouseWheel',
+              'params': [
+                {
+                  'name': 'fxn',
+                  'description': '<p>function to call when the mouse wheel is\n                               scrolled over the element.\n                               <code>false</code> disables the function.</p>\n',
+                  'type': 'Function|Boolean'
+                }
+              ],
+              'class': 'p5.Element',
+              'module': 'DOM'
+            },
+            'mouseReleased': {
+              'name': 'mouseReleased',
+              'params': [
+                {
+                  'name': 'fxn',
+                  'description': '<p>function to call when the mouse is\n                               pressed over the element.\n                               <code>false</code> disables the function.</p>\n',
+                  'type': 'Function|Boolean'
+                }
+              ],
+              'class': 'p5.Element',
+              'module': 'DOM'
+            },
+            'mouseClicked': {
+              'name': 'mouseClicked',
+              'params': [
+                {
+                  'name': 'fxn',
+                  'description': '<p>function to call when the mouse is\n                               pressed and released over the element.\n                               <code>false</code> disables the function.</p>\n',
+                  'type': 'Function|Boolean'
+                }
+              ],
+              'class': 'p5.Element',
+              'module': 'DOM'
+            },
+            'mouseMoved': {
+              'name': 'mouseMoved',
+              'params': [
+                {
+                  'name': 'fxn',
+                  'description': '<p>function to call when the mouse\n                               moves over the element.\n                               <code>false</code> disables the function.</p>\n',
+                  'type': 'Function|Boolean'
+                }
+              ],
+              'class': 'p5.Element',
+              'module': 'DOM'
+            },
+            'mouseOver': {
+              'name': 'mouseOver',
+              'params': [
+                {
+                  'name': 'fxn',
+                  'description': '<p>function to call when the mouse\n                               moves onto the element.\n                               <code>false</code> disables the function.</p>\n',
+                  'type': 'Function|Boolean'
+                }
+              ],
+              'class': 'p5.Element',
+              'module': 'DOM'
+            },
+            'mouseOut': {
+              'name': 'mouseOut',
+              'params': [
+                {
+                  'name': 'fxn',
+                  'description': '<p>function to call when the mouse\n                               moves off the element.\n                               <code>false</code> disables the function.</p>\n',
+                  'type': 'Function|Boolean'
+                }
+              ],
+              'class': 'p5.Element',
+              'module': 'DOM'
+            },
+            'touchStarted': {
+              'name': 'touchStarted',
+              'params': [
+                {
+                  'name': 'fxn',
+                  'description': '<p>function to call when the touch\n                               starts.\n                               <code>false</code> disables the function.</p>\n',
+                  'type': 'Function|Boolean'
+                }
+              ],
+              'class': 'p5.Element',
+              'module': 'DOM'
+            },
+            'touchMoved': {
+              'name': 'touchMoved',
+              'params': [
+                {
+                  'name': 'fxn',
+                  'description': '<p>function to call when the touch\n                               moves over the element.\n                               <code>false</code> disables the function.</p>\n',
+                  'type': 'Function|Boolean'
+                }
+              ],
+              'class': 'p5.Element',
+              'module': 'DOM'
+            },
+            'touchEnded': {
+              'name': 'touchEnded',
+              'params': [
+                {
+                  'name': 'fxn',
+                  'description': '<p>function to call when the touch\n                               ends.\n                               <code>false</code> disables the function.</p>\n',
+                  'type': 'Function|Boolean'
+                }
+              ],
+              'class': 'p5.Element',
+              'module': 'DOM'
+            },
+            'dragOver': {
+              'name': 'dragOver',
+              'params': [
+                {
+                  'name': 'fxn',
+                  'description': '<p>function to call when the file is\n                               dragged over the element.\n                               <code>false</code> disables the function.</p>\n',
+                  'type': 'Function|Boolean'
+                }
+              ],
+              'class': 'p5.Element',
+              'module': 'DOM'
+            },
+            'dragLeave': {
+              'name': 'dragLeave',
+              'params': [
+                {
+                  'name': 'fxn',
+                  'description': '<p>function to call when the file is\n                               dragged off the element.\n                               <code>false</code> disables the function.</p>\n',
+                  'type': 'Function|Boolean'
+                }
+              ],
+              'class': 'p5.Element',
+              'module': 'DOM'
+            },
+            'addClass': {
+              'name': 'addClass',
+              'params': [
+                {
+                  'name': 'class',
+                  'description': '<p>name of class to add</p>\n',
+                  'type': 'String'
+                }
+              ],
+              'class': 'p5.Element',
+              'module': 'DOM'
+            },
+            'removeClass': {
+              'name': 'removeClass',
+              'params': [
+                {
+                  'name': 'class',
+                  'description': '<p>name of class to remove</p>\n',
+                  'type': 'String'
+                }
+              ],
+              'class': 'p5.Element',
+              'module': 'DOM'
+            },
+            'hasClass': {
+              'name': 'hasClass',
+              'params': [
+                {
+                  'name': 'c',
+                  'description': '<p>class name of class to check</p>\n',
+                  'type': 'String'
+                }
+              ],
+              'class': 'p5.Element',
+              'module': 'DOM'
+            },
+            'toggleClass': {
+              'name': 'toggleClass',
+              'params': [
+                {
+                  'name': 'c',
+                  'description': '<p>class name to toggle</p>\n',
+                  'type': 'String'
+                }
+              ],
+              'class': 'p5.Element',
+              'module': 'DOM'
+            },
+            'child': {
+              'name': 'child',
+              'class': 'p5.Element',
+              'module': 'DOM',
+              'overloads': [
+                {
+                  'params': [
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'child',
+                      'description': '<p>the ID, DOM node, or <a href="#/p5.Element">p5.Element</a>\n                        to add to the current element</p>\n',
+                      'type': 'String|p5.Element',
+                      'optional': true
+                    }
+                  ],
+                  'chainable': 1
+                }
+              ]
+            },
+            'center': {
+              'name': 'center',
+              'params': [
+                {
+                  'name': 'align',
+                  'description': '<p>passing \'vertical\', \'horizontal\' aligns element accordingly</p>\n',
+                  'type': 'String',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Element',
+              'module': 'DOM'
+            },
+            'html': {
+              'name': 'html',
+              'class': 'p5.Element',
+              'module': 'DOM',
+              'overloads': [
+                {
+                  'params': [
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'html',
+                      'description': '<p>the HTML to be placed inside the element</p>\n',
+                      'type': 'String',
+                      'optional': true
+                    },
+                    {
+                      'name': 'append',
+                      'description': '<p>whether to append HTML to existing</p>\n',
+                      'type': 'Boolean',
+                      'optional': true
+                    }
+                  ],
+                  'chainable': 1
+                }
+              ]
+            },
+            'position': {
+              'name': 'position',
+              'class': 'p5.Element',
+              'module': 'DOM',
+              'overloads': [
+                {
+                  'params': [
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'x',
+                      'description': '<p>x-position relative to upper left of window (optional)</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    },
+                    {
+                      'name': 'y',
+                      'description': '<p>y-position relative to upper left of window (optional)</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    },
+                    {
+                      'name': 'positionType',
+                      'description': '<p>it can be static, fixed, relative, sticky, initial or inherit (optional)</p>\n',
+                      'type': 'String',
+                      'optional': true
+                    }
+                  ],
+                  'chainable': 1
+                }
+              ]
+            },
+            'style': {
+              'name': 'style',
+              'class': 'p5.Element',
+              'module': 'DOM',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'property',
+                      'description': '<p>style property to set.</p>\n',
+                      'type': 'String'
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'property',
+                      'description': '',
+                      'type': 'String'
+                    },
+                    {
+                      'name': 'value',
+                      'description': '<p>value to assign to the property.</p>\n',
+                      'type': 'String|p5.Color'
+                    }
+                  ],
+                  'chainable': 1
+                }
+              ]
+            },
+            'attribute': {
+              'name': 'attribute',
+              'class': 'p5.Element',
+              'module': 'DOM',
+              'overloads': [
+                {
+                  'params': [
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'attr',
+                      'description': '<p>attribute to set.</p>\n',
+                      'type': 'String'
+                    },
+                    {
+                      'name': 'value',
+                      'description': '<p>value to assign to the attribute.</p>\n',
+                      'type': 'String'
+                    }
+                  ],
+                  'chainable': 1
+                }
+              ]
+            },
+            'removeAttribute': {
+              'name': 'removeAttribute',
+              'params': [
+                {
+                  'name': 'attr',
+                  'description': '<p>attribute to remove.</p>\n',
+                  'type': 'String'
+                }
+              ],
+              'class': 'p5.Element',
+              'module': 'DOM'
+            },
+            'value': {
+              'name': 'value',
+              'class': 'p5.Element',
+              'module': 'DOM',
+              'overloads': [
+                {
+                  'params': [
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'value',
+                      'description': '',
+                      'type': 'String|Number'
+                    }
+                  ],
+                  'chainable': 1
+                }
+              ]
+            },
+            'show': {
+              'name': 'show',
+              'class': 'p5.Element',
+              'module': 'DOM'
+            },
+            'hide': {
+              'name': 'hide',
+              'class': 'p5.Element',
+              'module': 'DOM'
+            },
+            'size': {
+              'name': 'size',
+              'class': 'p5.Element',
+              'module': 'DOM',
+              'overloads': [
+                {
+                  'params': [
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'w',
+                      'description': '<p>width of the element, either AUTO, or a number.</p>\n',
+                      'type': 'Number|Constant'
+                    },
+                    {
+                      'name': 'h',
+                      'description': '<p>height of the element, either AUTO, or a number.</p>\n',
+                      'type': 'Number|Constant',
+                      'optional': true
+                    }
+                  ],
+                  'chainable': 1
+                }
+              ]
+            },
+            'remove': {
+              'name': 'remove',
+              'class': 'p5.Element',
+              'module': 'DOM'
+            },
+            'drop': {
+              'name': 'drop',
+              'params': [
+                {
+                  'name': 'callback',
+                  'description': '<p>called when a file loads. Called once for each file dropped.</p>\n',
+                  'type': 'Function'
+                },
+                {
+                  'name': 'fxn',
+                  'description': '<p>called once when any files are dropped.</p>\n',
+                  'type': 'Function',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Element',
+              'module': 'DOM'
+            },
+            'draggable': {
+              'name': 'draggable',
+              'params': [
+                {
+                  'name': 'elmnt',
+                  'description': '<p>pass another p5.Element</p>\n',
+                  'type': 'p5.Element',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Element',
+              'module': 'DOM'
+            }
+          },
+          'p5.Graphics': {
+            'reset': {
+              'name': 'reset',
+              'class': 'p5.Graphics',
+              'module': 'Rendering'
+            },
+            'remove': {
+              'name': 'remove',
+              'class': 'p5.Graphics',
+              'module': 'Rendering'
+            },
+            'createFramebuffer': {
+              'name': 'createFramebuffer',
+              'class': 'p5.Graphics',
+              'module': 'Rendering'
+            }
+          },
+          'JSON': {
+            'stringify': {
+              'name': 'stringify',
+              'params': [
+                {
+                  'name': 'object',
+                  'description': '<p>:Javascript object that you would like to convert to JSON</p>\n',
+                  'type': 'Object'
+                }
+              ],
+              'class': 'JSON',
+              'module': 'Foundation'
+            }
+          },
+          'console': {
+            'log': {
+              'name': 'log',
+              'params': [
+                {
+                  'name': 'message',
+                  'description': '<p>:Message that you would like to print to the console</p>\n',
+                  'type': 'String|Expression|Object'
+                }
+              ],
+              'class': 'console',
+              'module': 'Foundation'
+            }
+          },
+          'p5.TypedDict': {
+            'size': {
+              'name': 'size',
+              'class': 'p5.TypedDict',
+              'module': 'Data'
+            },
+            'hasKey': {
+              'name': 'hasKey',
+              'params': [
+                {
+                  'name': 'key',
+                  'description': '<p>that you want to look up</p>\n',
+                  'type': 'Number|String'
+                }
+              ],
+              'class': 'p5.TypedDict',
+              'module': 'Data'
+            },
+            'get': {
+              'name': 'get',
+              'params': [
+                {
+                  'name': 'the',
+                  'description': '<p>key you want to access</p>\n',
+                  'type': 'Number|String'
+                }
+              ],
+              'class': 'p5.TypedDict',
+              'module': 'Data'
+            },
+            'set': {
+              'name': 'set',
+              'params': [
+                {
+                  'name': 'key',
+                  'description': '',
+                  'type': 'Number|String'
+                },
+                {
+                  'name': 'value',
+                  'description': '',
+                  'type': 'Number|String'
+                }
+              ],
+              'class': 'p5.TypedDict',
+              'module': 'Data'
+            },
+            'create': {
+              'name': 'create',
+              'class': 'p5.TypedDict',
+              'module': 'Data',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'key',
+                      'description': '',
+                      'type': 'Number|String'
+                    },
+                    {
+                      'name': 'value',
+                      'description': '',
+                      'type': 'Number|String'
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'obj',
+                      'description': '<p>key/value pair</p>\n',
+                      'type': 'Object'
+                    }
+                  ]
+                }
+              ]
+            },
+            'clear': {
+              'name': 'clear',
+              'class': 'p5.TypedDict',
+              'module': 'Data'
+            },
+            'remove': {
+              'name': 'remove',
+              'params': [
+                {
+                  'name': 'key',
+                  'description': '<p>for the pair to remove</p>\n',
+                  'type': 'Number|String'
+                }
+              ],
+              'class': 'p5.TypedDict',
+              'module': 'Data'
+            },
+            'print': {
+              'name': 'print',
+              'class': 'p5.TypedDict',
+              'module': 'Data'
+            },
+            'saveTable': {
+              'name': 'saveTable',
+              'class': 'p5.TypedDict',
+              'module': 'Data'
+            },
+            'saveJSON': {
+              'name': 'saveJSON',
+              'class': 'p5.TypedDict',
+              'module': 'Data'
+            }
+          },
+          'p5.NumberDict': {
+            'add': {
+              'name': 'add',
+              'params': [
+                {
+                  'name': 'Key',
+                  'description': '<p>for the value you wish to add to</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'Number',
+                  'description': '<p>to add to the value</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.NumberDict',
+              'module': 'Data'
+            },
+            'sub': {
+              'name': 'sub',
+              'params': [
+                {
+                  'name': 'Key',
+                  'description': '<p>for the value you wish to subtract from</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'Number',
+                  'description': '<p>to subtract from the value</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.NumberDict',
+              'module': 'Data'
+            },
+            'mult': {
+              'name': 'mult',
+              'params': [
+                {
+                  'name': 'Key',
+                  'description': '<p>for value you wish to multiply</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'Amount',
+                  'description': '<p>to multiply the value by</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.NumberDict',
+              'module': 'Data'
+            },
+            'div': {
+              'name': 'div',
+              'params': [
+                {
+                  'name': 'Key',
+                  'description': '<p>for value you wish to divide</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'Amount',
+                  'description': '<p>to divide the value by</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.NumberDict',
+              'module': 'Data'
+            },
+            'minValue': {
+              'name': 'minValue',
+              'class': 'p5.NumberDict',
+              'module': 'Data'
+            },
+            'maxValue': {
+              'name': 'maxValue',
+              'class': 'p5.NumberDict',
+              'module': 'Data'
+            },
+            'minKey': {
+              'name': 'minKey',
+              'class': 'p5.NumberDict',
+              'module': 'Data'
+            },
+            'maxKey': {
+              'name': 'maxKey',
+              'class': 'p5.NumberDict',
+              'module': 'Data'
+            }
+          },
+          'p5.MediaElement': {
+            'src': {
+              'name': 'src',
+              'class': 'p5.MediaElement',
+              'module': 'DOM'
+            },
+            'play': {
+              'name': 'play',
+              'class': 'p5.MediaElement',
+              'module': 'DOM'
+            },
+            'stop': {
+              'name': 'stop',
+              'class': 'p5.MediaElement',
+              'module': 'DOM'
+            },
+            'pause': {
+              'name': 'pause',
+              'class': 'p5.MediaElement',
+              'module': 'DOM'
+            },
+            'loop': {
+              'name': 'loop',
+              'class': 'p5.MediaElement',
+              'module': 'DOM'
+            },
+            'noLoop': {
+              'name': 'noLoop',
+              'class': 'p5.MediaElement',
+              'module': 'DOM'
+            },
+            'autoplay': {
+              'name': 'autoplay',
+              'params': [
+                {
+                  'name': 'shouldAutoplay',
+                  'description': '<p>whether the element should autoplay.</p>\n',
+                  'type': 'Boolean',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.MediaElement',
+              'module': 'DOM'
+            },
+            'volume': {
+              'name': 'volume',
+              'class': 'p5.MediaElement',
+              'module': 'DOM',
+              'overloads': [
+                {
+                  'params': [
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'val',
+                      'description': '<p>volume between 0.0 and 1.0.</p>\n',
+                      'type': 'Number'
+                    }
+                  ],
+                  'chainable': 1
+                }
+              ]
+            },
+            'speed': {
+              'name': 'speed',
+              'class': 'p5.MediaElement',
+              'module': 'DOM',
+              'overloads': [
+                {
+                  'params': [
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'speed',
+                      'description': '<p>speed multiplier for playback.</p>\n',
+                      'type': 'Number'
+                    }
+                  ],
+                  'chainable': 1
+                }
+              ]
+            },
+            'time': {
+              'name': 'time',
+              'class': 'p5.MediaElement',
+              'module': 'DOM',
+              'overloads': [
+                {
+                  'params': [
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'time',
+                      'description': '<p>time to jump to (in seconds).</p>\n',
+                      'type': 'Number'
+                    }
+                  ],
+                  'chainable': 1
+                }
+              ]
+            },
+            'duration': {
+              'name': 'duration',
+              'class': 'p5.MediaElement',
+              'module': 'DOM'
+            },
+            'onended': {
+              'name': 'onended',
+              'params': [
+                {
+                  'name': 'callback',
+                  'description': '<p>function to call when playback ends.\n                            The <code>p5.MediaElement</code> is passed as\n                            the argument.</p>\n',
+                  'type': 'Function'
+                }
+              ],
+              'class': 'p5.MediaElement',
+              'module': 'DOM'
+            },
+            'connect': {
+              'name': 'connect',
+              'params': [
+                {
+                  'name': 'audioNode',
+                  'description': '<p>AudioNode from the Web Audio API,\nor an object from the p5.sound library</p>\n',
+                  'type': 'AudioNode|Object'
+                }
+              ],
+              'class': 'p5.MediaElement',
+              'module': 'DOM'
+            },
+            'disconnect': {
+              'name': 'disconnect',
+              'class': 'p5.MediaElement',
+              'module': 'DOM'
+            },
+            'showControls': {
+              'name': 'showControls',
+              'class': 'p5.MediaElement',
+              'module': 'DOM'
+            },
+            'hideControls': {
+              'name': 'hideControls',
+              'class': 'p5.MediaElement',
+              'module': 'DOM'
+            },
+            'addCue': {
+              'name': 'addCue',
+              'params': [
+                {
+                  'name': 'time',
+                  'description': '<p>cue time to run the callback function.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'callback',
+                  'description': '<p>function to call at the cue time.</p>\n',
+                  'type': 'Function'
+                },
+                {
+                  'name': 'value',
+                  'description': '<p>object to pass as the argument to\n                           <code>callback</code>.</p>\n',
+                  'type': 'Object',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.MediaElement',
+              'module': 'DOM'
+            },
+            'removeCue': {
+              'name': 'removeCue',
+              'params': [
+                {
+                  'name': 'id',
+                  'description': '<p>ID of the cue, created by <code>media.addCue()</code>.</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.MediaElement',
+              'module': 'DOM'
+            },
+            'clearCues': {
+              'name': 'clearCues',
+              'class': 'p5.MediaElement',
+              'module': 'DOM'
+            }
+          },
+          'p5.File': {
+            'file': {
+              'name': 'file',
+              'class': 'p5.File',
+              'module': 'DOM'
+            },
+            'type': {
+              'name': 'type',
+              'class': 'p5.File',
+              'module': 'DOM'
+            },
+            'subtype': {
+              'name': 'subtype',
+              'class': 'p5.File',
+              'module': 'DOM'
+            },
+            'name': {
+              'name': 'name',
+              'class': 'p5.File',
+              'module': 'DOM'
+            },
+            'size': {
+              'name': 'size',
+              'class': 'p5.File',
+              'module': 'DOM'
+            },
+            'data': {
+              'name': 'data',
+              'class': 'p5.File',
+              'module': 'DOM'
+            }
+          },
+          'p5.Image': {
+            'width': {
+              'name': 'width',
+              'class': 'p5.Image',
+              'module': 'Image'
+            },
+            'height': {
+              'name': 'height',
+              'class': 'p5.Image',
+              'module': 'Image'
+            },
+            'pixels': {
+              'name': 'pixels',
+              'class': 'p5.Image',
+              'module': 'Image'
+            },
+            'pixelDensity': {
+              'name': 'pixelDensity',
+              'params': [
+                {
+                  'name': 'density',
+                  'description': '<p>A scaling factor for the number of pixels per\nside</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Image',
+              'module': 'Image'
+            },
+            'loadPixels': {
+              'name': 'loadPixels',
+              'class': 'p5.Image',
+              'module': 'Image'
+            },
+            'updatePixels': {
+              'name': 'updatePixels',
+              'class': 'p5.Image',
+              'module': 'Image',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'x',
+                      'description': '<p>x-coordinate of the upper-left corner\n                   of the subsection to update.</p>\n',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'y',
+                      'description': '<p>y-coordinate of the upper-left corner\n                   of the subsection to update.</p>\n',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'w',
+                      'description': '<p>width of the subsection to update.</p>\n',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'h',
+                      'description': '<p>height of the subsection to update.</p>\n',
+                      'type': 'Integer'
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                  ]
+                }
+              ]
+            },
+            'get': {
+              'name': 'get',
+              'class': 'p5.Image',
+              'module': 'Image',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'x',
+                      'description': '<p>x-coordinate of the pixel.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y',
+                      'description': '<p>y-coordinate of the pixel.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'w',
+                      'description': '<p>width of the subsection to be returned.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'h',
+                      'description': '<p>height of the subsection to be returned.</p>\n',
+                      'type': 'Number'
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'x',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y',
+                      'description': '',
+                      'type': 'Number'
+                    }
+                  ]
+                }
+              ]
+            },
+            'set': {
+              'name': 'set',
+              'params': [
+                {
+                  'name': 'x',
+                  'description': '<p>x-coordinate of the pixel.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'y',
+                  'description': '<p>y-coordinate of the pixel.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'a',
+                  'description': '<p>grayscale value | pixel array |\n                                  <a href="#/p5.Color">p5.Color</a> object |\n                                  <a href="#/p5.Image">p5.Image</a> to copy.</p>\n',
+                  'type': 'Number|Number[]|Object'
+                }
+              ],
+              'class': 'p5.Image',
+              'module': 'Image'
+            },
+            'resize': {
+              'name': 'resize',
+              'params': [
+                {
+                  'name': 'width',
+                  'description': '<p>resized image width.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'height',
+                  'description': '<p>resized image height.</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.Image',
+              'module': 'Image'
+            },
+            'copy': {
+              'name': 'copy',
+              'class': 'p5.Image',
+              'module': 'Image',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'srcImage',
+                      'description': '<p>source image.</p>\n',
+                      'type': 'p5.Image|p5.Element'
+                    },
+                    {
+                      'name': 'sx',
+                      'description': '<p>x-coordinate of the source\'s upper-left corner.</p>\n',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'sy',
+                      'description': '<p>y-coordinate of the source\'s upper-left corner.</p>\n',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'sw',
+                      'description': '<p>source image width.</p>\n',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'sh',
+                      'description': '<p>source image height.</p>\n',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'dx',
+                      'description': '<p>x-coordinate of the destination\'s upper-left corner.</p>\n',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'dy',
+                      'description': '<p>y-coordinate of the destination\'s upper-left corner.</p>\n',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'dw',
+                      'description': '<p>destination image width.</p>\n',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'dh',
+                      'description': '<p>destination image height.</p>\n',
+                      'type': 'Integer'
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'sx',
+                      'description': '',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'sy',
+                      'description': '',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'sw',
+                      'description': '',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'sh',
+                      'description': '',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'dx',
+                      'description': '',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'dy',
+                      'description': '',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'dw',
+                      'description': '',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'dh',
+                      'description': '',
+                      'type': 'Integer'
+                    }
+                  ]
+                }
+              ]
+            },
+            'mask': {
+              'name': 'mask',
+              'params': [
+                {
+                  'name': 'srcImage',
+                  'description': '<p>source image.</p>\n',
+                  'type': 'p5.Image'
+                }
+              ],
+              'class': 'p5.Image',
+              'module': 'Image'
+            },
+            'filter': {
+              'name': 'filter',
+              'params': [
+                {
+                  'name': 'filterType',
+                  'description': '<p>either THRESHOLD, GRAY, OPAQUE, INVERT,\n                               POSTERIZE, ERODE, DILATE or BLUR.</p>\n',
+                  'type': 'Constant'
+                },
+                {
+                  'name': 'filterParam',
+                  'description': '<p>parameter unique to each filter.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Image',
+              'module': 'Image'
+            },
+            'blend': {
+              'name': 'blend',
+              'class': 'p5.Image',
+              'module': 'Image',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'srcImage',
+                      'description': '<p>source image</p>\n',
+                      'type': 'p5.Image'
+                    },
+                    {
+                      'name': 'sx',
+                      'description': '<p>x-coordinate of the source\'s upper-left corner.</p>\n',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'sy',
+                      'description': '<p>y-coordinate of the source\'s upper-left corner.</p>\n',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'sw',
+                      'description': '<p>source image width.</p>\n',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'sh',
+                      'description': '<p>source image height.</p>\n',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'dx',
+                      'description': '<p>x-coordinate of the destination\'s upper-left corner.</p>\n',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'dy',
+                      'description': '<p>y-coordinate of the destination\'s upper-left corner.</p>\n',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'dw',
+                      'description': '<p>destination image width.</p>\n',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'dh',
+                      'description': '<p>destination image height.</p>\n',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'blendMode',
+                      'description': '<p>the blend mode. either\n    BLEND, DARKEST, LIGHTEST, DIFFERENCE,\n    MULTIPLY, EXCLUSION, SCREEN, REPLACE, OVERLAY, HARD_LIGHT,\n    SOFT_LIGHT, DODGE, BURN, ADD or NORMAL.</p>\n<p>Available blend modes are: normal | multiply | screen | overlay |\n           darken | lighten | color-dodge | color-burn | hard-light |\n           soft-light | difference | exclusion | hue | saturation |\n           color | luminosity</p>\n<p><a href="http://blogs.adobe.com/webplatform/2013/01/28/blending-features-in-canvas/">http://blogs.adobe.com/webplatform/2013/01/28/blending-features-in-canvas/</a></p>\n',
+                      'type': 'Constant'
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'sx',
+                      'description': '',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'sy',
+                      'description': '',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'sw',
+                      'description': '',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'sh',
+                      'description': '',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'dx',
+                      'description': '',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'dy',
+                      'description': '',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'dw',
+                      'description': '',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'dh',
+                      'description': '',
+                      'type': 'Integer'
+                    },
+                    {
+                      'name': 'blendMode',
+                      'description': '',
+                      'type': 'Constant'
+                    }
+                  ]
+                }
+              ]
+            },
+            'save': {
+              'name': 'save',
+              'params': [
+                {
+                  'name': 'filename',
+                  'description': '<p>filename. Defaults to \'untitled\'.</p>\n',
+                  'type': 'String'
+                },
+                {
+                  'name': 'extension',
+                  'description': '<p>file extension, either \'png\' or \'jpg\'.\n                           Defaults to \'png\'.</p>\n',
+                  'type': 'String',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Image',
+              'module': 'Image'
+            },
+            'reset': {
+              'name': 'reset',
+              'class': 'p5.Image',
+              'module': 'Image'
+            },
+            'getCurrentFrame': {
+              'name': 'getCurrentFrame',
+              'class': 'p5.Image',
+              'module': 'Image'
+            },
+            'setFrame': {
+              'name': 'setFrame',
+              'params': [
+                {
+                  'name': 'index',
+                  'description': '<p>index of the frame to display.</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.Image',
+              'module': 'Image'
+            },
+            'numFrames': {
+              'name': 'numFrames',
+              'class': 'p5.Image',
+              'module': 'Image'
+            },
+            'play': {
+              'name': 'play',
+              'class': 'p5.Image',
+              'module': 'Image'
+            },
+            'pause': {
+              'name': 'pause',
+              'class': 'p5.Image',
+              'module': 'Image'
+            },
+            'delay': {
+              'name': 'delay',
+              'params': [
+                {
+                  'name': 'd',
+                  'description': '<p>delay in milliseconds between switching frames.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'index',
+                  'description': '<p>index of the frame that will have its delay modified.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Image',
+              'module': 'Image'
+            }
+          },
+          'p5.PrintWriter': {
+            'write': {
+              'name': 'write',
+              'params': [
+                {
+                  'name': 'data',
+                  'description': '<p>all data to be written by the PrintWriter</p>\n',
+                  'type': 'Array'
+                }
+              ],
+              'class': 'p5.PrintWriter',
+              'module': 'IO'
+            },
+            'print': {
+              'name': 'print',
+              'params': [
+                {
+                  'name': 'data',
+                  'description': '<p>all data to be printed by the PrintWriter</p>\n',
+                  'type': 'Array'
+                }
+              ],
+              'class': 'p5.PrintWriter',
+              'module': 'IO'
+            },
+            'clear': {
+              'name': 'clear',
+              'class': 'p5.PrintWriter',
+              'module': 'IO'
+            },
+            'close': {
+              'name': 'close',
+              'class': 'p5.PrintWriter',
+              'module': 'IO'
+            }
+          },
+          'p5.Table': {
+            'columns': {
+              'name': 'columns',
+              'class': 'p5.Table',
+              'module': 'IO'
+            },
+            'rows': {
+              'name': 'rows',
+              'class': 'p5.Table',
+              'module': 'IO'
+            },
+            'addRow': {
+              'name': 'addRow',
+              'params': [
+                {
+                  'name': 'row',
+                  'description': '<p>row to be added to the table</p>\n',
+                  'type': 'p5.TableRow',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Table',
+              'module': 'IO'
+            },
+            'removeRow': {
+              'name': 'removeRow',
+              'params': [
+                {
+                  'name': 'id',
+                  'description': '<p>ID number of the row to remove</p>\n',
+                  'type': 'Integer'
+                }
+              ],
+              'class': 'p5.Table',
+              'module': 'IO'
+            },
+            'getRow': {
+              'name': 'getRow',
+              'params': [
+                {
+                  'name': 'rowID',
+                  'description': '<p>ID number of the row to get</p>\n',
+                  'type': 'Integer'
+                }
+              ],
+              'class': 'p5.Table',
+              'module': 'IO'
+            },
+            'getRows': {
+              'name': 'getRows',
+              'class': 'p5.Table',
+              'module': 'IO'
+            },
+            'findRow': {
+              'name': 'findRow',
+              'params': [
+                {
+                  'name': 'value',
+                  'description': '<p>The value to match</p>\n',
+                  'type': 'String'
+                },
+                {
+                  'name': 'column',
+                  'description': '<p>ID number or title of the\n                               column to search</p>\n',
+                  'type': 'Integer|String'
+                }
+              ],
+              'class': 'p5.Table',
+              'module': 'IO'
+            },
+            'findRows': {
+              'name': 'findRows',
+              'params': [
+                {
+                  'name': 'value',
+                  'description': '<p>The value to match</p>\n',
+                  'type': 'String'
+                },
+                {
+                  'name': 'column',
+                  'description': '<p>ID number or title of the\n                               column to search</p>\n',
+                  'type': 'Integer|String'
+                }
+              ],
+              'class': 'p5.Table',
+              'module': 'IO'
+            },
+            'matchRow': {
+              'name': 'matchRow',
+              'params': [
+                {
+                  'name': 'regexp',
+                  'description': '<p>The regular expression to match</p>\n',
+                  'type': 'String|RegExp'
+                },
+                {
+                  'name': 'column',
+                  'description': '<p>The column ID (number) or\n                                 title (string)</p>\n',
+                  'type': 'String|Integer'
+                }
+              ],
+              'class': 'p5.Table',
+              'module': 'IO'
+            },
+            'matchRows': {
+              'name': 'matchRows',
+              'params': [
+                {
+                  'name': 'regexp',
+                  'description': '<p>The regular expression to match</p>\n',
+                  'type': 'String'
+                },
+                {
+                  'name': 'column',
+                  'description': '<p>The column ID (number) or\n                                 title (string)</p>\n',
+                  'type': 'String|Integer',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Table',
+              'module': 'IO'
+            },
+            'getColumn': {
+              'name': 'getColumn',
+              'params': [
+                {
+                  'name': 'column',
+                  'description': '<p>String or Number of the column to return</p>\n',
+                  'type': 'String|Number'
+                }
+              ],
+              'class': 'p5.Table',
+              'module': 'IO'
+            },
+            'clearRows': {
+              'name': 'clearRows',
+              'class': 'p5.Table',
+              'module': 'IO'
+            },
+            'addColumn': {
+              'name': 'addColumn',
+              'params': [
+                {
+                  'name': 'title',
+                  'description': '<p>title of the given column</p>\n',
+                  'type': 'String',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Table',
+              'module': 'IO'
+            },
+            'getColumnCount': {
+              'name': 'getColumnCount',
+              'class': 'p5.Table',
+              'module': 'IO'
+            },
+            'getRowCount': {
+              'name': 'getRowCount',
+              'class': 'p5.Table',
+              'module': 'IO'
+            },
+            'removeTokens': {
+              'name': 'removeTokens',
+              'params': [
+                {
+                  'name': 'chars',
+                  'description': '<p>String listing characters to be removed</p>\n',
+                  'type': 'String'
+                },
+                {
+                  'name': 'column',
+                  'description': '<p>Column ID (number)\n                                 or name (string)</p>\n',
+                  'type': 'String|Integer',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Table',
+              'module': 'IO'
+            },
+            'trim': {
+              'name': 'trim',
+              'params': [
+                {
+                  'name': 'column',
+                  'description': '<p>Column ID (number)\n                                 or name (string)</p>\n',
+                  'type': 'String|Integer',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Table',
+              'module': 'IO'
+            },
+            'removeColumn': {
+              'name': 'removeColumn',
+              'params': [
+                {
+                  'name': 'column',
+                  'description': '<p>columnName (string) or ID (number)</p>\n',
+                  'type': 'String|Integer'
+                }
+              ],
+              'class': 'p5.Table',
+              'module': 'IO'
+            },
+            'set': {
+              'name': 'set',
+              'params': [
+                {
+                  'name': 'row',
+                  'description': '<p>row ID</p>\n',
+                  'type': 'Integer'
+                },
+                {
+                  'name': 'column',
+                  'description': '<p>column ID (Number)\n                              or title (String)</p>\n',
+                  'type': 'String|Integer'
+                },
+                {
+                  'name': 'value',
+                  'description': '<p>value to assign</p>\n',
+                  'type': 'String|Number'
+                }
+              ],
+              'class': 'p5.Table',
+              'module': 'IO'
+            },
+            'setNum': {
+              'name': 'setNum',
+              'params': [
+                {
+                  'name': 'row',
+                  'description': '<p>row ID</p>\n',
+                  'type': 'Integer'
+                },
+                {
+                  'name': 'column',
+                  'description': '<p>column ID (Number)\n                              or title (String)</p>\n',
+                  'type': 'String|Integer'
+                },
+                {
+                  'name': 'value',
+                  'description': '<p>value to assign</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.Table',
+              'module': 'IO'
+            },
+            'setString': {
+              'name': 'setString',
+              'params': [
+                {
+                  'name': 'row',
+                  'description': '<p>row ID</p>\n',
+                  'type': 'Integer'
+                },
+                {
+                  'name': 'column',
+                  'description': '<p>column ID (Number)\n                              or title (String)</p>\n',
+                  'type': 'String|Integer'
+                },
+                {
+                  'name': 'value',
+                  'description': '<p>value to assign</p>\n',
+                  'type': 'String'
+                }
+              ],
+              'class': 'p5.Table',
+              'module': 'IO'
+            },
+            'get': {
+              'name': 'get',
+              'params': [
+                {
+                  'name': 'row',
+                  'description': '<p>row ID</p>\n',
+                  'type': 'Integer'
+                },
+                {
+                  'name': 'column',
+                  'description': '<p>columnName (string) or\n                                  ID (number)</p>\n',
+                  'type': 'String|Integer'
+                }
+              ],
+              'class': 'p5.Table',
+              'module': 'IO'
+            },
+            'getNum': {
+              'name': 'getNum',
+              'params': [
+                {
+                  'name': 'row',
+                  'description': '<p>row ID</p>\n',
+                  'type': 'Integer'
+                },
+                {
+                  'name': 'column',
+                  'description': '<p>columnName (string) or\n                                  ID (number)</p>\n',
+                  'type': 'String|Integer'
+                }
+              ],
+              'class': 'p5.Table',
+              'module': 'IO'
+            },
+            'getString': {
+              'name': 'getString',
+              'params': [
+                {
+                  'name': 'row',
+                  'description': '<p>row ID</p>\n',
+                  'type': 'Integer'
+                },
+                {
+                  'name': 'column',
+                  'description': '<p>columnName (string) or\n                                  ID (number)</p>\n',
+                  'type': 'String|Integer'
+                }
+              ],
+              'class': 'p5.Table',
+              'module': 'IO'
+            },
+            'getObject': {
+              'name': 'getObject',
+              'params': [
+                {
+                  'name': 'headerColumn',
+                  'description': '<p>Name of the column which should be used to\n                             title each row object (optional)</p>\n',
+                  'type': 'String',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Table',
+              'module': 'IO'
+            },
+            'getArray': {
+              'name': 'getArray',
+              'class': 'p5.Table',
+              'module': 'IO'
+            }
+          },
+          'p5.TableRow': {
+            'set': {
+              'name': 'set',
+              'params': [
+                {
+                  'name': 'column',
+                  'description': '<p>Column ID (Number)\n                              or Title (String)</p>\n',
+                  'type': 'String|Integer'
+                },
+                {
+                  'name': 'value',
+                  'description': '<p>The value to be stored</p>\n',
+                  'type': 'String|Number'
+                }
+              ],
+              'class': 'p5.TableRow',
+              'module': 'IO'
+            },
+            'setNum': {
+              'name': 'setNum',
+              'params': [
+                {
+                  'name': 'column',
+                  'description': '<p>Column ID (Number)\n                              or Title (String)</p>\n',
+                  'type': 'String|Integer'
+                },
+                {
+                  'name': 'value',
+                  'description': '<p>The value to be stored\n                              as a Float</p>\n',
+                  'type': 'Number|String'
+                }
+              ],
+              'class': 'p5.TableRow',
+              'module': 'IO'
+            },
+            'setString': {
+              'name': 'setString',
+              'params': [
+                {
+                  'name': 'column',
+                  'description': '<p>Column ID (Number)\n                              or Title (String)</p>\n',
+                  'type': 'String|Integer'
+                },
+                {
+                  'name': 'value',
+                  'description': '<p>The value to be stored\n                              as a String</p>\n',
+                  'type': 'String|Number|Boolean|Object'
+                }
+              ],
+              'class': 'p5.TableRow',
+              'module': 'IO'
+            },
+            'get': {
+              'name': 'get',
+              'params': [
+                {
+                  'name': 'column',
+                  'description': '<p>columnName (string) or\n                                 ID (number)</p>\n',
+                  'type': 'String|Integer'
+                }
+              ],
+              'class': 'p5.TableRow',
+              'module': 'IO'
+            },
+            'getNum': {
+              'name': 'getNum',
+              'params': [
+                {
+                  'name': 'column',
+                  'description': '<p>columnName (string) or\n                                 ID (number)</p>\n',
+                  'type': 'String|Integer'
+                }
+              ],
+              'class': 'p5.TableRow',
+              'module': 'IO'
+            },
+            'getString': {
+              'name': 'getString',
+              'params': [
+                {
+                  'name': 'column',
+                  'description': '<p>columnName (string) or\n                                 ID (number)</p>\n',
+                  'type': 'String|Integer'
+                }
+              ],
+              'class': 'p5.TableRow',
+              'module': 'IO'
+            }
+          },
+          'p5.XML': {
+            'getParent': {
+              'name': 'getParent',
+              'class': 'p5.XML',
+              'module': 'IO'
+            },
+            'getName': {
+              'name': 'getName',
+              'class': 'p5.XML',
+              'module': 'IO'
+            },
+            'setName': {
+              'name': 'setName',
+              'params': [
+                {
+                  'name': 'the',
+                  'description': '<p>new name of the node</p>\n',
+                  'type': 'String'
+                }
+              ],
+              'class': 'p5.XML',
+              'module': 'IO'
+            },
+            'hasChildren': {
+              'name': 'hasChildren',
+              'class': 'p5.XML',
+              'module': 'IO'
+            },
+            'listChildren': {
+              'name': 'listChildren',
+              'class': 'p5.XML',
+              'module': 'IO'
+            },
+            'getChildren': {
+              'name': 'getChildren',
+              'params': [
+                {
+                  'name': 'name',
+                  'description': '<p>element name</p>\n',
+                  'type': 'String',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.XML',
+              'module': 'IO'
+            },
+            'getChild': {
+              'name': 'getChild',
+              'params': [
+                {
+                  'name': 'name',
+                  'description': '<p>element name or index</p>\n',
+                  'type': 'String|Integer'
+                }
+              ],
+              'class': 'p5.XML',
+              'module': 'IO'
+            },
+            'addChild': {
+              'name': 'addChild',
+              'params': [
+                {
+                  'name': 'node',
+                  'description': '<p>a <a href="#/p5.XML">p5.XML</a> Object which will be the child to be added</p>\n',
+                  'type': 'p5.XML'
+                }
+              ],
+              'class': 'p5.XML',
+              'module': 'IO'
+            },
+            'removeChild': {
+              'name': 'removeChild',
+              'params': [
+                {
+                  'name': 'name',
+                  'description': '<p>element name or index</p>\n',
+                  'type': 'String|Integer'
+                }
+              ],
+              'class': 'p5.XML',
+              'module': 'IO'
+            },
+            'getAttributeCount': {
+              'name': 'getAttributeCount',
+              'class': 'p5.XML',
+              'module': 'IO'
+            },
+            'listAttributes': {
+              'name': 'listAttributes',
+              'class': 'p5.XML',
+              'module': 'IO'
+            },
+            'hasAttribute': {
+              'name': 'hasAttribute',
+              'params': [
+                {
+                  'name': 'the',
+                  'description': '<p>attribute to be checked</p>\n',
+                  'type': 'String'
+                }
+              ],
+              'class': 'p5.XML',
+              'module': 'IO'
+            },
+            'getNum': {
+              'name': 'getNum',
+              'params': [
+                {
+                  'name': 'name',
+                  'description': '<p>the non-null full name of the attribute</p>\n',
+                  'type': 'String'
+                },
+                {
+                  'name': 'defaultValue',
+                  'description': '<p>the default value of the attribute</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.XML',
+              'module': 'IO'
+            },
+            'getString': {
+              'name': 'getString',
+              'params': [
+                {
+                  'name': 'name',
+                  'description': '<p>the non-null full name of the attribute</p>\n',
+                  'type': 'String'
+                },
+                {
+                  'name': 'defaultValue',
+                  'description': '<p>the default value of the attribute</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.XML',
+              'module': 'IO'
+            },
+            'setAttribute': {
+              'name': 'setAttribute',
+              'params': [
+                {
+                  'name': 'name',
+                  'description': '<p>the full name of the attribute</p>\n',
+                  'type': 'String'
+                },
+                {
+                  'name': 'value',
+                  'description': '<p>the value of the attribute</p>\n',
+                  'type': 'Number|String|Boolean'
+                }
+              ],
+              'class': 'p5.XML',
+              'module': 'IO'
+            },
+            'getContent': {
+              'name': 'getContent',
+              'params': [
+                {
+                  'name': 'defaultValue',
+                  'description': '<p>value returned if no content is found</p>\n',
+                  'type': 'String',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.XML',
+              'module': 'IO'
+            },
+            'setContent': {
+              'name': 'setContent',
+              'params': [
+                {
+                  'name': 'text',
+                  'description': '<p>the new content</p>\n',
+                  'type': 'String'
+                }
+              ],
+              'class': 'p5.XML',
+              'module': 'IO'
+            },
+            'serialize': {
+              'name': 'serialize',
+              'class': 'p5.XML',
+              'module': 'IO'
+            }
+          },
+          'p5.Vector': {
+            'x': {
+              'name': 'x',
+              'class': 'p5.Vector',
+              'module': 'Math'
+            },
+            'y': {
+              'name': 'y',
+              'class': 'p5.Vector',
+              'module': 'Math'
+            },
+            'z': {
+              'name': 'z',
+              'class': 'p5.Vector',
+              'module': 'Math'
+            },
+            'toString': {
+              'name': 'toString',
+              'class': 'p5.Vector',
+              'module': 'Math'
+            },
+            'set': {
+              'name': 'set',
+              'class': 'p5.Vector',
+              'module': 'Math',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'x',
+                      'description': '<p>x component of the vector.</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    },
+                    {
+                      'name': 'y',
+                      'description': '<p>y component of the vector.</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    },
+                    {
+                      'name': 'z',
+                      'description': '<p>z component of the vector.</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'value',
+                      'description': '<p>vector to set.</p>\n',
+                      'type': 'p5.Vector|Number[]'
+                    }
+                  ],
+                  'chainable': 1
+                }
+              ]
+            },
+            'copy': {
+              'name': 'copy',
+              'class': 'p5.Vector',
+              'module': 'Math',
+              'overloads': [
+                {
+                  'params': [
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'v',
+                      'description': '<p>the <a href="#/p5.Vector">p5.Vector</a> to create a copy of</p>\n',
+                      'type': 'p5.Vector'
+                    }
+                  ],
+                  'static': 1
+                }
+              ]
+            },
+            'add': {
+              'name': 'add',
+              'class': 'p5.Vector',
+              'module': 'Math',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'x',
+                      'description': '<p>x component of the vector to be added.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y',
+                      'description': '<p>y component of the vector to be added.</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    },
+                    {
+                      'name': 'z',
+                      'description': '<p>z component of the vector to be added.</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'value',
+                      'description': '<p>The vector to add</p>\n',
+                      'type': 'p5.Vector|Number[]'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'v1',
+                      'description': '<p>A <a href="#/p5.Vector">p5.Vector</a> to add</p>\n',
+                      'type': 'p5.Vector'
+                    },
+                    {
+                      'name': 'v2',
+                      'description': '<p>A <a href="#/p5.Vector">p5.Vector</a> to add</p>\n',
+                      'type': 'p5.Vector'
+                    },
+                    {
+                      'name': 'target',
+                      'description': '<p>vector to receive the result.</p>\n',
+                      'type': 'p5.Vector',
+                      'optional': true
+                    }
+                  ],
+                  'static': 1
+                }
+              ]
+            },
+            'rem': {
+              'name': 'rem',
+              'class': 'p5.Vector',
+              'module': 'Math',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'x',
+                      'description': '<p>x component of divisor vector.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y',
+                      'description': '<p>y component of divisor vector.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'z',
+                      'description': '<p>z component of divisor vector.</p>\n',
+                      'type': 'Number'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'value',
+                      'description': '<p>divisor vector.</p>\n',
+                      'type': 'p5.Vector | Number[]'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'v1',
+                      'description': '<p>The dividend <a href="#/p5.Vector">p5.Vector</a></p>\n',
+                      'type': 'p5.Vector'
+                    },
+                    {
+                      'name': 'v2',
+                      'description': '<p>The divisor <a href="#/p5.Vector">p5.Vector</a></p>\n',
+                      'type': 'p5.Vector'
+                    }
+                  ],
+                  'static': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'v1',
+                      'description': '',
+                      'type': 'p5.Vector'
+                    },
+                    {
+                      'name': 'v2',
+                      'description': '',
+                      'type': 'p5.Vector'
+                    }
+                  ],
+                  'static': 1
+                }
+              ]
+            },
+            'sub': {
+              'name': 'sub',
+              'class': 'p5.Vector',
+              'module': 'Math',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'x',
+                      'description': '<p>x component of the vector to subtract.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y',
+                      'description': '<p>y component of the vector to subtract.</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    },
+                    {
+                      'name': 'z',
+                      'description': '<p>z component of the vector to subtract.</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'value',
+                      'description': '<p>the vector to subtract</p>\n',
+                      'type': 'p5.Vector|Number[]'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'v1',
+                      'description': '<p>A <a href="#/p5.Vector">p5.Vector</a> to subtract from</p>\n',
+                      'type': 'p5.Vector'
+                    },
+                    {
+                      'name': 'v2',
+                      'description': '<p>A <a href="#/p5.Vector">p5.Vector</a> to subtract</p>\n',
+                      'type': 'p5.Vector'
+                    },
+                    {
+                      'name': 'target',
+                      'description': '<p>vector to receive the result.</p>\n',
+                      'type': 'p5.Vector',
+                      'optional': true
+                    }
+                  ],
+                  'static': 1
+                }
+              ]
+            },
+            'mult': {
+              'name': 'mult',
+              'class': 'p5.Vector',
+              'module': 'Math',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'n',
+                      'description': '<p>The number to multiply with the vector</p>\n',
+                      'type': 'Number'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'x',
+                      'description': '<p>number to multiply with the x component of the vector.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y',
+                      'description': '<p>number to multiply with the y component of the vector.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'z',
+                      'description': '<p>number to multiply with the z component of the vector.</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'arr',
+                      'description': '<p>array to multiply with the components of the vector.</p>\n',
+                      'type': 'Number[]'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'v',
+                      'description': '<p>vector to multiply with the components of the original vector.</p>\n',
+                      'type': 'p5.Vector'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'x',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'z',
+                      'description': '',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ],
+                  'static': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'v',
+                      'description': '',
+                      'type': 'p5.Vector'
+                    },
+                    {
+                      'name': 'n',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'target',
+                      'description': '<p>vector to receive the result.</p>\n',
+                      'type': 'p5.Vector',
+                      'optional': true
+                    }
+                  ],
+                  'static': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'v0',
+                      'description': '',
+                      'type': 'p5.Vector'
+                    },
+                    {
+                      'name': 'v1',
+                      'description': '',
+                      'type': 'p5.Vector'
+                    },
+                    {
+                      'name': 'target',
+                      'description': '',
+                      'type': 'p5.Vector',
+                      'optional': true
+                    }
+                  ],
+                  'static': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'v0',
+                      'description': '',
+                      'type': 'p5.Vector'
+                    },
+                    {
+                      'name': 'arr',
+                      'description': '',
+                      'type': 'Number[]'
+                    },
+                    {
+                      'name': 'target',
+                      'description': '',
+                      'type': 'p5.Vector',
+                      'optional': true
+                    }
+                  ],
+                  'static': 1
+                }
+              ]
+            },
+            'div': {
+              'name': 'div',
+              'class': 'p5.Vector',
+              'module': 'Math',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'n',
+                      'description': '<p>The number to divide the vector by</p>\n',
+                      'type': 'Number'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'x',
+                      'description': '<p>number to divide with the x component of the vector.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y',
+                      'description': '<p>number to divide with the y component of the vector.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'z',
+                      'description': '<p>number to divide with the z component of the vector.</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'arr',
+                      'description': '<p>array to divide the components of the vector by.</p>\n',
+                      'type': 'Number[]'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'v',
+                      'description': '<p>vector to divide the components of the original vector by.</p>\n',
+                      'type': 'p5.Vector'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'x',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'z',
+                      'description': '',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ],
+                  'static': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'v',
+                      'description': '',
+                      'type': 'p5.Vector'
+                    },
+                    {
+                      'name': 'n',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'target',
+                      'description': '<p>The vector to receive the result</p>\n',
+                      'type': 'p5.Vector',
+                      'optional': true
+                    }
+                  ],
+                  'static': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'v0',
+                      'description': '',
+                      'type': 'p5.Vector'
+                    },
+                    {
+                      'name': 'v1',
+                      'description': '',
+                      'type': 'p5.Vector'
+                    },
+                    {
+                      'name': 'target',
+                      'description': '',
+                      'type': 'p5.Vector',
+                      'optional': true
+                    }
+                  ],
+                  'static': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'v0',
+                      'description': '',
+                      'type': 'p5.Vector'
+                    },
+                    {
+                      'name': 'arr',
+                      'description': '',
+                      'type': 'Number[]'
+                    },
+                    {
+                      'name': 'target',
+                      'description': '',
+                      'type': 'p5.Vector',
+                      'optional': true
+                    }
+                  ],
+                  'static': 1
+                }
+              ]
+            },
+            'mag': {
+              'name': 'mag',
+              'class': 'p5.Vector',
+              'module': 'Math',
+              'overloads': [
+                {
+                  'params': [
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'vecT',
+                      'description': '<p>The vector to return the magnitude of</p>\n',
+                      'type': 'p5.Vector'
+                    }
+                  ],
+                  'static': 1
+                }
+              ]
+            },
+            'magSq': {
+              'name': 'magSq',
+              'class': 'p5.Vector',
+              'module': 'Math',
+              'overloads': [
+                {
+                  'params': [
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'vecT',
+                      'description': '<p>the vector to return the squared magnitude of</p>\n',
+                      'type': 'p5.Vector'
+                    }
+                  ],
+                  'static': 1
+                }
+              ]
+            },
+            'dot': {
+              'name': 'dot',
+              'class': 'p5.Vector',
+              'module': 'Math',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'x',
+                      'description': '<p>x component of the vector.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y',
+                      'description': '<p>y component of the vector.</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    },
+                    {
+                      'name': 'z',
+                      'description': '<p>z component of the vector.</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'v',
+                      'description': '<p><a href="#/p5.Vector">p5.Vector</a> to be dotted.</p>\n',
+                      'type': 'p5.Vector'
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'v1',
+                      'description': '<p>first <a href="#/p5.Vector">p5.Vector</a>.</p>\n',
+                      'type': 'p5.Vector'
+                    },
+                    {
+                      'name': 'v2',
+                      'description': '<p>second <a href="#/p5.Vector">p5.Vector</a>.</p>\n',
+                      'type': 'p5.Vector'
+                    }
+                  ],
+                  'static': 1
+                }
+              ]
+            },
+            'cross': {
+              'name': 'cross',
+              'class': 'p5.Vector',
+              'module': 'Math',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'v',
+                      'description': '<p><a href="#/p5.Vector">p5.Vector</a> to be crossed.</p>\n',
+                      'type': 'p5.Vector'
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'v1',
+                      'description': '<p>first <a href="#/p5.Vector">p5.Vector</a>.</p>\n',
+                      'type': 'p5.Vector'
+                    },
+                    {
+                      'name': 'v2',
+                      'description': '<p>second <a href="#/p5.Vector">p5.Vector</a>.</p>\n',
+                      'type': 'p5.Vector'
+                    }
+                  ],
+                  'static': 1
+                }
+              ]
+            },
+            'dist': {
+              'name': 'dist',
+              'class': 'p5.Vector',
+              'module': 'Math',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'v',
+                      'description': '<p>x, y, and z coordinates of a <a href="#/p5.Vector">p5.Vector</a>.</p>\n',
+                      'type': 'p5.Vector'
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'v1',
+                      'description': '<p>The first <a href="#/p5.Vector">p5.Vector</a></p>\n',
+                      'type': 'p5.Vector'
+                    },
+                    {
+                      'name': 'v2',
+                      'description': '<p>The second <a href="#/p5.Vector">p5.Vector</a></p>\n',
+                      'type': 'p5.Vector'
+                    }
+                  ],
+                  'static': 1
+                }
+              ]
+            },
+            'normalize': {
+              'name': 'normalize',
+              'class': 'p5.Vector',
+              'module': 'Math',
+              'overloads': [
+                {
+                  'params': [
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'v',
+                      'description': '<p>The vector to normalize</p>\n',
+                      'type': 'p5.Vector'
+                    },
+                    {
+                      'name': 'target',
+                      'description': '<p>The vector to receive the result</p>\n',
+                      'type': 'p5.Vector',
+                      'optional': true
+                    }
+                  ],
+                  'static': 1
+                }
+              ]
+            },
+            'limit': {
+              'name': 'limit',
+              'class': 'p5.Vector',
+              'module': 'Math',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'max',
+                      'description': '<p>maximum magnitude for the vector.</p>\n',
+                      'type': 'Number'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'v',
+                      'description': '<p>the vector to limit</p>\n',
+                      'type': 'p5.Vector'
+                    },
+                    {
+                      'name': 'max',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'target',
+                      'description': '<p>the vector to receive the result (Optional)</p>\n',
+                      'type': 'p5.Vector',
+                      'optional': true
+                    }
+                  ],
+                  'static': 1
+                }
+              ]
+            },
+            'setMag': {
+              'name': 'setMag',
+              'class': 'p5.Vector',
+              'module': 'Math',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'len',
+                      'description': '<p>new length for this vector.</p>\n',
+                      'type': 'Number'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'v',
+                      'description': '<p>the vector to set the magnitude of</p>\n',
+                      'type': 'p5.Vector'
+                    },
+                    {
+                      'name': 'len',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'target',
+                      'description': '<p>the vector to receive the result (Optional)</p>\n',
+                      'type': 'p5.Vector',
+                      'optional': true
+                    }
+                  ],
+                  'static': 1
+                }
+              ]
+            },
+            'heading': {
+              'name': 'heading',
+              'class': 'p5.Vector',
+              'module': 'Math',
+              'overloads': [
+                {
+                  'params': [
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'v',
+                      'description': '<p>the vector to find the angle of</p>\n',
+                      'type': 'p5.Vector'
+                    }
+                  ],
+                  'static': 1
+                }
+              ]
+            },
+            'setHeading': {
+              'name': 'setHeading',
+              'params': [
+                {
+                  'name': 'angle',
+                  'description': '<p>angle of rotation.</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.Vector',
+              'module': 'Math'
+            },
+            'rotate': {
+              'name': 'rotate',
+              'class': 'p5.Vector',
+              'module': 'Math',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'angle',
+                      'description': '<p>angle of rotation.</p>\n',
+                      'type': 'Number'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'v',
+                      'description': '',
+                      'type': 'p5.Vector'
+                    },
+                    {
+                      'name': 'angle',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'target',
+                      'description': '<p>The vector to receive the result</p>\n',
+                      'type': 'p5.Vector',
+                      'optional': true
+                    }
+                  ],
+                  'static': 1
+                }
+              ]
+            },
+            'angleBetween': {
+              'name': 'angleBetween',
+              'class': 'p5.Vector',
+              'module': 'Math',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'value',
+                      'description': '<p>x, y, and z components of a <a href="#/p5.Vector">p5.Vector</a>.</p>\n',
+                      'type': 'p5.Vector'
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'v1',
+                      'description': '<p>the first vector.</p>\n',
+                      'type': 'p5.Vector'
+                    },
+                    {
+                      'name': 'v2',
+                      'description': '<p>the second vector.</p>\n',
+                      'type': 'p5.Vector'
+                    }
+                  ],
+                  'static': 1
+                }
+              ]
+            },
+            'lerp': {
+              'name': 'lerp',
+              'class': 'p5.Vector',
+              'module': 'Math',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'x',
+                      'description': '<p>x component.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y',
+                      'description': '<p>y component.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'z',
+                      'description': '<p>z component.</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'amt',
+                      'description': '<p>amount of interpolation between 0.0 (old vector)\n                        and 1.0 (new vector). 0.5 is halfway between.</p>\n',
+                      'type': 'Number'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'v',
+                      'description': '<p><a href="#/p5.Vector">p5.Vector</a> to lerp toward.</p>\n',
+                      'type': 'p5.Vector'
+                    },
+                    {
+                      'name': 'amt',
+                      'description': '',
+                      'type': 'Number'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'v1',
+                      'description': '',
+                      'type': 'p5.Vector'
+                    },
+                    {
+                      'name': 'v2',
+                      'description': '',
+                      'type': 'p5.Vector'
+                    },
+                    {
+                      'name': 'amt',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'target',
+                      'description': '<p>The vector to receive the result</p>\n',
+                      'type': 'p5.Vector',
+                      'optional': true
+                    }
+                  ],
+                  'static': 1
+                }
+              ]
+            },
+            'slerp': {
+              'name': 'slerp',
+              'class': 'p5.Vector',
+              'module': 'Math',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'v',
+                      'description': '<p><a href="#/p5.Vector">p5.Vector</a> to slerp toward.</p>\n',
+                      'type': 'p5.Vector'
+                    },
+                    {
+                      'name': 'amt',
+                      'description': '<p>amount of interpolation between 0.0 (old vector)\n                     and 1.0 (new vector). 0.5 is halfway between.</p>\n',
+                      'type': 'Number'
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'v1',
+                      'description': '<p>old vector.</p>\n',
+                      'type': 'p5.Vector'
+                    },
+                    {
+                      'name': 'v2',
+                      'description': '<p>new vector.</p>\n',
+                      'type': 'p5.Vector'
+                    },
+                    {
+                      'name': 'amt',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'target',
+                      'description': '<p>vector to receive the result.</p>\n',
+                      'type': 'p5.Vector',
+                      'optional': true
+                    }
+                  ],
+                  'static': 1
+                }
+              ]
+            },
+            'reflect': {
+              'name': 'reflect',
+              'class': 'p5.Vector',
+              'module': 'Math',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'surfaceNormal',
+                      'description': '<p><a href="#/p5.Vector">p5.Vector</a>\n                                   to reflect about.</p>\n',
+                      'type': 'p5.Vector'
+                    }
+                  ],
+                  'chainable': 1
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'incidentVector',
+                      'description': '<p>vector to be reflected.</p>\n',
+                      'type': 'p5.Vector'
+                    },
+                    {
+                      'name': 'surfaceNormal',
+                      'description': '',
+                      'type': 'p5.Vector'
+                    },
+                    {
+                      'name': 'target',
+                      'description': '<p>vector to receive the result.</p>\n',
+                      'type': 'p5.Vector',
+                      'optional': true
+                    }
+                  ],
+                  'static': 1
+                }
+              ]
+            },
+            'array': {
+              'name': 'array',
+              'class': 'p5.Vector',
+              'module': 'Math',
+              'overloads': [
+                {
+                  'params': [
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'v',
+                      'description': '<p>the vector to convert to an array</p>\n',
+                      'type': 'p5.Vector'
+                    }
+                  ],
+                  'static': 1
+                }
+              ]
+            },
+            'equals': {
+              'name': 'equals',
+              'class': 'p5.Vector',
+              'module': 'Math',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'x',
+                      'description': '<p>x component of the vector.</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    },
+                    {
+                      'name': 'y',
+                      'description': '<p>y component of the vector.</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    },
+                    {
+                      'name': 'z',
+                      'description': '<p>z component of the vector.</p>\n',
+                      'type': 'Number',
+                      'optional': true
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'value',
+                      'description': '<p>vector to compare.</p>\n',
+                      'type': 'p5.Vector|Array'
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'v1',
+                      'description': '<p>the first vector to compare</p>\n',
+                      'type': 'p5.Vector|Array'
+                    },
+                    {
+                      'name': 'v2',
+                      'description': '<p>the second vector to compare</p>\n',
+                      'type': 'p5.Vector|Array'
+                    }
+                  ],
+                  'static': 1
+                }
+              ]
+            },
+            'fromAngle': {
+              'name': 'fromAngle',
+              'params': [
+                {
+                  'name': 'angle',
+                  'description': '<p>desired angle, in radians. Unaffected by <a href="#/p5/angleMode">angleMode()</a>.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'length',
+                  'description': '<p>length of the new vector (defaults to 1).</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Vector',
+              'module': 'Math'
+            },
+            'fromAngles': {
+              'name': 'fromAngles',
+              'params': [
+                {
+                  'name': 'theta',
+                  'description': '<p>polar angle in radians (zero is up).</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'phi',
+                  'description': '<p>azimuthal angle in radians\n                              (zero is out of the screen).</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'length',
+                  'description': '<p>length of the new vector (defaults to 1).</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Vector',
+              'module': 'Math'
+            },
+            'random2D': {
+              'name': 'random2D',
+              'class': 'p5.Vector',
+              'module': 'Math'
+            },
+            'random3D': {
+              'name': 'random3D',
+              'class': 'p5.Vector',
+              'module': 'Math'
+            }
+          },
+          'p5.Font': {
+            'font': {
+              'name': 'font',
+              'class': 'p5.Font',
+              'module': 'Typography'
+            },
+            'textBounds': {
+              'name': 'textBounds',
+              'params': [
+                {
+                  'name': 'str',
+                  'description': '<p>string of text.</p>\n',
+                  'type': 'String'
+                },
+                {
+                  'name': 'x',
+                  'description': '<p>x-coordinate of the text.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'y',
+                  'description': '<p>y-coordinate of the text.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'fontSize',
+                  'description': '<p>font size. Defaults to the current\n                            <a href="#/p5/textSize">textSize()</a>.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Font',
+              'module': 'Typography'
+            },
+            'textToPoints': {
+              'name': 'textToPoints',
+              'params': [
+                {
+                  'name': 'str',
+                  'description': '<p>string of text.</p>\n',
+                  'type': 'String'
+                },
+                {
+                  'name': 'x',
+                  'description': '<p>x-coordinate of the text.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'y',
+                  'description': '<p>y-coordinate of the text.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'fontSize',
+                  'description': '<p>font size. Defaults to the current\n                            <a href="#/p5/textSize">textSize()</a>.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'options',
+                  'description': '<p>object with sampleFactor and simplifyThreshold\n                            properties.</p>\n',
+                  'type': 'Object',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Font',
+              'module': 'Typography'
+            }
+          },
+          'p5.Camera': {
+            'eyeX': {
+              'name': 'eyeX',
+              'class': 'p5.Camera',
+              'module': '3D'
+            },
+            'eyeY': {
+              'name': 'eyeY',
+              'class': 'p5.Camera',
+              'module': '3D'
+            },
+            'eyeZ': {
+              'name': 'eyeZ',
+              'class': 'p5.Camera',
+              'module': '3D'
+            },
+            'centerX': {
+              'name': 'centerX',
+              'class': 'p5.Camera',
+              'module': '3D'
+            },
+            'centerY': {
+              'name': 'centerY',
+              'class': 'p5.Camera',
+              'module': '3D'
+            },
+            'centerZ': {
+              'name': 'centerZ',
+              'class': 'p5.Camera',
+              'module': '3D'
+            },
+            'upX': {
+              'name': 'upX',
+              'class': 'p5.Camera',
+              'module': '3D'
+            },
+            'upY': {
+              'name': 'upY',
+              'class': 'p5.Camera',
+              'module': '3D'
+            },
+            'upZ': {
+              'name': 'upZ',
+              'class': 'p5.Camera',
+              'module': '3D'
+            },
+            'perspective': {
+              'name': 'perspective',
+              'class': 'p5.Camera',
+              'module': '3D'
+            },
+            'ortho': {
+              'name': 'ortho',
+              'class': 'p5.Camera',
+              'module': '3D'
+            },
+            'frustum': {
+              'name': 'frustum',
+              'class': 'p5.Camera',
+              'module': '3D'
+            },
+            'pan': {
+              'name': 'pan',
+              'params': [
+                {
+                  'name': 'angle',
+                  'description': '<p>amount to rotate camera in current\n<a href="#/p5/angleMode">angleMode</a> units.\nGreater than 0 values rotate counterclockwise (to the left).</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.Camera',
+              'module': '3D'
+            },
+            'tilt': {
+              'name': 'tilt',
+              'params': [
+                {
+                  'name': 'angle',
+                  'description': '<p>amount to rotate camera in current\n<a href="#/p5/angleMode">angleMode</a> units.\nGreater than 0 values rotate counterclockwise (to the left).</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.Camera',
+              'module': '3D'
+            },
+            'lookAt': {
+              'name': 'lookAt',
+              'params': [
+                {
+                  'name': 'x',
+                  'description': '<p>x position of a point in world space</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'y',
+                  'description': '<p>y position of a point in world space</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'z',
+                  'description': '<p>z position of a point in world space</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.Camera',
+              'module': '3D'
+            },
+            'camera': {
+              'name': 'camera',
+              'class': 'p5.Camera',
+              'module': '3D'
+            },
+            'move': {
+              'name': 'move',
+              'params': [
+                {
+                  'name': 'x',
+                  'description': '<p>amount to move along camera\'s left-right axis</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'y',
+                  'description': '<p>amount to move along camera\'s up-down axis</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'z',
+                  'description': '<p>amount to move along camera\'s forward-backward axis</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.Camera',
+              'module': '3D'
+            },
+            'setPosition': {
+              'name': 'setPosition',
+              'params': [
+                {
+                  'name': 'x',
+                  'description': '<p>x position of a point in world space</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'y',
+                  'description': '<p>y position of a point in world space</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'z',
+                  'description': '<p>z position of a point in world space</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.Camera',
+              'module': '3D'
+            },
+            'set': {
+              'name': 'set',
+              'params': [
+                {
+                  'name': 'cam',
+                  'description': '<p>source camera</p>\n',
+                  'type': 'p5.Camera'
+                }
+              ],
+              'class': 'p5.Camera',
+              'module': '3D'
+            },
+            'slerp': {
+              'name': 'slerp',
+              'params': [
+                {
+                  'name': 'cam0',
+                  'description': '<p>first p5.Camera</p>\n',
+                  'type': 'p5.Camera'
+                },
+                {
+                  'name': 'cam1',
+                  'description': '<p>second p5.Camera</p>\n',
+                  'type': 'p5.Camera'
+                },
+                {
+                  'name': 'amt',
+                  'description': '<p>amount to use for interpolation during slerp</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.Camera',
+              'module': '3D'
+            }
+          },
+          'p5.Framebuffer': {
+            'pixels': {
+              'name': 'pixels',
+              'class': 'p5.Framebuffer',
+              'module': 'Rendering'
+            },
+            'resize': {
+              'name': 'resize',
+              'params': [
+                {
+                  'name': 'width',
+                  'description': '',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'height',
+                  'description': '',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.Framebuffer',
+              'module': 'Rendering'
+            },
+            'pixelDensity': {
+              'name': 'pixelDensity',
+              'params': [
+                {
+                  'name': 'density',
+                  'description': '<p>A scaling factor for the number of pixels per\nside of the framebuffer</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Framebuffer',
+              'module': 'Rendering'
+            },
+            'autoSized': {
+              'name': 'autoSized',
+              'params': [
+                {
+                  'name': 'autoSized',
+                  'description': '<p>Whether or not the framebuffer should resize\nalong with the canvas it\'s attached to</p>\n',
+                  'type': 'Boolean',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Framebuffer',
+              'module': 'Rendering'
+            },
+            'createCamera': {
+              'name': 'createCamera',
+              'class': 'p5.Framebuffer',
+              'module': 'Rendering'
+            },
+            'remove': {
+              'name': 'remove',
+              'class': 'p5.Framebuffer',
+              'module': 'Rendering'
+            },
+            'begin': {
+              'name': 'begin',
+              'class': 'p5.Framebuffer',
+              'module': 'Rendering'
+            },
+            'end': {
+              'name': 'end',
+              'class': 'p5.Framebuffer',
+              'module': 'Rendering'
+            },
+            'draw': {
+              'name': 'draw',
+              'params': [
+                {
+                  'name': 'callback',
+                  'description': '<p>A function to run that draws to the canvas. The\nfunction will immediately be run, but it will draw to the framebuffer\ninstead of the canvas.</p>\n',
+                  'type': 'Function'
+                }
+              ],
+              'class': 'p5.Framebuffer',
+              'module': 'Rendering'
+            },
+            'get': {
+              'name': 'get',
+              'class': 'p5.Framebuffer',
+              'module': 'Rendering',
+              'overloads': [
+                {
+                  'params': [
+                    {
+                      'name': 'x',
+                      'description': '<p>x-coordinate of the pixel</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y',
+                      'description': '<p>y-coordinate of the pixel</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'w',
+                      'description': '<p>width of the section to be returned</p>\n',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'h',
+                      'description': '<p>height of the section to be returned</p>\n',
+                      'type': 'Number'
+                    }
+                  ]
+                },
+                {
+                  'params': [
+                  ]
+                },
+                {
+                  'params': [
+                    {
+                      'name': 'x',
+                      'description': '',
+                      'type': 'Number'
+                    },
+                    {
+                      'name': 'y',
+                      'description': '',
+                      'type': 'Number'
+                    }
+                  ]
+                }
+              ]
+            },
+            'color': {
+              'name': 'color',
+              'class': 'p5.Framebuffer',
+              'module': 'Rendering'
+            },
+            'depth': {
+              'name': 'depth',
+              'class': 'p5.Framebuffer',
+              'module': 'Rendering'
+            }
+          },
+          'p5.Geometry': {
+            'clearColors': {
+              'name': 'clearColors',
+              'class': 'p5.Geometry',
+              'module': 'Shape'
+            },
+            'computeFaces': {
+              'name': 'computeFaces',
+              'class': 'p5.Geometry',
+              'module': 'Shape'
+            },
+            'computeNormals': {
+              'name': 'computeNormals',
+              'params': [
+                {
+                  'name': 'shadingType',
+                  'description': '<p>shading type (<code>FLAT</code> for flat shading or <code>SMOOTH</code> for smooth shading) for buildGeometry() outputs. Defaults to <code>FLAT</code>.</p>\n',
+                  'type': 'String',
+                  'optional': true
+                },
+                {
+                  'name': 'options',
+                  'description': '<p>An optional object with configuration.</p>\n',
+                  'type': 'Object',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Geometry',
+              'module': 'Shape'
+            },
+            'averageNormals': {
+              'name': 'averageNormals',
+              'class': 'p5.Geometry',
+              'module': 'Shape'
+            },
+            'averagePoleNormals': {
+              'name': 'averagePoleNormals',
+              'class': 'p5.Geometry',
+              'module': 'Shape'
+            },
+            'normalize': {
+              'name': 'normalize',
+              'class': 'p5.Geometry',
+              'module': 'Shape'
+            }
+          },
+          'p5.Shader': {
+            'copyToContext': {
+              'name': 'copyToContext',
+              'params': [
+                {
+                  'name': 'context',
+                  'description': '<p>The graphic or instance to copy this shader to.\nPass <code>window</code> if you need to copy to the main canvas.</p>\n',
+                  'type': 'p5|p5.Graphics'
+                }
+              ],
+              'class': 'p5.Shader',
+              'module': '3D'
+            },
+            'setUniform': {
+              'name': 'setUniform',
+              'params': [
+                {
+                  'name': 'uniformName',
+                  'description': '<p>the name of the uniform.\nMust correspond to the name used in the vertex and fragment shaders</p>\n',
+                  'type': 'String'
+                },
+                {
+                  'name': 'data',
+                  'description': '<p>the data to associate with the uniform. The type can be\na boolean (true/false), a number, an array of numbers, or\nan image (p5.Image, p5.Graphics, p5.MediaElement, p5.Texture)</p>\n',
+                  'type': 'Boolean|Number|Number[]|p5.Image|p5.Graphics|p5.MediaElement|p5.Texture'
+                }
+              ],
+              'class': 'p5.Shader',
+              'module': '3D'
+            }
+          },
+          'p5.SoundFile': {
+            'isLoaded': {
+              'name': 'isLoaded',
+              'class': 'p5.SoundFile',
+              'module': 'p5.sound'
+            },
+            'play': {
+              'name': 'play',
+              'params': [
+                {
+                  'name': 'startTime',
+                  'description': '<p>(optional) schedule playback to start (in seconds from now).</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'rate',
+                  'description': '<p>(optional) playback rate</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'amp',
+                  'description': '<p>(optional) amplitude (volume)\n                                    of playback</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'cueStart',
+                  'description': '<p>(optional) cue start time in seconds</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'duration',
+                  'description': '<p>(optional) duration of playback in seconds</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.SoundFile',
+              'module': 'p5.sound'
+            },
+            'playMode': {
+              'name': 'playMode',
+              'params': [
+                {
+                  'name': 'str',
+                  'description': '<p>\'restart\' or \'sustain\' or \'untilDone\'</p>\n',
+                  'type': 'String'
+                }
+              ],
+              'class': 'p5.SoundFile',
+              'module': 'p5.sound'
+            },
+            'pause': {
+              'name': 'pause',
+              'params': [
+                {
+                  'name': 'startTime',
+                  'description': '<p>(optional) schedule event to occur\n                             seconds from now</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.SoundFile',
+              'module': 'p5.sound'
+            },
+            'loop': {
+              'name': 'loop',
+              'params': [
+                {
+                  'name': 'startTime',
+                  'description': '<p>(optional) schedule event to occur\n                            seconds from now</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'rate',
+                  'description': '<p>(optional) playback rate</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'amp',
+                  'description': '<p>(optional) playback volume</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'cueLoopStart',
+                  'description': '<p>(optional) startTime in seconds</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'duration',
+                  'description': '<p>(optional) loop duration in seconds</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.SoundFile',
+              'module': 'p5.sound'
+            },
+            'setLoop': {
+              'name': 'setLoop',
+              'params': [
+                {
+                  'name': 'Boolean',
+                  'description': '<p>set looping to true or false</p>\n',
+                  'type': 'Boolean'
+                }
+              ],
+              'class': 'p5.SoundFile',
+              'module': 'p5.sound'
+            },
+            'isLooping': {
+              'name': 'isLooping',
+              'class': 'p5.SoundFile',
+              'module': 'p5.sound'
+            },
+            'isPlaying': {
+              'name': 'isPlaying',
+              'class': 'p5.SoundFile',
+              'module': 'p5.sound'
+            },
+            'isPaused': {
+              'name': 'isPaused',
+              'class': 'p5.SoundFile',
+              'module': 'p5.sound'
+            },
+            'stop': {
+              'name': 'stop',
+              'params': [
+                {
+                  'name': 'startTime',
+                  'description': '<p>(optional) schedule event to occur\n                            in seconds from now</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.SoundFile',
+              'module': 'p5.sound'
+            },
+            'pan': {
+              'name': 'pan',
+              'params': [
+                {
+                  'name': 'panValue',
+                  'description': '<p>Set the stereo panner</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'timeFromNow',
+                  'description': '<p>schedule this event to happen\n                                seconds from now</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.SoundFile',
+              'module': 'p5.sound'
+            },
+            'getPan': {
+              'name': 'getPan',
+              'class': 'p5.SoundFile',
+              'module': 'p5.sound'
+            },
+            'rate': {
+              'name': 'rate',
+              'params': [
+                {
+                  'name': 'playbackRate',
+                  'description': '<p>Set the playback rate. 1.0 is normal,\n                                   .5 is half-speed, 2.0 is twice as fast.\n                                   Values less than zero play backwards.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.SoundFile',
+              'module': 'p5.sound'
+            },
+            'setVolume': {
+              'name': 'setVolume',
+              'params': [
+                {
+                  'name': 'volume',
+                  'description': '<p>Volume (amplitude) between 0.0\n                                   and 1.0 or modulating signal/oscillator</p>\n',
+                  'type': 'Number|Object'
+                },
+                {
+                  'name': 'rampTime',
+                  'description': '<p>Fade for t seconds</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'timeFromNow',
+                  'description': '<p>Schedule this event to happen at\n                               t seconds in the future</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.SoundFile',
+              'module': 'p5.sound'
+            },
+            'duration': {
+              'name': 'duration',
+              'class': 'p5.SoundFile',
+              'module': 'p5.sound'
+            },
+            'currentTime': {
+              'name': 'currentTime',
+              'class': 'p5.SoundFile',
+              'module': 'p5.sound'
+            },
+            'jump': {
+              'name': 'jump',
+              'params': [
+                {
+                  'name': 'cueTime',
+                  'description': '<p>cueTime of the soundFile in seconds.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'duration',
+                  'description': '<p>duration in seconds.</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.SoundFile',
+              'module': 'p5.sound'
+            },
+            'channels': {
+              'name': 'channels',
+              'class': 'p5.SoundFile',
+              'module': 'p5.sound'
+            },
+            'sampleRate': {
+              'name': 'sampleRate',
+              'class': 'p5.SoundFile',
+              'module': 'p5.sound'
+            },
+            'frames': {
+              'name': 'frames',
+              'class': 'p5.SoundFile',
+              'module': 'p5.sound'
+            },
+            'getPeaks': {
+              'name': 'getPeaks',
+              'params': [
+                {
+                  'name': 'length',
+                  'description': '<p>length is the size of the returned array.\n                         Larger length results in more precision.\n                         Defaults to 5*width of the browser window.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.SoundFile',
+              'module': 'p5.sound'
+            },
+            'reverseBuffer': {
+              'name': 'reverseBuffer',
+              'class': 'p5.SoundFile',
+              'module': 'p5.sound'
+            },
+            'onended': {
+              'name': 'onended',
+              'params': [
+                {
+                  'name': 'callback',
+                  'description': '<p>function to call when the\n                            soundfile has ended.</p>\n',
+                  'type': 'Function'
+                }
+              ],
+              'class': 'p5.SoundFile',
+              'module': 'p5.sound'
+            },
+            'connect': {
+              'name': 'connect',
+              'params': [
+                {
+                  'name': 'object',
+                  'description': '<p>Audio object that accepts an input</p>\n',
+                  'type': 'Object',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.SoundFile',
+              'module': 'p5.sound'
+            },
+            'disconnect': {
+              'name': 'disconnect',
+              'class': 'p5.SoundFile',
+              'module': 'p5.sound'
+            },
+            'setPath': {
+              'name': 'setPath',
+              'params': [
+                {
+                  'name': 'path',
+                  'description': '<p>path to audio file</p>\n',
+                  'type': 'String'
+                },
+                {
+                  'name': 'callback',
+                  'description': '<p>Callback</p>\n',
+                  'type': 'Function'
+                }
+              ],
+              'class': 'p5.SoundFile',
+              'module': 'p5.sound'
+            },
+            'setBuffer': {
+              'name': 'setBuffer',
+              'params': [
+                {
+                  'name': 'buf',
+                  'description': '<p>Array of Float32 Array(s). 2 Float32 Arrays\n                   will create a stereo source. 1 will create\n                   a mono source.</p>\n',
+                  'type': 'Array'
+                }
+              ],
+              'class': 'p5.SoundFile',
+              'module': 'p5.sound'
+            },
+            'addCue': {
+              'name': 'addCue',
+              'params': [
+                {
+                  'name': 'time',
+                  'description': '<p>Time in seconds, relative to this media\n                           element\'s playback. For example, to trigger\n                           an event every time playback reaches two\n                           seconds, pass in the number 2. This will be\n                           passed as the first parameter to\n                           the callback function.</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'callback',
+                  'description': '<p>Name of a function that will be\n                           called at the given time. The callback will\n                           receive time and (optionally) param as its\n                           two parameters.</p>\n',
+                  'type': 'Function'
+                },
+                {
+                  'name': 'value',
+                  'description': '<p>An object to be passed as the\n                           second parameter to the\n                           callback function.</p>\n',
+                  'type': 'Object',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.SoundFile',
+              'module': 'p5.sound'
+            },
+            'removeCue': {
+              'name': 'removeCue',
+              'params': [
+                {
+                  'name': 'id',
+                  'description': '<p>ID of the cue, as returned by addCue</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.SoundFile',
+              'module': 'p5.sound'
+            },
+            'clearCues': {
+              'name': 'clearCues',
+              'class': 'p5.SoundFile',
+              'module': 'p5.sound'
+            },
+            'save': {
+              'name': 'save',
+              'params': [
+                {
+                  'name': 'fileName',
+                  'description': '<p>name of the resulting .wav file.</p>\n',
+                  'type': 'String',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.SoundFile',
+              'module': 'p5.sound'
+            },
+            'getBlob': {
+              'name': 'getBlob',
+              'class': 'p5.SoundFile',
+              'module': 'p5.sound'
+            }
+          },
+          'p5.Amplitude': {
+            'setInput': {
+              'name': 'setInput',
+              'params': [
+                {
+                  'name': 'snd',
+                  'description': '<p>set the sound source\n                                     (optional, defaults to\n                                     main output)</p>\n',
+                  'type': 'SoundObject|undefined',
+                  'optional': true
+                },
+                {
+                  'name': 'smoothing',
+                  'description': '<p>a range between 0.0 and 1.0\n                                      to smooth amplitude readings</p>\n',
+                  'type': 'Number|undefined',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Amplitude',
+              'module': 'p5.sound'
+            },
+            'getLevel': {
+              'name': 'getLevel',
+              'params': [
+                {
+                  'name': 'channel',
+                  'description': '<p>Optionally return only channel 0 (left) or 1 (right)</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Amplitude',
+              'module': 'p5.sound'
+            },
+            'toggleNormalize': {
+              'name': 'toggleNormalize',
+              'params': [
+                {
+                  'name': 'boolean',
+                  'description': '<p>set normalize to true (1) or false (0)</p>\n',
+                  'type': 'Boolean',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Amplitude',
+              'module': 'p5.sound'
+            },
+            'smooth': {
+              'name': 'smooth',
+              'params': [
+                {
+                  'name': 'set',
+                  'description': '<p>smoothing from 0.0 <= 1</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.Amplitude',
+              'module': 'p5.sound'
+            }
+          },
+          'p5.FFT': {
+            'setInput': {
+              'name': 'setInput',
+              'params': [
+                {
+                  'name': 'source',
+                  'description': '<p>p5.sound object (or web audio API source node)</p>\n',
+                  'type': 'Object',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.FFT',
+              'module': 'p5.sound'
+            },
+            'waveform': {
+              'name': 'waveform',
+              'params': [
+                {
+                  'name': 'bins',
+                  'description': '<p>Must be a power of two between\n                          16 and 1024. Defaults to 1024.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'precision',
+                  'description': '<p>If any value is provided, will return results\n                            in a Float32 Array which is more precise\n                            than a regular array.</p>\n',
+                  'type': 'String',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.FFT',
+              'module': 'p5.sound'
+            },
+            'analyze': {
+              'name': 'analyze',
+              'params': [
+                {
+                  'name': 'bins',
+                  'description': '<p>Must be a power of two between\n                           16 and 1024. Defaults to 1024.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'scale',
+                  'description': '<p>If "dB," returns decibel\n                           float measurements between\n                           -140 and 0 (max).\n                           Otherwise returns integers from 0-255.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.FFT',
+              'module': 'p5.sound'
+            },
+            'getEnergy': {
+              'name': 'getEnergy',
+              'params': [
+                {
+                  'name': 'frequency1',
+                  'description': '<p>Will return a value representing\n                              energy at this frequency. Alternately,\n                              the strings "bass", "lowMid" "mid",\n                              "highMid", and "treble" will return\n                              predefined frequency ranges.</p>\n',
+                  'type': 'Number|String'
+                },
+                {
+                  'name': 'frequency2',
+                  'description': '<p>If a second frequency is given,\n                              will return average amount of\n                              energy that exists between the\n                              two frequencies.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.FFT',
+              'module': 'p5.sound'
+            },
+            'getCentroid': {
+              'name': 'getCentroid',
+              'class': 'p5.FFT',
+              'module': 'p5.sound'
+            },
+            'smooth': {
+              'name': 'smooth',
+              'params': [
+                {
+                  'name': 'smoothing',
+                  'description': '<p>0.0 < smoothing < 1.0.\n                             Defaults to 0.8.</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.FFT',
+              'module': 'p5.sound'
+            },
+            'linAverages': {
+              'name': 'linAverages',
+              'params': [
+                {
+                  'name': 'N',
+                  'description': '<p>Number of returned frequency groups</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.FFT',
+              'module': 'p5.sound'
+            },
+            'logAverages': {
+              'name': 'logAverages',
+              'params': [
+                {
+                  'name': 'octaveBands',
+                  'description': '<p>Array of Octave Bands objects for grouping</p>\n',
+                  'type': 'Array'
+                }
+              ],
+              'class': 'p5.FFT',
+              'module': 'p5.sound'
+            },
+            'getOctaveBands': {
+              'name': 'getOctaveBands',
+              'params': [
+                {
+                  'name': 'N',
+                  'description': '<p>Specifies the 1/N type of generated octave bands</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'fCtr0',
+                  'description': '<p>Minimum central frequency for the lowest band</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.FFT',
+              'module': 'p5.sound'
+            }
+          },
+          'p5.Oscillator': {
+            'start': {
+              'name': 'start',
+              'params': [
+                {
+                  'name': 'time',
+                  'description': '<p>startTime in seconds from now.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'frequency',
+                  'description': '<p>frequency in Hz.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Oscillator',
+              'module': 'p5.sound'
+            },
+            'stop': {
+              'name': 'stop',
+              'params': [
+                {
+                  'name': 'secondsFromNow',
+                  'description': '<p>Time, in seconds from now.</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.Oscillator',
+              'module': 'p5.sound'
+            },
+            'amp': {
+              'name': 'amp',
+              'params': [
+                {
+                  'name': 'vol',
+                  'description': '<p>between 0 and 1.0\n                            or a modulating signal/oscillator</p>\n',
+                  'type': 'Number|Object'
+                },
+                {
+                  'name': 'rampTime',
+                  'description': '<p>create a fade that lasts rampTime</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'timeFromNow',
+                  'description': '<p>schedule this event to happen\n                              seconds from now</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Oscillator',
+              'module': 'p5.sound'
+            },
+            'getAmp': {
+              'name': 'getAmp',
+              'class': 'p5.Oscillator',
+              'module': 'p5.sound'
+            },
+            'freq': {
+              'name': 'freq',
+              'params': [
+                {
+                  'name': 'Frequency',
+                  'description': '<p>Frequency in Hz\n                                      or modulating signal/oscillator</p>\n',
+                  'type': 'Number|Object'
+                },
+                {
+                  'name': 'rampTime',
+                  'description': '<p>Ramp time (in seconds)</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'timeFromNow',
+                  'description': '<p>Schedule this event to happen\n                                 at x seconds from now</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Oscillator',
+              'module': 'p5.sound'
+            },
+            'getFreq': {
+              'name': 'getFreq',
+              'class': 'p5.Oscillator',
+              'module': 'p5.sound'
+            },
+            'setType': {
+              'name': 'setType',
+              'params': [
+                {
+                  'name': 'type',
+                  'description': '<p>\'sine\', \'triangle\', \'sawtooth\' or \'square\'.</p>\n',
+                  'type': 'String'
+                }
+              ],
+              'class': 'p5.Oscillator',
+              'module': 'p5.sound'
+            },
+            'getType': {
+              'name': 'getType',
+              'class': 'p5.Oscillator',
+              'module': 'p5.sound'
+            },
+            'connect': {
+              'name': 'connect',
+              'params': [
+                {
+                  'name': 'unit',
+                  'description': '<p>A p5.sound or Web Audio object</p>\n',
+                  'type': 'Object'
+                }
+              ],
+              'class': 'p5.Oscillator',
+              'module': 'p5.sound'
+            },
+            'disconnect': {
+              'name': 'disconnect',
+              'class': 'p5.Oscillator',
+              'module': 'p5.sound'
+            },
+            'pan': {
+              'name': 'pan',
+              'params': [
+                {
+                  'name': 'panning',
+                  'description': '<p>Number between -1 and 1</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'timeFromNow',
+                  'description': '<p>schedule this event to happen\n                              seconds from now</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.Oscillator',
+              'module': 'p5.sound'
+            },
+            'getPan': {
+              'name': 'getPan',
+              'class': 'p5.Oscillator',
+              'module': 'p5.sound'
+            },
+            'phase': {
+              'name': 'phase',
+              'params': [
+                {
+                  'name': 'phase',
+                  'description': '<p>float between 0.0 and 1.0</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.Oscillator',
+              'module': 'p5.sound'
+            },
+            'add': {
+              'name': 'add',
+              'params': [
+                {
+                  'name': 'number',
+                  'description': '<p>Constant number to add</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.Oscillator',
+              'module': 'p5.sound'
+            },
+            'mult': {
+              'name': 'mult',
+              'params': [
+                {
+                  'name': 'number',
+                  'description': '<p>Constant number to multiply</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.Oscillator',
+              'module': 'p5.sound'
+            },
+            'scale': {
+              'name': 'scale',
+              'params': [
+                {
+                  'name': 'inMin',
+                  'description': '<p>input range minumum</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'inMax',
+                  'description': '<p>input range maximum</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'outMin',
+                  'description': '<p>input range minumum</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'outMax',
+                  'description': '<p>input range maximum</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.Oscillator',
+              'module': 'p5.sound'
+            }
+          },
+          'p5.Envelope': {
+            'attackTime': {
+              'name': 'attackTime',
+              'class': 'p5.Envelope',
+              'module': 'p5.sound'
+            },
+            'attackLevel': {
+              'name': 'attackLevel',
+              'class': 'p5.Envelope',
+              'module': 'p5.sound'
+            },
+            'decayTime': {
+              'name': 'decayTime',
+              'class': 'p5.Envelope',
+              'module': 'p5.sound'
+            },
+            'decayLevel': {
+              'name': 'decayLevel',
+              'class': 'p5.Envelope',
+              'module': 'p5.sound'
+            },
+            'releaseTime': {
+              'name': 'releaseTime',
+              'class': 'p5.Envelope',
+              'module': 'p5.sound'
+            },
+            'releaseLevel': {
+              'name': 'releaseLevel',
+              'class': 'p5.Envelope',
+              'module': 'p5.sound'
+            },
+            'set': {
+              'name': 'set',
+              'params': [
+                {
+                  'name': 'attackTime',
+                  'description': '<p>Time (in seconds) before level\n                               reaches attackLevel</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'attackLevel',
+                  'description': '<p>Typically an amplitude between\n                               0.0 and 1.0</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'decayTime',
+                  'description': '<p>Time</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'decayLevel',
+                  'description': '<p>Amplitude (In a standard ADSR envelope,\n                               decayLevel = sustainLevel)</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'releaseTime',
+                  'description': '<p>Release Time (in seconds)</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'releaseLevel',
+                  'description': '<p>Amplitude</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.Envelope',
+              'module': 'p5.sound'
+            },
+            'setADSR': {
+              'name': 'setADSR',
+              'params': [
+                {
+                  'name': 'attackTime',
+                  'description': '<p>Time (in seconds before envelope\n                              reaches Attack Level</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'decayTime',
+                  'description': '<p>Time (in seconds) before envelope\n                              reaches Decay/Sustain Level</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'susRatio',
+                  'description': '<p>Ratio between attackLevel and releaseLevel, on a scale from 0 to 1,\n                              where 1.0 = attackLevel, 0.0 = releaseLevel.\n                              The susRatio determines the decayLevel and the level at which the\n                              sustain portion of the envelope will sustain.\n                              For example, if attackLevel is 0.4, releaseLevel is 0,\n                              and susAmt is 0.5, the decayLevel would be 0.2. If attackLevel is\n                              increased to 1.0 (using <code>setRange</code>),\n                              then decayLevel would increase proportionally, to become 0.5.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'releaseTime',
+                  'description': '<p>Time in seconds from now (defaults to 0)</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Envelope',
+              'module': 'p5.sound'
+            },
+            'setRange': {
+              'name': 'setRange',
+              'params': [
+                {
+                  'name': 'aLevel',
+                  'description': '<p>attack level (defaults to 1)</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'rLevel',
+                  'description': '<p>release level (defaults to 0)</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.Envelope',
+              'module': 'p5.sound'
+            },
+            'setInput': {
+              'name': 'setInput',
+              'params': [
+                {
+                  'name': 'inputs',
+                  'description': '<p>A p5.sound object or\n                              Web Audio Param.</p>\n',
+                  'type': 'Object',
+                  'optional': true,
+                  'multiple': true
+                }
+              ],
+              'class': 'p5.Envelope',
+              'module': 'p5.sound'
+            },
+            'setExp': {
+              'name': 'setExp',
+              'params': [
+                {
+                  'name': 'isExp',
+                  'description': '<p>true is exponential, false is linear</p>\n',
+                  'type': 'Boolean'
+                }
+              ],
+              'class': 'p5.Envelope',
+              'module': 'p5.sound'
+            },
+            'play': {
+              'name': 'play',
+              'params': [
+                {
+                  'name': 'unit',
+                  'description': '<p>A p5.sound object or\n                              Web Audio Param.</p>\n',
+                  'type': 'Object'
+                },
+                {
+                  'name': 'startTime',
+                  'description': '<p>time from now (in seconds) at which to play</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'sustainTime',
+                  'description': '<p>time to sustain before releasing the envelope</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Envelope',
+              'module': 'p5.sound'
+            },
+            'triggerAttack': {
+              'name': 'triggerAttack',
+              'params': [
+                {
+                  'name': 'unit',
+                  'description': '<p>p5.sound Object or Web Audio Param</p>\n',
+                  'type': 'Object'
+                },
+                {
+                  'name': 'secondsFromNow',
+                  'description': '<p>time from now (in seconds)</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.Envelope',
+              'module': 'p5.sound'
+            },
+            'triggerRelease': {
+              'name': 'triggerRelease',
+              'params': [
+                {
+                  'name': 'unit',
+                  'description': '<p>p5.sound Object or Web Audio Param</p>\n',
+                  'type': 'Object'
+                },
+                {
+                  'name': 'secondsFromNow',
+                  'description': '<p>time to trigger the release</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.Envelope',
+              'module': 'p5.sound'
+            },
+            'ramp': {
+              'name': 'ramp',
+              'params': [
+                {
+                  'name': 'unit',
+                  'description': '<p>p5.sound Object or Web Audio Param</p>\n',
+                  'type': 'Object'
+                },
+                {
+                  'name': 'secondsFromNow',
+                  'description': '<p>When to trigger the ramp</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'v',
+                  'description': '<p>Target value</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'v2',
+                  'description': '<p>Second target value</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Envelope',
+              'module': 'p5.sound'
+            },
+            'add': {
+              'name': 'add',
+              'params': [
+                {
+                  'name': 'number',
+                  'description': '<p>Constant number to add</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.Envelope',
+              'module': 'p5.sound'
+            },
+            'mult': {
+              'name': 'mult',
+              'params': [
+                {
+                  'name': 'number',
+                  'description': '<p>Constant number to multiply</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.Envelope',
+              'module': 'p5.sound'
+            },
+            'scale': {
+              'name': 'scale',
+              'params': [
+                {
+                  'name': 'inMin',
+                  'description': '<p>input range minumum</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'inMax',
+                  'description': '<p>input range maximum</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'outMin',
+                  'description': '<p>input range minumum</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'outMax',
+                  'description': '<p>input range maximum</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.Envelope',
+              'module': 'p5.sound'
+            }
+          },
+          'p5.Noise': {
+            'setType': {
+              'name': 'setType',
+              'params': [
+                {
+                  'name': 'type',
+                  'description': '<p>\'white\', \'pink\' or \'brown\'</p>\n',
+                  'type': 'String',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Noise',
+              'module': 'p5.sound'
+            }
+          },
+          'p5.Pulse': {
+            'width': {
+              'name': 'width',
+              'params': [
+                {
+                  'name': 'width',
+                  'description': '<p>Width between the pulses (0 to 1.0,\n                       defaults to 0)</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Pulse',
+              'module': 'p5.sound'
+            }
+          },
+          'p5.AudioIn': {
+            'input': {
+              'name': 'input',
+              'class': 'p5.AudioIn',
+              'module': 'p5.sound'
+            },
+            'output': {
+              'name': 'output',
+              'class': 'p5.AudioIn',
+              'module': 'p5.sound'
+            },
+            'stream': {
+              'name': 'stream',
+              'class': 'p5.AudioIn',
+              'module': 'p5.sound'
+            },
+            'mediaStream': {
+              'name': 'mediaStream',
+              'class': 'p5.AudioIn',
+              'module': 'p5.sound'
+            },
+            'currentSource': {
+              'name': 'currentSource',
+              'class': 'p5.AudioIn',
+              'module': 'p5.sound'
+            },
+            'enabled': {
+              'name': 'enabled',
+              'class': 'p5.AudioIn',
+              'module': 'p5.sound'
+            },
+            'amplitude': {
+              'name': 'amplitude',
+              'class': 'p5.AudioIn',
+              'module': 'p5.sound'
+            },
+            'start': {
+              'name': 'start',
+              'params': [
+                {
+                  'name': 'successCallback',
+                  'description': '<p>Name of a function to call on\n                                  success.</p>\n',
+                  'type': 'Function',
+                  'optional': true
+                },
+                {
+                  'name': 'errorCallback',
+                  'description': '<p>Name of a function to call if\n                                  there was an error. For example,\n                                  some browsers do not support\n                                  getUserMedia.</p>\n',
+                  'type': 'Function',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.AudioIn',
+              'module': 'p5.sound'
+            },
+            'stop': {
+              'name': 'stop',
+              'class': 'p5.AudioIn',
+              'module': 'p5.sound'
+            },
+            'connect': {
+              'name': 'connect',
+              'params': [
+                {
+                  'name': 'unit',
+                  'description': '<p>An object that accepts audio input,\n                        such as an FFT</p>\n',
+                  'type': 'Object',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.AudioIn',
+              'module': 'p5.sound'
+            },
+            'disconnect': {
+              'name': 'disconnect',
+              'class': 'p5.AudioIn',
+              'module': 'p5.sound'
+            },
+            'getLevel': {
+              'name': 'getLevel',
+              'params': [
+                {
+                  'name': 'smoothing',
+                  'description': '<p>Smoothing is 0.0 by default.\n                             Smooths values based on previous values.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.AudioIn',
+              'module': 'p5.sound'
+            },
+            'amp': {
+              'name': 'amp',
+              'params': [
+                {
+                  'name': 'vol',
+                  'description': '<p>between 0 and 1.0</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'time',
+                  'description': '<p>ramp time (optional)</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.AudioIn',
+              'module': 'p5.sound'
+            },
+            'getSources': {
+              'name': 'getSources',
+              'params': [
+                {
+                  'name': 'successCallback',
+                  'description': '<p>This callback function handles the sources when they\n                                     have been enumerated. The callback function\n                                     receives the deviceList array as its only argument</p>\n',
+                  'type': 'Function',
+                  'optional': true
+                },
+                {
+                  'name': 'errorCallback',
+                  'description': '<p>This optional callback receives the error\n                                   message as its argument.</p>\n',
+                  'type': 'Function',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.AudioIn',
+              'module': 'p5.sound'
+            },
+            'setSource': {
+              'name': 'setSource',
+              'params': [
+                {
+                  'name': 'num',
+                  'description': '<p>position of input source in the array</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.AudioIn',
+              'module': 'p5.sound'
+            }
+          },
+          'p5.Effect': {
+            'amp': {
+              'name': 'amp',
+              'params': [
+                {
+                  'name': 'vol',
+                  'description': '<p>amplitude between 0 and 1.0</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'rampTime',
+                  'description': '<p>create a fade that lasts until rampTime</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'tFromNow',
+                  'description': '<p>schedule this event to happen in tFromNow seconds</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Effect',
+              'module': 'p5.sound'
+            },
+            'chain': {
+              'name': 'chain',
+              'params': [
+                {
+                  'name': 'arguments',
+                  'description': '<p>Chain together multiple sound objects</p>\n',
+                  'type': 'Object',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Effect',
+              'module': 'p5.sound'
+            },
+            'drywet': {
+              'name': 'drywet',
+              'params': [
+                {
+                  'name': 'fade',
+                  'description': '<p>The desired drywet value (0 - 1.0)</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Effect',
+              'module': 'p5.sound'
+            },
+            'connect': {
+              'name': 'connect',
+              'params': [
+                {
+                  'name': 'unit',
+                  'description': '',
+                  'type': 'Object'
+                }
+              ],
+              'class': 'p5.Effect',
+              'module': 'p5.sound'
+            },
+            'disconnect': {
+              'name': 'disconnect',
+              'class': 'p5.Effect',
+              'module': 'p5.sound'
+            }
+          },
+          'p5.Filter': {
+            'biquadFilter': {
+              'name': 'biquadFilter',
+              'class': 'p5.Filter',
+              'module': 'p5.sound'
+            },
+            'process': {
+              'name': 'process',
+              'params': [
+                {
+                  'name': 'Signal',
+                  'description': '<p>An object that outputs audio</p>\n',
+                  'type': 'Object'
+                },
+                {
+                  'name': 'freq',
+                  'description': '<p>Frequency in Hz, from 10 to 22050</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'res',
+                  'description': '<p>Resonance/Width of the filter frequency\n                      from 0.001 to 1000</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Filter',
+              'module': 'p5.sound'
+            },
+            'set': {
+              'name': 'set',
+              'params': [
+                {
+                  'name': 'freq',
+                  'description': '<p>Frequency in Hz, from 10 to 22050</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'res',
+                  'description': '<p>Resonance (Q) from 0.001 to 1000</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'timeFromNow',
+                  'description': '<p>schedule this event to happen\n                              seconds from now</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Filter',
+              'module': 'p5.sound'
+            },
+            'freq': {
+              'name': 'freq',
+              'params': [
+                {
+                  'name': 'freq',
+                  'description': '<p>Filter Frequency</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'timeFromNow',
+                  'description': '<p>schedule this event to happen\n                              seconds from now</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Filter',
+              'module': 'p5.sound'
+            },
+            'res': {
+              'name': 'res',
+              'params': [
+                {
+                  'name': 'res',
+                  'description': '<p>Resonance/Width of filter freq\n                     from 0.001 to 1000</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'timeFromNow',
+                  'description': '<p>schedule this event to happen\n                              seconds from now</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Filter',
+              'module': 'p5.sound'
+            },
+            'gain': {
+              'name': 'gain',
+              'params': [
+                {
+                  'name': 'gain',
+                  'description': '',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.Filter',
+              'module': 'p5.sound'
+            },
+            'toggle': {
+              'name': 'toggle',
+              'class': 'p5.Filter',
+              'module': 'p5.sound'
+            },
+            'setType': {
+              'name': 'setType',
+              'params': [
+                {
+                  'name': 't',
+                  'description': '',
+                  'type': 'String'
+                }
+              ],
+              'class': 'p5.Filter',
+              'module': 'p5.sound'
+            }
+          },
+          'p5.EQ': {
+            'bands': {
+              'name': 'bands',
+              'class': 'p5.EQ',
+              'module': 'p5.sound'
+            },
+            'process': {
+              'name': 'process',
+              'params': [
+                {
+                  'name': 'src',
+                  'description': '<p>Audio source</p>\n',
+                  'type': 'Object'
+                }
+              ],
+              'class': 'p5.EQ',
+              'module': 'p5.sound'
+            }
+          },
+          'p5.Panner3D': {
+            'panner': {
+              'name': 'panner',
+              'class': 'p5.Panner3D',
+              'module': 'p5.sound'
+            },
+            'process': {
+              'name': 'process',
+              'params': [
+                {
+                  'name': 'src',
+                  'description': '<p>Input source</p>\n',
+                  'type': 'Object'
+                }
+              ],
+              'class': 'p5.Panner3D',
+              'module': 'p5.sound'
+            },
+            'set': {
+              'name': 'set',
+              'params': [
+                {
+                  'name': 'xVal',
+                  'description': '',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'yVal',
+                  'description': '',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'zVal',
+                  'description': '',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'time',
+                  'description': '',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.Panner3D',
+              'module': 'p5.sound'
+            },
+            'positionX': {
+              'name': 'positionX',
+              'class': 'p5.Panner3D',
+              'module': 'p5.sound'
+            },
+            'positionY': {
+              'name': 'positionY',
+              'class': 'p5.Panner3D',
+              'module': 'p5.sound'
+            },
+            'positionZ': {
+              'name': 'positionZ',
+              'class': 'p5.Panner3D',
+              'module': 'p5.sound'
+            },
+            'orient': {
+              'name': 'orient',
+              'params': [
+                {
+                  'name': 'xVal',
+                  'description': '',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'yVal',
+                  'description': '',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'zVal',
+                  'description': '',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'time',
+                  'description': '',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.Panner3D',
+              'module': 'p5.sound'
+            },
+            'orientX': {
+              'name': 'orientX',
+              'class': 'p5.Panner3D',
+              'module': 'p5.sound'
+            },
+            'orientY': {
+              'name': 'orientY',
+              'class': 'p5.Panner3D',
+              'module': 'p5.sound'
+            },
+            'orientZ': {
+              'name': 'orientZ',
+              'class': 'p5.Panner3D',
+              'module': 'p5.sound'
+            },
+            'setFalloff': {
+              'name': 'setFalloff',
+              'params': [
+                {
+                  'name': 'maxDistance',
+                  'description': '',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'rolloffFactor',
+                  'description': '',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Panner3D',
+              'module': 'p5.sound'
+            },
+            'maxDist': {
+              'name': 'maxDist',
+              'params': [
+                {
+                  'name': 'maxDistance',
+                  'description': '',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.Panner3D',
+              'module': 'p5.sound'
+            },
+            'rollof': {
+              'name': 'rollof',
+              'params': [
+                {
+                  'name': 'rolloffFactor',
+                  'description': '',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.Panner3D',
+              'module': 'p5.sound'
+            }
+          },
+          'p5.Delay': {
+            'leftDelay': {
+              'name': 'leftDelay',
+              'class': 'p5.Delay',
+              'module': 'p5.sound'
+            },
+            'rightDelay': {
+              'name': 'rightDelay',
+              'class': 'p5.Delay',
+              'module': 'p5.sound'
+            },
+            'process': {
+              'name': 'process',
+              'params': [
+                {
+                  'name': 'Signal',
+                  'description': '<p>An object that outputs audio</p>\n',
+                  'type': 'Object'
+                },
+                {
+                  'name': 'delayTime',
+                  'description': '<p>Time (in seconds) of the delay/echo.\n                             Some browsers limit delayTime to\n                             1 second.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'feedback',
+                  'description': '<p>sends the delay back through itself\n                             in a loop that decreases in volume\n                             each time.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'lowPass',
+                  'description': '<p>Cutoff frequency. Only frequencies\n                             below the lowPass will be part of the\n                             delay.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Delay',
+              'module': 'p5.sound'
+            },
+            'delayTime': {
+              'name': 'delayTime',
+              'params': [
+                {
+                  'name': 'delayTime',
+                  'description': '<p>Time (in seconds) of the delay</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.Delay',
+              'module': 'p5.sound'
+            },
+            'feedback': {
+              'name': 'feedback',
+              'params': [
+                {
+                  'name': 'feedback',
+                  'description': '<p>0.0 to 1.0, or an object such as an\n                                Oscillator that can be used to\n                                modulate this param</p>\n',
+                  'type': 'Number|Object'
+                }
+              ],
+              'class': 'p5.Delay',
+              'module': 'p5.sound'
+            },
+            'filter': {
+              'name': 'filter',
+              'params': [
+                {
+                  'name': 'cutoffFreq',
+                  'description': '<p>A lowpass filter will cut off any\n                            frequencies higher than the filter frequency.</p>\n',
+                  'type': 'Number|Object'
+                },
+                {
+                  'name': 'res',
+                  'description': '<p>Resonance of the filter frequency\n                            cutoff, or an object (i.e. a p5.Oscillator)\n                            that can be used to modulate this parameter.\n                            High numbers (i.e. 15) will produce a resonance,\n                            low numbers (i.e. .2) will produce a slope.</p>\n',
+                  'type': 'Number|Object'
+                }
+              ],
+              'class': 'p5.Delay',
+              'module': 'p5.sound'
+            },
+            'setType': {
+              'name': 'setType',
+              'params': [
+                {
+                  'name': 'type',
+                  'description': '<p>\'pingPong\' (1) or \'default\' (0)</p>\n',
+                  'type': 'String|Number'
+                }
+              ],
+              'class': 'p5.Delay',
+              'module': 'p5.sound'
+            },
+            'amp': {
+              'name': 'amp',
+              'params': [
+                {
+                  'name': 'volume',
+                  'description': '<p>amplitude between 0 and 1.0</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'rampTime',
+                  'description': '<p>create a fade that lasts rampTime</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'timeFromNow',
+                  'description': '<p>schedule this event to happen\n                              seconds from now</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Delay',
+              'module': 'p5.sound'
+            },
+            'connect': {
+              'name': 'connect',
+              'params': [
+                {
+                  'name': 'unit',
+                  'description': '',
+                  'type': 'Object'
+                }
+              ],
+              'class': 'p5.Delay',
+              'module': 'p5.sound'
+            },
+            'disconnect': {
+              'name': 'disconnect',
+              'class': 'p5.Delay',
+              'module': 'p5.sound'
+            }
+          },
+          'p5.Reverb': {
+            'process': {
+              'name': 'process',
+              'params': [
+                {
+                  'name': 'src',
+                  'description': '<p>p5.sound / Web Audio object with a sound\n                         output.</p>\n',
+                  'type': 'Object'
+                },
+                {
+                  'name': 'seconds',
+                  'description': '<p>Duration of the reverb, in seconds.\n                         Min: 0, Max: 10. Defaults to 3.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'decayRate',
+                  'description': '<p>Percentage of decay with each echo.\n                          Min: 0, Max: 100. Defaults to 2.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'reverse',
+                  'description': '<p>Play the reverb backwards or forwards.</p>\n',
+                  'type': 'Boolean',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Reverb',
+              'module': 'p5.sound'
+            },
+            'set': {
+              'name': 'set',
+              'params': [
+                {
+                  'name': 'seconds',
+                  'description': '<p>Duration of the reverb, in seconds.\n                         Min: 0, Max: 10. Defaults to 3.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'decayRate',
+                  'description': '<p>Percentage of decay with each echo.\n                          Min: 0, Max: 100. Defaults to 2.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'reverse',
+                  'description': '<p>Play the reverb backwards or forwards.</p>\n',
+                  'type': 'Boolean',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Reverb',
+              'module': 'p5.sound'
+            },
+            'amp': {
+              'name': 'amp',
+              'params': [
+                {
+                  'name': 'volume',
+                  'description': '<p>amplitude between 0 and 1.0</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'rampTime',
+                  'description': '<p>create a fade that lasts rampTime</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'timeFromNow',
+                  'description': '<p>schedule this event to happen\n                              seconds from now</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Reverb',
+              'module': 'p5.sound'
+            },
+            'connect': {
+              'name': 'connect',
+              'params': [
+                {
+                  'name': 'unit',
+                  'description': '',
+                  'type': 'Object'
+                }
+              ],
+              'class': 'p5.Reverb',
+              'module': 'p5.sound'
+            },
+            'disconnect': {
+              'name': 'disconnect',
+              'class': 'p5.Reverb',
+              'module': 'p5.sound'
+            }
+          },
+          'p5.Convolver': {
+            'convolverNode': {
+              'name': 'convolverNode',
+              'class': 'p5.Convolver',
+              'module': 'p5.sound'
+            },
+            'impulses': {
+              'name': 'impulses',
+              'class': 'p5.Convolver',
+              'module': 'p5.sound'
+            },
+            'process': {
+              'name': 'process',
+              'params': [
+                {
+                  'name': 'src',
+                  'description': '<p>p5.sound / Web Audio object with a sound\n                         output.</p>\n',
+                  'type': 'Object'
+                }
+              ],
+              'class': 'p5.Convolver',
+              'module': 'p5.sound'
+            },
+            'addImpulse': {
+              'name': 'addImpulse',
+              'params': [
+                {
+                  'name': 'path',
+                  'description': '<p>path to a sound file</p>\n',
+                  'type': 'String'
+                },
+                {
+                  'name': 'callback',
+                  'description': '<p>function (optional)</p>\n',
+                  'type': 'Function'
+                },
+                {
+                  'name': 'errorCallback',
+                  'description': '<p>function (optional)</p>\n',
+                  'type': 'Function'
+                }
+              ],
+              'class': 'p5.Convolver',
+              'module': 'p5.sound'
+            },
+            'resetImpulse': {
+              'name': 'resetImpulse',
+              'params': [
+                {
+                  'name': 'path',
+                  'description': '<p>path to a sound file</p>\n',
+                  'type': 'String'
+                },
+                {
+                  'name': 'callback',
+                  'description': '<p>function (optional)</p>\n',
+                  'type': 'Function'
+                },
+                {
+                  'name': 'errorCallback',
+                  'description': '<p>function (optional)</p>\n',
+                  'type': 'Function'
+                }
+              ],
+              'class': 'p5.Convolver',
+              'module': 'p5.sound'
+            },
+            'toggleImpulse': {
+              'name': 'toggleImpulse',
+              'params': [
+                {
+                  'name': 'id',
+                  'description': '<p>Identify the impulse by its original filename\n                          (String), or by its position in the\n                          <code>.impulses</code> Array (Number).</p>\n',
+                  'type': 'String|Number'
+                }
+              ],
+              'class': 'p5.Convolver',
+              'module': 'p5.sound'
+            }
+          },
+          'p5.Phrase': {
+            'sequence': {
+              'name': 'sequence',
+              'class': 'p5.Phrase',
+              'module': 'p5.sound'
+            }
+          },
+          'p5.Part': {
+            'setBPM': {
+              'name': 'setBPM',
+              'params': [
+                {
+                  'name': 'BPM',
+                  'description': '<p>Beats Per Minute</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'rampTime',
+                  'description': '<p>Seconds from now</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Part',
+              'module': 'p5.sound'
+            },
+            'getBPM': {
+              'name': 'getBPM',
+              'class': 'p5.Part',
+              'module': 'p5.sound'
+            },
+            'start': {
+              'name': 'start',
+              'params': [
+                {
+                  'name': 'time',
+                  'description': '<p>seconds from now</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Part',
+              'module': 'p5.sound'
+            },
+            'loop': {
+              'name': 'loop',
+              'params': [
+                {
+                  'name': 'time',
+                  'description': '<p>seconds from now</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Part',
+              'module': 'p5.sound'
+            },
+            'noLoop': {
+              'name': 'noLoop',
+              'class': 'p5.Part',
+              'module': 'p5.sound'
+            },
+            'stop': {
+              'name': 'stop',
+              'params': [
+                {
+                  'name': 'time',
+                  'description': '<p>seconds from now</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Part',
+              'module': 'p5.sound'
+            },
+            'pause': {
+              'name': 'pause',
+              'params': [
+                {
+                  'name': 'time',
+                  'description': '<p>seconds from now</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.Part',
+              'module': 'p5.sound'
+            },
+            'addPhrase': {
+              'name': 'addPhrase',
+              'params': [
+                {
+                  'name': 'phrase',
+                  'description': '<p>reference to a p5.Phrase</p>\n',
+                  'type': 'p5.Phrase'
+                }
+              ],
+              'class': 'p5.Part',
+              'module': 'p5.sound'
+            },
+            'removePhrase': {
+              'name': 'removePhrase',
+              'params': [
+                {
+                  'name': 'phraseName',
+                  'description': '',
+                  'type': 'String'
+                }
+              ],
+              'class': 'p5.Part',
+              'module': 'p5.sound'
+            },
+            'getPhrase': {
+              'name': 'getPhrase',
+              'params': [
+                {
+                  'name': 'phraseName',
+                  'description': '',
+                  'type': 'String'
+                }
+              ],
+              'class': 'p5.Part',
+              'module': 'p5.sound'
+            },
+            'replaceSequence': {
+              'name': 'replaceSequence',
+              'params': [
+                {
+                  'name': 'phraseName',
+                  'description': '',
+                  'type': 'String'
+                },
+                {
+                  'name': 'sequence',
+                  'description': '<p>Array of values to pass into the callback\n                          at each step of the phrase.</p>\n',
+                  'type': 'Array'
+                }
+              ],
+              'class': 'p5.Part',
+              'module': 'p5.sound'
+            },
+            'onStep': {
+              'name': 'onStep',
+              'params': [
+                {
+                  'name': 'callback',
+                  'description': '<p>The name of the callback\n                            you want to fire\n                            on every beat/tatum.</p>\n',
+                  'type': 'Function'
+                }
+              ],
+              'class': 'p5.Part',
+              'module': 'p5.sound'
+            }
+          },
+          'p5.Score': {
+            'start': {
+              'name': 'start',
+              'class': 'p5.Score',
+              'module': 'p5.sound'
+            },
+            'stop': {
+              'name': 'stop',
+              'class': 'p5.Score',
+              'module': 'p5.sound'
+            },
+            'pause': {
+              'name': 'pause',
+              'class': 'p5.Score',
+              'module': 'p5.sound'
+            },
+            'loop': {
+              'name': 'loop',
+              'class': 'p5.Score',
+              'module': 'p5.sound'
+            },
+            'noLoop': {
+              'name': 'noLoop',
+              'class': 'p5.Score',
+              'module': 'p5.sound'
+            },
+            'setBPM': {
+              'name': 'setBPM',
+              'params': [
+                {
+                  'name': 'BPM',
+                  'description': '<p>Beats Per Minute</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'rampTime',
+                  'description': '<p>Seconds from now</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.Score',
+              'module': 'p5.sound'
+            }
+          },
+          'p5.SoundLoop': {
+            'bpm': {
+              'name': 'bpm',
+              'class': 'p5.SoundLoop',
+              'module': 'p5.sound'
+            },
+            'timeSignature': {
+              'name': 'timeSignature',
+              'class': 'p5.SoundLoop',
+              'module': 'p5.sound'
+            },
+            'interval': {
+              'name': 'interval',
+              'class': 'p5.SoundLoop',
+              'module': 'p5.sound'
+            },
+            'iterations': {
+              'name': 'iterations',
+              'class': 'p5.SoundLoop',
+              'module': 'p5.sound'
+            },
+            'musicalTimeMode': {
+              'name': 'musicalTimeMode',
+              'class': 'p5.SoundLoop',
+              'module': 'p5.sound'
+            },
+            'maxIterations': {
+              'name': 'maxIterations',
+              'class': 'p5.SoundLoop',
+              'module': 'p5.sound'
+            },
+            'start': {
+              'name': 'start',
+              'params': [
+                {
+                  'name': 'timeFromNow',
+                  'description': '<p>schedule a starting time</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.SoundLoop',
+              'module': 'p5.sound'
+            },
+            'stop': {
+              'name': 'stop',
+              'params': [
+                {
+                  'name': 'timeFromNow',
+                  'description': '<p>schedule a stopping time</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.SoundLoop',
+              'module': 'p5.sound'
+            },
+            'pause': {
+              'name': 'pause',
+              'params': [
+                {
+                  'name': 'timeFromNow',
+                  'description': '<p>schedule a pausing time</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.SoundLoop',
+              'module': 'p5.sound'
+            },
+            'syncedStart': {
+              'name': 'syncedStart',
+              'params': [
+                {
+                  'name': 'otherLoop',
+                  'description': '<p>a p5.SoundLoop to sync with</p>\n',
+                  'type': 'Object'
+                },
+                {
+                  'name': 'timeFromNow',
+                  'description': '<p>Start the loops in sync after timeFromNow seconds</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.SoundLoop',
+              'module': 'p5.sound'
+            }
+          },
+          'p5.Compressor': {
+            'compressor': {
+              'name': 'compressor',
+              'class': 'p5.Compressor',
+              'module': 'p5.sound'
+            },
+            'process': {
+              'name': 'process',
+              'params': [
+                {
+                  'name': 'src',
+                  'description': '<p>Sound source to be connected</p>\n',
+                  'type': 'Object'
+                },
+                {
+                  'name': 'attack',
+                  'description': '<p>The amount of time (in seconds) to reduce the gain by 10dB,\n                           default = .003, range 0 - 1</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'knee',
+                  'description': '<p>A decibel value representing the range above the\n                           threshold where the curve smoothly transitions to the "ratio" portion.\n                           default = 30, range 0 - 40</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'ratio',
+                  'description': '<p>The amount of dB change in input for a 1 dB change in output\n                           default = 12, range 1 - 20</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'threshold',
+                  'description': '<p>The decibel value above which the compression will start taking effect\n                           default = -24, range -100 - 0</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'release',
+                  'description': '<p>The amount of time (in seconds) to increase the gain by 10dB\n                           default = .25, range 0 - 1</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Compressor',
+              'module': 'p5.sound'
+            },
+            'set': {
+              'name': 'set',
+              'params': [
+                {
+                  'name': 'attack',
+                  'description': '<p>The amount of time (in seconds) to reduce the gain by 10dB,\n                           default = .003, range 0 - 1</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'knee',
+                  'description': '<p>A decibel value representing the range above the\n                           threshold where the curve smoothly transitions to the "ratio" portion.\n                           default = 30, range 0 - 40</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'ratio',
+                  'description': '<p>The amount of dB change in input for a 1 dB change in output\n                           default = 12, range 1 - 20</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'threshold',
+                  'description': '<p>The decibel value above which the compression will start taking effect\n                           default = -24, range -100 - 0</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'release',
+                  'description': '<p>The amount of time (in seconds) to increase the gain by 10dB\n                           default = .25, range 0 - 1</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'class': 'p5.Compressor',
+              'module': 'p5.sound'
+            },
+            'attack': {
+              'name': 'attack',
+              'params': [
+                {
+                  'name': 'attack',
+                  'description': '<p>Attack is the amount of time (in seconds) to reduce the gain by 10dB,\n                         default = .003, range 0 - 1</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'time',
+                  'description': '<p>Assign time value to schedule the change in value</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Compressor',
+              'module': 'p5.sound'
+            },
+            'knee': {
+              'name': 'knee',
+              'params': [
+                {
+                  'name': 'knee',
+                  'description': '<p>A decibel value representing the range above the\n                       threshold where the curve smoothly transitions to the "ratio" portion.\n                       default = 30, range 0 - 40</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'time',
+                  'description': '<p>Assign time value to schedule the change in value</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Compressor',
+              'module': 'p5.sound'
+            },
+            'ratio': {
+              'name': 'ratio',
+              'params': [
+                {
+                  'name': 'ratio',
+                  'description': '<p>The amount of dB change in input for a 1 dB change in output\n                           default = 12, range 1 - 20</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'time',
+                  'description': '<p>Assign time value to schedule the change in value</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Compressor',
+              'module': 'p5.sound'
+            },
+            'threshold': {
+              'name': 'threshold',
+              'params': [
+                {
+                  'name': 'threshold',
+                  'description': '<p>The decibel value above which the compression will start taking effect\n                           default = -24, range -100 - 0</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'time',
+                  'description': '<p>Assign time value to schedule the change in value</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Compressor',
+              'module': 'p5.sound'
+            },
+            'release': {
+              'name': 'release',
+              'params': [
+                {
+                  'name': 'release',
+                  'description': '<p>The amount of time (in seconds) to increase the gain by 10dB\n                           default = .25, range 0 - 1</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'time',
+                  'description': '<p>Assign time value to schedule the change in value</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Compressor',
+              'module': 'p5.sound'
+            },
+            'reduction': {
+              'name': 'reduction',
+              'class': 'p5.Compressor',
+              'module': 'p5.sound'
+            }
+          },
+          'p5.PeakDetect': {
+            'isDetected': {
+              'name': 'isDetected',
+              'class': 'p5.PeakDetect',
+              'module': 'p5.sound'
+            },
+            'update': {
+              'name': 'update',
+              'params': [
+                {
+                  'name': 'fftObject',
+                  'description': '<p>A p5.FFT object</p>\n',
+                  'type': 'p5.FFT'
+                }
+              ],
+              'class': 'p5.PeakDetect',
+              'module': 'p5.sound'
+            },
+            'onPeak': {
+              'name': 'onPeak',
+              'params': [
+                {
+                  'name': 'callback',
+                  'description': '<p>Name of a function that will\n                            be called when a peak is\n                            detected.</p>\n',
+                  'type': 'Function'
+                },
+                {
+                  'name': 'val',
+                  'description': '<p>Optional value to pass\n                            into the function when\n                            a peak is detected.</p>\n',
+                  'type': 'Object',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.PeakDetect',
+              'module': 'p5.sound'
+            }
+          },
+          'p5.SoundRecorder': {
+            'setInput': {
+              'name': 'setInput',
+              'params': [
+                {
+                  'name': 'unit',
+                  'description': '<p>p5.sound object or a web audio unit\n                       that outputs sound</p>\n',
+                  'type': 'Object',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.SoundRecorder',
+              'module': 'p5.sound'
+            },
+            'record': {
+              'name': 'record',
+              'params': [
+                {
+                  'name': 'soundFile',
+                  'description': '<p>p5.SoundFile</p>\n',
+                  'type': 'p5.SoundFile'
+                },
+                {
+                  'name': 'duration',
+                  'description': '<p>Time (in seconds)</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'callback',
+                  'description': '<p>The name of a function that will be\n                              called once the recording completes</p>\n',
+                  'type': 'Function',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.SoundRecorder',
+              'module': 'p5.sound'
+            },
+            'stop': {
+              'name': 'stop',
+              'class': 'p5.SoundRecorder',
+              'module': 'p5.sound'
+            }
+          },
+          'p5.Distortion': {
+            'WaveShaperNode': {
+              'name': 'WaveShaperNode',
+              'class': 'p5.Distortion',
+              'module': 'p5.sound'
+            },
+            'process': {
+              'name': 'process',
+              'params': [
+                {
+                  'name': 'amount',
+                  'description': '<p>Unbounded distortion amount.\n                               Normal values range from 0-1.</p>\n',
+                  'type': 'Number',
+                  'optional': true,
+                  'optdefault': '0.25'
+                },
+                {
+                  'name': 'oversample',
+                  'description': '<p>\'none\', \'2x\', or \'4x\'.</p>\n',
+                  'type': 'String',
+                  'optional': true,
+                  'optdefault': '\'none\''
+                }
+              ],
+              'class': 'p5.Distortion',
+              'module': 'p5.sound'
+            },
+            'set': {
+              'name': 'set',
+              'params': [
+                {
+                  'name': 'amount',
+                  'description': '<p>Unbounded distortion amount.\n                               Normal values range from 0-1.</p>\n',
+                  'type': 'Number',
+                  'optional': true,
+                  'optdefault': '0.25'
+                },
+                {
+                  'name': 'oversample',
+                  'description': '<p>\'none\', \'2x\', or \'4x\'.</p>\n',
+                  'type': 'String',
+                  'optional': true,
+                  'optdefault': '\'none\''
+                }
+              ],
+              'class': 'p5.Distortion',
+              'module': 'p5.sound'
+            },
+            'getAmount': {
+              'name': 'getAmount',
+              'class': 'p5.Distortion',
+              'module': 'p5.sound'
+            },
+            'getOversample': {
+              'name': 'getOversample',
+              'class': 'p5.Distortion',
+              'module': 'p5.sound'
+            }
+          },
+          'p5.Gain': {
+            'setInput': {
+              'name': 'setInput',
+              'params': [
+                {
+                  'name': 'src',
+                  'description': '<p>p5.sound / Web Audio object with a sound\n                         output.</p>\n',
+                  'type': 'Object'
+                }
+              ],
+              'class': 'p5.Gain',
+              'module': 'p5.sound'
+            },
+            'connect': {
+              'name': 'connect',
+              'params': [
+                {
+                  'name': 'unit',
+                  'description': '',
+                  'type': 'Object'
+                }
+              ],
+              'class': 'p5.Gain',
+              'module': 'p5.sound'
+            },
+            'disconnect': {
+              'name': 'disconnect',
+              'class': 'p5.Gain',
+              'module': 'p5.sound'
+            },
+            'amp': {
+              'name': 'amp',
+              'params': [
+                {
+                  'name': 'volume',
+                  'description': '<p>amplitude between 0 and 1.0</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'rampTime',
+                  'description': '<p>create a fade that lasts rampTime</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'timeFromNow',
+                  'description': '<p>schedule this event to happen\n                              seconds from now</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.Gain',
+              'module': 'p5.sound'
+            }
+          },
+          'p5.AudioVoice': {
+            'connect': {
+              'name': 'connect',
+              'params': [
+                {
+                  'name': 'unit',
+                  'description': '',
+                  'type': 'Object'
+                }
+              ],
+              'class': 'p5.AudioVoice',
+              'module': 'p5.sound'
+            },
+            'disconnect': {
+              'name': 'disconnect',
+              'class': 'p5.AudioVoice',
+              'module': 'p5.sound'
+            }
+          },
+          'p5.MonoSynth': {
+            'attack': {
+              'name': 'attack',
+              'class': 'p5.MonoSynth',
+              'module': 'p5.sound'
+            },
+            'decay': {
+              'name': 'decay',
+              'class': 'p5.MonoSynth',
+              'module': 'p5.sound'
+            },
+            'sustain': {
+              'name': 'sustain',
+              'class': 'p5.MonoSynth',
+              'module': 'p5.sound'
+            },
+            'release': {
+              'name': 'release',
+              'class': 'p5.MonoSynth',
+              'module': 'p5.sound'
+            },
+            'play': {
+              'name': 'play',
+              'params': [
+                {
+                  'name': 'note',
+                  'description': '<p>the note you want to play, specified as a\n                               frequency in Hertz (Number) or as a midi\n                               value in Note/Octave format ("C4", "Eb3"...etc")\n                               See <a href = "https://github.com/Tonejs/Tone.js/wiki/Instruments">\n                               Tone</a>. Defaults to 440 hz.</p>\n',
+                  'type': 'String | Number'
+                },
+                {
+                  'name': 'velocity',
+                  'description': '<p>velocity of the note to play (ranging from 0 to 1)</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'secondsFromNow',
+                  'description': '<p>time from now (in seconds) at which to play</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'sustainTime',
+                  'description': '<p>time to sustain before releasing the envelope. Defaults to 0.15 seconds.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.MonoSynth',
+              'module': 'p5.sound'
+            },
+            'triggerAttack': {
+              'params': [
+                {
+                  'name': 'note',
+                  'description': '<p>the note you want to play, specified as a\n                               frequency in Hertz (Number) or as a midi\n                               value in Note/Octave format ("C4", "Eb3"...etc")\n                               See <a href = "https://github.com/Tonejs/Tone.js/wiki/Instruments">\n                               Tone</a>. Defaults to 440 hz</p>\n',
+                  'type': 'String | Number'
+                },
+                {
+                  'name': 'velocity',
+                  'description': '<p>velocity of the note to play (ranging from 0 to 1)</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'secondsFromNow',
+                  'description': '<p>time from now (in seconds) at which to play</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'name': 'triggerAttack',
+              'class': 'p5.MonoSynth',
+              'module': 'p5.sound'
+            },
+            'triggerRelease': {
+              'params': [
+                {
+                  'name': 'secondsFromNow',
+                  'description': '<p>time to trigger the release</p>\n',
+                  'type': 'Number'
+                }
+              ],
+              'name': 'triggerRelease',
+              'class': 'p5.MonoSynth',
+              'module': 'p5.sound'
+            },
+            'setADSR': {
+              'name': 'setADSR',
+              'params': [
+                {
+                  'name': 'attackTime',
+                  'description': '<p>Time (in seconds before envelope\n                              reaches Attack Level</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'decayTime',
+                  'description': '<p>Time (in seconds) before envelope\n                              reaches Decay/Sustain Level</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'susRatio',
+                  'description': '<p>Ratio between attackLevel and releaseLevel, on a scale from 0 to 1,\n                              where 1.0 = attackLevel, 0.0 = releaseLevel.\n                              The susRatio determines the decayLevel and the level at which the\n                              sustain portion of the envelope will sustain.\n                              For example, if attackLevel is 0.4, releaseLevel is 0,\n                              and susAmt is 0.5, the decayLevel would be 0.2. If attackLevel is\n                              increased to 1.0 (using <code>setRange</code>),\n                              then decayLevel would increase proportionally, to become 0.5.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'releaseTime',
+                  'description': '<p>Time in seconds from now (defaults to 0)</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.MonoSynth',
+              'module': 'p5.sound'
+            },
+            'amp': {
+              'name': 'amp',
+              'params': [
+                {
+                  'name': 'vol',
+                  'description': '<p>desired volume</p>\n',
+                  'type': 'Number'
+                },
+                {
+                  'name': 'rampTime',
+                  'description': '<p>Time to reach new volume</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.MonoSynth',
+              'module': 'p5.sound'
+            },
+            'connect': {
+              'name': 'connect',
+              'params': [
+                {
+                  'name': 'unit',
+                  'description': '<p>A p5.sound or Web Audio object</p>\n',
+                  'type': 'Object'
+                }
+              ],
+              'class': 'p5.MonoSynth',
+              'module': 'p5.sound'
+            },
+            'disconnect': {
+              'name': 'disconnect',
+              'class': 'p5.MonoSynth',
+              'module': 'p5.sound'
+            },
+            'dispose': {
+              'name': 'dispose',
+              'class': 'p5.MonoSynth',
+              'module': 'p5.sound'
+            }
+          },
+          'p5.PolySynth': {
+            'notes': {
+              'name': 'notes',
+              'class': 'p5.PolySynth',
+              'module': 'p5.sound'
+            },
+            'polyvalue': {
+              'name': 'polyvalue',
+              'class': 'p5.PolySynth',
+              'module': 'p5.sound'
+            },
+            'AudioVoice': {
+              'name': 'AudioVoice',
+              'class': 'p5.PolySynth',
+              'module': 'p5.sound'
+            },
+            'play': {
+              'name': 'play',
+              'params': [
+                {
+                  'name': 'note',
+                  'description': '<p>midi note to play (ranging from 0 to 127 - 60 being a middle C)</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'velocity',
+                  'description': '<p>velocity of the note to play (ranging from 0 to 1)</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'secondsFromNow',
+                  'description': '<p>time from now (in seconds) at which to play</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'sustainTime',
+                  'description': '<p>time to sustain before releasing the envelope</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.PolySynth',
+              'module': 'p5.sound'
+            },
+            'noteADSR': {
+              'name': 'noteADSR',
+              'params': [
+                {
+                  'name': 'note',
+                  'description': '<p>Midi note on which ADSR should be set.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'attackTime',
+                  'description': '<p>Time (in seconds before envelope\n                              reaches Attack Level</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'decayTime',
+                  'description': '<p>Time (in seconds) before envelope\n                              reaches Decay/Sustain Level</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'susRatio',
+                  'description': '<p>Ratio between attackLevel and releaseLevel, on a scale from 0 to 1,\n                              where 1.0 = attackLevel, 0.0 = releaseLevel.\n                              The susRatio determines the decayLevel and the level at which the\n                              sustain portion of the envelope will sustain.\n                              For example, if attackLevel is 0.4, releaseLevel is 0,\n                              and susAmt is 0.5, the decayLevel would be 0.2. If attackLevel is\n                              increased to 1.0 (using <code>setRange</code>),\n                              then decayLevel would increase proportionally, to become 0.5.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'releaseTime',
+                  'description': '<p>Time in seconds from now (defaults to 0)</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.PolySynth',
+              'module': 'p5.sound'
+            },
+            'setADSR': {
+              'name': 'setADSR',
+              'params': [
+                {
+                  'name': 'attackTime',
+                  'description': '<p>Time (in seconds before envelope\n                               reaches Attack Level</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'decayTime',
+                  'description': '<p>Time (in seconds) before envelope\n                               reaches Decay/Sustain Level</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'susRatio',
+                  'description': '<p>Ratio between attackLevel and releaseLevel, on a scale from 0 to 1,\n                               where 1.0 = attackLevel, 0.0 = releaseLevel.\n                               The susRatio determines the decayLevel and the level at which the\n                               sustain portion of the envelope will sustain.\n                               For example, if attackLevel is 0.4, releaseLevel is 0,\n                               and susAmt is 0.5, the decayLevel would be 0.2. If attackLevel is\n                               increased to 1.0 (using <code>setRange</code>),\n                               then decayLevel would increase proportionally, to become 0.5.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'releaseTime',
+                  'description': '<p>Time in seconds from now (defaults to 0)</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.PolySynth',
+              'module': 'p5.sound'
+            },
+            'noteAttack': {
+              'name': 'noteAttack',
+              'params': [
+                {
+                  'name': 'note',
+                  'description': '<p>midi note on which attack should be triggered.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'velocity',
+                  'description': '<p>velocity of the note to play (ranging from 0 to 1)/</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'secondsFromNow',
+                  'description': '<p>time from now (in seconds)</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.PolySynth',
+              'module': 'p5.sound'
+            },
+            'noteRelease': {
+              'name': 'noteRelease',
+              'params': [
+                {
+                  'name': 'note',
+                  'description': '<p>midi note on which attack should be triggered.\n                                  If no value is provided, all notes will be released.</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                },
+                {
+                  'name': 'secondsFromNow',
+                  'description': '<p>time to trigger the release</p>\n',
+                  'type': 'Number',
+                  'optional': true
+                }
+              ],
+              'class': 'p5.PolySynth',
+              'module': 'p5.sound'
+            },
+            'connect': {
+              'name': 'connect',
+              'params': [
+                {
+                  'name': 'unit',
+                  'description': '<p>A p5.sound or Web Audio object</p>\n',
+                  'type': 'Object'
+                }
+              ],
+              'class': 'p5.PolySynth',
+              'module': 'p5.sound'
+            },
+            'disconnect': {
+              'name': 'disconnect',
+              'class': 'p5.PolySynth',
+              'module': 'p5.sound'
+            },
+            'dispose': {
+              'name': 'dispose',
+              'class': 'p5.PolySynth',
+              'module': 'p5.sound'
+            }
+          }
+        }
+      },
+      {
+      }
+    ],
+    2: [
+      function (_dereq_, module, exports) {
+        function _arrayWithHoles(arr) {
+          if (Array.isArray(arr)) return arr;
+        }
+        module.exports = _arrayWithHoles;
+      },
+      {
+      }
+    ],
+    3: [
+      function (_dereq_, module, exports) {
+        function _arrayWithoutHoles(arr) {
+          if (Array.isArray(arr)) {
+            for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) {
+              arr2[i] = arr[i];
+            }
+            return arr2;
+          }
+        }
+        module.exports = _arrayWithoutHoles;
+      },
+      {
+      }
+    ],
+    4: [
+      function (_dereq_, module, exports) {
+        function _assertThisInitialized(self) {
+          if (self === void 0) {
+            throw new ReferenceError('this hasn\'t been initialised - super() hasn\'t been called');
+          }
+          return self;
+        }
+        module.exports = _assertThisInitialized;
+      },
+      {
+      }
+    ],
+    5: [
+      function (_dereq_, module, exports) {
+        function _classCallCheck(instance, Constructor) {
+          if (!(instance instanceof Constructor)) {
+            throw new TypeError('Cannot call a class as a function');
+          }
+        }
+        module.exports = _classCallCheck;
+      },
+      {
+      }
+    ],
+    6: [
+      function (_dereq_, module, exports) {
+        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;
+        }
+        module.exports = _createClass;
+      },
+      {
+      }
+    ],
+    7: [
+      function (_dereq_, module, exports) {
+        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;
+        }
+        module.exports = _defineProperty;
+      },
+      {
+      }
+    ],
+    8: [
+      function (_dereq_, module, exports) {
+        function _getPrototypeOf(o) {
+          module.exports = _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+            return o.__proto__ || Object.getPrototypeOf(o);
+          };
+          return _getPrototypeOf(o);
+        }
+        module.exports = _getPrototypeOf;
+      },
+      {
+      }
+    ],
+    9: [
+      function (_dereq_, module, exports) {
+        var setPrototypeOf = _dereq_('./setPrototypeOf');
+        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);
+        }
+        module.exports = _inherits;
+      },
+      {
+        './setPrototypeOf': 16
+      }
+    ],
+    10: [
+      function (_dereq_, module, exports) {
+        function _iterableToArray(iter) {
+          if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === '[object Arguments]') return Array.from(iter);
+        }
+        module.exports = _iterableToArray;
+      },
+      {
+      }
+    ],
+    11: [
+      function (_dereq_, module, exports) {
+        function _iterableToArrayLimit(arr, i) {
+          var _arr = [
+          ];
+          var _n = true;
+          var _d = false;
+          var _e = undefined;
+          try {
+            for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+              _arr.push(_s.value);
+              if (i && _arr.length === i) break;
+            }
+          } catch (err) {
+            _d = true;
+            _e = err;
+          } finally {
+            try {
+              if (!_n && _i['return'] != null) _i['return']();
+            } finally {
+              if (_d) throw _e;
+            }
+          }
+          return _arr;
+        }
+        module.exports = _iterableToArrayLimit;
+      },
+      {
+      }
+    ],
+    12: [
+      function (_dereq_, module, exports) {
+        function _nonIterableRest() {
+          throw new TypeError('Invalid attempt to destructure non-iterable instance');
+        }
+        module.exports = _nonIterableRest;
+      },
+      {
+      }
+    ],
+    13: [
+      function (_dereq_, module, exports) {
+        function _nonIterableSpread() {
+          throw new TypeError('Invalid attempt to spread non-iterable instance');
+        }
+        module.exports = _nonIterableSpread;
+      },
+      {
+      }
+    ],
+    14: [
+      function (_dereq_, module, exports) {
+        var defineProperty = _dereq_('./defineProperty');
+        function _objectSpread(target) {
+          for (var i = 1; i < arguments.length; i++) {
+            var source = arguments[i] != null ? arguments[i] : {
+            };
+            var ownKeys = Object.keys(source);
+            if (typeof Object.getOwnPropertySymbols === 'function') {
+              ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+              }));
+            }
+            ownKeys.forEach(function (key) {
+              defineProperty(target, key, source[key]);
+            });
+          }
+          return target;
+        }
+        module.exports = _objectSpread;
+      },
+      {
+        './defineProperty': 7
+      }
+    ],
+    15: [
+      function (_dereq_, module, exports) {
+        var _typeof = _dereq_('../helpers/typeof');
+        var assertThisInitialized = _dereq_('./assertThisInitialized');
+        function _possibleConstructorReturn(self, call) {
+          if (call && (_typeof(call) === 'object' || typeof call === 'function')) {
+            return call;
+          }
+          return assertThisInitialized(self);
+        }
+        module.exports = _possibleConstructorReturn;
+      },
+      {
+        '../helpers/typeof': 19,
+        './assertThisInitialized': 4
+      }
+    ],
+    16: [
+      function (_dereq_, module, exports) {
+        function _setPrototypeOf(o, p) {
+          module.exports = _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+            o.__proto__ = p;
+            return o;
+          };
+          return _setPrototypeOf(o, p);
+        }
+        module.exports = _setPrototypeOf;
+      },
+      {
+      }
+    ],
+    17: [
+      function (_dereq_, module, exports) {
+        var arrayWithHoles = _dereq_('./arrayWithHoles');
+        var iterableToArrayLimit = _dereq_('./iterableToArrayLimit');
+        var nonIterableRest = _dereq_('./nonIterableRest');
+        function _slicedToArray(arr, i) {
+          return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || nonIterableRest();
+        }
+        module.exports = _slicedToArray;
+      },
+      {
+        './arrayWithHoles': 2,
+        './iterableToArrayLimit': 11,
+        './nonIterableRest': 12
+      }
+    ],
+    18: [
+      function (_dereq_, module, exports) {
+        var arrayWithoutHoles = _dereq_('./arrayWithoutHoles');
+        var iterableToArray = _dereq_('./iterableToArray');
+        var nonIterableSpread = _dereq_('./nonIterableSpread');
+        function _toConsumableArray(arr) {
+          return arrayWithoutHoles(arr) || iterableToArray(arr) || nonIterableSpread();
+        }
+        module.exports = _toConsumableArray;
+      },
+      {
+        './arrayWithoutHoles': 3,
+        './iterableToArray': 10,
+        './nonIterableSpread': 13
+      }
+    ],
+    19: [
+      function (_dereq_, module, exports) {
+        function _typeof2(obj) {
+          if (typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol') {
+            _typeof2 = function _typeof2(obj) {
+              return typeof obj;
+            };
+          } else {
+            _typeof2 = function _typeof2(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj;
+            };
+          }
+          return _typeof2(obj);
+        }
+        function _typeof(obj) {
+          if (typeof Symbol === 'function' && _typeof2(Symbol.iterator) === 'symbol') {
+            module.exports = _typeof = function _typeof(obj) {
+              return _typeof2(obj);
+            };
+          } else {
+            module.exports = _typeof = function _typeof(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : _typeof2(obj);
+            };
+          }
+          return _typeof(obj);
+        }
+        module.exports = _typeof;
+      },
+      {
+      }
+    ],
+    20: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        exports.byteLength = byteLength;
+        exports.toByteArray = toByteArray;
+        exports.fromByteArray = fromByteArray;
+        var lookup = [
+        ];
+        var revLookup = [
+        ];
+        var Arr = typeof Uint8Array !== 'undefined' ? Uint8Array : Array;
+        var code = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
+        for (var i = 0, len = code.length; i < len; ++i) {
+          lookup[i] = code[i];
+          revLookup[code.charCodeAt(i)] = i;
+        }        // Support decoding URL-safe base64 strings, as Node.js does.
+        // See: https://en.wikipedia.org/wiki/Base64#URL_applications
+
+        revLookup['-'.charCodeAt(0)] = 62;
+        revLookup['_'.charCodeAt(0)] = 63;
+        function getLens(b64) {
+          var len = b64.length;
+          if (len % 4 > 0) {
+            throw new Error('Invalid string. Length must be a multiple of 4');
+          }          // Trim off extra bytes after placeholder bytes are found
+          // See: https://github.com/beatgammit/base64-js/issues/42
+
+          var validLen = b64.indexOf('=');
+          if (validLen === - 1) validLen = len;
+          var placeHoldersLen = validLen === len ? 0 : 4 - validLen % 4;
+          return [validLen,
+          placeHoldersLen];
+        }        // base64 is 4/3 + up to two characters of the original data
+
+        function byteLength(b64) {
+          var lens = getLens(b64);
+          var validLen = lens[0];
+          var placeHoldersLen = lens[1];
+          return (validLen + placeHoldersLen) * 3 / 4 - placeHoldersLen;
+        }
+        function _byteLength(b64, validLen, placeHoldersLen) {
+          return (validLen + placeHoldersLen) * 3 / 4 - placeHoldersLen;
+        }
+        function toByteArray(b64) {
+          var tmp;
+          var lens = getLens(b64);
+          var validLen = lens[0];
+          var placeHoldersLen = lens[1];
+          var arr = new Arr(_byteLength(b64, validLen, placeHoldersLen));
+          var curByte = 0;
+          // if there are placeholders, only get up to the last complete 4 chars
+          var len = placeHoldersLen > 0 ? validLen - 4 : validLen;
+          var i;
+          for (i = 0; i < len; i += 4) {
+            tmp = revLookup[b64.charCodeAt(i)] << 18 | revLookup[b64.charCodeAt(i + 1)] << 12 | revLookup[b64.charCodeAt(i + 2)] << 6 | revLookup[b64.charCodeAt(i + 3)];
+            arr[curByte++] = tmp >> 16 & 255;
+            arr[curByte++] = tmp >> 8 & 255;
+            arr[curByte++] = tmp & 255;
+          }
+          if (placeHoldersLen === 2) {
+            tmp = revLookup[b64.charCodeAt(i)] << 2 | revLookup[b64.charCodeAt(i + 1)] >> 4;
+            arr[curByte++] = tmp & 255;
+          }
+          if (placeHoldersLen === 1) {
+            tmp = revLookup[b64.charCodeAt(i)] << 10 | revLookup[b64.charCodeAt(i + 1)] << 4 | revLookup[b64.charCodeAt(i + 2)] >> 2;
+            arr[curByte++] = tmp >> 8 & 255;
+            arr[curByte++] = tmp & 255;
+          }
+          return arr;
+        }
+        function tripletToBase64(num) {
+          return lookup[num >> 18 & 63] + lookup[num >> 12 & 63] + lookup[num >> 6 & 63] + lookup[num & 63];
+        }
+        function encodeChunk(uint8, start, end) {
+          var tmp;
+          var output = [
+          ];
+          for (var i = start; i < end; i += 3) {
+            tmp = (uint8[i] << 16 & 16711680) + (uint8[i + 1] << 8 & 65280) + (uint8[i + 2] & 255);
+            output.push(tripletToBase64(tmp));
+          }
+          return output.join('');
+        }
+        function fromByteArray(uint8) {
+          var tmp;
+          var len = uint8.length;
+          var extraBytes = len % 3; // if we have 1 byte left, pad 2 bytes
+          var parts = [
+          ];
+          var maxChunkLength = 16383; // must be multiple of 3
+          // go through the array every three bytes, we'll deal with trailing stuff later
+          for (var i = 0, len2 = len - extraBytes; i < len2; i += maxChunkLength) {
+            parts.push(encodeChunk(uint8, i, i + maxChunkLength > len2 ? len2 : i + maxChunkLength));
+          }          // pad the end with zeros, but make sure to not forget the extra bytes
+
+          if (extraBytes === 1) {
+            tmp = uint8[len - 1];
+            parts.push(lookup[tmp >> 2] + lookup[tmp << 4 & 63] + '==');
+          } else if (extraBytes === 2) {
+            tmp = (uint8[len - 2] << 8) + uint8[len - 1];
+            parts.push(lookup[tmp >> 10] + lookup[tmp >> 4 & 63] + lookup[tmp << 2 & 63] + '=');
+          }
+          return parts.join('');
+        }
+      },
+      {
+      }
+    ],
+    21: [
+      function (_dereq_, module, exports) {
+      },
+      {
+      }
+    ],
+    22: [
+      function (_dereq_, module, exports) {
+        (function (Buffer) {
+          /*!
+ * The buffer module from node.js, for the browser.
+ *
+ * @author   Feross Aboukhadijeh <https://feross.org>
+ * @license  MIT
+ */
+          /* eslint-disable no-proto */
+          'use strict';
+          var base64 = _dereq_('base64-js');
+          var ieee754 = _dereq_('ieee754');
+          var customInspectSymbol = typeof Symbol === 'function' && typeof Symbol.for === 'function' ? Symbol.for('nodejs.util.inspect.custom') : null;
+          exports.Buffer = Buffer;
+          exports.SlowBuffer = SlowBuffer;
+          exports.INSPECT_MAX_BYTES = 50;
+          var K_MAX_LENGTH = 2147483647;
+          exports.kMaxLength = K_MAX_LENGTH;
+          /**
+ * If `Buffer.TYPED_ARRAY_SUPPORT`:
+ *   === true    Use Uint8Array implementation (fastest)
+ *   === false   Print warning and recommend using `buffer` v4.x which has an Object
+ *               implementation (most compatible, even IE6)
+ *
+ * Browsers that support typed arrays are IE 10+, Firefox 4+, Chrome 7+, Safari 5.1+,
+ * Opera 11.6+, iOS 4.2+.
+ *
+ * We report that the browser does not support typed arrays if the are not subclassable
+ * using __proto__. Firefox 4-29 lacks support for adding new properties to `Uint8Array`
+ * (See: https://bugzilla.mozilla.org/show_bug.cgi?id=695438). IE 10 lacks support
+ * for __proto__ and has a buggy typed array implementation.
+ */
+          Buffer.TYPED_ARRAY_SUPPORT = typedArraySupport();
+          if (!Buffer.TYPED_ARRAY_SUPPORT && typeof console !== 'undefined' && typeof console.error === 'function') {
+            console.error('This browser lacks typed array (Uint8Array) support which is required by ' + '`buffer` v5.x. Use `buffer` v4.x if you require old browser support.');
+          }
+          function typedArraySupport() {
+            // Can typed array instances can be augmented?
+            try {
+              var arr = new Uint8Array(1);
+              var proto = {
+                foo: function () {
+                  return 42;
+                }
+              };
+              Object.setPrototypeOf(proto, Uint8Array.prototype);
+              Object.setPrototypeOf(arr, proto);
+              return arr.foo() === 42;
+            } catch (e) {
+              return false;
+            }
+          }
+          Object.defineProperty(Buffer.prototype, 'parent', {
+            enumerable: true,
+            get: function () {
+              if (!Buffer.isBuffer(this)) return undefined;
+              return this.buffer;
+            }
+          });
+          Object.defineProperty(Buffer.prototype, 'offset', {
+            enumerable: true,
+            get: function () {
+              if (!Buffer.isBuffer(this)) return undefined;
+              return this.byteOffset;
+            }
+          });
+          function createBuffer(length) {
+            if (length > K_MAX_LENGTH) {
+              throw new RangeError('The value "' + length + '" is invalid for option "size"');
+            }            // Return an augmented `Uint8Array` instance
+
+            var buf = new Uint8Array(length);
+            Object.setPrototypeOf(buf, Buffer.prototype);
+            return buf;
+          }          /**
+ * The Buffer constructor returns instances of `Uint8Array` that have their
+ * prototype changed to `Buffer.prototype`. Furthermore, `Buffer` is a subclass of
+ * `Uint8Array`, so the returned instances will have all the node `Buffer` methods
+ * and the `Uint8Array` methods. Square bracket notation works as expected -- it
+ * returns a single octet.
+ *
+ * The `Uint8Array` prototype remains unmodified.
+ */
+
+          function Buffer(arg, encodingOrOffset, length) {
+            // Common case.
+            if (typeof arg === 'number') {
+              if (typeof encodingOrOffset === 'string') {
+                throw new TypeError('The "string" argument must be of type string. Received type number');
+              }
+              return allocUnsafe(arg);
+            }
+            return from(arg, encodingOrOffset, length);
+          }          // Fix subarray() in ES2016. See: https://github.com/feross/buffer/pull/97
+
+          if (typeof Symbol !== 'undefined' && Symbol.species != null && Buffer[Symbol.species] === Buffer) {
+            Object.defineProperty(Buffer, Symbol.species, {
+              value: null,
+              configurable: true,
+              enumerable: false,
+              writable: false
+            });
+          }
+          Buffer.poolSize = 8192; // not used by this implementation
+          function from(value, encodingOrOffset, length) {
+            if (typeof value === 'string') {
+              return fromString(value, encodingOrOffset);
+            }
+            if (ArrayBuffer.isView(value)) {
+              return fromArrayLike(value);
+            }
+            if (value == null) {
+              throw new TypeError('The first argument must be one of type string, Buffer, ArrayBuffer, Array, ' + 'or Array-like Object. Received type ' + typeof value);
+            }
+            if (isInstance(value, ArrayBuffer) || value && isInstance(value.buffer, ArrayBuffer)) {
+              return fromArrayBuffer(value, encodingOrOffset, length);
+            }
+            if (typeof value === 'number') {
+              throw new TypeError('The "value" argument must not be of type number. Received type number');
+            }
+            var valueOf = value.valueOf && value.valueOf();
+            if (valueOf != null && valueOf !== value) {
+              return Buffer.from(valueOf, encodingOrOffset, length);
+            }
+            var b = fromObject(value);
+            if (b) return b;
+            if (typeof Symbol !== 'undefined' && Symbol.toPrimitive != null && typeof value[Symbol.toPrimitive] === 'function') {
+              return Buffer.from(value[Symbol.toPrimitive]('string'), encodingOrOffset, length);
+            }
+            throw new TypeError('The first argument must be one of type string, Buffer, ArrayBuffer, Array, ' + 'or Array-like Object. Received type ' + typeof value);
+          }          /**
+ * Functionally equivalent to Buffer(arg, encoding) but throws a TypeError
+ * if value is a number.
+ * Buffer.from(str[, encoding])
+ * Buffer.from(array)
+ * Buffer.from(buffer)
+ * Buffer.from(arrayBuffer[, byteOffset[, length]])
+ **/
+
+          Buffer.from = function (value, encodingOrOffset, length) {
+            return from(value, encodingOrOffset, length);
+          };
+          // Note: Change prototype *after* Buffer.from is defined to workaround Chrome bug:
+          // https://github.com/feross/buffer/pull/148
+          Object.setPrototypeOf(Buffer.prototype, Uint8Array.prototype);
+          Object.setPrototypeOf(Buffer, Uint8Array);
+          function assertSize(size) {
+            if (typeof size !== 'number') {
+              throw new TypeError('"size" argument must be of type number');
+            } else if (size < 0) {
+              throw new RangeError('The value "' + size + '" is invalid for option "size"');
+            }
+          }
+          function alloc(size, fill, encoding) {
+            assertSize(size);
+            if (size <= 0) {
+              return createBuffer(size);
+            }
+            if (fill !== undefined) {
+              // Only pay attention to encoding if it's a string. This
+              // prevents accidentally sending in a number that would
+              // be interpretted as a start offset.
+              return typeof encoding === 'string' ? createBuffer(size).fill(fill, encoding) : createBuffer(size).fill(fill);
+            }
+            return createBuffer(size);
+          }          /**
+ * Creates a new filled Buffer instance.
+ * alloc(size[, fill[, encoding]])
+ **/
+
+          Buffer.alloc = function (size, fill, encoding) {
+            return alloc(size, fill, encoding);
+          };
+          function allocUnsafe(size) {
+            assertSize(size);
+            return createBuffer(size < 0 ? 0 : checked(size) | 0);
+          }          /**
+ * Equivalent to Buffer(num), by default creates a non-zero-filled Buffer instance.
+ * */
+
+          Buffer.allocUnsafe = function (size) {
+            return allocUnsafe(size);
+          };
+          /**
+ * Equivalent to SlowBuffer(num), by default creates a non-zero-filled Buffer instance.
+ */
+          Buffer.allocUnsafeSlow = function (size) {
+            return allocUnsafe(size);
+          };
+          function fromString(string, encoding) {
+            if (typeof encoding !== 'string' || encoding === '') {
+              encoding = 'utf8';
+            }
+            if (!Buffer.isEncoding(encoding)) {
+              throw new TypeError('Unknown encoding: ' + encoding);
+            }
+            var length = byteLength(string, encoding) | 0;
+            var buf = createBuffer(length);
+            var actual = buf.write(string, encoding);
+            if (actual !== length) {
+              // Writing a hex string, for example, that contains invalid characters will
+              // cause everything after the first invalid character to be ignored. (e.g.
+              // 'abxxcd' will be treated as 'ab')
+              buf = buf.slice(0, actual);
+            }
+            return buf;
+          }
+          function fromArrayLike(array) {
+            var length = array.length < 0 ? 0 : checked(array.length) | 0;
+            var buf = createBuffer(length);
+            for (var i = 0; i < length; i += 1) {
+              buf[i] = array[i] & 255;
+            }
+            return buf;
+          }
+          function fromArrayBuffer(array, byteOffset, length) {
+            if (byteOffset < 0 || array.byteLength < byteOffset) {
+              throw new RangeError('"offset" is outside of buffer bounds');
+            }
+            if (array.byteLength < byteOffset + (length || 0)) {
+              throw new RangeError('"length" is outside of buffer bounds');
+            }
+            var buf;
+            if (byteOffset === undefined && length === undefined) {
+              buf = new Uint8Array(array);
+            } else if (length === undefined) {
+              buf = new Uint8Array(array, byteOffset);
+            } else {
+              buf = new Uint8Array(array, byteOffset, length);
+            }            // Return an augmented `Uint8Array` instance
+
+            Object.setPrototypeOf(buf, Buffer.prototype);
+            return buf;
+          }
+          function fromObject(obj) {
+            if (Buffer.isBuffer(obj)) {
+              var len = checked(obj.length) | 0;
+              var buf = createBuffer(len);
+              if (buf.length === 0) {
+                return buf;
+              }
+              obj.copy(buf, 0, 0, len);
+              return buf;
+            }
+            if (obj.length !== undefined) {
+              if (typeof obj.length !== 'number' || numberIsNaN(obj.length)) {
+                return createBuffer(0);
+              }
+              return fromArrayLike(obj);
+            }
+            if (obj.type === 'Buffer' && Array.isArray(obj.data)) {
+              return fromArrayLike(obj.data);
+            }
+          }
+          function checked(length) {
+            // Note: cannot use `length < K_MAX_LENGTH` here because that fails when
+            // length is NaN (which is otherwise coerced to zero.)
+            if (length >= K_MAX_LENGTH) {
+              throw new RangeError('Attempt to allocate Buffer larger than maximum ' + 'size: 0x' + K_MAX_LENGTH.toString(16) + ' bytes');
+            }
+            return length | 0;
+          }
+          function SlowBuffer(length) {
+            if ( + length != length) {
+              // eslint-disable-line eqeqeq
+              length = 0;
+            }
+            return Buffer.alloc( + length);
+          }
+          Buffer.isBuffer = function isBuffer(b) {
+            return b != null && b._isBuffer === true && b !== Buffer.prototype; // so Buffer.isBuffer(Buffer.prototype) will be false
+          };
+          Buffer.compare = function compare(a, b) {
+            if (isInstance(a, Uint8Array)) a = Buffer.from(a, a.offset, a.byteLength);
+            if (isInstance(b, Uint8Array)) b = Buffer.from(b, b.offset, b.byteLength);
+            if (!Buffer.isBuffer(a) || !Buffer.isBuffer(b)) {
+              throw new TypeError('The "buf1", "buf2" arguments must be one of type Buffer or Uint8Array');
+            }
+            if (a === b) return 0;
+            var x = a.length;
+            var y = b.length;
+            for (var i = 0, len = Math.min(x, y); i < len; ++i) {
+              if (a[i] !== b[i]) {
+                x = a[i];
+                y = b[i];
+                break;
+              }
+            }
+            if (x < y) return - 1;
+            if (y < x) return 1;
+            return 0;
+          };
+          Buffer.isEncoding = function isEncoding(encoding) {
+            switch (String(encoding).toLowerCase()) {
+              case 'hex':
+              case 'utf8':
+              case 'utf-8':
+              case 'ascii':
+              case 'latin1':
+              case 'binary':
+              case 'base64':
+              case 'ucs2':
+              case 'ucs-2':
+              case 'utf16le':
+              case 'utf-16le':
+                return true;
+              default:
+                return false;
+            }
+          };
+          Buffer.concat = function concat(list, length) {
+            if (!Array.isArray(list)) {
+              throw new TypeError('"list" argument must be an Array of Buffers');
+            }
+            if (list.length === 0) {
+              return Buffer.alloc(0);
+            }
+            var i;
+            if (length === undefined) {
+              length = 0;
+              for (i = 0; i < list.length; ++i) {
+                length += list[i].length;
+              }
+            }
+            var buffer = Buffer.allocUnsafe(length);
+            var pos = 0;
+            for (i = 0; i < list.length; ++i) {
+              var buf = list[i];
+              if (isInstance(buf, Uint8Array)) {
+                buf = Buffer.from(buf);
+              }
+              if (!Buffer.isBuffer(buf)) {
+                throw new TypeError('"list" argument must be an Array of Buffers');
+              }
+              buf.copy(buffer, pos);
+              pos += buf.length;
+            }
+            return buffer;
+          };
+          function byteLength(string, encoding) {
+            if (Buffer.isBuffer(string)) {
+              return string.length;
+            }
+            if (ArrayBuffer.isView(string) || isInstance(string, ArrayBuffer)) {
+              return string.byteLength;
+            }
+            if (typeof string !== 'string') {
+              throw new TypeError('The "string" argument must be one of type string, Buffer, or ArrayBuffer. ' + 'Received type ' + typeof string);
+            }
+            var len = string.length;
+            var mustMatch = arguments.length > 2 && arguments[2] === true;
+            if (!mustMatch && len === 0) return 0;
+            // Use a for loop to avoid recursion
+            var loweredCase = false;
+            for (; ; ) {
+              switch (encoding) {
+                case 'ascii':
+                case 'latin1':
+                case 'binary':
+                  return len;
+                case 'utf8':
+                case 'utf-8':
+                  return utf8ToBytes(string).length;
+                case 'ucs2':
+                case 'ucs-2':
+                case 'utf16le':
+                case 'utf-16le':
+                  return len * 2;
+                case 'hex':
+                  return len >>> 1;
+                case 'base64':
+                  return base64ToBytes(string).length;
+                default:
+                  if (loweredCase) {
+                    return mustMatch ? - 1 : utf8ToBytes(string).length; // assume utf8
+                  }
+                  encoding = ('' + encoding).toLowerCase();
+                  loweredCase = true;
+              }
+            }
+          }
+          Buffer.byteLength = byteLength;
+          function slowToString(encoding, start, end) {
+            var loweredCase = false;
+            // No need to verify that "this.length <= MAX_UINT32" since it's a read-only
+            // property of a typed array.
+            // This behaves neither like String nor Uint8Array in that we set start/end
+            // to their upper/lower bounds if the value passed is out of range.
+            // undefined is handled specially as per ECMA-262 6th Edition,
+            // Section 13.3.3.7 Runtime Semantics: KeyedBindingInitialization.
+            if (start === undefined || start < 0) {
+              start = 0;
+            }            // Return early if start > this.length. Done here to prevent potential uint32
+            // coercion fail below.
+
+            if (start > this.length) {
+              return '';
+            }
+            if (end === undefined || end > this.length) {
+              end = this.length;
+            }
+            if (end <= 0) {
+              return '';
+            }            // Force coersion to uint32. This will also coerce falsey/NaN values to 0.
+
+            end >>>= 0;
+            start >>>= 0;
+            if (end <= start) {
+              return '';
+            }
+            if (!encoding) encoding = 'utf8';
+            while (true) {
+              switch (encoding) {
+                case 'hex':
+                  return hexSlice(this, start, end);
+                case 'utf8':
+                case 'utf-8':
+                  return utf8Slice(this, start, end);
+                case 'ascii':
+                  return asciiSlice(this, start, end);
+                case 'latin1':
+                case 'binary':
+                  return latin1Slice(this, start, end);
+                case 'base64':
+                  return base64Slice(this, start, end);
+                case 'ucs2':
+                case 'ucs-2':
+                case 'utf16le':
+                case 'utf-16le':
+                  return utf16leSlice(this, start, end);
+                default:
+                  if (loweredCase) throw new TypeError('Unknown encoding: ' + encoding);
+                  encoding = (encoding + '').toLowerCase();
+                  loweredCase = true;
+              }
+            }
+          }          // This property is used by `Buffer.isBuffer` (and the `is-buffer` npm package)
+          // to detect a Buffer instance. It's not possible to use `instanceof Buffer`
+          // reliably in a browserify context because there could be multiple different
+          // copies of the 'buffer' package in use. This method works even for Buffer
+          // instances that were created from another copy of the `buffer` package.
+          // See: https://github.com/feross/buffer/issues/154
+
+          Buffer.prototype._isBuffer = true;
+          function swap(b, n, m) {
+            var i = b[n];
+            b[n] = b[m];
+            b[m] = i;
+          }
+          Buffer.prototype.swap16 = function swap16() {
+            var len = this.length;
+            if (len % 2 !== 0) {
+              throw new RangeError('Buffer size must be a multiple of 16-bits');
+            }
+            for (var i = 0; i < len; i += 2) {
+              swap(this, i, i + 1);
+            }
+            return this;
+          };
+          Buffer.prototype.swap32 = function swap32() {
+            var len = this.length;
+            if (len % 4 !== 0) {
+              throw new RangeError('Buffer size must be a multiple of 32-bits');
+            }
+            for (var i = 0; i < len; i += 4) {
+              swap(this, i, i + 3);
+              swap(this, i + 1, i + 2);
+            }
+            return this;
+          };
+          Buffer.prototype.swap64 = function swap64() {
+            var len = this.length;
+            if (len % 8 !== 0) {
+              throw new RangeError('Buffer size must be a multiple of 64-bits');
+            }
+            for (var i = 0; i < len; i += 8) {
+              swap(this, i, i + 7);
+              swap(this, i + 1, i + 6);
+              swap(this, i + 2, i + 5);
+              swap(this, i + 3, i + 4);
+            }
+            return this;
+          };
+          Buffer.prototype.toString = function toString() {
+            var length = this.length;
+            if (length === 0) return '';
+            if (arguments.length === 0) return utf8Slice(this, 0, length);
+            return slowToString.apply(this, arguments);
+          };
+          Buffer.prototype.toLocaleString = Buffer.prototype.toString;
+          Buffer.prototype.equals = function equals(b) {
+            if (!Buffer.isBuffer(b)) throw new TypeError('Argument must be a Buffer');
+            if (this === b) return true;
+            return Buffer.compare(this, b) === 0;
+          };
+          Buffer.prototype.inspect = function inspect() {
+            var str = '';
+            var max = exports.INSPECT_MAX_BYTES;
+            str = this.toString('hex', 0, max).replace(/(.{2})/g, '$1 ').trim();
+            if (this.length > max) str += ' ... ';
+            return '<Buffer ' + str + '>';
+          };
+          if (customInspectSymbol) {
+            Buffer.prototype[customInspectSymbol] = Buffer.prototype.inspect;
+          }
+          Buffer.prototype.compare = function compare(target, start, end, thisStart, thisEnd) {
+            if (isInstance(target, Uint8Array)) {
+              target = Buffer.from(target, target.offset, target.byteLength);
+            }
+            if (!Buffer.isBuffer(target)) {
+              throw new TypeError('The "target" argument must be one of type Buffer or Uint8Array. ' + 'Received type ' + typeof target);
+            }
+            if (start === undefined) {
+              start = 0;
+            }
+            if (end === undefined) {
+              end = target ? target.length : 0;
+            }
+            if (thisStart === undefined) {
+              thisStart = 0;
+            }
+            if (thisEnd === undefined) {
+              thisEnd = this.length;
+            }
+            if (start < 0 || end > target.length || thisStart < 0 || thisEnd > this.length) {
+              throw new RangeError('out of range index');
+            }
+            if (thisStart >= thisEnd && start >= end) {
+              return 0;
+            }
+            if (thisStart >= thisEnd) {
+              return - 1;
+            }
+            if (start >= end) {
+              return 1;
+            }
+            start >>>= 0;
+            end >>>= 0;
+            thisStart >>>= 0;
+            thisEnd >>>= 0;
+            if (this === target) return 0;
+            var x = thisEnd - thisStart;
+            var y = end - start;
+            var len = Math.min(x, y);
+            var thisCopy = this.slice(thisStart, thisEnd);
+            var targetCopy = target.slice(start, end);
+            for (var i = 0; i < len; ++i) {
+              if (thisCopy[i] !== targetCopy[i]) {
+                x = thisCopy[i];
+                y = targetCopy[i];
+                break;
+              }
+            }
+            if (x < y) return - 1;
+            if (y < x) return 1;
+            return 0;
+          };
+          // Finds either the first index of `val` in `buffer` at offset >= `byteOffset`,
+          // OR the last index of `val` in `buffer` at offset <= `byteOffset`.
+          //
+          // Arguments:
+          // - buffer - a Buffer to search
+          // - val - a string, Buffer, or number
+          // - byteOffset - an index into `buffer`; will be clamped to an int32
+          // - encoding - an optional encoding, relevant is val is a string
+          // - dir - true for indexOf, false for lastIndexOf
+          function bidirectionalIndexOf(buffer, val, byteOffset, encoding, dir) {
+            // Empty buffer means no match
+            if (buffer.length === 0) return - 1;
+            // Normalize byteOffset
+            if (typeof byteOffset === 'string') {
+              encoding = byteOffset;
+              byteOffset = 0;
+            } else if (byteOffset > 2147483647) {
+              byteOffset = 2147483647;
+            } else if (byteOffset < - 2147483648) {
+              byteOffset = - 2147483648;
+            }
+            byteOffset = + byteOffset; // Coerce to Number.
+            if (numberIsNaN(byteOffset)) {
+              // byteOffset: it it's undefined, null, NaN, "foo", etc, search whole buffer
+              byteOffset = dir ? 0 : buffer.length - 1;
+            }            // Normalize byteOffset: negative offsets start from the end of the buffer
+
+            if (byteOffset < 0) byteOffset = buffer.length + byteOffset;
+            if (byteOffset >= buffer.length) {
+              if (dir) return - 1;
+               else byteOffset = buffer.length - 1;
+            } else if (byteOffset < 0) {
+              if (dir) byteOffset = 0;
+               else return - 1;
+            }            // Normalize val
+
+            if (typeof val === 'string') {
+              val = Buffer.from(val, encoding);
+            }            // Finally, search either indexOf (if dir is true) or lastIndexOf
+
+            if (Buffer.isBuffer(val)) {
+              // Special case: looking for empty string/buffer always fails
+              if (val.length === 0) {
+                return - 1;
+              }
+              return arrayIndexOf(buffer, val, byteOffset, encoding, dir);
+            } else if (typeof val === 'number') {
+              val = val & 255; // Search for a byte value [0-255]
+              if (typeof Uint8Array.prototype.indexOf === 'function') {
+                if (dir) {
+                  return Uint8Array.prototype.indexOf.call(buffer, val, byteOffset);
+                } else {
+                  return Uint8Array.prototype.lastIndexOf.call(buffer, val, byteOffset);
+                }
+              }
+              return arrayIndexOf(buffer, [
+                val
+              ], byteOffset, encoding, dir);
+            }
+            throw new TypeError('val must be string, number or Buffer');
+          }
+          function arrayIndexOf(arr, val, byteOffset, encoding, dir) {
+            var indexSize = 1;
+            var arrLength = arr.length;
+            var valLength = val.length;
+            if (encoding !== undefined) {
+              encoding = String(encoding).toLowerCase();
+              if (encoding === 'ucs2' || encoding === 'ucs-2' || encoding === 'utf16le' || encoding === 'utf-16le') {
+                if (arr.length < 2 || val.length < 2) {
+                  return - 1;
+                }
+                indexSize = 2;
+                arrLength /= 2;
+                valLength /= 2;
+                byteOffset /= 2;
+              }
+            }
+            function read(buf, i) {
+              if (indexSize === 1) {
+                return buf[i];
+              } else {
+                return buf.readUInt16BE(i * indexSize);
+              }
+            }
+            var i;
+            if (dir) {
+              var foundIndex = - 1;
+              for (i = byteOffset; i < arrLength; i++) {
+                if (read(arr, i) === read(val, foundIndex === - 1 ? 0 : i - foundIndex)) {
+                  if (foundIndex === - 1) foundIndex = i;
+                  if (i - foundIndex + 1 === valLength) return foundIndex * indexSize;
+                } else {
+                  if (foundIndex !== - 1) i -= i - foundIndex;
+                  foundIndex = - 1;
+                }
+              }
+            } else {
+              if (byteOffset + valLength > arrLength) byteOffset = arrLength - valLength;
+              for (i = byteOffset; i >= 0; i--) {
+                var found = true;
+                for (var j = 0; j < valLength; j++) {
+                  if (read(arr, i + j) !== read(val, j)) {
+                    found = false;
+                    break;
+                  }
+                }
+                if (found) return i;
+              }
+            }
+            return - 1;
+          }
+          Buffer.prototype.includes = function includes(val, byteOffset, encoding) {
+            return this.indexOf(val, byteOffset, encoding) !== - 1;
+          };
+          Buffer.prototype.indexOf = function indexOf(val, byteOffset, encoding) {
+            return bidirectionalIndexOf(this, val, byteOffset, encoding, true);
+          };
+          Buffer.prototype.lastIndexOf = function lastIndexOf(val, byteOffset, encoding) {
+            return bidirectionalIndexOf(this, val, byteOffset, encoding, false);
+          };
+          function hexWrite(buf, string, offset, length) {
+            offset = Number(offset) || 0;
+            var remaining = buf.length - offset;
+            if (!length) {
+              length = remaining;
+            } else {
+              length = Number(length);
+              if (length > remaining) {
+                length = remaining;
+              }
+            }
+            var strLen = string.length;
+            if (length > strLen / 2) {
+              length = strLen / 2;
+            }
+            for (var i = 0; i < length; ++i) {
+              var parsed = parseInt(string.substr(i * 2, 2), 16);
+              if (numberIsNaN(parsed)) return i;
+              buf[offset + i] = parsed;
+            }
+            return i;
+          }
+          function utf8Write(buf, string, offset, length) {
+            return blitBuffer(utf8ToBytes(string, buf.length - offset), buf, offset, length);
+          }
+          function asciiWrite(buf, string, offset, length) {
+            return blitBuffer(asciiToBytes(string), buf, offset, length);
+          }
+          function latin1Write(buf, string, offset, length) {
+            return asciiWrite(buf, string, offset, length);
+          }
+          function base64Write(buf, string, offset, length) {
+            return blitBuffer(base64ToBytes(string), buf, offset, length);
+          }
+          function ucs2Write(buf, string, offset, length) {
+            return blitBuffer(utf16leToBytes(string, buf.length - offset), buf, offset, length);
+          }
+          Buffer.prototype.write = function write(string, offset, length, encoding) {
+            // Buffer#write(string)
+            if (offset === undefined) {
+              encoding = 'utf8';
+              length = this.length;
+              offset = 0;
+              // Buffer#write(string, encoding)
+            } else if (length === undefined && typeof offset === 'string') {
+              encoding = offset;
+              length = this.length;
+              offset = 0;
+              // Buffer#write(string, offset[, length][, encoding])
+            } else if (isFinite(offset)) {
+              offset = offset >>> 0;
+              if (isFinite(length)) {
+                length = length >>> 0;
+                if (encoding === undefined) encoding = 'utf8';
+              } else {
+                encoding = length;
+                length = undefined;
+              }
+            } else {
+              throw new Error('Buffer.write(string, encoding, offset[, length]) is no longer supported');
+            }
+            var remaining = this.length - offset;
+            if (length === undefined || length > remaining) length = remaining;
+            if (string.length > 0 && (length < 0 || offset < 0) || offset > this.length) {
+              throw new RangeError('Attempt to write outside buffer bounds');
+            }
+            if (!encoding) encoding = 'utf8';
+            var loweredCase = false;
+            for (; ; ) {
+              switch (encoding) {
+                case 'hex':
+                  return hexWrite(this, string, offset, length);
+                case 'utf8':
+                case 'utf-8':
+                  return utf8Write(this, string, offset, length);
+                case 'ascii':
+                  return asciiWrite(this, string, offset, length);
+                case 'latin1':
+                case 'binary':
+                  return latin1Write(this, string, offset, length);
+                case 'base64':
+                  // Warning: maxLength not taken into account in base64Write
+                  return base64Write(this, string, offset, length);
+                case 'ucs2':
+                case 'ucs-2':
+                case 'utf16le':
+                case 'utf-16le':
+                  return ucs2Write(this, string, offset, length);
+                default:
+                  if (loweredCase) throw new TypeError('Unknown encoding: ' + encoding);
+                  encoding = ('' + encoding).toLowerCase();
+                  loweredCase = true;
+              }
+            }
+          };
+          Buffer.prototype.toJSON = function toJSON() {
+            return {
+              type: 'Buffer',
+              data: Array.prototype.slice.call(this._arr || this, 0)
+            };
+          };
+          function base64Slice(buf, start, end) {
+            if (start === 0 && end === buf.length) {
+              return base64.fromByteArray(buf);
+            } else {
+              return base64.fromByteArray(buf.slice(start, end));
+            }
+          }
+          function utf8Slice(buf, start, end) {
+            end = Math.min(buf.length, end);
+            var res = [
+            ];
+            var i = start;
+            while (i < end) {
+              var firstByte = buf[i];
+              var codePoint = null;
+              var bytesPerSequence = firstByte > 239 ? 4 : firstByte > 223 ? 3 : firstByte > 191 ? 2 : 1;
+              if (i + bytesPerSequence <= end) {
+                var secondByte,
+                thirdByte,
+                fourthByte,
+                tempCodePoint;
+                switch (bytesPerSequence) {
+                  case 1:
+                    if (firstByte < 128) {
+                      codePoint = firstByte;
+                    }
+                    break;
+                  case 2:
+                    secondByte = buf[i + 1];
+                    if ((secondByte & 192) === 128) {
+                      tempCodePoint = (firstByte & 31) << 6 | secondByte & 63;
+                      if (tempCodePoint > 127) {
+                        codePoint = tempCodePoint;
+                      }
+                    }
+                    break;
+                  case 3:
+                    secondByte = buf[i + 1];
+                    thirdByte = buf[i + 2];
+                    if ((secondByte & 192) === 128 && (thirdByte & 192) === 128) {
+                      tempCodePoint = (firstByte & 15) << 12 | (secondByte & 63) << 6 | thirdByte & 63;
+                      if (tempCodePoint > 2047 && (tempCodePoint < 55296 || tempCodePoint > 57343)) {
+                        codePoint = tempCodePoint;
+                      }
+                    }
+                    break;
+                  case 4:
+                    secondByte = buf[i + 1];
+                    thirdByte = buf[i + 2];
+                    fourthByte = buf[i + 3];
+                    if ((secondByte & 192) === 128 && (thirdByte & 192) === 128 && (fourthByte & 192) === 128) {
+                      tempCodePoint = (firstByte & 15) << 18 | (secondByte & 63) << 12 | (thirdByte & 63) << 6 | fourthByte & 63;
+                      if (tempCodePoint > 65535 && tempCodePoint < 1114112) {
+                        codePoint = tempCodePoint;
+                      }
+                    }
+                }
+              }
+              if (codePoint === null) {
+                // we did not generate a valid codePoint so insert a
+                // replacement char (U+FFFD) and advance only 1 byte
+                codePoint = 65533;
+                bytesPerSequence = 1;
+              } else if (codePoint > 65535) {
+                // encode to utf16 (surrogate pair dance)
+                codePoint -= 65536;
+                res.push(codePoint >>> 10 & 1023 | 55296);
+                codePoint = 56320 | codePoint & 1023;
+              }
+              res.push(codePoint);
+              i += bytesPerSequence;
+            }
+            return decodeCodePointsArray(res);
+          }          // Based on http://stackoverflow.com/a/22747272/680742, the browser with
+          // the lowest limit is Chrome, with 0x10000 args.
+          // We go 1 magnitude less, for safety
+
+          var MAX_ARGUMENTS_LENGTH = 4096;
+          function decodeCodePointsArray(codePoints) {
+            var len = codePoints.length;
+            if (len <= MAX_ARGUMENTS_LENGTH) {
+              return String.fromCharCode.apply(String, codePoints); // avoid extra slice()
+            }            // Decode in chunks to avoid "call stack size exceeded".
+
+            var res = '';
+            var i = 0;
+            while (i < len) {
+              res += String.fromCharCode.apply(String, codePoints.slice(i, i += MAX_ARGUMENTS_LENGTH));
+            }
+            return res;
+          }
+          function asciiSlice(buf, start, end) {
+            var ret = '';
+            end = Math.min(buf.length, end);
+            for (var i = start; i < end; ++i) {
+              ret += String.fromCharCode(buf[i] & 127);
+            }
+            return ret;
+          }
+          function latin1Slice(buf, start, end) {
+            var ret = '';
+            end = Math.min(buf.length, end);
+            for (var i = start; i < end; ++i) {
+              ret += String.fromCharCode(buf[i]);
+            }
+            return ret;
+          }
+          function hexSlice(buf, start, end) {
+            var len = buf.length;
+            if (!start || start < 0) start = 0;
+            if (!end || end < 0 || end > len) end = len;
+            var out = '';
+            for (var i = start; i < end; ++i) {
+              out += hexSliceLookupTable[buf[i]];
+            }
+            return out;
+          }
+          function utf16leSlice(buf, start, end) {
+            var bytes = buf.slice(start, end);
+            var res = '';
+            for (var i = 0; i < bytes.length; i += 2) {
+              res += String.fromCharCode(bytes[i] + bytes[i + 1] * 256);
+            }
+            return res;
+          }
+          Buffer.prototype.slice = function slice(start, end) {
+            var len = this.length;
+            start = ~~start;
+            end = end === undefined ? len : ~~end;
+            if (start < 0) {
+              start += len;
+              if (start < 0) start = 0;
+            } else if (start > len) {
+              start = len;
+            }
+            if (end < 0) {
+              end += len;
+              if (end < 0) end = 0;
+            } else if (end > len) {
+              end = len;
+            }
+            if (end < start) end = start;
+            var newBuf = this.subarray(start, end);
+            // Return an augmented `Uint8Array` instance
+            Object.setPrototypeOf(newBuf, Buffer.prototype);
+            return newBuf;
+          };
+          /*
+ * Need to make sure that buffer isn't trying to write out of bounds.
+ */
+          function checkOffset(offset, ext, length) {
+            if (offset % 1 !== 0 || offset < 0) throw new RangeError('offset is not uint');
+            if (offset + ext > length) throw new RangeError('Trying to access beyond buffer length');
+          }
+          Buffer.prototype.readUIntLE = function readUIntLE(offset, byteLength, noAssert) {
+            offset = offset >>> 0;
+            byteLength = byteLength >>> 0;
+            if (!noAssert) checkOffset(offset, byteLength, this.length);
+            var val = this[offset];
+            var mul = 1;
+            var i = 0;
+            while (++i < byteLength && (mul *= 256)) {
+              val += this[offset + i] * mul;
+            }
+            return val;
+          };
+          Buffer.prototype.readUIntBE = function readUIntBE(offset, byteLength, noAssert) {
+            offset = offset >>> 0;
+            byteLength = byteLength >>> 0;
+            if (!noAssert) {
+              checkOffset(offset, byteLength, this.length);
+            }
+            var val = this[offset + --byteLength];
+            var mul = 1;
+            while (byteLength > 0 && (mul *= 256)) {
+              val += this[offset + --byteLength] * mul;
+            }
+            return val;
+          };
+          Buffer.prototype.readUInt8 = function readUInt8(offset, noAssert) {
+            offset = offset >>> 0;
+            if (!noAssert) checkOffset(offset, 1, this.length);
+            return this[offset];
+          };
+          Buffer.prototype.readUInt16LE = function readUInt16LE(offset, noAssert) {
+            offset = offset >>> 0;
+            if (!noAssert) checkOffset(offset, 2, this.length);
+            return this[offset] | this[offset + 1] << 8;
+          };
+          Buffer.prototype.readUInt16BE = function readUInt16BE(offset, noAssert) {
+            offset = offset >>> 0;
+            if (!noAssert) checkOffset(offset, 2, this.length);
+            return this[offset] << 8 | this[offset + 1];
+          };
+          Buffer.prototype.readUInt32LE = function readUInt32LE(offset, noAssert) {
+            offset = offset >>> 0;
+            if (!noAssert) checkOffset(offset, 4, this.length);
+            return (this[offset] | this[offset + 1] << 8 | this[offset + 2] << 16) + this[offset + 3] * 16777216;
+          };
+          Buffer.prototype.readUInt32BE = function readUInt32BE(offset, noAssert) {
+            offset = offset >>> 0;
+            if (!noAssert) checkOffset(offset, 4, this.length);
+            return this[offset] * 16777216 + (this[offset + 1] << 16 | this[offset + 2] << 8 | this[offset + 3]);
+          };
+          Buffer.prototype.readIntLE = function readIntLE(offset, byteLength, noAssert) {
+            offset = offset >>> 0;
+            byteLength = byteLength >>> 0;
+            if (!noAssert) checkOffset(offset, byteLength, this.length);
+            var val = this[offset];
+            var mul = 1;
+            var i = 0;
+            while (++i < byteLength && (mul *= 256)) {
+              val += this[offset + i] * mul;
+            }
+            mul *= 128;
+            if (val >= mul) val -= Math.pow(2, 8 * byteLength);
+            return val;
+          };
+          Buffer.prototype.readIntBE = function readIntBE(offset, byteLength, noAssert) {
+            offset = offset >>> 0;
+            byteLength = byteLength >>> 0;
+            if (!noAssert) checkOffset(offset, byteLength, this.length);
+            var i = byteLength;
+            var mul = 1;
+            var val = this[offset + --i];
+            while (i > 0 && (mul *= 256)) {
+              val += this[offset + --i] * mul;
+            }
+            mul *= 128;
+            if (val >= mul) val -= Math.pow(2, 8 * byteLength);
+            return val;
+          };
+          Buffer.prototype.readInt8 = function readInt8(offset, noAssert) {
+            offset = offset >>> 0;
+            if (!noAssert) checkOffset(offset, 1, this.length);
+            if (!(this[offset] & 128)) return this[offset];
+            return (255 - this[offset] + 1) * - 1;
+          };
+          Buffer.prototype.readInt16LE = function readInt16LE(offset, noAssert) {
+            offset = offset >>> 0;
+            if (!noAssert) checkOffset(offset, 2, this.length);
+            var val = this[offset] | this[offset + 1] << 8;
+            return val & 32768 ? val | 4294901760 : val;
+          };
+          Buffer.prototype.readInt16BE = function readInt16BE(offset, noAssert) {
+            offset = offset >>> 0;
+            if (!noAssert) checkOffset(offset, 2, this.length);
+            var val = this[offset + 1] | this[offset] << 8;
+            return val & 32768 ? val | 4294901760 : val;
+          };
+          Buffer.prototype.readInt32LE = function readInt32LE(offset, noAssert) {
+            offset = offset >>> 0;
+            if (!noAssert) checkOffset(offset, 4, this.length);
+            return this[offset] | this[offset + 1] << 8 | this[offset + 2] << 16 | this[offset + 3] << 24;
+          };
+          Buffer.prototype.readInt32BE = function readInt32BE(offset, noAssert) {
+            offset = offset >>> 0;
+            if (!noAssert) checkOffset(offset, 4, this.length);
+            return this[offset] << 24 | this[offset + 1] << 16 | this[offset + 2] << 8 | this[offset + 3];
+          };
+          Buffer.prototype.readFloatLE = function readFloatLE(offset, noAssert) {
+            offset = offset >>> 0;
+            if (!noAssert) checkOffset(offset, 4, this.length);
+            return ieee754.read(this, offset, true, 23, 4);
+          };
+          Buffer.prototype.readFloatBE = function readFloatBE(offset, noAssert) {
+            offset = offset >>> 0;
+            if (!noAssert) checkOffset(offset, 4, this.length);
+            return ieee754.read(this, offset, false, 23, 4);
+          };
+          Buffer.prototype.readDoubleLE = function readDoubleLE(offset, noAssert) {
+            offset = offset >>> 0;
+            if (!noAssert) checkOffset(offset, 8, this.length);
+            return ieee754.read(this, offset, true, 52, 8);
+          };
+          Buffer.prototype.readDoubleBE = function readDoubleBE(offset, noAssert) {
+            offset = offset >>> 0;
+            if (!noAssert) checkOffset(offset, 8, this.length);
+            return ieee754.read(this, offset, false, 52, 8);
+          };
+          function checkInt(buf, value, offset, ext, max, min) {
+            if (!Buffer.isBuffer(buf)) throw new TypeError('"buffer" argument must be a Buffer instance');
+            if (value > max || value < min) throw new RangeError('"value" argument is out of bounds');
+            if (offset + ext > buf.length) throw new RangeError('Index out of range');
+          }
+          Buffer.prototype.writeUIntLE = function writeUIntLE(value, offset, byteLength, noAssert) {
+            value = + value;
+            offset = offset >>> 0;
+            byteLength = byteLength >>> 0;
+            if (!noAssert) {
+              var maxBytes = Math.pow(2, 8 * byteLength) - 1;
+              checkInt(this, value, offset, byteLength, maxBytes, 0);
+            }
+            var mul = 1;
+            var i = 0;
+            this[offset] = value & 255;
+            while (++i < byteLength && (mul *= 256)) {
+              this[offset + i] = value / mul & 255;
+            }
+            return offset + byteLength;
+          };
+          Buffer.prototype.writeUIntBE = function writeUIntBE(value, offset, byteLength, noAssert) {
+            value = + value;
+            offset = offset >>> 0;
+            byteLength = byteLength >>> 0;
+            if (!noAssert) {
+              var maxBytes = Math.pow(2, 8 * byteLength) - 1;
+              checkInt(this, value, offset, byteLength, maxBytes, 0);
+            }
+            var i = byteLength - 1;
+            var mul = 1;
+            this[offset + i] = value & 255;
+            while (--i >= 0 && (mul *= 256)) {
+              this[offset + i] = value / mul & 255;
+            }
+            return offset + byteLength;
+          };
+          Buffer.prototype.writeUInt8 = function writeUInt8(value, offset, noAssert) {
+            value = + value;
+            offset = offset >>> 0;
+            if (!noAssert) checkInt(this, value, offset, 1, 255, 0);
+            this[offset] = value & 255;
+            return offset + 1;
+          };
+          Buffer.prototype.writeUInt16LE = function writeUInt16LE(value, offset, noAssert) {
+            value = + value;
+            offset = offset >>> 0;
+            if (!noAssert) checkInt(this, value, offset, 2, 65535, 0);
+            this[offset] = value & 255;
+            this[offset + 1] = value >>> 8;
+            return offset + 2;
+          };
+          Buffer.prototype.writeUInt16BE = function writeUInt16BE(value, offset, noAssert) {
+            value = + value;
+            offset = offset >>> 0;
+            if (!noAssert) checkInt(this, value, offset, 2, 65535, 0);
+            this[offset] = value >>> 8;
+            this[offset + 1] = value & 255;
+            return offset + 2;
+          };
+          Buffer.prototype.writeUInt32LE = function writeUInt32LE(value, offset, noAssert) {
+            value = + value;
+            offset = offset >>> 0;
+            if (!noAssert) checkInt(this, value, offset, 4, 4294967295, 0);
+            this[offset + 3] = value >>> 24;
+            this[offset + 2] = value >>> 16;
+            this[offset + 1] = value >>> 8;
+            this[offset] = value & 255;
+            return offset + 4;
+          };
+          Buffer.prototype.writeUInt32BE = function writeUInt32BE(value, offset, noAssert) {
+            value = + value;
+            offset = offset >>> 0;
+            if (!noAssert) checkInt(this, value, offset, 4, 4294967295, 0);
+            this[offset] = value >>> 24;
+            this[offset + 1] = value >>> 16;
+            this[offset + 2] = value >>> 8;
+            this[offset + 3] = value & 255;
+            return offset + 4;
+          };
+          Buffer.prototype.writeIntLE = function writeIntLE(value, offset, byteLength, noAssert) {
+            value = + value;
+            offset = offset >>> 0;
+            if (!noAssert) {
+              var limit = Math.pow(2, 8 * byteLength - 1);
+              checkInt(this, value, offset, byteLength, limit - 1, - limit);
+            }
+            var i = 0;
+            var mul = 1;
+            var sub = 0;
+            this[offset] = value & 255;
+            while (++i < byteLength && (mul *= 256)) {
+              if (value < 0 && sub === 0 && this[offset + i - 1] !== 0) {
+                sub = 1;
+              }
+              this[offset + i] = (value / mul >> 0) - sub & 255;
+            }
+            return offset + byteLength;
+          };
+          Buffer.prototype.writeIntBE = function writeIntBE(value, offset, byteLength, noAssert) {
+            value = + value;
+            offset = offset >>> 0;
+            if (!noAssert) {
+              var limit = Math.pow(2, 8 * byteLength - 1);
+              checkInt(this, value, offset, byteLength, limit - 1, - limit);
+            }
+            var i = byteLength - 1;
+            var mul = 1;
+            var sub = 0;
+            this[offset + i] = value & 255;
+            while (--i >= 0 && (mul *= 256)) {
+              if (value < 0 && sub === 0 && this[offset + i + 1] !== 0) {
+                sub = 1;
+              }
+              this[offset + i] = (value / mul >> 0) - sub & 255;
+            }
+            return offset + byteLength;
+          };
+          Buffer.prototype.writeInt8 = function writeInt8(value, offset, noAssert) {
+            value = + value;
+            offset = offset >>> 0;
+            if (!noAssert) checkInt(this, value, offset, 1, 127, - 128);
+            if (value < 0) value = 255 + value + 1;
+            this[offset] = value & 255;
+            return offset + 1;
+          };
+          Buffer.prototype.writeInt16LE = function writeInt16LE(value, offset, noAssert) {
+            value = + value;
+            offset = offset >>> 0;
+            if (!noAssert) checkInt(this, value, offset, 2, 32767, - 32768);
+            this[offset] = value & 255;
+            this[offset + 1] = value >>> 8;
+            return offset + 2;
+          };
+          Buffer.prototype.writeInt16BE = function writeInt16BE(value, offset, noAssert) {
+            value = + value;
+            offset = offset >>> 0;
+            if (!noAssert) checkInt(this, value, offset, 2, 32767, - 32768);
+            this[offset] = value >>> 8;
+            this[offset + 1] = value & 255;
+            return offset + 2;
+          };
+          Buffer.prototype.writeInt32LE = function writeInt32LE(value, offset, noAssert) {
+            value = + value;
+            offset = offset >>> 0;
+            if (!noAssert) checkInt(this, value, offset, 4, 2147483647, - 2147483648);
+            this[offset] = value & 255;
+            this[offset + 1] = value >>> 8;
+            this[offset + 2] = value >>> 16;
+            this[offset + 3] = value >>> 24;
+            return offset + 4;
+          };
+          Buffer.prototype.writeInt32BE = function writeInt32BE(value, offset, noAssert) {
+            value = + value;
+            offset = offset >>> 0;
+            if (!noAssert) checkInt(this, value, offset, 4, 2147483647, - 2147483648);
+            if (value < 0) value = 4294967295 + value + 1;
+            this[offset] = value >>> 24;
+            this[offset + 1] = value >>> 16;
+            this[offset + 2] = value >>> 8;
+            this[offset + 3] = value & 255;
+            return offset + 4;
+          };
+          function checkIEEE754(buf, value, offset, ext, max, min) {
+            if (offset + ext > buf.length) throw new RangeError('Index out of range');
+            if (offset < 0) throw new RangeError('Index out of range');
+          }
+          function writeFloat(buf, value, offset, littleEndian, noAssert) {
+            value = + value;
+            offset = offset >>> 0;
+            if (!noAssert) {
+              checkIEEE754(buf, value, offset, 4, 3.4028234663852886e+38, - 3.4028234663852886e+38);
+            }
+            ieee754.write(buf, value, offset, littleEndian, 23, 4);
+            return offset + 4;
+          }
+          Buffer.prototype.writeFloatLE = function writeFloatLE(value, offset, noAssert) {
+            return writeFloat(this, value, offset, true, noAssert);
+          };
+          Buffer.prototype.writeFloatBE = function writeFloatBE(value, offset, noAssert) {
+            return writeFloat(this, value, offset, false, noAssert);
+          };
+          function writeDouble(buf, value, offset, littleEndian, noAssert) {
+            value = + value;
+            offset = offset >>> 0;
+            if (!noAssert) {
+              checkIEEE754(buf, value, offset, 8, 1.7976931348623157e+308, - 1.7976931348623157e+308);
+            }
+            ieee754.write(buf, value, offset, littleEndian, 52, 8);
+            return offset + 8;
+          }
+          Buffer.prototype.writeDoubleLE = function writeDoubleLE(value, offset, noAssert) {
+            return writeDouble(this, value, offset, true, noAssert);
+          };
+          Buffer.prototype.writeDoubleBE = function writeDoubleBE(value, offset, noAssert) {
+            return writeDouble(this, value, offset, false, noAssert);
+          };
+          // copy(targetBuffer, targetStart=0, sourceStart=0, sourceEnd=buffer.length)
+          Buffer.prototype.copy = function copy(target, targetStart, start, end) {
+            if (!Buffer.isBuffer(target)) throw new TypeError('argument should be a Buffer');
+            if (!start) start = 0;
+            if (!end && end !== 0) end = this.length;
+            if (targetStart >= target.length) targetStart = target.length;
+            if (!targetStart) targetStart = 0;
+            if (end > 0 && end < start) end = start;
+            // Copy 0 bytes; we're done
+            if (end === start) return 0;
+            if (target.length === 0 || this.length === 0) return 0;
+            // Fatal error conditions
+            if (targetStart < 0) {
+              throw new RangeError('targetStart out of bounds');
+            }
+            if (start < 0 || start >= this.length) throw new RangeError('Index out of range');
+            if (end < 0) throw new RangeError('sourceEnd out of bounds');
+            // Are we oob?
+            if (end > this.length) end = this.length;
+            if (target.length - targetStart < end - start) {
+              end = target.length - targetStart + start;
+            }
+            var len = end - start;
+            if (this === target && typeof Uint8Array.prototype.copyWithin === 'function') {
+              // Use built-in when available, missing from IE11
+              this.copyWithin(targetStart, start, end);
+            } else if (this === target && start < targetStart && targetStart < end) {
+              // descending copy from end
+              for (var i = len - 1; i >= 0; --i) {
+                target[i + targetStart] = this[i + start];
+              }
+            } else {
+              Uint8Array.prototype.set.call(target, this.subarray(start, end), targetStart);
+            }
+            return len;
+          };
+          // Usage:
+          //    buffer.fill(number[, offset[, end]])
+          //    buffer.fill(buffer[, offset[, end]])
+          //    buffer.fill(string[, offset[, end]][, encoding])
+          Buffer.prototype.fill = function fill(val, start, end, encoding) {
+            // Handle string cases:
+            if (typeof val === 'string') {
+              if (typeof start === 'string') {
+                encoding = start;
+                start = 0;
+                end = this.length;
+              } else if (typeof end === 'string') {
+                encoding = end;
+                end = this.length;
+              }
+              if (encoding !== undefined && typeof encoding !== 'string') {
+                throw new TypeError('encoding must be a string');
+              }
+              if (typeof encoding === 'string' && !Buffer.isEncoding(encoding)) {
+                throw new TypeError('Unknown encoding: ' + encoding);
+              }
+              if (val.length === 1) {
+                var code = val.charCodeAt(0);
+                if (encoding === 'utf8' && code < 128 || encoding === 'latin1') {
+                  // Fast path: If `val` fits into a single byte, use that numeric value.
+                  val = code;
+                }
+              }
+            } else if (typeof val === 'number') {
+              val = val & 255;
+            } else if (typeof val === 'boolean') {
+              val = Number(val);
+            }            // Invalid ranges are not set to a default, so can range check early.
+
+            if (start < 0 || this.length < start || this.length < end) {
+              throw new RangeError('Out of range index');
+            }
+            if (end <= start) {
+              return this;
+            }
+            start = start >>> 0;
+            end = end === undefined ? this.length : end >>> 0;
+            if (!val) val = 0;
+            var i;
+            if (typeof val === 'number') {
+              for (i = start; i < end; ++i) {
+                this[i] = val;
+              }
+            } else {
+              var bytes = Buffer.isBuffer(val) ? val : Buffer.from(val, encoding);
+              var len = bytes.length;
+              if (len === 0) {
+                throw new TypeError('The value "' + val + '" is invalid for argument "value"');
+              }
+              for (i = 0; i < end - start; ++i) {
+                this[i + start] = bytes[i % len];
+              }
+            }
+            return this;
+          };
+          // HELPER FUNCTIONS
+          // ================
+          var INVALID_BASE64_RE = /[^+/0-9A-Za-z-_]/g;
+          function base64clean(str) {
+            // Node takes equal signs as end of the Base64 encoding
+            str = str.split('=') [0];
+            // Node strips out invalid characters like \n and \t from the string, base64-js does not
+            str = str.trim().replace(INVALID_BASE64_RE, '');
+            // Node converts strings with length < 2 to ''
+            if (str.length < 2) return '';
+            // Node allows for non-padded base64 strings (missing trailing ===), base64-js does not
+            while (str.length % 4 !== 0) {
+              str = str + '=';
+            }
+            return str;
+          }
+          function utf8ToBytes(string, units) {
+            units = units || Infinity;
+            var codePoint;
+            var length = string.length;
+            var leadSurrogate = null;
+            var bytes = [
+            ];
+            for (var i = 0; i < length; ++i) {
+              codePoint = string.charCodeAt(i);
+              // is surrogate component
+              if (codePoint > 55295 && codePoint < 57344) {
+                // last char was a lead
+                if (!leadSurrogate) {
+                  // no lead yet
+                  if (codePoint > 56319) {
+                    // unexpected trail
+                    if ((units -= 3) > - 1) bytes.push(239, 191, 189);
+                    continue;
+                  } else if (i + 1 === length) {
+                    // unpaired lead
+                    if ((units -= 3) > - 1) bytes.push(239, 191, 189);
+                    continue;
+                  }                  // valid lead
+
+                  leadSurrogate = codePoint;
+                  continue;
+                }                // 2 leads in a row
+
+                if (codePoint < 56320) {
+                  if ((units -= 3) > - 1) bytes.push(239, 191, 189);
+                  leadSurrogate = codePoint;
+                  continue;
+                }                // valid surrogate pair
+
+                codePoint = (leadSurrogate - 55296 << 10 | codePoint - 56320) + 65536;
+              } else if (leadSurrogate) {
+                // valid bmp char, but last char was a lead
+                if ((units -= 3) > - 1) bytes.push(239, 191, 189);
+              }
+              leadSurrogate = null;
+              // encode utf8
+              if (codePoint < 128) {
+                if ((units -= 1) < 0) break;
+                bytes.push(codePoint);
+              } else if (codePoint < 2048) {
+                if ((units -= 2) < 0) break;
+                bytes.push(codePoint >> 6 | 192, codePoint & 63 | 128);
+              } else if (codePoint < 65536) {
+                if ((units -= 3) < 0) break;
+                bytes.push(codePoint >> 12 | 224, codePoint >> 6 & 63 | 128, codePoint & 63 | 128);
+              } else if (codePoint < 1114112) {
+                if ((units -= 4) < 0) break;
+                bytes.push(codePoint >> 18 | 240, codePoint >> 12 & 63 | 128, codePoint >> 6 & 63 | 128, codePoint & 63 | 128);
+              } else {
+                throw new Error('Invalid code point');
+              }
+            }
+            return bytes;
+          }
+          function asciiToBytes(str) {
+            var byteArray = [
+            ];
+            for (var i = 0; i < str.length; ++i) {
+              // Node's code seems to be doing this and not & 0x7F..
+              byteArray.push(str.charCodeAt(i) & 255);
+            }
+            return byteArray;
+          }
+          function utf16leToBytes(str, units) {
+            var c,
+            hi,
+            lo;
+            var byteArray = [
+            ];
+            for (var i = 0; i < str.length; ++i) {
+              if ((units -= 2) < 0) break;
+              c = str.charCodeAt(i);
+              hi = c >> 8;
+              lo = c % 256;
+              byteArray.push(lo);
+              byteArray.push(hi);
+            }
+            return byteArray;
+          }
+          function base64ToBytes(str) {
+            return base64.toByteArray(base64clean(str));
+          }
+          function blitBuffer(src, dst, offset, length) {
+            for (var i = 0; i < length; ++i) {
+              if (i + offset >= dst.length || i >= src.length) break;
+              dst[i + offset] = src[i];
+            }
+            return i;
+          }          // ArrayBuffer or Uint8Array objects from other contexts (i.e. iframes) do not pass
+          // the `instanceof` check but they should be treated as of that type.
+          // See: https://github.com/feross/buffer/issues/166
+
+          function isInstance(obj, type) {
+            return obj instanceof type || obj != null && obj.constructor != null && obj.constructor.name != null && obj.constructor.name === type.name;
+          }
+          function numberIsNaN(obj) {
+            // For IE11 support
+            return obj !== obj; // eslint-disable-line no-self-compare
+          }          // Create lookup table for `toString('hex')`
+          // See: https://github.com/feross/buffer/issues/219
+
+          var hexSliceLookupTable = function () {
+            var alphabet = '0123456789abcdef';
+            var table = new Array(256);
+            for (var i = 0; i < 16; ++i) {
+              var i16 = i * 16;
+              for (var j = 0; j < 16; ++j) {
+                table[i16 + j] = alphabet[i] + alphabet[j];
+              }
+            }
+            return table;
+          }();
+        }).call(this, _dereq_('buffer').Buffer)
+      },
+      {
+        'base64-js': 20,
+        'buffer': 22,
+        'ieee754': 268
+      }
+    ],
+    23: [
+      function (_dereq_, module, exports) {
+        module.exports = function (it) {
+          if (typeof it != 'function') {
+            throw TypeError(String(it) + ' is not a function');
+          }
+          return it;
+        };
+      },
+      {
+      }
+    ],
+    24: [
+      function (_dereq_, module, exports) {
+        var isObject = _dereq_('../internals/is-object');
+        module.exports = function (it) {
+          if (!isObject(it) && it !== null) {
+            throw TypeError('Can\'t set ' + String(it) + ' as a prototype');
+          }
+          return it;
+        };
+      },
+      {
+        '../internals/is-object': 92
+      }
+    ],
+    25: [
+      function (_dereq_, module, exports) {
+        var wellKnownSymbol = _dereq_('../internals/well-known-symbol');
+        var create = _dereq_('../internals/object-create');
+        var definePropertyModule = _dereq_('../internals/object-define-property');
+        var UNSCOPABLES = wellKnownSymbol('unscopables');
+        var ArrayPrototype = Array.prototype;
+        // Array.prototype[@@unscopables]
+        // https://tc39.github.io/ecma262/#sec-array.prototype-@@unscopables
+        if (ArrayPrototype[UNSCOPABLES] == undefined) {
+          definePropertyModule.f(ArrayPrototype, UNSCOPABLES, {
+            configurable: true,
+            value: create(null)
+          });
+        }        // add a key to Array.prototype[@@unscopables]
+
+        module.exports = function (key) {
+          ArrayPrototype[UNSCOPABLES][key] = true;
+        };
+      },
+      {
+        '../internals/object-create': 108,
+        '../internals/object-define-property': 110,
+        '../internals/well-known-symbol': 166
+      }
+    ],
+    26: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var charAt = _dereq_('../internals/string-multibyte').charAt;
+        // `AdvanceStringIndex` abstract operation
+        // https://tc39.github.io/ecma262/#sec-advancestringindex
+        module.exports = function (S, index, unicode) {
+          return index + (unicode ? charAt(S, index).length : 1);
+        };
+      },
+      {
+        '../internals/string-multibyte': 141
+      }
+    ],
+    27: [
+      function (_dereq_, module, exports) {
+        module.exports = function (it, Constructor, name) {
+          if (!(it instanceof Constructor)) {
+            throw TypeError('Incorrect ' + (name ? name + ' ' : '') + 'invocation');
+          }
+          return it;
+        };
+      },
+      {
+      }
+    ],
+    28: [
+      function (_dereq_, module, exports) {
+        var isObject = _dereq_('../internals/is-object');
+        module.exports = function (it) {
+          if (!isObject(it)) {
+            throw TypeError(String(it) + ' is not an object');
+          }
+          return it;
+        };
+      },
+      {
+        '../internals/is-object': 92
+      }
+    ],
+    29: [
+      function (_dereq_, module, exports) {
+        module.exports = typeof ArrayBuffer !== 'undefined' && typeof DataView !== 'undefined';
+      },
+      {
+      }
+    ],
+    30: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var NATIVE_ARRAY_BUFFER = _dereq_('../internals/array-buffer-native');
+        var DESCRIPTORS = _dereq_('../internals/descriptors');
+        var global = _dereq_('../internals/global');
+        var isObject = _dereq_('../internals/is-object');
+        var has = _dereq_('../internals/has');
+        var classof = _dereq_('../internals/classof');
+        var createNonEnumerableProperty = _dereq_('../internals/create-non-enumerable-property');
+        var redefine = _dereq_('../internals/redefine');
+        var defineProperty = _dereq_('../internals/object-define-property').f;
+        var getPrototypeOf = _dereq_('../internals/object-get-prototype-of');
+        var setPrototypeOf = _dereq_('../internals/object-set-prototype-of');
+        var wellKnownSymbol = _dereq_('../internals/well-known-symbol');
+        var uid = _dereq_('../internals/uid');
+        var Int8Array = global.Int8Array;
+        var Int8ArrayPrototype = Int8Array && Int8Array.prototype;
+        var Uint8ClampedArray = global.Uint8ClampedArray;
+        var Uint8ClampedArrayPrototype = Uint8ClampedArray && Uint8ClampedArray.prototype;
+        var TypedArray = Int8Array && getPrototypeOf(Int8Array);
+        var TypedArrayPrototype = Int8ArrayPrototype && getPrototypeOf(Int8ArrayPrototype);
+        var ObjectPrototype = Object.prototype;
+        var isPrototypeOf = ObjectPrototype.isPrototypeOf;
+        var TO_STRING_TAG = wellKnownSymbol('toStringTag');
+        var TYPED_ARRAY_TAG = uid('TYPED_ARRAY_TAG');
+        // Fixing native typed arrays in Opera Presto crashes the browser, see #595
+        var NATIVE_ARRAY_BUFFER_VIEWS = NATIVE_ARRAY_BUFFER && !!setPrototypeOf && classof(global.opera) !== 'Opera';
+        var TYPED_ARRAY_TAG_REQIRED = false;
+        var NAME;
+        var TypedArrayConstructorsList = {
+          Int8Array: 1,
+          Uint8Array: 1,
+          Uint8ClampedArray: 1,
+          Int16Array: 2,
+          Uint16Array: 2,
+          Int32Array: 4,
+          Uint32Array: 4,
+          Float32Array: 4,
+          Float64Array: 8
+        };
+        var isView = function isView(it) {
+          var klass = classof(it);
+          return klass === 'DataView' || has(TypedArrayConstructorsList, klass);
+        };
+        var isTypedArray = function (it) {
+          return isObject(it) && has(TypedArrayConstructorsList, classof(it));
+        };
+        var aTypedArray = function (it) {
+          if (isTypedArray(it)) return it;
+          throw TypeError('Target is not a typed array');
+        };
+        var aTypedArrayConstructor = function (C) {
+          if (setPrototypeOf) {
+            if (isPrototypeOf.call(TypedArray, C)) return C;
+          } else for (var ARRAY in TypedArrayConstructorsList) if (has(TypedArrayConstructorsList, NAME)) {
+            var TypedArrayConstructor = global[ARRAY];
+            if (TypedArrayConstructor && (C === TypedArrayConstructor || isPrototypeOf.call(TypedArrayConstructor, C))) {
+              return C;
+            }
+          }
+          throw TypeError('Target is not a typed array constructor');
+        };
+        var exportTypedArrayMethod = function (KEY, property, forced) {
+          if (!DESCRIPTORS) return;
+          if (forced) for (var ARRAY in TypedArrayConstructorsList) {
+            var TypedArrayConstructor = global[ARRAY];
+            if (TypedArrayConstructor && has(TypedArrayConstructor.prototype, KEY)) {
+              delete TypedArrayConstructor.prototype[KEY];
+            }
+          }
+          if (!TypedArrayPrototype[KEY] || forced) {
+            redefine(TypedArrayPrototype, KEY, forced ? property : NATIVE_ARRAY_BUFFER_VIEWS && Int8ArrayPrototype[KEY] || property);
+          }
+        };
+        var exportTypedArrayStaticMethod = function (KEY, property, forced) {
+          var ARRAY,
+          TypedArrayConstructor;
+          if (!DESCRIPTORS) return;
+          if (setPrototypeOf) {
+            if (forced) for (ARRAY in TypedArrayConstructorsList) {
+              TypedArrayConstructor = global[ARRAY];
+              if (TypedArrayConstructor && has(TypedArrayConstructor, KEY)) {
+                delete TypedArrayConstructor[KEY];
+              }
+            }
+            if (!TypedArray[KEY] || forced) {
+              // V8 ~ Chrome 49-50 `%TypedArray%` methods are non-writable non-configurable
+              try {
+                return redefine(TypedArray, KEY, forced ? property : NATIVE_ARRAY_BUFFER_VIEWS && Int8Array[KEY] || property);
+              } catch (error) { /* empty */ 
+              }
+            } else return;
+          }
+          for (ARRAY in TypedArrayConstructorsList) {
+            TypedArrayConstructor = global[ARRAY];
+            if (TypedArrayConstructor && (!TypedArrayConstructor[KEY] || forced)) {
+              redefine(TypedArrayConstructor, KEY, property);
+            }
+          }
+        };
+        for (NAME in TypedArrayConstructorsList) {
+          if (!global[NAME]) NATIVE_ARRAY_BUFFER_VIEWS = false;
+        }        // WebKit bug - typed arrays constructors prototype is Object.prototype
+
+        if (!NATIVE_ARRAY_BUFFER_VIEWS || typeof TypedArray != 'function' || TypedArray === Function.prototype) {
+          // eslint-disable-next-line no-shadow
+          TypedArray = function TypedArray() {
+            throw TypeError('Incorrect invocation');
+          };
+          if (NATIVE_ARRAY_BUFFER_VIEWS) for (NAME in TypedArrayConstructorsList) {
+            if (global[NAME]) setPrototypeOf(global[NAME], TypedArray);
+          }
+        }
+        if (!NATIVE_ARRAY_BUFFER_VIEWS || !TypedArrayPrototype || TypedArrayPrototype === ObjectPrototype) {
+          TypedArrayPrototype = TypedArray.prototype;
+          if (NATIVE_ARRAY_BUFFER_VIEWS) for (NAME in TypedArrayConstructorsList) {
+            if (global[NAME]) setPrototypeOf(global[NAME].prototype, TypedArrayPrototype);
+          }
+        }        // WebKit bug - one more object in Uint8ClampedArray prototype chain
+
+        if (NATIVE_ARRAY_BUFFER_VIEWS && getPrototypeOf(Uint8ClampedArrayPrototype) !== TypedArrayPrototype) {
+          setPrototypeOf(Uint8ClampedArrayPrototype, TypedArrayPrototype);
+        }
+        if (DESCRIPTORS && !has(TypedArrayPrototype, TO_STRING_TAG)) {
+          TYPED_ARRAY_TAG_REQIRED = true;
+          defineProperty(TypedArrayPrototype, TO_STRING_TAG, {
+            get: function () {
+              return isObject(this) ? this[TYPED_ARRAY_TAG] : undefined;
+            }
+          });
+          for (NAME in TypedArrayConstructorsList) if (global[NAME]) {
+            createNonEnumerableProperty(global[NAME], TYPED_ARRAY_TAG, NAME);
+          }
+        }
+        module.exports = {
+          NATIVE_ARRAY_BUFFER_VIEWS: NATIVE_ARRAY_BUFFER_VIEWS,
+          TYPED_ARRAY_TAG: TYPED_ARRAY_TAG_REQIRED && TYPED_ARRAY_TAG,
+          aTypedArray: aTypedArray,
+          aTypedArrayConstructor: aTypedArrayConstructor,
+          exportTypedArrayMethod: exportTypedArrayMethod,
+          exportTypedArrayStaticMethod: exportTypedArrayStaticMethod,
+          isView: isView,
+          isTypedArray: isTypedArray,
+          TypedArray: TypedArray,
+          TypedArrayPrototype: TypedArrayPrototype
+        };
+      },
+      {
+        '../internals/array-buffer-native': 29,
+        '../internals/classof': 47,
+        '../internals/create-non-enumerable-property': 56,
+        '../internals/descriptors': 61,
+        '../internals/global': 77,
+        '../internals/has': 78,
+        '../internals/is-object': 92,
+        '../internals/object-define-property': 110,
+        '../internals/object-get-prototype-of': 115,
+        '../internals/object-set-prototype-of': 119,
+        '../internals/redefine': 126,
+        '../internals/uid': 163,
+        '../internals/well-known-symbol': 166
+      }
+    ],
+    31: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var global = _dereq_('../internals/global');
+        var DESCRIPTORS = _dereq_('../internals/descriptors');
+        var NATIVE_ARRAY_BUFFER = _dereq_('../internals/array-buffer-native');
+        var createNonEnumerableProperty = _dereq_('../internals/create-non-enumerable-property');
+        var redefineAll = _dereq_('../internals/redefine-all');
+        var fails = _dereq_('../internals/fails');
+        var anInstance = _dereq_('../internals/an-instance');
+        var toInteger = _dereq_('../internals/to-integer');
+        var toLength = _dereq_('../internals/to-length');
+        var toIndex = _dereq_('../internals/to-index');
+        var IEEE754 = _dereq_('../internals/ieee754');
+        var getPrototypeOf = _dereq_('../internals/object-get-prototype-of');
+        var setPrototypeOf = _dereq_('../internals/object-set-prototype-of');
+        var getOwnPropertyNames = _dereq_('../internals/object-get-own-property-names').f;
+        var defineProperty = _dereq_('../internals/object-define-property').f;
+        var arrayFill = _dereq_('../internals/array-fill');
+        var setToStringTag = _dereq_('../internals/set-to-string-tag');
+        var InternalStateModule = _dereq_('../internals/internal-state');
+        var getInternalState = InternalStateModule.get;
+        var setInternalState = InternalStateModule.set;
+        var ARRAY_BUFFER = 'ArrayBuffer';
+        var DATA_VIEW = 'DataView';
+        var PROTOTYPE = 'prototype';
+        var WRONG_LENGTH = 'Wrong length';
+        var WRONG_INDEX = 'Wrong index';
+        var NativeArrayBuffer = global[ARRAY_BUFFER];
+        var $ArrayBuffer = NativeArrayBuffer;
+        var $DataView = global[DATA_VIEW];
+        var $DataViewPrototype = $DataView && $DataView[PROTOTYPE];
+        var ObjectPrototype = Object.prototype;
+        var RangeError = global.RangeError;
+        var packIEEE754 = IEEE754.pack;
+        var unpackIEEE754 = IEEE754.unpack;
+        var packInt8 = function (number) {
+          return [number & 255];
+        };
+        var packInt16 = function (number) {
+          return [number & 255,
+          number >> 8 & 255];
+        };
+        var packInt32 = function (number) {
+          return [number & 255,
+          number >> 8 & 255,
+          number >> 16 & 255,
+          number >> 24 & 255];
+        };
+        var unpackInt32 = function (buffer) {
+          return buffer[3] << 24 | buffer[2] << 16 | buffer[1] << 8 | buffer[0];
+        };
+        var packFloat32 = function (number) {
+          return packIEEE754(number, 23, 4);
+        };
+        var packFloat64 = function (number) {
+          return packIEEE754(number, 52, 8);
+        };
+        var addGetter = function (Constructor, key) {
+          defineProperty(Constructor[PROTOTYPE], key, {
+            get: function () {
+              return getInternalState(this) [key];
+            }
+          });
+        };
+        var get = function (view, count, index, isLittleEndian) {
+          var intIndex = toIndex(index);
+          var store = getInternalState(view);
+          if (intIndex + count > store.byteLength) throw RangeError(WRONG_INDEX);
+          var bytes = getInternalState(store.buffer).bytes;
+          var start = intIndex + store.byteOffset;
+          var pack = bytes.slice(start, start + count);
+          return isLittleEndian ? pack : pack.reverse();
+        };
+        var set = function (view, count, index, conversion, value, isLittleEndian) {
+          var intIndex = toIndex(index);
+          var store = getInternalState(view);
+          if (intIndex + count > store.byteLength) throw RangeError(WRONG_INDEX);
+          var bytes = getInternalState(store.buffer).bytes;
+          var start = intIndex + store.byteOffset;
+          var pack = conversion( + value);
+          for (var i = 0; i < count; i++) bytes[start + i] = pack[isLittleEndian ? i : count - i - 1];
+        };
+        if (!NATIVE_ARRAY_BUFFER) {
+          $ArrayBuffer = function ArrayBuffer(length) {
+            anInstance(this, $ArrayBuffer, ARRAY_BUFFER);
+            var byteLength = toIndex(length);
+            setInternalState(this, {
+              bytes: arrayFill.call(new Array(byteLength), 0),
+              byteLength: byteLength
+            });
+            if (!DESCRIPTORS) this.byteLength = byteLength;
+          };
+          $DataView = function DataView(buffer, byteOffset, byteLength) {
+            anInstance(this, $DataView, DATA_VIEW);
+            anInstance(buffer, $ArrayBuffer, DATA_VIEW);
+            var bufferLength = getInternalState(buffer).byteLength;
+            var offset = toInteger(byteOffset);
+            if (offset < 0 || offset > bufferLength) throw RangeError('Wrong offset');
+            byteLength = byteLength === undefined ? bufferLength - offset : toLength(byteLength);
+            if (offset + byteLength > bufferLength) throw RangeError(WRONG_LENGTH);
+            setInternalState(this, {
+              buffer: buffer,
+              byteLength: byteLength,
+              byteOffset: offset
+            });
+            if (!DESCRIPTORS) {
+              this.buffer = buffer;
+              this.byteLength = byteLength;
+              this.byteOffset = offset;
+            }
+          };
+          if (DESCRIPTORS) {
+            addGetter($ArrayBuffer, 'byteLength');
+            addGetter($DataView, 'buffer');
+            addGetter($DataView, 'byteLength');
+            addGetter($DataView, 'byteOffset');
+          }
+          redefineAll($DataView[PROTOTYPE], {
+            getInt8: function getInt8(byteOffset) {
+              return get(this, 1, byteOffset) [0] << 24 >> 24;
+            },
+            getUint8: function getUint8(byteOffset) {
+              return get(this, 1, byteOffset) [0];
+            },
+            getInt16: function getInt16(byteOffset /* , littleEndian */ ) {
+              var bytes = get(this, 2, byteOffset, arguments.length > 1 ? arguments[1] : undefined);
+              return (bytes[1] << 8 | bytes[0]) << 16 >> 16;
+            },
+            getUint16: function getUint16(byteOffset /* , littleEndian */ ) {
+              var bytes = get(this, 2, byteOffset, arguments.length > 1 ? arguments[1] : undefined);
+              return bytes[1] << 8 | bytes[0];
+            },
+            getInt32: function getInt32(byteOffset /* , littleEndian */ ) {
+              return unpackInt32(get(this, 4, byteOffset, arguments.length > 1 ? arguments[1] : undefined));
+            },
+            getUint32: function getUint32(byteOffset /* , littleEndian */ ) {
+              return unpackInt32(get(this, 4, byteOffset, arguments.length > 1 ? arguments[1] : undefined)) >>> 0;
+            },
+            getFloat32: function getFloat32(byteOffset /* , littleEndian */ ) {
+              return unpackIEEE754(get(this, 4, byteOffset, arguments.length > 1 ? arguments[1] : undefined), 23);
+            },
+            getFloat64: function getFloat64(byteOffset /* , littleEndian */ ) {
+              return unpackIEEE754(get(this, 8, byteOffset, arguments.length > 1 ? arguments[1] : undefined), 52);
+            },
+            setInt8: function setInt8(byteOffset, value) {
+              set(this, 1, byteOffset, packInt8, value);
+            },
+            setUint8: function setUint8(byteOffset, value) {
+              set(this, 1, byteOffset, packInt8, value);
+            },
+            setInt16: function setInt16(byteOffset, value /* , littleEndian */ ) {
+              set(this, 2, byteOffset, packInt16, value, arguments.length > 2 ? arguments[2] : undefined);
+            },
+            setUint16: function setUint16(byteOffset, value /* , littleEndian */ ) {
+              set(this, 2, byteOffset, packInt16, value, arguments.length > 2 ? arguments[2] : undefined);
+            },
+            setInt32: function setInt32(byteOffset, value /* , littleEndian */ ) {
+              set(this, 4, byteOffset, packInt32, value, arguments.length > 2 ? arguments[2] : undefined);
+            },
+            setUint32: function setUint32(byteOffset, value /* , littleEndian */ ) {
+              set(this, 4, byteOffset, packInt32, value, arguments.length > 2 ? arguments[2] : undefined);
+            },
+            setFloat32: function setFloat32(byteOffset, value /* , littleEndian */ ) {
+              set(this, 4, byteOffset, packFloat32, value, arguments.length > 2 ? arguments[2] : undefined);
+            },
+            setFloat64: function setFloat64(byteOffset, value /* , littleEndian */ ) {
+              set(this, 8, byteOffset, packFloat64, value, arguments.length > 2 ? arguments[2] : undefined);
+            }
+          });
+        } else {
+          if (!fails(function () {
+            NativeArrayBuffer(1);
+          }) || !fails(function () {
+            new NativeArrayBuffer( - 1); // eslint-disable-line no-new
+          }) || fails(function () {
+            new NativeArrayBuffer(); // eslint-disable-line no-new
+            new NativeArrayBuffer(1.5); // eslint-disable-line no-new
+            new NativeArrayBuffer(NaN); // eslint-disable-line no-new
+            return NativeArrayBuffer.name != ARRAY_BUFFER;
+          })) {
+            $ArrayBuffer = function ArrayBuffer(length) {
+              anInstance(this, $ArrayBuffer);
+              return new NativeArrayBuffer(toIndex(length));
+            };
+            var ArrayBufferPrototype = $ArrayBuffer[PROTOTYPE] = NativeArrayBuffer[PROTOTYPE];
+            for (var keys = getOwnPropertyNames(NativeArrayBuffer), j = 0, key; keys.length > j; ) {
+              if (!((key = keys[j++]) in $ArrayBuffer)) {
+                createNonEnumerableProperty($ArrayBuffer, key, NativeArrayBuffer[key]);
+              }
+            }
+            ArrayBufferPrototype.constructor = $ArrayBuffer;
+          }          // WebKit bug - the same parent prototype for typed arrays and data view
+
+          if (setPrototypeOf && getPrototypeOf($DataViewPrototype) !== ObjectPrototype) {
+            setPrototypeOf($DataViewPrototype, ObjectPrototype);
+          }          // iOS Safari 7.x bug
+
+          var testView = new $DataView(new $ArrayBuffer(2));
+          var nativeSetInt8 = $DataViewPrototype.setInt8;
+          testView.setInt8(0, 2147483648);
+          testView.setInt8(1, 2147483649);
+          if (testView.getInt8(0) || !testView.getInt8(1)) redefineAll($DataViewPrototype, {
+            setInt8: function setInt8(byteOffset, value) {
+              nativeSetInt8.call(this, byteOffset, value << 24 >> 24);
+            },
+            setUint8: function setUint8(byteOffset, value) {
+              nativeSetInt8.call(this, byteOffset, value << 24 >> 24);
+            }
+          }, {
+            unsafe: true
+          });
+        }
+        setToStringTag($ArrayBuffer, ARRAY_BUFFER);
+        setToStringTag($DataView, DATA_VIEW);
+        module.exports = {
+          ArrayBuffer: $ArrayBuffer,
+          DataView: $DataView
+        };
+      },
+      {
+        '../internals/an-instance': 27,
+        '../internals/array-buffer-native': 29,
+        '../internals/array-fill': 33,
+        '../internals/create-non-enumerable-property': 56,
+        '../internals/descriptors': 61,
+        '../internals/fails': 69,
+        '../internals/global': 77,
+        '../internals/ieee754': 83,
+        '../internals/internal-state': 88,
+        '../internals/object-define-property': 110,
+        '../internals/object-get-own-property-names': 113,
+        '../internals/object-get-prototype-of': 115,
+        '../internals/object-set-prototype-of': 119,
+        '../internals/redefine-all': 125,
+        '../internals/set-to-string-tag': 135,
+        '../internals/to-index': 151,
+        '../internals/to-integer': 153,
+        '../internals/to-length': 154
+      }
+    ],
+    32: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var toObject = _dereq_('../internals/to-object');
+        var toAbsoluteIndex = _dereq_('../internals/to-absolute-index');
+        var toLength = _dereq_('../internals/to-length');
+        var min = Math.min;
+        // `Array.prototype.copyWithin` method implementation
+        // https://tc39.github.io/ecma262/#sec-array.prototype.copywithin
+        module.exports = [
+        ].copyWithin || function copyWithin(target /* = 0 */ , start /* = 0, end = @length */ ) {
+          var O = toObject(this);
+          var len = toLength(O.length);
+          var to = toAbsoluteIndex(target, len);
+          var from = toAbsoluteIndex(start, len);
+          var end = arguments.length > 2 ? arguments[2] : undefined;
+          var count = min((end === undefined ? len : toAbsoluteIndex(end, len)) - from, len - to);
+          var inc = 1;
+          if (from < to && to < from + count) {
+            inc = - 1;
+            from += count - 1;
+            to += count - 1;
+          }
+          while (count-- > 0) {
+            if (from in O) O[to] = O[from];
+             else delete O[to];
+            to += inc;
+            from += inc;
+          }
+          return O;
+        };
+      },
+      {
+        '../internals/to-absolute-index': 150,
+        '../internals/to-length': 154,
+        '../internals/to-object': 155
+      }
+    ],
+    33: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var toObject = _dereq_('../internals/to-object');
+        var toAbsoluteIndex = _dereq_('../internals/to-absolute-index');
+        var toLength = _dereq_('../internals/to-length');
+        // `Array.prototype.fill` method implementation
+        // https://tc39.github.io/ecma262/#sec-array.prototype.fill
+        module.exports = function fill(value /* , start = 0, end = @length */ ) {
+          var O = toObject(this);
+          var length = toLength(O.length);
+          var argumentsLength = arguments.length;
+          var index = toAbsoluteIndex(argumentsLength > 1 ? arguments[1] : undefined, length);
+          var end = argumentsLength > 2 ? arguments[2] : undefined;
+          var endPos = end === undefined ? length : toAbsoluteIndex(end, length);
+          while (endPos > index) O[index++] = value;
+          return O;
+        };
+      },
+      {
+        '../internals/to-absolute-index': 150,
+        '../internals/to-length': 154,
+        '../internals/to-object': 155
+      }
+    ],
+    34: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var $forEach = _dereq_('../internals/array-iteration').forEach;
+        var arrayMethodIsStrict = _dereq_('../internals/array-method-is-strict');
+        var arrayMethodUsesToLength = _dereq_('../internals/array-method-uses-to-length');
+        var STRICT_METHOD = arrayMethodIsStrict('forEach');
+        var USES_TO_LENGTH = arrayMethodUsesToLength('forEach');
+        // `Array.prototype.forEach` method implementation
+        // https://tc39.github.io/ecma262/#sec-array.prototype.foreach
+        module.exports = !STRICT_METHOD || !USES_TO_LENGTH ? function forEach(callbackfn /* , thisArg */ ) {
+          return $forEach(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
+        }
+         : [
+        ].forEach;
+      },
+      {
+        '../internals/array-iteration': 37,
+        '../internals/array-method-is-strict': 40,
+        '../internals/array-method-uses-to-length': 41
+      }
+    ],
+    35: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var bind = _dereq_('../internals/function-bind-context');
+        var toObject = _dereq_('../internals/to-object');
+        var callWithSafeIterationClosing = _dereq_('../internals/call-with-safe-iteration-closing');
+        var isArrayIteratorMethod = _dereq_('../internals/is-array-iterator-method');
+        var toLength = _dereq_('../internals/to-length');
+        var createProperty = _dereq_('../internals/create-property');
+        var getIteratorMethod = _dereq_('../internals/get-iterator-method');
+        // `Array.from` method implementation
+        // https://tc39.github.io/ecma262/#sec-array.from
+        module.exports = function from(arrayLike /* , mapfn = undefined, thisArg = undefined */ ) {
+          var O = toObject(arrayLike);
+          var C = typeof this == 'function' ? this : Array;
+          var argumentsLength = arguments.length;
+          var mapfn = argumentsLength > 1 ? arguments[1] : undefined;
+          var mapping = mapfn !== undefined;
+          var iteratorMethod = getIteratorMethod(O);
+          var index = 0;
+          var length,
+          result,
+          step,
+          iterator,
+          next,
+          value;
+          if (mapping) mapfn = bind(mapfn, argumentsLength > 2 ? arguments[2] : undefined, 2);
+          // if the target is not iterable or it's an array with the default iterator - use a simple case
+          if (iteratorMethod != undefined && !(C == Array && isArrayIteratorMethod(iteratorMethod))) {
+            iterator = iteratorMethod.call(O);
+            next = iterator.next;
+            result = new C();
+            for (; !(step = next.call(iterator)).done; index++) {
+              value = mapping ? callWithSafeIterationClosing(iterator, mapfn, [
+                step.value,
+                index
+              ], true) : step.value;
+              createProperty(result, index, value);
+            }
+          } else {
+            length = toLength(O.length);
+            result = new C(length);
+            for (; length > index; index++) {
+              value = mapping ? mapfn(O[index], index) : O[index];
+              createProperty(result, index, value);
+            }
+          }
+          result.length = index;
+          return result;
+        };
+      },
+      {
+        '../internals/call-with-safe-iteration-closing': 44,
+        '../internals/create-property': 58,
+        '../internals/function-bind-context': 72,
+        '../internals/get-iterator-method': 75,
+        '../internals/is-array-iterator-method': 89,
+        '../internals/to-length': 154,
+        '../internals/to-object': 155
+      }
+    ],
+    36: [
+      function (_dereq_, module, exports) {
+        var toIndexedObject = _dereq_('../internals/to-indexed-object');
+        var toLength = _dereq_('../internals/to-length');
+        var toAbsoluteIndex = _dereq_('../internals/to-absolute-index');
+        // `Array.prototype.{ indexOf, includes }` methods implementation
+        var createMethod = function (IS_INCLUDES) {
+          return function ($this, el, fromIndex) {
+            var O = toIndexedObject($this);
+            var length = toLength(O.length);
+            var index = toAbsoluteIndex(fromIndex, length);
+            var value;
+            // Array#includes uses SameValueZero equality algorithm
+            // eslint-disable-next-line no-self-compare
+            if (IS_INCLUDES && el != el) while (length > index) {
+              value = O[index++];
+              // eslint-disable-next-line no-self-compare
+              if (value != value) return true;
+              // Array#indexOf ignores holes, Array#includes - not
+            } else for (; length > index; index++) {
+              if ((IS_INCLUDES || index in O) && O[index] === el) return IS_INCLUDES || index || 0;
+            }
+            return !IS_INCLUDES && - 1;
+          };
+        };
+        module.exports = {
+          // `Array.prototype.includes` method
+          // https://tc39.github.io/ecma262/#sec-array.prototype.includes
+          includes: createMethod(true),
+          // `Array.prototype.indexOf` method
+          // https://tc39.github.io/ecma262/#sec-array.prototype.indexof
+          indexOf: createMethod(false)
+        };
+      },
+      {
+        '../internals/to-absolute-index': 150,
+        '../internals/to-indexed-object': 152,
+        '../internals/to-length': 154
+      }
+    ],
+    37: [
+      function (_dereq_, module, exports) {
+        var bind = _dereq_('../internals/function-bind-context');
+        var IndexedObject = _dereq_('../internals/indexed-object');
+        var toObject = _dereq_('../internals/to-object');
+        var toLength = _dereq_('../internals/to-length');
+        var arraySpeciesCreate = _dereq_('../internals/array-species-create');
+        var push = [
+        ].push;
+        // `Array.prototype.{ forEach, map, filter, some, every, find, findIndex }` methods implementation
+        var createMethod = function (TYPE) {
+          var IS_MAP = TYPE == 1;
+          var IS_FILTER = TYPE == 2;
+          var IS_SOME = TYPE == 3;
+          var IS_EVERY = TYPE == 4;
+          var IS_FIND_INDEX = TYPE == 6;
+          var NO_HOLES = TYPE == 5 || IS_FIND_INDEX;
+          return function ($this, callbackfn, that, specificCreate) {
+            var O = toObject($this);
+            var self = IndexedObject(O);
+            var boundFunction = bind(callbackfn, that, 3);
+            var length = toLength(self.length);
+            var index = 0;
+            var create = specificCreate || arraySpeciesCreate;
+            var target = IS_MAP ? create($this, length) : IS_FILTER ? create($this, 0) : undefined;
+            var value,
+            result;
+            for (; length > index; index++) if (NO_HOLES || index in self) {
+              value = self[index];
+              result = boundFunction(value, index, O);
+              if (TYPE) {
+                if (IS_MAP) target[index] = result; // map
+                 else if (result) switch (TYPE) {
+                  case 3:
+                    return true;
+                    // some
+                  case 5:
+                    return value;
+                    // find
+                  case 6:
+                    return index;
+                    // findIndex
+                  case 2:
+                    push.call(target, value);
+                    // filter
+                } else if (IS_EVERY) return false; // every
+              }
+            }
+            return IS_FIND_INDEX ? - 1 : IS_SOME || IS_EVERY ? IS_EVERY : target;
+          };
+        };
+        module.exports = {
+          // `Array.prototype.forEach` method
+          // https://tc39.github.io/ecma262/#sec-array.prototype.foreach
+          forEach: createMethod(0),
+          // `Array.prototype.map` method
+          // https://tc39.github.io/ecma262/#sec-array.prototype.map
+          map: createMethod(1),
+          // `Array.prototype.filter` method
+          // https://tc39.github.io/ecma262/#sec-array.prototype.filter
+          filter: createMethod(2),
+          // `Array.prototype.some` method
+          // https://tc39.github.io/ecma262/#sec-array.prototype.some
+          some: createMethod(3),
+          // `Array.prototype.every` method
+          // https://tc39.github.io/ecma262/#sec-array.prototype.every
+          every: createMethod(4),
+          // `Array.prototype.find` method
+          // https://tc39.github.io/ecma262/#sec-array.prototype.find
+          find: createMethod(5),
+          // `Array.prototype.findIndex` method
+          // https://tc39.github.io/ecma262/#sec-array.prototype.findIndex
+          findIndex: createMethod(6)
+        };
+      },
+      {
+        '../internals/array-species-create': 43,
+        '../internals/function-bind-context': 72,
+        '../internals/indexed-object': 84,
+        '../internals/to-length': 154,
+        '../internals/to-object': 155
+      }
+    ],
+    38: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var toIndexedObject = _dereq_('../internals/to-indexed-object');
+        var toInteger = _dereq_('../internals/to-integer');
+        var toLength = _dereq_('../internals/to-length');
+        var arrayMethodIsStrict = _dereq_('../internals/array-method-is-strict');
+        var arrayMethodUsesToLength = _dereq_('../internals/array-method-uses-to-length');
+        var min = Math.min;
+        var nativeLastIndexOf = [
+        ].lastIndexOf;
+        var NEGATIVE_ZERO = !!nativeLastIndexOf && 1 / [
+          1
+        ].lastIndexOf(1, - 0) < 0;
+        var STRICT_METHOD = arrayMethodIsStrict('lastIndexOf');
+        // For preventing possible almost infinite loop in non-standard implementations, test the forward version of the method
+        var USES_TO_LENGTH = arrayMethodUsesToLength('indexOf', {
+          ACCESSORS: true,
+          1: 0
+        });
+        var FORCED = NEGATIVE_ZERO || !STRICT_METHOD || !USES_TO_LENGTH;
+        // `Array.prototype.lastIndexOf` method implementation
+        // https://tc39.github.io/ecma262/#sec-array.prototype.lastindexof
+        module.exports = FORCED ? function lastIndexOf(searchElement /* , fromIndex = @[*-1] */ ) {
+          // convert -0 to +0
+          if (NEGATIVE_ZERO) return nativeLastIndexOf.apply(this, arguments) || 0;
+          var O = toIndexedObject(this);
+          var length = toLength(O.length);
+          var index = length - 1;
+          if (arguments.length > 1) index = min(index, toInteger(arguments[1]));
+          if (index < 0) index = length + index;
+          for (; index >= 0; index--) if (index in O && O[index] === searchElement) return index || 0;
+          return - 1;
+        }
+         : nativeLastIndexOf;
+      },
+      {
+        '../internals/array-method-is-strict': 40,
+        '../internals/array-method-uses-to-length': 41,
+        '../internals/to-indexed-object': 152,
+        '../internals/to-integer': 153,
+        '../internals/to-length': 154
+      }
+    ],
+    39: [
+      function (_dereq_, module, exports) {
+        var fails = _dereq_('../internals/fails');
+        var wellKnownSymbol = _dereq_('../internals/well-known-symbol');
+        var V8_VERSION = _dereq_('../internals/engine-v8-version');
+        var SPECIES = wellKnownSymbol('species');
+        module.exports = function (METHOD_NAME) {
+          // We can't use this feature detection in V8 since it causes
+          // deoptimization and serious performance degradation
+          // https://github.com/zloirock/core-js/issues/677
+          return V8_VERSION >= 51 || !fails(function () {
+            var array = [
+            ];
+            var constructor = array.constructor = {
+            };
+            constructor[SPECIES] = function () {
+              return {
+                foo: 1
+              };
+            };
+            return array[METHOD_NAME](Boolean).foo !== 1;
+          });
+        };
+      },
+      {
+        '../internals/engine-v8-version': 66,
+        '../internals/fails': 69,
+        '../internals/well-known-symbol': 166
+      }
+    ],
+    40: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var fails = _dereq_('../internals/fails');
+        module.exports = function (METHOD_NAME, argument) {
+          var method = [
+          ][METHOD_NAME];
+          return !!method && fails(function () {
+            // eslint-disable-next-line no-useless-call,no-throw-literal
+            method.call(null, argument || function () {
+              throw 1;
+            }, 1);
+          });
+        };
+      },
+      {
+        '../internals/fails': 69
+      }
+    ],
+    41: [
+      function (_dereq_, module, exports) {
+        var DESCRIPTORS = _dereq_('../internals/descriptors');
+        var fails = _dereq_('../internals/fails');
+        var has = _dereq_('../internals/has');
+        var defineProperty = Object.defineProperty;
+        var cache = {
+        };
+        var thrower = function (it) {
+          throw it;
+        };
+        module.exports = function (METHOD_NAME, options) {
+          if (has(cache, METHOD_NAME)) return cache[METHOD_NAME];
+          if (!options) options = {
+          };
+          var method = [
+          ][METHOD_NAME];
+          var ACCESSORS = has(options, 'ACCESSORS') ? options.ACCESSORS : false;
+          var argument0 = has(options, 0) ? options[0] : thrower;
+          var argument1 = has(options, 1) ? options[1] : undefined;
+          return cache[METHOD_NAME] = !!method && !fails(function () {
+            if (ACCESSORS && !DESCRIPTORS) return true;
+            var O = {
+              length: - 1
+            };
+            if (ACCESSORS) defineProperty(O, 1, {
+              enumerable: true,
+              get: thrower
+            });
+             else O[1] = 1;
+            method.call(O, argument0, argument1);
+          });
+        };
+      },
+      {
+        '../internals/descriptors': 61,
+        '../internals/fails': 69,
+        '../internals/has': 78
+      }
+    ],
+    42: [
+      function (_dereq_, module, exports) {
+        var aFunction = _dereq_('../internals/a-function');
+        var toObject = _dereq_('../internals/to-object');
+        var IndexedObject = _dereq_('../internals/indexed-object');
+        var toLength = _dereq_('../internals/to-length');
+        // `Array.prototype.{ reduce, reduceRight }` methods implementation
+        var createMethod = function (IS_RIGHT) {
+          return function (that, callbackfn, argumentsLength, memo) {
+            aFunction(callbackfn);
+            var O = toObject(that);
+            var self = IndexedObject(O);
+            var length = toLength(O.length);
+            var index = IS_RIGHT ? length - 1 : 0;
+            var i = IS_RIGHT ? - 1 : 1;
+            if (argumentsLength < 2) while (true) {
+              if (index in self) {
+                memo = self[index];
+                index += i;
+                break;
+              }
+              index += i;
+              if (IS_RIGHT ? index < 0 : length <= index) {
+                throw TypeError('Reduce of empty array with no initial value');
+              }
+            }
+            for (; IS_RIGHT ? index >= 0 : length > index; index += i) if (index in self) {
+              memo = callbackfn(memo, self[index], index, O);
+            }
+            return memo;
+          };
+        };
+        module.exports = {
+          // `Array.prototype.reduce` method
+          // https://tc39.github.io/ecma262/#sec-array.prototype.reduce
+          left: createMethod(false),
+          // `Array.prototype.reduceRight` method
+          // https://tc39.github.io/ecma262/#sec-array.prototype.reduceright
+          right: createMethod(true)
+        };
+      },
+      {
+        '../internals/a-function': 23,
+        '../internals/indexed-object': 84,
+        '../internals/to-length': 154,
+        '../internals/to-object': 155
+      }
+    ],
+    43: [
+      function (_dereq_, module, exports) {
+        var isObject = _dereq_('../internals/is-object');
+        var isArray = _dereq_('../internals/is-array');
+        var wellKnownSymbol = _dereq_('../internals/well-known-symbol');
+        var SPECIES = wellKnownSymbol('species');
+        // `ArraySpeciesCreate` abstract operation
+        // https://tc39.github.io/ecma262/#sec-arrayspeciescreate
+        module.exports = function (originalArray, length) {
+          var C;
+          if (isArray(originalArray)) {
+            C = originalArray.constructor;
+            // cross-realm fallback
+            if (typeof C == 'function' && (C === Array || isArray(C.prototype))) C = undefined;
+             else if (isObject(C)) {
+              C = C[SPECIES];
+              if (C === null) C = undefined;
+            }
+          }
+          return new (C === undefined ? Array : C) (length === 0 ? 0 : length);
+        };
+      },
+      {
+        '../internals/is-array': 90,
+        '../internals/is-object': 92,
+        '../internals/well-known-symbol': 166
+      }
+    ],
+    44: [
+      function (_dereq_, module, exports) {
+        var anObject = _dereq_('../internals/an-object');
+        // call something on iterator step with safe closing on error
+        module.exports = function (iterator, fn, value, ENTRIES) {
+          try {
+            return ENTRIES ? fn(anObject(value) [0], value[1]) : fn(value);
+            // 7.4.6 IteratorClose(iterator, completion)
+          } catch (error) {
+            var returnMethod = iterator['return'];
+            if (returnMethod !== undefined) anObject(returnMethod.call(iterator));
+            throw error;
+          }
+        };
+      },
+      {
+        '../internals/an-object': 28
+      }
+    ],
+    45: [
+      function (_dereq_, module, exports) {
+        var wellKnownSymbol = _dereq_('../internals/well-known-symbol');
+        var ITERATOR = wellKnownSymbol('iterator');
+        var SAFE_CLOSING = false;
+        try {
+          var called = 0;
+          var iteratorWithReturn = {
+            next: function () {
+              return {
+                done: !!called++
+              };
+            },
+            'return': function () {
+              SAFE_CLOSING = true;
+            }
+          };
+          iteratorWithReturn[ITERATOR] = function () {
+            return this;
+          };
+          // eslint-disable-next-line no-throw-literal
+          Array.from(iteratorWithReturn, function () {
+            throw 2;
+          });
+        } catch (error) { /* empty */ 
+        }
+        module.exports = function (exec, SKIP_CLOSING) {
+          if (!SKIP_CLOSING && !SAFE_CLOSING) return false;
+          var ITERATION_SUPPORT = false;
+          try {
+            var object = {
+            };
+            object[ITERATOR] = function () {
+              return {
+                next: function () {
+                  return {
+                    done: ITERATION_SUPPORT = true
+                  };
+                }
+              };
+            };
+            exec(object);
+          } catch (error) { /* empty */ 
+          }
+          return ITERATION_SUPPORT;
+        };
+      },
+      {
+        '../internals/well-known-symbol': 166
+      }
+    ],
+    46: [
+      function (_dereq_, module, exports) {
+        var toString = {
+        }.toString;
+        module.exports = function (it) {
+          return toString.call(it).slice(8, - 1);
+        };
+      },
+      {
+      }
+    ],
+    47: [
+      function (_dereq_, module, exports) {
+        var TO_STRING_TAG_SUPPORT = _dereq_('../internals/to-string-tag-support');
+        var classofRaw = _dereq_('../internals/classof-raw');
+        var wellKnownSymbol = _dereq_('../internals/well-known-symbol');
+        var TO_STRING_TAG = wellKnownSymbol('toStringTag');
+        // ES3 wrong here
+        var CORRECT_ARGUMENTS = classofRaw(function () {
+          return arguments;
+        }()) == 'Arguments';
+        // fallback for IE11 Script Access Denied error
+        var tryGet = function (it, key) {
+          try {
+            return it[key];
+          } catch (error) { /* empty */ 
+          }
+        };
+        // getting tag from ES6+ `Object.prototype.toString`
+        module.exports = TO_STRING_TAG_SUPPORT ? classofRaw : function (it) {
+          var O,
+          tag,
+          result;
+          return it === undefined ? 'Undefined' : it === null ? 'Null'          // @@toStringTag case
+           : typeof (tag = tryGet(O = Object(it), TO_STRING_TAG)) == 'string' ? tag          // builtinTag case
+           : CORRECT_ARGUMENTS ? classofRaw(O)          // ES3 arguments fallback
+           : (result = classofRaw(O)) == 'Object' && typeof O.callee == 'function' ? 'Arguments' : result;
+        };
+      },
+      {
+        '../internals/classof-raw': 46,
+        '../internals/to-string-tag-support': 159,
+        '../internals/well-known-symbol': 166
+      }
+    ],
+    48: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var defineProperty = _dereq_('../internals/object-define-property').f;
+        var create = _dereq_('../internals/object-create');
+        var redefineAll = _dereq_('../internals/redefine-all');
+        var bind = _dereq_('../internals/function-bind-context');
+        var anInstance = _dereq_('../internals/an-instance');
+        var iterate = _dereq_('../internals/iterate');
+        var defineIterator = _dereq_('../internals/define-iterator');
+        var setSpecies = _dereq_('../internals/set-species');
+        var DESCRIPTORS = _dereq_('../internals/descriptors');
+        var fastKey = _dereq_('../internals/internal-metadata').fastKey;
+        var InternalStateModule = _dereq_('../internals/internal-state');
+        var setInternalState = InternalStateModule.set;
+        var internalStateGetterFor = InternalStateModule.getterFor;
+        module.exports = {
+          getConstructor: function (wrapper, CONSTRUCTOR_NAME, IS_MAP, ADDER) {
+            var C = wrapper(function (that, iterable) {
+              anInstance(that, C, CONSTRUCTOR_NAME);
+              setInternalState(that, {
+                type: CONSTRUCTOR_NAME,
+                index: create(null),
+                first: undefined,
+                last: undefined,
+                size: 0
+              });
+              if (!DESCRIPTORS) that.size = 0;
+              if (iterable != undefined) iterate(iterable, that[ADDER], that, IS_MAP);
+            });
+            var getInternalState = internalStateGetterFor(CONSTRUCTOR_NAME);
+            var define = function (that, key, value) {
+              var state = getInternalState(that);
+              var entry = getEntry(that, key);
+              var previous,
+              index;
+              // change existing entry
+              if (entry) {
+                entry.value = value;
+                // create new entry
+              } else {
+                state.last = entry = {
+                  index: index = fastKey(key, true),
+                  key: key,
+                  value: value,
+                  previous: previous = state.last,
+                  next: undefined,
+                  removed: false
+                };
+                if (!state.first) state.first = entry;
+                if (previous) previous.next = entry;
+                if (DESCRIPTORS) state.size++;
+                 else that.size++;
+                // add to index
+                if (index !== 'F') state.index[index] = entry;
+              }
+              return that;
+            };
+            var getEntry = function (that, key) {
+              var state = getInternalState(that);
+              // fast case
+              var index = fastKey(key);
+              var entry;
+              if (index !== 'F') return state.index[index];
+              // frozen object case
+              for (entry = state.first; entry; entry = entry.next) {
+                if (entry.key == key) return entry;
+              }
+            };
+            redefineAll(C.prototype, {
+              // 23.1.3.1 Map.prototype.clear()
+              // 23.2.3.2 Set.prototype.clear()
+              clear: function clear() {
+                var that = this;
+                var state = getInternalState(that);
+                var data = state.index;
+                var entry = state.first;
+                while (entry) {
+                  entry.removed = true;
+                  if (entry.previous) entry.previous = entry.previous.next = undefined;
+                  delete data[entry.index];
+                  entry = entry.next;
+                }
+                state.first = state.last = undefined;
+                if (DESCRIPTORS) state.size = 0;
+                 else that.size = 0;
+              },
+              // 23.1.3.3 Map.prototype.delete(key)
+              // 23.2.3.4 Set.prototype.delete(value)
+              'delete': function (key) {
+                var that = this;
+                var state = getInternalState(that);
+                var entry = getEntry(that, key);
+                if (entry) {
+                  var next = entry.next;
+                  var prev = entry.previous;
+                  delete state.index[entry.index];
+                  entry.removed = true;
+                  if (prev) prev.next = next;
+                  if (next) next.previous = prev;
+                  if (state.first == entry) state.first = next;
+                  if (state.last == entry) state.last = prev;
+                  if (DESCRIPTORS) state.size--;
+                   else that.size--;
+                }
+                return !!entry;
+              },
+              // 23.2.3.6 Set.prototype.forEach(callbackfn, thisArg = undefined)
+              // 23.1.3.5 Map.prototype.forEach(callbackfn, thisArg = undefined)
+              forEach: function forEach(callbackfn /* , that = undefined */ ) {
+                var state = getInternalState(this);
+                var boundFunction = bind(callbackfn, arguments.length > 1 ? arguments[1] : undefined, 3);
+                var entry;
+                while (entry = entry ? entry.next : state.first) {
+                  boundFunction(entry.value, entry.key, this);
+                  // revert to the last existing entry
+                  while (entry && entry.removed) entry = entry.previous;
+                }
+              },
+              // 23.1.3.7 Map.prototype.has(key)
+              // 23.2.3.7 Set.prototype.has(value)
+              has: function has(key) {
+                return !!getEntry(this, key);
+              }
+            });
+            redefineAll(C.prototype, IS_MAP ? {
+              // 23.1.3.6 Map.prototype.get(key)
+              get: function get(key) {
+                var entry = getEntry(this, key);
+                return entry && entry.value;
+              },
+              // 23.1.3.9 Map.prototype.set(key, value)
+              set: function set(key, value) {
+                return define(this, key === 0 ? 0 : key, value);
+              }
+            }
+             : {
+              // 23.2.3.1 Set.prototype.add(value)
+              add: function add(value) {
+                return define(this, value = value === 0 ? 0 : value, value);
+              }
+            });
+            if (DESCRIPTORS) defineProperty(C.prototype, 'size', {
+              get: function () {
+                return getInternalState(this).size;
+              }
+            });
+            return C;
+          },
+          setStrong: function (C, CONSTRUCTOR_NAME, IS_MAP) {
+            var ITERATOR_NAME = CONSTRUCTOR_NAME + ' Iterator';
+            var getInternalCollectionState = internalStateGetterFor(CONSTRUCTOR_NAME);
+            var getInternalIteratorState = internalStateGetterFor(ITERATOR_NAME);
+            // add .keys, .values, .entries, [@@iterator]
+            // 23.1.3.4, 23.1.3.8, 23.1.3.11, 23.1.3.12, 23.2.3.5, 23.2.3.8, 23.2.3.10, 23.2.3.11
+            defineIterator(C, CONSTRUCTOR_NAME, function (iterated, kind) {
+              setInternalState(this, {
+                type: ITERATOR_NAME,
+                target: iterated,
+                state: getInternalCollectionState(iterated),
+                kind: kind,
+                last: undefined
+              });
+            }, function () {
+              var state = getInternalIteratorState(this);
+              var kind = state.kind;
+              var entry = state.last;
+              // revert to the last existing entry
+              while (entry && entry.removed) entry = entry.previous;
+              // get next entry
+              if (!state.target || !(state.last = entry = entry ? entry.next : state.state.first)) {
+                // or finish the iteration
+                state.target = undefined;
+                return {
+                  value: undefined,
+                  done: true
+                };
+              }              // return step by kind
+
+              if (kind == 'keys') return {
+                value: entry.key,
+                done: false
+              };
+              if (kind == 'values') return {
+                value: entry.value,
+                done: false
+              };
+              return {
+                value: [
+                  entry.key,
+                  entry.value
+                ],
+                done: false
+              };
+            }, IS_MAP ? 'entries' : 'values', !IS_MAP, true);
+            // add [@@species], 23.1.2.2, 23.2.2.2
+            setSpecies(CONSTRUCTOR_NAME);
+          }
+        };
+      },
+      {
+        '../internals/an-instance': 27,
+        '../internals/define-iterator': 59,
+        '../internals/descriptors': 61,
+        '../internals/function-bind-context': 72,
+        '../internals/internal-metadata': 87,
+        '../internals/internal-state': 88,
+        '../internals/iterate': 95,
+        '../internals/object-create': 108,
+        '../internals/object-define-property': 110,
+        '../internals/redefine-all': 125,
+        '../internals/set-species': 134
+      }
+    ],
+    49: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var redefineAll = _dereq_('../internals/redefine-all');
+        var getWeakData = _dereq_('../internals/internal-metadata').getWeakData;
+        var anObject = _dereq_('../internals/an-object');
+        var isObject = _dereq_('../internals/is-object');
+        var anInstance = _dereq_('../internals/an-instance');
+        var iterate = _dereq_('../internals/iterate');
+        var ArrayIterationModule = _dereq_('../internals/array-iteration');
+        var $has = _dereq_('../internals/has');
+        var InternalStateModule = _dereq_('../internals/internal-state');
+        var setInternalState = InternalStateModule.set;
+        var internalStateGetterFor = InternalStateModule.getterFor;
+        var find = ArrayIterationModule.find;
+        var findIndex = ArrayIterationModule.findIndex;
+        var id = 0;
+        // fallback for uncaught frozen keys
+        var uncaughtFrozenStore = function (store) {
+          return store.frozen || (store.frozen = new UncaughtFrozenStore());
+        };
+        var UncaughtFrozenStore = function () {
+          this.entries = [
+          ];
+        };
+        var findUncaughtFrozen = function (store, key) {
+          return find(store.entries, function (it) {
+            return it[0] === key;
+          });
+        };
+        UncaughtFrozenStore.prototype = {
+          get: function (key) {
+            var entry = findUncaughtFrozen(this, key);
+            if (entry) return entry[1];
+          },
+          has: function (key) {
+            return !!findUncaughtFrozen(this, key);
+          },
+          set: function (key, value) {
+            var entry = findUncaughtFrozen(this, key);
+            if (entry) entry[1] = value;
+             else this.entries.push([key,
+            value]);
+          },
+          'delete': function (key) {
+            var index = findIndex(this.entries, function (it) {
+              return it[0] === key;
+            });
+            if (~index) this.entries.splice(index, 1);
+            return !!~index;
+          }
+        };
+        module.exports = {
+          getConstructor: function (wrapper, CONSTRUCTOR_NAME, IS_MAP, ADDER) {
+            var C = wrapper(function (that, iterable) {
+              anInstance(that, C, CONSTRUCTOR_NAME);
+              setInternalState(that, {
+                type: CONSTRUCTOR_NAME,
+                id: id++,
+                frozen: undefined
+              });
+              if (iterable != undefined) iterate(iterable, that[ADDER], that, IS_MAP);
+            });
+            var getInternalState = internalStateGetterFor(CONSTRUCTOR_NAME);
+            var define = function (that, key, value) {
+              var state = getInternalState(that);
+              var data = getWeakData(anObject(key), true);
+              if (data === true) uncaughtFrozenStore(state).set(key, value);
+               else data[state.id] = value;
+              return that;
+            };
+            redefineAll(C.prototype, {
+              // 23.3.3.2 WeakMap.prototype.delete(key)
+              // 23.4.3.3 WeakSet.prototype.delete(value)
+              'delete': function (key) {
+                var state = getInternalState(this);
+                if (!isObject(key)) return false;
+                var data = getWeakData(key);
+                if (data === true) return uncaughtFrozenStore(state) ['delete'](key);
+                return data && $has(data, state.id) && delete data[state.id];
+              },
+              // 23.3.3.4 WeakMap.prototype.has(key)
+              // 23.4.3.4 WeakSet.prototype.has(value)
+              has: function has(key) {
+                var state = getInternalState(this);
+                if (!isObject(key)) return false;
+                var data = getWeakData(key);
+                if (data === true) return uncaughtFrozenStore(state).has(key);
+                return data && $has(data, state.id);
+              }
+            });
+            redefineAll(C.prototype, IS_MAP ? {
+              // 23.3.3.3 WeakMap.prototype.get(key)
+              get: function get(key) {
+                var state = getInternalState(this);
+                if (isObject(key)) {
+                  var data = getWeakData(key);
+                  if (data === true) return uncaughtFrozenStore(state).get(key);
+                  return data ? data[state.id] : undefined;
+                }
+              },
+              // 23.3.3.5 WeakMap.prototype.set(key, value)
+              set: function set(key, value) {
+                return define(this, key, value);
+              }
+            }
+             : {
+              // 23.4.3.1 WeakSet.prototype.add(value)
+              add: function add(value) {
+                return define(this, value, true);
+              }
+            });
+            return C;
+          }
+        };
+      },
+      {
+        '../internals/an-instance': 27,
+        '../internals/an-object': 28,
+        '../internals/array-iteration': 37,
+        '../internals/has': 78,
+        '../internals/internal-metadata': 87,
+        '../internals/internal-state': 88,
+        '../internals/is-object': 92,
+        '../internals/iterate': 95,
+        '../internals/redefine-all': 125
+      }
+    ],
+    50: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var $ = _dereq_('../internals/export');
+        var global = _dereq_('../internals/global');
+        var isForced = _dereq_('../internals/is-forced');
+        var redefine = _dereq_('../internals/redefine');
+        var InternalMetadataModule = _dereq_('../internals/internal-metadata');
+        var iterate = _dereq_('../internals/iterate');
+        var anInstance = _dereq_('../internals/an-instance');
+        var isObject = _dereq_('../internals/is-object');
+        var fails = _dereq_('../internals/fails');
+        var checkCorrectnessOfIteration = _dereq_('../internals/check-correctness-of-iteration');
+        var setToStringTag = _dereq_('../internals/set-to-string-tag');
+        var inheritIfRequired = _dereq_('../internals/inherit-if-required');
+        module.exports = function (CONSTRUCTOR_NAME, wrapper, common) {
+          var IS_MAP = CONSTRUCTOR_NAME.indexOf('Map') !== - 1;
+          var IS_WEAK = CONSTRUCTOR_NAME.indexOf('Weak') !== - 1;
+          var ADDER = IS_MAP ? 'set' : 'add';
+          var NativeConstructor = global[CONSTRUCTOR_NAME];
+          var NativePrototype = NativeConstructor && NativeConstructor.prototype;
+          var Constructor = NativeConstructor;
+          var exported = {
+          };
+          var fixMethod = function (KEY) {
+            var nativeMethod = NativePrototype[KEY];
+            redefine(NativePrototype, KEY, KEY == 'add' ? function add(value) {
+              nativeMethod.call(this, value === 0 ? 0 : value);
+              return this;
+            }
+             : KEY == 'delete' ? function (key) {
+              return IS_WEAK && !isObject(key) ? false : nativeMethod.call(this, key === 0 ? 0 : key);
+            }
+             : KEY == 'get' ? function get(key) {
+              return IS_WEAK && !isObject(key) ? undefined : nativeMethod.call(this, key === 0 ? 0 : key);
+            }
+             : KEY == 'has' ? function has(key) {
+              return IS_WEAK && !isObject(key) ? false : nativeMethod.call(this, key === 0 ? 0 : key);
+            }
+             : function set(key, value) {
+              nativeMethod.call(this, key === 0 ? 0 : key, value);
+              return this;
+            });
+          };
+          // eslint-disable-next-line max-len
+          if (isForced(CONSTRUCTOR_NAME, typeof NativeConstructor != 'function' || !(IS_WEAK || NativePrototype.forEach && !fails(function () {
+            new NativeConstructor().entries().next();
+          })))) {
+            // create collection constructor
+            Constructor = common.getConstructor(wrapper, CONSTRUCTOR_NAME, IS_MAP, ADDER);
+            InternalMetadataModule.REQUIRED = true;
+          } else if (isForced(CONSTRUCTOR_NAME, true)) {
+            var instance = new Constructor();
+            // early implementations not supports chaining
+            var HASNT_CHAINING = instance[ADDER](IS_WEAK ? {
+            }
+             : - 0, 1) != instance;
+            // V8 ~ Chromium 40- weak-collections throws on primitives, but should return false
+            var THROWS_ON_PRIMITIVES = fails(function () {
+              instance.has(1);
+            });
+            // most early implementations doesn't supports iterables, most modern - not close it correctly
+            // eslint-disable-next-line no-new
+            var ACCEPT_ITERABLES = checkCorrectnessOfIteration(function (iterable) {
+              new NativeConstructor(iterable);
+            });
+            // for early implementations -0 and +0 not the same
+            var BUGGY_ZERO = !IS_WEAK && fails(function () {
+              // V8 ~ Chromium 42- fails only with 5+ elements
+              var $instance = new NativeConstructor();
+              var index = 5;
+              while (index--) $instance[ADDER](index, index);
+              return !$instance.has( - 0);
+            });
+            if (!ACCEPT_ITERABLES) {
+              Constructor = wrapper(function (dummy, iterable) {
+                anInstance(dummy, Constructor, CONSTRUCTOR_NAME);
+                var that = inheritIfRequired(new NativeConstructor(), dummy, Constructor);
+                if (iterable != undefined) iterate(iterable, that[ADDER], that, IS_MAP);
+                return that;
+              });
+              Constructor.prototype = NativePrototype;
+              NativePrototype.constructor = Constructor;
+            }
+            if (THROWS_ON_PRIMITIVES || BUGGY_ZERO) {
+              fixMethod('delete');
+              fixMethod('has');
+              IS_MAP && fixMethod('get');
+            }
+            if (BUGGY_ZERO || HASNT_CHAINING) fixMethod(ADDER);
+            // weak collections should not contains .clear method
+            if (IS_WEAK && NativePrototype.clear) delete NativePrototype.clear;
+          }
+          exported[CONSTRUCTOR_NAME] = Constructor;
+          $({
+            global: true,
+            forced: Constructor != NativeConstructor
+          }, exported);
+          setToStringTag(Constructor, CONSTRUCTOR_NAME);
+          if (!IS_WEAK) common.setStrong(Constructor, CONSTRUCTOR_NAME, IS_MAP);
+          return Constructor;
+        };
+      },
+      {
+        '../internals/an-instance': 27,
+        '../internals/check-correctness-of-iteration': 45,
+        '../internals/export': 68,
+        '../internals/fails': 69,
+        '../internals/global': 77,
+        '../internals/inherit-if-required': 85,
+        '../internals/internal-metadata': 87,
+        '../internals/is-forced': 91,
+        '../internals/is-object': 92,
+        '../internals/iterate': 95,
+        '../internals/redefine': 126,
+        '../internals/set-to-string-tag': 135
+      }
+    ],
+    51: [
+      function (_dereq_, module, exports) {
+        var has = _dereq_('../internals/has');
+        var ownKeys = _dereq_('../internals/own-keys');
+        var getOwnPropertyDescriptorModule = _dereq_('../internals/object-get-own-property-descriptor');
+        var definePropertyModule = _dereq_('../internals/object-define-property');
+        module.exports = function (target, source) {
+          var keys = ownKeys(source);
+          var defineProperty = definePropertyModule.f;
+          var getOwnPropertyDescriptor = getOwnPropertyDescriptorModule.f;
+          for (var i = 0; i < keys.length; i++) {
+            var key = keys[i];
+            if (!has(target, key)) defineProperty(target, key, getOwnPropertyDescriptor(source, key));
+          }
+        };
+      },
+      {
+        '../internals/has': 78,
+        '../internals/object-define-property': 110,
+        '../internals/object-get-own-property-descriptor': 111,
+        '../internals/own-keys': 121
+      }
+    ],
+    52: [
+      function (_dereq_, module, exports) {
+        var wellKnownSymbol = _dereq_('../internals/well-known-symbol');
+        var MATCH = wellKnownSymbol('match');
+        module.exports = function (METHOD_NAME) {
+          var regexp = /./;
+          try {
+            '/./'[METHOD_NAME](regexp);
+          } catch (e) {
+            try {
+              regexp[MATCH] = false;
+              return '/./'[METHOD_NAME](regexp);
+            } catch (f) { /* empty */ 
+            }
+          }
+          return false;
+        };
+      },
+      {
+        '../internals/well-known-symbol': 166
+      }
+    ],
+    53: [
+      function (_dereq_, module, exports) {
+        var fails = _dereq_('../internals/fails');
+        module.exports = !fails(function () {
+          function F() { /* empty */ 
+          }
+          F.prototype.constructor = null;
+          return Object.getPrototypeOf(new F()) !== F.prototype;
+        });
+      },
+      {
+        '../internals/fails': 69
+      }
+    ],
+    54: [
+      function (_dereq_, module, exports) {
+        var requireObjectCoercible = _dereq_('../internals/require-object-coercible');
+        var quot = /"/g;
+        // B.2.3.2.1 CreateHTML(string, tag, attribute, value)
+        // https://tc39.github.io/ecma262/#sec-createhtml
+        module.exports = function (string, tag, attribute, value) {
+          var S = String(requireObjectCoercible(string));
+          var p1 = '<' + tag;
+          if (attribute !== '') p1 += ' ' + attribute + '="' + String(value).replace(quot, '&quot;') + '"';
+          return p1 + '>' + S + '</' + tag + '>';
+        };
+      },
+      {
+        '../internals/require-object-coercible': 131
+      }
+    ],
+    55: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var IteratorPrototype = _dereq_('../internals/iterators-core').IteratorPrototype;
+        var create = _dereq_('../internals/object-create');
+        var createPropertyDescriptor = _dereq_('../internals/create-property-descriptor');
+        var setToStringTag = _dereq_('../internals/set-to-string-tag');
+        var Iterators = _dereq_('../internals/iterators');
+        var returnThis = function () {
+          return this;
+        };
+        module.exports = function (IteratorConstructor, NAME, next) {
+          var TO_STRING_TAG = NAME + ' Iterator';
+          IteratorConstructor.prototype = create(IteratorPrototype, {
+            next: createPropertyDescriptor(1, next)
+          });
+          setToStringTag(IteratorConstructor, TO_STRING_TAG, false, true);
+          Iterators[TO_STRING_TAG] = returnThis;
+          return IteratorConstructor;
+        };
+      },
+      {
+        '../internals/create-property-descriptor': 57,
+        '../internals/iterators': 97,
+        '../internals/iterators-core': 96,
+        '../internals/object-create': 108,
+        '../internals/set-to-string-tag': 135
+      }
+    ],
+    56: [
+      function (_dereq_, module, exports) {
+        var DESCRIPTORS = _dereq_('../internals/descriptors');
+        var definePropertyModule = _dereq_('../internals/object-define-property');
+        var createPropertyDescriptor = _dereq_('../internals/create-property-descriptor');
+        module.exports = DESCRIPTORS ? function (object, key, value) {
+          return definePropertyModule.f(object, key, createPropertyDescriptor(1, value));
+        }
+         : function (object, key, value) {
+          object[key] = value;
+          return object;
+        };
+      },
+      {
+        '../internals/create-property-descriptor': 57,
+        '../internals/descriptors': 61,
+        '../internals/object-define-property': 110
+      }
+    ],
+    57: [
+      function (_dereq_, module, exports) {
+        module.exports = function (bitmap, value) {
+          return {
+            enumerable: !(bitmap & 1),
+            configurable: !(bitmap & 2),
+            writable: !(bitmap & 4),
+            value: value
+          };
+        };
+      },
+      {
+      }
+    ],
+    58: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var toPrimitive = _dereq_('../internals/to-primitive');
+        var definePropertyModule = _dereq_('../internals/object-define-property');
+        var createPropertyDescriptor = _dereq_('../internals/create-property-descriptor');
+        module.exports = function (object, key, value) {
+          var propertyKey = toPrimitive(key);
+          if (propertyKey in object) definePropertyModule.f(object, propertyKey, createPropertyDescriptor(0, value));
+           else object[propertyKey] = value;
+        };
+      },
+      {
+        '../internals/create-property-descriptor': 57,
+        '../internals/object-define-property': 110,
+        '../internals/to-primitive': 158
+      }
+    ],
+    59: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var $ = _dereq_('../internals/export');
+        var createIteratorConstructor = _dereq_('../internals/create-iterator-constructor');
+        var getPrototypeOf = _dereq_('../internals/object-get-prototype-of');
+        var setPrototypeOf = _dereq_('../internals/object-set-prototype-of');
+        var setToStringTag = _dereq_('../internals/set-to-string-tag');
+        var createNonEnumerableProperty = _dereq_('../internals/create-non-enumerable-property');
+        var redefine = _dereq_('../internals/redefine');
+        var wellKnownSymbol = _dereq_('../internals/well-known-symbol');
+        var IS_PURE = _dereq_('../internals/is-pure');
+        var Iterators = _dereq_('../internals/iterators');
+        var IteratorsCore = _dereq_('../internals/iterators-core');
+        var IteratorPrototype = IteratorsCore.IteratorPrototype;
+        var BUGGY_SAFARI_ITERATORS = IteratorsCore.BUGGY_SAFARI_ITERATORS;
+        var ITERATOR = wellKnownSymbol('iterator');
+        var KEYS = 'keys';
+        var VALUES = 'values';
+        var ENTRIES = 'entries';
+        var returnThis = function () {
+          return this;
+        };
+        module.exports = function (Iterable, NAME, IteratorConstructor, next, DEFAULT, IS_SET, FORCED) {
+          createIteratorConstructor(IteratorConstructor, NAME, next);
+          var getIterationMethod = function (KIND) {
+            if (KIND === DEFAULT && defaultIterator) return defaultIterator;
+            if (!BUGGY_SAFARI_ITERATORS && KIND in IterablePrototype) return IterablePrototype[KIND];
+            switch (KIND) {
+              case KEYS:
+                return function keys() {
+                  return new IteratorConstructor(this, KIND);
+                };
+              case VALUES:
+                return function values() {
+                  return new IteratorConstructor(this, KIND);
+                };
+              case ENTRIES:
+                return function entries() {
+                  return new IteratorConstructor(this, KIND);
+                };
+            }
+            return function () {
+              return new IteratorConstructor(this);
+            };
+          };
+          var TO_STRING_TAG = NAME + ' Iterator';
+          var INCORRECT_VALUES_NAME = false;
+          var IterablePrototype = Iterable.prototype;
+          var nativeIterator = IterablePrototype[ITERATOR] || IterablePrototype['@@iterator'] || DEFAULT && IterablePrototype[DEFAULT];
+          var defaultIterator = !BUGGY_SAFARI_ITERATORS && nativeIterator || getIterationMethod(DEFAULT);
+          var anyNativeIterator = NAME == 'Array' ? IterablePrototype.entries || nativeIterator : nativeIterator;
+          var CurrentIteratorPrototype,
+          methods,
+          KEY;
+          // fix native
+          if (anyNativeIterator) {
+            CurrentIteratorPrototype = getPrototypeOf(anyNativeIterator.call(new Iterable()));
+            if (IteratorPrototype !== Object.prototype && CurrentIteratorPrototype.next) {
+              if (!IS_PURE && getPrototypeOf(CurrentIteratorPrototype) !== IteratorPrototype) {
+                if (setPrototypeOf) {
+                  setPrototypeOf(CurrentIteratorPrototype, IteratorPrototype);
+                } else if (typeof CurrentIteratorPrototype[ITERATOR] != 'function') {
+                  createNonEnumerableProperty(CurrentIteratorPrototype, ITERATOR, returnThis);
+                }
+              }              // Set @@toStringTag to native iterators
+
+              setToStringTag(CurrentIteratorPrototype, TO_STRING_TAG, true, true);
+              if (IS_PURE) Iterators[TO_STRING_TAG] = returnThis;
+            }
+          }          // fix Array#{values, @@iterator}.name in V8 / FF
+
+          if (DEFAULT == VALUES && nativeIterator && nativeIterator.name !== VALUES) {
+            INCORRECT_VALUES_NAME = true;
+            defaultIterator = function values() {
+              return nativeIterator.call(this);
+            };
+          }          // define iterator
+
+          if ((!IS_PURE || FORCED) && IterablePrototype[ITERATOR] !== defaultIterator) {
+            createNonEnumerableProperty(IterablePrototype, ITERATOR, defaultIterator);
+          }
+          Iterators[NAME] = defaultIterator;
+          // export additional methods
+          if (DEFAULT) {
+            methods = {
+              values: getIterationMethod(VALUES),
+              keys: IS_SET ? defaultIterator : getIterationMethod(KEYS),
+              entries: getIterationMethod(ENTRIES)
+            };
+            if (FORCED) for (KEY in methods) {
+              if (BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME || !(KEY in IterablePrototype)) {
+                redefine(IterablePrototype, KEY, methods[KEY]);
+              }
+            } else $({
+              target: NAME,
+              proto: true,
+              forced: BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME
+            }, methods);
+          }
+          return methods;
+        };
+      },
+      {
+        '../internals/create-iterator-constructor': 55,
+        '../internals/create-non-enumerable-property': 56,
+        '../internals/export': 68,
+        '../internals/is-pure': 93,
+        '../internals/iterators': 97,
+        '../internals/iterators-core': 96,
+        '../internals/object-get-prototype-of': 115,
+        '../internals/object-set-prototype-of': 119,
+        '../internals/redefine': 126,
+        '../internals/set-to-string-tag': 135,
+        '../internals/well-known-symbol': 166
+      }
+    ],
+    60: [
+      function (_dereq_, module, exports) {
+        var path = _dereq_('../internals/path');
+        var has = _dereq_('../internals/has');
+        var wrappedWellKnownSymbolModule = _dereq_('../internals/well-known-symbol-wrapped');
+        var defineProperty = _dereq_('../internals/object-define-property').f;
+        module.exports = function (NAME) {
+          var Symbol = path.Symbol || (path.Symbol = {
+          });
+          if (!has(Symbol, NAME)) defineProperty(Symbol, NAME, {
+            value: wrappedWellKnownSymbolModule.f(NAME)
+          });
+        };
+      },
+      {
+        '../internals/has': 78,
+        '../internals/object-define-property': 110,
+        '../internals/path': 122,
+        '../internals/well-known-symbol-wrapped': 165
+      }
+    ],
+    61: [
+      function (_dereq_, module, exports) {
+        var fails = _dereq_('../internals/fails');
+        // Thank's IE8 for his funny defineProperty
+        module.exports = !fails(function () {
+          return Object.defineProperty({
+          }, 1, {
+            get: function () {
+              return 7;
+            }
+          }) [1] != 7;
+        });
+      },
+      {
+        '../internals/fails': 69
+      }
+    ],
+    62: [
+      function (_dereq_, module, exports) {
+        var global = _dereq_('../internals/global');
+        var isObject = _dereq_('../internals/is-object');
+        var document = global.document;
+        // typeof document.createElement is 'object' in old IE
+        var EXISTS = isObject(document) && isObject(document.createElement);
+        module.exports = function (it) {
+          return EXISTS ? document.createElement(it) : {
+          };
+        };
+      },
+      {
+        '../internals/global': 77,
+        '../internals/is-object': 92
+      }
+    ],
+    63: [
+      function (_dereq_, module, exports) {
+        // iterable DOM collections
+        // flag - `iterable` interface - 'entries', 'keys', 'values', 'forEach' methods
+        module.exports = {
+          CSSRuleList: 0,
+          CSSStyleDeclaration: 0,
+          CSSValueList: 0,
+          ClientRectList: 0,
+          DOMRectList: 0,
+          DOMStringList: 0,
+          DOMTokenList: 1,
+          DataTransferItemList: 0,
+          FileList: 0,
+          HTMLAllCollection: 0,
+          HTMLCollection: 0,
+          HTMLFormElement: 0,
+          HTMLSelectElement: 0,
+          MediaList: 0,
+          MimeTypeArray: 0,
+          NamedNodeMap: 0,
+          NodeList: 1,
+          PaintRequestList: 0,
+          Plugin: 0,
+          PluginArray: 0,
+          SVGLengthList: 0,
+          SVGNumberList: 0,
+          SVGPathSegList: 0,
+          SVGPointList: 0,
+          SVGStringList: 0,
+          SVGTransformList: 0,
+          SourceBufferList: 0,
+          StyleSheetList: 0,
+          TextTrackCueList: 0,
+          TextTrackList: 0,
+          TouchList: 0
+        };
+      },
+      {
+      }
+    ],
+    64: [
+      function (_dereq_, module, exports) {
+        var userAgent = _dereq_('../internals/engine-user-agent');
+        module.exports = /(iphone|ipod|ipad).*applewebkit/i.test(userAgent);
+      },
+      {
+        '../internals/engine-user-agent': 65
+      }
+    ],
+    65: [
+      function (_dereq_, module, exports) {
+        var getBuiltIn = _dereq_('../internals/get-built-in');
+        module.exports = getBuiltIn('navigator', 'userAgent') || '';
+      },
+      {
+        '../internals/get-built-in': 74
+      }
+    ],
+    66: [
+      function (_dereq_, module, exports) {
+        var global = _dereq_('../internals/global');
+        var userAgent = _dereq_('../internals/engine-user-agent');
+        var process = global.process;
+        var versions = process && process.versions;
+        var v8 = versions && versions.v8;
+        var match,
+        version;
+        if (v8) {
+          match = v8.split('.');
+          version = match[0] + match[1];
+        } else if (userAgent) {
+          match = userAgent.match(/Edge\/(\d+)/);
+          if (!match || match[1] >= 74) {
+            match = userAgent.match(/Chrome\/(\d+)/);
+            if (match) version = match[1];
+          }
+        }
+        module.exports = version && + version;
+      },
+      {
+        '../internals/engine-user-agent': 65,
+        '../internals/global': 77
+      }
+    ],
+    67: [
+      function (_dereq_, module, exports) {
+        // IE8- don't enum bug keys
+        module.exports = [
+          'constructor',
+          'hasOwnProperty',
+          'isPrototypeOf',
+          'propertyIsEnumerable',
+          'toLocaleString',
+          'toString',
+          'valueOf'
+        ];
+      },
+      {
+      }
+    ],
+    68: [
+      function (_dereq_, module, exports) {
+        var global = _dereq_('../internals/global');
+        var getOwnPropertyDescriptor = _dereq_('../internals/object-get-own-property-descriptor').f;
+        var createNonEnumerableProperty = _dereq_('../internals/create-non-enumerable-property');
+        var redefine = _dereq_('../internals/redefine');
+        var setGlobal = _dereq_('../internals/set-global');
+        var copyConstructorProperties = _dereq_('../internals/copy-constructor-properties');
+        var isForced = _dereq_('../internals/is-forced');
+        /*
+  options.target      - name of the target object
+  options.global      - target is the global object
+  options.stat        - export as static methods of target
+  options.proto       - export as prototype methods of target
+  options.real        - real prototype method for the `pure` version
+  options.forced      - export even if the native feature is available
+  options.bind        - bind methods to the target, required for the `pure` version
+  options.wrap        - wrap constructors to preventing global pollution, required for the `pure` version
+  options.unsafe      - use the simple assignment of property instead of delete + defineProperty
+  options.sham        - add a flag to not completely full polyfills
+  options.enumerable  - export as enumerable property
+  options.noTargetGet - prevent calling a getter on target
+*/
+        module.exports = function (options, source) {
+          var TARGET = options.target;
+          var GLOBAL = options.global;
+          var STATIC = options.stat;
+          var FORCED,
+          target,
+          key,
+          targetProperty,
+          sourceProperty,
+          descriptor;
+          if (GLOBAL) {
+            target = global;
+          } else if (STATIC) {
+            target = global[TARGET] || setGlobal(TARGET, {
+            });
+          } else {
+            target = (global[TARGET] || {
+            }).prototype;
+          }
+          if (target) for (key in source) {
+            sourceProperty = source[key];
+            if (options.noTargetGet) {
+              descriptor = getOwnPropertyDescriptor(target, key);
+              targetProperty = descriptor && descriptor.value;
+            } else targetProperty = target[key];
+            FORCED = isForced(GLOBAL ? key : TARGET + (STATIC ? '.' : '#') + key, options.forced);
+            // contained in target
+            if (!FORCED && targetProperty !== undefined) {
+              if (typeof sourceProperty === typeof targetProperty) continue;
+              copyConstructorProperties(sourceProperty, targetProperty);
+            }            // add a flag to not completely full polyfills
+
+            if (options.sham || targetProperty && targetProperty.sham) {
+              createNonEnumerableProperty(sourceProperty, 'sham', true);
+            }            // extend global
+
+            redefine(target, key, sourceProperty, options);
+          }
+        };
+      },
+      {
+        '../internals/copy-constructor-properties': 51,
+        '../internals/create-non-enumerable-property': 56,
+        '../internals/global': 77,
+        '../internals/is-forced': 91,
+        '../internals/object-get-own-property-descriptor': 111,
+        '../internals/redefine': 126,
+        '../internals/set-global': 133
+      }
+    ],
+    69: [
+      function (_dereq_, module, exports) {
+        module.exports = function (exec) {
+          try {
+            return !!exec();
+          } catch (error) {
+            return true;
+          }
+        };
+      },
+      {
+      }
+    ],
+    70: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        // TODO: Remove from `core-js@4` since it's moved to entry points
+        _dereq_('../modules/es.regexp.exec');
+        var redefine = _dereq_('../internals/redefine');
+        var fails = _dereq_('../internals/fails');
+        var wellKnownSymbol = _dereq_('../internals/well-known-symbol');
+        var regexpExec = _dereq_('../internals/regexp-exec');
+        var createNonEnumerableProperty = _dereq_('../internals/create-non-enumerable-property');
+        var SPECIES = wellKnownSymbol('species');
+        var REPLACE_SUPPORTS_NAMED_GROUPS = !fails(function () {
+          // #replace needs built-in support for named groups.
+          // #match works fine because it just return the exec results, even if it has
+          // a "grops" property.
+          var re = /./;
+          re.exec = function () {
+            var result = [
+            ];
+            result.groups = {
+              a: '7'
+            };
+            return result;
+          };
+          return ''.replace(re, '$<a>') !== '7';
+        });
+        // IE <= 11 replaces $0 with the whole match, as if it was $&
+        // https://stackoverflow.com/questions/6024666/getting-ie-to-replace-a-regex-with-the-literal-string-0
+        var REPLACE_KEEPS_$0 = function () {
+          return 'a'.replace(/./, '$0') === '$0';
+        }();
+        var REPLACE = wellKnownSymbol('replace');
+        // Safari <= 13.0.3(?) substitutes nth capture where n>m with an empty string
+        var REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE = function () {
+          if (/./[REPLACE]) {
+            return /./[REPLACE]('a', '$0') === '';
+          }
+          return false;
+        }();
+        // Chrome 51 has a buggy "split" implementation when RegExp#exec !== nativeExec
+        // Weex JS has frozen built-in prototypes, so use try / catch wrapper
+        var SPLIT_WORKS_WITH_OVERWRITTEN_EXEC = !fails(function () {
+          var re = /(?:)/;
+          var originalExec = re.exec;
+          re.exec = function () {
+            return originalExec.apply(this, arguments);
+          };
+          var result = 'ab'.split(re);
+          return result.length !== 2 || result[0] !== 'a' || result[1] !== 'b';
+        });
+        module.exports = function (KEY, length, exec, sham) {
+          var SYMBOL = wellKnownSymbol(KEY);
+          var DELEGATES_TO_SYMBOL = !fails(function () {
+            // String methods call symbol-named RegEp methods
+            var O = {
+            };
+            O[SYMBOL] = function () {
+              return 7;
+            };
+            return ''[KEY](O) != 7;
+          });
+          var DELEGATES_TO_EXEC = DELEGATES_TO_SYMBOL && !fails(function () {
+            // Symbol-named RegExp methods call .exec
+            var execCalled = false;
+            var re = /a/;
+            if (KEY === 'split') {
+              // We can't use real regex here since it causes deoptimization
+              // and serious performance degradation in V8
+              // https://github.com/zloirock/core-js/issues/306
+              re = {
+              };
+              // RegExp[@@split] doesn't call the regex's exec method, but first creates
+              // a new one. We need to return the patched regex when creating the new one.
+              re.constructor = {
+              };
+              re.constructor[SPECIES] = function () {
+                return re;
+              };
+              re.flags = '';
+              re[SYMBOL] = /./[SYMBOL];
+            }
+            re.exec = function () {
+              execCalled = true;
+              return null;
+            };
+            re[SYMBOL]('');
+            return !execCalled;
+          });
+          if (!DELEGATES_TO_SYMBOL || !DELEGATES_TO_EXEC || KEY === 'replace' && !(REPLACE_SUPPORTS_NAMED_GROUPS && REPLACE_KEEPS_$0 && !REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE) || KEY === 'split' && !SPLIT_WORKS_WITH_OVERWRITTEN_EXEC) {
+            var nativeRegExpMethod = /./[SYMBOL];
+            var methods = exec(SYMBOL, ''[KEY], function (nativeMethod, regexp, str, arg2, forceStringMethod) {
+              if (regexp.exec === regexpExec) {
+                if (DELEGATES_TO_SYMBOL && !forceStringMethod) {
+                  // The native String method already delegates to @@method (this
+                  // polyfilled function), leasing to infinite recursion.
+                  // We avoid it by directly calling the native @@method method.
+                  return {
+                    done: true,
+                    value: nativeRegExpMethod.call(regexp, str, arg2)
+                  };
+                }
+                return {
+                  done: true,
+                  value: nativeMethod.call(str, regexp, arg2)
+                };
+              }
+              return {
+                done: false
+              };
+            }, {
+              REPLACE_KEEPS_$0: REPLACE_KEEPS_$0,
+              REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE: REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE
+            });
+            var stringMethod = methods[0];
+            var regexMethod = methods[1];
+            redefine(String.prototype, KEY, stringMethod);
+            redefine(RegExp.prototype, SYMBOL, length == 2            // 21.2.5.8 RegExp.prototype[@@replace](string, replaceValue)
+            // 21.2.5.11 RegExp.prototype[@@split](string, limit)
+            ? function (string, arg) {
+              return regexMethod.call(string, this, arg);
+            }            // 21.2.5.6 RegExp.prototype[@@match](string)
+            // 21.2.5.9 RegExp.prototype[@@search](string)
+
+             : function (string) {
+              return regexMethod.call(string, this);
+            });
+          }
+          if (sham) createNonEnumerableProperty(RegExp.prototype[SYMBOL], 'sham', true);
+        };
+      },
+      {
+        '../internals/create-non-enumerable-property': 56,
+        '../internals/fails': 69,
+        '../internals/redefine': 126,
+        '../internals/regexp-exec': 128,
+        '../internals/well-known-symbol': 166,
+        '../modules/es.regexp.exec': 205
+      }
+    ],
+    71: [
+      function (_dereq_, module, exports) {
+        var fails = _dereq_('../internals/fails');
+        module.exports = !fails(function () {
+          return Object.isExtensible(Object.preventExtensions({
+          }));
+        });
+      },
+      {
+        '../internals/fails': 69
+      }
+    ],
+    72: [
+      function (_dereq_, module, exports) {
+        var aFunction = _dereq_('../internals/a-function');
+        // optional / simple context binding
+        module.exports = function (fn, that, length) {
+          aFunction(fn);
+          if (that === undefined) return fn;
+          switch (length) {
+            case 0:
+              return function () {
+                return fn.call(that);
+              };
+            case 1:
+              return function (a) {
+                return fn.call(that, a);
+              };
+            case 2:
+              return function (a, b) {
+                return fn.call(that, a, b);
+              };
+            case 3:
+              return function (a, b, c) {
+                return fn.call(that, a, b, c);
+              };
+          }
+          return function /* ...args */
+          () {
+            return fn.apply(that, arguments);
+          };
+        };
+      },
+      {
+        '../internals/a-function': 23
+      }
+    ],
+    73: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var aFunction = _dereq_('../internals/a-function');
+        var isObject = _dereq_('../internals/is-object');
+        var slice = [
+        ].slice;
+        var factories = {
+        };
+        var construct = function (C, argsLength, args) {
+          if (!(argsLength in factories)) {
+            for (var list = [
+            ], i = 0; i < argsLength; i++) list[i] = 'a[' + i + ']';
+            // eslint-disable-next-line no-new-func
+            factories[argsLength] = Function('C,a', 'return new C(' + list.join(',') + ')');
+          }
+          return factories[argsLength](C, args);
+        };
+        // `Function.prototype.bind` method implementation
+        // https://tc39.github.io/ecma262/#sec-function.prototype.bind
+        module.exports = Function.bind || function bind(that /* , ...args */ ) {
+          var fn = aFunction(this);
+          var partArgs = slice.call(arguments, 1);
+          var boundFunction = function bound( /* args... */
+          ) {
+            var args = partArgs.concat(slice.call(arguments));
+            return this instanceof boundFunction ? construct(fn, args.length, args) : fn.apply(that, args);
+          };
+          if (isObject(fn.prototype)) boundFunction.prototype = fn.prototype;
+          return boundFunction;
+        };
+      },
+      {
+        '../internals/a-function': 23,
+        '../internals/is-object': 92
+      }
+    ],
+    74: [
+      function (_dereq_, module, exports) {
+        var path = _dereq_('../internals/path');
+        var global = _dereq_('../internals/global');
+        var aFunction = function (variable) {
+          return typeof variable == 'function' ? variable : undefined;
+        };
+        module.exports = function (namespace, method) {
+          return arguments.length < 2 ? aFunction(path[namespace]) || aFunction(global[namespace]) : path[namespace] && path[namespace][method] || global[namespace] && global[namespace][method];
+        };
+      },
+      {
+        '../internals/global': 77,
+        '../internals/path': 122
+      }
+    ],
+    75: [
+      function (_dereq_, module, exports) {
+        var classof = _dereq_('../internals/classof');
+        var Iterators = _dereq_('../internals/iterators');
+        var wellKnownSymbol = _dereq_('../internals/well-known-symbol');
+        var ITERATOR = wellKnownSymbol('iterator');
+        module.exports = function (it) {
+          if (it != undefined) return it[ITERATOR] || it['@@iterator'] || Iterators[classof(it)];
+        };
+      },
+      {
+        '../internals/classof': 47,
+        '../internals/iterators': 97,
+        '../internals/well-known-symbol': 166
+      }
+    ],
+    76: [
+      function (_dereq_, module, exports) {
+        var anObject = _dereq_('../internals/an-object');
+        var getIteratorMethod = _dereq_('../internals/get-iterator-method');
+        module.exports = function (it) {
+          var iteratorMethod = getIteratorMethod(it);
+          if (typeof iteratorMethod != 'function') {
+            throw TypeError(String(it) + ' is not iterable');
+          }
+          return anObject(iteratorMethod.call(it));
+        };
+      },
+      {
+        '../internals/an-object': 28,
+        '../internals/get-iterator-method': 75
+      }
+    ],
+    77: [
+      function (_dereq_, module, exports) {
+        (function (global) {
+          var check = function (it) {
+            return it && it.Math == Math && it;
+          };
+          // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
+          module.exports =          // eslint-disable-next-line no-undef
+          check(typeof globalThis == 'object' && globalThis) || check(typeof window == 'object' && window) || check(typeof self == 'object' && self) || check(typeof global == 'object' && global) ||          // eslint-disable-next-line no-new-func
+          Function('return this') ();
+        }).call(this, typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : typeof window !== 'undefined' ? window : {
+        })
+      },
+      {
+      }
+    ],
+    78: [
+      function (_dereq_, module, exports) {
+        var hasOwnProperty = {
+        }.hasOwnProperty;
+        module.exports = function (it, key) {
+          return hasOwnProperty.call(it, key);
+        };
+      },
+      {
+      }
+    ],
+    79: [
+      function (_dereq_, module, exports) {
+        module.exports = {
+        };
+      },
+      {
+      }
+    ],
+    80: [
+      function (_dereq_, module, exports) {
+        var global = _dereq_('../internals/global');
+        module.exports = function (a, b) {
+          var console = global.console;
+          if (console && console.error) {
+            arguments.length === 1 ? console.error(a) : console.error(a, b);
+          }
+        };
+      },
+      {
+        '../internals/global': 77
+      }
+    ],
+    81: [
+      function (_dereq_, module, exports) {
+        var getBuiltIn = _dereq_('../internals/get-built-in');
+        module.exports = getBuiltIn('document', 'documentElement');
+      },
+      {
+        '../internals/get-built-in': 74
+      }
+    ],
+    82: [
+      function (_dereq_, module, exports) {
+        var DESCRIPTORS = _dereq_('../internals/descriptors');
+        var fails = _dereq_('../internals/fails');
+        var createElement = _dereq_('../internals/document-create-element');
+        // Thank's IE8 for his funny defineProperty
+        module.exports = !DESCRIPTORS && !fails(function () {
+          return Object.defineProperty(createElement('div'), 'a', {
+            get: function () {
+              return 7;
+            }
+          }).a != 7;
+        });
+      },
+      {
+        '../internals/descriptors': 61,
+        '../internals/document-create-element': 62,
+        '../internals/fails': 69
+      }
+    ],
+    83: [
+      function (_dereq_, module, exports) {
+        // IEEE754 conversions based on https://github.com/feross/ieee754
+        // eslint-disable-next-line no-shadow-restricted-names
+        var Infinity = 1 / 0;
+        var abs = Math.abs;
+        var pow = Math.pow;
+        var floor = Math.floor;
+        var log = Math.log;
+        var LN2 = Math.LN2;
+        var pack = function (number, mantissaLength, bytes) {
+          var buffer = new Array(bytes);
+          var exponentLength = bytes * 8 - mantissaLength - 1;
+          var eMax = (1 << exponentLength) - 1;
+          var eBias = eMax >> 1;
+          var rt = mantissaLength === 23 ? pow(2, - 24) - pow(2, - 77) : 0;
+          var sign = number < 0 || number === 0 && 1 / number < 0 ? 1 : 0;
+          var index = 0;
+          var exponent,
+          mantissa,
+          c;
+          number = abs(number);
+          // eslint-disable-next-line no-self-compare
+          if (number != number || number === Infinity) {
+            // eslint-disable-next-line no-self-compare
+            mantissa = number != number ? 1 : 0;
+            exponent = eMax;
+          } else {
+            exponent = floor(log(number) / LN2);
+            if (number * (c = pow(2, - exponent)) < 1) {
+              exponent--;
+              c *= 2;
+            }
+            if (exponent + eBias >= 1) {
+              number += rt / c;
+            } else {
+              number += rt * pow(2, 1 - eBias);
+            }
+            if (number * c >= 2) {
+              exponent++;
+              c /= 2;
+            }
+            if (exponent + eBias >= eMax) {
+              mantissa = 0;
+              exponent = eMax;
+            } else if (exponent + eBias >= 1) {
+              mantissa = (number * c - 1) * pow(2, mantissaLength);
+              exponent = exponent + eBias;
+            } else {
+              mantissa = number * pow(2, eBias - 1) * pow(2, mantissaLength);
+              exponent = 0;
+            }
+          }
+          for (; mantissaLength >= 8; buffer[index++] = mantissa & 255, mantissa /= 256, mantissaLength -= 8);
+          exponent = exponent << mantissaLength | mantissa;
+          exponentLength += mantissaLength;
+          for (; exponentLength > 0; buffer[index++] = exponent & 255, exponent /= 256, exponentLength -= 8);
+          buffer[--index] |= sign * 128;
+          return buffer;
+        };
+        var unpack = function (buffer, mantissaLength) {
+          var bytes = buffer.length;
+          var exponentLength = bytes * 8 - mantissaLength - 1;
+          var eMax = (1 << exponentLength) - 1;
+          var eBias = eMax >> 1;
+          var nBits = exponentLength - 7;
+          var index = bytes - 1;
+          var sign = buffer[index--];
+          var exponent = sign & 127;
+          var mantissa;
+          sign >>= 7;
+          for (; nBits > 0; exponent = exponent * 256 + buffer[index], index--, nBits -= 8);
+          mantissa = exponent & (1 << - nBits) - 1;
+          exponent >>= - nBits;
+          nBits += mantissaLength;
+          for (; nBits > 0; mantissa = mantissa * 256 + buffer[index], index--, nBits -= 8);
+          if (exponent === 0) {
+            exponent = 1 - eBias;
+          } else if (exponent === eMax) {
+            return mantissa ? NaN : sign ? - Infinity : Infinity;
+          } else {
+            mantissa = mantissa + pow(2, mantissaLength);
+            exponent = exponent - eBias;
+          }
+          return (sign ? - 1 : 1) * mantissa * pow(2, exponent - mantissaLength);
+        };
+        module.exports = {
+          pack: pack,
+          unpack: unpack
+        };
+      },
+      {
+      }
+    ],
+    84: [
+      function (_dereq_, module, exports) {
+        var fails = _dereq_('../internals/fails');
+        var classof = _dereq_('../internals/classof-raw');
+        var split = ''.split;
+        // fallback for non-array-like ES3 and non-enumerable old V8 strings
+        module.exports = fails(function () {
+          // throws an error in rhino, see https://github.com/mozilla/rhino/issues/346
+          // eslint-disable-next-line no-prototype-builtins
+          return !Object('z').propertyIsEnumerable(0);
+        }) ? function (it) {
+          return classof(it) == 'String' ? split.call(it, '') : Object(it);
+        }
+         : Object;
+      },
+      {
+        '../internals/classof-raw': 46,
+        '../internals/fails': 69
+      }
+    ],
+    85: [
+      function (_dereq_, module, exports) {
+        var isObject = _dereq_('../internals/is-object');
+        var setPrototypeOf = _dereq_('../internals/object-set-prototype-of');
+        // makes subclassing work correct for wrapped built-ins
+        module.exports = function ($this, dummy, Wrapper) {
+          var NewTarget,
+          NewTargetPrototype;
+          if (          // it can work only with native `setPrototypeOf`
+          setPrototypeOf &&          // we haven't completely correct pre-ES6 way for getting `new.target`, so use this
+          typeof (NewTarget = dummy.constructor) == 'function' && NewTarget !== Wrapper && isObject(NewTargetPrototype = NewTarget.prototype) && NewTargetPrototype !== Wrapper.prototype) setPrototypeOf($this, NewTargetPrototype);
+          return $this;
+        };
+      },
+      {
+        '../internals/is-object': 92,
+        '../internals/object-set-prototype-of': 119
+      }
+    ],
+    86: [
+      function (_dereq_, module, exports) {
+        var store = _dereq_('../internals/shared-store');
+        var functionToString = Function.toString;
+        // this helper broken in `3.4.1-3.4.4`, so we can't use `shared` helper
+        if (typeof store.inspectSource != 'function') {
+          store.inspectSource = function (it) {
+            return functionToString.call(it);
+          };
+        }
+        module.exports = store.inspectSource;
+      },
+      {
+        '../internals/shared-store': 137
+      }
+    ],
+    87: [
+      function (_dereq_, module, exports) {
+        var hiddenKeys = _dereq_('../internals/hidden-keys');
+        var isObject = _dereq_('../internals/is-object');
+        var has = _dereq_('../internals/has');
+        var defineProperty = _dereq_('../internals/object-define-property').f;
+        var uid = _dereq_('../internals/uid');
+        var FREEZING = _dereq_('../internals/freezing');
+        var METADATA = uid('meta');
+        var id = 0;
+        var isExtensible = Object.isExtensible || function () {
+          return true;
+        };
+        var setMetadata = function (it) {
+          defineProperty(it, METADATA, {
+            value: {
+              objectID: 'O' + ++id,
+              // object ID
+              weakData: {
+              } // weak collections IDs
+
+            }
+          });
+        };
+        var fastKey = function (it, create) {
+          // return a primitive with prefix
+          if (!isObject(it)) return typeof it == 'symbol' ? it : (typeof it == 'string' ? 'S' : 'P') + it;
+          if (!has(it, METADATA)) {
+            // can't set metadata to uncaught frozen object
+            if (!isExtensible(it)) return 'F';
+            // not necessary to add metadata
+            if (!create) return 'E';
+            // add missing metadata
+            setMetadata(it);
+            // return object ID
+          }
+          return it[METADATA].objectID;
+        };
+        var getWeakData = function (it, create) {
+          if (!has(it, METADATA)) {
+            // can't set metadata to uncaught frozen object
+            if (!isExtensible(it)) return true;
+            // not necessary to add metadata
+            if (!create) return false;
+            // add missing metadata
+            setMetadata(it);
+            // return the store of weak collections IDs
+          }
+          return it[METADATA].weakData;
+        };
+        // add metadata on freeze-family methods calling
+        var onFreeze = function (it) {
+          if (FREEZING && meta.REQUIRED && isExtensible(it) && !has(it, METADATA)) setMetadata(it);
+          return it;
+        };
+        var meta = module.exports = {
+          REQUIRED: false,
+          fastKey: fastKey,
+          getWeakData: getWeakData,
+          onFreeze: onFreeze
+        };
+        hiddenKeys[METADATA] = true;
+      },
+      {
+        '../internals/freezing': 71,
+        '../internals/has': 78,
+        '../internals/hidden-keys': 79,
+        '../internals/is-object': 92,
+        '../internals/object-define-property': 110,
+        '../internals/uid': 163
+      }
+    ],
+    88: [
+      function (_dereq_, module, exports) {
+        var NATIVE_WEAK_MAP = _dereq_('../internals/native-weak-map');
+        var global = _dereq_('../internals/global');
+        var isObject = _dereq_('../internals/is-object');
+        var createNonEnumerableProperty = _dereq_('../internals/create-non-enumerable-property');
+        var objectHas = _dereq_('../internals/has');
+        var sharedKey = _dereq_('../internals/shared-key');
+        var hiddenKeys = _dereq_('../internals/hidden-keys');
+        var WeakMap = global.WeakMap;
+        var set,
+        get,
+        has;
+        var enforce = function (it) {
+          return has(it) ? get(it) : set(it, {
+          });
+        };
+        var getterFor = function (TYPE) {
+          return function (it) {
+            var state;
+            if (!isObject(it) || (state = get(it)).type !== TYPE) {
+              throw TypeError('Incompatible receiver, ' + TYPE + ' required');
+            }
+            return state;
+          };
+        };
+        if (NATIVE_WEAK_MAP) {
+          var store = new WeakMap();
+          var wmget = store.get;
+          var wmhas = store.has;
+          var wmset = store.set;
+          set = function (it, metadata) {
+            wmset.call(store, it, metadata);
+            return metadata;
+          };
+          get = function (it) {
+            return wmget.call(store, it) || {
+            };
+          };
+          has = function (it) {
+            return wmhas.call(store, it);
+          };
+        } else {
+          var STATE = sharedKey('state');
+          hiddenKeys[STATE] = true;
+          set = function (it, metadata) {
+            createNonEnumerableProperty(it, STATE, metadata);
+            return metadata;
+          };
+          get = function (it) {
+            return objectHas(it, STATE) ? it[STATE] : {
+            };
+          };
+          has = function (it) {
+            return objectHas(it, STATE);
+          };
+        }
+        module.exports = {
+          set: set,
+          get: get,
+          has: has,
+          enforce: enforce,
+          getterFor: getterFor
+        };
+      },
+      {
+        '../internals/create-non-enumerable-property': 56,
+        '../internals/global': 77,
+        '../internals/has': 78,
+        '../internals/hidden-keys': 79,
+        '../internals/is-object': 92,
+        '../internals/native-weak-map': 103,
+        '../internals/shared-key': 136
+      }
+    ],
+    89: [
+      function (_dereq_, module, exports) {
+        var wellKnownSymbol = _dereq_('../internals/well-known-symbol');
+        var Iterators = _dereq_('../internals/iterators');
+        var ITERATOR = wellKnownSymbol('iterator');
+        var ArrayPrototype = Array.prototype;
+        // check on default Array iterator
+        module.exports = function (it) {
+          return it !== undefined && (Iterators.Array === it || ArrayPrototype[ITERATOR] === it);
+        };
+      },
+      {
+        '../internals/iterators': 97,
+        '../internals/well-known-symbol': 166
+      }
+    ],
+    90: [
+      function (_dereq_, module, exports) {
+        var classof = _dereq_('../internals/classof-raw');
+        // `IsArray` abstract operation
+        // https://tc39.github.io/ecma262/#sec-isarray
+        module.exports = Array.isArray || function isArray(arg) {
+          return classof(arg) == 'Array';
+        };
+      },
+      {
+        '../internals/classof-raw': 46
+      }
+    ],
+    91: [
+      function (_dereq_, module, exports) {
+        var fails = _dereq_('../internals/fails');
+        var replacement = /#|\.prototype\./;
+        var isForced = function (feature, detection) {
+          var value = data[normalize(feature)];
+          return value == POLYFILL ? true : value == NATIVE ? false : typeof detection == 'function' ? fails(detection) : !!detection;
+        };
+        var normalize = isForced.normalize = function (string) {
+          return String(string).replace(replacement, '.').toLowerCase();
+        };
+        var data = isForced.data = {
+        };
+        var NATIVE = isForced.NATIVE = 'N';
+        var POLYFILL = isForced.POLYFILL = 'P';
+        module.exports = isForced;
+      },
+      {
+        '../internals/fails': 69
+      }
+    ],
+    92: [
+      function (_dereq_, module, exports) {
+        module.exports = function (it) {
+          return typeof it === 'object' ? it !== null : typeof it === 'function';
+        };
+      },
+      {
+      }
+    ],
+    93: [
+      function (_dereq_, module, exports) {
+        module.exports = false;
+      },
+      {
+      }
+    ],
+    94: [
+      function (_dereq_, module, exports) {
+        var isObject = _dereq_('../internals/is-object');
+        var classof = _dereq_('../internals/classof-raw');
+        var wellKnownSymbol = _dereq_('../internals/well-known-symbol');
+        var MATCH = wellKnownSymbol('match');
+        // `IsRegExp` abstract operation
+        // https://tc39.github.io/ecma262/#sec-isregexp
+        module.exports = function (it) {
+          var isRegExp;
+          return isObject(it) && ((isRegExp = it[MATCH]) !== undefined ? !!isRegExp : classof(it) == 'RegExp');
+        };
+      },
+      {
+        '../internals/classof-raw': 46,
+        '../internals/is-object': 92,
+        '../internals/well-known-symbol': 166
+      }
+    ],
+    95: [
+      function (_dereq_, module, exports) {
+        var anObject = _dereq_('../internals/an-object');
+        var isArrayIteratorMethod = _dereq_('../internals/is-array-iterator-method');
+        var toLength = _dereq_('../internals/to-length');
+        var bind = _dereq_('../internals/function-bind-context');
+        var getIteratorMethod = _dereq_('../internals/get-iterator-method');
+        var callWithSafeIterationClosing = _dereq_('../internals/call-with-safe-iteration-closing');
+        var Result = function (stopped, result) {
+          this.stopped = stopped;
+          this.result = result;
+        };
+        var iterate = module.exports = function (iterable, fn, that, AS_ENTRIES, IS_ITERATOR) {
+          var boundFunction = bind(fn, that, AS_ENTRIES ? 2 : 1);
+          var iterator,
+          iterFn,
+          index,
+          length,
+          result,
+          next,
+          step;
+          if (IS_ITERATOR) {
+            iterator = iterable;
+          } else {
+            iterFn = getIteratorMethod(iterable);
+            if (typeof iterFn != 'function') throw TypeError('Target is not iterable');
+            // optimisation for array iterators
+            if (isArrayIteratorMethod(iterFn)) {
+              for (index = 0, length = toLength(iterable.length); length > index; index++) {
+                result = AS_ENTRIES ? boundFunction(anObject(step = iterable[index]) [0], step[1]) : boundFunction(iterable[index]);
+                if (result && result instanceof Result) return result;
+              }
+              return new Result(false);
+            }
+            iterator = iterFn.call(iterable);
+          }
+          next = iterator.next;
+          while (!(step = next.call(iterator)).done) {
+            result = callWithSafeIterationClosing(iterator, boundFunction, step.value, AS_ENTRIES);
+            if (typeof result == 'object' && result && result instanceof Result) return result;
+          }
+          return new Result(false);
+        };
+        iterate.stop = function (result) {
+          return new Result(true, result);
+        };
+      },
+      {
+        '../internals/an-object': 28,
+        '../internals/call-with-safe-iteration-closing': 44,
+        '../internals/function-bind-context': 72,
+        '../internals/get-iterator-method': 75,
+        '../internals/is-array-iterator-method': 89,
+        '../internals/to-length': 154
+      }
+    ],
+    96: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var getPrototypeOf = _dereq_('../internals/object-get-prototype-of');
+        var createNonEnumerableProperty = _dereq_('../internals/create-non-enumerable-property');
+        var has = _dereq_('../internals/has');
+        var wellKnownSymbol = _dereq_('../internals/well-known-symbol');
+        var IS_PURE = _dereq_('../internals/is-pure');
+        var ITERATOR = wellKnownSymbol('iterator');
+        var BUGGY_SAFARI_ITERATORS = false;
+        var returnThis = function () {
+          return this;
+        };
+        // `%IteratorPrototype%` object
+        // https://tc39.github.io/ecma262/#sec-%iteratorprototype%-object
+        var IteratorPrototype,
+        PrototypeOfArrayIteratorPrototype,
+        arrayIterator;
+        if ([].keys) {
+          arrayIterator = [
+          ].keys();
+          // Safari 8 has buggy iterators w/o `next`
+          if (!('next' in arrayIterator)) BUGGY_SAFARI_ITERATORS = true;
+           else {
+            PrototypeOfArrayIteratorPrototype = getPrototypeOf(getPrototypeOf(arrayIterator));
+            if (PrototypeOfArrayIteratorPrototype !== Object.prototype) IteratorPrototype = PrototypeOfArrayIteratorPrototype;
+          }
+        }
+        if (IteratorPrototype == undefined) IteratorPrototype = {
+        };
+        // 25.1.2.1.1 %IteratorPrototype%[@@iterator]()
+        if (!IS_PURE && !has(IteratorPrototype, ITERATOR)) {
+          createNonEnumerableProperty(IteratorPrototype, ITERATOR, returnThis);
+        }
+        module.exports = {
+          IteratorPrototype: IteratorPrototype,
+          BUGGY_SAFARI_ITERATORS: BUGGY_SAFARI_ITERATORS
+        };
+      },
+      {
+        '../internals/create-non-enumerable-property': 56,
+        '../internals/has': 78,
+        '../internals/is-pure': 93,
+        '../internals/object-get-prototype-of': 115,
+        '../internals/well-known-symbol': 166
+      }
+    ],
+    97: [
+      function (_dereq_, module, exports) {
+        module.exports = {
+        };
+      },
+      {
+      }
+    ],
+    98: [
+      function (_dereq_, module, exports) {
+        // `Math.sign` method implementation
+        // https://tc39.github.io/ecma262/#sec-math.sign
+        module.exports = Math.sign || function sign(x) {
+          // eslint-disable-next-line no-self-compare
+          return (x = + x) == 0 || x != x ? x : x < 0 ? - 1 : 1;
+        };
+      },
+      {
+      }
+    ],
+    99: [
+      function (_dereq_, module, exports) {
+        var global = _dereq_('../internals/global');
+        var getOwnPropertyDescriptor = _dereq_('../internals/object-get-own-property-descriptor').f;
+        var classof = _dereq_('../internals/classof-raw');
+        var macrotask = _dereq_('../internals/task').set;
+        var IS_IOS = _dereq_('../internals/engine-is-ios');
+        var MutationObserver = global.MutationObserver || global.WebKitMutationObserver;
+        var process = global.process;
+        var Promise = global.Promise;
+        var IS_NODE = classof(process) == 'process';
+        // Node.js 11 shows ExperimentalWarning on getting `queueMicrotask`
+        var queueMicrotaskDescriptor = getOwnPropertyDescriptor(global, 'queueMicrotask');
+        var queueMicrotask = queueMicrotaskDescriptor && queueMicrotaskDescriptor.value;
+        var flush,
+        head,
+        last,
+        notify,
+        toggle,
+        node,
+        promise,
+        then;
+        // modern engines have queueMicrotask method
+        if (!queueMicrotask) {
+          flush = function () {
+            var parent,
+            fn;
+            if (IS_NODE && (parent = process.domain)) parent.exit();
+            while (head) {
+              fn = head.fn;
+              head = head.next;
+              try {
+                fn();
+              } catch (error) {
+                if (head) notify();
+                 else last = undefined;
+                throw error;
+              }
+            }
+            last = undefined;
+            if (parent) parent.enter();
+          };
+          // Node.js
+          if (IS_NODE) {
+            notify = function () {
+              process.nextTick(flush);
+            };
+            // browsers with MutationObserver, except iOS - https://github.com/zloirock/core-js/issues/339
+          } else if (MutationObserver && !IS_IOS) {
+            toggle = true;
+            node = document.createTextNode('');
+            new MutationObserver(flush).observe(node, {
+              characterData: true
+            });
+            notify = function () {
+              node.data = toggle = !toggle;
+            };
+            // environments with maybe non-completely correct, but existent Promise
+          } else if (Promise && Promise.resolve) {
+            // Promise.resolve without an argument throws an error in LG WebOS 2
+            promise = Promise.resolve(undefined);
+            then = promise.then;
+            notify = function () {
+              then.call(promise, flush);
+            };
+            // for other environments - macrotask based on:
+            // - setImmediate
+            // - MessageChannel
+            // - window.postMessag
+            // - onreadystatechange
+            // - setTimeout
+          } else {
+            notify = function () {
+              // strange IE + webpack dev server bug - use .call(global)
+              macrotask.call(global, flush);
+            };
+          }
+        }
+        module.exports = queueMicrotask || function (fn) {
+          var task = {
+            fn: fn,
+            next: undefined
+          };
+          if (last) last.next = task;
+          if (!head) {
+            head = task;
+            notify();
+          }
+          last = task;
+        };
+      },
+      {
+        '../internals/classof-raw': 46,
+        '../internals/engine-is-ios': 64,
+        '../internals/global': 77,
+        '../internals/object-get-own-property-descriptor': 111,
+        '../internals/task': 148
+      }
+    ],
+    100: [
+      function (_dereq_, module, exports) {
+        var global = _dereq_('../internals/global');
+        module.exports = global.Promise;
+      },
+      {
+        '../internals/global': 77
+      }
+    ],
+    101: [
+      function (_dereq_, module, exports) {
+        var fails = _dereq_('../internals/fails');
+        module.exports = !!Object.getOwnPropertySymbols && !fails(function () {
+          // Chrome 38 Symbol has incorrect toString conversion
+          // eslint-disable-next-line no-undef
+          return !String(Symbol());
+        });
+      },
+      {
+        '../internals/fails': 69
+      }
+    ],
+    102: [
+      function (_dereq_, module, exports) {
+        var fails = _dereq_('../internals/fails');
+        var wellKnownSymbol = _dereq_('../internals/well-known-symbol');
+        var IS_PURE = _dereq_('../internals/is-pure');
+        var ITERATOR = wellKnownSymbol('iterator');
+        module.exports = !fails(function () {
+          var url = new URL('b?a=1&b=2&c=3', 'http://a');
+          var searchParams = url.searchParams;
+          var result = '';
+          url.pathname = 'c%20d';
+          searchParams.forEach(function (value, key) {
+            searchParams['delete']('b');
+            result += key + value;
+          });
+          return IS_PURE && !url.toJSON || !searchParams.sort || url.href !== 'http://a/c%20d?a=1&c=3' || searchParams.get('c') !== '3' || String(new URLSearchParams('?a=1')) !== 'a=1' || !searchParams[ITERATOR]          // throws in Edge
+          || new URL('https://a@b').username !== 'a' || new URLSearchParams(new URLSearchParams('a=b')).get('a') !== 'b'          // not punycoded in Edge
+          || new URL('http://тест').host !== 'xn--e1aybc'          // not escaped in Chrome 62-
+          || new URL('http://a#б').hash !== '#%D0%B1'          // fails in Chrome 66-
+          || result !== 'a1c3'          // throws in Safari
+          || new URL('http://x', undefined).host !== 'x';
+        });
+      },
+      {
+        '../internals/fails': 69,
+        '../internals/is-pure': 93,
+        '../internals/well-known-symbol': 166
+      }
+    ],
+    103: [
+      function (_dereq_, module, exports) {
+        var global = _dereq_('../internals/global');
+        var inspectSource = _dereq_('../internals/inspect-source');
+        var WeakMap = global.WeakMap;
+        module.exports = typeof WeakMap === 'function' && /native code/.test(inspectSource(WeakMap));
+      },
+      {
+        '../internals/global': 77,
+        '../internals/inspect-source': 86
+      }
+    ],
+    104: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var aFunction = _dereq_('../internals/a-function');
+        var PromiseCapability = function (C) {
+          var resolve,
+          reject;
+          this.promise = new C(function ($$resolve, $$reject) {
+            if (resolve !== undefined || reject !== undefined) throw TypeError('Bad Promise constructor');
+            resolve = $$resolve;
+            reject = $$reject;
+          });
+          this.resolve = aFunction(resolve);
+          this.reject = aFunction(reject);
+        };
+        // 25.4.1.5 NewPromiseCapability(C)
+        module.exports.f = function (C) {
+          return new PromiseCapability(C);
+        };
+      },
+      {
+        '../internals/a-function': 23
+      }
+    ],
+    105: [
+      function (_dereq_, module, exports) {
+        var isRegExp = _dereq_('../internals/is-regexp');
+        module.exports = function (it) {
+          if (isRegExp(it)) {
+            throw TypeError('The method doesn\'t accept regular expressions');
+          }
+          return it;
+        };
+      },
+      {
+        '../internals/is-regexp': 94
+      }
+    ],
+    106: [
+      function (_dereq_, module, exports) {
+        var global = _dereq_('../internals/global');
+        var globalIsFinite = global.isFinite;
+        // `Number.isFinite` method
+        // https://tc39.github.io/ecma262/#sec-number.isfinite
+        module.exports = Number.isFinite || function isFinite(it) {
+          return typeof it == 'number' && globalIsFinite(it);
+        };
+      },
+      {
+        '../internals/global': 77
+      }
+    ],
+    107: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var DESCRIPTORS = _dereq_('../internals/descriptors');
+        var fails = _dereq_('../internals/fails');
+        var objectKeys = _dereq_('../internals/object-keys');
+        var getOwnPropertySymbolsModule = _dereq_('../internals/object-get-own-property-symbols');
+        var propertyIsEnumerableModule = _dereq_('../internals/object-property-is-enumerable');
+        var toObject = _dereq_('../internals/to-object');
+        var IndexedObject = _dereq_('../internals/indexed-object');
+        var nativeAssign = Object.assign;
+        var defineProperty = Object.defineProperty;
+        // `Object.assign` method
+        // https://tc39.github.io/ecma262/#sec-object.assign
+        module.exports = !nativeAssign || fails(function () {
+          // should have correct order of operations (Edge bug)
+          if (DESCRIPTORS && nativeAssign({
+            b: 1
+          }, nativeAssign(defineProperty({
+          }, 'a', {
+            enumerable: true,
+            get: function () {
+              defineProperty(this, 'b', {
+                value: 3,
+                enumerable: false
+              });
+            }
+          }), {
+            b: 2
+          })).b !== 1) return true;
+          // should work with symbols and should have deterministic property order (V8 bug)
+          var A = {
+          };
+          var B = {
+          };
+          // eslint-disable-next-line no-undef
+          var symbol = Symbol();
+          var alphabet = 'abcdefghijklmnopqrst';
+          A[symbol] = 7;
+          alphabet.split('').forEach(function (chr) {
+            B[chr] = chr;
+          });
+          return nativeAssign({
+          }, A) [symbol] != 7 || objectKeys(nativeAssign({
+          }, B)).join('') != alphabet;
+        }) ? function assign(target, source) {
+          // eslint-disable-line no-unused-vars
+          var T = toObject(target);
+          var argumentsLength = arguments.length;
+          var index = 1;
+          var getOwnPropertySymbols = getOwnPropertySymbolsModule.f;
+          var propertyIsEnumerable = propertyIsEnumerableModule.f;
+          while (argumentsLength > index) {
+            var S = IndexedObject(arguments[index++]);
+            var keys = getOwnPropertySymbols ? objectKeys(S).concat(getOwnPropertySymbols(S)) : objectKeys(S);
+            var length = keys.length;
+            var j = 0;
+            var key;
+            while (length > j) {
+              key = keys[j++];
+              if (!DESCRIPTORS || propertyIsEnumerable.call(S, key)) T[key] = S[key];
+            }
+          }
+          return T;
+        }
+         : nativeAssign;
+      },
+      {
+        '../internals/descriptors': 61,
+        '../internals/fails': 69,
+        '../internals/indexed-object': 84,
+        '../internals/object-get-own-property-symbols': 114,
+        '../internals/object-keys': 117,
+        '../internals/object-property-is-enumerable': 118,
+        '../internals/to-object': 155
+      }
+    ],
+    108: [
+      function (_dereq_, module, exports) {
+        var anObject = _dereq_('../internals/an-object');
+        var defineProperties = _dereq_('../internals/object-define-properties');
+        var enumBugKeys = _dereq_('../internals/enum-bug-keys');
+        var hiddenKeys = _dereq_('../internals/hidden-keys');
+        var html = _dereq_('../internals/html');
+        var documentCreateElement = _dereq_('../internals/document-create-element');
+        var sharedKey = _dereq_('../internals/shared-key');
+        var GT = '>';
+        var LT = '<';
+        var PROTOTYPE = 'prototype';
+        var SCRIPT = 'script';
+        var IE_PROTO = sharedKey('IE_PROTO');
+        var EmptyConstructor = function () { /* empty */ 
+        };
+        var scriptTag = function (content) {
+          return LT + SCRIPT + GT + content + LT + '/' + SCRIPT + GT;
+        };
+        // Create object with fake `null` prototype: use ActiveX Object with cleared prototype
+        var NullProtoObjectViaActiveX = function (activeXDocument) {
+          activeXDocument.write(scriptTag(''));
+          activeXDocument.close();
+          var temp = activeXDocument.parentWindow.Object;
+          activeXDocument = null; // avoid memory leak
+          return temp;
+        };
+        // Create object with fake `null` prototype: use iframe Object with cleared prototype
+        var NullProtoObjectViaIFrame = function () {
+          // Thrash, waste and sodomy: IE GC bug
+          var iframe = documentCreateElement('iframe');
+          var JS = 'java' + SCRIPT + ':';
+          var iframeDocument;
+          iframe.style.display = 'none';
+          html.appendChild(iframe);
+          // https://github.com/zloirock/core-js/issues/475
+          iframe.src = String(JS);
+          iframeDocument = iframe.contentWindow.document;
+          iframeDocument.open();
+          iframeDocument.write(scriptTag('document.F=Object'));
+          iframeDocument.close();
+          return iframeDocument.F;
+        };
+        // Check for document.domain and active x support
+        // No need to use active x approach when document.domain is not set
+        // see https://github.com/es-shims/es5-shim/issues/150
+        // variation of https://github.com/kitcambridge/es5-shim/commit/4f738ac066346
+        // avoid IE GC bug
+        var activeXDocument;
+        var NullProtoObject = function () {
+          try {
+            /* global ActiveXObject */
+            activeXDocument = document.domain && new ActiveXObject('htmlfile');
+          } catch (error) { /* ignore */ 
+          }
+          NullProtoObject = activeXDocument ? NullProtoObjectViaActiveX(activeXDocument) : NullProtoObjectViaIFrame();
+          var length = enumBugKeys.length;
+          while (length--) delete NullProtoObject[PROTOTYPE][enumBugKeys[length]];
+          return NullProtoObject();
+        };
+        hiddenKeys[IE_PROTO] = true;
+        // `Object.create` method
+        // https://tc39.github.io/ecma262/#sec-object.create
+        module.exports = Object.create || function create(O, Properties) {
+          var result;
+          if (O !== null) {
+            EmptyConstructor[PROTOTYPE] = anObject(O);
+            result = new EmptyConstructor();
+            EmptyConstructor[PROTOTYPE] = null;
+            // add "__proto__" for Object.getPrototypeOf polyfill
+            result[IE_PROTO] = O;
+          } else result = NullProtoObject();
+          return Properties === undefined ? result : defineProperties(result, Properties);
+        };
+      },
+      {
+        '../internals/an-object': 28,
+        '../internals/document-create-element': 62,
+        '../internals/enum-bug-keys': 67,
+        '../internals/hidden-keys': 79,
+        '../internals/html': 81,
+        '../internals/object-define-properties': 109,
+        '../internals/shared-key': 136
+      }
+    ],
+    109: [
+      function (_dereq_, module, exports) {
+        var DESCRIPTORS = _dereq_('../internals/descriptors');
+        var definePropertyModule = _dereq_('../internals/object-define-property');
+        var anObject = _dereq_('../internals/an-object');
+        var objectKeys = _dereq_('../internals/object-keys');
+        // `Object.defineProperties` method
+        // https://tc39.github.io/ecma262/#sec-object.defineproperties
+        module.exports = DESCRIPTORS ? Object.defineProperties : function defineProperties(O, Properties) {
+          anObject(O);
+          var keys = objectKeys(Properties);
+          var length = keys.length;
+          var index = 0;
+          var key;
+          while (length > index) definePropertyModule.f(O, key = keys[index++], Properties[key]);
+          return O;
+        };
+      },
+      {
+        '../internals/an-object': 28,
+        '../internals/descriptors': 61,
+        '../internals/object-define-property': 110,
+        '../internals/object-keys': 117
+      }
+    ],
+    110: [
+      function (_dereq_, module, exports) {
+        var DESCRIPTORS = _dereq_('../internals/descriptors');
+        var IE8_DOM_DEFINE = _dereq_('../internals/ie8-dom-define');
+        var anObject = _dereq_('../internals/an-object');
+        var toPrimitive = _dereq_('../internals/to-primitive');
+        var nativeDefineProperty = Object.defineProperty;
+        // `Object.defineProperty` method
+        // https://tc39.github.io/ecma262/#sec-object.defineproperty
+        exports.f = DESCRIPTORS ? nativeDefineProperty : function defineProperty(O, P, Attributes) {
+          anObject(O);
+          P = toPrimitive(P, true);
+          anObject(Attributes);
+          if (IE8_DOM_DEFINE) try {
+            return nativeDefineProperty(O, P, Attributes);
+          } catch (error) { /* empty */ 
+          }
+          if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported');
+          if ('value' in Attributes) O[P] = Attributes.value;
+          return O;
+        };
+      },
+      {
+        '../internals/an-object': 28,
+        '../internals/descriptors': 61,
+        '../internals/ie8-dom-define': 82,
+        '../internals/to-primitive': 158
+      }
+    ],
+    111: [
+      function (_dereq_, module, exports) {
+        var DESCRIPTORS = _dereq_('../internals/descriptors');
+        var propertyIsEnumerableModule = _dereq_('../internals/object-property-is-enumerable');
+        var createPropertyDescriptor = _dereq_('../internals/create-property-descriptor');
+        var toIndexedObject = _dereq_('../internals/to-indexed-object');
+        var toPrimitive = _dereq_('../internals/to-primitive');
+        var has = _dereq_('../internals/has');
+        var IE8_DOM_DEFINE = _dereq_('../internals/ie8-dom-define');
+        var nativeGetOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
+        // `Object.getOwnPropertyDescriptor` method
+        // https://tc39.github.io/ecma262/#sec-object.getownpropertydescriptor
+        exports.f = DESCRIPTORS ? nativeGetOwnPropertyDescriptor : function getOwnPropertyDescriptor(O, P) {
+          O = toIndexedObject(O);
+          P = toPrimitive(P, true);
+          if (IE8_DOM_DEFINE) try {
+            return nativeGetOwnPropertyDescriptor(O, P);
+          } catch (error) { /* empty */ 
+          }
+          if (has(O, P)) return createPropertyDescriptor(!propertyIsEnumerableModule.f.call(O, P), O[P]);
+        };
+      },
+      {
+        '../internals/create-property-descriptor': 57,
+        '../internals/descriptors': 61,
+        '../internals/has': 78,
+        '../internals/ie8-dom-define': 82,
+        '../internals/object-property-is-enumerable': 118,
+        '../internals/to-indexed-object': 152,
+        '../internals/to-primitive': 158
+      }
+    ],
+    112: [
+      function (_dereq_, module, exports) {
+        var toIndexedObject = _dereq_('../internals/to-indexed-object');
+        var nativeGetOwnPropertyNames = _dereq_('../internals/object-get-own-property-names').f;
+        var toString = {
+        }.toString;
+        var windowNames = typeof window == 'object' && window && Object.getOwnPropertyNames ? Object.getOwnPropertyNames(window) : [
+        ];
+        var getWindowNames = function (it) {
+          try {
+            return nativeGetOwnPropertyNames(it);
+          } catch (error) {
+            return windowNames.slice();
+          }
+        };
+        // fallback for IE11 buggy Object.getOwnPropertyNames with iframe and window
+        module.exports.f = function getOwnPropertyNames(it) {
+          return windowNames && toString.call(it) == '[object Window]' ? getWindowNames(it) : nativeGetOwnPropertyNames(toIndexedObject(it));
+        };
+      },
+      {
+        '../internals/object-get-own-property-names': 113,
+        '../internals/to-indexed-object': 152
+      }
+    ],
+    113: [
+      function (_dereq_, module, exports) {
+        var internalObjectKeys = _dereq_('../internals/object-keys-internal');
+        var enumBugKeys = _dereq_('../internals/enum-bug-keys');
+        var hiddenKeys = enumBugKeys.concat('length', 'prototype');
+        // `Object.getOwnPropertyNames` method
+        // https://tc39.github.io/ecma262/#sec-object.getownpropertynames
+        exports.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
+          return internalObjectKeys(O, hiddenKeys);
+        };
+      },
+      {
+        '../internals/enum-bug-keys': 67,
+        '../internals/object-keys-internal': 116
+      }
+    ],
+    114: [
+      function (_dereq_, module, exports) {
+        exports.f = Object.getOwnPropertySymbols;
+      },
+      {
+      }
+    ],
+    115: [
+      function (_dereq_, module, exports) {
+        var has = _dereq_('../internals/has');
+        var toObject = _dereq_('../internals/to-object');
+        var sharedKey = _dereq_('../internals/shared-key');
+        var CORRECT_PROTOTYPE_GETTER = _dereq_('../internals/correct-prototype-getter');
+        var IE_PROTO = sharedKey('IE_PROTO');
+        var ObjectPrototype = Object.prototype;
+        // `Object.getPrototypeOf` method
+        // https://tc39.github.io/ecma262/#sec-object.getprototypeof
+        module.exports = CORRECT_PROTOTYPE_GETTER ? Object.getPrototypeOf : function (O) {
+          O = toObject(O);
+          if (has(O, IE_PROTO)) return O[IE_PROTO];
+          if (typeof O.constructor == 'function' && O instanceof O.constructor) {
+            return O.constructor.prototype;
+          }
+          return O instanceof Object ? ObjectPrototype : null;
+        };
+      },
+      {
+        '../internals/correct-prototype-getter': 53,
+        '../internals/has': 78,
+        '../internals/shared-key': 136,
+        '../internals/to-object': 155
+      }
+    ],
+    116: [
+      function (_dereq_, module, exports) {
+        var has = _dereq_('../internals/has');
+        var toIndexedObject = _dereq_('../internals/to-indexed-object');
+        var indexOf = _dereq_('../internals/array-includes').indexOf;
+        var hiddenKeys = _dereq_('../internals/hidden-keys');
+        module.exports = function (object, names) {
+          var O = toIndexedObject(object);
+          var i = 0;
+          var result = [
+          ];
+          var key;
+          for (key in O) !has(hiddenKeys, key) && has(O, key) && result.push(key);
+          // Don't enum bug & hidden keys
+          while (names.length > i) if (has(O, key = names[i++])) {
+            ~indexOf(result, key) || result.push(key);
+          }
+          return result;
+        };
+      },
+      {
+        '../internals/array-includes': 36,
+        '../internals/has': 78,
+        '../internals/hidden-keys': 79,
+        '../internals/to-indexed-object': 152
+      }
+    ],
+    117: [
+      function (_dereq_, module, exports) {
+        var internalObjectKeys = _dereq_('../internals/object-keys-internal');
+        var enumBugKeys = _dereq_('../internals/enum-bug-keys');
+        // `Object.keys` method
+        // https://tc39.github.io/ecma262/#sec-object.keys
+        module.exports = Object.keys || function keys(O) {
+          return internalObjectKeys(O, enumBugKeys);
+        };
+      },
+      {
+        '../internals/enum-bug-keys': 67,
+        '../internals/object-keys-internal': 116
+      }
+    ],
+    118: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var nativePropertyIsEnumerable = {
+        }.propertyIsEnumerable;
+        var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
+        // Nashorn ~ JDK8 bug
+        var NASHORN_BUG = getOwnPropertyDescriptor && !nativePropertyIsEnumerable.call({
+          1: 2
+        }, 1);
+        // `Object.prototype.propertyIsEnumerable` method implementation
+        // https://tc39.github.io/ecma262/#sec-object.prototype.propertyisenumerable
+        exports.f = NASHORN_BUG ? function propertyIsEnumerable(V) {
+          var descriptor = getOwnPropertyDescriptor(this, V);
+          return !!descriptor && descriptor.enumerable;
+        }
+         : nativePropertyIsEnumerable;
+      },
+      {
+      }
+    ],
+    119: [
+      function (_dereq_, module, exports) {
+        var anObject = _dereq_('../internals/an-object');
+        var aPossiblePrototype = _dereq_('../internals/a-possible-prototype');
+        // `Object.setPrototypeOf` method
+        // https://tc39.github.io/ecma262/#sec-object.setprototypeof
+        // Works with __proto__ only. Old v8 can't work with null proto objects.
+        /* eslint-disable no-proto */
+        module.exports = Object.setPrototypeOf || ('__proto__' in {
+        }
+        ? function () {
+          var CORRECT_SETTER = false;
+          var test = {
+          };
+          var setter;
+          try {
+            setter = Object.getOwnPropertyDescriptor(Object.prototype, '__proto__').set;
+            setter.call(test, [
+            ]);
+            CORRECT_SETTER = test instanceof Array;
+          } catch (error) { /* empty */ 
+          }
+          return function setPrototypeOf(O, proto) {
+            anObject(O);
+            aPossiblePrototype(proto);
+            if (CORRECT_SETTER) setter.call(O, proto);
+             else O.__proto__ = proto;
+            return O;
+          };
+        }() : undefined);
+      },
+      {
+        '../internals/a-possible-prototype': 24,
+        '../internals/an-object': 28
+      }
+    ],
+    120: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var TO_STRING_TAG_SUPPORT = _dereq_('../internals/to-string-tag-support');
+        var classof = _dereq_('../internals/classof');
+        // `Object.prototype.toString` method implementation
+        // https://tc39.github.io/ecma262/#sec-object.prototype.tostring
+        module.exports = TO_STRING_TAG_SUPPORT ? {
+        }.toString : function toString() {
+          return '[object ' + classof(this) + ']';
+        };
+      },
+      {
+        '../internals/classof': 47,
+        '../internals/to-string-tag-support': 159
+      }
+    ],
+    121: [
+      function (_dereq_, module, exports) {
+        var getBuiltIn = _dereq_('../internals/get-built-in');
+        var getOwnPropertyNamesModule = _dereq_('../internals/object-get-own-property-names');
+        var getOwnPropertySymbolsModule = _dereq_('../internals/object-get-own-property-symbols');
+        var anObject = _dereq_('../internals/an-object');
+        // all object keys, includes non-enumerable and symbols
+        module.exports = getBuiltIn('Reflect', 'ownKeys') || function ownKeys(it) {
+          var keys = getOwnPropertyNamesModule.f(anObject(it));
+          var getOwnPropertySymbols = getOwnPropertySymbolsModule.f;
+          return getOwnPropertySymbols ? keys.concat(getOwnPropertySymbols(it)) : keys;
+        };
+      },
+      {
+        '../internals/an-object': 28,
+        '../internals/get-built-in': 74,
+        '../internals/object-get-own-property-names': 113,
+        '../internals/object-get-own-property-symbols': 114
+      }
+    ],
+    122: [
+      function (_dereq_, module, exports) {
+        var global = _dereq_('../internals/global');
+        module.exports = global;
+      },
+      {
+        '../internals/global': 77
+      }
+    ],
+    123: [
+      function (_dereq_, module, exports) {
+        module.exports = function (exec) {
+          try {
+            return {
+              error: false,
+              value: exec()
+            };
+          } catch (error) {
+            return {
+              error: true,
+              value: error
+            };
+          }
+        };
+      },
+      {
+      }
+    ],
+    124: [
+      function (_dereq_, module, exports) {
+        var anObject = _dereq_('../internals/an-object');
+        var isObject = _dereq_('../internals/is-object');
+        var newPromiseCapability = _dereq_('../internals/new-promise-capability');
+        module.exports = function (C, x) {
+          anObject(C);
+          if (isObject(x) && x.constructor === C) return x;
+          var promiseCapability = newPromiseCapability.f(C);
+          var resolve = promiseCapability.resolve;
+          resolve(x);
+          return promiseCapability.promise;
+        };
+      },
+      {
+        '../internals/an-object': 28,
+        '../internals/is-object': 92,
+        '../internals/new-promise-capability': 104
+      }
+    ],
+    125: [
+      function (_dereq_, module, exports) {
+        var redefine = _dereq_('../internals/redefine');
+        module.exports = function (target, src, options) {
+          for (var key in src) redefine(target, key, src[key], options);
+          return target;
+        };
+      },
+      {
+        '../internals/redefine': 126
+      }
+    ],
+    126: [
+      function (_dereq_, module, exports) {
+        var global = _dereq_('../internals/global');
+        var createNonEnumerableProperty = _dereq_('../internals/create-non-enumerable-property');
+        var has = _dereq_('../internals/has');
+        var setGlobal = _dereq_('../internals/set-global');
+        var inspectSource = _dereq_('../internals/inspect-source');
+        var InternalStateModule = _dereq_('../internals/internal-state');
+        var getInternalState = InternalStateModule.get;
+        var enforceInternalState = InternalStateModule.enforce;
+        var TEMPLATE = String(String).split('String');
+        (module.exports = function (O, key, value, options) {
+          var unsafe = options ? !!options.unsafe : false;
+          var simple = options ? !!options.enumerable : false;
+          var noTargetGet = options ? !!options.noTargetGet : false;
+          if (typeof value == 'function') {
+            if (typeof key == 'string' && !has(value, 'name')) createNonEnumerableProperty(value, 'name', key);
+            enforceInternalState(value).source = TEMPLATE.join(typeof key == 'string' ? key : '');
+          }
+          if (O === global) {
+            if (simple) O[key] = value;
+             else setGlobal(key, value);
+            return;
+          } else if (!unsafe) {
+            delete O[key];
+          } else if (!noTargetGet && O[key]) {
+            simple = true;
+          }
+          if (simple) O[key] = value;
+           else createNonEnumerableProperty(O, key, value);
+          // add fake Function#toString for correct work wrapped methods / constructors with methods like LoDash isNative
+        }) (Function.prototype, 'toString', function toString() {
+          return typeof this == 'function' && getInternalState(this).source || inspectSource(this);
+        });
+      },
+      {
+        '../internals/create-non-enumerable-property': 56,
+        '../internals/global': 77,
+        '../internals/has': 78,
+        '../internals/inspect-source': 86,
+        '../internals/internal-state': 88,
+        '../internals/set-global': 133
+      }
+    ],
+    127: [
+      function (_dereq_, module, exports) {
+        var classof = _dereq_('./classof-raw');
+        var regexpExec = _dereq_('./regexp-exec');
+        // `RegExpExec` abstract operation
+        // https://tc39.github.io/ecma262/#sec-regexpexec
+        module.exports = function (R, S) {
+          var exec = R.exec;
+          if (typeof exec === 'function') {
+            var result = exec.call(R, S);
+            if (typeof result !== 'object') {
+              throw TypeError('RegExp exec method returned something other than an Object or null');
+            }
+            return result;
+          }
+          if (classof(R) !== 'RegExp') {
+            throw TypeError('RegExp#exec called on incompatible receiver');
+          }
+          return regexpExec.call(R, S);
+        };
+      },
+      {
+        './classof-raw': 46,
+        './regexp-exec': 128
+      }
+    ],
+    128: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var regexpFlags = _dereq_('./regexp-flags');
+        var stickyHelpers = _dereq_('./regexp-sticky-helpers');
+        var nativeExec = RegExp.prototype.exec;
+        // This always refers to the native implementation, because the
+        // String#replace polyfill uses ./fix-regexp-well-known-symbol-logic.js,
+        // which loads this file before patching the method.
+        var nativeReplace = String.prototype.replace;
+        var patchedExec = nativeExec;
+        var UPDATES_LAST_INDEX_WRONG = function () {
+          var re1 = /a/;
+          var re2 = /b*/g;
+          nativeExec.call(re1, 'a');
+          nativeExec.call(re2, 'a');
+          return re1.lastIndex !== 0 || re2.lastIndex !== 0;
+        }();
+        var UNSUPPORTED_Y = stickyHelpers.UNSUPPORTED_Y || stickyHelpers.BROKEN_CARET;
+        // nonparticipating capturing group, copied from es5-shim's String#split patch.
+        var NPCG_INCLUDED = /()??/.exec('') [1] !== undefined;
+        var PATCH = UPDATES_LAST_INDEX_WRONG || NPCG_INCLUDED || UNSUPPORTED_Y;
+        if (PATCH) {
+          patchedExec = function exec(str) {
+            var re = this;
+            var lastIndex,
+            reCopy,
+            match,
+            i;
+            var sticky = UNSUPPORTED_Y && re.sticky;
+            var flags = regexpFlags.call(re);
+            var source = re.source;
+            var charsAdded = 0;
+            var strCopy = str;
+            if (sticky) {
+              flags = flags.replace('y', '');
+              if (flags.indexOf('g') === - 1) {
+                flags += 'g';
+              }
+              strCopy = String(str).slice(re.lastIndex);
+              // Support anchored sticky behavior.
+              if (re.lastIndex > 0 && (!re.multiline || re.multiline && str[re.lastIndex - 1] !== '\n')) {
+                source = '(?: ' + source + ')';
+                strCopy = ' ' + strCopy;
+                charsAdded++;
+              }              // ^(? + rx + ) is needed, in combination with some str slicing, to
+              // simulate the 'y' flag.
+
+              reCopy = new RegExp('^(?:' + source + ')', flags);
+            }
+            if (NPCG_INCLUDED) {
+              reCopy = new RegExp('^' + source + '$(?!\\s)', flags);
+            }
+            if (UPDATES_LAST_INDEX_WRONG) lastIndex = re.lastIndex;
+            match = nativeExec.call(sticky ? reCopy : re, strCopy);
+            if (sticky) {
+              if (match) {
+                match.input = match.input.slice(charsAdded);
+                match[0] = match[0].slice(charsAdded);
+                match.index = re.lastIndex;
+                re.lastIndex += match[0].length;
+              } else re.lastIndex = 0;
+            } else if (UPDATES_LAST_INDEX_WRONG && match) {
+              re.lastIndex = re.global ? match.index + match[0].length : lastIndex;
+            }
+            if (NPCG_INCLUDED && match && match.length > 1) {
+              // Fix browsers whose `exec` methods don't consistently return `undefined`
+              // for NPCG, like IE8. NOTE: This doesn' work for /(.?)?/
+              nativeReplace.call(match[0], reCopy, function () {
+                for (i = 1; i < arguments.length - 2; i++) {
+                  if (arguments[i] === undefined) match[i] = undefined;
+                }
+              });
+            }
+            return match;
+          };
+        }
+        module.exports = patchedExec;
+      },
+      {
+        './regexp-flags': 129,
+        './regexp-sticky-helpers': 130
+      }
+    ],
+    129: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var anObject = _dereq_('../internals/an-object');
+        // `RegExp.prototype.flags` getter implementation
+        // https://tc39.github.io/ecma262/#sec-get-regexp.prototype.flags
+        module.exports = function () {
+          var that = anObject(this);
+          var result = '';
+          if (that.global) result += 'g';
+          if (that.ignoreCase) result += 'i';
+          if (that.multiline) result += 'm';
+          if (that.dotAll) result += 's';
+          if (that.unicode) result += 'u';
+          if (that.sticky) result += 'y';
+          return result;
+        };
+      },
+      {
+        '../internals/an-object': 28
+      }
+    ],
+    130: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var fails = _dereq_('./fails');
+        // babel-minify transpiles RegExp('a', 'y') -> /a/y and it causes SyntaxError,
+        // so we use an intermediate function.
+        function RE(s, f) {
+          return RegExp(s, f);
+        }
+        exports.UNSUPPORTED_Y = fails(function () {
+          // babel-minify transpiles RegExp('a', 'y') -> /a/y and it causes SyntaxError
+          var re = RE('a', 'y');
+          re.lastIndex = 2;
+          return re.exec('abcd') != null;
+        });
+        exports.BROKEN_CARET = fails(function () {
+          // https://bugzilla.mozilla.org/show_bug.cgi?id=773687
+          var re = RE('^r', 'gy');
+          re.lastIndex = 2;
+          return re.exec('str') != null;
+        });
+      },
+      {
+        './fails': 69
+      }
+    ],
+    131: [
+      function (_dereq_, module, exports) {
+        // `RequireObjectCoercible` abstract operation
+        // https://tc39.github.io/ecma262/#sec-requireobjectcoercible
+        module.exports = function (it) {
+          if (it == undefined) throw TypeError('Can\'t call method on ' + it);
+          return it;
+        };
+      },
+      {
+      }
+    ],
+    132: [
+      function (_dereq_, module, exports) {
+        // `SameValue` abstract operation
+        // https://tc39.github.io/ecma262/#sec-samevalue
+        module.exports = Object.is || function is(x, y) {
+          // eslint-disable-next-line no-self-compare
+          return x === y ? x !== 0 || 1 / x === 1 / y : x != x && y != y;
+        };
+      },
+      {
+      }
+    ],
+    133: [
+      function (_dereq_, module, exports) {
+        var global = _dereq_('../internals/global');
+        var createNonEnumerableProperty = _dereq_('../internals/create-non-enumerable-property');
+        module.exports = function (key, value) {
+          try {
+            createNonEnumerableProperty(global, key, value);
+          } catch (error) {
+            global[key] = value;
+          }
+          return value;
+        };
+      },
+      {
+        '../internals/create-non-enumerable-property': 56,
+        '../internals/global': 77
+      }
+    ],
+    134: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var getBuiltIn = _dereq_('../internals/get-built-in');
+        var definePropertyModule = _dereq_('../internals/object-define-property');
+        var wellKnownSymbol = _dereq_('../internals/well-known-symbol');
+        var DESCRIPTORS = _dereq_('../internals/descriptors');
+        var SPECIES = wellKnownSymbol('species');
+        module.exports = function (CONSTRUCTOR_NAME) {
+          var Constructor = getBuiltIn(CONSTRUCTOR_NAME);
+          var defineProperty = definePropertyModule.f;
+          if (DESCRIPTORS && Constructor && !Constructor[SPECIES]) {
+            defineProperty(Constructor, SPECIES, {
+              configurable: true,
+              get: function () {
+                return this;
+              }
+            });
+          }
+        };
+      },
+      {
+        '../internals/descriptors': 61,
+        '../internals/get-built-in': 74,
+        '../internals/object-define-property': 110,
+        '../internals/well-known-symbol': 166
+      }
+    ],
+    135: [
+      function (_dereq_, module, exports) {
+        var defineProperty = _dereq_('../internals/object-define-property').f;
+        var has = _dereq_('../internals/has');
+        var wellKnownSymbol = _dereq_('../internals/well-known-symbol');
+        var TO_STRING_TAG = wellKnownSymbol('toStringTag');
+        module.exports = function (it, TAG, STATIC) {
+          if (it && !has(it = STATIC ? it : it.prototype, TO_STRING_TAG)) {
+            defineProperty(it, TO_STRING_TAG, {
+              configurable: true,
+              value: TAG
+            });
+          }
+        };
+      },
+      {
+        '../internals/has': 78,
+        '../internals/object-define-property': 110,
+        '../internals/well-known-symbol': 166
+      }
+    ],
+    136: [
+      function (_dereq_, module, exports) {
+        var shared = _dereq_('../internals/shared');
+        var uid = _dereq_('../internals/uid');
+        var keys = shared('keys');
+        module.exports = function (key) {
+          return keys[key] || (keys[key] = uid(key));
+        };
+      },
+      {
+        '../internals/shared': 138,
+        '../internals/uid': 163
+      }
+    ],
+    137: [
+      function (_dereq_, module, exports) {
+        var global = _dereq_('../internals/global');
+        var setGlobal = _dereq_('../internals/set-global');
+        var SHARED = '__core-js_shared__';
+        var store = global[SHARED] || setGlobal(SHARED, {
+        });
+        module.exports = store;
+      },
+      {
+        '../internals/global': 77,
+        '../internals/set-global': 133
+      }
+    ],
+    138: [
+      function (_dereq_, module, exports) {
+        var IS_PURE = _dereq_('../internals/is-pure');
+        var store = _dereq_('../internals/shared-store');
+        (module.exports = function (key, value) {
+          return store[key] || (store[key] = value !== undefined ? value : {
+          });
+        }) ('versions', [
+        ]).push({
+          version: '3.6.5',
+          mode: IS_PURE ? 'pure' : 'global',
+          copyright: '© 2020 Denis Pushkarev (zloirock.ru)'
+        });
+      },
+      {
+        '../internals/is-pure': 93,
+        '../internals/shared-store': 137
+      }
+    ],
+    139: [
+      function (_dereq_, module, exports) {
+        var anObject = _dereq_('../internals/an-object');
+        var aFunction = _dereq_('../internals/a-function');
+        var wellKnownSymbol = _dereq_('../internals/well-known-symbol');
+        var SPECIES = wellKnownSymbol('species');
+        // `SpeciesConstructor` abstract operation
+        // https://tc39.github.io/ecma262/#sec-speciesconstructor
+        module.exports = function (O, defaultConstructor) {
+          var C = anObject(O).constructor;
+          var S;
+          return C === undefined || (S = anObject(C) [SPECIES]) == undefined ? defaultConstructor : aFunction(S);
+        };
+      },
+      {
+        '../internals/a-function': 23,
+        '../internals/an-object': 28,
+        '../internals/well-known-symbol': 166
+      }
+    ],
+    140: [
+      function (_dereq_, module, exports) {
+        var fails = _dereq_('../internals/fails');
+        // check the existence of a method, lowercase
+        // of a tag and escaping quotes in arguments
+        module.exports = function (METHOD_NAME) {
+          return fails(function () {
+            var test = ''[METHOD_NAME]('"');
+            return test !== test.toLowerCase() || test.split('"').length > 3;
+          });
+        };
+      },
+      {
+        '../internals/fails': 69
+      }
+    ],
+    141: [
+      function (_dereq_, module, exports) {
+        var toInteger = _dereq_('../internals/to-integer');
+        var requireObjectCoercible = _dereq_('../internals/require-object-coercible');
+        // `String.prototype.{ codePointAt, at }` methods implementation
+        var createMethod = function (CONVERT_TO_STRING) {
+          return function ($this, pos) {
+            var S = String(requireObjectCoercible($this));
+            var position = toInteger(pos);
+            var size = S.length;
+            var first,
+            second;
+            if (position < 0 || position >= size) return CONVERT_TO_STRING ? '' : undefined;
+            first = S.charCodeAt(position);
+            return first < 55296 || first > 56319 || position + 1 === size || (second = S.charCodeAt(position + 1)) < 56320 || second > 57343 ? CONVERT_TO_STRING ? S.charAt(position) : first : CONVERT_TO_STRING ? S.slice(position, position + 2) : (first - 55296 << 10) + (second - 56320) + 65536;
+          };
+        };
+        module.exports = {
+          // `String.prototype.codePointAt` method
+          // https://tc39.github.io/ecma262/#sec-string.prototype.codepointat
+          codeAt: createMethod(false),
+          // `String.prototype.at` method
+          // https://github.com/mathiasbynens/String.prototype.at
+          charAt: createMethod(true)
+        };
+      },
+      {
+        '../internals/require-object-coercible': 131,
+        '../internals/to-integer': 153
+      }
+    ],
+    142: [
+      function (_dereq_, module, exports) {
+        // https://github.com/zloirock/core-js/issues/280
+        var userAgent = _dereq_('../internals/engine-user-agent');
+        // eslint-disable-next-line unicorn/no-unsafe-regex
+        module.exports = /Version\/10\.\d+(\.\d+)?( Mobile\/\w+)? Safari\//.test(userAgent);
+      },
+      {
+        '../internals/engine-user-agent': 65
+      }
+    ],
+    143: [
+      function (_dereq_, module, exports) {
+        // https://github.com/tc39/proposal-string-pad-start-end
+        var toLength = _dereq_('../internals/to-length');
+        var repeat = _dereq_('../internals/string-repeat');
+        var requireObjectCoercible = _dereq_('../internals/require-object-coercible');
+        var ceil = Math.ceil;
+        // `String.prototype.{ padStart, padEnd }` methods implementation
+        var createMethod = function (IS_END) {
+          return function ($this, maxLength, fillString) {
+            var S = String(requireObjectCoercible($this));
+            var stringLength = S.length;
+            var fillStr = fillString === undefined ? ' ' : String(fillString);
+            var intMaxLength = toLength(maxLength);
+            var fillLen,
+            stringFiller;
+            if (intMaxLength <= stringLength || fillStr == '') return S;
+            fillLen = intMaxLength - stringLength;
+            stringFiller = repeat.call(fillStr, ceil(fillLen / fillStr.length));
+            if (stringFiller.length > fillLen) stringFiller = stringFiller.slice(0, fillLen);
+            return IS_END ? S + stringFiller : stringFiller + S;
+          };
+        };
+        module.exports = {
+          // `String.prototype.padStart` method
+          // https://tc39.github.io/ecma262/#sec-string.prototype.padstart
+          start: createMethod(false),
+          // `String.prototype.padEnd` method
+          // https://tc39.github.io/ecma262/#sec-string.prototype.padend
+          end: createMethod(true)
+        };
+      },
+      {
+        '../internals/require-object-coercible': 131,
+        '../internals/string-repeat': 145,
+        '../internals/to-length': 154
+      }
+    ],
+    144: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        // based on https://github.com/bestiejs/punycode.js/blob/master/punycode.js
+        var maxInt = 2147483647; // aka. 0x7FFFFFFF or 2^31-1
+        var base = 36;
+        var tMin = 1;
+        var tMax = 26;
+        var skew = 38;
+        var damp = 700;
+        var initialBias = 72;
+        var initialN = 128; // 0x80
+        var delimiter = '-'; // '\x2D'
+        var regexNonASCII = /[^\0-\u007E]/; // non-ASCII chars
+        var regexSeparators = /[.\u3002\uFF0E\uFF61]/g; // RFC 3490 separators
+        var OVERFLOW_ERROR = 'Overflow: input needs wider integers to process';
+        var baseMinusTMin = base - tMin;
+        var floor = Math.floor;
+        var stringFromCharCode = String.fromCharCode;
+        /**
+ * Creates an array containing the numeric code points of each Unicode
+ * character in the string. While JavaScript uses UCS-2 internally,
+ * this function will convert a pair of surrogate halves (each of which
+ * UCS-2 exposes as separate characters) into a single code point,
+ * matching UTF-16.
+ */
+        var ucs2decode = function (string) {
+          var output = [
+          ];
+          var counter = 0;
+          var length = string.length;
+          while (counter < length) {
+            var value = string.charCodeAt(counter++);
+            if (value >= 55296 && value <= 56319 && counter < length) {
+              // It's a high surrogate, and there is a next character.
+              var extra = string.charCodeAt(counter++);
+              if ((extra & 64512) == 56320) {
+                // Low surrogate.
+                output.push(((value & 1023) << 10) + (extra & 1023) + 65536);
+              } else {
+                // It's an unmatched surrogate; only append this code unit, in case the
+                // next code unit is the high surrogate of a surrogate pair.
+                output.push(value);
+                counter--;
+              }
+            } else {
+              output.push(value);
+            }
+          }
+          return output;
+        };
+        /**
+ * Converts a digit/integer into a basic code point.
+ */
+        var digitToBasic = function (digit) {
+          //  0..25 map to ASCII a..z or A..Z
+          // 26..35 map to ASCII 0..9
+          return digit + 22 + 75 * (digit < 26);
+        };
+        /**
+ * Bias adaptation function as per section 3.4 of RFC 3492.
+ * https://tools.ietf.org/html/rfc3492#section-3.4
+ */
+        var adapt = function (delta, numPoints, firstTime) {
+          var k = 0;
+          delta = firstTime ? floor(delta / damp) : delta >> 1;
+          delta += floor(delta / numPoints);
+          for (; delta > baseMinusTMin * tMax >> 1; k += base) {
+            delta = floor(delta / baseMinusTMin);
+          }
+          return floor(k + (baseMinusTMin + 1) * delta / (delta + skew));
+        };
+        /**
+ * Converts a string of Unicode symbols (e.g. a domain name label) to a
+ * Punycode string of ASCII-only symbols.
+ */
+        // eslint-disable-next-line  max-statements
+        var encode = function (input) {
+          var output = [
+          ];
+          // Convert the input in UCS-2 to an array of Unicode code points.
+          input = ucs2decode(input);
+          // Cache the length.
+          var inputLength = input.length;
+          // Initialize the state.
+          var n = initialN;
+          var delta = 0;
+          var bias = initialBias;
+          var i,
+          currentValue;
+          // Handle the basic code points.
+          for (i = 0; i < input.length; i++) {
+            currentValue = input[i];
+            if (currentValue < 128) {
+              output.push(stringFromCharCode(currentValue));
+            }
+          }
+          var basicLength = output.length; // number of basic code points.
+          var handledCPCount = basicLength; // number of code points that have been handled;
+          // Finish the basic string with a delimiter unless it's empty.
+          if (basicLength) {
+            output.push(delimiter);
+          }          // Main encoding loop:
+
+          while (handledCPCount < inputLength) {
+            // All non-basic code points < n have been handled already. Find the next larger one:
+            var m = maxInt;
+            for (i = 0; i < input.length; i++) {
+              currentValue = input[i];
+              if (currentValue >= n && currentValue < m) {
+                m = currentValue;
+              }
+            }            // Increase `delta` enough to advance the decoder's <n,i> state to <m,0>, but guard against overflow.
+
+            var handledCPCountPlusOne = handledCPCount + 1;
+            if (m - n > floor((maxInt - delta) / handledCPCountPlusOne)) {
+              throw RangeError(OVERFLOW_ERROR);
+            }
+            delta += (m - n) * handledCPCountPlusOne;
+            n = m;
+            for (i = 0; i < input.length; i++) {
+              currentValue = input[i];
+              if (currentValue < n && ++delta > maxInt) {
+                throw RangeError(OVERFLOW_ERROR);
+              }
+              if (currentValue == n) {
+                // Represent delta as a generalized variable-length integer.
+                var q = delta;
+                for /* no condition */
+                (var k = base; ; k += base) {
+                  var t = k <= bias ? tMin : k >= bias + tMax ? tMax : k - bias;
+                  if (q < t) break;
+                  var qMinusT = q - t;
+                  var baseMinusT = base - t;
+                  output.push(stringFromCharCode(digitToBasic(t + qMinusT % baseMinusT)));
+                  q = floor(qMinusT / baseMinusT);
+                }
+                output.push(stringFromCharCode(digitToBasic(q)));
+                bias = adapt(delta, handledCPCountPlusOne, handledCPCount == basicLength);
+                delta = 0;
+                ++handledCPCount;
+              }
+            }
+            ++delta;
+            ++n;
+          }
+          return output.join('');
+        };
+        module.exports = function (input) {
+          var encoded = [
+          ];
+          var labels = input.toLowerCase().replace(regexSeparators, '.').split('.');
+          var i,
+          label;
+          for (i = 0; i < labels.length; i++) {
+            label = labels[i];
+            encoded.push(regexNonASCII.test(label) ? 'xn--' + encode(label) : label);
+          }
+          return encoded.join('.');
+        };
+      },
+      {
+      }
+    ],
+    145: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var toInteger = _dereq_('../internals/to-integer');
+        var requireObjectCoercible = _dereq_('../internals/require-object-coercible');
+        // `String.prototype.repeat` method implementation
+        // https://tc39.github.io/ecma262/#sec-string.prototype.repeat
+        module.exports = ''.repeat || function repeat(count) {
+          var str = String(requireObjectCoercible(this));
+          var result = '';
+          var n = toInteger(count);
+          if (n < 0 || n == Infinity) throw RangeError('Wrong number of repetitions');
+          for (; n > 0; (n >>>= 1) && (str += str)) if (n & 1) result += str;
+          return result;
+        };
+      },
+      {
+        '../internals/require-object-coercible': 131,
+        '../internals/to-integer': 153
+      }
+    ],
+    146: [
+      function (_dereq_, module, exports) {
+        var fails = _dereq_('../internals/fails');
+        var whitespaces = _dereq_('../internals/whitespaces');
+        var non = '​…᠎';
+        // check that a method works with the correct list
+        // of whitespaces and has a correct name
+        module.exports = function (METHOD_NAME) {
+          return fails(function () {
+            return !!whitespaces[METHOD_NAME]() || non[METHOD_NAME]() != non || whitespaces[METHOD_NAME].name !== METHOD_NAME;
+          });
+        };
+      },
+      {
+        '../internals/fails': 69,
+        '../internals/whitespaces': 167
+      }
+    ],
+    147: [
+      function (_dereq_, module, exports) {
+        var requireObjectCoercible = _dereq_('../internals/require-object-coercible');
+        var whitespaces = _dereq_('../internals/whitespaces');
+        var whitespace = '[' + whitespaces + ']';
+        var ltrim = RegExp('^' + whitespace + whitespace + '*');
+        var rtrim = RegExp(whitespace + whitespace + '*$');
+        // `String.prototype.{ trim, trimStart, trimEnd, trimLeft, trimRight }` methods implementation
+        var createMethod = function (TYPE) {
+          return function ($this) {
+            var string = String(requireObjectCoercible($this));
+            if (TYPE & 1) string = string.replace(ltrim, '');
+            if (TYPE & 2) string = string.replace(rtrim, '');
+            return string;
+          };
+        };
+        module.exports = {
+          // `String.prototype.{ trimLeft, trimStart }` methods
+          // https://tc39.github.io/ecma262/#sec-string.prototype.trimstart
+          start: createMethod(1),
+          // `String.prototype.{ trimRight, trimEnd }` methods
+          // https://tc39.github.io/ecma262/#sec-string.prototype.trimend
+          end: createMethod(2),
+          // `String.prototype.trim` method
+          // https://tc39.github.io/ecma262/#sec-string.prototype.trim
+          trim: createMethod(3)
+        };
+      },
+      {
+        '../internals/require-object-coercible': 131,
+        '../internals/whitespaces': 167
+      }
+    ],
+    148: [
+      function (_dereq_, module, exports) {
+        var global = _dereq_('../internals/global');
+        var fails = _dereq_('../internals/fails');
+        var classof = _dereq_('../internals/classof-raw');
+        var bind = _dereq_('../internals/function-bind-context');
+        var html = _dereq_('../internals/html');
+        var createElement = _dereq_('../internals/document-create-element');
+        var IS_IOS = _dereq_('../internals/engine-is-ios');
+        var location = global.location;
+        var set = global.setImmediate;
+        var clear = global.clearImmediate;
+        var process = global.process;
+        var MessageChannel = global.MessageChannel;
+        var Dispatch = global.Dispatch;
+        var counter = 0;
+        var queue = {
+        };
+        var ONREADYSTATECHANGE = 'onreadystatechange';
+        var defer,
+        channel,
+        port;
+        var run = function (id) {
+          // eslint-disable-next-line no-prototype-builtins
+          if (queue.hasOwnProperty(id)) {
+            var fn = queue[id];
+            delete queue[id];
+            fn();
+          }
+        };
+        var runner = function (id) {
+          return function () {
+            run(id);
+          };
+        };
+        var listener = function (event) {
+          run(event.data);
+        };
+        var post = function (id) {
+          // old engines have not location.origin
+          global.postMessage(id + '', location.protocol + '//' + location.host);
+        };
+        // Node.js 0.9+ & IE10+ has setImmediate, otherwise:
+        if (!set || !clear) {
+          set = function setImmediate(fn) {
+            var args = [
+            ];
+            var i = 1;
+            while (arguments.length > i) args.push(arguments[i++]);
+            queue[++counter] = function () {
+              // eslint-disable-next-line no-new-func
+              (typeof fn == 'function' ? fn : Function(fn)).apply(undefined, args);
+            };
+            defer(counter);
+            return counter;
+          };
+          clear = function clearImmediate(id) {
+            delete queue[id];
+          };
+          // Node.js 0.8-
+          if (classof(process) == 'process') {
+            defer = function (id) {
+              process.nextTick(runner(id));
+            };
+            // Sphere (JS game engine) Dispatch API
+          } else if (Dispatch && Dispatch.now) {
+            defer = function (id) {
+              Dispatch.now(runner(id));
+            };
+            // Browsers with MessageChannel, includes WebWorkers
+            // except iOS - https://github.com/zloirock/core-js/issues/624
+          } else if (MessageChannel && !IS_IOS) {
+            channel = new MessageChannel();
+            port = channel.port2;
+            channel.port1.onmessage = listener;
+            defer = bind(port.postMessage, port, 1);
+            // Browsers with postMessage, skip WebWorkers
+            // IE8 has postMessage, but it's sync & typeof its postMessage is 'object'
+          } else if (global.addEventListener && typeof postMessage == 'function' && !global.importScripts && !fails(post) && location.protocol !== 'file:') {
+            defer = post;
+            global.addEventListener('message', listener, false);
+            // IE8-
+          } else if (ONREADYSTATECHANGE in createElement('script')) {
+            defer = function (id) {
+              html.appendChild(createElement('script')) [ONREADYSTATECHANGE] = function () {
+                html.removeChild(this);
+                run(id);
+              };
+            };
+            // Rest old browsers
+          } else {
+            defer = function (id) {
+              setTimeout(runner(id), 0);
+            };
+          }
+        }
+        module.exports = {
+          set: set,
+          clear: clear
+        };
+      },
+      {
+        '../internals/classof-raw': 46,
+        '../internals/document-create-element': 62,
+        '../internals/engine-is-ios': 64,
+        '../internals/fails': 69,
+        '../internals/function-bind-context': 72,
+        '../internals/global': 77,
+        '../internals/html': 81
+      }
+    ],
+    149: [
+      function (_dereq_, module, exports) {
+        var classof = _dereq_('../internals/classof-raw');
+        // `thisNumberValue` abstract operation
+        // https://tc39.github.io/ecma262/#sec-thisnumbervalue
+        module.exports = function (value) {
+          if (typeof value != 'number' && classof(value) != 'Number') {
+            throw TypeError('Incorrect invocation');
+          }
+          return + value;
+        };
+      },
+      {
+        '../internals/classof-raw': 46
+      }
+    ],
+    150: [
+      function (_dereq_, module, exports) {
+        var toInteger = _dereq_('../internals/to-integer');
+        var max = Math.max;
+        var min = Math.min;
+        // Helper for a popular repeating case of the spec:
+        // Let integer be ? ToInteger(index).
+        // If integer < 0, let result be max((length + integer), 0); else let result be min(integer, length).
+        module.exports = function (index, length) {
+          var integer = toInteger(index);
+          return integer < 0 ? max(integer + length, 0) : min(integer, length);
+        };
+      },
+      {
+        '../internals/to-integer': 153
+      }
+    ],
+    151: [
+      function (_dereq_, module, exports) {
+        var toInteger = _dereq_('../internals/to-integer');
+        var toLength = _dereq_('../internals/to-length');
+        // `ToIndex` abstract operation
+        // https://tc39.github.io/ecma262/#sec-toindex
+        module.exports = function (it) {
+          if (it === undefined) return 0;
+          var number = toInteger(it);
+          var length = toLength(number);
+          if (number !== length) throw RangeError('Wrong length or index');
+          return length;
+        };
+      },
+      {
+        '../internals/to-integer': 153,
+        '../internals/to-length': 154
+      }
+    ],
+    152: [
+      function (_dereq_, module, exports) {
+        // toObject with fallback for non-array-like ES3 strings
+        var IndexedObject = _dereq_('../internals/indexed-object');
+        var requireObjectCoercible = _dereq_('../internals/require-object-coercible');
+        module.exports = function (it) {
+          return IndexedObject(requireObjectCoercible(it));
+        };
+      },
+      {
+        '../internals/indexed-object': 84,
+        '../internals/require-object-coercible': 131
+      }
+    ],
+    153: [
+      function (_dereq_, module, exports) {
+        var ceil = Math.ceil;
+        var floor = Math.floor;
+        // `ToInteger` abstract operation
+        // https://tc39.github.io/ecma262/#sec-tointeger
+        module.exports = function (argument) {
+          return isNaN(argument = + argument) ? 0 : (argument > 0 ? floor : ceil) (argument);
+        };
+      },
+      {
+      }
+    ],
+    154: [
+      function (_dereq_, module, exports) {
+        var toInteger = _dereq_('../internals/to-integer');
+        var min = Math.min;
+        // `ToLength` abstract operation
+        // https://tc39.github.io/ecma262/#sec-tolength
+        module.exports = function (argument) {
+          return argument > 0 ? min(toInteger(argument), 9007199254740991) : 0; // 2 ** 53 - 1 == 9007199254740991
+        };
+      },
+      {
+        '../internals/to-integer': 153
+      }
+    ],
+    155: [
+      function (_dereq_, module, exports) {
+        var requireObjectCoercible = _dereq_('../internals/require-object-coercible');
+        // `ToObject` abstract operation
+        // https://tc39.github.io/ecma262/#sec-toobject
+        module.exports = function (argument) {
+          return Object(requireObjectCoercible(argument));
+        };
+      },
+      {
+        '../internals/require-object-coercible': 131
+      }
+    ],
+    156: [
+      function (_dereq_, module, exports) {
+        var toPositiveInteger = _dereq_('../internals/to-positive-integer');
+        module.exports = function (it, BYTES) {
+          var offset = toPositiveInteger(it);
+          if (offset % BYTES) throw RangeError('Wrong offset');
+          return offset;
+        };
+      },
+      {
+        '../internals/to-positive-integer': 157
+      }
+    ],
+    157: [
+      function (_dereq_, module, exports) {
+        var toInteger = _dereq_('../internals/to-integer');
+        module.exports = function (it) {
+          var result = toInteger(it);
+          if (result < 0) throw RangeError('The argument can\'t be less than 0');
+          return result;
+        };
+      },
+      {
+        '../internals/to-integer': 153
+      }
+    ],
+    158: [
+      function (_dereq_, module, exports) {
+        var isObject = _dereq_('../internals/is-object');
+        // `ToPrimitive` abstract operation
+        // https://tc39.github.io/ecma262/#sec-toprimitive
+        // instead of the ES6 spec version, we didn't implement @@toPrimitive case
+        // and the second argument - flag - preferred type is a string
+        module.exports = function (input, PREFERRED_STRING) {
+          if (!isObject(input)) return input;
+          var fn,
+          val;
+          if (PREFERRED_STRING && typeof (fn = input.toString) == 'function' && !isObject(val = fn.call(input))) return val;
+          if (typeof (fn = input.valueOf) == 'function' && !isObject(val = fn.call(input))) return val;
+          if (!PREFERRED_STRING && typeof (fn = input.toString) == 'function' && !isObject(val = fn.call(input))) return val;
+          throw TypeError('Can\'t convert object to primitive value');
+        };
+      },
+      {
+        '../internals/is-object': 92
+      }
+    ],
+    159: [
+      function (_dereq_, module, exports) {
+        var wellKnownSymbol = _dereq_('../internals/well-known-symbol');
+        var TO_STRING_TAG = wellKnownSymbol('toStringTag');
+        var test = {
+        };
+        test[TO_STRING_TAG] = 'z';
+        module.exports = String(test) === '[object z]';
+      },
+      {
+        '../internals/well-known-symbol': 166
+      }
+    ],
+    160: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var $ = _dereq_('../internals/export');
+        var global = _dereq_('../internals/global');
+        var DESCRIPTORS = _dereq_('../internals/descriptors');
+        var TYPED_ARRAYS_CONSTRUCTORS_REQUIRES_WRAPPERS = _dereq_('../internals/typed-array-constructors-require-wrappers');
+        var ArrayBufferViewCore = _dereq_('../internals/array-buffer-view-core');
+        var ArrayBufferModule = _dereq_('../internals/array-buffer');
+        var anInstance = _dereq_('../internals/an-instance');
+        var createPropertyDescriptor = _dereq_('../internals/create-property-descriptor');
+        var createNonEnumerableProperty = _dereq_('../internals/create-non-enumerable-property');
+        var toLength = _dereq_('../internals/to-length');
+        var toIndex = _dereq_('../internals/to-index');
+        var toOffset = _dereq_('../internals/to-offset');
+        var toPrimitive = _dereq_('../internals/to-primitive');
+        var has = _dereq_('../internals/has');
+        var classof = _dereq_('../internals/classof');
+        var isObject = _dereq_('../internals/is-object');
+        var create = _dereq_('../internals/object-create');
+        var setPrototypeOf = _dereq_('../internals/object-set-prototype-of');
+        var getOwnPropertyNames = _dereq_('../internals/object-get-own-property-names').f;
+        var typedArrayFrom = _dereq_('../internals/typed-array-from');
+        var forEach = _dereq_('../internals/array-iteration').forEach;
+        var setSpecies = _dereq_('../internals/set-species');
+        var definePropertyModule = _dereq_('../internals/object-define-property');
+        var getOwnPropertyDescriptorModule = _dereq_('../internals/object-get-own-property-descriptor');
+        var InternalStateModule = _dereq_('../internals/internal-state');
+        var inheritIfRequired = _dereq_('../internals/inherit-if-required');
+        var getInternalState = InternalStateModule.get;
+        var setInternalState = InternalStateModule.set;
+        var nativeDefineProperty = definePropertyModule.f;
+        var nativeGetOwnPropertyDescriptor = getOwnPropertyDescriptorModule.f;
+        var round = Math.round;
+        var RangeError = global.RangeError;
+        var ArrayBuffer = ArrayBufferModule.ArrayBuffer;
+        var DataView = ArrayBufferModule.DataView;
+        var NATIVE_ARRAY_BUFFER_VIEWS = ArrayBufferViewCore.NATIVE_ARRAY_BUFFER_VIEWS;
+        var TYPED_ARRAY_TAG = ArrayBufferViewCore.TYPED_ARRAY_TAG;
+        var TypedArray = ArrayBufferViewCore.TypedArray;
+        var TypedArrayPrototype = ArrayBufferViewCore.TypedArrayPrototype;
+        var aTypedArrayConstructor = ArrayBufferViewCore.aTypedArrayConstructor;
+        var isTypedArray = ArrayBufferViewCore.isTypedArray;
+        var BYTES_PER_ELEMENT = 'BYTES_PER_ELEMENT';
+        var WRONG_LENGTH = 'Wrong length';
+        var fromList = function (C, list) {
+          var index = 0;
+          var length = list.length;
+          var result = new (aTypedArrayConstructor(C)) (length);
+          while (length > index) result[index] = list[index++];
+          return result;
+        };
+        var addGetter = function (it, key) {
+          nativeDefineProperty(it, key, {
+            get: function () {
+              return getInternalState(this) [key];
+            }
+          });
+        };
+        var isArrayBuffer = function (it) {
+          var klass;
+          return it instanceof ArrayBuffer || (klass = classof(it)) == 'ArrayBuffer' || klass == 'SharedArrayBuffer';
+        };
+        var isTypedArrayIndex = function (target, key) {
+          return isTypedArray(target) && typeof key != 'symbol' && key in target && String( + key) == String(key);
+        };
+        var wrappedGetOwnPropertyDescriptor = function getOwnPropertyDescriptor(target, key) {
+          return isTypedArrayIndex(target, key = toPrimitive(key, true)) ? createPropertyDescriptor(2, target[key]) : nativeGetOwnPropertyDescriptor(target, key);
+        };
+        var wrappedDefineProperty = function defineProperty(target, key, descriptor) {
+          if (isTypedArrayIndex(target, key = toPrimitive(key, true)) && isObject(descriptor) && has(descriptor, 'value') && !has(descriptor, 'get') && !has(descriptor, 'set')          // TODO: add validation descriptor w/o calling accessors
+          && !descriptor.configurable && (!has(descriptor, 'writable') || descriptor.writable) && (!has(descriptor, 'enumerable') || descriptor.enumerable)) {
+            target[key] = descriptor.value;
+            return target;
+          }
+          return nativeDefineProperty(target, key, descriptor);
+        };
+        if (DESCRIPTORS) {
+          if (!NATIVE_ARRAY_BUFFER_VIEWS) {
+            getOwnPropertyDescriptorModule.f = wrappedGetOwnPropertyDescriptor;
+            definePropertyModule.f = wrappedDefineProperty;
+            addGetter(TypedArrayPrototype, 'buffer');
+            addGetter(TypedArrayPrototype, 'byteOffset');
+            addGetter(TypedArrayPrototype, 'byteLength');
+            addGetter(TypedArrayPrototype, 'length');
+          }
+          $({
+            target: 'Object',
+            stat: true,
+            forced: !NATIVE_ARRAY_BUFFER_VIEWS
+          }, {
+            getOwnPropertyDescriptor: wrappedGetOwnPropertyDescriptor,
+            defineProperty: wrappedDefineProperty
+          });
+          module.exports = function (TYPE, wrapper, CLAMPED) {
+            var BYTES = TYPE.match(/\d+$/) [0] / 8;
+            var CONSTRUCTOR_NAME = TYPE + (CLAMPED ? 'Clamped' : '') + 'Array';
+            var GETTER = 'get' + TYPE;
+            var SETTER = 'set' + TYPE;
+            var NativeTypedArrayConstructor = global[CONSTRUCTOR_NAME];
+            var TypedArrayConstructor = NativeTypedArrayConstructor;
+            var TypedArrayConstructorPrototype = TypedArrayConstructor && TypedArrayConstructor.prototype;
+            var exported = {
+            };
+            var getter = function (that, index) {
+              var data = getInternalState(that);
+              return data.view[GETTER](index * BYTES + data.byteOffset, true);
+            };
+            var setter = function (that, index, value) {
+              var data = getInternalState(that);
+              if (CLAMPED) value = (value = round(value)) < 0 ? 0 : value > 255 ? 255 : value & 255;
+              data.view[SETTER](index * BYTES + data.byteOffset, value, true);
+            };
+            var addElement = function (that, index) {
+              nativeDefineProperty(that, index, {
+                get: function () {
+                  return getter(this, index);
+                },
+                set: function (value) {
+                  return setter(this, index, value);
+                },
+                enumerable: true
+              });
+            };
+            if (!NATIVE_ARRAY_BUFFER_VIEWS) {
+              TypedArrayConstructor = wrapper(function (that, data, offset, $length) {
+                anInstance(that, TypedArrayConstructor, CONSTRUCTOR_NAME);
+                var index = 0;
+                var byteOffset = 0;
+                var buffer,
+                byteLength,
+                length;
+                if (!isObject(data)) {
+                  length = toIndex(data);
+                  byteLength = length * BYTES;
+                  buffer = new ArrayBuffer(byteLength);
+                } else if (isArrayBuffer(data)) {
+                  buffer = data;
+                  byteOffset = toOffset(offset, BYTES);
+                  var $len = data.byteLength;
+                  if ($length === undefined) {
+                    if ($len % BYTES) throw RangeError(WRONG_LENGTH);
+                    byteLength = $len - byteOffset;
+                    if (byteLength < 0) throw RangeError(WRONG_LENGTH);
+                  } else {
+                    byteLength = toLength($length) * BYTES;
+                    if (byteLength + byteOffset > $len) throw RangeError(WRONG_LENGTH);
+                  }
+                  length = byteLength / BYTES;
+                } else if (isTypedArray(data)) {
+                  return fromList(TypedArrayConstructor, data);
+                } else {
+                  return typedArrayFrom.call(TypedArrayConstructor, data);
+                }
+                setInternalState(that, {
+                  buffer: buffer,
+                  byteOffset: byteOffset,
+                  byteLength: byteLength,
+                  length: length,
+                  view: new DataView(buffer)
+                });
+                while (index < length) addElement(that, index++);
+              });
+              if (setPrototypeOf) setPrototypeOf(TypedArrayConstructor, TypedArray);
+              TypedArrayConstructorPrototype = TypedArrayConstructor.prototype = create(TypedArrayPrototype);
+            } else if (TYPED_ARRAYS_CONSTRUCTORS_REQUIRES_WRAPPERS) {
+              TypedArrayConstructor = wrapper(function (dummy, data, typedArrayOffset, $length) {
+                anInstance(dummy, TypedArrayConstructor, CONSTRUCTOR_NAME);
+                return inheritIfRequired(function () {
+                  if (!isObject(data)) return new NativeTypedArrayConstructor(toIndex(data));
+                  if (isArrayBuffer(data)) return $length !== undefined ? new NativeTypedArrayConstructor(data, toOffset(typedArrayOffset, BYTES), $length) : typedArrayOffset !== undefined ? new NativeTypedArrayConstructor(data, toOffset(typedArrayOffset, BYTES)) : new NativeTypedArrayConstructor(data);
+                  if (isTypedArray(data)) return fromList(TypedArrayConstructor, data);
+                  return typedArrayFrom.call(TypedArrayConstructor, data);
+                }(), dummy, TypedArrayConstructor);
+              });
+              if (setPrototypeOf) setPrototypeOf(TypedArrayConstructor, TypedArray);
+              forEach(getOwnPropertyNames(NativeTypedArrayConstructor), function (key) {
+                if (!(key in TypedArrayConstructor)) {
+                  createNonEnumerableProperty(TypedArrayConstructor, key, NativeTypedArrayConstructor[key]);
+                }
+              });
+              TypedArrayConstructor.prototype = TypedArrayConstructorPrototype;
+            }
+            if (TypedArrayConstructorPrototype.constructor !== TypedArrayConstructor) {
+              createNonEnumerableProperty(TypedArrayConstructorPrototype, 'constructor', TypedArrayConstructor);
+            }
+            if (TYPED_ARRAY_TAG) {
+              createNonEnumerableProperty(TypedArrayConstructorPrototype, TYPED_ARRAY_TAG, CONSTRUCTOR_NAME);
+            }
+            exported[CONSTRUCTOR_NAME] = TypedArrayConstructor;
+            $({
+              global: true,
+              forced: TypedArrayConstructor != NativeTypedArrayConstructor,
+              sham: !NATIVE_ARRAY_BUFFER_VIEWS
+            }, exported);
+            if (!(BYTES_PER_ELEMENT in TypedArrayConstructor)) {
+              createNonEnumerableProperty(TypedArrayConstructor, BYTES_PER_ELEMENT, BYTES);
+            }
+            if (!(BYTES_PER_ELEMENT in TypedArrayConstructorPrototype)) {
+              createNonEnumerableProperty(TypedArrayConstructorPrototype, BYTES_PER_ELEMENT, BYTES);
+            }
+            setSpecies(CONSTRUCTOR_NAME);
+          };
+        } else module.exports = function () { /* empty */ 
+        };
+      },
+      {
+        '../internals/an-instance': 27,
+        '../internals/array-buffer': 31,
+        '../internals/array-buffer-view-core': 30,
+        '../internals/array-iteration': 37,
+        '../internals/classof': 47,
+        '../internals/create-non-enumerable-property': 56,
+        '../internals/create-property-descriptor': 57,
+        '../internals/descriptors': 61,
+        '../internals/export': 68,
+        '../internals/global': 77,
+        '../internals/has': 78,
+        '../internals/inherit-if-required': 85,
+        '../internals/internal-state': 88,
+        '../internals/is-object': 92,
+        '../internals/object-create': 108,
+        '../internals/object-define-property': 110,
+        '../internals/object-get-own-property-descriptor': 111,
+        '../internals/object-get-own-property-names': 113,
+        '../internals/object-set-prototype-of': 119,
+        '../internals/set-species': 134,
+        '../internals/to-index': 151,
+        '../internals/to-length': 154,
+        '../internals/to-offset': 156,
+        '../internals/to-primitive': 158,
+        '../internals/typed-array-constructors-require-wrappers': 161,
+        '../internals/typed-array-from': 162
+      }
+    ],
+    161: [
+      function (_dereq_, module, exports) {
+        /* eslint-disable no-new */
+        var global = _dereq_('../internals/global');
+        var fails = _dereq_('../internals/fails');
+        var checkCorrectnessOfIteration = _dereq_('../internals/check-correctness-of-iteration');
+        var NATIVE_ARRAY_BUFFER_VIEWS = _dereq_('../internals/array-buffer-view-core').NATIVE_ARRAY_BUFFER_VIEWS;
+        var ArrayBuffer = global.ArrayBuffer;
+        var Int8Array = global.Int8Array;
+        module.exports = !NATIVE_ARRAY_BUFFER_VIEWS || !fails(function () {
+          Int8Array(1);
+        }) || !fails(function () {
+          new Int8Array( - 1);
+        }) || !checkCorrectnessOfIteration(function (iterable) {
+          new Int8Array();
+          new Int8Array(null);
+          new Int8Array(1.5);
+          new Int8Array(iterable);
+        }, true) || fails(function () {
+          // Safari (11+) bug - a reason why even Safari 13 should load a typed array polyfill
+          return new Int8Array(new ArrayBuffer(2), 1, undefined).length !== 1;
+        });
+      },
+      {
+        '../internals/array-buffer-view-core': 30,
+        '../internals/check-correctness-of-iteration': 45,
+        '../internals/fails': 69,
+        '../internals/global': 77
+      }
+    ],
+    162: [
+      function (_dereq_, module, exports) {
+        var toObject = _dereq_('../internals/to-object');
+        var toLength = _dereq_('../internals/to-length');
+        var getIteratorMethod = _dereq_('../internals/get-iterator-method');
+        var isArrayIteratorMethod = _dereq_('../internals/is-array-iterator-method');
+        var bind = _dereq_('../internals/function-bind-context');
+        var aTypedArrayConstructor = _dereq_('../internals/array-buffer-view-core').aTypedArrayConstructor;
+        module.exports = function from(source /* , mapfn, thisArg */ ) {
+          var O = toObject(source);
+          var argumentsLength = arguments.length;
+          var mapfn = argumentsLength > 1 ? arguments[1] : undefined;
+          var mapping = mapfn !== undefined;
+          var iteratorMethod = getIteratorMethod(O);
+          var i,
+          length,
+          result,
+          step,
+          iterator,
+          next;
+          if (iteratorMethod != undefined && !isArrayIteratorMethod(iteratorMethod)) {
+            iterator = iteratorMethod.call(O);
+            next = iterator.next;
+            O = [
+            ];
+            while (!(step = next.call(iterator)).done) {
+              O.push(step.value);
+            }
+          }
+          if (mapping && argumentsLength > 2) {
+            mapfn = bind(mapfn, arguments[2], 2);
+          }
+          length = toLength(O.length);
+          result = new (aTypedArrayConstructor(this)) (length);
+          for (i = 0; length > i; i++) {
+            result[i] = mapping ? mapfn(O[i], i) : O[i];
+          }
+          return result;
+        };
+      },
+      {
+        '../internals/array-buffer-view-core': 30,
+        '../internals/function-bind-context': 72,
+        '../internals/get-iterator-method': 75,
+        '../internals/is-array-iterator-method': 89,
+        '../internals/to-length': 154,
+        '../internals/to-object': 155
+      }
+    ],
+    163: [
+      function (_dereq_, module, exports) {
+        var id = 0;
+        var postfix = Math.random();
+        module.exports = function (key) {
+          return 'Symbol(' + String(key === undefined ? '' : key) + ')_' + (++id + postfix).toString(36);
+        };
+      },
+      {
+      }
+    ],
+    164: [
+      function (_dereq_, module, exports) {
+        var NATIVE_SYMBOL = _dereq_('../internals/native-symbol');
+        module.exports = NATIVE_SYMBOL        // eslint-disable-next-line no-undef
+        && !Symbol.sham        // eslint-disable-next-line no-undef
+        && typeof Symbol.iterator == 'symbol';
+      },
+      {
+        '../internals/native-symbol': 101
+      }
+    ],
+    165: [
+      function (_dereq_, module, exports) {
+        var wellKnownSymbol = _dereq_('../internals/well-known-symbol');
+        exports.f = wellKnownSymbol;
+      },
+      {
+        '../internals/well-known-symbol': 166
+      }
+    ],
+    166: [
+      function (_dereq_, module, exports) {
+        var global = _dereq_('../internals/global');
+        var shared = _dereq_('../internals/shared');
+        var has = _dereq_('../internals/has');
+        var uid = _dereq_('../internals/uid');
+        var NATIVE_SYMBOL = _dereq_('../internals/native-symbol');
+        var USE_SYMBOL_AS_UID = _dereq_('../internals/use-symbol-as-uid');
+        var WellKnownSymbolsStore = shared('wks');
+        var Symbol = global.Symbol;
+        var createWellKnownSymbol = USE_SYMBOL_AS_UID ? Symbol : Symbol && Symbol.withoutSetter || uid;
+        module.exports = function (name) {
+          if (!has(WellKnownSymbolsStore, name)) {
+            if (NATIVE_SYMBOL && has(Symbol, name)) WellKnownSymbolsStore[name] = Symbol[name];
+             else WellKnownSymbolsStore[name] = createWellKnownSymbol('Symbol.' + name);
+          }
+          return WellKnownSymbolsStore[name];
+        };
+      },
+      {
+        '../internals/global': 77,
+        '../internals/has': 78,
+        '../internals/native-symbol': 101,
+        '../internals/shared': 138,
+        '../internals/uid': 163,
+        '../internals/use-symbol-as-uid': 164
+      }
+    ],
+    167: [
+      function (_dereq_, module, exports) {
+        // a string of all valid unicode whitespaces
+        // eslint-disable-next-line max-len
+        module.exports = '\t\n\v\f\r                　\u2028\u2029';
+      },
+      {
+      }
+    ],
+    168: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var $ = _dereq_('../internals/export');
+        var global = _dereq_('../internals/global');
+        var arrayBufferModule = _dereq_('../internals/array-buffer');
+        var setSpecies = _dereq_('../internals/set-species');
+        var ARRAY_BUFFER = 'ArrayBuffer';
+        var ArrayBuffer = arrayBufferModule[ARRAY_BUFFER];
+        var NativeArrayBuffer = global[ARRAY_BUFFER];
+        // `ArrayBuffer` constructor
+        // https://tc39.github.io/ecma262/#sec-arraybuffer-constructor
+        $({
+          global: true,
+          forced: NativeArrayBuffer !== ArrayBuffer
+        }, {
+          ArrayBuffer: ArrayBuffer
+        });
+        setSpecies(ARRAY_BUFFER);
+      },
+      {
+        '../internals/array-buffer': 31,
+        '../internals/export': 68,
+        '../internals/global': 77,
+        '../internals/set-species': 134
+      }
+    ],
+    169: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var $ = _dereq_('../internals/export');
+        var fails = _dereq_('../internals/fails');
+        var isArray = _dereq_('../internals/is-array');
+        var isObject = _dereq_('../internals/is-object');
+        var toObject = _dereq_('../internals/to-object');
+        var toLength = _dereq_('../internals/to-length');
+        var createProperty = _dereq_('../internals/create-property');
+        var arraySpeciesCreate = _dereq_('../internals/array-species-create');
+        var arrayMethodHasSpeciesSupport = _dereq_('../internals/array-method-has-species-support');
+        var wellKnownSymbol = _dereq_('../internals/well-known-symbol');
+        var V8_VERSION = _dereq_('../internals/engine-v8-version');
+        var IS_CONCAT_SPREADABLE = wellKnownSymbol('isConcatSpreadable');
+        var MAX_SAFE_INTEGER = 9007199254740991;
+        var MAXIMUM_ALLOWED_INDEX_EXCEEDED = 'Maximum allowed index exceeded';
+        // We can't use this feature detection in V8 since it causes
+        // deoptimization and serious performance degradation
+        // https://github.com/zloirock/core-js/issues/679
+        var IS_CONCAT_SPREADABLE_SUPPORT = V8_VERSION >= 51 || !fails(function () {
+          var array = [
+          ];
+          array[IS_CONCAT_SPREADABLE] = false;
+          return array.concat() [0] !== array;
+        });
+        var SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('concat');
+        var isConcatSpreadable = function (O) {
+          if (!isObject(O)) return false;
+          var spreadable = O[IS_CONCAT_SPREADABLE];
+          return spreadable !== undefined ? !!spreadable : isArray(O);
+        };
+        var FORCED = !IS_CONCAT_SPREADABLE_SUPPORT || !SPECIES_SUPPORT;
+        // `Array.prototype.concat` method
+        // https://tc39.github.io/ecma262/#sec-array.prototype.concat
+        // with adding support of @@isConcatSpreadable and @@species
+        $({
+          target: 'Array',
+          proto: true,
+          forced: FORCED
+        }, {
+          concat: function concat(arg) {
+            // eslint-disable-line no-unused-vars
+            var O = toObject(this);
+            var A = arraySpeciesCreate(O, 0);
+            var n = 0;
+            var i,
+            k,
+            length,
+            len,
+            E;
+            for (i = - 1, length = arguments.length; i < length; i++) {
+              E = i === - 1 ? O : arguments[i];
+              if (isConcatSpreadable(E)) {
+                len = toLength(E.length);
+                if (n + len > MAX_SAFE_INTEGER) throw TypeError(MAXIMUM_ALLOWED_INDEX_EXCEEDED);
+                for (k = 0; k < len; k++, n++) if (k in E) createProperty(A, n, E[k]);
+              } else {
+                if (n >= MAX_SAFE_INTEGER) throw TypeError(MAXIMUM_ALLOWED_INDEX_EXCEEDED);
+                createProperty(A, n++, E);
+              }
+            }
+            A.length = n;
+            return A;
+          }
+        });
+      },
+      {
+        '../internals/array-method-has-species-support': 39,
+        '../internals/array-species-create': 43,
+        '../internals/create-property': 58,
+        '../internals/engine-v8-version': 66,
+        '../internals/export': 68,
+        '../internals/fails': 69,
+        '../internals/is-array': 90,
+        '../internals/is-object': 92,
+        '../internals/to-length': 154,
+        '../internals/to-object': 155,
+        '../internals/well-known-symbol': 166
+      }
+    ],
+    170: [
+      function (_dereq_, module, exports) {
+        var $ = _dereq_('../internals/export');
+        var copyWithin = _dereq_('../internals/array-copy-within');
+        var addToUnscopables = _dereq_('../internals/add-to-unscopables');
+        // `Array.prototype.copyWithin` method
+        // https://tc39.github.io/ecma262/#sec-array.prototype.copywithin
+        $({
+          target: 'Array',
+          proto: true
+        }, {
+          copyWithin: copyWithin
+        });
+        // https://tc39.github.io/ecma262/#sec-array.prototype-@@unscopables
+        addToUnscopables('copyWithin');
+      },
+      {
+        '../internals/add-to-unscopables': 25,
+        '../internals/array-copy-within': 32,
+        '../internals/export': 68
+      }
+    ],
+    171: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var $ = _dereq_('../internals/export');
+        var $every = _dereq_('../internals/array-iteration').every;
+        var arrayMethodIsStrict = _dereq_('../internals/array-method-is-strict');
+        var arrayMethodUsesToLength = _dereq_('../internals/array-method-uses-to-length');
+        var STRICT_METHOD = arrayMethodIsStrict('every');
+        var USES_TO_LENGTH = arrayMethodUsesToLength('every');
+        // `Array.prototype.every` method
+        // https://tc39.github.io/ecma262/#sec-array.prototype.every
+        $({
+          target: 'Array',
+          proto: true,
+          forced: !STRICT_METHOD || !USES_TO_LENGTH
+        }, {
+          every: function every(callbackfn /* , thisArg */ ) {
+            return $every(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
+          }
+        });
+      },
+      {
+        '../internals/array-iteration': 37,
+        '../internals/array-method-is-strict': 40,
+        '../internals/array-method-uses-to-length': 41,
+        '../internals/export': 68
+      }
+    ],
+    172: [
+      function (_dereq_, module, exports) {
+        var $ = _dereq_('../internals/export');
+        var fill = _dereq_('../internals/array-fill');
+        var addToUnscopables = _dereq_('../internals/add-to-unscopables');
+        // `Array.prototype.fill` method
+        // https://tc39.github.io/ecma262/#sec-array.prototype.fill
+        $({
+          target: 'Array',
+          proto: true
+        }, {
+          fill: fill
+        });
+        // https://tc39.github.io/ecma262/#sec-array.prototype-@@unscopables
+        addToUnscopables('fill');
+      },
+      {
+        '../internals/add-to-unscopables': 25,
+        '../internals/array-fill': 33,
+        '../internals/export': 68
+      }
+    ],
+    173: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var $ = _dereq_('../internals/export');
+        var $filter = _dereq_('../internals/array-iteration').filter;
+        var arrayMethodHasSpeciesSupport = _dereq_('../internals/array-method-has-species-support');
+        var arrayMethodUsesToLength = _dereq_('../internals/array-method-uses-to-length');
+        var HAS_SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('filter');
+        // Edge 14- issue
+        var USES_TO_LENGTH = arrayMethodUsesToLength('filter');
+        // `Array.prototype.filter` method
+        // https://tc39.github.io/ecma262/#sec-array.prototype.filter
+        // with adding support of @@species
+        $({
+          target: 'Array',
+          proto: true,
+          forced: !HAS_SPECIES_SUPPORT || !USES_TO_LENGTH
+        }, {
+          filter: function filter(callbackfn /* , thisArg */ ) {
+            return $filter(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
+          }
+        });
+      },
+      {
+        '../internals/array-iteration': 37,
+        '../internals/array-method-has-species-support': 39,
+        '../internals/array-method-uses-to-length': 41,
+        '../internals/export': 68
+      }
+    ],
+    174: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var $ = _dereq_('../internals/export');
+        var $findIndex = _dereq_('../internals/array-iteration').findIndex;
+        var addToUnscopables = _dereq_('../internals/add-to-unscopables');
+        var arrayMethodUsesToLength = _dereq_('../internals/array-method-uses-to-length');
+        var FIND_INDEX = 'findIndex';
+        var SKIPS_HOLES = true;
+        var USES_TO_LENGTH = arrayMethodUsesToLength(FIND_INDEX);
+        // Shouldn't skip holes
+        if (FIND_INDEX in [
+        ]) Array(1) [FIND_INDEX](function () {
+          SKIPS_HOLES = false;
+        });
+        // `Array.prototype.findIndex` method
+        // https://tc39.github.io/ecma262/#sec-array.prototype.findindex
+        $({
+          target: 'Array',
+          proto: true,
+          forced: SKIPS_HOLES || !USES_TO_LENGTH
+        }, {
+          findIndex: function findIndex(callbackfn /* , that = undefined */ ) {
+            return $findIndex(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
+          }
+        });
+        // https://tc39.github.io/ecma262/#sec-array.prototype-@@unscopables
+        addToUnscopables(FIND_INDEX);
+      },
+      {
+        '../internals/add-to-unscopables': 25,
+        '../internals/array-iteration': 37,
+        '../internals/array-method-uses-to-length': 41,
+        '../internals/export': 68
+      }
+    ],
+    175: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var $ = _dereq_('../internals/export');
+        var forEach = _dereq_('../internals/array-for-each');
+        // `Array.prototype.forEach` method
+        // https://tc39.github.io/ecma262/#sec-array.prototype.foreach
+        $({
+          target: 'Array',
+          proto: true,
+          forced: [
+          ].forEach != forEach
+        }, {
+          forEach: forEach
+        });
+      },
+      {
+        '../internals/array-for-each': 34,
+        '../internals/export': 68
+      }
+    ],
+    176: [
+      function (_dereq_, module, exports) {
+        var $ = _dereq_('../internals/export');
+        var from = _dereq_('../internals/array-from');
+        var checkCorrectnessOfIteration = _dereq_('../internals/check-correctness-of-iteration');
+        var INCORRECT_ITERATION = !checkCorrectnessOfIteration(function (iterable) {
+          Array.from(iterable);
+        });
+        // `Array.from` method
+        // https://tc39.github.io/ecma262/#sec-array.from
+        $({
+          target: 'Array',
+          stat: true,
+          forced: INCORRECT_ITERATION
+        }, {
+          from: from
+        });
+      },
+      {
+        '../internals/array-from': 35,
+        '../internals/check-correctness-of-iteration': 45,
+        '../internals/export': 68
+      }
+    ],
+    177: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var $ = _dereq_('../internals/export');
+        var $includes = _dereq_('../internals/array-includes').includes;
+        var addToUnscopables = _dereq_('../internals/add-to-unscopables');
+        var arrayMethodUsesToLength = _dereq_('../internals/array-method-uses-to-length');
+        var USES_TO_LENGTH = arrayMethodUsesToLength('indexOf', {
+          ACCESSORS: true,
+          1: 0
+        });
+        // `Array.prototype.includes` method
+        // https://tc39.github.io/ecma262/#sec-array.prototype.includes
+        $({
+          target: 'Array',
+          proto: true,
+          forced: !USES_TO_LENGTH
+        }, {
+          includes: function includes(el /* , fromIndex = 0 */ ) {
+            return $includes(this, el, arguments.length > 1 ? arguments[1] : undefined);
+          }
+        });
+        // https://tc39.github.io/ecma262/#sec-array.prototype-@@unscopables
+        addToUnscopables('includes');
+      },
+      {
+        '../internals/add-to-unscopables': 25,
+        '../internals/array-includes': 36,
+        '../internals/array-method-uses-to-length': 41,
+        '../internals/export': 68
+      }
+    ],
+    178: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var $ = _dereq_('../internals/export');
+        var $indexOf = _dereq_('../internals/array-includes').indexOf;
+        var arrayMethodIsStrict = _dereq_('../internals/array-method-is-strict');
+        var arrayMethodUsesToLength = _dereq_('../internals/array-method-uses-to-length');
+        var nativeIndexOf = [
+        ].indexOf;
+        var NEGATIVE_ZERO = !!nativeIndexOf && 1 / [
+          1
+        ].indexOf(1, - 0) < 0;
+        var STRICT_METHOD = arrayMethodIsStrict('indexOf');
+        var USES_TO_LENGTH = arrayMethodUsesToLength('indexOf', {
+          ACCESSORS: true,
+          1: 0
+        });
+        // `Array.prototype.indexOf` method
+        // https://tc39.github.io/ecma262/#sec-array.prototype.indexof
+        $({
+          target: 'Array',
+          proto: true,
+          forced: NEGATIVE_ZERO || !STRICT_METHOD || !USES_TO_LENGTH
+        }, {
+          indexOf: function indexOf(searchElement /* , fromIndex = 0 */ ) {
+            return NEGATIVE_ZERO            // convert -0 to +0
+            ? nativeIndexOf.apply(this, arguments) || 0 : $indexOf(this, searchElement, arguments.length > 1 ? arguments[1] : undefined);
+          }
+        });
+      },
+      {
+        '../internals/array-includes': 36,
+        '../internals/array-method-is-strict': 40,
+        '../internals/array-method-uses-to-length': 41,
+        '../internals/export': 68
+      }
+    ],
+    179: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var toIndexedObject = _dereq_('../internals/to-indexed-object');
+        var addToUnscopables = _dereq_('../internals/add-to-unscopables');
+        var Iterators = _dereq_('../internals/iterators');
+        var InternalStateModule = _dereq_('../internals/internal-state');
+        var defineIterator = _dereq_('../internals/define-iterator');
+        var ARRAY_ITERATOR = 'Array Iterator';
+        var setInternalState = InternalStateModule.set;
+        var getInternalState = InternalStateModule.getterFor(ARRAY_ITERATOR);
+        // `Array.prototype.entries` method
+        // https://tc39.github.io/ecma262/#sec-array.prototype.entries
+        // `Array.prototype.keys` method
+        // https://tc39.github.io/ecma262/#sec-array.prototype.keys
+        // `Array.prototype.values` method
+        // https://tc39.github.io/ecma262/#sec-array.prototype.values
+        // `Array.prototype[@@iterator]` method
+        // https://tc39.github.io/ecma262/#sec-array.prototype-@@iterator
+        // `CreateArrayIterator` internal method
+        // https://tc39.github.io/ecma262/#sec-createarrayiterator
+        module.exports = defineIterator(Array, 'Array', function (iterated, kind) {
+          setInternalState(this, {
+            type: ARRAY_ITERATOR,
+            target: toIndexedObject(iterated),
+            // target
+            index: 0,
+            // next index
+            kind: kind // kind
+          });
+          // `%ArrayIteratorPrototype%.next` method
+          // https://tc39.github.io/ecma262/#sec-%arrayiteratorprototype%.next
+        }, function () {
+          var state = getInternalState(this);
+          var target = state.target;
+          var kind = state.kind;
+          var index = state.index++;
+          if (!target || index >= target.length) {
+            state.target = undefined;
+            return {
+              value: undefined,
+              done: true
+            };
+          }
+          if (kind == 'keys') return {
+            value: index,
+            done: false
+          };
+          if (kind == 'values') return {
+            value: target[index],
+            done: false
+          };
+          return {
+            value: [
+              index,
+              target[index]
+            ],
+            done: false
+          };
+        }, 'values');
+        // argumentsList[@@iterator] is %ArrayProto_values%
+        // https://tc39.github.io/ecma262/#sec-createunmappedargumentsobject
+        // https://tc39.github.io/ecma262/#sec-createmappedargumentsobject
+        Iterators.Arguments = Iterators.Array;
+        // https://tc39.github.io/ecma262/#sec-array.prototype-@@unscopables
+        addToUnscopables('keys');
+        addToUnscopables('values');
+        addToUnscopables('entries');
+      },
+      {
+        '../internals/add-to-unscopables': 25,
+        '../internals/define-iterator': 59,
+        '../internals/internal-state': 88,
+        '../internals/iterators': 97,
+        '../internals/to-indexed-object': 152
+      }
+    ],
+    180: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var $ = _dereq_('../internals/export');
+        var IndexedObject = _dereq_('../internals/indexed-object');
+        var toIndexedObject = _dereq_('../internals/to-indexed-object');
+        var arrayMethodIsStrict = _dereq_('../internals/array-method-is-strict');
+        var nativeJoin = [
+        ].join;
+        var ES3_STRINGS = IndexedObject != Object;
+        var STRICT_METHOD = arrayMethodIsStrict('join', ',');
+        // `Array.prototype.join` method
+        // https://tc39.github.io/ecma262/#sec-array.prototype.join
+        $({
+          target: 'Array',
+          proto: true,
+          forced: ES3_STRINGS || !STRICT_METHOD
+        }, {
+          join: function join(separator) {
+            return nativeJoin.call(toIndexedObject(this), separator === undefined ? ',' : separator);
+          }
+        });
+      },
+      {
+        '../internals/array-method-is-strict': 40,
+        '../internals/export': 68,
+        '../internals/indexed-object': 84,
+        '../internals/to-indexed-object': 152
+      }
+    ],
+    181: [
+      function (_dereq_, module, exports) {
+        var $ = _dereq_('../internals/export');
+        var lastIndexOf = _dereq_('../internals/array-last-index-of');
+        // `Array.prototype.lastIndexOf` method
+        // https://tc39.github.io/ecma262/#sec-array.prototype.lastindexof
+        $({
+          target: 'Array',
+          proto: true,
+          forced: lastIndexOf !== [].lastIndexOf
+        }, {
+          lastIndexOf: lastIndexOf
+        });
+      },
+      {
+        '../internals/array-last-index-of': 38,
+        '../internals/export': 68
+      }
+    ],
+    182: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var $ = _dereq_('../internals/export');
+        var $map = _dereq_('../internals/array-iteration').map;
+        var arrayMethodHasSpeciesSupport = _dereq_('../internals/array-method-has-species-support');
+        var arrayMethodUsesToLength = _dereq_('../internals/array-method-uses-to-length');
+        var HAS_SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('map');
+        // FF49- issue
+        var USES_TO_LENGTH = arrayMethodUsesToLength('map');
+        // `Array.prototype.map` method
+        // https://tc39.github.io/ecma262/#sec-array.prototype.map
+        // with adding support of @@species
+        $({
+          target: 'Array',
+          proto: true,
+          forced: !HAS_SPECIES_SUPPORT || !USES_TO_LENGTH
+        }, {
+          map: function map(callbackfn /* , thisArg */ ) {
+            return $map(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
+          }
+        });
+      },
+      {
+        '../internals/array-iteration': 37,
+        '../internals/array-method-has-species-support': 39,
+        '../internals/array-method-uses-to-length': 41,
+        '../internals/export': 68
+      }
+    ],
+    183: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var $ = _dereq_('../internals/export');
+        var isObject = _dereq_('../internals/is-object');
+        var isArray = _dereq_('../internals/is-array');
+        var toAbsoluteIndex = _dereq_('../internals/to-absolute-index');
+        var toLength = _dereq_('../internals/to-length');
+        var toIndexedObject = _dereq_('../internals/to-indexed-object');
+        var createProperty = _dereq_('../internals/create-property');
+        var wellKnownSymbol = _dereq_('../internals/well-known-symbol');
+        var arrayMethodHasSpeciesSupport = _dereq_('../internals/array-method-has-species-support');
+        var arrayMethodUsesToLength = _dereq_('../internals/array-method-uses-to-length');
+        var HAS_SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('slice');
+        var USES_TO_LENGTH = arrayMethodUsesToLength('slice', {
+          ACCESSORS: true,
+          0: 0,
+          1: 2
+        });
+        var SPECIES = wellKnownSymbol('species');
+        var nativeSlice = [
+        ].slice;
+        var max = Math.max;
+        // `Array.prototype.slice` method
+        // https://tc39.github.io/ecma262/#sec-array.prototype.slice
+        // fallback for not array-like ES3 strings and DOM objects
+        $({
+          target: 'Array',
+          proto: true,
+          forced: !HAS_SPECIES_SUPPORT || !USES_TO_LENGTH
+        }, {
+          slice: function slice(start, end) {
+            var O = toIndexedObject(this);
+            var length = toLength(O.length);
+            var k = toAbsoluteIndex(start, length);
+            var fin = toAbsoluteIndex(end === undefined ? length : end, length);
+            // inline `ArraySpeciesCreate` for usage native `Array#slice` where it's possible
+            var Constructor,
+            result,
+            n;
+            if (isArray(O)) {
+              Constructor = O.constructor;
+              // cross-realm fallback
+              if (typeof Constructor == 'function' && (Constructor === Array || isArray(Constructor.prototype))) {
+                Constructor = undefined;
+              } else if (isObject(Constructor)) {
+                Constructor = Constructor[SPECIES];
+                if (Constructor === null) Constructor = undefined;
+              }
+              if (Constructor === Array || Constructor === undefined) {
+                return nativeSlice.call(O, k, fin);
+              }
+            }
+            result = new (Constructor === undefined ? Array : Constructor) (max(fin - k, 0));
+            for (n = 0; k < fin; k++, n++) if (k in O) createProperty(result, n, O[k]);
+            result.length = n;
+            return result;
+          }
+        });
+      },
+      {
+        '../internals/array-method-has-species-support': 39,
+        '../internals/array-method-uses-to-length': 41,
+        '../internals/create-property': 58,
+        '../internals/export': 68,
+        '../internals/is-array': 90,
+        '../internals/is-object': 92,
+        '../internals/to-absolute-index': 150,
+        '../internals/to-indexed-object': 152,
+        '../internals/to-length': 154,
+        '../internals/well-known-symbol': 166
+      }
+    ],
+    184: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var $ = _dereq_('../internals/export');
+        var $some = _dereq_('../internals/array-iteration').some;
+        var arrayMethodIsStrict = _dereq_('../internals/array-method-is-strict');
+        var arrayMethodUsesToLength = _dereq_('../internals/array-method-uses-to-length');
+        var STRICT_METHOD = arrayMethodIsStrict('some');
+        var USES_TO_LENGTH = arrayMethodUsesToLength('some');
+        // `Array.prototype.some` method
+        // https://tc39.github.io/ecma262/#sec-array.prototype.some
+        $({
+          target: 'Array',
+          proto: true,
+          forced: !STRICT_METHOD || !USES_TO_LENGTH
+        }, {
+          some: function some(callbackfn /* , thisArg */ ) {
+            return $some(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
+          }
+        });
+      },
+      {
+        '../internals/array-iteration': 37,
+        '../internals/array-method-is-strict': 40,
+        '../internals/array-method-uses-to-length': 41,
+        '../internals/export': 68
+      }
+    ],
+    185: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var $ = _dereq_('../internals/export');
+        var toAbsoluteIndex = _dereq_('../internals/to-absolute-index');
+        var toInteger = _dereq_('../internals/to-integer');
+        var toLength = _dereq_('../internals/to-length');
+        var toObject = _dereq_('../internals/to-object');
+        var arraySpeciesCreate = _dereq_('../internals/array-species-create');
+        var createProperty = _dereq_('../internals/create-property');
+        var arrayMethodHasSpeciesSupport = _dereq_('../internals/array-method-has-species-support');
+        var arrayMethodUsesToLength = _dereq_('../internals/array-method-uses-to-length');
+        var HAS_SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('splice');
+        var USES_TO_LENGTH = arrayMethodUsesToLength('splice', {
+          ACCESSORS: true,
+          0: 0,
+          1: 2
+        });
+        var max = Math.max;
+        var min = Math.min;
+        var MAX_SAFE_INTEGER = 9007199254740991;
+        var MAXIMUM_ALLOWED_LENGTH_EXCEEDED = 'Maximum allowed length exceeded';
+        // `Array.prototype.splice` method
+        // https://tc39.github.io/ecma262/#sec-array.prototype.splice
+        // with adding support of @@species
+        $({
+          target: 'Array',
+          proto: true,
+          forced: !HAS_SPECIES_SUPPORT || !USES_TO_LENGTH
+        }, {
+          splice: function splice(start, deleteCount /* , ...items */ ) {
+            var O = toObject(this);
+            var len = toLength(O.length);
+            var actualStart = toAbsoluteIndex(start, len);
+            var argumentsLength = arguments.length;
+            var insertCount,
+            actualDeleteCount,
+            A,
+            k,
+            from,
+            to;
+            if (argumentsLength === 0) {
+              insertCount = actualDeleteCount = 0;
+            } else if (argumentsLength === 1) {
+              insertCount = 0;
+              actualDeleteCount = len - actualStart;
+            } else {
+              insertCount = argumentsLength - 2;
+              actualDeleteCount = min(max(toInteger(deleteCount), 0), len - actualStart);
+            }
+            if (len + insertCount - actualDeleteCount > MAX_SAFE_INTEGER) {
+              throw TypeError(MAXIMUM_ALLOWED_LENGTH_EXCEEDED);
+            }
+            A = arraySpeciesCreate(O, actualDeleteCount);
+            for (k = 0; k < actualDeleteCount; k++) {
+              from = actualStart + k;
+              if (from in O) createProperty(A, k, O[from]);
+            }
+            A.length = actualDeleteCount;
+            if (insertCount < actualDeleteCount) {
+              for (k = actualStart; k < len - actualDeleteCount; k++) {
+                from = k + actualDeleteCount;
+                to = k + insertCount;
+                if (from in O) O[to] = O[from];
+                 else delete O[to];
+              }
+              for (k = len; k > len - actualDeleteCount + insertCount; k--) delete O[k - 1];
+            } else if (insertCount > actualDeleteCount) {
+              for (k = len - actualDeleteCount; k > actualStart; k--) {
+                from = k + actualDeleteCount - 1;
+                to = k + insertCount - 1;
+                if (from in O) O[to] = O[from];
+                 else delete O[to];
+              }
+            }
+            for (k = 0; k < insertCount; k++) {
+              O[k + actualStart] = arguments[k + 2];
+            }
+            O.length = len - actualDeleteCount + insertCount;
+            return A;
+          }
+        });
+      },
+      {
+        '../internals/array-method-has-species-support': 39,
+        '../internals/array-method-uses-to-length': 41,
+        '../internals/array-species-create': 43,
+        '../internals/create-property': 58,
+        '../internals/export': 68,
+        '../internals/to-absolute-index': 150,
+        '../internals/to-integer': 153,
+        '../internals/to-length': 154,
+        '../internals/to-object': 155
+      }
+    ],
+    186: [
+      function (_dereq_, module, exports) {
+        var DESCRIPTORS = _dereq_('../internals/descriptors');
+        var defineProperty = _dereq_('../internals/object-define-property').f;
+        var FunctionPrototype = Function.prototype;
+        var FunctionPrototypeToString = FunctionPrototype.toString;
+        var nameRE = /^\s*function ([^ (]*)/;
+        var NAME = 'name';
+        // Function instances `.name` property
+        // https://tc39.github.io/ecma262/#sec-function-instances-name
+        if (DESCRIPTORS && !(NAME in FunctionPrototype)) {
+          defineProperty(FunctionPrototype, NAME, {
+            configurable: true,
+            get: function () {
+              try {
+                return FunctionPrototypeToString.call(this).match(nameRE) [1];
+              } catch (error) {
+                return '';
+              }
+            }
+          });
+        }
+      },
+      {
+        '../internals/descriptors': 61,
+        '../internals/object-define-property': 110
+      }
+    ],
+    187: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var collection = _dereq_('../internals/collection');
+        var collectionStrong = _dereq_('../internals/collection-strong');
+        // `Map` constructor
+        // https://tc39.github.io/ecma262/#sec-map-objects
+        module.exports = collection('Map', function (init) {
+          return function Map() {
+            return init(this, arguments.length ? arguments[0] : undefined);
+          };
+        }, collectionStrong);
+      },
+      {
+        '../internals/collection': 50,
+        '../internals/collection-strong': 48
+      }
+    ],
+    188: [
+      function (_dereq_, module, exports) {
+        var $ = _dereq_('../internals/export');
+        var $hypot = Math.hypot;
+        var abs = Math.abs;
+        var sqrt = Math.sqrt;
+        // Chrome 77 bug
+        // https://bugs.chromium.org/p/v8/issues/detail?id=9546
+        var BUGGY = !!$hypot && $hypot(Infinity, NaN) !== Infinity;
+        // `Math.hypot` method
+        // https://tc39.github.io/ecma262/#sec-math.hypot
+        $({
+          target: 'Math',
+          stat: true,
+          forced: BUGGY
+        }, {
+          hypot: function hypot(value1, value2) {
+            // eslint-disable-line no-unused-vars
+            var sum = 0;
+            var i = 0;
+            var aLen = arguments.length;
+            var larg = 0;
+            var arg,
+            div;
+            while (i < aLen) {
+              arg = abs(arguments[i++]);
+              if (larg < arg) {
+                div = larg / arg;
+                sum = sum * div * div + 1;
+                larg = arg;
+              } else if (arg > 0) {
+                div = arg / larg;
+                sum += div * div;
+              } else sum += arg;
+            }
+            return larg === Infinity ? Infinity : larg * sqrt(sum);
+          }
+        });
+      },
+      {
+        '../internals/export': 68
+      }
+    ],
+    189: [
+      function (_dereq_, module, exports) {
+        var $ = _dereq_('../internals/export');
+        var log = Math.log;
+        var LN2 = Math.LN2;
+        // `Math.log2` method
+        // https://tc39.github.io/ecma262/#sec-math.log2
+        $({
+          target: 'Math',
+          stat: true
+        }, {
+          log2: function log2(x) {
+            return log(x) / LN2;
+          }
+        });
+      },
+      {
+        '../internals/export': 68
+      }
+    ],
+    190: [
+      function (_dereq_, module, exports) {
+        var $ = _dereq_('../internals/export');
+        var sign = _dereq_('../internals/math-sign');
+        // `Math.sign` method
+        // https://tc39.github.io/ecma262/#sec-math.sign
+        $({
+          target: 'Math',
+          stat: true
+        }, {
+          sign: sign
+        });
+      },
+      {
+        '../internals/export': 68,
+        '../internals/math-sign': 98
+      }
+    ],
+    191: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var DESCRIPTORS = _dereq_('../internals/descriptors');
+        var global = _dereq_('../internals/global');
+        var isForced = _dereq_('../internals/is-forced');
+        var redefine = _dereq_('../internals/redefine');
+        var has = _dereq_('../internals/has');
+        var classof = _dereq_('../internals/classof-raw');
+        var inheritIfRequired = _dereq_('../internals/inherit-if-required');
+        var toPrimitive = _dereq_('../internals/to-primitive');
+        var fails = _dereq_('../internals/fails');
+        var create = _dereq_('../internals/object-create');
+        var getOwnPropertyNames = _dereq_('../internals/object-get-own-property-names').f;
+        var getOwnPropertyDescriptor = _dereq_('../internals/object-get-own-property-descriptor').f;
+        var defineProperty = _dereq_('../internals/object-define-property').f;
+        var trim = _dereq_('../internals/string-trim').trim;
+        var NUMBER = 'Number';
+        var NativeNumber = global[NUMBER];
+        var NumberPrototype = NativeNumber.prototype;
+        // Opera ~12 has broken Object#toString
+        var BROKEN_CLASSOF = classof(create(NumberPrototype)) == NUMBER;
+        // `ToNumber` abstract operation
+        // https://tc39.github.io/ecma262/#sec-tonumber
+        var toNumber = function (argument) {
+          var it = toPrimitive(argument, false);
+          var first,
+          third,
+          radix,
+          maxCode,
+          digits,
+          length,
+          index,
+          code;
+          if (typeof it == 'string' && it.length > 2) {
+            it = trim(it);
+            first = it.charCodeAt(0);
+            if (first === 43 || first === 45) {
+              third = it.charCodeAt(2);
+              if (third === 88 || third === 120) return NaN; // Number('+0x1') should be NaN, old V8 fix
+            } else if (first === 48) {
+              switch (it.charCodeAt(1)) {
+                case 66:
+                case 98:
+                  radix = 2;
+                  maxCode = 49;
+                  break;
+                  // fast equal of /^0b[01]+$/i
+                case 79:
+                case 111:
+                  radix = 8;
+                  maxCode = 55;
+                  break;
+                  // fast equal of /^0o[0-7]+$/i
+                default:
+                  return + it;
+              }
+              digits = it.slice(2);
+              length = digits.length;
+              for (index = 0; index < length; index++) {
+                code = digits.charCodeAt(index);
+                // parseInt parses a string to a first unavailable symbol
+                // but ToNumber should return NaN if a string contains unavailable symbols
+                if (code < 48 || code > maxCode) return NaN;
+              }
+              return parseInt(digits, radix);
+            }
+          }
+          return + it;
+        };
+        // `Number` constructor
+        // https://tc39.github.io/ecma262/#sec-number-constructor
+        if (isForced(NUMBER, !NativeNumber(' 0o1') || !NativeNumber('0b1') || NativeNumber('+0x1'))) {
+          var NumberWrapper = function Number(value) {
+            var it = arguments.length < 1 ? 0 : value;
+            var dummy = this;
+            return dummy instanceof NumberWrapper            // check on 1..constructor(foo) case
+            && (BROKEN_CLASSOF ? fails(function () {
+              NumberPrototype.valueOf.call(dummy);
+            }) : classof(dummy) != NUMBER) ? inheritIfRequired(new NativeNumber(toNumber(it)), dummy, NumberWrapper) : toNumber(it);
+          };
+          for (var keys = DESCRIPTORS ? getOwnPropertyNames(NativeNumber) : (          // ES3:
+          'MAX_VALUE,MIN_VALUE,NaN,NEGATIVE_INFINITY,POSITIVE_INFINITY,' +          // ES2015 (in case, if modules with ES2015 Number statics required before):
+          'EPSILON,isFinite,isInteger,isNaN,isSafeInteger,MAX_SAFE_INTEGER,' + 'MIN_SAFE_INTEGER,parseFloat,parseInt,isInteger').split(','), j = 0, key; keys.length > j; j++) {
+            if (has(NativeNumber, key = keys[j]) && !has(NumberWrapper, key)) {
+              defineProperty(NumberWrapper, key, getOwnPropertyDescriptor(NativeNumber, key));
+            }
+          }
+          NumberWrapper.prototype = NumberPrototype;
+          NumberPrototype.constructor = NumberWrapper;
+          redefine(global, NUMBER, NumberWrapper);
+        }
+      },
+      {
+        '../internals/classof-raw': 46,
+        '../internals/descriptors': 61,
+        '../internals/fails': 69,
+        '../internals/global': 77,
+        '../internals/has': 78,
+        '../internals/inherit-if-required': 85,
+        '../internals/is-forced': 91,
+        '../internals/object-create': 108,
+        '../internals/object-define-property': 110,
+        '../internals/object-get-own-property-descriptor': 111,
+        '../internals/object-get-own-property-names': 113,
+        '../internals/redefine': 126,
+        '../internals/string-trim': 147,
+        '../internals/to-primitive': 158
+      }
+    ],
+    192: [
+      function (_dereq_, module, exports) {
+        var $ = _dereq_('../internals/export');
+        var numberIsFinite = _dereq_('../internals/number-is-finite');
+        // `Number.isFinite` method
+        // https://tc39.github.io/ecma262/#sec-number.isfinite
+        $({
+          target: 'Number',
+          stat: true
+        }, {
+          isFinite: numberIsFinite
+        });
+      },
+      {
+        '../internals/export': 68,
+        '../internals/number-is-finite': 106
+      }
+    ],
+    193: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var $ = _dereq_('../internals/export');
+        var toInteger = _dereq_('../internals/to-integer');
+        var thisNumberValue = _dereq_('../internals/this-number-value');
+        var repeat = _dereq_('../internals/string-repeat');
+        var fails = _dereq_('../internals/fails');
+        var nativeToFixed = 1 .toFixed;
+        var floor = Math.floor;
+        var pow = function (x, n, acc) {
+          return n === 0 ? acc : n % 2 === 1 ? pow(x, n - 1, acc * x) : pow(x * x, n / 2, acc);
+        };
+        var log = function (x) {
+          var n = 0;
+          var x2 = x;
+          while (x2 >= 4096) {
+            n += 12;
+            x2 /= 4096;
+          }
+          while (x2 >= 2) {
+            n += 1;
+            x2 /= 2;
+          }
+          return n;
+        };
+        var FORCED = nativeToFixed && (0.00008 .toFixed(3) !== '0.000' || 0.9 .toFixed(0) !== '1' || 1.255 .toFixed(2) !== '1.25' || 1000000000000000100 .toFixed(0) !== '1000000000000000128') || !fails(function () {
+          // V8 ~ Android 4.3-
+          nativeToFixed.call({
+          });
+        });
+        // `Number.prototype.toFixed` method
+        // https://tc39.github.io/ecma262/#sec-number.prototype.tofixed
+        $({
+          target: 'Number',
+          proto: true,
+          forced: FORCED
+        }, {
+          // eslint-disable-next-line max-statements
+          toFixed: function toFixed(fractionDigits) {
+            var number = thisNumberValue(this);
+            var fractDigits = toInteger(fractionDigits);
+            var data = [
+              0,
+              0,
+              0,
+              0,
+              0,
+              0
+            ];
+            var sign = '';
+            var result = '0';
+            var e,
+            z,
+            j,
+            k;
+            var multiply = function (n, c) {
+              var index = - 1;
+              var c2 = c;
+              while (++index < 6) {
+                c2 += n * data[index];
+                data[index] = c2 % 10000000;
+                c2 = floor(c2 / 10000000);
+              }
+            };
+            var divide = function (n) {
+              var index = 6;
+              var c = 0;
+              while (--index >= 0) {
+                c += data[index];
+                data[index] = floor(c / n);
+                c = c % n * 10000000;
+              }
+            };
+            var dataToString = function () {
+              var index = 6;
+              var s = '';
+              while (--index >= 0) {
+                if (s !== '' || index === 0 || data[index] !== 0) {
+                  var t = String(data[index]);
+                  s = s === '' ? t : s + repeat.call('0', 7 - t.length) + t;
+                }
+              }
+              return s;
+            };
+            if (fractDigits < 0 || fractDigits > 20) throw RangeError('Incorrect fraction digits');
+            // eslint-disable-next-line no-self-compare
+            if (number != number) return 'NaN';
+            if (number <= - 1e+21 || number >= 1e+21) return String(number);
+            if (number < 0) {
+              sign = '-';
+              number = - number;
+            }
+            if (number > 1e-21) {
+              e = log(number * pow(2, 69, 1)) - 69;
+              z = e < 0 ? number * pow(2, - e, 1) : number / pow(2, e, 1);
+              z *= 4503599627370496;
+              e = 52 - e;
+              if (e > 0) {
+                multiply(0, z);
+                j = fractDigits;
+                while (j >= 7) {
+                  multiply(10000000, 0);
+                  j -= 7;
+                }
+                multiply(pow(10, j, 1), 0);
+                j = e - 1;
+                while (j >= 23) {
+                  divide(1 << 23);
+                  j -= 23;
+                }
+                divide(1 << j);
+                multiply(1, 1);
+                divide(2);
+                result = dataToString();
+              } else {
+                multiply(0, z);
+                multiply(1 << - e, 0);
+                result = dataToString() + repeat.call('0', fractDigits);
+              }
+            }
+            if (fractDigits > 0) {
+              k = result.length;
+              result = sign + (k <= fractDigits ? '0.' + repeat.call('0', fractDigits - k) + result : result.slice(0, k - fractDigits) + '.' + result.slice(k - fractDigits));
+            } else {
+              result = sign + result;
+            }
+            return result;
+          }
+        });
+      },
+      {
+        '../internals/export': 68,
+        '../internals/fails': 69,
+        '../internals/string-repeat': 145,
+        '../internals/this-number-value': 149,
+        '../internals/to-integer': 153
+      }
+    ],
+    194: [
+      function (_dereq_, module, exports) {
+        var $ = _dereq_('../internals/export');
+        var assign = _dereq_('../internals/object-assign');
+        // `Object.assign` method
+        // https://tc39.github.io/ecma262/#sec-object.assign
+        $({
+          target: 'Object',
+          stat: true,
+          forced: Object.assign !== assign
+        }, {
+          assign: assign
+        });
+      },
+      {
+        '../internals/export': 68,
+        '../internals/object-assign': 107
+      }
+    ],
+    195: [
+      function (_dereq_, module, exports) {
+        var $ = _dereq_('../internals/export');
+        var iterate = _dereq_('../internals/iterate');
+        var createProperty = _dereq_('../internals/create-property');
+        // `Object.fromEntries` method
+        // https://github.com/tc39/proposal-object-from-entries
+        $({
+          target: 'Object',
+          stat: true
+        }, {
+          fromEntries: function fromEntries(iterable) {
+            var obj = {
+            };
+            iterate(iterable, function (k, v) {
+              createProperty(obj, k, v);
+            }, undefined, true);
+            return obj;
+          }
+        });
+      },
+      {
+        '../internals/create-property': 58,
+        '../internals/export': 68,
+        '../internals/iterate': 95
+      }
+    ],
+    196: [
+      function (_dereq_, module, exports) {
+        var $ = _dereq_('../internals/export');
+        var fails = _dereq_('../internals/fails');
+        var toIndexedObject = _dereq_('../internals/to-indexed-object');
+        var nativeGetOwnPropertyDescriptor = _dereq_('../internals/object-get-own-property-descriptor').f;
+        var DESCRIPTORS = _dereq_('../internals/descriptors');
+        var FAILS_ON_PRIMITIVES = fails(function () {
+          nativeGetOwnPropertyDescriptor(1);
+        });
+        var FORCED = !DESCRIPTORS || FAILS_ON_PRIMITIVES;
+        // `Object.getOwnPropertyDescriptor` method
+        // https://tc39.github.io/ecma262/#sec-object.getownpropertydescriptor
+        $({
+          target: 'Object',
+          stat: true,
+          forced: FORCED,
+          sham: !DESCRIPTORS
+        }, {
+          getOwnPropertyDescriptor: function getOwnPropertyDescriptor(it, key) {
+            return nativeGetOwnPropertyDescriptor(toIndexedObject(it), key);
+          }
+        });
+      },
+      {
+        '../internals/descriptors': 61,
+        '../internals/export': 68,
+        '../internals/fails': 69,
+        '../internals/object-get-own-property-descriptor': 111,
+        '../internals/to-indexed-object': 152
+      }
+    ],
+    197: [
+      function (_dereq_, module, exports) {
+        var $ = _dereq_('../internals/export');
+        var fails = _dereq_('../internals/fails');
+        var nativeGetOwnPropertyNames = _dereq_('../internals/object-get-own-property-names-external').f;
+        var FAILS_ON_PRIMITIVES = fails(function () {
+          return !Object.getOwnPropertyNames(1);
+        });
+        // `Object.getOwnPropertyNames` method
+        // https://tc39.github.io/ecma262/#sec-object.getownpropertynames
+        $({
+          target: 'Object',
+          stat: true,
+          forced: FAILS_ON_PRIMITIVES
+        }, {
+          getOwnPropertyNames: nativeGetOwnPropertyNames
+        });
+      },
+      {
+        '../internals/export': 68,
+        '../internals/fails': 69,
+        '../internals/object-get-own-property-names-external': 112
+      }
+    ],
+    198: [
+      function (_dereq_, module, exports) {
+        var $ = _dereq_('../internals/export');
+        var fails = _dereq_('../internals/fails');
+        var toObject = _dereq_('../internals/to-object');
+        var nativeGetPrototypeOf = _dereq_('../internals/object-get-prototype-of');
+        var CORRECT_PROTOTYPE_GETTER = _dereq_('../internals/correct-prototype-getter');
+        var FAILS_ON_PRIMITIVES = fails(function () {
+          nativeGetPrototypeOf(1);
+        });
+        // `Object.getPrototypeOf` method
+        // https://tc39.github.io/ecma262/#sec-object.getprototypeof
+        $({
+          target: 'Object',
+          stat: true,
+          forced: FAILS_ON_PRIMITIVES,
+          sham: !CORRECT_PROTOTYPE_GETTER
+        }, {
+          getPrototypeOf: function getPrototypeOf(it) {
+            return nativeGetPrototypeOf(toObject(it));
+          }
+        });
+      },
+      {
+        '../internals/correct-prototype-getter': 53,
+        '../internals/export': 68,
+        '../internals/fails': 69,
+        '../internals/object-get-prototype-of': 115,
+        '../internals/to-object': 155
+      }
+    ],
+    199: [
+      function (_dereq_, module, exports) {
+        var $ = _dereq_('../internals/export');
+        var toObject = _dereq_('../internals/to-object');
+        var nativeKeys = _dereq_('../internals/object-keys');
+        var fails = _dereq_('../internals/fails');
+        var FAILS_ON_PRIMITIVES = fails(function () {
+          nativeKeys(1);
+        });
+        // `Object.keys` method
+        // https://tc39.github.io/ecma262/#sec-object.keys
+        $({
+          target: 'Object',
+          stat: true,
+          forced: FAILS_ON_PRIMITIVES
+        }, {
+          keys: function keys(it) {
+            return nativeKeys(toObject(it));
+          }
+        });
+      },
+      {
+        '../internals/export': 68,
+        '../internals/fails': 69,
+        '../internals/object-keys': 117,
+        '../internals/to-object': 155
+      }
+    ],
+    200: [
+      function (_dereq_, module, exports) {
+        var TO_STRING_TAG_SUPPORT = _dereq_('../internals/to-string-tag-support');
+        var redefine = _dereq_('../internals/redefine');
+        var toString = _dereq_('../internals/object-to-string');
+        // `Object.prototype.toString` method
+        // https://tc39.github.io/ecma262/#sec-object.prototype.tostring
+        if (!TO_STRING_TAG_SUPPORT) {
+          redefine(Object.prototype, 'toString', toString, {
+            unsafe: true
+          });
+        }
+      },
+      {
+        '../internals/object-to-string': 120,
+        '../internals/redefine': 126,
+        '../internals/to-string-tag-support': 159
+      }
+    ],
+    201: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var $ = _dereq_('../internals/export');
+        var IS_PURE = _dereq_('../internals/is-pure');
+        var global = _dereq_('../internals/global');
+        var getBuiltIn = _dereq_('../internals/get-built-in');
+        var NativePromise = _dereq_('../internals/native-promise-constructor');
+        var redefine = _dereq_('../internals/redefine');
+        var redefineAll = _dereq_('../internals/redefine-all');
+        var setToStringTag = _dereq_('../internals/set-to-string-tag');
+        var setSpecies = _dereq_('../internals/set-species');
+        var isObject = _dereq_('../internals/is-object');
+        var aFunction = _dereq_('../internals/a-function');
+        var anInstance = _dereq_('../internals/an-instance');
+        var classof = _dereq_('../internals/classof-raw');
+        var inspectSource = _dereq_('../internals/inspect-source');
+        var iterate = _dereq_('../internals/iterate');
+        var checkCorrectnessOfIteration = _dereq_('../internals/check-correctness-of-iteration');
+        var speciesConstructor = _dereq_('../internals/species-constructor');
+        var task = _dereq_('../internals/task').set;
+        var microtask = _dereq_('../internals/microtask');
+        var promiseResolve = _dereq_('../internals/promise-resolve');
+        var hostReportErrors = _dereq_('../internals/host-report-errors');
+        var newPromiseCapabilityModule = _dereq_('../internals/new-promise-capability');
+        var perform = _dereq_('../internals/perform');
+        var InternalStateModule = _dereq_('../internals/internal-state');
+        var isForced = _dereq_('../internals/is-forced');
+        var wellKnownSymbol = _dereq_('../internals/well-known-symbol');
+        var V8_VERSION = _dereq_('../internals/engine-v8-version');
+        var SPECIES = wellKnownSymbol('species');
+        var PROMISE = 'Promise';
+        var getInternalState = InternalStateModule.get;
+        var setInternalState = InternalStateModule.set;
+        var getInternalPromiseState = InternalStateModule.getterFor(PROMISE);
+        var PromiseConstructor = NativePromise;
+        var TypeError = global.TypeError;
+        var document = global.document;
+        var process = global.process;
+        var $fetch = getBuiltIn('fetch');
+        var newPromiseCapability = newPromiseCapabilityModule.f;
+        var newGenericPromiseCapability = newPromiseCapability;
+        var IS_NODE = classof(process) == 'process';
+        var DISPATCH_EVENT = !!(document && document.createEvent && global.dispatchEvent);
+        var UNHANDLED_REJECTION = 'unhandledrejection';
+        var REJECTION_HANDLED = 'rejectionhandled';
+        var PENDING = 0;
+        var FULFILLED = 1;
+        var REJECTED = 2;
+        var HANDLED = 1;
+        var UNHANDLED = 2;
+        var Internal,
+        OwnPromiseCapability,
+        PromiseWrapper,
+        nativeThen;
+        var FORCED = isForced(PROMISE, function () {
+          var GLOBAL_CORE_JS_PROMISE = inspectSource(PromiseConstructor) !== String(PromiseConstructor);
+          if (!GLOBAL_CORE_JS_PROMISE) {
+            // V8 6.6 (Node 10 and Chrome 66) have a bug with resolving custom thenables
+            // https://bugs.chromium.org/p/chromium/issues/detail?id=830565
+            // We can't detect it synchronously, so just check versions
+            if (V8_VERSION === 66) return true;
+            // Unhandled rejections tracking support, NodeJS Promise without it fails @@species test
+            if (!IS_NODE && typeof PromiseRejectionEvent != 'function') return true;
+          }          // We need Promise#finally in the pure version for preventing prototype pollution
+
+          if (IS_PURE && !PromiseConstructor.prototype['finally']) return true;
+          // We can't use @@species feature detection in V8 since it causes
+          // deoptimization and performance degradation
+          // https://github.com/zloirock/core-js/issues/679
+          if (V8_VERSION >= 51 && /native code/.test(PromiseConstructor)) return false;
+          // Detect correctness of subclassing with @@species support
+          var promise = PromiseConstructor.resolve(1);
+          var FakePromise = function (exec) {
+            exec(function () { /* empty */ 
+            }, function () { /* empty */ 
+            });
+          };
+          var constructor = promise.constructor = {
+          };
+          constructor[SPECIES] = FakePromise;
+          return !(promise.then(function () { /* empty */ 
+          }) instanceof FakePromise);
+        });
+        var INCORRECT_ITERATION = FORCED || !checkCorrectnessOfIteration(function (iterable) {
+          PromiseConstructor.all(iterable) ['catch'](function () { /* empty */ 
+          });
+        });
+        // helpers
+        var isThenable = function (it) {
+          var then;
+          return isObject(it) && typeof (then = it.then) == 'function' ? then : false;
+        };
+        var notify = function (promise, state, isReject) {
+          if (state.notified) return;
+          state.notified = true;
+          var chain = state.reactions;
+          microtask(function () {
+            var value = state.value;
+            var ok = state.state == FULFILLED;
+            var index = 0;
+            // variable length - can't use forEach
+            while (chain.length > index) {
+              var reaction = chain[index++];
+              var handler = ok ? reaction.ok : reaction.fail;
+              var resolve = reaction.resolve;
+              var reject = reaction.reject;
+              var domain = reaction.domain;
+              var result,
+              then,
+              exited;
+              try {
+                if (handler) {
+                  if (!ok) {
+                    if (state.rejection === UNHANDLED) onHandleUnhandled(promise, state);
+                    state.rejection = HANDLED;
+                  }
+                  if (handler === true) result = value;
+                   else {
+                    if (domain) domain.enter();
+                    result = handler(value); // can throw
+                    if (domain) {
+                      domain.exit();
+                      exited = true;
+                    }
+                  }
+                  if (result === reaction.promise) {
+                    reject(TypeError('Promise-chain cycle'));
+                  } else if (then = isThenable(result)) {
+                    then.call(result, resolve, reject);
+                  } else resolve(result);
+                } else reject(value);
+              } catch (error) {
+                if (domain && !exited) domain.exit();
+                reject(error);
+              }
+            }
+            state.reactions = [
+            ];
+            state.notified = false;
+            if (isReject && !state.rejection) onUnhandled(promise, state);
+          });
+        };
+        var dispatchEvent = function (name, promise, reason) {
+          var event,
+          handler;
+          if (DISPATCH_EVENT) {
+            event = document.createEvent('Event');
+            event.promise = promise;
+            event.reason = reason;
+            event.initEvent(name, false, true);
+            global.dispatchEvent(event);
+          } else event = {
+            promise: promise,
+            reason: reason
+          };
+          if (handler = global['on' + name]) handler(event);
+           else if (name === UNHANDLED_REJECTION) hostReportErrors('Unhandled promise rejection', reason);
+        };
+        var onUnhandled = function (promise, state) {
+          task.call(global, function () {
+            var value = state.value;
+            var IS_UNHANDLED = isUnhandled(state);
+            var result;
+            if (IS_UNHANDLED) {
+              result = perform(function () {
+                if (IS_NODE) {
+                  process.emit('unhandledRejection', value, promise);
+                } else dispatchEvent(UNHANDLED_REJECTION, promise, value);
+              });
+              // Browsers should not trigger `rejectionHandled` event if it was handled here, NodeJS - should
+              state.rejection = IS_NODE || isUnhandled(state) ? UNHANDLED : HANDLED;
+              if (result.error) throw result.value;
+            }
+          });
+        };
+        var isUnhandled = function (state) {
+          return state.rejection !== HANDLED && !state.parent;
+        };
+        var onHandleUnhandled = function (promise, state) {
+          task.call(global, function () {
+            if (IS_NODE) {
+              process.emit('rejectionHandled', promise);
+            } else dispatchEvent(REJECTION_HANDLED, promise, state.value);
+          });
+        };
+        var bind = function (fn, promise, state, unwrap) {
+          return function (value) {
+            fn(promise, state, value, unwrap);
+          };
+        };
+        var internalReject = function (promise, state, value, unwrap) {
+          if (state.done) return;
+          state.done = true;
+          if (unwrap) state = unwrap;
+          state.value = value;
+          state.state = REJECTED;
+          notify(promise, state, true);
+        };
+        var internalResolve = function (promise, state, value, unwrap) {
+          if (state.done) return;
+          state.done = true;
+          if (unwrap) state = unwrap;
+          try {
+            if (promise === value) throw TypeError('Promise can\'t be resolved itself');
+            var then = isThenable(value);
+            if (then) {
+              microtask(function () {
+                var wrapper = {
+                  done: false
+                };
+                try {
+                  then.call(value, bind(internalResolve, promise, wrapper, state), bind(internalReject, promise, wrapper, state));
+                } catch (error) {
+                  internalReject(promise, wrapper, error, state);
+                }
+              });
+            } else {
+              state.value = value;
+              state.state = FULFILLED;
+              notify(promise, state, false);
+            }
+          } catch (error) {
+            internalReject(promise, {
+              done: false
+            }, error, state);
+          }
+        };
+        // constructor polyfill
+        if (FORCED) {
+          // 25.4.3.1 Promise(executor)
+          PromiseConstructor = function Promise(executor) {
+            anInstance(this, PromiseConstructor, PROMISE);
+            aFunction(executor);
+            Internal.call(this);
+            var state = getInternalState(this);
+            try {
+              executor(bind(internalResolve, this, state), bind(internalReject, this, state));
+            } catch (error) {
+              internalReject(this, state, error);
+            }
+          };
+          // eslint-disable-next-line no-unused-vars
+          Internal = function Promise(executor) {
+            setInternalState(this, {
+              type: PROMISE,
+              done: false,
+              notified: false,
+              parent: false,
+              reactions: [
+              ],
+              rejection: false,
+              state: PENDING,
+              value: undefined
+            });
+          };
+          Internal.prototype = redefineAll(PromiseConstructor.prototype, {
+            // `Promise.prototype.then` method
+            // https://tc39.github.io/ecma262/#sec-promise.prototype.then
+            then: function then(onFulfilled, onRejected) {
+              var state = getInternalPromiseState(this);
+              var reaction = newPromiseCapability(speciesConstructor(this, PromiseConstructor));
+              reaction.ok = typeof onFulfilled == 'function' ? onFulfilled : true;
+              reaction.fail = typeof onRejected == 'function' && onRejected;
+              reaction.domain = IS_NODE ? process.domain : undefined;
+              state.parent = true;
+              state.reactions.push(reaction);
+              if (state.state != PENDING) notify(this, state, false);
+              return reaction.promise;
+            },
+            // `Promise.prototype.catch` method
+            // https://tc39.github.io/ecma262/#sec-promise.prototype.catch
+            'catch': function (onRejected) {
+              return this.then(undefined, onRejected);
+            }
+          });
+          OwnPromiseCapability = function () {
+            var promise = new Internal();
+            var state = getInternalState(promise);
+            this.promise = promise;
+            this.resolve = bind(internalResolve, promise, state);
+            this.reject = bind(internalReject, promise, state);
+          };
+          newPromiseCapabilityModule.f = newPromiseCapability = function (C) {
+            return C === PromiseConstructor || C === PromiseWrapper ? new OwnPromiseCapability(C) : newGenericPromiseCapability(C);
+          };
+          if (!IS_PURE && typeof NativePromise == 'function') {
+            nativeThen = NativePromise.prototype.then;
+            // wrap native Promise#then for native async functions
+            redefine(NativePromise.prototype, 'then', function then(onFulfilled, onRejected) {
+              var that = this;
+              return new PromiseConstructor(function (resolve, reject) {
+                nativeThen.call(that, resolve, reject);
+              }).then(onFulfilled, onRejected);
+              // https://github.com/zloirock/core-js/issues/640
+            }, {
+              unsafe: true
+            });
+            // wrap fetch result
+            if (typeof $fetch == 'function') $({
+              global: true,
+              enumerable: true,
+              forced: true
+            }, {
+              // eslint-disable-next-line no-unused-vars
+              fetch: function fetch(input /* , init */ ) {
+                return promiseResolve(PromiseConstructor, $fetch.apply(global, arguments));
+              }
+            });
+          }
+        }
+        $({
+          global: true,
+          wrap: true,
+          forced: FORCED
+        }, {
+          Promise: PromiseConstructor
+        });
+        setToStringTag(PromiseConstructor, PROMISE, false, true);
+        setSpecies(PROMISE);
+        PromiseWrapper = getBuiltIn(PROMISE);
+        // statics
+        $({
+          target: PROMISE,
+          stat: true,
+          forced: FORCED
+        }, {
+          // `Promise.reject` method
+          // https://tc39.github.io/ecma262/#sec-promise.reject
+          reject: function reject(r) {
+            var capability = newPromiseCapability(this);
+            capability.reject.call(undefined, r);
+            return capability.promise;
+          }
+        });
+        $({
+          target: PROMISE,
+          stat: true,
+          forced: IS_PURE || FORCED
+        }, {
+          // `Promise.resolve` method
+          // https://tc39.github.io/ecma262/#sec-promise.resolve
+          resolve: function resolve(x) {
+            return promiseResolve(IS_PURE && this === PromiseWrapper ? PromiseConstructor : this, x);
+          }
+        });
+        $({
+          target: PROMISE,
+          stat: true,
+          forced: INCORRECT_ITERATION
+        }, {
+          // `Promise.all` method
+          // https://tc39.github.io/ecma262/#sec-promise.all
+          all: function all(iterable) {
+            var C = this;
+            var capability = newPromiseCapability(C);
+            var resolve = capability.resolve;
+            var reject = capability.reject;
+            var result = perform(function () {
+              var $promiseResolve = aFunction(C.resolve);
+              var values = [
+              ];
+              var counter = 0;
+              var remaining = 1;
+              iterate(iterable, function (promise) {
+                var index = counter++;
+                var alreadyCalled = false;
+                values.push(undefined);
+                remaining++;
+                $promiseResolve.call(C, promise).then(function (value) {
+                  if (alreadyCalled) return;
+                  alreadyCalled = true;
+                  values[index] = value;
+                  --remaining || resolve(values);
+                }, reject);
+              });
+              --remaining || resolve(values);
+            });
+            if (result.error) reject(result.value);
+            return capability.promise;
+          },
+          // `Promise.race` method
+          // https://tc39.github.io/ecma262/#sec-promise.race
+          race: function race(iterable) {
+            var C = this;
+            var capability = newPromiseCapability(C);
+            var reject = capability.reject;
+            var result = perform(function () {
+              var $promiseResolve = aFunction(C.resolve);
+              iterate(iterable, function (promise) {
+                $promiseResolve.call(C, promise).then(capability.resolve, reject);
+              });
+            });
+            if (result.error) reject(result.value);
+            return capability.promise;
+          }
+        });
+      },
+      {
+        '../internals/a-function': 23,
+        '../internals/an-instance': 27,
+        '../internals/check-correctness-of-iteration': 45,
+        '../internals/classof-raw': 46,
+        '../internals/engine-v8-version': 66,
+        '../internals/export': 68,
+        '../internals/get-built-in': 74,
+        '../internals/global': 77,
+        '../internals/host-report-errors': 80,
+        '../internals/inspect-source': 86,
+        '../internals/internal-state': 88,
+        '../internals/is-forced': 91,
+        '../internals/is-object': 92,
+        '../internals/is-pure': 93,
+        '../internals/iterate': 95,
+        '../internals/microtask': 99,
+        '../internals/native-promise-constructor': 100,
+        '../internals/new-promise-capability': 104,
+        '../internals/perform': 123,
+        '../internals/promise-resolve': 124,
+        '../internals/redefine': 126,
+        '../internals/redefine-all': 125,
+        '../internals/set-species': 134,
+        '../internals/set-to-string-tag': 135,
+        '../internals/species-constructor': 139,
+        '../internals/task': 148,
+        '../internals/well-known-symbol': 166
+      }
+    ],
+    202: [
+      function (_dereq_, module, exports) {
+        var $ = _dereq_('../internals/export');
+        var getBuiltIn = _dereq_('../internals/get-built-in');
+        var aFunction = _dereq_('../internals/a-function');
+        var anObject = _dereq_('../internals/an-object');
+        var isObject = _dereq_('../internals/is-object');
+        var create = _dereq_('../internals/object-create');
+        var bind = _dereq_('../internals/function-bind');
+        var fails = _dereq_('../internals/fails');
+        var nativeConstruct = getBuiltIn('Reflect', 'construct');
+        // `Reflect.construct` method
+        // https://tc39.github.io/ecma262/#sec-reflect.construct
+        // MS Edge supports only 2 arguments and argumentsList argument is optional
+        // FF Nightly sets third argument as `new.target`, but does not create `this` from it
+        var NEW_TARGET_BUG = fails(function () {
+          function F() { /* empty */ 
+          }
+          return !(nativeConstruct(function () { /* empty */ 
+          }, [
+          ], F) instanceof F);
+        });
+        var ARGS_BUG = !fails(function () {
+          nativeConstruct(function () { /* empty */ 
+          });
+        });
+        var FORCED = NEW_TARGET_BUG || ARGS_BUG;
+        $({
+          target: 'Reflect',
+          stat: true,
+          forced: FORCED,
+          sham: FORCED
+        }, {
+          construct: function construct(Target, args /* , newTarget */ ) {
+            aFunction(Target);
+            anObject(args);
+            var newTarget = arguments.length < 3 ? Target : aFunction(arguments[2]);
+            if (ARGS_BUG && !NEW_TARGET_BUG) return nativeConstruct(Target, args, newTarget);
+            if (Target == newTarget) {
+              // w/o altered newTarget, optimization for 0-4 arguments
+              switch (args.length) {
+                case 0:
+                  return new Target();
+                case 1:
+                  return new Target(args[0]);
+                case 2:
+                  return new Target(args[0], args[1]);
+                case 3:
+                  return new Target(args[0], args[1], args[2]);
+                case 4:
+                  return new Target(args[0], args[1], args[2], args[3]);
+              }              // w/o altered newTarget, lot of arguments case
+
+              var $args = [
+                null
+              ];
+              $args.push.apply($args, args);
+              return new (bind.apply(Target, $args)) ();
+            }            // with altered newTarget, not support built-in constructors
+
+            var proto = newTarget.prototype;
+            var instance = create(isObject(proto) ? proto : Object.prototype);
+            var result = Function.apply.call(Target, instance, args);
+            return isObject(result) ? result : instance;
+          }
+        });
+      },
+      {
+        '../internals/a-function': 23,
+        '../internals/an-object': 28,
+        '../internals/export': 68,
+        '../internals/fails': 69,
+        '../internals/function-bind': 73,
+        '../internals/get-built-in': 74,
+        '../internals/is-object': 92,
+        '../internals/object-create': 108
+      }
+    ],
+    203: [
+      function (_dereq_, module, exports) {
+        var $ = _dereq_('../internals/export');
+        var isObject = _dereq_('../internals/is-object');
+        var anObject = _dereq_('../internals/an-object');
+        var has = _dereq_('../internals/has');
+        var getOwnPropertyDescriptorModule = _dereq_('../internals/object-get-own-property-descriptor');
+        var getPrototypeOf = _dereq_('../internals/object-get-prototype-of');
+        // `Reflect.get` method
+        // https://tc39.github.io/ecma262/#sec-reflect.get
+        function get(target, propertyKey /* , receiver */ ) {
+          var receiver = arguments.length < 3 ? target : arguments[2];
+          var descriptor,
+          prototype;
+          if (anObject(target) === receiver) return target[propertyKey];
+          if (descriptor = getOwnPropertyDescriptorModule.f(target, propertyKey)) return has(descriptor, 'value') ? descriptor.value : descriptor.get === undefined ? undefined : descriptor.get.call(receiver);
+          if (isObject(prototype = getPrototypeOf(target))) return get(prototype, propertyKey, receiver);
+        }
+        $({
+          target: 'Reflect',
+          stat: true
+        }, {
+          get: get
+        });
+      },
+      {
+        '../internals/an-object': 28,
+        '../internals/export': 68,
+        '../internals/has': 78,
+        '../internals/is-object': 92,
+        '../internals/object-get-own-property-descriptor': 111,
+        '../internals/object-get-prototype-of': 115
+      }
+    ],
+    204: [
+      function (_dereq_, module, exports) {
+        var DESCRIPTORS = _dereq_('../internals/descriptors');
+        var global = _dereq_('../internals/global');
+        var isForced = _dereq_('../internals/is-forced');
+        var inheritIfRequired = _dereq_('../internals/inherit-if-required');
+        var defineProperty = _dereq_('../internals/object-define-property').f;
+        var getOwnPropertyNames = _dereq_('../internals/object-get-own-property-names').f;
+        var isRegExp = _dereq_('../internals/is-regexp');
+        var getFlags = _dereq_('../internals/regexp-flags');
+        var stickyHelpers = _dereq_('../internals/regexp-sticky-helpers');
+        var redefine = _dereq_('../internals/redefine');
+        var fails = _dereq_('../internals/fails');
+        var setInternalState = _dereq_('../internals/internal-state').set;
+        var setSpecies = _dereq_('../internals/set-species');
+        var wellKnownSymbol = _dereq_('../internals/well-known-symbol');
+        var MATCH = wellKnownSymbol('match');
+        var NativeRegExp = global.RegExp;
+        var RegExpPrototype = NativeRegExp.prototype;
+        var re1 = /a/g;
+        var re2 = /a/g;
+        // "new" should create a new object, old webkit bug
+        var CORRECT_NEW = new NativeRegExp(re1) !== re1;
+        var UNSUPPORTED_Y = stickyHelpers.UNSUPPORTED_Y;
+        var FORCED = DESCRIPTORS && isForced('RegExp', !CORRECT_NEW || UNSUPPORTED_Y || fails(function () {
+          re2[MATCH] = false;
+          // RegExp constructor can alter flags and IsRegExp works correct with @@match
+          return NativeRegExp(re1) != re1 || NativeRegExp(re2) == re2 || NativeRegExp(re1, 'i') != '/a/i';
+        }));
+        // `RegExp` constructor
+        // https://tc39.github.io/ecma262/#sec-regexp-constructor
+        if (FORCED) {
+          var RegExpWrapper = function RegExp(pattern, flags) {
+            var thisIsRegExp = this instanceof RegExpWrapper;
+            var patternIsRegExp = isRegExp(pattern);
+            var flagsAreUndefined = flags === undefined;
+            var sticky;
+            if (!thisIsRegExp && patternIsRegExp && pattern.constructor === RegExpWrapper && flagsAreUndefined) {
+              return pattern;
+            }
+            if (CORRECT_NEW) {
+              if (patternIsRegExp && !flagsAreUndefined) pattern = pattern.source;
+            } else if (pattern instanceof RegExpWrapper) {
+              if (flagsAreUndefined) flags = getFlags.call(pattern);
+              pattern = pattern.source;
+            }
+            if (UNSUPPORTED_Y) {
+              sticky = !!flags && flags.indexOf('y') > - 1;
+              if (sticky) flags = flags.replace(/y/g, '');
+            }
+            var result = inheritIfRequired(CORRECT_NEW ? new NativeRegExp(pattern, flags) : NativeRegExp(pattern, flags), thisIsRegExp ? this : RegExpPrototype, RegExpWrapper);
+            if (UNSUPPORTED_Y && sticky) setInternalState(result, {
+              sticky: sticky
+            });
+            return result;
+          };
+          var proxy = function (key) {
+            key in RegExpWrapper || defineProperty(RegExpWrapper, key, {
+              configurable: true,
+              get: function () {
+                return NativeRegExp[key];
+              },
+              set: function (it) {
+                NativeRegExp[key] = it;
+              }
+            });
+          };
+          var keys = getOwnPropertyNames(NativeRegExp);
+          var index = 0;
+          while (keys.length > index) proxy(keys[index++]);
+          RegExpPrototype.constructor = RegExpWrapper;
+          RegExpWrapper.prototype = RegExpPrototype;
+          redefine(global, 'RegExp', RegExpWrapper);
+        }        // https://tc39.github.io/ecma262/#sec-get-regexp-@@species
+
+        setSpecies('RegExp');
+      },
+      {
+        '../internals/descriptors': 61,
+        '../internals/fails': 69,
+        '../internals/global': 77,
+        '../internals/inherit-if-required': 85,
+        '../internals/internal-state': 88,
+        '../internals/is-forced': 91,
+        '../internals/is-regexp': 94,
+        '../internals/object-define-property': 110,
+        '../internals/object-get-own-property-names': 113,
+        '../internals/redefine': 126,
+        '../internals/regexp-flags': 129,
+        '../internals/regexp-sticky-helpers': 130,
+        '../internals/set-species': 134,
+        '../internals/well-known-symbol': 166
+      }
+    ],
+    205: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var $ = _dereq_('../internals/export');
+        var exec = _dereq_('../internals/regexp-exec');
+        $({
+          target: 'RegExp',
+          proto: true,
+          forced: /./.exec !== exec
+        }, {
+          exec: exec
+        });
+      },
+      {
+        '../internals/export': 68,
+        '../internals/regexp-exec': 128
+      }
+    ],
+    206: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var redefine = _dereq_('../internals/redefine');
+        var anObject = _dereq_('../internals/an-object');
+        var fails = _dereq_('../internals/fails');
+        var flags = _dereq_('../internals/regexp-flags');
+        var TO_STRING = 'toString';
+        var RegExpPrototype = RegExp.prototype;
+        var nativeToString = RegExpPrototype[TO_STRING];
+        var NOT_GENERIC = fails(function () {
+          return nativeToString.call({
+            source: 'a',
+            flags: 'b'
+          }) != '/a/b';
+        });
+        // FF44- RegExp#toString has a wrong name
+        var INCORRECT_NAME = nativeToString.name != TO_STRING;
+        // `RegExp.prototype.toString` method
+        // https://tc39.github.io/ecma262/#sec-regexp.prototype.tostring
+        if (NOT_GENERIC || INCORRECT_NAME) {
+          redefine(RegExp.prototype, TO_STRING, function toString() {
+            var R = anObject(this);
+            var p = String(R.source);
+            var rf = R.flags;
+            var f = String(rf === undefined && R instanceof RegExp && !('flags' in RegExpPrototype) ? flags.call(R) : rf);
+            return '/' + p + '/' + f;
+          }, {
+            unsafe: true
+          });
+        }
+      },
+      {
+        '../internals/an-object': 28,
+        '../internals/fails': 69,
+        '../internals/redefine': 126,
+        '../internals/regexp-flags': 129
+      }
+    ],
+    207: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var collection = _dereq_('../internals/collection');
+        var collectionStrong = _dereq_('../internals/collection-strong');
+        // `Set` constructor
+        // https://tc39.github.io/ecma262/#sec-set-objects
+        module.exports = collection('Set', function (init) {
+          return function Set() {
+            return init(this, arguments.length ? arguments[0] : undefined);
+          };
+        }, collectionStrong);
+      },
+      {
+        '../internals/collection': 50,
+        '../internals/collection-strong': 48
+      }
+    ],
+    208: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var $ = _dereq_('../internals/export');
+        var getOwnPropertyDescriptor = _dereq_('../internals/object-get-own-property-descriptor').f;
+        var toLength = _dereq_('../internals/to-length');
+        var notARegExp = _dereq_('../internals/not-a-regexp');
+        var requireObjectCoercible = _dereq_('../internals/require-object-coercible');
+        var correctIsRegExpLogic = _dereq_('../internals/correct-is-regexp-logic');
+        var IS_PURE = _dereq_('../internals/is-pure');
+        var nativeEndsWith = ''.endsWith;
+        var min = Math.min;
+        var CORRECT_IS_REGEXP_LOGIC = correctIsRegExpLogic('endsWith');
+        // https://github.com/zloirock/core-js/pull/702
+        var MDN_POLYFILL_BUG = !IS_PURE && !CORRECT_IS_REGEXP_LOGIC && !!function () {
+          var descriptor = getOwnPropertyDescriptor(String.prototype, 'endsWith');
+          return descriptor && !descriptor.writable;
+        }();
+        // `String.prototype.endsWith` method
+        // https://tc39.github.io/ecma262/#sec-string.prototype.endswith
+        $({
+          target: 'String',
+          proto: true,
+          forced: !MDN_POLYFILL_BUG && !CORRECT_IS_REGEXP_LOGIC
+        }, {
+          endsWith: function endsWith(searchString /* , endPosition = @length */ ) {
+            var that = String(requireObjectCoercible(this));
+            notARegExp(searchString);
+            var endPosition = arguments.length > 1 ? arguments[1] : undefined;
+            var len = toLength(that.length);
+            var end = endPosition === undefined ? len : min(toLength(endPosition), len);
+            var search = String(searchString);
+            return nativeEndsWith ? nativeEndsWith.call(that, search, end) : that.slice(end - search.length, end) === search;
+          }
+        });
+      },
+      {
+        '../internals/correct-is-regexp-logic': 52,
+        '../internals/export': 68,
+        '../internals/is-pure': 93,
+        '../internals/not-a-regexp': 105,
+        '../internals/object-get-own-property-descriptor': 111,
+        '../internals/require-object-coercible': 131,
+        '../internals/to-length': 154
+      }
+    ],
+    209: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var $ = _dereq_('../internals/export');
+        var notARegExp = _dereq_('../internals/not-a-regexp');
+        var requireObjectCoercible = _dereq_('../internals/require-object-coercible');
+        var correctIsRegExpLogic = _dereq_('../internals/correct-is-regexp-logic');
+        // `String.prototype.includes` method
+        // https://tc39.github.io/ecma262/#sec-string.prototype.includes
+        $({
+          target: 'String',
+          proto: true,
+          forced: !correctIsRegExpLogic('includes')
+        }, {
+          includes: function includes(searchString /* , position = 0 */ ) {
+            return !!~String(requireObjectCoercible(this)).indexOf(notARegExp(searchString), arguments.length > 1 ? arguments[1] : undefined);
+          }
+        });
+      },
+      {
+        '../internals/correct-is-regexp-logic': 52,
+        '../internals/export': 68,
+        '../internals/not-a-regexp': 105,
+        '../internals/require-object-coercible': 131
+      }
+    ],
+    210: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var charAt = _dereq_('../internals/string-multibyte').charAt;
+        var InternalStateModule = _dereq_('../internals/internal-state');
+        var defineIterator = _dereq_('../internals/define-iterator');
+        var STRING_ITERATOR = 'String Iterator';
+        var setInternalState = InternalStateModule.set;
+        var getInternalState = InternalStateModule.getterFor(STRING_ITERATOR);
+        // `String.prototype[@@iterator]` method
+        // https://tc39.github.io/ecma262/#sec-string.prototype-@@iterator
+        defineIterator(String, 'String', function (iterated) {
+          setInternalState(this, {
+            type: STRING_ITERATOR,
+            string: String(iterated),
+            index: 0
+          });
+          // `%StringIteratorPrototype%.next` method
+          // https://tc39.github.io/ecma262/#sec-%stringiteratorprototype%.next
+        }, function next() {
+          var state = getInternalState(this);
+          var string = state.string;
+          var index = state.index;
+          var point;
+          if (index >= string.length) return {
+            value: undefined,
+            done: true
+          };
+          point = charAt(string, index);
+          state.index += point.length;
+          return {
+            value: point,
+            done: false
+          };
+        });
+      },
+      {
+        '../internals/define-iterator': 59,
+        '../internals/internal-state': 88,
+        '../internals/string-multibyte': 141
+      }
+    ],
+    211: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var fixRegExpWellKnownSymbolLogic = _dereq_('../internals/fix-regexp-well-known-symbol-logic');
+        var anObject = _dereq_('../internals/an-object');
+        var toLength = _dereq_('../internals/to-length');
+        var requireObjectCoercible = _dereq_('../internals/require-object-coercible');
+        var advanceStringIndex = _dereq_('../internals/advance-string-index');
+        var regExpExec = _dereq_('../internals/regexp-exec-abstract');
+        // @@match logic
+        fixRegExpWellKnownSymbolLogic('match', 1, function (MATCH, nativeMatch, maybeCallNative) {
+          return [          // `String.prototype.match` method
+          // https://tc39.github.io/ecma262/#sec-string.prototype.match
+          function match(regexp) {
+            var O = requireObjectCoercible(this);
+            var matcher = regexp == undefined ? undefined : regexp[MATCH];
+            return matcher !== undefined ? matcher.call(regexp, O) : new RegExp(regexp) [MATCH](String(O));
+          },
+          // `RegExp.prototype[@@match]` method
+          // https://tc39.github.io/ecma262/#sec-regexp.prototype-@@match
+          function (regexp) {
+            var res = maybeCallNative(nativeMatch, regexp, this);
+            if (res.done) return res.value;
+            var rx = anObject(regexp);
+            var S = String(this);
+            if (!rx.global) return regExpExec(rx, S);
+            var fullUnicode = rx.unicode;
+            rx.lastIndex = 0;
+            var A = [
+            ];
+            var n = 0;
+            var result;
+            while ((result = regExpExec(rx, S)) !== null) {
+              var matchStr = String(result[0]);
+              A[n] = matchStr;
+              if (matchStr === '') rx.lastIndex = advanceStringIndex(S, toLength(rx.lastIndex), fullUnicode);
+              n++;
+            }
+            return n === 0 ? null : A;
+          }
+          ];
+        });
+      },
+      {
+        '../internals/advance-string-index': 26,
+        '../internals/an-object': 28,
+        '../internals/fix-regexp-well-known-symbol-logic': 70,
+        '../internals/regexp-exec-abstract': 127,
+        '../internals/require-object-coercible': 131,
+        '../internals/to-length': 154
+      }
+    ],
+    212: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var $ = _dereq_('../internals/export');
+        var $padStart = _dereq_('../internals/string-pad').start;
+        var WEBKIT_BUG = _dereq_('../internals/string-pad-webkit-bug');
+        // `String.prototype.padStart` method
+        // https://tc39.github.io/ecma262/#sec-string.prototype.padstart
+        $({
+          target: 'String',
+          proto: true,
+          forced: WEBKIT_BUG
+        }, {
+          padStart: function padStart(maxLength /* , fillString = ' ' */ ) {
+            return $padStart(this, maxLength, arguments.length > 1 ? arguments[1] : undefined);
+          }
+        });
+      },
+      {
+        '../internals/export': 68,
+        '../internals/string-pad': 143,
+        '../internals/string-pad-webkit-bug': 142
+      }
+    ],
+    213: [
+      function (_dereq_, module, exports) {
+        var $ = _dereq_('../internals/export');
+        var repeat = _dereq_('../internals/string-repeat');
+        // `String.prototype.repeat` method
+        // https://tc39.github.io/ecma262/#sec-string.prototype.repeat
+        $({
+          target: 'String',
+          proto: true
+        }, {
+          repeat: repeat
+        });
+      },
+      {
+        '../internals/export': 68,
+        '../internals/string-repeat': 145
+      }
+    ],
+    214: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var fixRegExpWellKnownSymbolLogic = _dereq_('../internals/fix-regexp-well-known-symbol-logic');
+        var anObject = _dereq_('../internals/an-object');
+        var toObject = _dereq_('../internals/to-object');
+        var toLength = _dereq_('../internals/to-length');
+        var toInteger = _dereq_('../internals/to-integer');
+        var requireObjectCoercible = _dereq_('../internals/require-object-coercible');
+        var advanceStringIndex = _dereq_('../internals/advance-string-index');
+        var regExpExec = _dereq_('../internals/regexp-exec-abstract');
+        var max = Math.max;
+        var min = Math.min;
+        var floor = Math.floor;
+        var SUBSTITUTION_SYMBOLS = /\$([$&'`]|\d\d?|<[^>]*>)/g;
+        var SUBSTITUTION_SYMBOLS_NO_NAMED = /\$([$&'`]|\d\d?)/g;
+        var maybeToString = function (it) {
+          return it === undefined ? it : String(it);
+        };
+        // @@replace logic
+        fixRegExpWellKnownSymbolLogic('replace', 2, function (REPLACE, nativeReplace, maybeCallNative, reason) {
+          var REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE = reason.REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE;
+          var REPLACE_KEEPS_$0 = reason.REPLACE_KEEPS_$0;
+          var UNSAFE_SUBSTITUTE = REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE ? '$' : '$0';
+          return [          // `String.prototype.replace` method
+          // https://tc39.github.io/ecma262/#sec-string.prototype.replace
+          function replace(searchValue, replaceValue) {
+            var O = requireObjectCoercible(this);
+            var replacer = searchValue == undefined ? undefined : searchValue[REPLACE];
+            return replacer !== undefined ? replacer.call(searchValue, O, replaceValue) : nativeReplace.call(String(O), searchValue, replaceValue);
+          },
+          // `RegExp.prototype[@@replace]` method
+          // https://tc39.github.io/ecma262/#sec-regexp.prototype-@@replace
+          function (regexp, replaceValue) {
+            if (!REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE && REPLACE_KEEPS_$0 || typeof replaceValue === 'string' && replaceValue.indexOf(UNSAFE_SUBSTITUTE) === - 1) {
+              var res = maybeCallNative(nativeReplace, regexp, this, replaceValue);
+              if (res.done) return res.value;
+            }
+            var rx = anObject(regexp);
+            var S = String(this);
+            var functionalReplace = typeof replaceValue === 'function';
+            if (!functionalReplace) replaceValue = String(replaceValue);
+            var global = rx.global;
+            if (global) {
+              var fullUnicode = rx.unicode;
+              rx.lastIndex = 0;
+            }
+            var results = [
+            ];
+            while (true) {
+              var result = regExpExec(rx, S);
+              if (result === null) break;
+              results.push(result);
+              if (!global) break;
+              var matchStr = String(result[0]);
+              if (matchStr === '') rx.lastIndex = advanceStringIndex(S, toLength(rx.lastIndex), fullUnicode);
+            }
+            var accumulatedResult = '';
+            var nextSourcePosition = 0;
+            for (var i = 0; i < results.length; i++) {
+              result = results[i];
+              var matched = String(result[0]);
+              var position = max(min(toInteger(result.index), S.length), 0);
+              var captures = [
+              ];
+              // NOTE: This is equivalent to
+              //   captures = result.slice(1).map(maybeToString)
+              // but for some reason `nativeSlice.call(result, 1, result.length)` (called in
+              // the slice polyfill when slicing native arrays) "doesn't work" in safari 9 and
+              // causes a crash (https://pastebin.com/N21QzeQA) when trying to debug it.
+              for (var j = 1; j < result.length; j++) captures.push(maybeToString(result[j]));
+              var namedCaptures = result.groups;
+              if (functionalReplace) {
+                var replacerArgs = [
+                  matched
+                ].concat(captures, position, S);
+                if (namedCaptures !== undefined) replacerArgs.push(namedCaptures);
+                var replacement = String(replaceValue.apply(undefined, replacerArgs));
+              } else {
+                replacement = getSubstitution(matched, S, position, captures, namedCaptures, replaceValue);
+              }
+              if (position >= nextSourcePosition) {
+                accumulatedResult += S.slice(nextSourcePosition, position) + replacement;
+                nextSourcePosition = position + matched.length;
+              }
+            }
+            return accumulatedResult + S.slice(nextSourcePosition);
+          }
+          ];
+          // https://tc39.github.io/ecma262/#sec-getsubstitution
+          function getSubstitution(matched, str, position, captures, namedCaptures, replacement) {
+            var tailPos = position + matched.length;
+            var m = captures.length;
+            var symbols = SUBSTITUTION_SYMBOLS_NO_NAMED;
+            if (namedCaptures !== undefined) {
+              namedCaptures = toObject(namedCaptures);
+              symbols = SUBSTITUTION_SYMBOLS;
+            }
+            return nativeReplace.call(replacement, symbols, function (match, ch) {
+              var capture;
+              switch (ch.charAt(0)) {
+                case '$':
+                  return '$';
+                case '&':
+                  return matched;
+                case '`':
+                  return str.slice(0, position);
+                case '\'':
+                  return str.slice(tailPos);
+                case '<':
+                  capture = namedCaptures[ch.slice(1, - 1)];
+                  break;
+                default:
+                  // \d\d?
+                  var n = + ch;
+                  if (n === 0) return match;
+                  if (n > m) {
+                    var f = floor(n / 10);
+                    if (f === 0) return match;
+                    if (f <= m) return captures[f - 1] === undefined ? ch.charAt(1) : captures[f - 1] + ch.charAt(1);
+                    return match;
+                  }
+                  capture = captures[n - 1];
+              }
+              return capture === undefined ? '' : capture;
+            });
+          }
+        });
+      },
+      {
+        '../internals/advance-string-index': 26,
+        '../internals/an-object': 28,
+        '../internals/fix-regexp-well-known-symbol-logic': 70,
+        '../internals/regexp-exec-abstract': 127,
+        '../internals/require-object-coercible': 131,
+        '../internals/to-integer': 153,
+        '../internals/to-length': 154,
+        '../internals/to-object': 155
+      }
+    ],
+    215: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var fixRegExpWellKnownSymbolLogic = _dereq_('../internals/fix-regexp-well-known-symbol-logic');
+        var anObject = _dereq_('../internals/an-object');
+        var requireObjectCoercible = _dereq_('../internals/require-object-coercible');
+        var sameValue = _dereq_('../internals/same-value');
+        var regExpExec = _dereq_('../internals/regexp-exec-abstract');
+        // @@search logic
+        fixRegExpWellKnownSymbolLogic('search', 1, function (SEARCH, nativeSearch, maybeCallNative) {
+          return [          // `String.prototype.search` method
+          // https://tc39.github.io/ecma262/#sec-string.prototype.search
+          function search(regexp) {
+            var O = requireObjectCoercible(this);
+            var searcher = regexp == undefined ? undefined : regexp[SEARCH];
+            return searcher !== undefined ? searcher.call(regexp, O) : new RegExp(regexp) [SEARCH](String(O));
+          },
+          // `RegExp.prototype[@@search]` method
+          // https://tc39.github.io/ecma262/#sec-regexp.prototype-@@search
+          function (regexp) {
+            var res = maybeCallNative(nativeSearch, regexp, this);
+            if (res.done) return res.value;
+            var rx = anObject(regexp);
+            var S = String(this);
+            var previousLastIndex = rx.lastIndex;
+            if (!sameValue(previousLastIndex, 0)) rx.lastIndex = 0;
+            var result = regExpExec(rx, S);
+            if (!sameValue(rx.lastIndex, previousLastIndex)) rx.lastIndex = previousLastIndex;
+            return result === null ? - 1 : result.index;
+          }
+          ];
+        });
+      },
+      {
+        '../internals/an-object': 28,
+        '../internals/fix-regexp-well-known-symbol-logic': 70,
+        '../internals/regexp-exec-abstract': 127,
+        '../internals/require-object-coercible': 131,
+        '../internals/same-value': 132
+      }
+    ],
+    216: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var fixRegExpWellKnownSymbolLogic = _dereq_('../internals/fix-regexp-well-known-symbol-logic');
+        var isRegExp = _dereq_('../internals/is-regexp');
+        var anObject = _dereq_('../internals/an-object');
+        var requireObjectCoercible = _dereq_('../internals/require-object-coercible');
+        var speciesConstructor = _dereq_('../internals/species-constructor');
+        var advanceStringIndex = _dereq_('../internals/advance-string-index');
+        var toLength = _dereq_('../internals/to-length');
+        var callRegExpExec = _dereq_('../internals/regexp-exec-abstract');
+        var regexpExec = _dereq_('../internals/regexp-exec');
+        var fails = _dereq_('../internals/fails');
+        var arrayPush = [
+        ].push;
+        var min = Math.min;
+        var MAX_UINT32 = 4294967295;
+        // babel-minify transpiles RegExp('x', 'y') -> /x/y and it causes SyntaxError
+        var SUPPORTS_Y = !fails(function () {
+          return !RegExp(MAX_UINT32, 'y');
+        });
+        // @@split logic
+        fixRegExpWellKnownSymbolLogic('split', 2, function (SPLIT, nativeSplit, maybeCallNative) {
+          var internalSplit;
+          if ('abbc'.split(/(b)*/) [1] == 'c' || 'test'.split(/(?:)/, - 1).length != 4 || 'ab'.split(/(?:ab)*/).length != 2 || '.'.split(/(.?)(.?)/).length != 4 || '.'.split(/()()/).length > 1 || ''.split(/.?/).length) {
+            // based on es5-shim implementation, need to rework it
+            internalSplit = function (separator, limit) {
+              var string = String(requireObjectCoercible(this));
+              var lim = limit === undefined ? MAX_UINT32 : limit >>> 0;
+              if (lim === 0) return [];
+              if (separator === undefined) return [string];
+              // If `separator` is not a regex, use native split
+              if (!isRegExp(separator)) {
+                return nativeSplit.call(string, separator, lim);
+              }
+              var output = [
+              ];
+              var flags = (separator.ignoreCase ? 'i' : '') + (separator.multiline ? 'm' : '') + (separator.unicode ? 'u' : '') + (separator.sticky ? 'y' : '');
+              var lastLastIndex = 0;
+              // Make `global` and avoid `lastIndex` issues by working with a copy
+              var separatorCopy = new RegExp(separator.source, flags + 'g');
+              var match,
+              lastIndex,
+              lastLength;
+              while (match = regexpExec.call(separatorCopy, string)) {
+                lastIndex = separatorCopy.lastIndex;
+                if (lastIndex > lastLastIndex) {
+                  output.push(string.slice(lastLastIndex, match.index));
+                  if (match.length > 1 && match.index < string.length) arrayPush.apply(output, match.slice(1));
+                  lastLength = match[0].length;
+                  lastLastIndex = lastIndex;
+                  if (output.length >= lim) break;
+                }
+                if (separatorCopy.lastIndex === match.index) separatorCopy.lastIndex++; // Avoid an infinite loop
+              }
+              if (lastLastIndex === string.length) {
+                if (lastLength || !separatorCopy.test('')) output.push('');
+              } else output.push(string.slice(lastLastIndex));
+              return output.length > lim ? output.slice(0, lim) : output;
+            };
+            // Chakra, V8
+          } else if ('0'.split(undefined, 0).length) {
+            internalSplit = function (separator, limit) {
+              return separator === undefined && limit === 0 ? [
+              ] : nativeSplit.call(this, separator, limit);
+            };
+          } else internalSplit = nativeSplit;
+          return [          // `String.prototype.split` method
+          // https://tc39.github.io/ecma262/#sec-string.prototype.split
+          function split(separator, limit) {
+            var O = requireObjectCoercible(this);
+            var splitter = separator == undefined ? undefined : separator[SPLIT];
+            return splitter !== undefined ? splitter.call(separator, O, limit) : internalSplit.call(String(O), separator, limit);
+          },
+          // `RegExp.prototype[@@split]` method
+          // https://tc39.github.io/ecma262/#sec-regexp.prototype-@@split
+          //
+          // NOTE: This cannot be properly polyfilled in engines that don't support
+          // the 'y' flag.
+          function (regexp, limit) {
+            var res = maybeCallNative(internalSplit, regexp, this, limit, internalSplit !== nativeSplit);
+            if (res.done) return res.value;
+            var rx = anObject(regexp);
+            var S = String(this);
+            var C = speciesConstructor(rx, RegExp);
+            var unicodeMatching = rx.unicode;
+            var flags = (rx.ignoreCase ? 'i' : '') + (rx.multiline ? 'm' : '') + (rx.unicode ? 'u' : '') + (SUPPORTS_Y ? 'y' : 'g');
+            // ^(? + rx + ) is needed, in combination with some S slicing, to
+            // simulate the 'y' flag.
+            var splitter = new C(SUPPORTS_Y ? rx : '^(?:' + rx.source + ')', flags);
+            var lim = limit === undefined ? MAX_UINT32 : limit >>> 0;
+            if (lim === 0) return [];
+            if (S.length === 0) return callRegExpExec(splitter, S) === null ? [
+              S
+            ] : [
+            ];
+            var p = 0;
+            var q = 0;
+            var A = [
+            ];
+            while (q < S.length) {
+              splitter.lastIndex = SUPPORTS_Y ? q : 0;
+              var z = callRegExpExec(splitter, SUPPORTS_Y ? S : S.slice(q));
+              var e;
+              if (z === null || (e = min(toLength(splitter.lastIndex + (SUPPORTS_Y ? 0 : q)), S.length)) === p) {
+                q = advanceStringIndex(S, q, unicodeMatching);
+              } else {
+                A.push(S.slice(p, q));
+                if (A.length === lim) return A;
+                for (var i = 1; i <= z.length - 1; i++) {
+                  A.push(z[i]);
+                  if (A.length === lim) return A;
+                }
+                q = p = e;
+              }
+            }
+            A.push(S.slice(p));
+            return A;
+          }
+          ];
+        }, !SUPPORTS_Y);
+      },
+      {
+        '../internals/advance-string-index': 26,
+        '../internals/an-object': 28,
+        '../internals/fails': 69,
+        '../internals/fix-regexp-well-known-symbol-logic': 70,
+        '../internals/is-regexp': 94,
+        '../internals/regexp-exec': 128,
+        '../internals/regexp-exec-abstract': 127,
+        '../internals/require-object-coercible': 131,
+        '../internals/species-constructor': 139,
+        '../internals/to-length': 154
+      }
+    ],
+    217: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var $ = _dereq_('../internals/export');
+        var getOwnPropertyDescriptor = _dereq_('../internals/object-get-own-property-descriptor').f;
+        var toLength = _dereq_('../internals/to-length');
+        var notARegExp = _dereq_('../internals/not-a-regexp');
+        var requireObjectCoercible = _dereq_('../internals/require-object-coercible');
+        var correctIsRegExpLogic = _dereq_('../internals/correct-is-regexp-logic');
+        var IS_PURE = _dereq_('../internals/is-pure');
+        var nativeStartsWith = ''.startsWith;
+        var min = Math.min;
+        var CORRECT_IS_REGEXP_LOGIC = correctIsRegExpLogic('startsWith');
+        // https://github.com/zloirock/core-js/pull/702
+        var MDN_POLYFILL_BUG = !IS_PURE && !CORRECT_IS_REGEXP_LOGIC && !!function () {
+          var descriptor = getOwnPropertyDescriptor(String.prototype, 'startsWith');
+          return descriptor && !descriptor.writable;
+        }();
+        // `String.prototype.startsWith` method
+        // https://tc39.github.io/ecma262/#sec-string.prototype.startswith
+        $({
+          target: 'String',
+          proto: true,
+          forced: !MDN_POLYFILL_BUG && !CORRECT_IS_REGEXP_LOGIC
+        }, {
+          startsWith: function startsWith(searchString /* , position = 0 */ ) {
+            var that = String(requireObjectCoercible(this));
+            notARegExp(searchString);
+            var index = toLength(min(arguments.length > 1 ? arguments[1] : undefined, that.length));
+            var search = String(searchString);
+            return nativeStartsWith ? nativeStartsWith.call(that, search, index) : that.slice(index, index + search.length) === search;
+          }
+        });
+      },
+      {
+        '../internals/correct-is-regexp-logic': 52,
+        '../internals/export': 68,
+        '../internals/is-pure': 93,
+        '../internals/not-a-regexp': 105,
+        '../internals/object-get-own-property-descriptor': 111,
+        '../internals/require-object-coercible': 131,
+        '../internals/to-length': 154
+      }
+    ],
+    218: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var $ = _dereq_('../internals/export');
+        var createHTML = _dereq_('../internals/create-html');
+        var forcedStringHTMLMethod = _dereq_('../internals/string-html-forced');
+        // `String.prototype.sub` method
+        // https://tc39.github.io/ecma262/#sec-string.prototype.sub
+        $({
+          target: 'String',
+          proto: true,
+          forced: forcedStringHTMLMethod('sub')
+        }, {
+          sub: function sub() {
+            return createHTML(this, 'sub', '', '');
+          }
+        });
+      },
+      {
+        '../internals/create-html': 54,
+        '../internals/export': 68,
+        '../internals/string-html-forced': 140
+      }
+    ],
+    219: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var $ = _dereq_('../internals/export');
+        var $trim = _dereq_('../internals/string-trim').trim;
+        var forcedStringTrimMethod = _dereq_('../internals/string-trim-forced');
+        // `String.prototype.trim` method
+        // https://tc39.github.io/ecma262/#sec-string.prototype.trim
+        $({
+          target: 'String',
+          proto: true,
+          forced: forcedStringTrimMethod('trim')
+        }, {
+          trim: function trim() {
+            return $trim(this);
+          }
+        });
+      },
+      {
+        '../internals/export': 68,
+        '../internals/string-trim': 147,
+        '../internals/string-trim-forced': 146
+      }
+    ],
+    220: [
+      function (_dereq_, module, exports) {
+        // `Symbol.prototype.description` getter
+        // https://tc39.github.io/ecma262/#sec-symbol.prototype.description
+        'use strict';
+        var $ = _dereq_('../internals/export');
+        var DESCRIPTORS = _dereq_('../internals/descriptors');
+        var global = _dereq_('../internals/global');
+        var has = _dereq_('../internals/has');
+        var isObject = _dereq_('../internals/is-object');
+        var defineProperty = _dereq_('../internals/object-define-property').f;
+        var copyConstructorProperties = _dereq_('../internals/copy-constructor-properties');
+        var NativeSymbol = global.Symbol;
+        if (DESCRIPTORS && typeof NativeSymbol == 'function' && (!('description' in NativeSymbol.prototype) ||        // Safari 12 bug
+        NativeSymbol().description !== undefined)) {
+          var EmptyStringDescriptionStore = {
+          };
+          // wrap Symbol constructor for correct work with undefined description
+          var SymbolWrapper = function Symbol() {
+            var description = arguments.length < 1 || arguments[0] === undefined ? undefined : String(arguments[0]);
+            var result = this instanceof SymbolWrapper ? new NativeSymbol(description)            // in Edge 13, String(Symbol(undefined)) === 'Symbol(undefined)'
+             : description === undefined ? NativeSymbol() : NativeSymbol(description);
+            if (description === '') EmptyStringDescriptionStore[result] = true;
+            return result;
+          };
+          copyConstructorProperties(SymbolWrapper, NativeSymbol);
+          var symbolPrototype = SymbolWrapper.prototype = NativeSymbol.prototype;
+          symbolPrototype.constructor = SymbolWrapper;
+          var symbolToString = symbolPrototype.toString;
+          var native = String(NativeSymbol('test')) == 'Symbol(test)';
+          var regexp = /^Symbol\((.*)\)[^)]+$/;
+          defineProperty(symbolPrototype, 'description', {
+            configurable: true,
+            get: function description() {
+              var symbol = isObject(this) ? this.valueOf() : this;
+              var string = symbolToString.call(symbol);
+              if (has(EmptyStringDescriptionStore, symbol)) return '';
+              var desc = native ? string.slice(7, - 1) : string.replace(regexp, '$1');
+              return desc === '' ? undefined : desc;
+            }
+          });
+          $({
+            global: true,
+            forced: true
+          }, {
+            Symbol: SymbolWrapper
+          });
+        }
+      },
+      {
+        '../internals/copy-constructor-properties': 51,
+        '../internals/descriptors': 61,
+        '../internals/export': 68,
+        '../internals/global': 77,
+        '../internals/has': 78,
+        '../internals/is-object': 92,
+        '../internals/object-define-property': 110
+      }
+    ],
+    221: [
+      function (_dereq_, module, exports) {
+        var defineWellKnownSymbol = _dereq_('../internals/define-well-known-symbol');
+        // `Symbol.iterator` well-known symbol
+        // https://tc39.github.io/ecma262/#sec-symbol.iterator
+        defineWellKnownSymbol('iterator');
+      },
+      {
+        '../internals/define-well-known-symbol': 60
+      }
+    ],
+    222: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var $ = _dereq_('../internals/export');
+        var global = _dereq_('../internals/global');
+        var getBuiltIn = _dereq_('../internals/get-built-in');
+        var IS_PURE = _dereq_('../internals/is-pure');
+        var DESCRIPTORS = _dereq_('../internals/descriptors');
+        var NATIVE_SYMBOL = _dereq_('../internals/native-symbol');
+        var USE_SYMBOL_AS_UID = _dereq_('../internals/use-symbol-as-uid');
+        var fails = _dereq_('../internals/fails');
+        var has = _dereq_('../internals/has');
+        var isArray = _dereq_('../internals/is-array');
+        var isObject = _dereq_('../internals/is-object');
+        var anObject = _dereq_('../internals/an-object');
+        var toObject = _dereq_('../internals/to-object');
+        var toIndexedObject = _dereq_('../internals/to-indexed-object');
+        var toPrimitive = _dereq_('../internals/to-primitive');
+        var createPropertyDescriptor = _dereq_('../internals/create-property-descriptor');
+        var nativeObjectCreate = _dereq_('../internals/object-create');
+        var objectKeys = _dereq_('../internals/object-keys');
+        var getOwnPropertyNamesModule = _dereq_('../internals/object-get-own-property-names');
+        var getOwnPropertyNamesExternal = _dereq_('../internals/object-get-own-property-names-external');
+        var getOwnPropertySymbolsModule = _dereq_('../internals/object-get-own-property-symbols');
+        var getOwnPropertyDescriptorModule = _dereq_('../internals/object-get-own-property-descriptor');
+        var definePropertyModule = _dereq_('../internals/object-define-property');
+        var propertyIsEnumerableModule = _dereq_('../internals/object-property-is-enumerable');
+        var createNonEnumerableProperty = _dereq_('../internals/create-non-enumerable-property');
+        var redefine = _dereq_('../internals/redefine');
+        var shared = _dereq_('../internals/shared');
+        var sharedKey = _dereq_('../internals/shared-key');
+        var hiddenKeys = _dereq_('../internals/hidden-keys');
+        var uid = _dereq_('../internals/uid');
+        var wellKnownSymbol = _dereq_('../internals/well-known-symbol');
+        var wrappedWellKnownSymbolModule = _dereq_('../internals/well-known-symbol-wrapped');
+        var defineWellKnownSymbol = _dereq_('../internals/define-well-known-symbol');
+        var setToStringTag = _dereq_('../internals/set-to-string-tag');
+        var InternalStateModule = _dereq_('../internals/internal-state');
+        var $forEach = _dereq_('../internals/array-iteration').forEach;
+        var HIDDEN = sharedKey('hidden');
+        var SYMBOL = 'Symbol';
+        var PROTOTYPE = 'prototype';
+        var TO_PRIMITIVE = wellKnownSymbol('toPrimitive');
+        var setInternalState = InternalStateModule.set;
+        var getInternalState = InternalStateModule.getterFor(SYMBOL);
+        var ObjectPrototype = Object[PROTOTYPE];
+        var $Symbol = global.Symbol;
+        var $stringify = getBuiltIn('JSON', 'stringify');
+        var nativeGetOwnPropertyDescriptor = getOwnPropertyDescriptorModule.f;
+        var nativeDefineProperty = definePropertyModule.f;
+        var nativeGetOwnPropertyNames = getOwnPropertyNamesExternal.f;
+        var nativePropertyIsEnumerable = propertyIsEnumerableModule.f;
+        var AllSymbols = shared('symbols');
+        var ObjectPrototypeSymbols = shared('op-symbols');
+        var StringToSymbolRegistry = shared('string-to-symbol-registry');
+        var SymbolToStringRegistry = shared('symbol-to-string-registry');
+        var WellKnownSymbolsStore = shared('wks');
+        var QObject = global.QObject;
+        // Don't use setters in Qt Script, https://github.com/zloirock/core-js/issues/173
+        var USE_SETTER = !QObject || !QObject[PROTOTYPE] || !QObject[PROTOTYPE].findChild;
+        // fallback for old Android, https://code.google.com/p/v8/issues/detail?id=687
+        var setSymbolDescriptor = DESCRIPTORS && fails(function () {
+          return nativeObjectCreate(nativeDefineProperty({
+          }, 'a', {
+            get: function () {
+              return nativeDefineProperty(this, 'a', {
+                value: 7
+              }).a;
+            }
+          })).a != 7;
+        }) ? function (O, P, Attributes) {
+          var ObjectPrototypeDescriptor = nativeGetOwnPropertyDescriptor(ObjectPrototype, P);
+          if (ObjectPrototypeDescriptor) delete ObjectPrototype[P];
+          nativeDefineProperty(O, P, Attributes);
+          if (ObjectPrototypeDescriptor && O !== ObjectPrototype) {
+            nativeDefineProperty(ObjectPrototype, P, ObjectPrototypeDescriptor);
+          }
+        }
+         : nativeDefineProperty;
+        var wrap = function (tag, description) {
+          var symbol = AllSymbols[tag] = nativeObjectCreate($Symbol[PROTOTYPE]);
+          setInternalState(symbol, {
+            type: SYMBOL,
+            tag: tag,
+            description: description
+          });
+          if (!DESCRIPTORS) symbol.description = description;
+          return symbol;
+        };
+        var isSymbol = USE_SYMBOL_AS_UID ? function (it) {
+          return typeof it == 'symbol';
+        }
+         : function (it) {
+          return Object(it) instanceof $Symbol;
+        };
+        var $defineProperty = function defineProperty(O, P, Attributes) {
+          if (O === ObjectPrototype) $defineProperty(ObjectPrototypeSymbols, P, Attributes);
+          anObject(O);
+          var key = toPrimitive(P, true);
+          anObject(Attributes);
+          if (has(AllSymbols, key)) {
+            if (!Attributes.enumerable) {
+              if (!has(O, HIDDEN)) nativeDefineProperty(O, HIDDEN, createPropertyDescriptor(1, {
+              }));
+              O[HIDDEN][key] = true;
+            } else {
+              if (has(O, HIDDEN) && O[HIDDEN][key]) O[HIDDEN][key] = false;
+              Attributes = nativeObjectCreate(Attributes, {
+                enumerable: createPropertyDescriptor(0, false)
+              });
+            }
+            return setSymbolDescriptor(O, key, Attributes);
+          }
+          return nativeDefineProperty(O, key, Attributes);
+        };
+        var $defineProperties = function defineProperties(O, Properties) {
+          anObject(O);
+          var properties = toIndexedObject(Properties);
+          var keys = objectKeys(properties).concat($getOwnPropertySymbols(properties));
+          $forEach(keys, function (key) {
+            if (!DESCRIPTORS || $propertyIsEnumerable.call(properties, key)) $defineProperty(O, key, properties[key]);
+          });
+          return O;
+        };
+        var $create = function create(O, Properties) {
+          return Properties === undefined ? nativeObjectCreate(O) : $defineProperties(nativeObjectCreate(O), Properties);
+        };
+        var $propertyIsEnumerable = function propertyIsEnumerable(V) {
+          var P = toPrimitive(V, true);
+          var enumerable = nativePropertyIsEnumerable.call(this, P);
+          if (this === ObjectPrototype && has(AllSymbols, P) && !has(ObjectPrototypeSymbols, P)) return false;
+          return enumerable || !has(this, P) || !has(AllSymbols, P) || has(this, HIDDEN) && this[HIDDEN][P] ? enumerable : true;
+        };
+        var $getOwnPropertyDescriptor = function getOwnPropertyDescriptor(O, P) {
+          var it = toIndexedObject(O);
+          var key = toPrimitive(P, true);
+          if (it === ObjectPrototype && has(AllSymbols, key) && !has(ObjectPrototypeSymbols, key)) return;
+          var descriptor = nativeGetOwnPropertyDescriptor(it, key);
+          if (descriptor && has(AllSymbols, key) && !(has(it, HIDDEN) && it[HIDDEN][key])) {
+            descriptor.enumerable = true;
+          }
+          return descriptor;
+        };
+        var $getOwnPropertyNames = function getOwnPropertyNames(O) {
+          var names = nativeGetOwnPropertyNames(toIndexedObject(O));
+          var result = [
+          ];
+          $forEach(names, function (key) {
+            if (!has(AllSymbols, key) && !has(hiddenKeys, key)) result.push(key);
+          });
+          return result;
+        };
+        var $getOwnPropertySymbols = function getOwnPropertySymbols(O) {
+          var IS_OBJECT_PROTOTYPE = O === ObjectPrototype;
+          var names = nativeGetOwnPropertyNames(IS_OBJECT_PROTOTYPE ? ObjectPrototypeSymbols : toIndexedObject(O));
+          var result = [
+          ];
+          $forEach(names, function (key) {
+            if (has(AllSymbols, key) && (!IS_OBJECT_PROTOTYPE || has(ObjectPrototype, key))) {
+              result.push(AllSymbols[key]);
+            }
+          });
+          return result;
+        };
+        // `Symbol` constructor
+        // https://tc39.github.io/ecma262/#sec-symbol-constructor
+        if (!NATIVE_SYMBOL) {
+          $Symbol = function Symbol() {
+            if (this instanceof $Symbol) throw TypeError('Symbol is not a constructor');
+            var description = !arguments.length || arguments[0] === undefined ? undefined : String(arguments[0]);
+            var tag = uid(description);
+            var setter = function (value) {
+              if (this === ObjectPrototype) setter.call(ObjectPrototypeSymbols, value);
+              if (has(this, HIDDEN) && has(this[HIDDEN], tag)) this[HIDDEN][tag] = false;
+              setSymbolDescriptor(this, tag, createPropertyDescriptor(1, value));
+            };
+            if (DESCRIPTORS && USE_SETTER) setSymbolDescriptor(ObjectPrototype, tag, {
+              configurable: true,
+              set: setter
+            });
+            return wrap(tag, description);
+          };
+          redefine($Symbol[PROTOTYPE], 'toString', function toString() {
+            return getInternalState(this).tag;
+          });
+          redefine($Symbol, 'withoutSetter', function (description) {
+            return wrap(uid(description), description);
+          });
+          propertyIsEnumerableModule.f = $propertyIsEnumerable;
+          definePropertyModule.f = $defineProperty;
+          getOwnPropertyDescriptorModule.f = $getOwnPropertyDescriptor;
+          getOwnPropertyNamesModule.f = getOwnPropertyNamesExternal.f = $getOwnPropertyNames;
+          getOwnPropertySymbolsModule.f = $getOwnPropertySymbols;
+          wrappedWellKnownSymbolModule.f = function (name) {
+            return wrap(wellKnownSymbol(name), name);
+          };
+          if (DESCRIPTORS) {
+            // https://github.com/tc39/proposal-Symbol-description
+            nativeDefineProperty($Symbol[PROTOTYPE], 'description', {
+              configurable: true,
+              get: function description() {
+                return getInternalState(this).description;
+              }
+            });
+            if (!IS_PURE) {
+              redefine(ObjectPrototype, 'propertyIsEnumerable', $propertyIsEnumerable, {
+                unsafe: true
+              });
+            }
+          }
+        }
+        $({
+          global: true,
+          wrap: true,
+          forced: !NATIVE_SYMBOL,
+          sham: !NATIVE_SYMBOL
+        }, {
+          Symbol: $Symbol
+        });
+        $forEach(objectKeys(WellKnownSymbolsStore), function (name) {
+          defineWellKnownSymbol(name);
+        });
+        $({
+          target: SYMBOL,
+          stat: true,
+          forced: !NATIVE_SYMBOL
+        }, {
+          // `Symbol.for` method
+          // https://tc39.github.io/ecma262/#sec-symbol.for
+          'for': function (key) {
+            var string = String(key);
+            if (has(StringToSymbolRegistry, string)) return StringToSymbolRegistry[string];
+            var symbol = $Symbol(string);
+            StringToSymbolRegistry[string] = symbol;
+            SymbolToStringRegistry[symbol] = string;
+            return symbol;
+          },
+          // `Symbol.keyFor` method
+          // https://tc39.github.io/ecma262/#sec-symbol.keyfor
+          keyFor: function keyFor(sym) {
+            if (!isSymbol(sym)) throw TypeError(sym + ' is not a symbol');
+            if (has(SymbolToStringRegistry, sym)) return SymbolToStringRegistry[sym];
+          },
+          useSetter: function () {
+            USE_SETTER = true;
+          },
+          useSimple: function () {
+            USE_SETTER = false;
+          }
+        });
+        $({
+          target: 'Object',
+          stat: true,
+          forced: !NATIVE_SYMBOL,
+          sham: !DESCRIPTORS
+        }, {
+          // `Object.create` method
+          // https://tc39.github.io/ecma262/#sec-object.create
+          create: $create,
+          // `Object.defineProperty` method
+          // https://tc39.github.io/ecma262/#sec-object.defineproperty
+          defineProperty: $defineProperty,
+          // `Object.defineProperties` method
+          // https://tc39.github.io/ecma262/#sec-object.defineproperties
+          defineProperties: $defineProperties,
+          // `Object.getOwnPropertyDescriptor` method
+          // https://tc39.github.io/ecma262/#sec-object.getownpropertydescriptors
+          getOwnPropertyDescriptor: $getOwnPropertyDescriptor
+        });
+        $({
+          target: 'Object',
+          stat: true,
+          forced: !NATIVE_SYMBOL
+        }, {
+          // `Object.getOwnPropertyNames` method
+          // https://tc39.github.io/ecma262/#sec-object.getownpropertynames
+          getOwnPropertyNames: $getOwnPropertyNames,
+          // `Object.getOwnPropertySymbols` method
+          // https://tc39.github.io/ecma262/#sec-object.getownpropertysymbols
+          getOwnPropertySymbols: $getOwnPropertySymbols
+        });
+        // Chrome 38 and 39 `Object.getOwnPropertySymbols` fails on primitives
+        // https://bugs.chromium.org/p/v8/issues/detail?id=3443
+        $({
+          target: 'Object',
+          stat: true,
+          forced: fails(function () {
+            getOwnPropertySymbolsModule.f(1);
+          })
+        }, {
+          getOwnPropertySymbols: function getOwnPropertySymbols(it) {
+            return getOwnPropertySymbolsModule.f(toObject(it));
+          }
+        });
+        // `JSON.stringify` method behavior with symbols
+        // https://tc39.github.io/ecma262/#sec-json.stringify
+        if ($stringify) {
+          var FORCED_JSON_STRINGIFY = !NATIVE_SYMBOL || fails(function () {
+            var symbol = $Symbol();
+            // MS Edge converts symbol values to JSON as {}
+            return $stringify([symbol]) != '[null]'            // WebKit converts symbol values to JSON as null
+            || $stringify({
+              a: symbol
+            }) != '{}'            // V8 throws on boxed symbols
+            || $stringify(Object(symbol)) != '{}';
+          });
+          $({
+            target: 'JSON',
+            stat: true,
+            forced: FORCED_JSON_STRINGIFY
+          }, {
+            // eslint-disable-next-line no-unused-vars
+            stringify: function stringify(it, replacer, space) {
+              var args = [
+                it
+              ];
+              var index = 1;
+              var $replacer;
+              while (arguments.length > index) args.push(arguments[index++]);
+              $replacer = replacer;
+              if (!isObject(replacer) && it === undefined || isSymbol(it)) return; // IE8 returns string on undefined
+              if (!isArray(replacer)) replacer = function (key, value) {
+                if (typeof $replacer == 'function') value = $replacer.call(this, key, value);
+                if (!isSymbol(value)) return value;
+              };
+              args[1] = replacer;
+              return $stringify.apply(null, args);
+            }
+          });
+        }        // `Symbol.prototype[@@toPrimitive]` method
+        // https://tc39.github.io/ecma262/#sec-symbol.prototype-@@toprimitive
+
+        if (!$Symbol[PROTOTYPE][TO_PRIMITIVE]) {
+          createNonEnumerableProperty($Symbol[PROTOTYPE], TO_PRIMITIVE, $Symbol[PROTOTYPE].valueOf);
+        }        // `Symbol.prototype[@@toStringTag]` property
+        // https://tc39.github.io/ecma262/#sec-symbol.prototype-@@tostringtag
+
+        setToStringTag($Symbol, SYMBOL);
+        hiddenKeys[HIDDEN] = true;
+      },
+      {
+        '../internals/an-object': 28,
+        '../internals/array-iteration': 37,
+        '../internals/create-non-enumerable-property': 56,
+        '../internals/create-property-descriptor': 57,
+        '../internals/define-well-known-symbol': 60,
+        '../internals/descriptors': 61,
+        '../internals/export': 68,
+        '../internals/fails': 69,
+        '../internals/get-built-in': 74,
+        '../internals/global': 77,
+        '../internals/has': 78,
+        '../internals/hidden-keys': 79,
+        '../internals/internal-state': 88,
+        '../internals/is-array': 90,
+        '../internals/is-object': 92,
+        '../internals/is-pure': 93,
+        '../internals/native-symbol': 101,
+        '../internals/object-create': 108,
+        '../internals/object-define-property': 110,
+        '../internals/object-get-own-property-descriptor': 111,
+        '../internals/object-get-own-property-names': 113,
+        '../internals/object-get-own-property-names-external': 112,
+        '../internals/object-get-own-property-symbols': 114,
+        '../internals/object-keys': 117,
+        '../internals/object-property-is-enumerable': 118,
+        '../internals/redefine': 126,
+        '../internals/set-to-string-tag': 135,
+        '../internals/shared': 138,
+        '../internals/shared-key': 136,
+        '../internals/to-indexed-object': 152,
+        '../internals/to-object': 155,
+        '../internals/to-primitive': 158,
+        '../internals/uid': 163,
+        '../internals/use-symbol-as-uid': 164,
+        '../internals/well-known-symbol': 166,
+        '../internals/well-known-symbol-wrapped': 165
+      }
+    ],
+    223: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var ArrayBufferViewCore = _dereq_('../internals/array-buffer-view-core');
+        var $copyWithin = _dereq_('../internals/array-copy-within');
+        var aTypedArray = ArrayBufferViewCore.aTypedArray;
+        var exportTypedArrayMethod = ArrayBufferViewCore.exportTypedArrayMethod;
+        // `%TypedArray%.prototype.copyWithin` method
+        // https://tc39.github.io/ecma262/#sec-%typedarray%.prototype.copywithin
+        exportTypedArrayMethod('copyWithin', function copyWithin(target, start /* , end */ ) {
+          return $copyWithin.call(aTypedArray(this), target, start, arguments.length > 2 ? arguments[2] : undefined);
+        });
+      },
+      {
+        '../internals/array-buffer-view-core': 30,
+        '../internals/array-copy-within': 32
+      }
+    ],
+    224: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var ArrayBufferViewCore = _dereq_('../internals/array-buffer-view-core');
+        var $every = _dereq_('../internals/array-iteration').every;
+        var aTypedArray = ArrayBufferViewCore.aTypedArray;
+        var exportTypedArrayMethod = ArrayBufferViewCore.exportTypedArrayMethod;
+        // `%TypedArray%.prototype.every` method
+        // https://tc39.github.io/ecma262/#sec-%typedarray%.prototype.every
+        exportTypedArrayMethod('every', function every(callbackfn /* , thisArg */ ) {
+          return $every(aTypedArray(this), callbackfn, arguments.length > 1 ? arguments[1] : undefined);
+        });
+      },
+      {
+        '../internals/array-buffer-view-core': 30,
+        '../internals/array-iteration': 37
+      }
+    ],
+    225: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var ArrayBufferViewCore = _dereq_('../internals/array-buffer-view-core');
+        var $fill = _dereq_('../internals/array-fill');
+        var aTypedArray = ArrayBufferViewCore.aTypedArray;
+        var exportTypedArrayMethod = ArrayBufferViewCore.exportTypedArrayMethod;
+        // `%TypedArray%.prototype.fill` method
+        // https://tc39.github.io/ecma262/#sec-%typedarray%.prototype.fill
+        // eslint-disable-next-line no-unused-vars
+        exportTypedArrayMethod('fill', function fill(value /* , start, end */ ) {
+          return $fill.apply(aTypedArray(this), arguments);
+        });
+      },
+      {
+        '../internals/array-buffer-view-core': 30,
+        '../internals/array-fill': 33
+      }
+    ],
+    226: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var ArrayBufferViewCore = _dereq_('../internals/array-buffer-view-core');
+        var $filter = _dereq_('../internals/array-iteration').filter;
+        var speciesConstructor = _dereq_('../internals/species-constructor');
+        var aTypedArray = ArrayBufferViewCore.aTypedArray;
+        var aTypedArrayConstructor = ArrayBufferViewCore.aTypedArrayConstructor;
+        var exportTypedArrayMethod = ArrayBufferViewCore.exportTypedArrayMethod;
+        // `%TypedArray%.prototype.filter` method
+        // https://tc39.github.io/ecma262/#sec-%typedarray%.prototype.filter
+        exportTypedArrayMethod('filter', function filter(callbackfn /* , thisArg */ ) {
+          var list = $filter(aTypedArray(this), callbackfn, arguments.length > 1 ? arguments[1] : undefined);
+          var C = speciesConstructor(this, this.constructor);
+          var index = 0;
+          var length = list.length;
+          var result = new (aTypedArrayConstructor(C)) (length);
+          while (length > index) result[index] = list[index++];
+          return result;
+        });
+      },
+      {
+        '../internals/array-buffer-view-core': 30,
+        '../internals/array-iteration': 37,
+        '../internals/species-constructor': 139
+      }
+    ],
+    227: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var ArrayBufferViewCore = _dereq_('../internals/array-buffer-view-core');
+        var $findIndex = _dereq_('../internals/array-iteration').findIndex;
+        var aTypedArray = ArrayBufferViewCore.aTypedArray;
+        var exportTypedArrayMethod = ArrayBufferViewCore.exportTypedArrayMethod;
+        // `%TypedArray%.prototype.findIndex` method
+        // https://tc39.github.io/ecma262/#sec-%typedarray%.prototype.findindex
+        exportTypedArrayMethod('findIndex', function findIndex(predicate /* , thisArg */ ) {
+          return $findIndex(aTypedArray(this), predicate, arguments.length > 1 ? arguments[1] : undefined);
+        });
+      },
+      {
+        '../internals/array-buffer-view-core': 30,
+        '../internals/array-iteration': 37
+      }
+    ],
+    228: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var ArrayBufferViewCore = _dereq_('../internals/array-buffer-view-core');
+        var $find = _dereq_('../internals/array-iteration').find;
+        var aTypedArray = ArrayBufferViewCore.aTypedArray;
+        var exportTypedArrayMethod = ArrayBufferViewCore.exportTypedArrayMethod;
+        // `%TypedArray%.prototype.find` method
+        // https://tc39.github.io/ecma262/#sec-%typedarray%.prototype.find
+        exportTypedArrayMethod('find', function find(predicate /* , thisArg */ ) {
+          return $find(aTypedArray(this), predicate, arguments.length > 1 ? arguments[1] : undefined);
+        });
+      },
+      {
+        '../internals/array-buffer-view-core': 30,
+        '../internals/array-iteration': 37
+      }
+    ],
+    229: [
+      function (_dereq_, module, exports) {
+        var createTypedArrayConstructor = _dereq_('../internals/typed-array-constructor');
+        // `Float32Array` constructor
+        // https://tc39.github.io/ecma262/#sec-typedarray-objects
+        createTypedArrayConstructor('Float32', function (init) {
+          return function Float32Array(data, byteOffset, length) {
+            return init(this, data, byteOffset, length);
+          };
+        });
+      },
+      {
+        '../internals/typed-array-constructor': 160
+      }
+    ],
+    230: [
+      function (_dereq_, module, exports) {
+        var createTypedArrayConstructor = _dereq_('../internals/typed-array-constructor');
+        // `Float64Array` constructor
+        // https://tc39.github.io/ecma262/#sec-typedarray-objects
+        createTypedArrayConstructor('Float64', function (init) {
+          return function Float64Array(data, byteOffset, length) {
+            return init(this, data, byteOffset, length);
+          };
+        });
+      },
+      {
+        '../internals/typed-array-constructor': 160
+      }
+    ],
+    231: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var ArrayBufferViewCore = _dereq_('../internals/array-buffer-view-core');
+        var $forEach = _dereq_('../internals/array-iteration').forEach;
+        var aTypedArray = ArrayBufferViewCore.aTypedArray;
+        var exportTypedArrayMethod = ArrayBufferViewCore.exportTypedArrayMethod;
+        // `%TypedArray%.prototype.forEach` method
+        // https://tc39.github.io/ecma262/#sec-%typedarray%.prototype.foreach
+        exportTypedArrayMethod('forEach', function forEach(callbackfn /* , thisArg */ ) {
+          $forEach(aTypedArray(this), callbackfn, arguments.length > 1 ? arguments[1] : undefined);
+        });
+      },
+      {
+        '../internals/array-buffer-view-core': 30,
+        '../internals/array-iteration': 37
+      }
+    ],
+    232: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var ArrayBufferViewCore = _dereq_('../internals/array-buffer-view-core');
+        var $includes = _dereq_('../internals/array-includes').includes;
+        var aTypedArray = ArrayBufferViewCore.aTypedArray;
+        var exportTypedArrayMethod = ArrayBufferViewCore.exportTypedArrayMethod;
+        // `%TypedArray%.prototype.includes` method
+        // https://tc39.github.io/ecma262/#sec-%typedarray%.prototype.includes
+        exportTypedArrayMethod('includes', function includes(searchElement /* , fromIndex */ ) {
+          return $includes(aTypedArray(this), searchElement, arguments.length > 1 ? arguments[1] : undefined);
+        });
+      },
+      {
+        '../internals/array-buffer-view-core': 30,
+        '../internals/array-includes': 36
+      }
+    ],
+    233: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var ArrayBufferViewCore = _dereq_('../internals/array-buffer-view-core');
+        var $indexOf = _dereq_('../internals/array-includes').indexOf;
+        var aTypedArray = ArrayBufferViewCore.aTypedArray;
+        var exportTypedArrayMethod = ArrayBufferViewCore.exportTypedArrayMethod;
+        // `%TypedArray%.prototype.indexOf` method
+        // https://tc39.github.io/ecma262/#sec-%typedarray%.prototype.indexof
+        exportTypedArrayMethod('indexOf', function indexOf(searchElement /* , fromIndex */ ) {
+          return $indexOf(aTypedArray(this), searchElement, arguments.length > 1 ? arguments[1] : undefined);
+        });
+      },
+      {
+        '../internals/array-buffer-view-core': 30,
+        '../internals/array-includes': 36
+      }
+    ],
+    234: [
+      function (_dereq_, module, exports) {
+        var createTypedArrayConstructor = _dereq_('../internals/typed-array-constructor');
+        // `Int16Array` constructor
+        // https://tc39.github.io/ecma262/#sec-typedarray-objects
+        createTypedArrayConstructor('Int16', function (init) {
+          return function Int16Array(data, byteOffset, length) {
+            return init(this, data, byteOffset, length);
+          };
+        });
+      },
+      {
+        '../internals/typed-array-constructor': 160
+      }
+    ],
+    235: [
+      function (_dereq_, module, exports) {
+        var createTypedArrayConstructor = _dereq_('../internals/typed-array-constructor');
+        // `Int32Array` constructor
+        // https://tc39.github.io/ecma262/#sec-typedarray-objects
+        createTypedArrayConstructor('Int32', function (init) {
+          return function Int32Array(data, byteOffset, length) {
+            return init(this, data, byteOffset, length);
+          };
+        });
+      },
+      {
+        '../internals/typed-array-constructor': 160
+      }
+    ],
+    236: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var global = _dereq_('../internals/global');
+        var ArrayBufferViewCore = _dereq_('../internals/array-buffer-view-core');
+        var ArrayIterators = _dereq_('../modules/es.array.iterator');
+        var wellKnownSymbol = _dereq_('../internals/well-known-symbol');
+        var ITERATOR = wellKnownSymbol('iterator');
+        var Uint8Array = global.Uint8Array;
+        var arrayValues = ArrayIterators.values;
+        var arrayKeys = ArrayIterators.keys;
+        var arrayEntries = ArrayIterators.entries;
+        var aTypedArray = ArrayBufferViewCore.aTypedArray;
+        var exportTypedArrayMethod = ArrayBufferViewCore.exportTypedArrayMethod;
+        var nativeTypedArrayIterator = Uint8Array && Uint8Array.prototype[ITERATOR];
+        var CORRECT_ITER_NAME = !!nativeTypedArrayIterator && (nativeTypedArrayIterator.name == 'values' || nativeTypedArrayIterator.name == undefined);
+        var typedArrayValues = function values() {
+          return arrayValues.call(aTypedArray(this));
+        };
+        // `%TypedArray%.prototype.entries` method
+        // https://tc39.github.io/ecma262/#sec-%typedarray%.prototype.entries
+        exportTypedArrayMethod('entries', function entries() {
+          return arrayEntries.call(aTypedArray(this));
+        });
+        // `%TypedArray%.prototype.keys` method
+        // https://tc39.github.io/ecma262/#sec-%typedarray%.prototype.keys
+        exportTypedArrayMethod('keys', function keys() {
+          return arrayKeys.call(aTypedArray(this));
+        });
+        // `%TypedArray%.prototype.values` method
+        // https://tc39.github.io/ecma262/#sec-%typedarray%.prototype.values
+        exportTypedArrayMethod('values', typedArrayValues, !CORRECT_ITER_NAME);
+        // `%TypedArray%.prototype[@@iterator]` method
+        // https://tc39.github.io/ecma262/#sec-%typedarray%.prototype-@@iterator
+        exportTypedArrayMethod(ITERATOR, typedArrayValues, !CORRECT_ITER_NAME);
+      },
+      {
+        '../internals/array-buffer-view-core': 30,
+        '../internals/global': 77,
+        '../internals/well-known-symbol': 166,
+        '../modules/es.array.iterator': 179
+      }
+    ],
+    237: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var ArrayBufferViewCore = _dereq_('../internals/array-buffer-view-core');
+        var aTypedArray = ArrayBufferViewCore.aTypedArray;
+        var exportTypedArrayMethod = ArrayBufferViewCore.exportTypedArrayMethod;
+        var $join = [
+        ].join;
+        // `%TypedArray%.prototype.join` method
+        // https://tc39.github.io/ecma262/#sec-%typedarray%.prototype.join
+        // eslint-disable-next-line no-unused-vars
+        exportTypedArrayMethod('join', function join(separator) {
+          return $join.apply(aTypedArray(this), arguments);
+        });
+      },
+      {
+        '../internals/array-buffer-view-core': 30
+      }
+    ],
+    238: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var ArrayBufferViewCore = _dereq_('../internals/array-buffer-view-core');
+        var $lastIndexOf = _dereq_('../internals/array-last-index-of');
+        var aTypedArray = ArrayBufferViewCore.aTypedArray;
+        var exportTypedArrayMethod = ArrayBufferViewCore.exportTypedArrayMethod;
+        // `%TypedArray%.prototype.lastIndexOf` method
+        // https://tc39.github.io/ecma262/#sec-%typedarray%.prototype.lastindexof
+        // eslint-disable-next-line no-unused-vars
+        exportTypedArrayMethod('lastIndexOf', function lastIndexOf(searchElement /* , fromIndex */ ) {
+          return $lastIndexOf.apply(aTypedArray(this), arguments);
+        });
+      },
+      {
+        '../internals/array-buffer-view-core': 30,
+        '../internals/array-last-index-of': 38
+      }
+    ],
+    239: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var ArrayBufferViewCore = _dereq_('../internals/array-buffer-view-core');
+        var $map = _dereq_('../internals/array-iteration').map;
+        var speciesConstructor = _dereq_('../internals/species-constructor');
+        var aTypedArray = ArrayBufferViewCore.aTypedArray;
+        var aTypedArrayConstructor = ArrayBufferViewCore.aTypedArrayConstructor;
+        var exportTypedArrayMethod = ArrayBufferViewCore.exportTypedArrayMethod;
+        // `%TypedArray%.prototype.map` method
+        // https://tc39.github.io/ecma262/#sec-%typedarray%.prototype.map
+        exportTypedArrayMethod('map', function map(mapfn /* , thisArg */ ) {
+          return $map(aTypedArray(this), mapfn, arguments.length > 1 ? arguments[1] : undefined, function (O, length) {
+            return new (aTypedArrayConstructor(speciesConstructor(O, O.constructor))) (length);
+          });
+        });
+      },
+      {
+        '../internals/array-buffer-view-core': 30,
+        '../internals/array-iteration': 37,
+        '../internals/species-constructor': 139
+      }
+    ],
+    240: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var ArrayBufferViewCore = _dereq_('../internals/array-buffer-view-core');
+        var $reduceRight = _dereq_('../internals/array-reduce').right;
+        var aTypedArray = ArrayBufferViewCore.aTypedArray;
+        var exportTypedArrayMethod = ArrayBufferViewCore.exportTypedArrayMethod;
+        // `%TypedArray%.prototype.reduceRicht` method
+        // https://tc39.github.io/ecma262/#sec-%typedarray%.prototype.reduceright
+        exportTypedArrayMethod('reduceRight', function reduceRight(callbackfn /* , initialValue */ ) {
+          return $reduceRight(aTypedArray(this), callbackfn, arguments.length, arguments.length > 1 ? arguments[1] : undefined);
+        });
+      },
+      {
+        '../internals/array-buffer-view-core': 30,
+        '../internals/array-reduce': 42
+      }
+    ],
+    241: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var ArrayBufferViewCore = _dereq_('../internals/array-buffer-view-core');
+        var $reduce = _dereq_('../internals/array-reduce').left;
+        var aTypedArray = ArrayBufferViewCore.aTypedArray;
+        var exportTypedArrayMethod = ArrayBufferViewCore.exportTypedArrayMethod;
+        // `%TypedArray%.prototype.reduce` method
+        // https://tc39.github.io/ecma262/#sec-%typedarray%.prototype.reduce
+        exportTypedArrayMethod('reduce', function reduce(callbackfn /* , initialValue */ ) {
+          return $reduce(aTypedArray(this), callbackfn, arguments.length, arguments.length > 1 ? arguments[1] : undefined);
+        });
+      },
+      {
+        '../internals/array-buffer-view-core': 30,
+        '../internals/array-reduce': 42
+      }
+    ],
+    242: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var ArrayBufferViewCore = _dereq_('../internals/array-buffer-view-core');
+        var aTypedArray = ArrayBufferViewCore.aTypedArray;
+        var exportTypedArrayMethod = ArrayBufferViewCore.exportTypedArrayMethod;
+        var floor = Math.floor;
+        // `%TypedArray%.prototype.reverse` method
+        // https://tc39.github.io/ecma262/#sec-%typedarray%.prototype.reverse
+        exportTypedArrayMethod('reverse', function reverse() {
+          var that = this;
+          var length = aTypedArray(that).length;
+          var middle = floor(length / 2);
+          var index = 0;
+          var value;
+          while (index < middle) {
+            value = that[index];
+            that[index++] = that[--length];
+            that[length] = value;
+          }
+          return that;
+        });
+      },
+      {
+        '../internals/array-buffer-view-core': 30
+      }
+    ],
+    243: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var ArrayBufferViewCore = _dereq_('../internals/array-buffer-view-core');
+        var toLength = _dereq_('../internals/to-length');
+        var toOffset = _dereq_('../internals/to-offset');
+        var toObject = _dereq_('../internals/to-object');
+        var fails = _dereq_('../internals/fails');
+        var aTypedArray = ArrayBufferViewCore.aTypedArray;
+        var exportTypedArrayMethod = ArrayBufferViewCore.exportTypedArrayMethod;
+        var FORCED = fails(function () {
+          // eslint-disable-next-line no-undef
+          new Int8Array(1).set({
+          });
+        });
+        // `%TypedArray%.prototype.set` method
+        // https://tc39.github.io/ecma262/#sec-%typedarray%.prototype.set
+        exportTypedArrayMethod('set', function set(arrayLike /* , offset */ ) {
+          aTypedArray(this);
+          var offset = toOffset(arguments.length > 1 ? arguments[1] : undefined, 1);
+          var length = this.length;
+          var src = toObject(arrayLike);
+          var len = toLength(src.length);
+          var index = 0;
+          if (len + offset > length) throw RangeError('Wrong length');
+          while (index < len) this[offset + index] = src[index++];
+        }, FORCED);
+      },
+      {
+        '../internals/array-buffer-view-core': 30,
+        '../internals/fails': 69,
+        '../internals/to-length': 154,
+        '../internals/to-object': 155,
+        '../internals/to-offset': 156
+      }
+    ],
+    244: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var ArrayBufferViewCore = _dereq_('../internals/array-buffer-view-core');
+        var speciesConstructor = _dereq_('../internals/species-constructor');
+        var fails = _dereq_('../internals/fails');
+        var aTypedArray = ArrayBufferViewCore.aTypedArray;
+        var aTypedArrayConstructor = ArrayBufferViewCore.aTypedArrayConstructor;
+        var exportTypedArrayMethod = ArrayBufferViewCore.exportTypedArrayMethod;
+        var $slice = [
+        ].slice;
+        var FORCED = fails(function () {
+          // eslint-disable-next-line no-undef
+          new Int8Array(1).slice();
+        });
+        // `%TypedArray%.prototype.slice` method
+        // https://tc39.github.io/ecma262/#sec-%typedarray%.prototype.slice
+        exportTypedArrayMethod('slice', function slice(start, end) {
+          var list = $slice.call(aTypedArray(this), start, end);
+          var C = speciesConstructor(this, this.constructor);
+          var index = 0;
+          var length = list.length;
+          var result = new (aTypedArrayConstructor(C)) (length);
+          while (length > index) result[index] = list[index++];
+          return result;
+        }, FORCED);
+      },
+      {
+        '../internals/array-buffer-view-core': 30,
+        '../internals/fails': 69,
+        '../internals/species-constructor': 139
+      }
+    ],
+    245: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var ArrayBufferViewCore = _dereq_('../internals/array-buffer-view-core');
+        var $some = _dereq_('../internals/array-iteration').some;
+        var aTypedArray = ArrayBufferViewCore.aTypedArray;
+        var exportTypedArrayMethod = ArrayBufferViewCore.exportTypedArrayMethod;
+        // `%TypedArray%.prototype.some` method
+        // https://tc39.github.io/ecma262/#sec-%typedarray%.prototype.some
+        exportTypedArrayMethod('some', function some(callbackfn /* , thisArg */ ) {
+          return $some(aTypedArray(this), callbackfn, arguments.length > 1 ? arguments[1] : undefined);
+        });
+      },
+      {
+        '../internals/array-buffer-view-core': 30,
+        '../internals/array-iteration': 37
+      }
+    ],
+    246: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var ArrayBufferViewCore = _dereq_('../internals/array-buffer-view-core');
+        var aTypedArray = ArrayBufferViewCore.aTypedArray;
+        var exportTypedArrayMethod = ArrayBufferViewCore.exportTypedArrayMethod;
+        var $sort = [
+        ].sort;
+        // `%TypedArray%.prototype.sort` method
+        // https://tc39.github.io/ecma262/#sec-%typedarray%.prototype.sort
+        exportTypedArrayMethod('sort', function sort(comparefn) {
+          return $sort.call(aTypedArray(this), comparefn);
+        });
+      },
+      {
+        '../internals/array-buffer-view-core': 30
+      }
+    ],
+    247: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var ArrayBufferViewCore = _dereq_('../internals/array-buffer-view-core');
+        var toLength = _dereq_('../internals/to-length');
+        var toAbsoluteIndex = _dereq_('../internals/to-absolute-index');
+        var speciesConstructor = _dereq_('../internals/species-constructor');
+        var aTypedArray = ArrayBufferViewCore.aTypedArray;
+        var exportTypedArrayMethod = ArrayBufferViewCore.exportTypedArrayMethod;
+        // `%TypedArray%.prototype.subarray` method
+        // https://tc39.github.io/ecma262/#sec-%typedarray%.prototype.subarray
+        exportTypedArrayMethod('subarray', function subarray(begin, end) {
+          var O = aTypedArray(this);
+          var length = O.length;
+          var beginIndex = toAbsoluteIndex(begin, length);
+          return new (speciesConstructor(O, O.constructor)) (O.buffer, O.byteOffset + beginIndex * O.BYTES_PER_ELEMENT, toLength((end === undefined ? length : toAbsoluteIndex(end, length)) - beginIndex));
+        });
+      },
+      {
+        '../internals/array-buffer-view-core': 30,
+        '../internals/species-constructor': 139,
+        '../internals/to-absolute-index': 150,
+        '../internals/to-length': 154
+      }
+    ],
+    248: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var global = _dereq_('../internals/global');
+        var ArrayBufferViewCore = _dereq_('../internals/array-buffer-view-core');
+        var fails = _dereq_('../internals/fails');
+        var Int8Array = global.Int8Array;
+        var aTypedArray = ArrayBufferViewCore.aTypedArray;
+        var exportTypedArrayMethod = ArrayBufferViewCore.exportTypedArrayMethod;
+        var $toLocaleString = [
+        ].toLocaleString;
+        var $slice = [
+        ].slice;
+        // iOS Safari 6.x fails here
+        var TO_LOCALE_STRING_BUG = !!Int8Array && fails(function () {
+          $toLocaleString.call(new Int8Array(1));
+        });
+        var FORCED = fails(function () {
+          return [1,
+          2].toLocaleString() != new Int8Array([1,
+          2]).toLocaleString();
+        }) || !fails(function () {
+          Int8Array.prototype.toLocaleString.call([1,
+          2]);
+        });
+        // `%TypedArray%.prototype.toLocaleString` method
+        // https://tc39.github.io/ecma262/#sec-%typedarray%.prototype.tolocalestring
+        exportTypedArrayMethod('toLocaleString', function toLocaleString() {
+          return $toLocaleString.apply(TO_LOCALE_STRING_BUG ? $slice.call(aTypedArray(this)) : aTypedArray(this), arguments);
+        }, FORCED);
+      },
+      {
+        '../internals/array-buffer-view-core': 30,
+        '../internals/fails': 69,
+        '../internals/global': 77
+      }
+    ],
+    249: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var exportTypedArrayMethod = _dereq_('../internals/array-buffer-view-core').exportTypedArrayMethod;
+        var fails = _dereq_('../internals/fails');
+        var global = _dereq_('../internals/global');
+        var Uint8Array = global.Uint8Array;
+        var Uint8ArrayPrototype = Uint8Array && Uint8Array.prototype || {
+        };
+        var arrayToString = [
+        ].toString;
+        var arrayJoin = [
+        ].join;
+        if (fails(function () {
+          arrayToString.call({
+          });
+        })) {
+          arrayToString = function toString() {
+            return arrayJoin.call(this);
+          };
+        }
+        var IS_NOT_ARRAY_METHOD = Uint8ArrayPrototype.toString != arrayToString;
+        // `%TypedArray%.prototype.toString` method
+        // https://tc39.github.io/ecma262/#sec-%typedarray%.prototype.tostring
+        exportTypedArrayMethod('toString', arrayToString, IS_NOT_ARRAY_METHOD);
+      },
+      {
+        '../internals/array-buffer-view-core': 30,
+        '../internals/fails': 69,
+        '../internals/global': 77
+      }
+    ],
+    250: [
+      function (_dereq_, module, exports) {
+        var createTypedArrayConstructor = _dereq_('../internals/typed-array-constructor');
+        // `Uint16Array` constructor
+        // https://tc39.github.io/ecma262/#sec-typedarray-objects
+        createTypedArrayConstructor('Uint16', function (init) {
+          return function Uint16Array(data, byteOffset, length) {
+            return init(this, data, byteOffset, length);
+          };
+        });
+      },
+      {
+        '../internals/typed-array-constructor': 160
+      }
+    ],
+    251: [
+      function (_dereq_, module, exports) {
+        var createTypedArrayConstructor = _dereq_('../internals/typed-array-constructor');
+        // `Uint32Array` constructor
+        // https://tc39.github.io/ecma262/#sec-typedarray-objects
+        createTypedArrayConstructor('Uint32', function (init) {
+          return function Uint32Array(data, byteOffset, length) {
+            return init(this, data, byteOffset, length);
+          };
+        });
+      },
+      {
+        '../internals/typed-array-constructor': 160
+      }
+    ],
+    252: [
+      function (_dereq_, module, exports) {
+        var createTypedArrayConstructor = _dereq_('../internals/typed-array-constructor');
+        // `Uint8Array` constructor
+        // https://tc39.github.io/ecma262/#sec-typedarray-objects
+        createTypedArrayConstructor('Uint8', function (init) {
+          return function Uint8Array(data, byteOffset, length) {
+            return init(this, data, byteOffset, length);
+          };
+        });
+      },
+      {
+        '../internals/typed-array-constructor': 160
+      }
+    ],
+    253: [
+      function (_dereq_, module, exports) {
+        var createTypedArrayConstructor = _dereq_('../internals/typed-array-constructor');
+        // `Uint8ClampedArray` constructor
+        // https://tc39.github.io/ecma262/#sec-typedarray-objects
+        createTypedArrayConstructor('Uint8', function (init) {
+          return function Uint8ClampedArray(data, byteOffset, length) {
+            return init(this, data, byteOffset, length);
+          };
+        }, true);
+      },
+      {
+        '../internals/typed-array-constructor': 160
+      }
+    ],
+    254: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var global = _dereq_('../internals/global');
+        var redefineAll = _dereq_('../internals/redefine-all');
+        var InternalMetadataModule = _dereq_('../internals/internal-metadata');
+        var collection = _dereq_('../internals/collection');
+        var collectionWeak = _dereq_('../internals/collection-weak');
+        var isObject = _dereq_('../internals/is-object');
+        var enforceIternalState = _dereq_('../internals/internal-state').enforce;
+        var NATIVE_WEAK_MAP = _dereq_('../internals/native-weak-map');
+        var IS_IE11 = !global.ActiveXObject && 'ActiveXObject' in global;
+        var isExtensible = Object.isExtensible;
+        var InternalWeakMap;
+        var wrapper = function (init) {
+          return function WeakMap() {
+            return init(this, arguments.length ? arguments[0] : undefined);
+          };
+        };
+        // `WeakMap` constructor
+        // https://tc39.github.io/ecma262/#sec-weakmap-constructor
+        var $WeakMap = module.exports = collection('WeakMap', wrapper, collectionWeak);
+        // IE11 WeakMap frozen keys fix
+        // We can't use feature detection because it crash some old IE builds
+        // https://github.com/zloirock/core-js/issues/485
+        if (NATIVE_WEAK_MAP && IS_IE11) {
+          InternalWeakMap = collectionWeak.getConstructor(wrapper, 'WeakMap', true);
+          InternalMetadataModule.REQUIRED = true;
+          var WeakMapPrototype = $WeakMap.prototype;
+          var nativeDelete = WeakMapPrototype['delete'];
+          var nativeHas = WeakMapPrototype.has;
+          var nativeGet = WeakMapPrototype.get;
+          var nativeSet = WeakMapPrototype.set;
+          redefineAll(WeakMapPrototype, {
+            'delete': function (key) {
+              if (isObject(key) && !isExtensible(key)) {
+                var state = enforceIternalState(this);
+                if (!state.frozen) state.frozen = new InternalWeakMap();
+                return nativeDelete.call(this, key) || state.frozen['delete'](key);
+              }
+              return nativeDelete.call(this, key);
+            },
+            has: function has(key) {
+              if (isObject(key) && !isExtensible(key)) {
+                var state = enforceIternalState(this);
+                if (!state.frozen) state.frozen = new InternalWeakMap();
+                return nativeHas.call(this, key) || state.frozen.has(key);
+              }
+              return nativeHas.call(this, key);
+            },
+            get: function get(key) {
+              if (isObject(key) && !isExtensible(key)) {
+                var state = enforceIternalState(this);
+                if (!state.frozen) state.frozen = new InternalWeakMap();
+                return nativeHas.call(this, key) ? nativeGet.call(this, key) : state.frozen.get(key);
+              }
+              return nativeGet.call(this, key);
+            },
+            set: function set(key, value) {
+              if (isObject(key) && !isExtensible(key)) {
+                var state = enforceIternalState(this);
+                if (!state.frozen) state.frozen = new InternalWeakMap();
+                nativeHas.call(this, key) ? nativeSet.call(this, key, value) : state.frozen.set(key, value);
+              } else nativeSet.call(this, key, value);
+              return this;
+            }
+          });
+        }
+      },
+      {
+        '../internals/collection': 50,
+        '../internals/collection-weak': 49,
+        '../internals/global': 77,
+        '../internals/internal-metadata': 87,
+        '../internals/internal-state': 88,
+        '../internals/is-object': 92,
+        '../internals/native-weak-map': 103,
+        '../internals/redefine-all': 125
+      }
+    ],
+    255: [
+      function (_dereq_, module, exports) {
+        var global = _dereq_('../internals/global');
+        var DOMIterables = _dereq_('../internals/dom-iterables');
+        var forEach = _dereq_('../internals/array-for-each');
+        var createNonEnumerableProperty = _dereq_('../internals/create-non-enumerable-property');
+        for (var COLLECTION_NAME in DOMIterables) {
+          var Collection = global[COLLECTION_NAME];
+          var CollectionPrototype = Collection && Collection.prototype;
+          // some Chrome versions have non-configurable methods on DOMTokenList
+          if (CollectionPrototype && CollectionPrototype.forEach !== forEach) try {
+            createNonEnumerableProperty(CollectionPrototype, 'forEach', forEach);
+          } catch (error) {
+            CollectionPrototype.forEach = forEach;
+          }
+        }
+      },
+      {
+        '../internals/array-for-each': 34,
+        '../internals/create-non-enumerable-property': 56,
+        '../internals/dom-iterables': 63,
+        '../internals/global': 77
+      }
+    ],
+    256: [
+      function (_dereq_, module, exports) {
+        var global = _dereq_('../internals/global');
+        var DOMIterables = _dereq_('../internals/dom-iterables');
+        var ArrayIteratorMethods = _dereq_('../modules/es.array.iterator');
+        var createNonEnumerableProperty = _dereq_('../internals/create-non-enumerable-property');
+        var wellKnownSymbol = _dereq_('../internals/well-known-symbol');
+        var ITERATOR = wellKnownSymbol('iterator');
+        var TO_STRING_TAG = wellKnownSymbol('toStringTag');
+        var ArrayValues = ArrayIteratorMethods.values;
+        for (var COLLECTION_NAME in DOMIterables) {
+          var Collection = global[COLLECTION_NAME];
+          var CollectionPrototype = Collection && Collection.prototype;
+          if (CollectionPrototype) {
+            // some Chrome versions have non-configurable methods on DOMTokenList
+            if (CollectionPrototype[ITERATOR] !== ArrayValues) try {
+              createNonEnumerableProperty(CollectionPrototype, ITERATOR, ArrayValues);
+            } catch (error) {
+              CollectionPrototype[ITERATOR] = ArrayValues;
+            }
+            if (!CollectionPrototype[TO_STRING_TAG]) {
+              createNonEnumerableProperty(CollectionPrototype, TO_STRING_TAG, COLLECTION_NAME);
+            }
+            if (DOMIterables[COLLECTION_NAME]) for (var METHOD_NAME in ArrayIteratorMethods) {
+              // some Chrome versions have non-configurable methods on DOMTokenList
+              if (CollectionPrototype[METHOD_NAME] !== ArrayIteratorMethods[METHOD_NAME]) try {
+                createNonEnumerableProperty(CollectionPrototype, METHOD_NAME, ArrayIteratorMethods[METHOD_NAME]);
+              } catch (error) {
+                CollectionPrototype[METHOD_NAME] = ArrayIteratorMethods[METHOD_NAME];
+              }
+            }
+          }
+        }
+      },
+      {
+        '../internals/create-non-enumerable-property': 56,
+        '../internals/dom-iterables': 63,
+        '../internals/global': 77,
+        '../internals/well-known-symbol': 166,
+        '../modules/es.array.iterator': 179
+      }
+    ],
+    257: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        // TODO: in core-js@4, move /modules/ dependencies to public entries for better optimization by tools like `preset-env`
+        _dereq_('../modules/es.array.iterator');
+        var $ = _dereq_('../internals/export');
+        var getBuiltIn = _dereq_('../internals/get-built-in');
+        var USE_NATIVE_URL = _dereq_('../internals/native-url');
+        var redefine = _dereq_('../internals/redefine');
+        var redefineAll = _dereq_('../internals/redefine-all');
+        var setToStringTag = _dereq_('../internals/set-to-string-tag');
+        var createIteratorConstructor = _dereq_('../internals/create-iterator-constructor');
+        var InternalStateModule = _dereq_('../internals/internal-state');
+        var anInstance = _dereq_('../internals/an-instance');
+        var hasOwn = _dereq_('../internals/has');
+        var bind = _dereq_('../internals/function-bind-context');
+        var classof = _dereq_('../internals/classof');
+        var anObject = _dereq_('../internals/an-object');
+        var isObject = _dereq_('../internals/is-object');
+        var create = _dereq_('../internals/object-create');
+        var createPropertyDescriptor = _dereq_('../internals/create-property-descriptor');
+        var getIterator = _dereq_('../internals/get-iterator');
+        var getIteratorMethod = _dereq_('../internals/get-iterator-method');
+        var wellKnownSymbol = _dereq_('../internals/well-known-symbol');
+        var $fetch = getBuiltIn('fetch');
+        var Headers = getBuiltIn('Headers');
+        var ITERATOR = wellKnownSymbol('iterator');
+        var URL_SEARCH_PARAMS = 'URLSearchParams';
+        var URL_SEARCH_PARAMS_ITERATOR = URL_SEARCH_PARAMS + 'Iterator';
+        var setInternalState = InternalStateModule.set;
+        var getInternalParamsState = InternalStateModule.getterFor(URL_SEARCH_PARAMS);
+        var getInternalIteratorState = InternalStateModule.getterFor(URL_SEARCH_PARAMS_ITERATOR);
+        var plus = /\+/g;
+        var sequences = Array(4);
+        var percentSequence = function (bytes) {
+          return sequences[bytes - 1] || (sequences[bytes - 1] = RegExp('((?:%[\\da-f]{2}){' + bytes + '})', 'gi'));
+        };
+        var percentDecode = function (sequence) {
+          try {
+            return decodeURIComponent(sequence);
+          } catch (error) {
+            return sequence;
+          }
+        };
+        var deserialize = function (it) {
+          var result = it.replace(plus, ' ');
+          var bytes = 4;
+          try {
+            return decodeURIComponent(result);
+          } catch (error) {
+            while (bytes) {
+              result = result.replace(percentSequence(bytes--), percentDecode);
+            }
+            return result;
+          }
+        };
+        var find = /[!'()~]|%20/g;
+        var replace = {
+          '!': '%21',
+          '\'': '%27',
+          '(': '%28',
+          ')': '%29',
+          '~': '%7E',
+          '%20': '+'
+        };
+        var replacer = function (match) {
+          return replace[match];
+        };
+        var serialize = function (it) {
+          return encodeURIComponent(it).replace(find, replacer);
+        };
+        var parseSearchParams = function (result, query) {
+          if (query) {
+            var attributes = query.split('&');
+            var index = 0;
+            var attribute,
+            entry;
+            while (index < attributes.length) {
+              attribute = attributes[index++];
+              if (attribute.length) {
+                entry = attribute.split('=');
+                result.push({
+                  key: deserialize(entry.shift()),
+                  value: deserialize(entry.join('='))
+                });
+              }
+            }
+          }
+        };
+        var updateSearchParams = function (query) {
+          this.entries.length = 0;
+          parseSearchParams(this.entries, query);
+        };
+        var validateArgumentsLength = function (passed, required) {
+          if (passed < required) throw TypeError('Not enough arguments');
+        };
+        var URLSearchParamsIterator = createIteratorConstructor(function Iterator(params, kind) {
+          setInternalState(this, {
+            type: URL_SEARCH_PARAMS_ITERATOR,
+            iterator: getIterator(getInternalParamsState(params).entries),
+            kind: kind
+          });
+        }, 'Iterator', function next() {
+          var state = getInternalIteratorState(this);
+          var kind = state.kind;
+          var step = state.iterator.next();
+          var entry = step.value;
+          if (!step.done) {
+            step.value = kind === 'keys' ? entry.key : kind === 'values' ? entry.value : [
+              entry.key,
+              entry.value
+            ];
+          }
+          return step;
+        });
+        // `URLSearchParams` constructor
+        // https://url.spec.whatwg.org/#interface-urlsearchparams
+        var URLSearchParamsConstructor = function URLSearchParams( /* init */
+        ) {
+          anInstance(this, URLSearchParamsConstructor, URL_SEARCH_PARAMS);
+          var init = arguments.length > 0 ? arguments[0] : undefined;
+          var that = this;
+          var entries = [
+          ];
+          var iteratorMethod,
+          iterator,
+          next,
+          step,
+          entryIterator,
+          entryNext,
+          first,
+          second,
+          key;
+          setInternalState(that, {
+            type: URL_SEARCH_PARAMS,
+            entries: entries,
+            updateURL: function () { /* empty */ 
+            },
+            updateSearchParams: updateSearchParams
+          });
+          if (init !== undefined) {
+            if (isObject(init)) {
+              iteratorMethod = getIteratorMethod(init);
+              if (typeof iteratorMethod === 'function') {
+                iterator = iteratorMethod.call(init);
+                next = iterator.next;
+                while (!(step = next.call(iterator)).done) {
+                  entryIterator = getIterator(anObject(step.value));
+                  entryNext = entryIterator.next;
+                  if ((first = entryNext.call(entryIterator)).done || (second = entryNext.call(entryIterator)).done || !entryNext.call(entryIterator).done) throw TypeError('Expected sequence with length 2');
+                  entries.push({
+                    key: first.value + '',
+                    value: second.value + ''
+                  });
+                }
+              } else for (key in init) if (hasOwn(init, key)) entries.push({
+                key: key,
+                value: init[key] + ''
+              });
+            } else {
+              parseSearchParams(entries, typeof init === 'string' ? init.charAt(0) === '?' ? init.slice(1) : init : init + '');
+            }
+          }
+        };
+        var URLSearchParamsPrototype = URLSearchParamsConstructor.prototype;
+        redefineAll(URLSearchParamsPrototype, {
+          // `URLSearchParams.prototype.appent` method
+          // https://url.spec.whatwg.org/#dom-urlsearchparams-append
+          append: function append(name, value) {
+            validateArgumentsLength(arguments.length, 2);
+            var state = getInternalParamsState(this);
+            state.entries.push({
+              key: name + '',
+              value: value + ''
+            });
+            state.updateURL();
+          },
+          // `URLSearchParams.prototype.delete` method
+          // https://url.spec.whatwg.org/#dom-urlsearchparams-delete
+          'delete': function (name) {
+            validateArgumentsLength(arguments.length, 1);
+            var state = getInternalParamsState(this);
+            var entries = state.entries;
+            var key = name + '';
+            var index = 0;
+            while (index < entries.length) {
+              if (entries[index].key === key) entries.splice(index, 1);
+               else index++;
+            }
+            state.updateURL();
+          },
+          // `URLSearchParams.prototype.get` method
+          // https://url.spec.whatwg.org/#dom-urlsearchparams-get
+          get: function get(name) {
+            validateArgumentsLength(arguments.length, 1);
+            var entries = getInternalParamsState(this).entries;
+            var key = name + '';
+            var index = 0;
+            for (; index < entries.length; index++) {
+              if (entries[index].key === key) return entries[index].value;
+            }
+            return null;
+          },
+          // `URLSearchParams.prototype.getAll` method
+          // https://url.spec.whatwg.org/#dom-urlsearchparams-getall
+          getAll: function getAll(name) {
+            validateArgumentsLength(arguments.length, 1);
+            var entries = getInternalParamsState(this).entries;
+            var key = name + '';
+            var result = [
+            ];
+            var index = 0;
+            for (; index < entries.length; index++) {
+              if (entries[index].key === key) result.push(entries[index].value);
+            }
+            return result;
+          },
+          // `URLSearchParams.prototype.has` method
+          // https://url.spec.whatwg.org/#dom-urlsearchparams-has
+          has: function has(name) {
+            validateArgumentsLength(arguments.length, 1);
+            var entries = getInternalParamsState(this).entries;
+            var key = name + '';
+            var index = 0;
+            while (index < entries.length) {
+              if (entries[index++].key === key) return true;
+            }
+            return false;
+          },
+          // `URLSearchParams.prototype.set` method
+          // https://url.spec.whatwg.org/#dom-urlsearchparams-set
+          set: function set(name, value) {
+            validateArgumentsLength(arguments.length, 1);
+            var state = getInternalParamsState(this);
+            var entries = state.entries;
+            var found = false;
+            var key = name + '';
+            var val = value + '';
+            var index = 0;
+            var entry;
+            for (; index < entries.length; index++) {
+              entry = entries[index];
+              if (entry.key === key) {
+                if (found) entries.splice(index--, 1);
+                 else {
+                  found = true;
+                  entry.value = val;
+                }
+              }
+            }
+            if (!found) entries.push({
+              key: key,
+              value: val
+            });
+            state.updateURL();
+          },
+          // `URLSearchParams.prototype.sort` method
+          // https://url.spec.whatwg.org/#dom-urlsearchparams-sort
+          sort: function sort() {
+            var state = getInternalParamsState(this);
+            var entries = state.entries;
+            // Array#sort is not stable in some engines
+            var slice = entries.slice();
+            var entry,
+            entriesIndex,
+            sliceIndex;
+            entries.length = 0;
+            for (sliceIndex = 0; sliceIndex < slice.length; sliceIndex++) {
+              entry = slice[sliceIndex];
+              for (entriesIndex = 0; entriesIndex < sliceIndex; entriesIndex++) {
+                if (entries[entriesIndex].key > entry.key) {
+                  entries.splice(entriesIndex, 0, entry);
+                  break;
+                }
+              }
+              if (entriesIndex === sliceIndex) entries.push(entry);
+            }
+            state.updateURL();
+          },
+          // `URLSearchParams.prototype.forEach` method
+          forEach: function forEach(callback /* , thisArg */ ) {
+            var entries = getInternalParamsState(this).entries;
+            var boundFunction = bind(callback, arguments.length > 1 ? arguments[1] : undefined, 3);
+            var index = 0;
+            var entry;
+            while (index < entries.length) {
+              entry = entries[index++];
+              boundFunction(entry.value, entry.key, this);
+            }
+          },
+          // `URLSearchParams.prototype.keys` method
+          keys: function keys() {
+            return new URLSearchParamsIterator(this, 'keys');
+          },
+          // `URLSearchParams.prototype.values` method
+          values: function values() {
+            return new URLSearchParamsIterator(this, 'values');
+          },
+          // `URLSearchParams.prototype.entries` method
+          entries: function entries() {
+            return new URLSearchParamsIterator(this, 'entries');
+          }
+        }, {
+          enumerable: true
+        });
+        // `URLSearchParams.prototype[@@iterator]` method
+        redefine(URLSearchParamsPrototype, ITERATOR, URLSearchParamsPrototype.entries);
+        // `URLSearchParams.prototype.toString` method
+        // https://url.spec.whatwg.org/#urlsearchparams-stringification-behavior
+        redefine(URLSearchParamsPrototype, 'toString', function toString() {
+          var entries = getInternalParamsState(this).entries;
+          var result = [
+          ];
+          var index = 0;
+          var entry;
+          while (index < entries.length) {
+            entry = entries[index++];
+            result.push(serialize(entry.key) + '=' + serialize(entry.value));
+          }
+          return result.join('&');
+        }, {
+          enumerable: true
+        });
+        setToStringTag(URLSearchParamsConstructor, URL_SEARCH_PARAMS);
+        $({
+          global: true,
+          forced: !USE_NATIVE_URL
+        }, {
+          URLSearchParams: URLSearchParamsConstructor
+        });
+        // Wrap `fetch` for correct work with polyfilled `URLSearchParams`
+        // https://github.com/zloirock/core-js/issues/674
+        if (!USE_NATIVE_URL && typeof $fetch == 'function' && typeof Headers == 'function') {
+          $({
+            global: true,
+            enumerable: true,
+            forced: true
+          }, {
+            fetch: function fetch(input /* , init */ ) {
+              var args = [
+                input
+              ];
+              var init,
+              body,
+              headers;
+              if (arguments.length > 1) {
+                init = arguments[1];
+                if (isObject(init)) {
+                  body = init.body;
+                  if (classof(body) === URL_SEARCH_PARAMS) {
+                    headers = init.headers ? new Headers(init.headers) : new Headers();
+                    if (!headers.has('content-type')) {
+                      headers.set('content-type', 'application/x-www-form-urlencoded;charset=UTF-8');
+                    }
+                    init = create(init, {
+                      body: createPropertyDescriptor(0, String(body)),
+                      headers: createPropertyDescriptor(0, headers)
+                    });
+                  }
+                }
+                args.push(init);
+              }
+              return $fetch.apply(this, args);
+            }
+          });
+        }
+        module.exports = {
+          URLSearchParams: URLSearchParamsConstructor,
+          getState: getInternalParamsState
+        };
+      },
+      {
+        '../internals/an-instance': 27,
+        '../internals/an-object': 28,
+        '../internals/classof': 47,
+        '../internals/create-iterator-constructor': 55,
+        '../internals/create-property-descriptor': 57,
+        '../internals/export': 68,
+        '../internals/function-bind-context': 72,
+        '../internals/get-built-in': 74,
+        '../internals/get-iterator': 76,
+        '../internals/get-iterator-method': 75,
+        '../internals/has': 78,
+        '../internals/internal-state': 88,
+        '../internals/is-object': 92,
+        '../internals/native-url': 102,
+        '../internals/object-create': 108,
+        '../internals/redefine': 126,
+        '../internals/redefine-all': 125,
+        '../internals/set-to-string-tag': 135,
+        '../internals/well-known-symbol': 166,
+        '../modules/es.array.iterator': 179
+      }
+    ],
+    258: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        // TODO: in core-js@4, move /modules/ dependencies to public entries for better optimization by tools like `preset-env`
+        _dereq_('../modules/es.string.iterator');
+        var $ = _dereq_('../internals/export');
+        var DESCRIPTORS = _dereq_('../internals/descriptors');
+        var USE_NATIVE_URL = _dereq_('../internals/native-url');
+        var global = _dereq_('../internals/global');
+        var defineProperties = _dereq_('../internals/object-define-properties');
+        var redefine = _dereq_('../internals/redefine');
+        var anInstance = _dereq_('../internals/an-instance');
+        var has = _dereq_('../internals/has');
+        var assign = _dereq_('../internals/object-assign');
+        var arrayFrom = _dereq_('../internals/array-from');
+        var codeAt = _dereq_('../internals/string-multibyte').codeAt;
+        var toASCII = _dereq_('../internals/string-punycode-to-ascii');
+        var setToStringTag = _dereq_('../internals/set-to-string-tag');
+        var URLSearchParamsModule = _dereq_('../modules/web.url-search-params');
+        var InternalStateModule = _dereq_('../internals/internal-state');
+        var NativeURL = global.URL;
+        var URLSearchParams = URLSearchParamsModule.URLSearchParams;
+        var getInternalSearchParamsState = URLSearchParamsModule.getState;
+        var setInternalState = InternalStateModule.set;
+        var getInternalURLState = InternalStateModule.getterFor('URL');
+        var floor = Math.floor;
+        var pow = Math.pow;
+        var INVALID_AUTHORITY = 'Invalid authority';
+        var INVALID_SCHEME = 'Invalid scheme';
+        var INVALID_HOST = 'Invalid host';
+        var INVALID_PORT = 'Invalid port';
+        var ALPHA = /[A-Za-z]/;
+        var ALPHANUMERIC = /[\d+-.A-Za-z]/;
+        var DIGIT = /\d/;
+        var HEX_START = /^(0x|0X)/;
+        var OCT = /^[0-7]+$/;
+        var DEC = /^\d+$/;
+        var HEX = /^[\dA-Fa-f]+$/;
+        // eslint-disable-next-line no-control-regex
+        var FORBIDDEN_HOST_CODE_POINT = /[\u0000\u0009\u000A\u000D #%/:?@[\\]]/;
+        // eslint-disable-next-line no-control-regex
+        var FORBIDDEN_HOST_CODE_POINT_EXCLUDING_PERCENT = /[\u0000\u0009\u000A\u000D #/:?@[\\]]/;
+        // eslint-disable-next-line no-control-regex
+        var LEADING_AND_TRAILING_C0_CONTROL_OR_SPACE = /^[\u0000-\u001F ]+|[\u0000-\u001F ]+$/g;
+        // eslint-disable-next-line no-control-regex
+        var TAB_AND_NEW_LINE = /[\u0009\u000A\u000D]/g;
+        var EOF;
+        var parseHost = function (url, input) {
+          var result,
+          codePoints,
+          index;
+          if (input.charAt(0) == '[') {
+            if (input.charAt(input.length - 1) != ']') return INVALID_HOST;
+            result = parseIPv6(input.slice(1, - 1));
+            if (!result) return INVALID_HOST;
+            url.host = result;
+            // opaque host
+          } else if (!isSpecial(url)) {
+            if (FORBIDDEN_HOST_CODE_POINT_EXCLUDING_PERCENT.test(input)) return INVALID_HOST;
+            result = '';
+            codePoints = arrayFrom(input);
+            for (index = 0; index < codePoints.length; index++) {
+              result += percentEncode(codePoints[index], C0ControlPercentEncodeSet);
+            }
+            url.host = result;
+          } else {
+            input = toASCII(input);
+            if (FORBIDDEN_HOST_CODE_POINT.test(input)) return INVALID_HOST;
+            result = parseIPv4(input);
+            if (result === null) return INVALID_HOST;
+            url.host = result;
+          }
+        };
+        var parseIPv4 = function (input) {
+          var parts = input.split('.');
+          var partsLength,
+          numbers,
+          index,
+          part,
+          radix,
+          number,
+          ipv4;
+          if (parts.length && parts[parts.length - 1] == '') {
+            parts.pop();
+          }
+          partsLength = parts.length;
+          if (partsLength > 4) return input;
+          numbers = [
+          ];
+          for (index = 0; index < partsLength; index++) {
+            part = parts[index];
+            if (part == '') return input;
+            radix = 10;
+            if (part.length > 1 && part.charAt(0) == '0') {
+              radix = HEX_START.test(part) ? 16 : 8;
+              part = part.slice(radix == 8 ? 1 : 2);
+            }
+            if (part === '') {
+              number = 0;
+            } else {
+              if (!(radix == 10 ? DEC : radix == 8 ? OCT : HEX).test(part)) return input;
+              number = parseInt(part, radix);
+            }
+            numbers.push(number);
+          }
+          for (index = 0; index < partsLength; index++) {
+            number = numbers[index];
+            if (index == partsLength - 1) {
+              if (number >= pow(256, 5 - partsLength)) return null;
+            } else if (number > 255) return null;
+          }
+          ipv4 = numbers.pop();
+          for (index = 0; index < numbers.length; index++) {
+            ipv4 += numbers[index] * pow(256, 3 - index);
+          }
+          return ipv4;
+        };
+        // eslint-disable-next-line max-statements
+        var parseIPv6 = function (input) {
+          var address = [
+            0,
+            0,
+            0,
+            0,
+            0,
+            0,
+            0,
+            0
+          ];
+          var pieceIndex = 0;
+          var compress = null;
+          var pointer = 0;
+          var value,
+          length,
+          numbersSeen,
+          ipv4Piece,
+          number,
+          swaps,
+          swap;
+          var char = function () {
+            return input.charAt(pointer);
+          };
+          if (char() == ':') {
+            if (input.charAt(1) != ':') return;
+            pointer += 2;
+            pieceIndex++;
+            compress = pieceIndex;
+          }
+          while (char()) {
+            if (pieceIndex == 8) return;
+            if (char() == ':') {
+              if (compress !== null) return;
+              pointer++;
+              pieceIndex++;
+              compress = pieceIndex;
+              continue;
+            }
+            value = length = 0;
+            while (length < 4 && HEX.test(char())) {
+              value = value * 16 + parseInt(char(), 16);
+              pointer++;
+              length++;
+            }
+            if (char() == '.') {
+              if (length == 0) return;
+              pointer -= length;
+              if (pieceIndex > 6) return;
+              numbersSeen = 0;
+              while (char()) {
+                ipv4Piece = null;
+                if (numbersSeen > 0) {
+                  if (char() == '.' && numbersSeen < 4) pointer++;
+                   else return;
+                }
+                if (!DIGIT.test(char())) return;
+                while (DIGIT.test(char())) {
+                  number = parseInt(char(), 10);
+                  if (ipv4Piece === null) ipv4Piece = number;
+                   else if (ipv4Piece == 0) return;
+                   else ipv4Piece = ipv4Piece * 10 + number;
+                  if (ipv4Piece > 255) return;
+                  pointer++;
+                }
+                address[pieceIndex] = address[pieceIndex] * 256 + ipv4Piece;
+                numbersSeen++;
+                if (numbersSeen == 2 || numbersSeen == 4) pieceIndex++;
+              }
+              if (numbersSeen != 4) return;
+              break;
+            } else if (char() == ':') {
+              pointer++;
+              if (!char()) return;
+            } else if (char()) return;
+            address[pieceIndex++] = value;
+          }
+          if (compress !== null) {
+            swaps = pieceIndex - compress;
+            pieceIndex = 7;
+            while (pieceIndex != 0 && swaps > 0) {
+              swap = address[pieceIndex];
+              address[pieceIndex--] = address[compress + swaps - 1];
+              address[compress + --swaps] = swap;
+            }
+          } else if (pieceIndex != 8) return;
+          return address;
+        };
+        var findLongestZeroSequence = function (ipv6) {
+          var maxIndex = null;
+          var maxLength = 1;
+          var currStart = null;
+          var currLength = 0;
+          var index = 0;
+          for (; index < 8; index++) {
+            if (ipv6[index] !== 0) {
+              if (currLength > maxLength) {
+                maxIndex = currStart;
+                maxLength = currLength;
+              }
+              currStart = null;
+              currLength = 0;
+            } else {
+              if (currStart === null) currStart = index;
+              ++currLength;
+            }
+          }
+          if (currLength > maxLength) {
+            maxIndex = currStart;
+            maxLength = currLength;
+          }
+          return maxIndex;
+        };
+        var serializeHost = function (host) {
+          var result,
+          index,
+          compress,
+          ignore0;
+          // ipv4
+          if (typeof host == 'number') {
+            result = [
+            ];
+            for (index = 0; index < 4; index++) {
+              result.unshift(host % 256);
+              host = floor(host / 256);
+            }
+            return result.join('.');
+            // ipv6
+          } else if (typeof host == 'object') {
+            result = '';
+            compress = findLongestZeroSequence(host);
+            for (index = 0; index < 8; index++) {
+              if (ignore0 && host[index] === 0) continue;
+              if (ignore0) ignore0 = false;
+              if (compress === index) {
+                result += index ? ':' : '::';
+                ignore0 = true;
+              } else {
+                result += host[index].toString(16);
+                if (index < 7) result += ':';
+              }
+            }
+            return '[' + result + ']';
+          }
+          return host;
+        };
+        var C0ControlPercentEncodeSet = {
+        };
+        var fragmentPercentEncodeSet = assign({
+        }, C0ControlPercentEncodeSet, {
+          ' ': 1,
+          '"': 1,
+          '<': 1,
+          '>': 1,
+          '`': 1
+        });
+        var pathPercentEncodeSet = assign({
+        }, fragmentPercentEncodeSet, {
+          '#': 1,
+          '?': 1,
+          '{': 1,
+          '}': 1
+        });
+        var userinfoPercentEncodeSet = assign({
+        }, pathPercentEncodeSet, {
+          '/': 1,
+          ':': 1,
+          ';': 1,
+          '=': 1,
+          '@': 1,
+          '[': 1,
+          '\\': 1,
+          ']': 1,
+          '^': 1,
+          '|': 1
+        });
+        var percentEncode = function (char, set) {
+          var code = codeAt(char, 0);
+          return code > 32 && code < 127 && !has(set, char) ? char : encodeURIComponent(char);
+        };
+        var specialSchemes = {
+          ftp: 21,
+          file: null,
+          http: 80,
+          https: 443,
+          ws: 80,
+          wss: 443
+        };
+        var isSpecial = function (url) {
+          return has(specialSchemes, url.scheme);
+        };
+        var includesCredentials = function (url) {
+          return url.username != '' || url.password != '';
+        };
+        var cannotHaveUsernamePasswordPort = function (url) {
+          return !url.host || url.cannotBeABaseURL || url.scheme == 'file';
+        };
+        var isWindowsDriveLetter = function (string, normalized) {
+          var second;
+          return string.length == 2 && ALPHA.test(string.charAt(0)) && ((second = string.charAt(1)) == ':' || !normalized && second == '|');
+        };
+        var startsWithWindowsDriveLetter = function (string) {
+          var third;
+          return string.length > 1 && isWindowsDriveLetter(string.slice(0, 2)) && (string.length == 2 || (third = string.charAt(2)) === '/' || third === '\\' || third === '?' || third === '#');
+        };
+        var shortenURLsPath = function (url) {
+          var path = url.path;
+          var pathSize = path.length;
+          if (pathSize && (url.scheme != 'file' || pathSize != 1 || !isWindowsDriveLetter(path[0], true))) {
+            path.pop();
+          }
+        };
+        var isSingleDot = function (segment) {
+          return segment === '.' || segment.toLowerCase() === '%2e';
+        };
+        var isDoubleDot = function (segment) {
+          segment = segment.toLowerCase();
+          return segment === '..' || segment === '%2e.' || segment === '.%2e' || segment === '%2e%2e';
+        };
+        // States:
+        var SCHEME_START = {
+        };
+        var SCHEME = {
+        };
+        var NO_SCHEME = {
+        };
+        var SPECIAL_RELATIVE_OR_AUTHORITY = {
+        };
+        var PATH_OR_AUTHORITY = {
+        };
+        var RELATIVE = {
+        };
+        var RELATIVE_SLASH = {
+        };
+        var SPECIAL_AUTHORITY_SLASHES = {
+        };
+        var SPECIAL_AUTHORITY_IGNORE_SLASHES = {
+        };
+        var AUTHORITY = {
+        };
+        var HOST = {
+        };
+        var HOSTNAME = {
+        };
+        var PORT = {
+        };
+        var FILE = {
+        };
+        var FILE_SLASH = {
+        };
+        var FILE_HOST = {
+        };
+        var PATH_START = {
+        };
+        var PATH = {
+        };
+        var CANNOT_BE_A_BASE_URL_PATH = {
+        };
+        var QUERY = {
+        };
+        var FRAGMENT = {
+        };
+        // eslint-disable-next-line max-statements
+        var parseURL = function (url, input, stateOverride, base) {
+          var state = stateOverride || SCHEME_START;
+          var pointer = 0;
+          var buffer = '';
+          var seenAt = false;
+          var seenBracket = false;
+          var seenPasswordToken = false;
+          var codePoints,
+          char,
+          bufferCodePoints,
+          failure;
+          if (!stateOverride) {
+            url.scheme = '';
+            url.username = '';
+            url.password = '';
+            url.host = null;
+            url.port = null;
+            url.path = [
+            ];
+            url.query = null;
+            url.fragment = null;
+            url.cannotBeABaseURL = false;
+            input = input.replace(LEADING_AND_TRAILING_C0_CONTROL_OR_SPACE, '');
+          }
+          input = input.replace(TAB_AND_NEW_LINE, '');
+          codePoints = arrayFrom(input);
+          while (pointer <= codePoints.length) {
+            char = codePoints[pointer];
+            switch (state) {
+              case SCHEME_START:
+                if (char && ALPHA.test(char)) {
+                  buffer += char.toLowerCase();
+                  state = SCHEME;
+                } else if (!stateOverride) {
+                  state = NO_SCHEME;
+                  continue;
+                } else return INVALID_SCHEME;
+                break;
+              case SCHEME:
+                if (char && (ALPHANUMERIC.test(char) || char == '+' || char == '-' || char == '.')) {
+                  buffer += char.toLowerCase();
+                } else if (char == ':') {
+                  if (stateOverride && (isSpecial(url) != has(specialSchemes, buffer) || buffer == 'file' && (includesCredentials(url) || url.port !== null) || url.scheme == 'file' && !url.host)) return;
+                  url.scheme = buffer;
+                  if (stateOverride) {
+                    if (isSpecial(url) && specialSchemes[url.scheme] == url.port) url.port = null;
+                    return;
+                  }
+                  buffer = '';
+                  if (url.scheme == 'file') {
+                    state = FILE;
+                  } else if (isSpecial(url) && base && base.scheme == url.scheme) {
+                    state = SPECIAL_RELATIVE_OR_AUTHORITY;
+                  } else if (isSpecial(url)) {
+                    state = SPECIAL_AUTHORITY_SLASHES;
+                  } else if (codePoints[pointer + 1] == '/') {
+                    state = PATH_OR_AUTHORITY;
+                    pointer++;
+                  } else {
+                    url.cannotBeABaseURL = true;
+                    url.path.push('');
+                    state = CANNOT_BE_A_BASE_URL_PATH;
+                  }
+                } else if (!stateOverride) {
+                  buffer = '';
+                  state = NO_SCHEME;
+                  pointer = 0;
+                  continue;
+                } else return INVALID_SCHEME;
+                break;
+              case NO_SCHEME:
+                if (!base || base.cannotBeABaseURL && char != '#') return INVALID_SCHEME;
+                if (base.cannotBeABaseURL && char == '#') {
+                  url.scheme = base.scheme;
+                  url.path = base.path.slice();
+                  url.query = base.query;
+                  url.fragment = '';
+                  url.cannotBeABaseURL = true;
+                  state = FRAGMENT;
+                  break;
+                }
+                state = base.scheme == 'file' ? FILE : RELATIVE;
+                continue;
+              case SPECIAL_RELATIVE_OR_AUTHORITY:
+                if (char == '/' && codePoints[pointer + 1] == '/') {
+                  state = SPECIAL_AUTHORITY_IGNORE_SLASHES;
+                  pointer++;
+                } else {
+                  state = RELATIVE;
+                  continue;
+                }
+                break;
+              case PATH_OR_AUTHORITY:
+                if (char == '/') {
+                  state = AUTHORITY;
+                  break;
+                } else {
+                  state = PATH;
+                  continue;
+                }
+              case RELATIVE:
+                url.scheme = base.scheme;
+                if (char == EOF) {
+                  url.username = base.username;
+                  url.password = base.password;
+                  url.host = base.host;
+                  url.port = base.port;
+                  url.path = base.path.slice();
+                  url.query = base.query;
+                } else if (char == '/' || char == '\\' && isSpecial(url)) {
+                  state = RELATIVE_SLASH;
+                } else if (char == '?') {
+                  url.username = base.username;
+                  url.password = base.password;
+                  url.host = base.host;
+                  url.port = base.port;
+                  url.path = base.path.slice();
+                  url.query = '';
+                  state = QUERY;
+                } else if (char == '#') {
+                  url.username = base.username;
+                  url.password = base.password;
+                  url.host = base.host;
+                  url.port = base.port;
+                  url.path = base.path.slice();
+                  url.query = base.query;
+                  url.fragment = '';
+                  state = FRAGMENT;
+                } else {
+                  url.username = base.username;
+                  url.password = base.password;
+                  url.host = base.host;
+                  url.port = base.port;
+                  url.path = base.path.slice();
+                  url.path.pop();
+                  state = PATH;
+                  continue;
+                }
+                break;
+              case RELATIVE_SLASH:
+                if (isSpecial(url) && (char == '/' || char == '\\')) {
+                  state = SPECIAL_AUTHORITY_IGNORE_SLASHES;
+                } else if (char == '/') {
+                  state = AUTHORITY;
+                } else {
+                  url.username = base.username;
+                  url.password = base.password;
+                  url.host = base.host;
+                  url.port = base.port;
+                  state = PATH;
+                  continue;
+                }
+                break;
+              case SPECIAL_AUTHORITY_SLASHES:
+                state = SPECIAL_AUTHORITY_IGNORE_SLASHES;
+                if (char != '/' || buffer.charAt(pointer + 1) != '/') continue;
+                pointer++;
+                break;
+              case SPECIAL_AUTHORITY_IGNORE_SLASHES:
+                if (char != '/' && char != '\\') {
+                  state = AUTHORITY;
+                  continue;
+                }
+                break;
+              case AUTHORITY:
+                if (char == '@') {
+                  if (seenAt) buffer = '%40' + buffer;
+                  seenAt = true;
+                  bufferCodePoints = arrayFrom(buffer);
+                  for (var i = 0; i < bufferCodePoints.length; i++) {
+                    var codePoint = bufferCodePoints[i];
+                    if (codePoint == ':' && !seenPasswordToken) {
+                      seenPasswordToken = true;
+                      continue;
+                    }
+                    var encodedCodePoints = percentEncode(codePoint, userinfoPercentEncodeSet);
+                    if (seenPasswordToken) url.password += encodedCodePoints;
+                     else url.username += encodedCodePoints;
+                  }
+                  buffer = '';
+                } else if (char == EOF || char == '/' || char == '?' || char == '#' || char == '\\' && isSpecial(url)) {
+                  if (seenAt && buffer == '') return INVALID_AUTHORITY;
+                  pointer -= arrayFrom(buffer).length + 1;
+                  buffer = '';
+                  state = HOST;
+                } else buffer += char;
+                break;
+              case HOST:
+              case HOSTNAME:
+                if (stateOverride && url.scheme == 'file') {
+                  state = FILE_HOST;
+                  continue;
+                } else if (char == ':' && !seenBracket) {
+                  if (buffer == '') return INVALID_HOST;
+                  failure = parseHost(url, buffer);
+                  if (failure) return failure;
+                  buffer = '';
+                  state = PORT;
+                  if (stateOverride == HOSTNAME) return;
+                } else if (char == EOF || char == '/' || char == '?' || char == '#' || char == '\\' && isSpecial(url)) {
+                  if (isSpecial(url) && buffer == '') return INVALID_HOST;
+                  if (stateOverride && buffer == '' && (includesCredentials(url) || url.port !== null)) return;
+                  failure = parseHost(url, buffer);
+                  if (failure) return failure;
+                  buffer = '';
+                  state = PATH_START;
+                  if (stateOverride) return;
+                  continue;
+                } else {
+                  if (char == '[') seenBracket = true;
+                   else if (char == ']') seenBracket = false;
+                  buffer += char;
+                }
+                break;
+              case PORT:
+                if (DIGIT.test(char)) {
+                  buffer += char;
+                } else if (char == EOF || char == '/' || char == '?' || char == '#' || char == '\\' && isSpecial(url) || stateOverride) {
+                  if (buffer != '') {
+                    var port = parseInt(buffer, 10);
+                    if (port > 65535) return INVALID_PORT;
+                    url.port = isSpecial(url) && port === specialSchemes[url.scheme] ? null : port;
+                    buffer = '';
+                  }
+                  if (stateOverride) return;
+                  state = PATH_START;
+                  continue;
+                } else return INVALID_PORT;
+                break;
+              case FILE:
+                url.scheme = 'file';
+                if (char == '/' || char == '\\') state = FILE_SLASH;
+                 else if (base && base.scheme == 'file') {
+                  if (char == EOF) {
+                    url.host = base.host;
+                    url.path = base.path.slice();
+                    url.query = base.query;
+                  } else if (char == '?') {
+                    url.host = base.host;
+                    url.path = base.path.slice();
+                    url.query = '';
+                    state = QUERY;
+                  } else if (char == '#') {
+                    url.host = base.host;
+                    url.path = base.path.slice();
+                    url.query = base.query;
+                    url.fragment = '';
+                    state = FRAGMENT;
+                  } else {
+                    if (!startsWithWindowsDriveLetter(codePoints.slice(pointer).join(''))) {
+                      url.host = base.host;
+                      url.path = base.path.slice();
+                      shortenURLsPath(url);
+                    }
+                    state = PATH;
+                    continue;
+                  }
+                } else {
+                  state = PATH;
+                  continue;
+                }
+                break;
+              case FILE_SLASH:
+                if (char == '/' || char == '\\') {
+                  state = FILE_HOST;
+                  break;
+                }
+                if (base && base.scheme == 'file' && !startsWithWindowsDriveLetter(codePoints.slice(pointer).join(''))) {
+                  if (isWindowsDriveLetter(base.path[0], true)) url.path.push(base.path[0]);
+                   else url.host = base.host;
+                }
+                state = PATH;
+                continue;
+              case FILE_HOST:
+                if (char == EOF || char == '/' || char == '\\' || char == '?' || char == '#') {
+                  if (!stateOverride && isWindowsDriveLetter(buffer)) {
+                    state = PATH;
+                  } else if (buffer == '') {
+                    url.host = '';
+                    if (stateOverride) return;
+                    state = PATH_START;
+                  } else {
+                    failure = parseHost(url, buffer);
+                    if (failure) return failure;
+                    if (url.host == 'localhost') url.host = '';
+                    if (stateOverride) return;
+                    buffer = '';
+                    state = PATH_START;
+                  }
+                  continue;
+                } else buffer += char;
+                break;
+              case PATH_START:
+                if (isSpecial(url)) {
+                  state = PATH;
+                  if (char != '/' && char != '\\') continue;
+                } else if (!stateOverride && char == '?') {
+                  url.query = '';
+                  state = QUERY;
+                } else if (!stateOverride && char == '#') {
+                  url.fragment = '';
+                  state = FRAGMENT;
+                } else if (char != EOF) {
+                  state = PATH;
+                  if (char != '/') continue;
+                }
+                break;
+              case PATH:
+                if (char == EOF || char == '/' || char == '\\' && isSpecial(url) || !stateOverride && (char == '?' || char == '#')) {
+                  if (isDoubleDot(buffer)) {
+                    shortenURLsPath(url);
+                    if (char != '/' && !(char == '\\' && isSpecial(url))) {
+                      url.path.push('');
+                    }
+                  } else if (isSingleDot(buffer)) {
+                    if (char != '/' && !(char == '\\' && isSpecial(url))) {
+                      url.path.push('');
+                    }
+                  } else {
+                    if (url.scheme == 'file' && !url.path.length && isWindowsDriveLetter(buffer)) {
+                      if (url.host) url.host = '';
+                      buffer = buffer.charAt(0) + ':'; // normalize windows drive letter
+                    }
+                    url.path.push(buffer);
+                  }
+                  buffer = '';
+                  if (url.scheme == 'file' && (char == EOF || char == '?' || char == '#')) {
+                    while (url.path.length > 1 && url.path[0] === '') {
+                      url.path.shift();
+                    }
+                  }
+                  if (char == '?') {
+                    url.query = '';
+                    state = QUERY;
+                  } else if (char == '#') {
+                    url.fragment = '';
+                    state = FRAGMENT;
+                  }
+                } else {
+                  buffer += percentEncode(char, pathPercentEncodeSet);
+                }
+                break;
+              case CANNOT_BE_A_BASE_URL_PATH:
+                if (char == '?') {
+                  url.query = '';
+                  state = QUERY;
+                } else if (char == '#') {
+                  url.fragment = '';
+                  state = FRAGMENT;
+                } else if (char != EOF) {
+                  url.path[0] += percentEncode(char, C0ControlPercentEncodeSet);
+                }
+                break;
+              case QUERY:
+                if (!stateOverride && char == '#') {
+                  url.fragment = '';
+                  state = FRAGMENT;
+                } else if (char != EOF) {
+                  if (char == '\'' && isSpecial(url)) url.query += '%27';
+                   else if (char == '#') url.query += '%23';
+                   else url.query += percentEncode(char, C0ControlPercentEncodeSet);
+                }
+                break;
+              case FRAGMENT:
+                if (char != EOF) url.fragment += percentEncode(char, fragmentPercentEncodeSet);
+                break;
+            }
+            pointer++;
+          }
+        };
+        // `URL` constructor
+        // https://url.spec.whatwg.org/#url-class
+        var URLConstructor = function URL(url /* , base */ ) {
+          var that = anInstance(this, URLConstructor, 'URL');
+          var base = arguments.length > 1 ? arguments[1] : undefined;
+          var urlString = String(url);
+          var state = setInternalState(that, {
+            type: 'URL'
+          });
+          var baseState,
+          failure;
+          if (base !== undefined) {
+            if (base instanceof URLConstructor) baseState = getInternalURLState(base);
+             else {
+              failure = parseURL(baseState = {
+              }, String(base));
+              if (failure) throw TypeError(failure);
+            }
+          }
+          failure = parseURL(state, urlString, null, baseState);
+          if (failure) throw TypeError(failure);
+          var searchParams = state.searchParams = new URLSearchParams();
+          var searchParamsState = getInternalSearchParamsState(searchParams);
+          searchParamsState.updateSearchParams(state.query);
+          searchParamsState.updateURL = function () {
+            state.query = String(searchParams) || null;
+          };
+          if (!DESCRIPTORS) {
+            that.href = serializeURL.call(that);
+            that.origin = getOrigin.call(that);
+            that.protocol = getProtocol.call(that);
+            that.username = getUsername.call(that);
+            that.password = getPassword.call(that);
+            that.host = getHost.call(that);
+            that.hostname = getHostname.call(that);
+            that.port = getPort.call(that);
+            that.pathname = getPathname.call(that);
+            that.search = getSearch.call(that);
+            that.searchParams = getSearchParams.call(that);
+            that.hash = getHash.call(that);
+          }
+        };
+        var URLPrototype = URLConstructor.prototype;
+        var serializeURL = function () {
+          var url = getInternalURLState(this);
+          var scheme = url.scheme;
+          var username = url.username;
+          var password = url.password;
+          var host = url.host;
+          var port = url.port;
+          var path = url.path;
+          var query = url.query;
+          var fragment = url.fragment;
+          var output = scheme + ':';
+          if (host !== null) {
+            output += '//';
+            if (includesCredentials(url)) {
+              output += username + (password ? ':' + password : '') + '@';
+            }
+            output += serializeHost(host);
+            if (port !== null) output += ':' + port;
+          } else if (scheme == 'file') output += '//';
+          output += url.cannotBeABaseURL ? path[0] : path.length ? '/' + path.join('/') : '';
+          if (query !== null) output += '?' + query;
+          if (fragment !== null) output += '#' + fragment;
+          return output;
+        };
+        var getOrigin = function () {
+          var url = getInternalURLState(this);
+          var scheme = url.scheme;
+          var port = url.port;
+          if (scheme == 'blob') try {
+            return new URL(scheme.path[0]).origin;
+          } catch (error) {
+            return 'null';
+          }
+          if (scheme == 'file' || !isSpecial(url)) return 'null';
+          return scheme + '://' + serializeHost(url.host) + (port !== null ? ':' + port : '');
+        };
+        var getProtocol = function () {
+          return getInternalURLState(this).scheme + ':';
+        };
+        var getUsername = function () {
+          return getInternalURLState(this).username;
+        };
+        var getPassword = function () {
+          return getInternalURLState(this).password;
+        };
+        var getHost = function () {
+          var url = getInternalURLState(this);
+          var host = url.host;
+          var port = url.port;
+          return host === null ? '' : port === null ? serializeHost(host) : serializeHost(host) + ':' + port;
+        };
+        var getHostname = function () {
+          var host = getInternalURLState(this).host;
+          return host === null ? '' : serializeHost(host);
+        };
+        var getPort = function () {
+          var port = getInternalURLState(this).port;
+          return port === null ? '' : String(port);
+        };
+        var getPathname = function () {
+          var url = getInternalURLState(this);
+          var path = url.path;
+          return url.cannotBeABaseURL ? path[0] : path.length ? '/' + path.join('/') : '';
+        };
+        var getSearch = function () {
+          var query = getInternalURLState(this).query;
+          return query ? '?' + query : '';
+        };
+        var getSearchParams = function () {
+          return getInternalURLState(this).searchParams;
+        };
+        var getHash = function () {
+          var fragment = getInternalURLState(this).fragment;
+          return fragment ? '#' + fragment : '';
+        };
+        var accessorDescriptor = function (getter, setter) {
+          return {
+            get: getter,
+            set: setter,
+            configurable: true,
+            enumerable: true
+          };
+        };
+        if (DESCRIPTORS) {
+          defineProperties(URLPrototype, {
+            // `URL.prototype.href` accessors pair
+            // https://url.spec.whatwg.org/#dom-url-href
+            href: accessorDescriptor(serializeURL, function (href) {
+              var url = getInternalURLState(this);
+              var urlString = String(href);
+              var failure = parseURL(url, urlString);
+              if (failure) throw TypeError(failure);
+              getInternalSearchParamsState(url.searchParams).updateSearchParams(url.query);
+            }),
+            // `URL.prototype.origin` getter
+            // https://url.spec.whatwg.org/#dom-url-origin
+            origin: accessorDescriptor(getOrigin),
+            // `URL.prototype.protocol` accessors pair
+            // https://url.spec.whatwg.org/#dom-url-protocol
+            protocol: accessorDescriptor(getProtocol, function (protocol) {
+              var url = getInternalURLState(this);
+              parseURL(url, String(protocol) + ':', SCHEME_START);
+            }),
+            // `URL.prototype.username` accessors pair
+            // https://url.spec.whatwg.org/#dom-url-username
+            username: accessorDescriptor(getUsername, function (username) {
+              var url = getInternalURLState(this);
+              var codePoints = arrayFrom(String(username));
+              if (cannotHaveUsernamePasswordPort(url)) return;
+              url.username = '';
+              for (var i = 0; i < codePoints.length; i++) {
+                url.username += percentEncode(codePoints[i], userinfoPercentEncodeSet);
+              }
+            }),
+            // `URL.prototype.password` accessors pair
+            // https://url.spec.whatwg.org/#dom-url-password
+            password: accessorDescriptor(getPassword, function (password) {
+              var url = getInternalURLState(this);
+              var codePoints = arrayFrom(String(password));
+              if (cannotHaveUsernamePasswordPort(url)) return;
+              url.password = '';
+              for (var i = 0; i < codePoints.length; i++) {
+                url.password += percentEncode(codePoints[i], userinfoPercentEncodeSet);
+              }
+            }),
+            // `URL.prototype.host` accessors pair
+            // https://url.spec.whatwg.org/#dom-url-host
+            host: accessorDescriptor(getHost, function (host) {
+              var url = getInternalURLState(this);
+              if (url.cannotBeABaseURL) return;
+              parseURL(url, String(host), HOST);
+            }),
+            // `URL.prototype.hostname` accessors pair
+            // https://url.spec.whatwg.org/#dom-url-hostname
+            hostname: accessorDescriptor(getHostname, function (hostname) {
+              var url = getInternalURLState(this);
+              if (url.cannotBeABaseURL) return;
+              parseURL(url, String(hostname), HOSTNAME);
+            }),
+            // `URL.prototype.port` accessors pair
+            // https://url.spec.whatwg.org/#dom-url-port
+            port: accessorDescriptor(getPort, function (port) {
+              var url = getInternalURLState(this);
+              if (cannotHaveUsernamePasswordPort(url)) return;
+              port = String(port);
+              if (port == '') url.port = null;
+               else parseURL(url, port, PORT);
+            }),
+            // `URL.prototype.pathname` accessors pair
+            // https://url.spec.whatwg.org/#dom-url-pathname
+            pathname: accessorDescriptor(getPathname, function (pathname) {
+              var url = getInternalURLState(this);
+              if (url.cannotBeABaseURL) return;
+              url.path = [
+              ];
+              parseURL(url, pathname + '', PATH_START);
+            }),
+            // `URL.prototype.search` accessors pair
+            // https://url.spec.whatwg.org/#dom-url-search
+            search: accessorDescriptor(getSearch, function (search) {
+              var url = getInternalURLState(this);
+              search = String(search);
+              if (search == '') {
+                url.query = null;
+              } else {
+                if ('?' == search.charAt(0)) search = search.slice(1);
+                url.query = '';
+                parseURL(url, search, QUERY);
+              }
+              getInternalSearchParamsState(url.searchParams).updateSearchParams(url.query);
+            }),
+            // `URL.prototype.searchParams` getter
+            // https://url.spec.whatwg.org/#dom-url-searchparams
+            searchParams: accessorDescriptor(getSearchParams),
+            // `URL.prototype.hash` accessors pair
+            // https://url.spec.whatwg.org/#dom-url-hash
+            hash: accessorDescriptor(getHash, function (hash) {
+              var url = getInternalURLState(this);
+              hash = String(hash);
+              if (hash == '') {
+                url.fragment = null;
+                return;
+              }
+              if ('#' == hash.charAt(0)) hash = hash.slice(1);
+              url.fragment = '';
+              parseURL(url, hash, FRAGMENT);
+            })
+          });
+        }        // `URL.prototype.toJSON` method
+        // https://url.spec.whatwg.org/#dom-url-tojson
+
+        redefine(URLPrototype, 'toJSON', function toJSON() {
+          return serializeURL.call(this);
+        }, {
+          enumerable: true
+        });
+        // `URL.prototype.toString` method
+        // https://url.spec.whatwg.org/#URL-stringification-behavior
+        redefine(URLPrototype, 'toString', function toString() {
+          return serializeURL.call(this);
+        }, {
+          enumerable: true
+        });
+        if (NativeURL) {
+          var nativeCreateObjectURL = NativeURL.createObjectURL;
+          var nativeRevokeObjectURL = NativeURL.revokeObjectURL;
+          // `URL.createObjectURL` method
+          // https://developer.mozilla.org/en-US/docs/Web/API/URL/createObjectURL
+          // eslint-disable-next-line no-unused-vars
+          if (nativeCreateObjectURL) redefine(URLConstructor, 'createObjectURL', function createObjectURL(blob) {
+            return nativeCreateObjectURL.apply(NativeURL, arguments);
+          });
+          // `URL.revokeObjectURL` method
+          // https://developer.mozilla.org/en-US/docs/Web/API/URL/revokeObjectURL
+          // eslint-disable-next-line no-unused-vars
+          if (nativeRevokeObjectURL) redefine(URLConstructor, 'revokeObjectURL', function revokeObjectURL(url) {
+            return nativeRevokeObjectURL.apply(NativeURL, arguments);
+          });
+        }
+        setToStringTag(URLConstructor, 'URL');
+        $({
+          global: true,
+          forced: !USE_NATIVE_URL,
+          sham: !DESCRIPTORS
+        }, {
+          URL: URLConstructor
+        });
+      },
+      {
+        '../internals/an-instance': 27,
+        '../internals/array-from': 35,
+        '../internals/descriptors': 61,
+        '../internals/export': 68,
+        '../internals/global': 77,
+        '../internals/has': 78,
+        '../internals/internal-state': 88,
+        '../internals/native-url': 102,
+        '../internals/object-assign': 107,
+        '../internals/object-define-properties': 109,
+        '../internals/redefine': 126,
+        '../internals/set-to-string-tag': 135,
+        '../internals/string-multibyte': 141,
+        '../internals/string-punycode-to-ascii': 144,
+        '../modules/es.string.iterator': 210,
+        '../modules/web.url-search-params': 257
+      }
+    ],
+    259: [
+      function (_dereq_, module, exports) {
+        // This file can be required in Browserify and Node.js for automatic polyfill
+        // To use it:  require('es6-promise/auto');
+        'use strict';
+        module.exports = _dereq_('./').polyfill();
+      },
+      {
+        './': 260
+      }
+    ],
+    260: [
+      function (_dereq_, module, exports) {
+        (function (process, global) {
+          /*!
+ * @overview es6-promise - a tiny implementation of Promises/A+.
+ * @copyright Copyright (c) 2014 Yehuda Katz, Tom Dale, Stefan Penner and contributors (Conversion to ES6 API by Jake Archibald)
+ * @license   Licensed under MIT license
+ *            See https://raw.githubusercontent.com/stefanpenner/es6-promise/master/LICENSE
+ * @version   v4.2.8+1e68dce6
+ */
+          (function (global, factory) {
+            typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : typeof define === 'function' && define.amd ? define(factory) : global.ES6Promise = factory();
+          }) (this, function () {
+            'use strict';
+            function objectOrFunction(x) {
+              var type = typeof x;
+              return x !== null && (type === 'object' || type === 'function');
+            }
+            function isFunction(x) {
+              return typeof x === 'function';
+            }
+            var _isArray = void 0;
+            if (Array.isArray) {
+              _isArray = Array.isArray;
+            } else {
+              _isArray = function (x) {
+                return Object.prototype.toString.call(x) === '[object Array]';
+              };
+            }
+            var isArray = _isArray;
+            var len = 0;
+            var vertxNext = void 0;
+            var customSchedulerFn = void 0;
+            var asap = function asap(callback, arg) {
+              queue[len] = callback;
+              queue[len + 1] = arg;
+              len += 2;
+              if (len === 2) {
+                // If len is 2, that means that we need to schedule an async flush.
+                // If additional callbacks are queued before the queue is flushed, they
+                // will be processed by this flush that we are scheduling.
+                if (customSchedulerFn) {
+                  customSchedulerFn(flush);
+                } else {
+                  scheduleFlush();
+                }
+              }
+            };
+            function setScheduler(scheduleFn) {
+              customSchedulerFn = scheduleFn;
+            }
+            function setAsap(asapFn) {
+              asap = asapFn;
+            }
+            var browserWindow = typeof window !== 'undefined' ? window : undefined;
+            var browserGlobal = browserWindow || {
+            };
+            var BrowserMutationObserver = browserGlobal.MutationObserver || browserGlobal.WebKitMutationObserver;
+            var isNode = typeof self === 'undefined' && typeof process !== 'undefined' && {
+            }.toString.call(process) === '[object process]';
+            // test for web worker but not in IE10
+            var isWorker = typeof Uint8ClampedArray !== 'undefined' && typeof importScripts !== 'undefined' && typeof MessageChannel !== 'undefined';
+            // node
+            function useNextTick() {
+              // node version 0.10.x displays a deprecation warning when nextTick is used recursively
+              // see https://github.com/cujojs/when/issues/410 for details
+              return function () {
+                return process.nextTick(flush);
+              };
+            }            // vertx
+
+            function useVertxTimer() {
+              if (typeof vertxNext !== 'undefined') {
+                return function () {
+                  vertxNext(flush);
+                };
+              }
+              return useSetTimeout();
+            }
+            function useMutationObserver() {
+              var iterations = 0;
+              var observer = new BrowserMutationObserver(flush);
+              var node = document.createTextNode('');
+              observer.observe(node, {
+                characterData: true
+              });
+              return function () {
+                node.data = iterations = ++iterations % 2;
+              };
+            }            // web worker
+
+            function useMessageChannel() {
+              var channel = new MessageChannel();
+              channel.port1.onmessage = flush;
+              return function () {
+                return channel.port2.postMessage(0);
+              };
+            }
+            function useSetTimeout() {
+              // Store setTimeout reference so es6-promise will be unaffected by
+              // other code modifying setTimeout (like sinon.useFakeTimers())
+              var globalSetTimeout = setTimeout;
+              return function () {
+                return globalSetTimeout(flush, 1);
+              };
+            }
+            var queue = new Array(1000);
+            function flush() {
+              for (var i = 0; i < len; i += 2) {
+                var callback = queue[i];
+                var arg = queue[i + 1];
+                callback(arg);
+                queue[i] = undefined;
+                queue[i + 1] = undefined;
+              }
+              len = 0;
+            }
+            function attemptVertx() {
+              try {
+                var vertx = Function('return this') ().require('vertx');
+                vertxNext = vertx.runOnLoop || vertx.runOnContext;
+                return useVertxTimer();
+              } catch (e) {
+                return useSetTimeout();
+              }
+            }
+            var scheduleFlush = void 0;
+            // Decide what async method to use to triggering processing of queued callbacks:
+            if (isNode) {
+              scheduleFlush = useNextTick();
+            } else if (BrowserMutationObserver) {
+              scheduleFlush = useMutationObserver();
+            } else if (isWorker) {
+              scheduleFlush = useMessageChannel();
+            } else if (browserWindow === undefined && typeof _dereq_ === 'function') {
+              scheduleFlush = attemptVertx();
+            } else {
+              scheduleFlush = useSetTimeout();
+            }
+            function then(onFulfillment, onRejection) {
+              var parent = this;
+              var child = new this.constructor(noop);
+              if (child[PROMISE_ID] === undefined) {
+                makePromise(child);
+              }
+              var _state = parent._state;
+              if (_state) {
+                var callback = arguments[_state - 1];
+                asap(function () {
+                  return invokeCallback(_state, child, callback, parent._result);
+                });
+              } else {
+                subscribe(parent, child, onFulfillment, onRejection);
+              }
+              return child;
+            }            /**
+    `Promise.resolve` returns a promise that will become resolved with the
+    passed `value`. It is shorthand for the following:
+  
+    ```javascript
+    let promise = new Promise(function(resolve, reject){
+      resolve(1);
+    });
+  
+    promise.then(function(value){
+      // value === 1
+    });
+    ```
+  
+    Instead of writing the above, your code now simply becomes the following:
+  
+    ```javascript
+    let promise = Promise.resolve(1);
+  
+    promise.then(function(value){
+      // value === 1
+    });
+    ```
+  
+    @method resolve
+    @static
+    @param {Any} value value that the returned promise will be resolved with
+    Useful for tooling.
+    @return {Promise} a promise that will become fulfilled with the given
+    `value`
+  */
+
+            function resolve$1(object) {
+              /*jshint validthis:true */
+              var Constructor = this;
+              if (object && typeof object === 'object' && object.constructor === Constructor) {
+                return object;
+              }
+              var promise = new Constructor(noop);
+              resolve(promise, object);
+              return promise;
+            }
+            var PROMISE_ID = Math.random().toString(36).substring(2);
+            function noop() {
+            }
+            var PENDING = void 0;
+            var FULFILLED = 1;
+            var REJECTED = 2;
+            function selfFulfillment() {
+              return new TypeError('You cannot resolve a promise with itself');
+            }
+            function cannotReturnOwn() {
+              return new TypeError('A promises callback cannot return that same promise.');
+            }
+            function tryThen(then$$1, value, fulfillmentHandler, rejectionHandler) {
+              try {
+                then$$1.call(value, fulfillmentHandler, rejectionHandler);
+              } catch (e) {
+                return e;
+              }
+            }
+            function handleForeignThenable(promise, thenable, then$$1) {
+              asap(function (promise) {
+                var sealed = false;
+                var error = tryThen(then$$1, thenable, function (value) {
+                  if (sealed) {
+                    return;
+                  }
+                  sealed = true;
+                  if (thenable !== value) {
+                    resolve(promise, value);
+                  } else {
+                    fulfill(promise, value);
+                  }
+                }, function (reason) {
+                  if (sealed) {
+                    return;
+                  }
+                  sealed = true;
+                  reject(promise, reason);
+                }, 'Settle: ' + (promise._label || ' unknown promise'));
+                if (!sealed && error) {
+                  sealed = true;
+                  reject(promise, error);
+                }
+              }, promise);
+            }
+            function handleOwnThenable(promise, thenable) {
+              if (thenable._state === FULFILLED) {
+                fulfill(promise, thenable._result);
+              } else if (thenable._state === REJECTED) {
+                reject(promise, thenable._result);
+              } else {
+                subscribe(thenable, undefined, function (value) {
+                  return resolve(promise, value);
+                }, function (reason) {
+                  return reject(promise, reason);
+                });
+              }
+            }
+            function handleMaybeThenable(promise, maybeThenable, then$$1) {
+              if (maybeThenable.constructor === promise.constructor && then$$1 === then && maybeThenable.constructor.resolve === resolve$1) {
+                handleOwnThenable(promise, maybeThenable);
+              } else {
+                if (then$$1 === undefined) {
+                  fulfill(promise, maybeThenable);
+                } else if (isFunction(then$$1)) {
+                  handleForeignThenable(promise, maybeThenable, then$$1);
+                } else {
+                  fulfill(promise, maybeThenable);
+                }
+              }
+            }
+            function resolve(promise, value) {
+              if (promise === value) {
+                reject(promise, selfFulfillment());
+              } else if (objectOrFunction(value)) {
+                var then$$1 = void 0;
+                try {
+                  then$$1 = value.then;
+                } catch (error) {
+                  reject(promise, error);
+                  return;
+                }
+                handleMaybeThenable(promise, value, then$$1);
+              } else {
+                fulfill(promise, value);
+              }
+            }
+            function publishRejection(promise) {
+              if (promise._onerror) {
+                promise._onerror(promise._result);
+              }
+              publish(promise);
+            }
+            function fulfill(promise, value) {
+              if (promise._state !== PENDING) {
+                return;
+              }
+              promise._result = value;
+              promise._state = FULFILLED;
+              if (promise._subscribers.length !== 0) {
+                asap(publish, promise);
+              }
+            }
+            function reject(promise, reason) {
+              if (promise._state !== PENDING) {
+                return;
+              }
+              promise._state = REJECTED;
+              promise._result = reason;
+              asap(publishRejection, promise);
+            }
+            function subscribe(parent, child, onFulfillment, onRejection) {
+              var _subscribers = parent._subscribers;
+              var length = _subscribers.length;
+              parent._onerror = null;
+              _subscribers[length] = child;
+              _subscribers[length + FULFILLED] = onFulfillment;
+              _subscribers[length + REJECTED] = onRejection;
+              if (length === 0 && parent._state) {
+                asap(publish, parent);
+              }
+            }
+            function publish(promise) {
+              var subscribers = promise._subscribers;
+              var settled = promise._state;
+              if (subscribers.length === 0) {
+                return;
+              }
+              var child = void 0,
+              callback = void 0,
+              detail = promise._result;
+              for (var i = 0; i < subscribers.length; i += 3) {
+                child = subscribers[i];
+                callback = subscribers[i + settled];
+                if (child) {
+                  invokeCallback(settled, child, callback, detail);
+                } else {
+                  callback(detail);
+                }
+              }
+              promise._subscribers.length = 0;
+            }
+            function invokeCallback(settled, promise, callback, detail) {
+              var hasCallback = isFunction(callback),
+              value = void 0,
+              error = void 0,
+              succeeded = true;
+              if (hasCallback) {
+                try {
+                  value = callback(detail);
+                } catch (e) {
+                  succeeded = false;
+                  error = e;
+                }
+                if (promise === value) {
+                  reject(promise, cannotReturnOwn());
+                  return;
+                }
+              } else {
+                value = detail;
+              }
+              if (promise._state !== PENDING) {
+                // noop
+              } else if (hasCallback && succeeded) {
+                resolve(promise, value);
+              } else if (succeeded === false) {
+                reject(promise, error);
+              } else if (settled === FULFILLED) {
+                fulfill(promise, value);
+              } else if (settled === REJECTED) {
+                reject(promise, value);
+              }
+            }
+            function initializePromise(promise, resolver) {
+              try {
+                resolver(function resolvePromise(value) {
+                  resolve(promise, value);
+                }, function rejectPromise(reason) {
+                  reject(promise, reason);
+                });
+              } catch (e) {
+                reject(promise, e);
+              }
+            }
+            var id = 0;
+            function nextId() {
+              return id++;
+            }
+            function makePromise(promise) {
+              promise[PROMISE_ID] = id++;
+              promise._state = undefined;
+              promise._result = undefined;
+              promise._subscribers = [
+              ];
+            }
+            function validationError() {
+              return new Error('Array Methods must be provided an Array');
+            }
+            var Enumerator = function () {
+              function Enumerator(Constructor, input) {
+                this._instanceConstructor = Constructor;
+                this.promise = new Constructor(noop);
+                if (!this.promise[PROMISE_ID]) {
+                  makePromise(this.promise);
+                }
+                if (isArray(input)) {
+                  this.length = input.length;
+                  this._remaining = input.length;
+                  this._result = new Array(this.length);
+                  if (this.length === 0) {
+                    fulfill(this.promise, this._result);
+                  } else {
+                    this.length = this.length || 0;
+                    this._enumerate(input);
+                    if (this._remaining === 0) {
+                      fulfill(this.promise, this._result);
+                    }
+                  }
+                } else {
+                  reject(this.promise, validationError());
+                }
+              }
+              Enumerator.prototype._enumerate = function _enumerate(input) {
+                for (var i = 0; this._state === PENDING && i < input.length; i++) {
+                  this._eachEntry(input[i], i);
+                }
+              };
+              Enumerator.prototype._eachEntry = function _eachEntry(entry, i) {
+                var c = this._instanceConstructor;
+                var resolve$$1 = c.resolve;
+                if (resolve$$1 === resolve$1) {
+                  var _then = void 0;
+                  var error = void 0;
+                  var didError = false;
+                  try {
+                    _then = entry.then;
+                  } catch (e) {
+                    didError = true;
+                    error = e;
+                  }
+                  if (_then === then && entry._state !== PENDING) {
+                    this._settledAt(entry._state, i, entry._result);
+                  } else if (typeof _then !== 'function') {
+                    this._remaining--;
+                    this._result[i] = entry;
+                  } else if (c === Promise$1) {
+                    var promise = new c(noop);
+                    if (didError) {
+                      reject(promise, error);
+                    } else {
+                      handleMaybeThenable(promise, entry, _then);
+                    }
+                    this._willSettleAt(promise, i);
+                  } else {
+                    this._willSettleAt(new c(function (resolve$$1) {
+                      return resolve$$1(entry);
+                    }), i);
+                  }
+                } else {
+                  this._willSettleAt(resolve$$1(entry), i);
+                }
+              };
+              Enumerator.prototype._settledAt = function _settledAt(state, i, value) {
+                var promise = this.promise;
+                if (promise._state === PENDING) {
+                  this._remaining--;
+                  if (state === REJECTED) {
+                    reject(promise, value);
+                  } else {
+                    this._result[i] = value;
+                  }
+                }
+                if (this._remaining === 0) {
+                  fulfill(promise, this._result);
+                }
+              };
+              Enumerator.prototype._willSettleAt = function _willSettleAt(promise, i) {
+                var enumerator = this;
+                subscribe(promise, undefined, function (value) {
+                  return enumerator._settledAt(FULFILLED, i, value);
+                }, function (reason) {
+                  return enumerator._settledAt(REJECTED, i, reason);
+                });
+              };
+              return Enumerator;
+            }();
+            /**
+    `Promise.all` accepts an array of promises, and returns a new promise which
+    is fulfilled with an array of fulfillment values for the passed promises, or
+    rejected with the reason of the first passed promise to be rejected. It casts all
+    elements of the passed iterable to promises as it runs this algorithm.
+  
+    Example:
+  
+    ```javascript
+    let promise1 = resolve(1);
+    let promise2 = resolve(2);
+    let promise3 = resolve(3);
+    let promises = [ promise1, promise2, promise3 ];
+  
+    Promise.all(promises).then(function(array){
+      // The array here would be [ 1, 2, 3 ];
+    });
+    ```
+  
+    If any of the `promises` given to `all` are rejected, the first promise
+    that is rejected will be given as an argument to the returned promises's
+    rejection handler. For example:
+  
+    Example:
+  
+    ```javascript
+    let promise1 = resolve(1);
+    let promise2 = reject(new Error("2"));
+    let promise3 = reject(new Error("3"));
+    let promises = [ promise1, promise2, promise3 ];
+  
+    Promise.all(promises).then(function(array){
+      // Code here never runs because there are rejected promises!
+    }, function(error) {
+      // error.message === "2"
+    });
+    ```
+  
+    @method all
+    @static
+    @param {Array} entries array of promises
+    @param {String} label optional string for labeling the promise.
+    Useful for tooling.
+    @return {Promise} promise that is fulfilled when all `promises` have been
+    fulfilled, or rejected if any of them become rejected.
+    @static
+  */
+            function all(entries) {
+              return new Enumerator(this, entries).promise;
+            }            /**
+    `Promise.race` returns a new promise which is settled in the same way as the
+    first passed promise to settle.
+  
+    Example:
+  
+    ```javascript
+    let promise1 = new Promise(function(resolve, reject){
+      setTimeout(function(){
+        resolve('promise 1');
+      }, 200);
+    });
+  
+    let promise2 = new Promise(function(resolve, reject){
+      setTimeout(function(){
+        resolve('promise 2');
+      }, 100);
+    });
+  
+    Promise.race([promise1, promise2]).then(function(result){
+      // result === 'promise 2' because it was resolved before promise1
+      // was resolved.
+    });
+    ```
+  
+    `Promise.race` is deterministic in that only the state of the first
+    settled promise matters. For example, even if other promises given to the
+    `promises` array argument are resolved, but the first settled promise has
+    become rejected before the other promises became fulfilled, the returned
+    promise will become rejected:
+  
+    ```javascript
+    let promise1 = new Promise(function(resolve, reject){
+      setTimeout(function(){
+        resolve('promise 1');
+      }, 200);
+    });
+  
+    let promise2 = new Promise(function(resolve, reject){
+      setTimeout(function(){
+        reject(new Error('promise 2'));
+      }, 100);
+    });
+  
+    Promise.race([promise1, promise2]).then(function(result){
+      // Code here never runs
+    }, function(reason){
+      // reason.message === 'promise 2' because promise 2 became rejected before
+      // promise 1 became fulfilled
+    });
+    ```
+  
+    An example real-world use case is implementing timeouts:
+  
+    ```javascript
+    Promise.race([ajax('foo.json'), timeout(5000)])
+    ```
+  
+    @method race
+    @static
+    @param {Array} promises array of promises to observe
+    Useful for tooling.
+    @return {Promise} a promise which settles in the same way as the first passed
+    promise to settle.
+  */
+
+            function race(entries) {
+              /*jshint validthis:true */
+              var Constructor = this;
+              if (!isArray(entries)) {
+                return new Constructor(function (_, reject) {
+                  return reject(new TypeError('You must pass an array to race.'));
+                });
+              } else {
+                return new Constructor(function (resolve, reject) {
+                  var length = entries.length;
+                  for (var i = 0; i < length; i++) {
+                    Constructor.resolve(entries[i]).then(resolve, reject);
+                  }
+                });
+              }
+            }            /**
+    `Promise.reject` returns a promise rejected with the passed `reason`.
+    It is shorthand for the following:
+  
+    ```javascript
+    let promise = new Promise(function(resolve, reject){
+      reject(new Error('WHOOPS'));
+    });
+  
+    promise.then(function(value){
+      // Code here doesn't run because the promise is rejected!
+    }, function(reason){
+      // reason.message === 'WHOOPS'
+    });
+    ```
+  
+    Instead of writing the above, your code now simply becomes the following:
+  
+    ```javascript
+    let promise = Promise.reject(new Error('WHOOPS'));
+  
+    promise.then(function(value){
+      // Code here doesn't run because the promise is rejected!
+    }, function(reason){
+      // reason.message === 'WHOOPS'
+    });
+    ```
+  
+    @method reject
+    @static
+    @param {Any} reason value that the returned promise will be rejected with.
+    Useful for tooling.
+    @return {Promise} a promise rejected with the given `reason`.
+  */
+
+            function reject$1(reason) {
+              /*jshint validthis:true */
+              var Constructor = this;
+              var promise = new Constructor(noop);
+              reject(promise, reason);
+              return promise;
+            }
+            function needsResolver() {
+              throw new TypeError('You must pass a resolver function as the first argument to the promise constructor');
+            }
+            function needsNew() {
+              throw new TypeError('Failed to construct \'Promise\': Please use the \'new\' operator, this object constructor cannot be called as a function.');
+            }            /**
+    Promise objects represent the eventual result of an asynchronous operation. The
+    primary way of interacting with a promise is through its `then` method, which
+    registers callbacks to receive either a promise's eventual value or the reason
+    why the promise cannot be fulfilled.
+  
+    Terminology
+    -----------
+  
+    - `promise` is an object or function with a `then` method whose behavior conforms to this specification.
+    - `thenable` is an object or function that defines a `then` method.
+    - `value` is any legal JavaScript value (including undefined, a thenable, or a promise).
+    - `exception` is a value that is thrown using the throw statement.
+    - `reason` is a value that indicates why a promise was rejected.
+    - `settled` the final resting state of a promise, fulfilled or rejected.
+  
+    A promise can be in one of three states: pending, fulfilled, or rejected.
+  
+    Promises that are fulfilled have a fulfillment value and are in the fulfilled
+    state.  Promises that are rejected have a rejection reason and are in the
+    rejected state.  A fulfillment value is never a thenable.
+  
+    Promises can also be said to *resolve* a value.  If this value is also a
+    promise, then the original promise's settled state will match the value's
+    settled state.  So a promise that *resolves* a promise that rejects will
+    itself reject, and a promise that *resolves* a promise that fulfills will
+    itself fulfill.
+  
+  
+    Basic Usage:
+    ------------
+  
+    ```js
+    let promise = new Promise(function(resolve, reject) {
+      // on success
+      resolve(value);
+  
+      // on failure
+      reject(reason);
+    });
+  
+    promise.then(function(value) {
+      // on fulfillment
+    }, function(reason) {
+      // on rejection
+    });
+    ```
+  
+    Advanced Usage:
+    ---------------
+  
+    Promises shine when abstracting away asynchronous interactions such as
+    `XMLHttpRequest`s.
+  
+    ```js
+    function getJSON(url) {
+      return new Promise(function(resolve, reject){
+        let xhr = new XMLHttpRequest();
+  
+        xhr.open('GET', url);
+        xhr.onreadystatechange = handler;
+        xhr.responseType = 'json';
+        xhr.setRequestHeader('Accept', 'application/json');
+        xhr.send();
+  
+        function handler() {
+          if (this.readyState === this.DONE) {
+            if (this.status === 200) {
+              resolve(this.response);
+            } else {
+              reject(new Error('getJSON: `' + url + '` failed with status: [' + this.status + ']'));
+            }
+          }
+        };
+      });
+    }
+  
+    getJSON('/posts.json').then(function(json) {
+      // on fulfillment
+    }, function(reason) {
+      // on rejection
+    });
+    ```
+  
+    Unlike callbacks, promises are great composable primitives.
+  
+    ```js
+    Promise.all([
+      getJSON('/posts'),
+      getJSON('/comments')
+    ]).then(function(values){
+      values[0] // => postsJSON
+      values[1] // => commentsJSON
+  
+      return values;
+    });
+    ```
+  
+    @class Promise
+    @param {Function} resolver
+    Useful for tooling.
+    @constructor
+  */
+
+            var Promise$1 = function () {
+              function Promise(resolver) {
+                this[PROMISE_ID] = nextId();
+                this._result = this._state = undefined;
+                this._subscribers = [
+                ];
+                if (noop !== resolver) {
+                  typeof resolver !== 'function' && needsResolver();
+                  this instanceof Promise ? initializePromise(this, resolver) : needsNew();
+                }
+              }              /**
+    The primary way of interacting with a promise is through its `then` method,
+    which registers callbacks to receive either a promise's eventual value or the
+    reason why the promise cannot be fulfilled.
+     ```js
+    findUser().then(function(user){
+      // user is available
+    }, function(reason){
+      // user is unavailable, and you are given the reason why
+    });
+    ```
+     Chaining
+    --------
+     The return value of `then` is itself a promise.  This second, 'downstream'
+    promise is resolved with the return value of the first promise's fulfillment
+    or rejection handler, or rejected if the handler throws an exception.
+     ```js
+    findUser().then(function (user) {
+      return user.name;
+    }, function (reason) {
+      return 'default name';
+    }).then(function (userName) {
+      // If `findUser` fulfilled, `userName` will be the user's name, otherwise it
+      // will be `'default name'`
+    });
+     findUser().then(function (user) {
+      throw new Error('Found user, but still unhappy');
+    }, function (reason) {
+      throw new Error('`findUser` rejected and we're unhappy');
+    }).then(function (value) {
+      // never reached
+    }, function (reason) {
+      // if `findUser` fulfilled, `reason` will be 'Found user, but still unhappy'.
+      // If `findUser` rejected, `reason` will be '`findUser` rejected and we're unhappy'.
+    });
+    ```
+    If the downstream promise does not specify a rejection handler, rejection reasons will be propagated further downstream.
+     ```js
+    findUser().then(function (user) {
+      throw new PedagogicalException('Upstream error');
+    }).then(function (value) {
+      // never reached
+    }).then(function (value) {
+      // never reached
+    }, function (reason) {
+      // The `PedgagocialException` is propagated all the way down to here
+    });
+    ```
+     Assimilation
+    ------------
+     Sometimes the value you want to propagate to a downstream promise can only be
+    retrieved asynchronously. This can be achieved by returning a promise in the
+    fulfillment or rejection handler. The downstream promise will then be pending
+    until the returned promise is settled. This is called *assimilation*.
+     ```js
+    findUser().then(function (user) {
+      return findCommentsByAuthor(user);
+    }).then(function (comments) {
+      // The user's comments are now available
+    });
+    ```
+     If the assimliated promise rejects, then the downstream promise will also reject.
+     ```js
+    findUser().then(function (user) {
+      return findCommentsByAuthor(user);
+    }).then(function (comments) {
+      // If `findCommentsByAuthor` fulfills, we'll have the value here
+    }, function (reason) {
+      // If `findCommentsByAuthor` rejects, we'll have the reason here
+    });
+    ```
+     Simple Example
+    --------------
+     Synchronous Example
+     ```javascript
+    let result;
+     try {
+      result = findResult();
+      // success
+    } catch(reason) {
+      // failure
+    }
+    ```
+     Errback Example
+     ```js
+    findResult(function(result, err){
+      if (err) {
+        // failure
+      } else {
+        // success
+      }
+    });
+    ```
+     Promise Example;
+     ```javascript
+    findResult().then(function(result){
+      // success
+    }, function(reason){
+      // failure
+    });
+    ```
+     Advanced Example
+    --------------
+     Synchronous Example
+     ```javascript
+    let author, books;
+     try {
+      author = findAuthor();
+      books  = findBooksByAuthor(author);
+      // success
+    } catch(reason) {
+      // failure
+    }
+    ```
+     Errback Example
+     ```js
+     function foundBooks(books) {
+     }
+     function failure(reason) {
+     }
+     findAuthor(function(author, err){
+      if (err) {
+        failure(err);
+        // failure
+      } else {
+        try {
+          findBoooksByAuthor(author, function(books, err) {
+            if (err) {
+              failure(err);
+            } else {
+              try {
+                foundBooks(books);
+              } catch(reason) {
+                failure(reason);
+              }
+            }
+          });
+        } catch(error) {
+          failure(err);
+        }
+        // success
+      }
+    });
+    ```
+     Promise Example;
+     ```javascript
+    findAuthor().
+      then(findBooksByAuthor).
+      then(function(books){
+        // found books
+    }).catch(function(reason){
+      // something went wrong
+    });
+    ```
+     @method then
+    @param {Function} onFulfilled
+    @param {Function} onRejected
+    Useful for tooling.
+    @return {Promise}
+    */
+              /**
+    `catch` is simply sugar for `then(undefined, onRejection)` which makes it the same
+    as the catch block of a try/catch statement.
+    ```js
+    function findAuthor(){
+    throw new Error('couldn't find that author');
+    }
+    // synchronous
+    try {
+    findAuthor();
+    } catch(reason) {
+    // something went wrong
+    }
+    // async with promises
+    findAuthor().catch(function(reason){
+    // something went wrong
+    });
+    ```
+    @method catch
+    @param {Function} onRejection
+    Useful for tooling.
+    @return {Promise}
+    */
+
+              Promise.prototype.catch = function _catch(onRejection) {
+                return this.then(null, onRejection);
+              };
+              /**
+      `finally` will be invoked regardless of the promise's fate just as native
+      try/catch/finally behaves
+    
+      Synchronous example:
+    
+      ```js
+      findAuthor() {
+        if (Math.random() > 0.5) {
+          throw new Error();
+        }
+        return new Author();
+      }
+    
+      try {
+        return findAuthor(); // succeed or fail
+      } catch(error) {
+        return findOtherAuther();
+      } finally {
+        // always runs
+        // doesn't affect the return value
+      }
+      ```
+    
+      Asynchronous example:
+    
+      ```js
+      findAuthor().catch(function(reason){
+        return findOtherAuther();
+      }).finally(function(){
+        // author was either found, or not
+      });
+      ```
+    
+      @method finally
+      @param {Function} callback
+      @return {Promise}
+    */
+              Promise.prototype.finally = function _finally(callback) {
+                var promise = this;
+                var constructor = promise.constructor;
+                if (isFunction(callback)) {
+                  return promise.then(function (value) {
+                    return constructor.resolve(callback()).then(function () {
+                      return value;
+                    });
+                  }, function (reason) {
+                    return constructor.resolve(callback()).then(function () {
+                      throw reason;
+                    });
+                  });
+                }
+                return promise.then(callback, callback);
+              };
+              return Promise;
+            }();
+            Promise$1.prototype.then = then;
+            Promise$1.all = all;
+            Promise$1.race = race;
+            Promise$1.resolve = resolve$1;
+            Promise$1.reject = reject$1;
+            Promise$1._setScheduler = setScheduler;
+            Promise$1._setAsap = setAsap;
+            Promise$1._asap = asap;
+            /*global self*/
+            function polyfill() {
+              var local = void 0;
+              if (typeof global !== 'undefined') {
+                local = global;
+              } else if (typeof self !== 'undefined') {
+                local = self;
+              } else {
+                try {
+                  local = Function('return this') ();
+                } catch (e) {
+                  throw new Error('polyfill failed because global object is unavailable in this environment');
+                }
+              }
+              var P = local.Promise;
+              if (P) {
+                var promiseToString = null;
+                try {
+                  promiseToString = Object.prototype.toString.call(P.resolve());
+                } catch (e) {
+                  // silently ignored
+                }
+                if (promiseToString === '[object Promise]' && !P.cast) {
+                  return;
+                }
+              }
+              local.Promise = Promise$1;
+            }            // Strange compat..
+
+            Promise$1.polyfill = polyfill;
+            Promise$1.Promise = Promise$1;
+            return Promise$1;
+          });
+        }).call(this, _dereq_('_process'), typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : typeof window !== 'undefined' ? window : {
+        })
+      },
+      {
+        '_process': 273
+      }
+    ],
+    261: [
+      function (_dereq_, module, exports) {
+        (function (global, factory) {
+          if (typeof define === 'function' && define.amd) {
+            define(['exports',
+            'module'], factory);
+          } else if (typeof exports !== 'undefined' && typeof module !== 'undefined') {
+            factory(exports, module);
+          } else {
+            var mod = {
+              exports: {
+              }
+            };
+            factory(mod.exports, mod);
+            global.fetchJsonp = mod.exports;
+          }
+        }) (this, function (exports, module) {
+          'use strict';
+          var defaultOptions = {
+            timeout: 5000,
+            jsonpCallback: 'callback',
+            jsonpCallbackFunction: null
+          };
+          function generateCallbackFunction() {
+            return 'jsonp_' + Date.now() + '_' + Math.ceil(Math.random() * 100000);
+          }
+          function clearFunction(functionName) {
+            // IE8 throws an exception when you try to delete a property on window
+            // http://stackoverflow.com/a/1824228/751089
+            try {
+              delete window[functionName];
+            } catch (e) {
+              window[functionName] = undefined;
+            }
+          }
+          function removeScript(scriptId) {
+            var script = document.getElementById(scriptId);
+            if (script) {
+              document.getElementsByTagName('head') [0].removeChild(script);
+            }
+          }
+          function fetchJsonp(_url) {
+            var options = arguments.length <= 1 || arguments[1] === undefined ? {
+            }
+             : arguments[1];
+            // to avoid param reassign
+            var url = _url;
+            var timeout = options.timeout || defaultOptions.timeout;
+            var jsonpCallback = options.jsonpCallback || defaultOptions.jsonpCallback;
+            var timeoutId = undefined;
+            return new Promise(function (resolve, reject) {
+              var callbackFunction = options.jsonpCallbackFunction || generateCallbackFunction();
+              var scriptId = jsonpCallback + '_' + callbackFunction;
+              window[callbackFunction] = function (response) {
+                resolve({
+                  ok: true,
+                  // keep consistent with fetch API
+                  json: function json() {
+                    return Promise.resolve(response);
+                  }
+                });
+                if (timeoutId) clearTimeout(timeoutId);
+                removeScript(scriptId);
+                clearFunction(callbackFunction);
+              };
+              // Check if the user set their own params, and if not add a ? to start a list of params
+              url += url.indexOf('?') === - 1 ? '?' : '&';
+              var jsonpScript = document.createElement('script');
+              jsonpScript.setAttribute('src', '' + url + jsonpCallback + '=' + callbackFunction);
+              if (options.charset) {
+                jsonpScript.setAttribute('charset', options.charset);
+              }
+              jsonpScript.id = scriptId;
+              document.getElementsByTagName('head') [0].appendChild(jsonpScript);
+              timeoutId = setTimeout(function () {
+                reject(new Error('JSONP request to ' + _url + ' timed out'));
+                clearFunction(callbackFunction);
+                removeScript(scriptId);
+                window[callbackFunction] = function () {
+                  clearFunction(callbackFunction);
+                };
+              }, timeout);
+              // Caught if got 404/500
+              jsonpScript.onerror = function () {
+                reject(new Error('JSONP request to ' + _url + ' failed'));
+                clearFunction(callbackFunction);
+                removeScript(scriptId);
+                if (timeoutId) clearTimeout(timeoutId);
+              };
+            });
+          }          // export as global function
+          /*
+  let local;
+  if (typeof global !== 'undefined') {
+    local = global;
+  } else if (typeof self !== 'undefined') {
+    local = self;
+  } else {
+    try {
+      local = Function('return this')();
+    } catch (e) {
+      throw new Error('polyfill failed because global object is unavailable in this environment');
+    }
+  }
+  local.fetchJsonp = fetchJsonp;
+  */
+
+          module.exports = fetchJsonp;
+        });
+      },
+      {
+      }
+    ],
+    262: [
+      function (_dereq_, module, exports) {
+        /* FileSaver.js
+ * A saveAs() FileSaver implementation.
+ * 1.3.2
+ * 2016-06-16 18:25:19
+ *
+ * By Eli Grey, http://eligrey.com
+ * License: MIT
+ *   See https://github.com/eligrey/FileSaver.js/blob/master/LICENSE.md
+ */
+        /*global self */
+        /*jslint bitwise: true, indent: 4, laxbreak: true, laxcomma: true, smarttabs: true, plusplus: true */
+        /*! @source http://purl.eligrey.com/github/FileSaver.js/blob/master/FileSaver.js */
+        var saveAs = saveAs || function (view) {
+          'use strict';
+          // IE <10 is explicitly unsupported
+          if (typeof view === 'undefined' || typeof navigator !== 'undefined' && /MSIE [1-9]\./.test(navigator.userAgent)) {
+            return;
+          }
+          var doc = view.document          // only get URL when necessary in case Blob.js hasn't overridden it yet
+          ,
+          get_URL = function () {
+            return view.URL || view.webkitURL || view;
+          },
+          save_link = doc.createElementNS('http://www.w3.org/1999/xhtml', 'a'),
+          can_use_save_link = ('download' in save_link),
+          click = function (node) {
+            var event = new MouseEvent('click');
+            node.dispatchEvent(event);
+          },
+          is_safari = /constructor/i.test(view.HTMLElement) || view.safari,
+          is_chrome_ios = /CriOS\/[\d]+/.test(navigator.userAgent),
+          throw_outside = function (ex) {
+            (view.setImmediate || view.setTimeout) (function () {
+              throw ex;
+            }, 0);
+          },
+          force_saveable_type = 'application/octet-stream'          // the Blob API is fundamentally broken as there is no "downloadfinished" event to subscribe to
+          ,
+          arbitrary_revoke_timeout = 1000 * 40 // in ms
+          ,
+          revoke = function (file) {
+            var revoker = function () {
+              if (typeof file === 'string') {
+                // file is an object URL
+                get_URL().revokeObjectURL(file);
+              } else {
+                // file is a File
+                file.remove();
+              }
+            };
+            setTimeout(revoker, arbitrary_revoke_timeout);
+          },
+          dispatch = function (filesaver, event_types, event) {
+            event_types = [
+            ].concat(event_types);
+            var i = event_types.length;
+            while (i--) {
+              var listener = filesaver['on' + event_types[i]];
+              if (typeof listener === 'function') {
+                try {
+                  listener.call(filesaver, event || filesaver);
+                } catch (ex) {
+                  throw_outside(ex);
+                }
+              }
+            }
+          },
+          auto_bom = function (blob) {
+            // prepend BOM for UTF-8 XML and text/* types (including HTML)
+            // note: your browser will automatically convert UTF-16 U+FEFF to EF BB BF
+            if (/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(blob.type)) {
+              return new Blob([String.fromCharCode(65279),
+              blob], {
+                type: blob.type
+              });
+            }
+            return blob;
+          },
+          FileSaver = function (blob, name, no_auto_bom) {
+            if (!no_auto_bom) {
+              blob = auto_bom(blob);
+            }            // First try a.download, then web filesystem, then object URLs
+
+            var filesaver = this,
+            type = blob.type,
+            force = type === force_saveable_type,
+            object_url,
+            dispatch_all = function () {
+              dispatch(filesaver, 'writestart progress write writeend'.split(' '));
+            }            // on any filesys errors revert to saving with object URLs
+            ,
+            fs_error = function () {
+              if ((is_chrome_ios || force && is_safari) && view.FileReader) {
+                // Safari doesn't allow downloading of blob urls
+                var reader = new FileReader();
+                reader.onloadend = function () {
+                  var url = is_chrome_ios ? reader.result : reader.result.replace(/^data:[^;]*;/, 'data:attachment/file;');
+                  var popup = view.open(url, '_blank');
+                  if (!popup) view.location.href = url;
+                  url = undefined; // release reference before dispatching
+                  filesaver.readyState = filesaver.DONE;
+                  dispatch_all();
+                };
+                reader.readAsDataURL(blob);
+                filesaver.readyState = filesaver.INIT;
+                return;
+              }              // don't create more object URLs than needed
+
+              if (!object_url) {
+                object_url = get_URL().createObjectURL(blob);
+              }
+              if (force) {
+                view.location.href = object_url;
+              } else {
+                var opened = view.open(object_url, '_blank');
+                if (!opened) {
+                  // Apple does not allow window.open, see https://developer.apple.com/library/safari/documentation/Tools/Conceptual/SafariExtensionGuide/WorkingwithWindowsandTabs/WorkingwithWindowsandTabs.html
+                  view.location.href = object_url;
+                }
+              }
+              filesaver.readyState = filesaver.DONE;
+              dispatch_all();
+              revoke(object_url);
+            };
+            filesaver.readyState = filesaver.INIT;
+            if (can_use_save_link) {
+              object_url = get_URL().createObjectURL(blob);
+              setTimeout(function () {
+                save_link.href = object_url;
+                save_link.download = name;
+                click(save_link);
+                dispatch_all();
+                revoke(object_url);
+                filesaver.readyState = filesaver.DONE;
+              });
+              return;
+            }
+            fs_error();
+          },
+          FS_proto = FileSaver.prototype,
+          saveAs = function (blob, name, no_auto_bom) {
+            return new FileSaver(blob, name || blob.name || 'download', no_auto_bom);
+          };
+          // IE 10+ (native saveAs)
+          if (typeof navigator !== 'undefined' && navigator.msSaveOrOpenBlob) {
+            return function (blob, name, no_auto_bom) {
+              name = name || blob.name || 'download';
+              if (!no_auto_bom) {
+                blob = auto_bom(blob);
+              }
+              return navigator.msSaveOrOpenBlob(blob, name);
+            };
+          }
+          FS_proto.abort = function () {
+          };
+          FS_proto.readyState = FS_proto.INIT = 0;
+          FS_proto.WRITING = 1;
+          FS_proto.DONE = 2;
+          FS_proto.error = FS_proto.onwritestart = FS_proto.onprogress = FS_proto.onwrite = FS_proto.onabort = FS_proto.onerror = FS_proto.onwriteend = null;
+          return saveAs;
+        }(typeof self !== 'undefined' && self || typeof window !== 'undefined' && window || this.content);
+        // `self` is undefined in Firefox for Android content script context
+        // while `this` is nsIContentFrameMessageManager
+        // with an attribute `content` that corresponds to the window
+        if (typeof module !== 'undefined' && module.exports) {
+          module.exports.saveAs = saveAs;
+        } else if (typeof define !== 'undefined' && define !== null && define.amd !== null) {
+          define('FileSaver.js', function () {
+            return saveAs;
+          });
+        }
+      },
+      {
+      }
+    ],
+    263: [
+      function (_dereq_, module, exports) {
+        var __defProp = Object.defineProperty;
+        var __markAsModule = target=>__defProp(target, '__esModule', {
+          value: true
+        });
+        var __export = (target, all) =>{
+          for (var name in all) __defProp(target, name, {
+            get: all[name],
+            enumerable: true
+          });
+        };
+        // src/index.js
+        __markAsModule(exports);
+        __export(exports, {
+          GIFEncoder: () =>GIFEncoder,
+          applyPalette: () =>applyPalette,
+        default:
+          () =>src_default,
+          nearestColor: () =>nearestColor,
+          nearestColorIndex: () =>nearestColorIndex,
+          nearestColorIndexWithDistance: () =>nearestColorIndexWithDistance,
+          prequantize: () =>prequantize,
+          quantize: () =>quantize,
+          snapColorsToPalette: () =>snapColorsToPalette
+        });
+        // src/constants.js
+        var constants_default = {
+          signature: 'GIF',
+          version: '89a',
+          trailer: 59,
+          extensionIntroducer: 33,
+          applicationExtensionLabel: 255,
+          graphicControlExtensionLabel: 249,
+          imageSeparator: 44,
+          signatureSize: 3,
+          versionSize: 3,
+          globalColorTableFlagMask: 128,
+          colorResolutionMask: 112,
+          sortFlagMask: 8,
+          globalColorTableSizeMask: 7,
+          applicationIdentifierSize: 8,
+          applicationAuthCodeSize: 3,
+          disposalMethodMask: 28,
+          userInputFlagMask: 2,
+          transparentColorFlagMask: 1,
+          localColorTableFlagMask: 128,
+          interlaceFlagMask: 64,
+          idSortFlagMask: 32,
+          localColorTableSizeMask: 7
+        };
+        // src/stream.js
+        function createStream(initialCapacity = 256) {
+          let cursor = 0;
+          let contents = new Uint8Array(initialCapacity);
+          return {
+            get buffer() {
+              return contents.buffer;
+            },
+            reset() {
+              cursor = 0;
+            },
+            bytesView() {
+              return contents.subarray(0, cursor);
+            },
+            bytes() {
+              return contents.slice(0, cursor);
+            },
+            writeByte(byte) {
+              expand(cursor + 1);
+              contents[cursor] = byte;
+              cursor++;
+            },
+            writeBytes(data, offset = 0, byteLength = data.length) {
+              expand(cursor + byteLength);
+              for (let i = 0; i < byteLength; i++) {
+                contents[cursor++] = data[i + offset];
+              }
+            },
+            writeBytesView(data, offset = 0, byteLength = data.byteLength) {
+              expand(cursor + byteLength);
+              contents.set(data.subarray(offset, offset + byteLength), cursor);
+              cursor += byteLength;
+            }
+          };
+          function expand(newCapacity) {
+            var prevCapacity = contents.length;
+            if (prevCapacity >= newCapacity) return;
+            var CAPACITY_DOUBLING_MAX = 1024 * 1024;
+            newCapacity = Math.max(newCapacity, prevCapacity * (prevCapacity < CAPACITY_DOUBLING_MAX ? 2 : 1.125) >>> 0);
+            if (prevCapacity != 0) newCapacity = Math.max(newCapacity, 256);
+            const oldContents = contents;
+            contents = new Uint8Array(newCapacity);
+            if (cursor > 0) contents.set(oldContents.subarray(0, cursor), 0);
+          }
+        }        // src/lzwEncode.js
+
+        var BITS = 12;
+        var DEFAULT_HSIZE = 5003;
+        var MASKS = [
+          0,
+          1,
+          3,
+          7,
+          15,
+          31,
+          63,
+          127,
+          255,
+          511,
+          1023,
+          2047,
+          4095,
+          8191,
+          16383,
+          32767,
+          65535
+        ];
+        function lzwEncode(width, height, pixels, colorDepth, outStream = createStream(512), accum = new Uint8Array(256), htab = new Int32Array(DEFAULT_HSIZE), codetab = new Int32Array(DEFAULT_HSIZE)) {
+          const hsize = htab.length;
+          const initCodeSize = Math.max(2, colorDepth);
+          accum.fill(0);
+          codetab.fill(0);
+          htab.fill( - 1);
+          let cur_accum = 0;
+          let cur_bits = 0;
+          const init_bits = initCodeSize + 1;
+          const g_init_bits = init_bits;
+          let clear_flg = false;
+          let n_bits = g_init_bits;
+          let maxcode = (1 << n_bits) - 1;
+          const ClearCode = 1 << init_bits - 1;
+          const EOFCode = ClearCode + 1;
+          let free_ent = ClearCode + 2;
+          let a_count = 0;
+          let ent = pixels[0];
+          let hshift = 0;
+          for (let fcode = hsize; fcode < 65536; fcode *= 2) {
+            ++hshift;
+          }
+          hshift = 8 - hshift;
+          outStream.writeByte(initCodeSize);
+          output(ClearCode);
+          const length = pixels.length;
+          for (let idx = 1; idx < length; idx++) {
+            next_block: {
+              const c = pixels[idx];
+              const fcode = (c << BITS) + ent;
+              let i = c << hshift ^ ent;
+              if (htab[i] === fcode) {
+                ent = codetab[i];
+                break next_block;
+              }
+              const disp = i === 0 ? 1 : hsize - i;
+              while (htab[i] >= 0) {
+                i -= disp;
+                if (i < 0) i += hsize;
+                if (htab[i] === fcode) {
+                  ent = codetab[i];
+                  break next_block;
+                }
+              }
+              output(ent);
+              ent = c;
+              if (free_ent < 1 << BITS) {
+                codetab[i] = free_ent++;
+                htab[i] = fcode;
+              } else {
+                htab.fill( - 1);
+                free_ent = ClearCode + 2;
+                clear_flg = true;
+                output(ClearCode);
+              }
+            }
+          }
+          output(ent);
+          output(EOFCode);
+          outStream.writeByte(0);
+          return outStream.bytesView();
+          function output(code) {
+            cur_accum &= MASKS[cur_bits];
+            if (cur_bits > 0) cur_accum |= code << cur_bits;
+             else cur_accum = code;
+            cur_bits += n_bits;
+            while (cur_bits >= 8) {
+              accum[a_count++] = cur_accum & 255;
+              if (a_count >= 254) {
+                outStream.writeByte(a_count);
+                outStream.writeBytesView(accum, 0, a_count);
+                a_count = 0;
+              }
+              cur_accum >>= 8;
+              cur_bits -= 8;
+            }
+            if (free_ent > maxcode || clear_flg) {
+              if (clear_flg) {
+                n_bits = g_init_bits;
+                maxcode = (1 << n_bits) - 1;
+                clear_flg = false;
+              } else {
+                ++n_bits;
+                maxcode = n_bits === BITS ? 1 << n_bits : (1 << n_bits) - 1;
+              }
+            }
+            if (code == EOFCode) {
+              while (cur_bits > 0) {
+                accum[a_count++] = cur_accum & 255;
+                if (a_count >= 254) {
+                  outStream.writeByte(a_count);
+                  outStream.writeBytesView(accum, 0, a_count);
+                  a_count = 0;
+                }
+                cur_accum >>= 8;
+                cur_bits -= 8;
+              }
+              if (a_count > 0) {
+                outStream.writeByte(a_count);
+                outStream.writeBytesView(accum, 0, a_count);
+                a_count = 0;
+              }
+            }
+          }
+        }
+        var lzwEncode_default = lzwEncode;
+        // src/rgb-packing.js
+        function rgb888_to_rgb565(r, g, b) {
+          return r << 8 & 63488 | g << 2 & 992 | b >> 3;
+        }
+        function rgba8888_to_rgba4444(r, g, b, a) {
+          return r >> 4 | g & 240 | (b & 240) << 4 | (a & 240) << 8;
+        }
+        function rgb888_to_rgb444(r, g, b) {
+          return r >> 4 << 8 | g & 240 | b >> 4;
+        }        // src/pnnquant2.js
+
+        function clamp(value, min, max) {
+          return value < min ? min : value > max ? max : value;
+        }
+        function sqr(value) {
+          return value * value;
+        }
+        function find_nn(bins, idx, hasAlpha) {
+          var nn = 0;
+          var err = 1e+100;
+          const bin1 = bins[idx];
+          const n1 = bin1.cnt;
+          const wa = bin1.ac;
+          const wr = bin1.rc;
+          const wg = bin1.gc;
+          const wb = bin1.bc;
+          for (var i = bin1.fw; i != 0; i = bins[i].fw) {
+            const bin = bins[i];
+            const n2 = bin.cnt;
+            const nerr2 = n1 * n2 / (n1 + n2);
+            if (nerr2 >= err) continue;
+            var nerr = 0;
+            if (hasAlpha) {
+              nerr += nerr2 * sqr(bin.ac - wa);
+              if (nerr >= err) continue;
+            }
+            nerr += nerr2 * sqr(bin.rc - wr);
+            if (nerr >= err) continue;
+            nerr += nerr2 * sqr(bin.gc - wg);
+            if (nerr >= err) continue;
+            nerr += nerr2 * sqr(bin.bc - wb);
+            if (nerr >= err) continue;
+            err = nerr;
+            nn = i;
+          }
+          bin1.err = err;
+          bin1.nn = nn;
+        }
+        function create_bin() {
+          return {
+            ac: 0,
+            rc: 0,
+            gc: 0,
+            bc: 0,
+            cnt: 0,
+            nn: 0,
+            fw: 0,
+            bk: 0,
+            tm: 0,
+            mtm: 0,
+            err: 0
+          };
+        }
+        function create_bin_list(data, format) {
+          const bincount = format === 'rgb444' ? 4096 : 65536;
+          const bins = new Array(bincount);
+          const size = data.length;
+          if (format === 'rgba4444') {
+            for (let i = 0; i < size; ++i) {
+              const color = data[i];
+              const a = color >> 24 & 255;
+              const b = color >> 16 & 255;
+              const g = color >> 8 & 255;
+              const r = color & 255;
+              const index = rgba8888_to_rgba4444(r, g, b, a);
+              let bin = index in bins ? bins[index] : bins[index] = create_bin();
+              bin.rc += r;
+              bin.gc += g;
+              bin.bc += b;
+              bin.ac += a;
+              bin.cnt++;
+            }
+          } else if (format === 'rgb444') {
+            for (let i = 0; i < size; ++i) {
+              const color = data[i];
+              const b = color >> 16 & 255;
+              const g = color >> 8 & 255;
+              const r = color & 255;
+              const index = rgb888_to_rgb444(r, g, b);
+              let bin = index in bins ? bins[index] : bins[index] = create_bin();
+              bin.rc += r;
+              bin.gc += g;
+              bin.bc += b;
+              bin.cnt++;
+            }
+          } else {
+            for (let i = 0; i < size; ++i) {
+              const color = data[i];
+              const b = color >> 16 & 255;
+              const g = color >> 8 & 255;
+              const r = color & 255;
+              const index = rgb888_to_rgb565(r, g, b);
+              let bin = index in bins ? bins[index] : bins[index] = create_bin();
+              bin.rc += r;
+              bin.gc += g;
+              bin.bc += b;
+              bin.cnt++;
+            }
+          }
+          return bins;
+        }
+        function quantize(rgba, maxColors, opts = {
+        }) {
+          const {
+            format = 'rgb565',
+            clearAlpha = true,
+            clearAlphaColor = 0,
+            clearAlphaThreshold = 0,
+            oneBitAlpha = false
+          }
+          = opts;
+          if (!rgba || !rgba.buffer) {
+            throw new Error('quantize() expected RGBA Uint8Array data');
+          }
+          if (!(rgba instanceof Uint8Array) && !(rgba instanceof Uint8ClampedArray)) {
+            throw new Error('quantize() expected RGBA Uint8Array data');
+          }
+          const data = new Uint32Array(rgba.buffer);
+          let useSqrt = opts.useSqrt !== false;
+          const hasAlpha = format === 'rgba4444';
+          const bins = create_bin_list(data, format);
+          const bincount = bins.length;
+          const bincountMinusOne = bincount - 1;
+          const heap = new Uint32Array(bincount + 1);
+          var maxbins = 0;
+          for (var i = 0; i < bincount; ++i) {
+            const bin = bins[i];
+            if (bin != null) {
+              var d = 1 / bin.cnt;
+              if (hasAlpha) bin.ac *= d;
+              bin.rc *= d;
+              bin.gc *= d;
+              bin.bc *= d;
+              bins[maxbins++] = bin;
+            }
+          }
+          if (sqr(maxColors) / maxbins < 0.022) {
+            useSqrt = false;
+          }
+          var i = 0;
+          for (; i < maxbins - 1; ++i) {
+            bins[i].fw = i + 1;
+            bins[i + 1].bk = i;
+            if (useSqrt) bins[i].cnt = Math.sqrt(bins[i].cnt);
+          }
+          if (useSqrt) bins[i].cnt = Math.sqrt(bins[i].cnt);
+          var h,
+          l,
+          l2;
+          for (i = 0; i < maxbins; ++i) {
+            find_nn(bins, i, false);
+            var err = bins[i].err;
+            for (l = ++heap[0]; l > 1; l = l2) {
+              l2 = l >> 1;
+              if (bins[h = heap[l2]].err <= err) break;
+              heap[l] = h;
+            }
+            heap[l] = i;
+          }
+          var extbins = maxbins - maxColors;
+          for (i = 0; i < extbins; ) {
+            var tb;
+            for (; ; ) {
+              var b1 = heap[1];
+              tb = bins[b1];
+              if (tb.tm >= tb.mtm && bins[tb.nn].mtm <= tb.tm) break;
+              if (tb.mtm == bincountMinusOne) b1 = heap[1] = heap[heap[0]--];
+               else {
+                find_nn(bins, b1, false);
+                tb.tm = i;
+              }
+              var err = bins[b1].err;
+              for (l = 1; (l2 = l + l) <= heap[0]; l = l2) {
+                if (l2 < heap[0] && bins[heap[l2]].err > bins[heap[l2 + 1]].err) l2++;
+                if (err <= bins[h = heap[l2]].err) break;
+                heap[l] = h;
+              }
+              heap[l] = b1;
+            }
+            var nb = bins[tb.nn];
+            var n1 = tb.cnt;
+            var n2 = nb.cnt;
+            var d = 1 / (n1 + n2);
+            if (hasAlpha) tb.ac = d * (n1 * tb.ac + n2 * nb.ac);
+            tb.rc = d * (n1 * tb.rc + n2 * nb.rc);
+            tb.gc = d * (n1 * tb.gc + n2 * nb.gc);
+            tb.bc = d * (n1 * tb.bc + n2 * nb.bc);
+            tb.cnt += nb.cnt;
+            tb.mtm = ++i;
+            bins[nb.bk].fw = nb.fw;
+            bins[nb.fw].bk = nb.bk;
+            nb.mtm = bincountMinusOne;
+          }
+          let palette = [
+          ];
+          var k = 0;
+          for (i = 0; ; ++k) {
+            let r = clamp(Math.round(bins[i].rc), 0, 255);
+            let g = clamp(Math.round(bins[i].gc), 0, 255);
+            let b = clamp(Math.round(bins[i].bc), 0, 255);
+            let a = 255;
+            if (hasAlpha) {
+              a = clamp(Math.round(bins[i].ac), 0, 255);
+              if (oneBitAlpha) {
+                const threshold = typeof oneBitAlpha === 'number' ? oneBitAlpha : 127;
+                a = a <= threshold ? 0 : 255;
+              }
+              if (clearAlpha && a <= clearAlphaThreshold) {
+                r = g = b = clearAlphaColor;
+                a = 0;
+              }
+            }
+            const color = hasAlpha ? [
+              r,
+              g,
+              b,
+              a
+            ] : [
+              r,
+              g,
+              b
+            ];
+            const exists = existsInPalette(palette, color);
+            if (!exists) palette.push(color);
+            if ((i = bins[i].fw) == 0) break;
+          }
+          return palette;
+        }
+        function existsInPalette(palette, color) {
+          for (let i = 0; i < palette.length; i++) {
+            const p = palette[i];
+            let matchesRGB = p[0] === color[0] && p[1] === color[1] && p[2] === color[2];
+            let matchesAlpha = p.length >= 4 && color.length >= 4 ? p[3] === color[3] : true;
+            if (matchesRGB && matchesAlpha) return true;
+          }
+          return false;
+        }        // src/color.js
+
+        function euclideanDistanceSquared(a, b) {
+          var sum = 0;
+          var n;
+          for (n = 0; n < a.length; n++) {
+            const dx = a[n] - b[n];
+            sum += dx * dx;
+          }
+          return sum;
+        }        // src/palettize.js
+
+        function roundStep(byte, step) {
+          return step > 1 ? Math.round(byte / step) * step : byte;
+        }
+        function prequantize(rgba, {
+          roundRGB = 5,
+          roundAlpha = 10,
+          oneBitAlpha = null
+        }
+        = {
+        }) {
+          const data = new Uint32Array(rgba.buffer);
+          for (let i = 0; i < data.length; i++) {
+            const color = data[i];
+            let a = color >> 24 & 255;
+            let b = color >> 16 & 255;
+            let g = color >> 8 & 255;
+            let r = color & 255;
+            a = roundStep(a, roundAlpha);
+            if (oneBitAlpha) {
+              const threshold = typeof oneBitAlpha === 'number' ? oneBitAlpha : 127;
+              a = a <= threshold ? 0 : 255;
+            }
+            r = roundStep(r, roundRGB);
+            g = roundStep(g, roundRGB);
+            b = roundStep(b, roundRGB);
+            data[i] = a << 24 | b << 16 | g << 8 | r << 0;
+          }
+        }
+        function applyPalette(rgba, palette, format = 'rgb565') {
+          if (!rgba || !rgba.buffer) {
+            throw new Error('quantize() expected RGBA Uint8Array data');
+          }
+          if (!(rgba instanceof Uint8Array) && !(rgba instanceof Uint8ClampedArray)) {
+            throw new Error('quantize() expected RGBA Uint8Array data');
+          }
+          if (palette.length > 256) {
+            throw new Error('applyPalette() only works with 256 colors or less');
+          }
+          const data = new Uint32Array(rgba.buffer);
+          const length = data.length;
+          const bincount = format === 'rgb444' ? 4096 : 65536;
+          const index = new Uint8Array(length);
+          const cache = new Array(bincount);
+          const hasAlpha = format === 'rgba4444';
+          if (format === 'rgba4444') {
+            for (let i = 0; i < length; i++) {
+              const color = data[i];
+              const a = color >> 24 & 255;
+              const b = color >> 16 & 255;
+              const g = color >> 8 & 255;
+              const r = color & 255;
+              const key = rgba8888_to_rgba4444(r, g, b, a);
+              const idx = key in cache ? cache[key] : cache[key] = nearestColorIndexRGBA(r, g, b, a, palette);
+              index[i] = idx;
+            }
+          } else {
+            const rgb888_to_key = format === 'rgb444' ? rgb888_to_rgb444 : rgb888_to_rgb565;
+            for (let i = 0; i < length; i++) {
+              const color = data[i];
+              const b = color >> 16 & 255;
+              const g = color >> 8 & 255;
+              const r = color & 255;
+              const key = rgb888_to_key(r, g, b);
+              const idx = key in cache ? cache[key] : cache[key] = nearestColorIndexRGB(r, g, b, palette);
+              index[i] = idx;
+            }
+          }
+          return index;
+        }
+        function nearestColorIndexRGBA(r, g, b, a, palette) {
+          let k = 0;
+          let mindist = 1e+100;
+          for (let i = 0; i < palette.length; i++) {
+            const px2 = palette[i];
+            const a2 = px2[3];
+            let curdist = sqr2(a2 - a);
+            if (curdist > mindist) continue;
+            const r2 = px2[0];
+            curdist += sqr2(r2 - r);
+            if (curdist > mindist) continue;
+            const g2 = px2[1];
+            curdist += sqr2(g2 - g);
+            if (curdist > mindist) continue;
+            const b2 = px2[2];
+            curdist += sqr2(b2 - b);
+            if (curdist > mindist) continue;
+            mindist = curdist;
+            k = i;
+          }
+          return k;
+        }
+        function nearestColorIndexRGB(r, g, b, palette) {
+          let k = 0;
+          let mindist = 1e+100;
+          for (let i = 0; i < palette.length; i++) {
+            const px2 = palette[i];
+            const r2 = px2[0];
+            let curdist = sqr2(r2 - r);
+            if (curdist > mindist) continue;
+            const g2 = px2[1];
+            curdist += sqr2(g2 - g);
+            if (curdist > mindist) continue;
+            const b2 = px2[2];
+            curdist += sqr2(b2 - b);
+            if (curdist > mindist) continue;
+            mindist = curdist;
+            k = i;
+          }
+          return k;
+        }
+        function snapColorsToPalette(palette, knownColors, threshold = 5) {
+          if (!palette.length || !knownColors.length) return;
+          const paletteRGB = palette.map(p=>p.slice(0, 3));
+          const thresholdSq = threshold * threshold;
+          const dim = palette[0].length;
+          for (let i = 0; i < knownColors.length; i++) {
+            let color = knownColors[i];
+            if (color.length < dim) {
+              color = [
+                color[0],
+                color[1],
+                color[2],
+                255
+              ];
+            } else if (color.length > dim) {
+              color = color.slice(0, 3);
+            } else {
+              color = color.slice();
+            }
+            const r = nearestColorIndexWithDistance(paletteRGB, color.slice(0, 3), euclideanDistanceSquared);
+            const idx = r[0];
+            const distanceSq = r[1];
+            if (distanceSq > 0 && distanceSq <= thresholdSq) {
+              palette[idx] = color;
+            }
+          }
+        }
+        function sqr2(a) {
+          return a * a;
+        }
+        function nearestColorIndex(colors, pixel, distanceFn = euclideanDistanceSquared) {
+          let minDist = Infinity;
+          let minDistIndex = - 1;
+          for (let j = 0; j < colors.length; j++) {
+            const paletteColor = colors[j];
+            const dist = distanceFn(pixel, paletteColor);
+            if (dist < minDist) {
+              minDist = dist;
+              minDistIndex = j;
+            }
+          }
+          return minDistIndex;
+        }
+        function nearestColorIndexWithDistance(colors, pixel, distanceFn = euclideanDistanceSquared) {
+          let minDist = Infinity;
+          let minDistIndex = - 1;
+          for (let j = 0; j < colors.length; j++) {
+            const paletteColor = colors[j];
+            const dist = distanceFn(pixel, paletteColor);
+            if (dist < minDist) {
+              minDist = dist;
+              minDistIndex = j;
+            }
+          }
+          return [minDistIndex,
+          minDist];
+        }
+        function nearestColor(colors, pixel, distanceFn = euclideanDistanceSquared) {
+          return colors[nearestColorIndex(colors, pixel, distanceFn)];
+        }        // src/index.js
+
+        function GIFEncoder(opt = {
+        }) {
+          const {
+            initialCapacity = 4096,
+            auto = true
+          }
+          = opt;
+          const stream = createStream(initialCapacity);
+          const HSIZE = 5003;
+          const accum = new Uint8Array(256);
+          const htab = new Int32Array(HSIZE);
+          const codetab = new Int32Array(HSIZE);
+          let hasInit = false;
+          return {
+            reset() {
+              stream.reset();
+              hasInit = false;
+            },
+            finish() {
+              stream.writeByte(constants_default.trailer);
+            },
+            bytes() {
+              return stream.bytes();
+            },
+            bytesView() {
+              return stream.bytesView();
+            },
+            get buffer() {
+              return stream.buffer;
+            },
+            get stream() {
+              return stream;
+            },
+            writeHeader,
+            writeFrame(index, width, height, opts = {
+            }) {
+              const {
+                transparent = false,
+                transparentIndex = 0,
+                delay = 0,
+                palette = null,
+                repeat = 0,
+                colorDepth = 8,
+                dispose = - 1
+              }
+              = opts;
+              let first = false;
+              if (auto) {
+                if (!hasInit) {
+                  first = true;
+                  writeHeader();
+                  hasInit = true;
+                }
+              } else {
+                first = Boolean(opts.first);
+              }
+              width = Math.max(0, Math.floor(width));
+              height = Math.max(0, Math.floor(height));
+              if (first) {
+                if (!palette) {
+                  throw new Error('First frame must include a { palette } option');
+                }
+                encodeLogicalScreenDescriptor(stream, width, height, palette, colorDepth);
+                encodeColorTable(stream, palette);
+                if (repeat >= 0) {
+                  encodeNetscapeExt(stream, repeat);
+                }
+              }
+              const delayTime = Math.round(delay / 10);
+              encodeGraphicControlExt(stream, dispose, delayTime, transparent, transparentIndex);
+              const useLocalColorTable = Boolean(palette) && !first;
+              encodeImageDescriptor(stream, width, height, useLocalColorTable ? palette : null);
+              if (useLocalColorTable) encodeColorTable(stream, palette);
+              encodePixels(stream, index, width, height, colorDepth, accum, htab, codetab);
+            }
+          };
+          function writeHeader() {
+            writeUTFBytes(stream, 'GIF89a');
+          }
+        }
+        function encodeGraphicControlExt(stream, dispose, delay, transparent, transparentIndex) {
+          stream.writeByte(33);
+          stream.writeByte(249);
+          stream.writeByte(4);
+          if (transparentIndex < 0) {
+            transparentIndex = 0;
+            transparent = false;
+          }
+          var transp,
+          disp;
+          if (!transparent) {
+            transp = 0;
+            disp = 0;
+          } else {
+            transp = 1;
+            disp = 2;
+          }
+          if (dispose >= 0) {
+            disp = dispose & 7;
+          }
+          disp <<= 2;
+          const userInput = 0;
+          stream.writeByte(0 | disp | userInput | transp);
+          writeUInt16(stream, delay);
+          stream.writeByte(transparentIndex || 0);
+          stream.writeByte(0);
+        }
+        function encodeLogicalScreenDescriptor(stream, width, height, palette, colorDepth = 8) {
+          const globalColorTableFlag = 1;
+          const sortFlag = 0;
+          const globalColorTableSize = colorTableSize(palette.length) - 1;
+          const fields = globalColorTableFlag << 7 | colorDepth - 1 << 4 | sortFlag << 3 | globalColorTableSize;
+          const backgroundColorIndex = 0;
+          const pixelAspectRatio = 0;
+          writeUInt16(stream, width);
+          writeUInt16(stream, height);
+          stream.writeBytes([fields,
+          backgroundColorIndex,
+          pixelAspectRatio]);
+        }
+        function encodeNetscapeExt(stream, repeat) {
+          stream.writeByte(33);
+          stream.writeByte(255);
+          stream.writeByte(11);
+          writeUTFBytes(stream, 'NETSCAPE2.0');
+          stream.writeByte(3);
+          stream.writeByte(1);
+          writeUInt16(stream, repeat);
+          stream.writeByte(0);
+        }
+        function encodeColorTable(stream, palette) {
+          const colorTableLength = 1 << colorTableSize(palette.length);
+          for (let i = 0; i < colorTableLength; i++) {
+            let color = [
+              0,
+              0,
+              0
+            ];
+            if (i < palette.length) {
+              color = palette[i];
+            }
+            stream.writeByte(color[0]);
+            stream.writeByte(color[1]);
+            stream.writeByte(color[2]);
+          }
+        }
+        function encodeImageDescriptor(stream, width, height, localPalette) {
+          stream.writeByte(44);
+          writeUInt16(stream, 0);
+          writeUInt16(stream, 0);
+          writeUInt16(stream, width);
+          writeUInt16(stream, height);
+          if (localPalette) {
+            const interlace = 0;
+            const sorted = 0;
+            const palSize = colorTableSize(localPalette.length) - 1;
+            stream.writeByte(128 | interlace | sorted | 0 | palSize);
+          } else {
+            stream.writeByte(0);
+          }
+        }
+        function encodePixels(stream, index, width, height, colorDepth = 8, accum, htab, codetab) {
+          lzwEncode_default(width, height, index, colorDepth, stream, accum, htab, codetab);
+        }
+        function writeUInt16(stream, short) {
+          stream.writeByte(short & 255);
+          stream.writeByte(short >> 8 & 255);
+        }
+        function writeUTFBytes(stream, text) {
+          for (var i = 0; i < text.length; i++) {
+            stream.writeByte(text.charCodeAt(i));
+          }
+        }
+        function colorTableSize(length) {
+          return Math.max(Math.ceil(Math.log2(length)), 1);
+        }
+        var src_default = GIFEncoder;
+      },
+      {
+      }
+    ],
+    264: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        function _interopDefault(ex) {
+          return ex && typeof ex === 'object' && 'default' in ex ? ex['default'] : ex;
+        }
+        var _classCallCheck = _interopDefault(_dereq_('@babel/runtime/helpers/classCallCheck'));
+        var _createClass = _interopDefault(_dereq_('@babel/runtime/helpers/createClass'));
+        var arr = [
+        ];
+        var each = arr.forEach;
+        var slice = arr.slice;
+        function defaults(obj) {
+          each.call(slice.call(arguments, 1), function (source) {
+            if (source) {
+              for (var prop in source) {
+                if (obj[prop] === undefined) obj[prop] = source[prop];
+              }
+            }
+          });
+          return obj;
+        }
+        var cookie = {
+          create: function create(name, value, minutes, domain) {
+            var expires;
+            if (minutes) {
+              var date = new Date();
+              date.setTime(date.getTime() + minutes * 60 * 1000);
+              expires = '; expires=' + date.toGMTString();
+            } else expires = '';
+            domain = domain ? 'domain=' + domain + ';' : '';
+            document.cookie = name + '=' + value + expires + ';' + domain + 'path=/';
+          },
+          read: function read(name) {
+            var nameEQ = name + '=';
+            var ca = document.cookie.split(';');
+            for (var i = 0; i < ca.length; i++) {
+              var c = ca[i];
+              while (c.charAt(0) === ' ') {
+                c = c.substring(1, c.length);
+              }
+              if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
+            }
+            return null;
+          },
+          remove: function remove(name) {
+            this.create(name, '', - 1);
+          }
+        };
+        var cookie$1 = {
+          name: 'cookie',
+          lookup: function lookup(options) {
+            var found;
+            if (options.lookupCookie && typeof document !== 'undefined') {
+              var c = cookie.read(options.lookupCookie);
+              if (c) found = c;
+            }
+            return found;
+          },
+          cacheUserLanguage: function cacheUserLanguage(lng, options) {
+            if (options.lookupCookie && typeof document !== 'undefined') {
+              cookie.create(options.lookupCookie, lng, options.cookieMinutes, options.cookieDomain);
+            }
+          }
+        };
+        var querystring = {
+          name: 'querystring',
+          lookup: function lookup(options) {
+            var found;
+            if (typeof window !== 'undefined') {
+              var query = window.location.search.substring(1);
+              var params = query.split('&');
+              for (var i = 0; i < params.length; i++) {
+                var pos = params[i].indexOf('=');
+                if (pos > 0) {
+                  var key = params[i].substring(0, pos);
+                  if (key === options.lookupQuerystring) {
+                    found = params[i].substring(pos + 1);
+                  }
+                }
+              }
+            }
+            return found;
+          }
+        };
+        var hasLocalStorageSupport;
+        try {
+          hasLocalStorageSupport = window !== 'undefined' && window.localStorage !== null;
+          var testKey = 'i18next.translate.boo';
+          window.localStorage.setItem(testKey, 'foo');
+          window.localStorage.removeItem(testKey);
+        } catch (e) {
+          hasLocalStorageSupport = false;
+        }
+        var localStorage = {
+          name: 'localStorage',
+          lookup: function lookup(options) {
+            var found;
+            if (options.lookupLocalStorage && hasLocalStorageSupport) {
+              var lng = window.localStorage.getItem(options.lookupLocalStorage);
+              if (lng) found = lng;
+            }
+            return found;
+          },
+          cacheUserLanguage: function cacheUserLanguage(lng, options) {
+            if (options.lookupLocalStorage && hasLocalStorageSupport) {
+              window.localStorage.setItem(options.lookupLocalStorage, lng);
+            }
+          }
+        };
+        var navigator$1 = {
+          name: 'navigator',
+          lookup: function lookup(options) {
+            var found = [
+            ];
+            if (typeof navigator !== 'undefined') {
+              if (navigator.languages) {
+                // chrome only; not an array, so can't use .push.apply instead of iterating
+                for (var i = 0; i < navigator.languages.length; i++) {
+                  found.push(navigator.languages[i]);
+                }
+              }
+              if (navigator.userLanguage) {
+                found.push(navigator.userLanguage);
+              }
+              if (navigator.language) {
+                found.push(navigator.language);
+              }
+            }
+            return found.length > 0 ? found : undefined;
+          }
+        };
+        var htmlTag = {
+          name: 'htmlTag',
+          lookup: function lookup(options) {
+            var found;
+            var htmlTag = options.htmlTag || (typeof document !== 'undefined' ? document.documentElement : null);
+            if (htmlTag && typeof htmlTag.getAttribute === 'function') {
+              found = htmlTag.getAttribute('lang');
+            }
+            return found;
+          }
+        };
+        var path = {
+          name: 'path',
+          lookup: function lookup(options) {
+            var found;
+            if (typeof window !== 'undefined') {
+              var language = window.location.pathname.match(/\/([a-zA-Z-]*)/g);
+              if (language instanceof Array) {
+                if (typeof options.lookupFromPathIndex === 'number') {
+                  if (typeof language[options.lookupFromPathIndex] !== 'string') {
+                    return undefined;
+                  }
+                  found = language[options.lookupFromPathIndex].replace('/', '');
+                } else {
+                  found = language[0].replace('/', '');
+                }
+              }
+            }
+            return found;
+          }
+        };
+        var subdomain = {
+          name: 'subdomain',
+          lookup: function lookup(options) {
+            var found;
+            if (typeof window !== 'undefined') {
+              var language = window.location.href.match(/(?:http[s]*\:\/\/)*(.*?)\.(?=[^\/]*\..{2,5})/gi);
+              if (language instanceof Array) {
+                if (typeof options.lookupFromSubdomainIndex === 'number') {
+                  found = language[options.lookupFromSubdomainIndex].replace('http://', '').replace('https://', '').replace('.', '');
+                } else {
+                  found = language[0].replace('http://', '').replace('https://', '').replace('.', '');
+                }
+              }
+            }
+            return found;
+          }
+        };
+        function getDefaults() {
+          return {
+            order: [
+              'querystring',
+              'cookie',
+              'localStorage',
+              'navigator',
+              'htmlTag'
+            ],
+            lookupQuerystring: 'lng',
+            lookupCookie: 'i18next',
+            lookupLocalStorage: 'i18nextLng',
+            // cache user language
+            caches: [
+              'localStorage'
+            ],
+            excludeCacheFor: [
+              'cimode'
+            ],
+            //cookieMinutes: 10,
+            //cookieDomain: 'myDomain'
+            checkWhitelist: true
+          };
+        }
+        var Browser = /*#__PURE__*/
+        function () {
+          function Browser(services) {
+            var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+            };
+            _classCallCheck(this, Browser);
+            this.type = 'languageDetector';
+            this.detectors = {
+            };
+            this.init(services, options);
+          }
+          _createClass(Browser, [
+            {
+              key: 'init',
+              value: function init(services) {
+                var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+                };
+                var i18nOptions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
+                };
+                this.services = services;
+                this.options = defaults(options, this.options || {
+                }, getDefaults()); // backwards compatibility
+                if (this.options.lookupFromUrlIndex) this.options.lookupFromPathIndex = this.options.lookupFromUrlIndex;
+                this.i18nOptions = i18nOptions;
+                this.addDetector(cookie$1);
+                this.addDetector(querystring);
+                this.addDetector(localStorage);
+                this.addDetector(navigator$1);
+                this.addDetector(htmlTag);
+                this.addDetector(path);
+                this.addDetector(subdomain);
+              }
+            },
+            {
+              key: 'addDetector',
+              value: function addDetector(detector) {
+                this.detectors[detector.name] = detector;
+              }
+            },
+            {
+              key: 'detect',
+              value: function detect(detectionOrder) {
+                var _this = this;
+                if (!detectionOrder) detectionOrder = this.options.order;
+                var detected = [
+                ];
+                detectionOrder.forEach(function (detectorName) {
+                  if (_this.detectors[detectorName]) {
+                    var lookup = _this.detectors[detectorName].lookup(_this.options);
+                    if (lookup && typeof lookup === 'string') lookup = [
+                      lookup
+                    ];
+                    if (lookup) detected = detected.concat(lookup);
+                  }
+                });
+                var found;
+                detected.forEach(function (lng) {
+                  if (found) return;
+                  var cleanedLng = _this.services.languageUtils.formatLanguageCode(lng);
+                  if (!_this.options.checkWhitelist || _this.services.languageUtils.isWhitelisted(cleanedLng)) found = cleanedLng;
+                });
+                if (!found) {
+                  var fallbacks = this.i18nOptions.fallbackLng;
+                  if (typeof fallbacks === 'string') fallbacks = [
+                    fallbacks
+                  ];
+                  if (!fallbacks) fallbacks = [
+                  ];
+                  if (Object.prototype.toString.apply(fallbacks) === '[object Array]') {
+                    found = fallbacks[0];
+                  } else {
+                    found = fallbacks[0] || fallbacks['default'] && fallbacks['default'][0];
+                  }
+                }
+                return found;
+              }
+            },
+            {
+              key: 'cacheUserLanguage',
+              value: function cacheUserLanguage(lng, caches) {
+                var _this2 = this;
+                if (!caches) caches = this.options.caches;
+                if (!caches) return;
+                if (this.options.excludeCacheFor && this.options.excludeCacheFor.indexOf(lng) > - 1) return;
+                caches.forEach(function (cacheName) {
+                  if (_this2.detectors[cacheName]) _this2.detectors[cacheName].cacheUserLanguage(lng, _this2.options);
+                });
+              }
+            }
+          ]);
+          return Browser;
+        }();
+        Browser.type = 'languageDetector';
+        module.exports = Browser;
+      },
+      {
+        '@babel/runtime/helpers/classCallCheck': 265,
+        '@babel/runtime/helpers/createClass': 266
+      }
+    ],
+    265: [
+      function (_dereq_, module, exports) {
+        arguments[4][5][0].apply(exports, arguments)
+      },
+      {
+        'dup': 5
+      }
+    ],
+    266: [
+      function (_dereq_, module, exports) {
+        arguments[4][6][0].apply(exports, arguments)
+      },
+      {
+        'dup': 6
+      }
+    ],
+    267: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        function _interopDefault(ex) {
+          return ex && typeof ex === 'object' && 'default' in ex ? ex['default'] : ex;
+        }
+        var _typeof = _interopDefault(_dereq_('@babel/runtime/helpers/typeof'));
+        var _objectSpread = _interopDefault(_dereq_('@babel/runtime/helpers/objectSpread'));
+        var _classCallCheck = _interopDefault(_dereq_('@babel/runtime/helpers/classCallCheck'));
+        var _createClass = _interopDefault(_dereq_('@babel/runtime/helpers/createClass'));
+        var _possibleConstructorReturn = _interopDefault(_dereq_('@babel/runtime/helpers/possibleConstructorReturn'));
+        var _getPrototypeOf = _interopDefault(_dereq_('@babel/runtime/helpers/getPrototypeOf'));
+        var _assertThisInitialized = _interopDefault(_dereq_('@babel/runtime/helpers/assertThisInitialized'));
+        var _inherits = _interopDefault(_dereq_('@babel/runtime/helpers/inherits'));
+        var _toConsumableArray = _interopDefault(_dereq_('@babel/runtime/helpers/toConsumableArray'));
+        var _slicedToArray = _interopDefault(_dereq_('@babel/runtime/helpers/slicedToArray'));
+        var consoleLogger = {
+          type: 'logger',
+          log: function log(args) {
+            this.output('log', args);
+          },
+          warn: function warn(args) {
+            this.output('warn', args);
+          },
+          error: function error(args) {
+            this.output('error', args);
+          },
+          output: function output(type, args) {
+            var _console;
+            /* eslint no-console: 0 */
+            if (console && console[type]) (_console = console) [type].apply(_console, _toConsumableArray(args));
+          }
+        };
+        var Logger = /*#__PURE__*/
+        function () {
+          function Logger(concreteLogger) {
+            var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+            };
+            _classCallCheck(this, Logger);
+            this.init(concreteLogger, options);
+          }
+          _createClass(Logger, [
+            {
+              key: 'init',
+              value: function init(concreteLogger) {
+                var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+                };
+                this.prefix = options.prefix || 'i18next:';
+                this.logger = concreteLogger || consoleLogger;
+                this.options = options;
+                this.debug = options.debug;
+              }
+            },
+            {
+              key: 'setDebug',
+              value: function setDebug(bool) {
+                this.debug = bool;
+              }
+            },
+            {
+              key: 'log',
+              value: function log() {
+                for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+                  args[_key] = arguments[_key];
+                }
+                return this.forward(args, 'log', '', true);
+              }
+            },
+            {
+              key: 'warn',
+              value: function warn() {
+                for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+                  args[_key2] = arguments[_key2];
+                }
+                return this.forward(args, 'warn', '', true);
+              }
+            },
+            {
+              key: 'error',
+              value: function error() {
+                for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+                  args[_key3] = arguments[_key3];
+                }
+                return this.forward(args, 'error', '');
+              }
+            },
+            {
+              key: 'deprecate',
+              value: function deprecate() {
+                for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+                  args[_key4] = arguments[_key4];
+                }
+                return this.forward(args, 'warn', 'WARNING DEPRECATED: ', true);
+              }
+            },
+            {
+              key: 'forward',
+              value: function forward(args, lvl, prefix, debugOnly) {
+                if (debugOnly && !this.debug) return null;
+                if (typeof args[0] === 'string') args[0] = ''.concat(prefix).concat(this.prefix, ' ').concat(args[0]);
+                return this.logger[lvl](args);
+              }
+            },
+            {
+              key: 'create',
+              value: function create(moduleName) {
+                return new Logger(this.logger, _objectSpread({
+                }, {
+                  prefix: ''.concat(this.prefix, ':').concat(moduleName, ':')
+                }, this.options));
+              }
+            }
+          ]);
+          return Logger;
+        }();
+        var baseLogger = new Logger();
+        var EventEmitter = /*#__PURE__*/
+        function () {
+          function EventEmitter() {
+            _classCallCheck(this, EventEmitter);
+            this.observers = {
+            };
+          }
+          _createClass(EventEmitter, [
+            {
+              key: 'on',
+              value: function on(events, listener) {
+                var _this = this;
+                events.split(' ').forEach(function (event) {
+                  _this.observers[event] = _this.observers[event] || [
+                  ];
+                  _this.observers[event].push(listener);
+                });
+                return this;
+              }
+            },
+            {
+              key: 'off',
+              value: function off(event, listener) {
+                if (!this.observers[event]) return;
+                if (!listener) {
+                  delete this.observers[event];
+                  return;
+                }
+                this.observers[event] = this.observers[event].filter(function (l) {
+                  return l !== listener;
+                });
+              }
+            },
+            {
+              key: 'emit',
+              value: function emit(event) {
+                for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+                  args[_key - 1] = arguments[_key];
+                }
+                if (this.observers[event]) {
+                  var cloned = [
+                  ].concat(this.observers[event]);
+                  cloned.forEach(function (observer) {
+                    observer.apply(void 0, args);
+                  });
+                }
+                if (this.observers['*']) {
+                  var _cloned = [
+                  ].concat(this.observers['*']);
+                  _cloned.forEach(function (observer) {
+                    observer.apply(observer, [
+                      event
+                    ].concat(args));
+                  });
+                }
+              }
+            }
+          ]);
+          return EventEmitter;
+        }();
+        // http://lea.verou.me/2016/12/resolve-promises-externally-with-this-one-weird-trick/
+        function defer() {
+          var res;
+          var rej;
+          var promise = new Promise(function (resolve, reject) {
+            res = resolve;
+            rej = reject;
+          });
+          promise.resolve = res;
+          promise.reject = rej;
+          return promise;
+        }
+        function makeString(object) {
+          if (object == null) return '';
+          /* eslint prefer-template: 0 */
+          return '' + object;
+        }
+        function copy(a, s, t) {
+          a.forEach(function (m) {
+            if (s[m]) t[m] = s[m];
+          });
+        }
+        function getLastOfPath(object, path, Empty) {
+          function cleanKey(key) {
+            return key && key.indexOf('###') > - 1 ? key.replace(/###/g, '.') : key;
+          }
+          function canNotTraverseDeeper() {
+            return !object || typeof object === 'string';
+          }
+          var stack = typeof path !== 'string' ? [
+          ].concat(path) : path.split('.');
+          while (stack.length > 1) {
+            if (canNotTraverseDeeper()) return {
+            };
+            var key = cleanKey(stack.shift());
+            if (!object[key] && Empty) object[key] = new Empty();
+            object = object[key];
+          }
+          if (canNotTraverseDeeper()) return {
+          };
+          return {
+            obj: object,
+            k: cleanKey(stack.shift())
+          };
+        }
+        function setPath(object, path, newValue) {
+          var _getLastOfPath = getLastOfPath(object, path, Object),
+          obj = _getLastOfPath.obj,
+          k = _getLastOfPath.k;
+          obj[k] = newValue;
+        }
+        function pushPath(object, path, newValue, concat) {
+          var _getLastOfPath2 = getLastOfPath(object, path, Object),
+          obj = _getLastOfPath2.obj,
+          k = _getLastOfPath2.k;
+          obj[k] = obj[k] || [
+          ];
+          if (concat) obj[k] = obj[k].concat(newValue);
+          if (!concat) obj[k].push(newValue);
+        }
+        function getPath(object, path) {
+          var _getLastOfPath3 = getLastOfPath(object, path),
+          obj = _getLastOfPath3.obj,
+          k = _getLastOfPath3.k;
+          if (!obj) return undefined;
+          return obj[k];
+        }
+        function getPathWithDefaults(data, defaultData, key) {
+          var value = getPath(data, key);
+          if (value !== undefined) {
+            return value;
+          } // Fallback to default values
+
+          return getPath(defaultData, key);
+        }
+        function deepExtend(target, source, overwrite) {
+          /* eslint no-restricted-syntax: 0 */
+          for (var prop in source) {
+            if (prop in target) {
+              // If we reached a leaf string in target or source then replace with source or skip depending on the 'overwrite' switch
+              if (typeof target[prop] === 'string' || target[prop] instanceof String || typeof source[prop] === 'string' || source[prop] instanceof String) {
+                if (overwrite) target[prop] = source[prop];
+              } else {
+                deepExtend(target[prop], source[prop], overwrite);
+              }
+            } else {
+              target[prop] = source[prop];
+            }
+          }
+          return target;
+        }
+        function regexEscape(str) {
+          /* eslint no-useless-escape: 0 */
+          return str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, '\\$&');
+        }        /* eslint-disable */
+
+        var _entityMap = {
+          '&': '&amp;',
+          '<': '&lt;',
+          '>': '&gt;',
+          '"': '&quot;',
+          '\'': '&#39;',
+          '/': '&#x2F;'
+        };
+        /* eslint-enable */
+        function escape(data) {
+          if (typeof data === 'string') {
+            return data.replace(/[&<>"'\/]/g, function (s) {
+              return _entityMap[s];
+            });
+          }
+          return data;
+        }
+        var ResourceStore = /*#__PURE__*/
+        function (_EventEmitter) {
+          _inherits(ResourceStore, _EventEmitter);
+          function ResourceStore(data) {
+            var _this;
+            var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+              ns: [
+                'translation'
+              ],
+              defaultNS: 'translation'
+            };
+            _classCallCheck(this, ResourceStore);
+            _this = _possibleConstructorReturn(this, _getPrototypeOf(ResourceStore).call(this));
+            EventEmitter.call(_assertThisInitialized(_this)); // <=IE10 fix (unable to call parent constructor)
+            _this.data = data || {
+            };
+            _this.options = options;
+            if (_this.options.keySeparator === undefined) {
+              _this.options.keySeparator = '.';
+            }
+            return _this;
+          }
+          _createClass(ResourceStore, [
+            {
+              key: 'addNamespaces',
+              value: function addNamespaces(ns) {
+                if (this.options.ns.indexOf(ns) < 0) {
+                  this.options.ns.push(ns);
+                }
+              }
+            },
+            {
+              key: 'removeNamespaces',
+              value: function removeNamespaces(ns) {
+                var index = this.options.ns.indexOf(ns);
+                if (index > - 1) {
+                  this.options.ns.splice(index, 1);
+                }
+              }
+            },
+            {
+              key: 'getResource',
+              value: function getResource(lng, ns, key) {
+                var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {
+                };
+                var keySeparator = options.keySeparator !== undefined ? options.keySeparator : this.options.keySeparator;
+                var path = [
+                  lng,
+                  ns
+                ];
+                if (key && typeof key !== 'string') path = path.concat(key);
+                if (key && typeof key === 'string') path = path.concat(keySeparator ? key.split(keySeparator) : key);
+                if (lng.indexOf('.') > - 1) {
+                  path = lng.split('.');
+                }
+                return getPath(this.data, path);
+              }
+            },
+            {
+              key: 'addResource',
+              value: function addResource(lng, ns, key, value) {
+                var options = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {
+                  silent: false
+                };
+                var keySeparator = this.options.keySeparator;
+                if (keySeparator === undefined) keySeparator = '.';
+                var path = [
+                  lng,
+                  ns
+                ];
+                if (key) path = path.concat(keySeparator ? key.split(keySeparator) : key);
+                if (lng.indexOf('.') > - 1) {
+                  path = lng.split('.');
+                  value = ns;
+                  ns = path[1];
+                }
+                this.addNamespaces(ns);
+                setPath(this.data, path, value);
+                if (!options.silent) this.emit('added', lng, ns, key, value);
+              }
+            },
+            {
+              key: 'addResources',
+              value: function addResources(lng, ns, resources) {
+                var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {
+                  silent: false
+                };
+                /* eslint no-restricted-syntax: 0 */
+                for (var m in resources) {
+                  if (typeof resources[m] === 'string' || Object.prototype.toString.apply(resources[m]) === '[object Array]') this.addResource(lng, ns, m, resources[m], {
+                    silent: true
+                  });
+                }
+                if (!options.silent) this.emit('added', lng, ns, resources);
+              }
+            },
+            {
+              key: 'addResourceBundle',
+              value: function addResourceBundle(lng, ns, resources, deep, overwrite) {
+                var options = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {
+                  silent: false
+                };
+                var path = [
+                  lng,
+                  ns
+                ];
+                if (lng.indexOf('.') > - 1) {
+                  path = lng.split('.');
+                  deep = resources;
+                  resources = ns;
+                  ns = path[1];
+                }
+                this.addNamespaces(ns);
+                var pack = getPath(this.data, path) || {
+                };
+                if (deep) {
+                  deepExtend(pack, resources, overwrite);
+                } else {
+                  pack = _objectSpread({
+                  }, pack, resources);
+                }
+                setPath(this.data, path, pack);
+                if (!options.silent) this.emit('added', lng, ns, resources);
+              }
+            },
+            {
+              key: 'removeResourceBundle',
+              value: function removeResourceBundle(lng, ns) {
+                if (this.hasResourceBundle(lng, ns)) {
+                  delete this.data[lng][ns];
+                }
+                this.removeNamespaces(ns);
+                this.emit('removed', lng, ns);
+              }
+            },
+            {
+              key: 'hasResourceBundle',
+              value: function hasResourceBundle(lng, ns) {
+                return this.getResource(lng, ns) !== undefined;
+              }
+            },
+            {
+              key: 'getResourceBundle',
+              value: function getResourceBundle(lng, ns) {
+                if (!ns) ns = this.options.defaultNS; // COMPATIBILITY: remove extend in v2.1.0
+                if (this.options.compatibilityAPI === 'v1') return _objectSpread({
+                }, {
+                }, this.getResource(lng, ns));
+                return this.getResource(lng, ns);
+              }
+            },
+            {
+              key: 'getDataByLanguage',
+              value: function getDataByLanguage(lng) {
+                return this.data[lng];
+              }
+            },
+            {
+              key: 'toJSON',
+              value: function toJSON() {
+                return this.data;
+              }
+            }
+          ]);
+          return ResourceStore;
+        }(EventEmitter);
+        var postProcessor = {
+          processors: {
+          },
+          addPostProcessor: function addPostProcessor(module) {
+            this.processors[module.name] = module;
+          },
+          handle: function handle(processors, value, key, options, translator) {
+            var _this = this;
+            processors.forEach(function (processor) {
+              if (_this.processors[processor]) value = _this.processors[processor].process(value, key, options, translator);
+            });
+            return value;
+          }
+        };
+        var checkedLoadedFor = {
+        };
+        var Translator = /*#__PURE__*/
+        function (_EventEmitter) {
+          _inherits(Translator, _EventEmitter);
+          function Translator(services) {
+            var _this;
+            var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+            };
+            _classCallCheck(this, Translator);
+            _this = _possibleConstructorReturn(this, _getPrototypeOf(Translator).call(this));
+            EventEmitter.call(_assertThisInitialized(_this)); // <=IE10 fix (unable to call parent constructor)
+            copy(['resourceStore',
+            'languageUtils',
+            'pluralResolver',
+            'interpolator',
+            'backendConnector',
+            'i18nFormat',
+            'utils'], services, _assertThisInitialized(_this));
+            _this.options = options;
+            if (_this.options.keySeparator === undefined) {
+              _this.options.keySeparator = '.';
+            }
+            _this.logger = baseLogger.create('translator');
+            return _this;
+          }
+          _createClass(Translator, [
+            {
+              key: 'changeLanguage',
+              value: function changeLanguage(lng) {
+                if (lng) this.language = lng;
+              }
+            },
+            {
+              key: 'exists',
+              value: function exists(key) {
+                var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+                  interpolation: {
+                  }
+                };
+                var resolved = this.resolve(key, options);
+                return resolved && resolved.res !== undefined;
+              }
+            },
+            {
+              key: 'extractFromKey',
+              value: function extractFromKey(key, options) {
+                var nsSeparator = options.nsSeparator || this.options.nsSeparator;
+                if (nsSeparator === undefined) nsSeparator = ':';
+                var keySeparator = options.keySeparator !== undefined ? options.keySeparator : this.options.keySeparator;
+                var namespaces = options.ns || this.options.defaultNS;
+                if (nsSeparator && key.indexOf(nsSeparator) > - 1) {
+                  var parts = key.split(nsSeparator);
+                  if (nsSeparator !== keySeparator || nsSeparator === keySeparator && this.options.ns.indexOf(parts[0]) > - 1) namespaces = parts.shift();
+                  key = parts.join(keySeparator);
+                }
+                if (typeof namespaces === 'string') namespaces = [
+                  namespaces
+                ];
+                return {
+                  key: key,
+                  namespaces: namespaces
+                };
+              }
+            },
+            {
+              key: 'translate',
+              value: function translate(keys, options) {
+                var _this2 = this;
+                if (_typeof(options) !== 'object' && this.options.overloadTranslationOptionHandler) {
+                  /* eslint prefer-rest-params: 0 */
+                  options = this.options.overloadTranslationOptionHandler(arguments);
+                }
+                if (!options) options = {
+                }; // non valid keys handling
+                if (keys === undefined || keys === null                /* || keys === ''*/ 
+                ) return '';
+                if (!Array.isArray(keys)) keys = [
+                  String(keys)
+                ]; // separators
+                var keySeparator = options.keySeparator !== undefined ? options.keySeparator : this.options.keySeparator; // get namespace(s)
+                var _this$extractFromKey = this.extractFromKey(keys[keys.length - 1], options),
+                key = _this$extractFromKey.key,
+                namespaces = _this$extractFromKey.namespaces;
+                var namespace = namespaces[namespaces.length - 1]; // return key on CIMode
+                var lng = options.lng || this.language;
+                var appendNamespaceToCIMode = options.appendNamespaceToCIMode || this.options.appendNamespaceToCIMode;
+                if (lng && lng.toLowerCase() === 'cimode') {
+                  if (appendNamespaceToCIMode) {
+                    var nsSeparator = options.nsSeparator || this.options.nsSeparator;
+                    return namespace + nsSeparator + key;
+                  }
+                  return key;
+                } // resolve from store
+
+                var resolved = this.resolve(keys, options);
+                var res = resolved && resolved.res;
+                var resUsedKey = resolved && resolved.usedKey || key;
+                var resExactUsedKey = resolved && resolved.exactUsedKey || key;
+                var resType = Object.prototype.toString.apply(res);
+                var noObject = [
+                  '[object Number]',
+                  '[object Function]',
+                  '[object RegExp]'
+                ];
+                var joinArrays = options.joinArrays !== undefined ? options.joinArrays : this.options.joinArrays; // object
+                var handleAsObjectInI18nFormat = !this.i18nFormat || this.i18nFormat.handleAsObject;
+                var handleAsObject = typeof res !== 'string' && typeof res !== 'boolean' && typeof res !== 'number';
+                if (handleAsObjectInI18nFormat && res && handleAsObject && noObject.indexOf(resType) < 0 && !(typeof joinArrays === 'string' && resType === '[object Array]')) {
+                  if (!options.returnObjects && !this.options.returnObjects) {
+                    this.logger.warn('accessing an object - but returnObjects options is not enabled!');
+                    return this.options.returnedObjectHandler ? this.options.returnedObjectHandler(resUsedKey, res, options) : 'key \''.concat(key, ' (').concat(this.language, ')\' returned an object instead of string.');
+                  } // if we got a separator we loop over children - else we just return object as is
+                  // as having it set to false means no hierarchy so no lookup for nested values
+
+                  if (keySeparator) {
+                    var resTypeIsArray = resType === '[object Array]';
+                    var copy$$1 = resTypeIsArray ? [
+                    ] : {
+                    }; // apply child translation on a copy
+                    /* eslint no-restricted-syntax: 0 */
+                    var newKeyToUse = resTypeIsArray ? resExactUsedKey : resUsedKey;
+                    for (var m in res) {
+                      if (Object.prototype.hasOwnProperty.call(res, m)) {
+                        var deepKey = ''.concat(newKeyToUse).concat(keySeparator).concat(m);
+                        copy$$1[m] = this.translate(deepKey, _objectSpread({
+                        }, options, {
+                          joinArrays: false,
+                          ns: namespaces
+                        }));
+                        if (copy$$1[m] === deepKey) copy$$1[m] = res[m]; // if nothing found use orginal value as fallback
+                      }
+                    }
+                    res = copy$$1;
+                  }
+                } else if (handleAsObjectInI18nFormat && typeof joinArrays === 'string' && resType === '[object Array]') {
+                  // array special treatment
+                  res = res.join(joinArrays);
+                  if (res) res = this.extendTranslation(res, keys, options);
+                } else {
+                  // string, empty or null
+                  var usedDefault = false;
+                  var usedKey = false; // fallback value
+                  if (!this.isValidLookup(res) && options.defaultValue !== undefined) {
+                    usedDefault = true;
+                    if (options.count !== undefined) {
+                      var suffix = this.pluralResolver.getSuffix(lng, options.count);
+                      res = options['defaultValue'.concat(suffix)];
+                    }
+                    if (!res) res = options.defaultValue;
+                  }
+                  if (!this.isValidLookup(res)) {
+                    usedKey = true;
+                    res = key;
+                  } // save missing
+
+                  var updateMissing = options.defaultValue && options.defaultValue !== res && this.options.updateMissing;
+                  if (usedKey || usedDefault || updateMissing) {
+                    this.logger.log(updateMissing ? 'updateKey' : 'missingKey', lng, namespace, key, updateMissing ? options.defaultValue : res);
+                    var lngs = [
+                    ];
+                    var fallbackLngs = this.languageUtils.getFallbackCodes(this.options.fallbackLng, options.lng || this.language);
+                    if (this.options.saveMissingTo === 'fallback' && fallbackLngs && fallbackLngs[0]) {
+                      for (var i = 0; i < fallbackLngs.length; i++) {
+                        lngs.push(fallbackLngs[i]);
+                      }
+                    } else if (this.options.saveMissingTo === 'all') {
+                      lngs = this.languageUtils.toResolveHierarchy(options.lng || this.language);
+                    } else {
+                      lngs.push(options.lng || this.language);
+                    }
+                    var send = function send(l, k) {
+                      if (_this2.options.missingKeyHandler) {
+                        _this2.options.missingKeyHandler(l, namespace, k, updateMissing ? options.defaultValue : res, updateMissing, options);
+                      } else if (_this2.backendConnector && _this2.backendConnector.saveMissing) {
+                        _this2.backendConnector.saveMissing(l, namespace, k, updateMissing ? options.defaultValue : res, updateMissing, options);
+                      }
+                      _this2.emit('missingKey', l, namespace, k, res);
+                    };
+                    if (this.options.saveMissing) {
+                      var needsPluralHandling = options.count !== undefined && typeof options.count !== 'string';
+                      if (this.options.saveMissingPlurals && needsPluralHandling) {
+                        lngs.forEach(function (l) {
+                          var plurals = _this2.pluralResolver.getPluralFormsOfKey(l, key);
+                          plurals.forEach(function (p) {
+                            return send([l], p);
+                          });
+                        });
+                      } else {
+                        send(lngs, key);
+                      }
+                    }
+                  } // extend
+
+                  res = this.extendTranslation(res, keys, options, resolved); // append namespace if still key
+                  if (usedKey && res === key && this.options.appendNamespaceToMissingKey) res = ''.concat(namespace, ':').concat(key); // parseMissingKeyHandler
+                  if (usedKey && this.options.parseMissingKeyHandler) res = this.options.parseMissingKeyHandler(res);
+                } // return
+
+                return res;
+              }
+            },
+            {
+              key: 'extendTranslation',
+              value: function extendTranslation(res, key, options, resolved) {
+                var _this3 = this;
+                if (this.i18nFormat && this.i18nFormat.parse) {
+                  res = this.i18nFormat.parse(res, options, resolved.usedLng, resolved.usedNS, resolved.usedKey, {
+                    resolved: resolved
+                  });
+                } else if (!options.skipInterpolation) {
+                  // i18next.parsing
+                  if (options.interpolation) this.interpolator.init(_objectSpread({
+                  }, options, {
+                    interpolation: _objectSpread({
+                    }, this.options.interpolation, options.interpolation)
+                  })); // interpolate
+                  var data = options.replace && typeof options.replace !== 'string' ? options.replace : options;
+                  if (this.options.interpolation.defaultVariables) data = _objectSpread({
+                  }, this.options.interpolation.defaultVariables, data);
+                  res = this.interpolator.interpolate(res, data, options.lng || this.language, options); // nesting
+                  if (options.nest !== false) res = this.interpolator.nest(res, function () {
+                    return _this3.translate.apply(_this3, arguments);
+                  }, options);
+                  if (options.interpolation) this.interpolator.reset();
+                } // post process
+
+                var postProcess = options.postProcess || this.options.postProcess;
+                var postProcessorNames = typeof postProcess === 'string' ? [
+                  postProcess
+                ] : postProcess;
+                if (res !== undefined && res !== null && postProcessorNames && postProcessorNames.length && options.applyPostProcessor !== false) {
+                  res = postProcessor.handle(postProcessorNames, res, key, this.options && this.options.postProcessPassResolved ? _objectSpread({
+                    i18nResolved: resolved
+                  }, options) : options, this);
+                }
+                return res;
+              }
+            },
+            {
+              key: 'resolve',
+              value: function resolve(keys) {
+                var _this4 = this;
+                var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+                };
+                var found;
+                var usedKey; // plain key
+                var exactUsedKey; // key with context / plural
+                var usedLng;
+                var usedNS;
+                if (typeof keys === 'string') keys = [
+                  keys
+                ]; // forEach possible key
+                keys.forEach(function (k) {
+                  if (_this4.isValidLookup(found)) return;
+                  var extracted = _this4.extractFromKey(k, options);
+                  var key = extracted.key;
+                  usedKey = key;
+                  var namespaces = extracted.namespaces;
+                  if (_this4.options.fallbackNS) namespaces = namespaces.concat(_this4.options.fallbackNS);
+                  var needsPluralHandling = options.count !== undefined && typeof options.count !== 'string';
+                  var needsContextHandling = options.context !== undefined && typeof options.context === 'string' && options.context !== '';
+                  var codes = options.lngs ? options.lngs : _this4.languageUtils.toResolveHierarchy(options.lng || _this4.language, options.fallbackLng);
+                  namespaces.forEach(function (ns) {
+                    if (_this4.isValidLookup(found)) return;
+                    usedNS = ns;
+                    if (!checkedLoadedFor[''.concat(codes[0], '-').concat(ns)] && _this4.utils && _this4.utils.hasLoadedNamespace && !_this4.utils.hasLoadedNamespace(usedNS)) {
+                      checkedLoadedFor[''.concat(codes[0], '-').concat(ns)] = true;
+                      _this4.logger.warn('key "'.concat(usedKey, '" for namespace "').concat(usedNS, '" for languages "').concat(codes.join(', '), '" won\'t get resolved as namespace was not yet loaded'), 'This means something IS WRONG in your application setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!');
+                    }
+                    codes.forEach(function (code) {
+                      if (_this4.isValidLookup(found)) return;
+                      usedLng = code;
+                      var finalKey = key;
+                      var finalKeys = [
+                        finalKey
+                      ];
+                      if (_this4.i18nFormat && _this4.i18nFormat.addLookupKeys) {
+                        _this4.i18nFormat.addLookupKeys(finalKeys, key, code, ns, options);
+                      } else {
+                        var pluralSuffix;
+                        if (needsPluralHandling) pluralSuffix = _this4.pluralResolver.getSuffix(code, options.count); // fallback for plural if context not found
+                        if (needsPluralHandling && needsContextHandling) finalKeys.push(finalKey + pluralSuffix); // get key for context if needed
+                        if (needsContextHandling) finalKeys.push(finalKey += ''.concat(_this4.options.contextSeparator).concat(options.context)); // get key for plural if needed
+                        if (needsPluralHandling) finalKeys.push(finalKey += pluralSuffix);
+                      } // iterate over finalKeys starting with most specific pluralkey (-> contextkey only) -> singularkey only
+
+                      var possibleKey;
+                      /* eslint no-cond-assign: 0 */
+                      while (possibleKey = finalKeys.pop()) {
+                        if (!_this4.isValidLookup(found)) {
+                          exactUsedKey = possibleKey;
+                          found = _this4.getResource(code, ns, possibleKey, options);
+                        }
+                      }
+                    });
+                  });
+                });
+                return {
+                  res: found,
+                  usedKey: usedKey,
+                  exactUsedKey: exactUsedKey,
+                  usedLng: usedLng,
+                  usedNS: usedNS
+                };
+              }
+            },
+            {
+              key: 'isValidLookup',
+              value: function isValidLookup(res) {
+                return res !== undefined && !(!this.options.returnNull && res === null) && !(!this.options.returnEmptyString && res === '');
+              }
+            },
+            {
+              key: 'getResource',
+              value: function getResource(code, ns, key) {
+                var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {
+                };
+                if (this.i18nFormat && this.i18nFormat.getResource) return this.i18nFormat.getResource(code, ns, key, options);
+                return this.resourceStore.getResource(code, ns, key, options);
+              }
+            }
+          ]);
+          return Translator;
+        }(EventEmitter);
+        function capitalize(string) {
+          return string.charAt(0).toUpperCase() + string.slice(1);
+        }
+        var LanguageUtil = /*#__PURE__*/
+        function () {
+          function LanguageUtil(options) {
+            _classCallCheck(this, LanguageUtil);
+            this.options = options;
+            this.whitelist = this.options.whitelist || false;
+            this.logger = baseLogger.create('languageUtils');
+          }
+          _createClass(LanguageUtil, [
+            {
+              key: 'getScriptPartFromCode',
+              value: function getScriptPartFromCode(code) {
+                if (!code || code.indexOf('-') < 0) return null;
+                var p = code.split('-');
+                if (p.length === 2) return null;
+                p.pop();
+                return this.formatLanguageCode(p.join('-'));
+              }
+            },
+            {
+              key: 'getLanguagePartFromCode',
+              value: function getLanguagePartFromCode(code) {
+                if (!code || code.indexOf('-') < 0) return code;
+                var p = code.split('-');
+                return this.formatLanguageCode(p[0]);
+              }
+            },
+            {
+              key: 'formatLanguageCode',
+              value: function formatLanguageCode(code) {
+                // http://www.iana.org/assignments/language-tags/language-tags.xhtml
+                if (typeof code === 'string' && code.indexOf('-') > - 1) {
+                  var specialCases = [
+                    'hans',
+                    'hant',
+                    'latn',
+                    'cyrl',
+                    'cans',
+                    'mong',
+                    'arab'
+                  ];
+                  var p = code.split('-');
+                  if (this.options.lowerCaseLng) {
+                    p = p.map(function (part) {
+                      return part.toLowerCase();
+                    });
+                  } else if (p.length === 2) {
+                    p[0] = p[0].toLowerCase();
+                    p[1] = p[1].toUpperCase();
+                    if (specialCases.indexOf(p[1].toLowerCase()) > - 1) p[1] = capitalize(p[1].toLowerCase());
+                  } else if (p.length === 3) {
+                    p[0] = p[0].toLowerCase(); // if lenght 2 guess it's a country
+                    if (p[1].length === 2) p[1] = p[1].toUpperCase();
+                    if (p[0] !== 'sgn' && p[2].length === 2) p[2] = p[2].toUpperCase();
+                    if (specialCases.indexOf(p[1].toLowerCase()) > - 1) p[1] = capitalize(p[1].toLowerCase());
+                    if (specialCases.indexOf(p[2].toLowerCase()) > - 1) p[2] = capitalize(p[2].toLowerCase());
+                  }
+                  return p.join('-');
+                }
+                return this.options.cleanCode || this.options.lowerCaseLng ? code.toLowerCase() : code;
+              }
+            },
+            {
+              key: 'isWhitelisted',
+              value: function isWhitelisted(code) {
+                if (this.options.load === 'languageOnly' || this.options.nonExplicitWhitelist) {
+                  code = this.getLanguagePartFromCode(code);
+                }
+                return !this.whitelist || !this.whitelist.length || this.whitelist.indexOf(code) > - 1;
+              }
+            },
+            {
+              key: 'getFallbackCodes',
+              value: function getFallbackCodes(fallbacks, code) {
+                if (!fallbacks) return [];
+                if (typeof fallbacks === 'string') fallbacks = [
+                  fallbacks
+                ];
+                if (Object.prototype.toString.apply(fallbacks) === '[object Array]') return fallbacks;
+                if (!code) return fallbacks['default'] || [
+                ]; // asume we have an object defining fallbacks
+                var found = fallbacks[code];
+                if (!found) found = fallbacks[this.getScriptPartFromCode(code)];
+                if (!found) found = fallbacks[this.formatLanguageCode(code)];
+                if (!found) found = fallbacks['default'];
+                return found || [
+                ];
+              }
+            },
+            {
+              key: 'toResolveHierarchy',
+              value: function toResolveHierarchy(code, fallbackCode) {
+                var _this = this;
+                var fallbackCodes = this.getFallbackCodes(fallbackCode || this.options.fallbackLng || [
+                ], code);
+                var codes = [
+                ];
+                var addCode = function addCode(c) {
+                  if (!c) return;
+                  if (_this.isWhitelisted(c)) {
+                    codes.push(c);
+                  } else {
+                    _this.logger.warn('rejecting non-whitelisted language code: '.concat(c));
+                  }
+                };
+                if (typeof code === 'string' && code.indexOf('-') > - 1) {
+                  if (this.options.load !== 'languageOnly') addCode(this.formatLanguageCode(code));
+                  if (this.options.load !== 'languageOnly' && this.options.load !== 'currentOnly') addCode(this.getScriptPartFromCode(code));
+                  if (this.options.load !== 'currentOnly') addCode(this.getLanguagePartFromCode(code));
+                } else if (typeof code === 'string') {
+                  addCode(this.formatLanguageCode(code));
+                }
+                fallbackCodes.forEach(function (fc) {
+                  if (codes.indexOf(fc) < 0) addCode(_this.formatLanguageCode(fc));
+                });
+                return codes;
+              }
+            }
+          ]);
+          return LanguageUtil;
+        }();
+        /* eslint-disable */
+        var sets = [
+          {
+            lngs: [
+              'ach',
+              'ak',
+              'am',
+              'arn',
+              'br',
+              'fil',
+              'gun',
+              'ln',
+              'mfe',
+              'mg',
+              'mi',
+              'oc',
+              'pt',
+              'pt-BR',
+              'tg',
+              'ti',
+              'tr',
+              'uz',
+              'wa'
+            ],
+            nr: [
+              1,
+              2
+            ],
+            fc: 1
+          },
+          {
+            lngs: [
+              'af',
+              'an',
+              'ast',
+              'az',
+              'bg',
+              'bn',
+              'ca',
+              'da',
+              'de',
+              'dev',
+              'el',
+              'en',
+              'eo',
+              'es',
+              'et',
+              'eu',
+              'fi',
+              'fo',
+              'fur',
+              'fy',
+              'gl',
+              'gu',
+              'ha',
+              'hi',
+              'hu',
+              'hy',
+              'ia',
+              'it',
+              'kn',
+              'ku',
+              'lb',
+              'mai',
+              'ml',
+              'mn',
+              'mr',
+              'nah',
+              'nap',
+              'nb',
+              'ne',
+              'nl',
+              'nn',
+              'no',
+              'nso',
+              'pa',
+              'pap',
+              'pms',
+              'ps',
+              'pt-PT',
+              'rm',
+              'sco',
+              'se',
+              'si',
+              'so',
+              'son',
+              'sq',
+              'sv',
+              'sw',
+              'ta',
+              'te',
+              'tk',
+              'ur',
+              'yo'
+            ],
+            nr: [
+              1,
+              2
+            ],
+            fc: 2
+          },
+          {
+            lngs: [
+              'ay',
+              'bo',
+              'cgg',
+              'fa',
+              'id',
+              'ja',
+              'jbo',
+              'ka',
+              'kk',
+              'km',
+              'ko',
+              'ky',
+              'lo',
+              'ms',
+              'sah',
+              'su',
+              'th',
+              'tt',
+              'ug',
+              'vi',
+              'wo',
+              'zh'
+            ],
+            nr: [
+              1
+            ],
+            fc: 3
+          },
+          {
+            lngs: [
+              'be',
+              'bs',
+              'cnr',
+              'dz',
+              'hr',
+              'ru',
+              'sr',
+              'uk'
+            ],
+            nr: [
+              1,
+              2,
+              5
+            ],
+            fc: 4
+          },
+          {
+            lngs: [
+              'ar'
+            ],
+            nr: [
+              0,
+              1,
+              2,
+              3,
+              11,
+              100
+            ],
+            fc: 5
+          },
+          {
+            lngs: [
+              'cs',
+              'sk'
+            ],
+            nr: [
+              1,
+              2,
+              5
+            ],
+            fc: 6
+          },
+          {
+            lngs: [
+              'csb',
+              'pl'
+            ],
+            nr: [
+              1,
+              2,
+              5
+            ],
+            fc: 7
+          },
+          {
+            lngs: [
+              'cy'
+            ],
+            nr: [
+              1,
+              2,
+              3,
+              8
+            ],
+            fc: 8
+          },
+          {
+            lngs: [
+              'fr'
+            ],
+            nr: [
+              1,
+              2
+            ],
+            fc: 9
+          },
+          {
+            lngs: [
+              'ga'
+            ],
+            nr: [
+              1,
+              2,
+              3,
+              7,
+              11
+            ],
+            fc: 10
+          },
+          {
+            lngs: [
+              'gd'
+            ],
+            nr: [
+              1,
+              2,
+              3,
+              20
+            ],
+            fc: 11
+          },
+          {
+            lngs: [
+              'is'
+            ],
+            nr: [
+              1,
+              2
+            ],
+            fc: 12
+          },
+          {
+            lngs: [
+              'jv'
+            ],
+            nr: [
+              0,
+              1
+            ],
+            fc: 13
+          },
+          {
+            lngs: [
+              'kw'
+            ],
+            nr: [
+              1,
+              2,
+              3,
+              4
+            ],
+            fc: 14
+          },
+          {
+            lngs: [
+              'lt'
+            ],
+            nr: [
+              1,
+              2,
+              10
+            ],
+            fc: 15
+          },
+          {
+            lngs: [
+              'lv'
+            ],
+            nr: [
+              1,
+              2,
+              0
+            ],
+            fc: 16
+          },
+          {
+            lngs: [
+              'mk'
+            ],
+            nr: [
+              1,
+              2
+            ],
+            fc: 17
+          },
+          {
+            lngs: [
+              'mnk'
+            ],
+            nr: [
+              0,
+              1,
+              2
+            ],
+            fc: 18
+          },
+          {
+            lngs: [
+              'mt'
+            ],
+            nr: [
+              1,
+              2,
+              11,
+              20
+            ],
+            fc: 19
+          },
+          {
+            lngs: [
+              'or'
+            ],
+            nr: [
+              2,
+              1
+            ],
+            fc: 2
+          },
+          {
+            lngs: [
+              'ro'
+            ],
+            nr: [
+              1,
+              2,
+              20
+            ],
+            fc: 20
+          },
+          {
+            lngs: [
+              'sl'
+            ],
+            nr: [
+              5,
+              1,
+              2,
+              3
+            ],
+            fc: 21
+          },
+          {
+            lngs: [
+              'he'
+            ],
+            nr: [
+              1,
+              2,
+              20,
+              21
+            ],
+            fc: 22
+          }
+        ];
+        var _rulesPluralsTypes = {
+          1: function _(n) {
+            return Number(n > 1);
+          },
+          2: function _(n) {
+            return Number(n != 1);
+          },
+          3: function _(n) {
+            return 0;
+          },
+          4: function _(n) {
+            return Number(n % 10 == 1 && n % 100 != 11 ? 0 : n % 10 >= 2 && n % 10 <= 4 && (n % 100 < 10 || n % 100 >= 20) ? 1 : 2);
+          },
+          5: function _(n) {
+            return Number(n === 0 ? 0 : n == 1 ? 1 : n == 2 ? 2 : n % 100 >= 3 && n % 100 <= 10 ? 3 : n % 100 >= 11 ? 4 : 5);
+          },
+          6: function _(n) {
+            return Number(n == 1 ? 0 : n >= 2 && n <= 4 ? 1 : 2);
+          },
+          7: function _(n) {
+            return Number(n == 1 ? 0 : n % 10 >= 2 && n % 10 <= 4 && (n % 100 < 10 || n % 100 >= 20) ? 1 : 2);
+          },
+          8: function _(n) {
+            return Number(n == 1 ? 0 : n == 2 ? 1 : n != 8 && n != 11 ? 2 : 3);
+          },
+          9: function _(n) {
+            return Number(n >= 2);
+          },
+          10: function _(n) {
+            return Number(n == 1 ? 0 : n == 2 ? 1 : n < 7 ? 2 : n < 11 ? 3 : 4);
+          },
+          11: function _(n) {
+            return Number(n == 1 || n == 11 ? 0 : n == 2 || n == 12 ? 1 : n > 2 && n < 20 ? 2 : 3);
+          },
+          12: function _(n) {
+            return Number(n % 10 != 1 || n % 100 == 11);
+          },
+          13: function _(n) {
+            return Number(n !== 0);
+          },
+          14: function _(n) {
+            return Number(n == 1 ? 0 : n == 2 ? 1 : n == 3 ? 2 : 3);
+          },
+          15: function _(n) {
+            return Number(n % 10 == 1 && n % 100 != 11 ? 0 : n % 10 >= 2 && (n % 100 < 10 || n % 100 >= 20) ? 1 : 2);
+          },
+          16: function _(n) {
+            return Number(n % 10 == 1 && n % 100 != 11 ? 0 : n !== 0 ? 1 : 2);
+          },
+          17: function _(n) {
+            return Number(n == 1 || n % 10 == 1 ? 0 : 1);
+          },
+          18: function _(n) {
+            return Number(n == 0 ? 0 : n == 1 ? 1 : 2);
+          },
+          19: function _(n) {
+            return Number(n == 1 ? 0 : n === 0 || n % 100 > 1 && n % 100 < 11 ? 1 : n % 100 > 10 && n % 100 < 20 ? 2 : 3);
+          },
+          20: function _(n) {
+            return Number(n == 1 ? 0 : n === 0 || n % 100 > 0 && n % 100 < 20 ? 1 : 2);
+          },
+          21: function _(n) {
+            return Number(n % 100 == 1 ? 1 : n % 100 == 2 ? 2 : n % 100 == 3 || n % 100 == 4 ? 3 : 0);
+          },
+          22: function _(n) {
+            return Number(n === 1 ? 0 : n === 2 ? 1 : (n < 0 || n > 10) && n % 10 == 0 ? 2 : 3);
+          }
+        };
+        /* eslint-enable */
+        function createRules() {
+          var rules = {
+          };
+          sets.forEach(function (set) {
+            set.lngs.forEach(function (l) {
+              rules[l] = {
+                numbers: set.nr,
+                plurals: _rulesPluralsTypes[set.fc]
+              };
+            });
+          });
+          return rules;
+        }
+        var PluralResolver = /*#__PURE__*/
+        function () {
+          function PluralResolver(languageUtils) {
+            var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+            };
+            _classCallCheck(this, PluralResolver);
+            this.languageUtils = languageUtils;
+            this.options = options;
+            this.logger = baseLogger.create('pluralResolver');
+            this.rules = createRules();
+          }
+          _createClass(PluralResolver, [
+            {
+              key: 'addRule',
+              value: function addRule(lng, obj) {
+                this.rules[lng] = obj;
+              }
+            },
+            {
+              key: 'getRule',
+              value: function getRule(code) {
+                return this.rules[code] || this.rules[this.languageUtils.getLanguagePartFromCode(code)];
+              }
+            },
+            {
+              key: 'needsPlural',
+              value: function needsPlural(code) {
+                var rule = this.getRule(code);
+                return rule && rule.numbers.length > 1;
+              }
+            },
+            {
+              key: 'getPluralFormsOfKey',
+              value: function getPluralFormsOfKey(code, key) {
+                var _this = this;
+                var ret = [
+                ];
+                var rule = this.getRule(code);
+                if (!rule) return ret;
+                rule.numbers.forEach(function (n) {
+                  var suffix = _this.getSuffix(code, n);
+                  ret.push(''.concat(key).concat(suffix));
+                });
+                return ret;
+              }
+            },
+            {
+              key: 'getSuffix',
+              value: function getSuffix(code, count) {
+                var _this2 = this;
+                var rule = this.getRule(code);
+                if (rule) {
+                  // if (rule.numbers.length === 1) return ''; // only singular
+                  var idx = rule.noAbs ? rule.plurals(count) : rule.plurals(Math.abs(count));
+                  var suffix = rule.numbers[idx]; // special treatment for lngs only having singular and plural
+                  if (this.options.simplifyPluralSuffix && rule.numbers.length === 2 && rule.numbers[0] === 1) {
+                    if (suffix === 2) {
+                      suffix = 'plural';
+                    } else if (suffix === 1) {
+                      suffix = '';
+                    }
+                  }
+                  var returnSuffix = function returnSuffix() {
+                    return _this2.options.prepend && suffix.toString() ? _this2.options.prepend + suffix.toString() : suffix.toString();
+                  }; // COMPATIBILITY JSON
+                  // v1
+                  if (this.options.compatibilityJSON === 'v1') {
+                    if (suffix === 1) return '';
+                    if (typeof suffix === 'number') return '_plural_'.concat(suffix.toString());
+                    return returnSuffix();
+                  } else if ( /* v2 */
+                  this.options.compatibilityJSON === 'v2') {
+                    return returnSuffix();
+                  } else if ( /* v3 - gettext index */
+                  this.options.simplifyPluralSuffix && rule.numbers.length === 2 && rule.numbers[0] === 1) {
+                    return returnSuffix();
+                  }
+                  return this.options.prepend && idx.toString() ? this.options.prepend + idx.toString() : idx.toString();
+                }
+                this.logger.warn('no plural rule found for: '.concat(code));
+                return '';
+              }
+            }
+          ]);
+          return PluralResolver;
+        }();
+        var Interpolator = /*#__PURE__*/
+        function () {
+          function Interpolator() {
+            var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+            };
+            _classCallCheck(this, Interpolator);
+            this.logger = baseLogger.create('interpolator');
+            this.options = options;
+            this.format = options.interpolation && options.interpolation.format || function (value) {
+              return value;
+            };
+            this.init(options);
+          }          /* eslint no-param-reassign: 0 */
+
+          _createClass(Interpolator, [
+            {
+              key: 'init',
+              value: function init() {
+                var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+                };
+                if (!options.interpolation) options.interpolation = {
+                  escapeValue: true
+                };
+                var iOpts = options.interpolation;
+                this.escape = iOpts.escape !== undefined ? iOpts.escape : escape;
+                this.escapeValue = iOpts.escapeValue !== undefined ? iOpts.escapeValue : true;
+                this.useRawValueToEscape = iOpts.useRawValueToEscape !== undefined ? iOpts.useRawValueToEscape : false;
+                this.prefix = iOpts.prefix ? regexEscape(iOpts.prefix) : iOpts.prefixEscaped || '{{';
+                this.suffix = iOpts.suffix ? regexEscape(iOpts.suffix) : iOpts.suffixEscaped || '}}';
+                this.formatSeparator = iOpts.formatSeparator ? iOpts.formatSeparator : iOpts.formatSeparator || ',';
+                this.unescapePrefix = iOpts.unescapeSuffix ? '' : iOpts.unescapePrefix || '-';
+                this.unescapeSuffix = this.unescapePrefix ? '' : iOpts.unescapeSuffix || '';
+                this.nestingPrefix = iOpts.nestingPrefix ? regexEscape(iOpts.nestingPrefix) : iOpts.nestingPrefixEscaped || regexEscape('$t(');
+                this.nestingSuffix = iOpts.nestingSuffix ? regexEscape(iOpts.nestingSuffix) : iOpts.nestingSuffixEscaped || regexEscape(')');
+                this.maxReplaces = iOpts.maxReplaces ? iOpts.maxReplaces : 1000; // the regexp
+                this.resetRegExp();
+              }
+            },
+            {
+              key: 'reset',
+              value: function reset() {
+                if (this.options) this.init(this.options);
+              }
+            },
+            {
+              key: 'resetRegExp',
+              value: function resetRegExp() {
+                // the regexp
+                var regexpStr = ''.concat(this.prefix, '(.+?)').concat(this.suffix);
+                this.regexp = new RegExp(regexpStr, 'g');
+                var regexpUnescapeStr = ''.concat(this.prefix).concat(this.unescapePrefix, '(.+?)').concat(this.unescapeSuffix).concat(this.suffix);
+                this.regexpUnescape = new RegExp(regexpUnescapeStr, 'g');
+                var nestingRegexpStr = ''.concat(this.nestingPrefix, '(.+?)').concat(this.nestingSuffix);
+                this.nestingRegexp = new RegExp(nestingRegexpStr, 'g');
+              }
+            },
+            {
+              key: 'interpolate',
+              value: function interpolate(str, data, lng, options) {
+                var _this = this;
+                var match;
+                var value;
+                var replaces;
+                var defaultData = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {
+                };
+                function regexSafe(val) {
+                  return val.replace(/\$/g, '$$$$');
+                }
+                var handleFormat = function handleFormat(key) {
+                  if (key.indexOf(_this.formatSeparator) < 0) {
+                    return getPathWithDefaults(data, defaultData, key);
+                  }
+                  var p = key.split(_this.formatSeparator);
+                  var k = p.shift().trim();
+                  var f = p.join(_this.formatSeparator).trim();
+                  return _this.format(getPathWithDefaults(data, defaultData, k), f, lng);
+                };
+                this.resetRegExp();
+                var missingInterpolationHandler = options && options.missingInterpolationHandler || this.options.missingInterpolationHandler;
+                replaces = 0; // unescape if has unescapePrefix/Suffix
+                /* eslint no-cond-assign: 0 */
+                while (match = this.regexpUnescape.exec(str)) {
+                  value = handleFormat(match[1].trim());
+                  if (value === undefined) {
+                    if (typeof missingInterpolationHandler === 'function') {
+                      var temp = missingInterpolationHandler(str, match, options);
+                      value = typeof temp === 'string' ? temp : '';
+                    } else {
+                      this.logger.warn('missed to pass in variable '.concat(match[1], ' for interpolating ').concat(str));
+                      value = '';
+                    }
+                  } else if (typeof value !== 'string' && !this.useRawValueToEscape) {
+                    value = makeString(value);
+                  }
+                  str = str.replace(match[0], regexSafe(value));
+                  this.regexpUnescape.lastIndex = 0;
+                  replaces++;
+                  if (replaces >= this.maxReplaces) {
+                    break;
+                  }
+                }
+                replaces = 0; // regular escape on demand
+                while (match = this.regexp.exec(str)) {
+                  value = handleFormat(match[1].trim());
+                  if (value === undefined) {
+                    if (typeof missingInterpolationHandler === 'function') {
+                      var _temp = missingInterpolationHandler(str, match, options);
+                      value = typeof _temp === 'string' ? _temp : '';
+                    } else {
+                      this.logger.warn('missed to pass in variable '.concat(match[1], ' for interpolating ').concat(str));
+                      value = '';
+                    }
+                  } else if (typeof value !== 'string' && !this.useRawValueToEscape) {
+                    value = makeString(value);
+                  }
+                  value = this.escapeValue ? regexSafe(this.escape(value)) : regexSafe(value);
+                  str = str.replace(match[0], value);
+                  this.regexp.lastIndex = 0;
+                  replaces++;
+                  if (replaces >= this.maxReplaces) {
+                    break;
+                  }
+                }
+                return str;
+              }
+            },
+            {
+              key: 'nest',
+              value: function nest(str, fc) {
+                var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
+                };
+                var match;
+                var value;
+                var clonedOptions = _objectSpread({
+                }, options);
+                clonedOptions.applyPostProcessor = false; // avoid post processing on nested lookup
+                delete clonedOptions.defaultValue; // assert we do not get a endless loop on interpolating defaultValue again and again
+                // if value is something like "myKey": "lorem $(anotherKey, { "count": {{aValueInOptions}} })"
+                function handleHasOptions(key, inheritedOptions) {
+                  if (key.indexOf(',') < 0) return key;
+                  var p = key.split(',');
+                  key = p.shift();
+                  var optionsString = p.join(',');
+                  optionsString = this.interpolate(optionsString, clonedOptions);
+                  optionsString = optionsString.replace(/'/g, '"');
+                  try {
+                    clonedOptions = JSON.parse(optionsString);
+                    if (inheritedOptions) clonedOptions = _objectSpread({
+                    }, inheritedOptions, clonedOptions);
+                  } catch (e) {
+                    this.logger.error('failed parsing options string in nesting for key '.concat(key), e);
+                  } // assert we do not get a endless loop on interpolating defaultValue again and again
+
+                  delete clonedOptions.defaultValue;
+                  return key;
+                } // regular escape on demand
+
+                while (match = this.nestingRegexp.exec(str)) {
+                  value = fc(handleHasOptions.call(this, match[1].trim(), clonedOptions), clonedOptions); // is only the nesting key (key1 = '$(key2)') return the value without stringify
+                  if (value && match[0] === str && typeof value !== 'string') return value; // no string to include or empty
+                  if (typeof value !== 'string') value = makeString(value);
+                  if (!value) {
+                    this.logger.warn('missed to resolve '.concat(match[1], ' for nesting ').concat(str));
+                    value = '';
+                  } // Nested keys should not be escaped by default #854
+                  // value = this.escapeValue ? regexSafe(utils.escape(value)) : regexSafe(value);
+
+                  str = str.replace(match[0], value);
+                  this.regexp.lastIndex = 0;
+                }
+                return str;
+              }
+            }
+          ]);
+          return Interpolator;
+        }();
+        function remove(arr, what) {
+          var found = arr.indexOf(what);
+          while (found !== - 1) {
+            arr.splice(found, 1);
+            found = arr.indexOf(what);
+          }
+        }
+        var Connector = /*#__PURE__*/
+        function (_EventEmitter) {
+          _inherits(Connector, _EventEmitter);
+          function Connector(backend, store, services) {
+            var _this;
+            var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {
+            };
+            _classCallCheck(this, Connector);
+            _this = _possibleConstructorReturn(this, _getPrototypeOf(Connector).call(this));
+            EventEmitter.call(_assertThisInitialized(_this)); // <=IE10 fix (unable to call parent constructor)
+            _this.backend = backend;
+            _this.store = store;
+            _this.services = services;
+            _this.languageUtils = services.languageUtils;
+            _this.options = options;
+            _this.logger = baseLogger.create('backendConnector');
+            _this.state = {
+            };
+            _this.queue = [
+            ];
+            if (_this.backend && _this.backend.init) {
+              _this.backend.init(services, options.backend, options);
+            }
+            return _this;
+          }
+          _createClass(Connector, [
+            {
+              key: 'queueLoad',
+              value: function queueLoad(languages, namespaces, options, callback) {
+                var _this2 = this;
+                // find what needs to be loaded
+                var toLoad = [
+                ];
+                var pending = [
+                ];
+                var toLoadLanguages = [
+                ];
+                var toLoadNamespaces = [
+                ];
+                languages.forEach(function (lng) {
+                  var hasAllNamespaces = true;
+                  namespaces.forEach(function (ns) {
+                    var name = ''.concat(lng, '|').concat(ns);
+                    if (!options.reload && _this2.store.hasResourceBundle(lng, ns)) {
+                      _this2.state[name] = 2; // loaded
+                    } else if (_this2.state[name] < 0);
+                     else if (_this2.state[name] === 1) {
+                      if (pending.indexOf(name) < 0) pending.push(name);
+                    } else {
+                      _this2.state[name] = 1; // pending
+                      hasAllNamespaces = false;
+                      if (pending.indexOf(name) < 0) pending.push(name);
+                      if (toLoad.indexOf(name) < 0) toLoad.push(name);
+                      if (toLoadNamespaces.indexOf(ns) < 0) toLoadNamespaces.push(ns);
+                    }
+                  });
+                  if (!hasAllNamespaces) toLoadLanguages.push(lng);
+                });
+                if (toLoad.length || pending.length) {
+                  this.queue.push({
+                    pending: pending,
+                    loaded: {
+                    },
+                    errors: [
+                    ],
+                    callback: callback
+                  });
+                }
+                return {
+                  toLoad: toLoad,
+                  pending: pending,
+                  toLoadLanguages: toLoadLanguages,
+                  toLoadNamespaces: toLoadNamespaces
+                };
+              }
+            },
+            {
+              key: 'loaded',
+              value: function loaded(name, err, data) {
+                var _name$split = name.split('|'),
+                _name$split2 = _slicedToArray(_name$split, 2),
+                lng = _name$split2[0],
+                ns = _name$split2[1];
+                if (err) this.emit('failedLoading', lng, ns, err);
+                if (data) {
+                  this.store.addResourceBundle(lng, ns, data);
+                } // set loaded
+
+                this.state[name] = err ? - 1 : 2; // consolidated loading done in this run - only emit once for a loaded namespace
+                var loaded = {
+                }; // callback if ready
+                this.queue.forEach(function (q) {
+                  pushPath(q.loaded, [
+                    lng
+                  ], ns);
+                  remove(q.pending, name);
+                  if (err) q.errors.push(err);
+                  if (q.pending.length === 0 && !q.done) {
+                    // only do once per loaded -> this.emit('loaded', q.loaded);
+                    Object.keys(q.loaded).forEach(function (l) {
+                      if (!loaded[l]) loaded[l] = [
+                      ];
+                      if (q.loaded[l].length) {
+                        q.loaded[l].forEach(function (ns) {
+                          if (loaded[l].indexOf(ns) < 0) loaded[l].push(ns);
+                        });
+                      }
+                    });
+                    /* eslint no-param-reassign: 0 */
+                    q.done = true;
+                    if (q.errors.length) {
+                      q.callback(q.errors);
+                    } else {
+                      q.callback();
+                    }
+                  }
+                }); // emit consolidated loaded event
+                this.emit('loaded', loaded); // remove done load requests
+                this.queue = this.queue.filter(function (q) {
+                  return !q.done;
+                });
+              }
+            },
+            {
+              key: 'read',
+              value: function read(lng, ns, fcName) {
+                var _this3 = this;
+                var tried = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+                var wait = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 250;
+                var callback = arguments.length > 5 ? arguments[5] : undefined;
+                if (!lng.length) return callback(null, {
+                }); // noting to load
+                return this.backend[fcName](lng, ns, function (err, data) {
+                  if (err && data                  /* = retryFlag */ && tried < 5) {
+                    setTimeout(function () {
+                      _this3.read.call(_this3, lng, ns, fcName, tried + 1, wait * 2, callback);
+                    }, wait);
+                    return;
+                  }
+                  callback(err, data);
+                });
+              }              /* eslint consistent-return: 0 */
+
+            },
+            {
+              key: 'prepareLoading',
+              value: function prepareLoading(languages, namespaces) {
+                var _this4 = this;
+                var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
+                };
+                var callback = arguments.length > 3 ? arguments[3] : undefined;
+                if (!this.backend) {
+                  this.logger.warn('No backend was added via i18next.use. Will not load resources.');
+                  return callback && callback();
+                }
+                if (typeof languages === 'string') languages = this.languageUtils.toResolveHierarchy(languages);
+                if (typeof namespaces === 'string') namespaces = [
+                  namespaces
+                ];
+                var toLoad = this.queueLoad(languages, namespaces, options, callback);
+                if (!toLoad.toLoad.length) {
+                  if (!toLoad.pending.length) callback(); // nothing to load and no pendings...callback now
+                  return null; // pendings will trigger callback
+                }
+                toLoad.toLoad.forEach(function (name) {
+                  _this4.loadOne(name);
+                });
+              }
+            },
+            {
+              key: 'load',
+              value: function load(languages, namespaces, callback) {
+                this.prepareLoading(languages, namespaces, {
+                }, callback);
+              }
+            },
+            {
+              key: 'reload',
+              value: function reload(languages, namespaces, callback) {
+                this.prepareLoading(languages, namespaces, {
+                  reload: true
+                }, callback);
+              }
+            },
+            {
+              key: 'loadOne',
+              value: function loadOne(name) {
+                var _this5 = this;
+                var prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+                var _name$split3 = name.split('|'),
+                _name$split4 = _slicedToArray(_name$split3, 2),
+                lng = _name$split4[0],
+                ns = _name$split4[1];
+                this.read(lng, ns, 'read', null, null, function (err, data) {
+                  if (err) _this5.logger.warn(''.concat(prefix, 'loading namespace ').concat(ns, ' for language ').concat(lng, ' failed'), err);
+                  if (!err && data) _this5.logger.log(''.concat(prefix, 'loaded namespace ').concat(ns, ' for language ').concat(lng), data);
+                  _this5.loaded(name, err, data);
+                });
+              }
+            },
+            {
+              key: 'saveMissing',
+              value: function saveMissing(languages, namespace, key, fallbackValue, isUpdate) {
+                var options = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {
+                };
+                if (this.services.utils && this.services.utils.hasLoadedNamespace && !this.services.utils.hasLoadedNamespace(namespace)) {
+                  this.logger.warn('did not save key "'.concat(key, '" for namespace "').concat(namespace, '" as the namespace was not yet loaded'), 'This means something IS WRONG in your application setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!');
+                  return;
+                } // ignore non valid keys
+
+                if (key === undefined || key === null || key === '') return;
+                if (this.backend && this.backend.create) {
+                  this.backend.create(languages, namespace, key, fallbackValue, null                  /* unused callback */ , _objectSpread({
+                  }, options, {
+                    isUpdate: isUpdate
+                  }));
+                } // write to store to avoid resending
+
+                if (!languages || !languages[0]) return;
+                this.store.addResource(languages[0], namespace, key, fallbackValue);
+              }
+            }
+          ]);
+          return Connector;
+        }(EventEmitter);
+        function get() {
+          return {
+            debug: false,
+            initImmediate: true,
+            ns: [
+              'translation'
+            ],
+            defaultNS: [
+              'translation'
+            ],
+            fallbackLng: [
+              'dev'
+            ],
+            fallbackNS: false,
+            // string or array of namespaces
+            whitelist: false,
+            // array with whitelisted languages
+            nonExplicitWhitelist: false,
+            load: 'all',
+            // | currentOnly | languageOnly
+            preload: false,
+            // array with preload languages
+            simplifyPluralSuffix: true,
+            keySeparator: '.',
+            nsSeparator: ':',
+            pluralSeparator: '_',
+            contextSeparator: '_',
+            partialBundledLanguages: false,
+            // allow bundling certain languages that are not remotely fetched
+            saveMissing: false,
+            // enable to send missing values
+            updateMissing: false,
+            // enable to update default values if different from translated value (only useful on initial development, or when keeping code as source of truth)
+            saveMissingTo: 'fallback',
+            // 'current' || 'all'
+            saveMissingPlurals: true,
+            // will save all forms not only singular key
+            missingKeyHandler: false,
+            // function(lng, ns, key, fallbackValue) -> override if prefer on handling
+            missingInterpolationHandler: false,
+            // function(str, match)
+            postProcess: false,
+            // string or array of postProcessor names
+            postProcessPassResolved: false,
+            // pass resolved object into 'options.i18nResolved' for postprocessor
+            returnNull: true,
+            // allows null value as valid translation
+            returnEmptyString: true,
+            // allows empty string value as valid translation
+            returnObjects: false,
+            joinArrays: false,
+            // or string to join array
+            returnedObjectHandler: false,
+            // function(key, value, options) triggered if key returns object but returnObjects is set to false
+            parseMissingKeyHandler: false,
+            // function(key) parsed a key that was not found in t() before returning
+            appendNamespaceToMissingKey: false,
+            appendNamespaceToCIMode: false,
+            overloadTranslationOptionHandler: function handle(args) {
+              var ret = {
+              };
+              if (_typeof(args[1]) === 'object') ret = args[1];
+              if (typeof args[1] === 'string') ret.defaultValue = args[1];
+              if (typeof args[2] === 'string') ret.tDescription = args[2];
+              if (_typeof(args[2]) === 'object' || _typeof(args[3]) === 'object') {
+                var options = args[3] || args[2];
+                Object.keys(options).forEach(function (key) {
+                  ret[key] = options[key];
+                });
+              }
+              return ret;
+            },
+            interpolation: {
+              escapeValue: true,
+              format: function format(value, _format, lng) {
+                return value;
+              },
+              prefix: '{{',
+              suffix: '}}',
+              formatSeparator: ',',
+              // prefixEscaped: '{{',
+              // suffixEscaped: '}}',
+              // unescapeSuffix: '',
+              unescapePrefix: '-',
+              nestingPrefix: '$t(',
+              nestingSuffix: ')',
+              // nestingPrefixEscaped: '$t(',
+              // nestingSuffixEscaped: ')',
+              // defaultVariables: undefined // object that can have values to interpolate on - extends passed in interpolation data
+              maxReplaces: 1000 // max replaces to prevent endless loop
+            }
+          };
+        }        /* eslint no-param-reassign: 0 */
+
+        function transformOptions(options) {
+          // create namespace object if namespace is passed in as string
+          if (typeof options.ns === 'string') options.ns = [
+            options.ns
+          ];
+          if (typeof options.fallbackLng === 'string') options.fallbackLng = [
+            options.fallbackLng
+          ];
+          if (typeof options.fallbackNS === 'string') options.fallbackNS = [
+            options.fallbackNS
+          ]; // extend whitelist with cimode
+          if (options.whitelist && options.whitelist.indexOf('cimode') < 0) {
+            options.whitelist = options.whitelist.concat(['cimode']);
+          }
+          return options;
+        }
+        function noop() {
+        }
+        var I18n = /*#__PURE__*/
+        function (_EventEmitter) {
+          _inherits(I18n, _EventEmitter);
+          function I18n() {
+            var _this;
+            var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+            };
+            var callback = arguments.length > 1 ? arguments[1] : undefined;
+            _classCallCheck(this, I18n);
+            _this = _possibleConstructorReturn(this, _getPrototypeOf(I18n).call(this));
+            EventEmitter.call(_assertThisInitialized(_this)); // <=IE10 fix (unable to call parent constructor)
+            _this.options = transformOptions(options);
+            _this.services = {
+            };
+            _this.logger = baseLogger;
+            _this.modules = {
+              external: [
+              ]
+            };
+            if (callback && !_this.isInitialized && !options.isClone) {
+              // https://github.com/i18next/i18next/issues/879
+              if (!_this.options.initImmediate) {
+                _this.init(options, callback);
+                return _possibleConstructorReturn(_this, _assertThisInitialized(_this));
+              }
+              setTimeout(function () {
+                _this.init(options, callback);
+              }, 0);
+            }
+            return _this;
+          }
+          _createClass(I18n, [
+            {
+              key: 'init',
+              value: function init() {
+                var _this2 = this;
+                var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+                };
+                var callback = arguments.length > 1 ? arguments[1] : undefined;
+                if (typeof options === 'function') {
+                  callback = options;
+                  options = {
+                  };
+                }
+                this.options = _objectSpread({
+                }, get(), this.options, transformOptions(options));
+                this.format = this.options.interpolation.format;
+                if (!callback) callback = noop;
+                function createClassOnDemand(ClassOrObject) {
+                  if (!ClassOrObject) return null;
+                  if (typeof ClassOrObject === 'function') return new ClassOrObject();
+                  return ClassOrObject;
+                } // init services
+
+                if (!this.options.isClone) {
+                  if (this.modules.logger) {
+                    baseLogger.init(createClassOnDemand(this.modules.logger), this.options);
+                  } else {
+                    baseLogger.init(null, this.options);
+                  }
+                  var lu = new LanguageUtil(this.options);
+                  this.store = new ResourceStore(this.options.resources, this.options);
+                  var s = this.services;
+                  s.logger = baseLogger;
+                  s.resourceStore = this.store;
+                  s.languageUtils = lu;
+                  s.pluralResolver = new PluralResolver(lu, {
+                    prepend: this.options.pluralSeparator,
+                    compatibilityJSON: this.options.compatibilityJSON,
+                    simplifyPluralSuffix: this.options.simplifyPluralSuffix
+                  });
+                  s.interpolator = new Interpolator(this.options);
+                  s.utils = {
+                    hasLoadedNamespace: this.hasLoadedNamespace.bind(this)
+                  };
+                  s.backendConnector = new Connector(createClassOnDemand(this.modules.backend), s.resourceStore, s, this.options); // pipe events from backendConnector
+                  s.backendConnector.on('*', function (event) {
+                    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+                      args[_key - 1] = arguments[_key];
+                    }
+                    _this2.emit.apply(_this2, [
+                      event
+                    ].concat(args));
+                  });
+                  if (this.modules.languageDetector) {
+                    s.languageDetector = createClassOnDemand(this.modules.languageDetector);
+                    s.languageDetector.init(s, this.options.detection, this.options);
+                  }
+                  if (this.modules.i18nFormat) {
+                    s.i18nFormat = createClassOnDemand(this.modules.i18nFormat);
+                    if (s.i18nFormat.init) s.i18nFormat.init(this);
+                  }
+                  this.translator = new Translator(this.services, this.options); // pipe events from translator
+                  this.translator.on('*', function (event) {
+                    for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+                      args[_key2 - 1] = arguments[_key2];
+                    }
+                    _this2.emit.apply(_this2, [
+                      event
+                    ].concat(args));
+                  });
+                  this.modules.external.forEach(function (m) {
+                    if (m.init) m.init(_this2);
+                  });
+                } // append api
+
+                var storeApi = [
+                  'getResource',
+                  'addResource',
+                  'addResources',
+                  'addResourceBundle',
+                  'removeResourceBundle',
+                  'hasResourceBundle',
+                  'getResourceBundle',
+                  'getDataByLanguage'
+                ];
+                storeApi.forEach(function (fcName) {
+                  _this2[fcName] = function () {
+                    var _this2$store;
+                    return (_this2$store = _this2.store) [fcName].apply(_this2$store, arguments);
+                  };
+                });
+                var deferred = defer();
+                var load = function load() {
+                  _this2.changeLanguage(_this2.options.lng, function (err, t) {
+                    _this2.isInitialized = true;
+                    _this2.logger.log('initialized', _this2.options);
+                    _this2.emit('initialized', _this2.options);
+                    deferred.resolve(t); // not rejecting on err (as err is only a loading translation failed warning)
+                    callback(err, t);
+                  });
+                };
+                if (this.options.resources || !this.options.initImmediate) {
+                  load();
+                } else {
+                  setTimeout(load, 0);
+                }
+                return deferred;
+              }              /* eslint consistent-return: 0 */
+
+            },
+            {
+              key: 'loadResources',
+              value: function loadResources(language) {
+                var _this3 = this;
+                var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop;
+                var usedCallback = callback;
+                var usedLng = typeof language === 'string' ? language : this.language;
+                if (typeof language === 'function') usedCallback = language;
+                if (!this.options.resources || this.options.partialBundledLanguages) {
+                  if (usedLng && usedLng.toLowerCase() === 'cimode') return usedCallback(); // avoid loading resources for cimode
+                  var toLoad = [
+                  ];
+                  var append = function append(lng) {
+                    if (!lng) return;
+                    var lngs = _this3.services.languageUtils.toResolveHierarchy(lng);
+                    lngs.forEach(function (l) {
+                      if (toLoad.indexOf(l) < 0) toLoad.push(l);
+                    });
+                  };
+                  if (!usedLng) {
+                    // at least load fallbacks in this case
+                    var fallbacks = this.services.languageUtils.getFallbackCodes(this.options.fallbackLng);
+                    fallbacks.forEach(function (l) {
+                      return append(l);
+                    });
+                  } else {
+                    append(usedLng);
+                  }
+                  if (this.options.preload) {
+                    this.options.preload.forEach(function (l) {
+                      return append(l);
+                    });
+                  }
+                  this.services.backendConnector.load(toLoad, this.options.ns, usedCallback);
+                } else {
+                  usedCallback(null);
+                }
+              }
+            },
+            {
+              key: 'reloadResources',
+              value: function reloadResources(lngs, ns, callback) {
+                var deferred = defer();
+                if (!lngs) lngs = this.languages;
+                if (!ns) ns = this.options.ns;
+                if (!callback) callback = noop;
+                this.services.backendConnector.reload(lngs, ns, function (err) {
+                  deferred.resolve(); // not rejecting on err (as err is only a loading translation failed warning)
+                  callback(err);
+                });
+                return deferred;
+              }
+            },
+            {
+              key: 'use',
+              value: function use(module) {
+                if (module.type === 'backend') {
+                  this.modules.backend = module;
+                }
+                if (module.type === 'logger' || module.log && module.warn && module.error) {
+                  this.modules.logger = module;
+                }
+                if (module.type === 'languageDetector') {
+                  this.modules.languageDetector = module;
+                }
+                if (module.type === 'i18nFormat') {
+                  this.modules.i18nFormat = module;
+                }
+                if (module.type === 'postProcessor') {
+                  postProcessor.addPostProcessor(module);
+                }
+                if (module.type === '3rdParty') {
+                  this.modules.external.push(module);
+                }
+                return this;
+              }
+            },
+            {
+              key: 'changeLanguage',
+              value: function changeLanguage(lng, callback) {
+                var _this4 = this;
+                this.isLanguageChangingTo = lng;
+                var deferred = defer();
+                this.emit('languageChanging', lng);
+                var done = function done(err, l) {
+                  if (l) {
+                    _this4.language = l;
+                    _this4.languages = _this4.services.languageUtils.toResolveHierarchy(l);
+                    _this4.translator.changeLanguage(l);
+                    _this4.isLanguageChangingTo = undefined;
+                    _this4.emit('languageChanged', l);
+                    _this4.logger.log('languageChanged', l);
+                  } else {
+                    _this4.isLanguageChangingTo = undefined;
+                  }
+                  deferred.resolve(function () {
+                    return _this4.t.apply(_this4, arguments);
+                  });
+                  if (callback) callback(err, function () {
+                    return _this4.t.apply(_this4, arguments);
+                  });
+                };
+                var setLng = function setLng(l) {
+                  if (l) {
+                    if (!_this4.language) {
+                      _this4.language = l;
+                      _this4.languages = _this4.services.languageUtils.toResolveHierarchy(l);
+                    }
+                    if (!_this4.translator.language) _this4.translator.changeLanguage(l);
+                    if (_this4.services.languageDetector) _this4.services.languageDetector.cacheUserLanguage(l);
+                  }
+                  _this4.loadResources(l, function (err) {
+                    done(err, l);
+                  });
+                };
+                if (!lng && this.services.languageDetector && !this.services.languageDetector.async) {
+                  setLng(this.services.languageDetector.detect());
+                } else if (!lng && this.services.languageDetector && this.services.languageDetector.async) {
+                  this.services.languageDetector.detect(setLng);
+                } else {
+                  setLng(lng);
+                }
+                return deferred;
+              }
+            },
+            {
+              key: 'getFixedT',
+              value: function getFixedT(lng, ns) {
+                var _this5 = this;
+                var fixedT = function fixedT(key, opts) {
+                  var options;
+                  if (_typeof(opts) !== 'object') {
+                    for (var _len3 = arguments.length, rest = new Array(_len3 > 2 ? _len3 - 2 : 0), _key3 = 2; _key3 < _len3; _key3++) {
+                      rest[_key3 - 2] = arguments[_key3];
+                    }
+                    options = _this5.options.overloadTranslationOptionHandler([key,
+                    opts].concat(rest));
+                  } else {
+                    options = _objectSpread({
+                    }, opts);
+                  }
+                  options.lng = options.lng || fixedT.lng;
+                  options.lngs = options.lngs || fixedT.lngs;
+                  options.ns = options.ns || fixedT.ns;
+                  return _this5.t(key, options);
+                };
+                if (typeof lng === 'string') {
+                  fixedT.lng = lng;
+                } else {
+                  fixedT.lngs = lng;
+                }
+                fixedT.ns = ns;
+                return fixedT;
+              }
+            },
+            {
+              key: 't',
+              value: function t() {
+                var _this$translator;
+                return this.translator && (_this$translator = this.translator).translate.apply(_this$translator, arguments);
+              }
+            },
+            {
+              key: 'exists',
+              value: function exists() {
+                var _this$translator2;
+                return this.translator && (_this$translator2 = this.translator).exists.apply(_this$translator2, arguments);
+              }
+            },
+            {
+              key: 'setDefaultNamespace',
+              value: function setDefaultNamespace(ns) {
+                this.options.defaultNS = ns;
+              }
+            },
+            {
+              key: 'hasLoadedNamespace',
+              value: function hasLoadedNamespace(ns) {
+                var _this6 = this;
+                if (!this.isInitialized) {
+                  this.logger.warn('hasLoadedNamespace: i18next was not initialized', this.languages);
+                  return false;
+                }
+                if (!this.languages || !this.languages.length) {
+                  this.logger.warn('hasLoadedNamespace: i18n.languages were undefined or empty', this.languages);
+                  return false;
+                }
+                var lng = this.languages[0];
+                var fallbackLng = this.options ? this.options.fallbackLng : false;
+                var lastLng = this.languages[this.languages.length - 1]; // we're in cimode so this shall pass
+                if (lng.toLowerCase() === 'cimode') return true;
+                var loadNotPending = function loadNotPending(l, n) {
+                  var loadState = _this6.services.backendConnector.state[''.concat(l, '|').concat(n)];
+                  return loadState === - 1 || loadState === 2;
+                }; // loaded -> SUCCESS
+                if (this.hasResourceBundle(lng, ns)) return true; // were not loading at all -> SEMI SUCCESS
+                if (!this.services.backendConnector.backend) return true; // failed loading ns - but at least fallback is not pending -> SEMI SUCCESS
+                if (loadNotPending(lng, ns) && (!fallbackLng || loadNotPending(lastLng, ns))) return true;
+                return false;
+              }
+            },
+            {
+              key: 'loadNamespaces',
+              value: function loadNamespaces(ns, callback) {
+                var _this7 = this;
+                var deferred = defer();
+                if (!this.options.ns) {
+                  callback && callback();
+                  return Promise.resolve();
+                }
+                if (typeof ns === 'string') ns = [
+                  ns
+                ];
+                ns.forEach(function (n) {
+                  if (_this7.options.ns.indexOf(n) < 0) _this7.options.ns.push(n);
+                });
+                this.loadResources(function (err) {
+                  deferred.resolve();
+                  if (callback) callback(err);
+                });
+                return deferred;
+              }
+            },
+            {
+              key: 'loadLanguages',
+              value: function loadLanguages(lngs, callback) {
+                var deferred = defer();
+                if (typeof lngs === 'string') lngs = [
+                  lngs
+                ];
+                var preloaded = this.options.preload || [
+                ];
+                var newLngs = lngs.filter(function (lng) {
+                  return preloaded.indexOf(lng) < 0;
+                }); // Exit early if all given languages are already preloaded
+                if (!newLngs.length) {
+                  if (callback) callback();
+                  return Promise.resolve();
+                }
+                this.options.preload = preloaded.concat(newLngs);
+                this.loadResources(function (err) {
+                  deferred.resolve();
+                  if (callback) callback(err);
+                });
+                return deferred;
+              }
+            },
+            {
+              key: 'dir',
+              value: function dir(lng) {
+                if (!lng) lng = this.languages && this.languages.length > 0 ? this.languages[0] : this.language;
+                if (!lng) return 'rtl';
+                var rtlLngs = [
+                  'ar',
+                  'shu',
+                  'sqr',
+                  'ssh',
+                  'xaa',
+                  'yhd',
+                  'yud',
+                  'aao',
+                  'abh',
+                  'abv',
+                  'acm',
+                  'acq',
+                  'acw',
+                  'acx',
+                  'acy',
+                  'adf',
+                  'ads',
+                  'aeb',
+                  'aec',
+                  'afb',
+                  'ajp',
+                  'apc',
+                  'apd',
+                  'arb',
+                  'arq',
+                  'ars',
+                  'ary',
+                  'arz',
+                  'auz',
+                  'avl',
+                  'ayh',
+                  'ayl',
+                  'ayn',
+                  'ayp',
+                  'bbz',
+                  'pga',
+                  'he',
+                  'iw',
+                  'ps',
+                  'pbt',
+                  'pbu',
+                  'pst',
+                  'prp',
+                  'prd',
+                  'ur',
+                  'ydd',
+                  'yds',
+                  'yih',
+                  'ji',
+                  'yi',
+                  'hbo',
+                  'men',
+                  'xmn',
+                  'fa',
+                  'jpr',
+                  'peo',
+                  'pes',
+                  'prs',
+                  'dv',
+                  'sam'
+                ];
+                return rtlLngs.indexOf(this.services.languageUtils.getLanguagePartFromCode(lng)) >= 0 ? 'rtl' : 'ltr';
+              }              /* eslint class-methods-use-this: 0 */
+
+            },
+            {
+              key: 'createInstance',
+              value: function createInstance() {
+                var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+                };
+                var callback = arguments.length > 1 ? arguments[1] : undefined;
+                return new I18n(options, callback);
+              }
+            },
+            {
+              key: 'cloneInstance',
+              value: function cloneInstance() {
+                var _this8 = this;
+                var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+                };
+                var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop;
+                var mergedOptions = _objectSpread({
+                }, this.options, options, {
+                  isClone: true
+                });
+                var clone = new I18n(mergedOptions);
+                var membersToCopy = [
+                  'store',
+                  'services',
+                  'language'
+                ];
+                membersToCopy.forEach(function (m) {
+                  clone[m] = _this8[m];
+                });
+                clone.translator = new Translator(clone.services, clone.options);
+                clone.translator.on('*', function (event) {
+                  for (var _len4 = arguments.length, args = new Array(_len4 > 1 ? _len4 - 1 : 0), _key4 = 1; _key4 < _len4; _key4++) {
+                    args[_key4 - 1] = arguments[_key4];
+                  }
+                  clone.emit.apply(clone, [
+                    event
+                  ].concat(args));
+                });
+                clone.init(mergedOptions, callback);
+                clone.translator.options = clone.options; // sync options
+                return clone;
+              }
+            }
+          ]);
+          return I18n;
+        }(EventEmitter);
+        var i18next = new I18n();
+        module.exports = i18next;
+      },
+      {
+        '@babel/runtime/helpers/assertThisInitialized': 4,
+        '@babel/runtime/helpers/classCallCheck': 5,
+        '@babel/runtime/helpers/createClass': 6,
+        '@babel/runtime/helpers/getPrototypeOf': 8,
+        '@babel/runtime/helpers/inherits': 9,
+        '@babel/runtime/helpers/objectSpread': 14,
+        '@babel/runtime/helpers/possibleConstructorReturn': 15,
+        '@babel/runtime/helpers/slicedToArray': 17,
+        '@babel/runtime/helpers/toConsumableArray': 18,
+        '@babel/runtime/helpers/typeof': 19
+      }
+    ],
+    268: [
+      function (_dereq_, module, exports) {
+        exports.read = function (buffer, offset, isLE, mLen, nBytes) {
+          var e,
+          m;
+          var eLen = nBytes * 8 - mLen - 1;
+          var eMax = (1 << eLen) - 1;
+          var eBias = eMax >> 1;
+          var nBits = - 7;
+          var i = isLE ? nBytes - 1 : 0;
+          var d = isLE ? - 1 : 1;
+          var s = buffer[offset + i];
+          i += d;
+          e = s & (1 << - nBits) - 1;
+          s >>= - nBits;
+          nBits += eLen;
+          for (; nBits > 0; e = e * 256 + buffer[offset + i], i += d, nBits -= 8) {
+          }
+          m = e & (1 << - nBits) - 1;
+          e >>= - nBits;
+          nBits += mLen;
+          for (; nBits > 0; m = m * 256 + buffer[offset + i], i += d, nBits -= 8) {
+          }
+          if (e === 0) {
+            e = 1 - eBias;
+          } else if (e === eMax) {
+            return m ? NaN : (s ? - 1 : 1) * Infinity;
+          } else {
+            m = m + Math.pow(2, mLen);
+            e = e - eBias;
+          }
+          return (s ? - 1 : 1) * m * Math.pow(2, e - mLen);
+        };
+        exports.write = function (buffer, value, offset, isLE, mLen, nBytes) {
+          var e,
+          m,
+          c;
+          var eLen = nBytes * 8 - mLen - 1;
+          var eMax = (1 << eLen) - 1;
+          var eBias = eMax >> 1;
+          var rt = mLen === 23 ? Math.pow(2, - 24) - Math.pow(2, - 77) : 0;
+          var i = isLE ? 0 : nBytes - 1;
+          var d = isLE ? 1 : - 1;
+          var s = value < 0 || value === 0 && 1 / value < 0 ? 1 : 0;
+          value = Math.abs(value);
+          if (isNaN(value) || value === Infinity) {
+            m = isNaN(value) ? 1 : 0;
+            e = eMax;
+          } else {
+            e = Math.floor(Math.log(value) / Math.LN2);
+            if (value * (c = Math.pow(2, - e)) < 1) {
+              e--;
+              c *= 2;
+            }
+            if (e + eBias >= 1) {
+              value += rt / c;
+            } else {
+              value += rt * Math.pow(2, 1 - eBias);
+            }
+            if (value * c >= 2) {
+              e++;
+              c /= 2;
+            }
+            if (e + eBias >= eMax) {
+              m = 0;
+              e = eMax;
+            } else if (e + eBias >= 1) {
+              m = (value * c - 1) * Math.pow(2, mLen);
+              e = e + eBias;
+            } else {
+              m = value * Math.pow(2, eBias - 1) * Math.pow(2, mLen);
+              e = 0;
+            }
+          }
+          for (; mLen >= 8; buffer[offset + i] = m & 255, i += d, m /= 256, mLen -= 8) {
+          }
+          e = e << mLen | m;
+          eLen += mLen;
+          for (; eLen > 0; buffer[offset + i] = e & 255, i += d, e /= 256, eLen -= 8) {
+          }
+          buffer[offset + i - d] |= s * 128;
+        };
+      },
+      {
+      }
+    ],
+    269: [
+      function (_dereq_, module, exports) {
+        /*
+
+ Copyright 2000, Silicon Graphics, Inc. All Rights Reserved.
+ Copyright 2015, Google Inc. All Rights Reserved.
+
+ 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 including the dates of first publication and
+ either this permission notice or a reference to http://oss.sgi.com/projects/FreeB/
+ 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
+ SILICON GRAPHICS, INC. 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.
+
+ Original Code. The Original Code is: OpenGL Sample Implementation,
+ Version 1.2.1, released January 26, 2000, developed by Silicon Graphics,
+ Inc. The Original Code is Copyright (c) 1991-2000 Silicon Graphics, Inc.
+ Copyright in any portions created by third parties is as indicated
+ elsewhere herein. All Rights Reserved.
+*/
+        'use strict';
+        var n;
+        function t(a, b) {
+          return a.b === b.b && a.a === b.a;
+        }
+        function u(a, b) {
+          return a.b < b.b || a.b === b.b && a.a <= b.a;
+        }
+        function v(a, b, c) {
+          var d = b.b - a.b,
+          e = c.b - b.b;
+          return 0 < d + e ? d < e ? b.a - a.a + d / (d + e) * (a.a - c.a) : b.a - c.a + e / (d + e) * (c.a - a.a) : 0;
+        }
+        function x(a, b, c) {
+          var d = b.b - a.b,
+          e = c.b - b.b;
+          return 0 < d + e ? (b.a - c.a) * d + (b.a - a.a) * e : 0;
+        }
+        function z(a, b) {
+          return a.a < b.a || a.a === b.a && a.b <= b.b;
+        }
+        function aa(a, b, c) {
+          var d = b.a - a.a,
+          e = c.a - b.a;
+          return 0 < d + e ? d < e ? b.b - a.b + d / (d + e) * (a.b - c.b) : b.b - c.b + e / (d + e) * (c.b - a.b) : 0;
+        }
+        function ba(a, b, c) {
+          var d = b.a - a.a,
+          e = c.a - b.a;
+          return 0 < d + e ? (b.b - c.b) * d + (b.b - a.b) * e : 0;
+        }
+        function ca(a) {
+          return u(a.b.a, a.a);
+        }
+        function da(a) {
+          return u(a.a, a.b.a);
+        }
+        function A(a, b, c, d) {
+          a = 0 > a ? 0 : a;
+          c = 0 > c ? 0 : c;
+          return a <= c ? 0 === c ? (b + d) / 2 : b + a / (a + c) * (d - b) : d + c / (a + c) * (b - d);
+        }
+        ;
+        function ea(a) {
+          var b = B(a.b);
+          C(b, a.c);
+          C(b.b, a.c);
+          D(b, a.a);
+          return b;
+        }
+        function E(a, b) {
+          var c = !1,
+          d = !1;
+          a !== b && (b.a !== a.a && (d = !0, F(b.a, a.a)), b.d !== a.d && (c = !0, G(b.d, a.d)), H(b, a), d || (C(b, a.a), a.a.c = a), c || (D(b, a.d), a.d.a = a));
+        }
+        function I(a) {
+          var b = a.b,
+          c = !1;
+          a.d !== a.b.d && (c = !0, G(a.d, a.b.d));
+          a.c === a ? F(a.a, null) : (a.b.d.a = J(a), a.a.c = a.c, H(a, J(a)), c || D(a, a.d));
+          b.c === b ? (F(b.a, null), G(b.d, null)) : (a.d.a = J(b), b.a.c = b.c, H(b, J(b)));
+          fa(a);
+        }
+        function K(a) {
+          var b = B(a),
+          c = b.b;
+          H(b, a.e);
+          b.a = a.b.a;
+          C(c, b.a);
+          b.d = c.d = a.d;
+          b = b.b;
+          H(a.b, J(a.b));
+          H(a.b, b);
+          a.b.a = b.a;
+          b.b.a.c = b.b;
+          b.b.d = a.b.d;
+          b.f = a.f;
+          b.b.f = a.b.f;
+          return b;
+        }
+        function L(a, b) {
+          var c = !1,
+          d = B(a),
+          e = d.b;
+          b.d !== a.d && (c = !0, G(b.d, a.d));
+          H(d, a.e);
+          H(e, b);
+          d.a = a.b.a;
+          e.a = b.a;
+          d.d = e.d = a.d;
+          a.d.a = e;
+          c || D(d, a.d);
+          return d;
+        }
+        function B(a) {
+          var b = new M(),
+          c = new M(),
+          d = a.b.h;
+          c.h = d;
+          d.b.h = b;
+          b.h = a;
+          a.b.h = c;
+          b.b = c;
+          b.c = b;
+          b.e = c;
+          c.b = b;
+          c.c = c;
+          return c.e = b;
+        }
+        function H(a, b) {
+          var c = a.c,
+          d = b.c;
+          c.b.e = b;
+          d.b.e = a;
+          a.c = d;
+          b.c = c;
+        }
+        function C(a, b) {
+          var c = b.f,
+          d = new N(b, c);
+          c.e = d;
+          b.f = d;
+          c = d.c = a;
+          do c.a = d,
+          c = c.c;
+          while (c !== a);
+        }
+        function D(a, b) {
+          var c = b.d,
+          d = new ga(b, c);
+          c.b = d;
+          b.d = d;
+          d.a = a;
+          d.c = b.c;
+          c = a;
+          do c.d = d,
+          c = c.e;
+          while (c !== a);
+        }
+        function fa(a) {
+          var b = a.h;
+          a = a.b.h;
+          b.b.h = a;
+          a.b.h = b;
+        }
+        function F(a, b) {
+          var c = a.c,
+          d = c;
+          do d.a = b,
+          d = d.c;
+          while (d !== c);
+          c = a.f;
+          d = a.e;
+          d.f = c;
+          c.e = d;
+        }
+        function G(a, b) {
+          var c = a.a,
+          d = c;
+          do d.d = b,
+          d = d.e;
+          while (d !== c);
+          c = a.d;
+          d = a.b;
+          d.d = c;
+          c.b = d;
+        }
+        ;
+        function ha(a) {
+          var b = 0;
+          Math.abs(a[1]) > Math.abs(a[0]) && (b = 1);
+          Math.abs(a[2]) > Math.abs(a[b]) && (b = 2);
+          return b;
+        }
+        ;
+        var O = 4 * 1e+150;
+        function P(a, b) {
+          a.f += b.f;
+          a.b.f += b.b.f;
+        }
+        function ia(a, b, c) {
+          a = a.a;
+          b = b.a;
+          c = c.a;
+          if (b.b.a === a) return c.b.a === a ? u(b.a, c.a) ? 0 >= x(c.b.a, b.a, c.a) : 0 <= x(b.b.a, c.a, b.a) : 0 >= x(c.b.a, a, c.a);
+          if (c.b.a === a) return 0 <= x(b.b.a, a, b.a);
+          b = v(b.b.a, a, b.a);
+          a = v(c.b.a, a, c.a);
+          return b >= a;
+        }
+        function Q(a) {
+          a.a.i = null;
+          var b = a.e;
+          b.a.c = b.c;
+          b.c.a = b.a;
+          a.e = null;
+        }
+        function ja(a, b) {
+          I(a.a);
+          a.c = !1;
+          a.a = b;
+          b.i = a;
+        }
+        function ka(a) {
+          var b = a.a.a;
+          do a = R(a);
+          while (a.a.a === b);
+          a.c && (b = L(S(a).a.b, a.a.e), ja(a, b), a = R(a));
+          return a;
+        }
+        function la(a, b, c) {
+          var d = new ma();
+          d.a = c;
+          d.e = na(a.f, b.e, d);
+          return c.i = d;
+        }
+        function oa(a, b) {
+          switch (a.s) {
+            case 100130:
+              return 0 !== (b & 1);
+            case 100131:
+              return 0 !== b;
+            case 100132:
+              return 0 < b;
+            case 100133:
+              return 0 > b;
+            case 100134:
+              return 2 <= b || - 2 >= b;
+          }
+          return !1;
+        }
+        function pa(a) {
+          var b = a.a,
+          c = b.d;
+          c.c = a.d;
+          c.a = b;
+          Q(a);
+        }
+        function T(a, b, c) {
+          a = b;
+          for (b = b.a; a !== c; ) {
+            a.c = !1;
+            var d = S(a),
+            e = d.a;
+            if (e.a !== b.a) {
+              if (!d.c) {
+                pa(a);
+                break;
+              }
+              e = L(b.c.b, e.b);
+              ja(d, e);
+            }
+            b.c !== e && (E(J(e), e), E(b, e));
+            pa(a);
+            b = d.a;
+            a = d;
+          }
+          return b;
+        }
+        function U(a, b, c, d, e, f) {
+          var g = !0;
+          do la(a, b, c.b),
+          c = c.c;
+          while (c !== d);
+          for (null === e && (e = S(b).a.b.c); ; ) {
+            d = S(b);
+            c = d.a.b;
+            if (c.a !== e.a) break;
+            c.c !== e && (E(J(c), c), E(J(e), c));
+            d.f = b.f - c.f;
+            d.d = oa(a, d.f);
+            b.b = !0;
+            !g && qa(a, b) && (P(c, e), Q(b), I(e));
+            g = !1;
+            b = d;
+            e = c;
+          }
+          b.b = !0;
+          f && ra(a, b);
+        }
+        function sa(a, b, c, d, e) {
+          var f = [
+            b.g[0],
+            b.g[1],
+            b.g[2]
+          ];
+          b.d = null;
+          b.d = a.o ? a.o(f, c, d, a.c) || null : null;
+          null === b.d && (e ? a.n || (V(a, 100156), a.n = !0) : b.d = c[0]);
+        }
+        function ta(a, b, c) {
+          var d = [
+            null,
+            null,
+            null,
+            null
+          ];
+          d[0] = b.a.d;
+          d[1] = c.a.d;
+          sa(a, b.a, d, [
+            0.5,
+            0.5,
+            0,
+            0
+          ], !1);
+          E(b, c);
+        }
+        function ua(a, b, c, d, e) {
+          var f = Math.abs(b.b - a.b) + Math.abs(b.a - a.a),
+          g = Math.abs(c.b - a.b) + Math.abs(c.a - a.a),
+          h = e + 1;
+          d[e] = 0.5 * g / (f + g);
+          d[h] = 0.5 * f / (f + g);
+          a.g[0] += d[e] * b.g[0] + d[h] * c.g[0];
+          a.g[1] += d[e] * b.g[1] + d[h] * c.g[1];
+          a.g[2] += d[e] * b.g[2] + d[h] * c.g[2];
+        }
+        function qa(a, b) {
+          var c = S(b),
+          d = b.a,
+          e = c.a;
+          if (u(d.a, e.a)) {
+            if (0 < x(e.b.a, d.a, e.a)) return !1;
+            if (!t(d.a, e.a)) K(e.b),
+            E(d, J(e)),
+            b.b = c.b = !0;
+             else if (d.a !== e.a) {
+              var c = a.e,
+              f = d.a.h;
+              if (0 <= f) {
+                var c = c.b,
+                g = c.d,
+                h = c.e,
+                k = c.c,
+                l = k[f];
+                g[l] = g[c.a];
+                k[g[l]] = l;
+                l <= --c.a && (1 >= l ? W(c, l) : u(h[g[l >> 1]], h[g[l]]) ? W(c, l) : va(c, l));
+                h[f] = null;
+                k[f] = c.b;
+                c.b = f;
+              } else for (c.c[ - (f + 1)] = null; 0 < c.a && null === c.c[c.d[c.a - 1]]; ) --c.a;
+              ta(a, J(e), d);
+            }
+          } else {
+            if (0 > x(d.b.a, e.a, d.a)) return !1;
+            R(b).b = b.b = !0;
+            K(d.b);
+            E(J(e), d);
+          }
+          return !0;
+        }
+        function wa(a, b) {
+          var c = S(b),
+          d = b.a,
+          e = c.a,
+          f = d.a,
+          g = e.a,
+          h = d.b.a,
+          k = e.b.a,
+          l = new N();
+          x(h, a.a, f);
+          x(k, a.a, g);
+          if (f === g || Math.min(f.a, h.a) > Math.max(g.a, k.a)) return !1;
+          if (u(f, g)) {
+            if (0 < x(k, f, g)) return !1;
+          } else if (0 > x(h, g, f)) return !1;
+          var r = h,
+          p = f,
+          q = k,
+          y = g,
+          m,
+          w;
+          u(r, p) || (m = r, r = p, p = m);
+          u(q, y) || (m = q, q = y, y = m);
+          u(r, q) || (m = r, r = q, q = m, m = p, p = y, y = m);
+          u(q, p) ? u(p, y) ? (m = v(r, q, p), w = v(q, p, y), 0 > m + w && (m = - m, w = - w), l.b = A(m, q.b, w, p.b)) : (m = x(r, q, p), w = - x(r, y, p), 0 > m + w && (m = - m, w = - w), l.b = A(m, q.b, w, y.b)) : l.b = (q.b + p.b) / 2;
+          z(r, p) || (m = r, r = p, p = m);
+          z(q, y) || (m = q, q = y, y = m);
+          z(r, q) || (m = r, r = q, q = m, m = p, p = y, y = m);
+          z(q, p) ? z(p, y) ? (m = aa(r, q, p), w = aa(q, p, y), 0 > m + w && (m = - m, w = - w), l.a = A(m, q.a, w, p.a)) : (m = ba(r, q, p), w = - ba(r, y, p), 0 > m + w && (m = - m, w = - w), l.a = A(m, q.a, w, y.a)) : l.a = (q.a + p.a) / 2;
+          u(l, a.a) && (l.b = a.a.b, l.a = a.a.a);
+          r = u(f, g) ? f : g;
+          u(r, l) && (l.b = r.b, l.a = r.a);
+          if (t(l, f) || t(l, g)) return qa(a, b),
+          !1;
+          if (!t(h, a.a) && 0 <= x(h, a.a, l) || !t(k, a.a) && 0 >= x(k, a.a, l)) {
+            if (k === a.a) return K(d.b),
+            E(e.b, d),
+            b = ka(b),
+            d = S(b).a,
+            T(a, S(b), c),
+            U(a, b, J(d), d, d, !0),
+            !0;
+            if (h === a.a) {
+              K(e.b);
+              E(d.e, J(e));
+              f = c = b;
+              g = f.a.b.a;
+              do f = R(f);
+              while (f.a.b.a === g);
+              b = f;
+              f = S(b).a.b.c;
+              c.a = J(e);
+              e = T(a, c, null);
+              U(a, b, e.c, d.b.c, f, !0);
+              return !0;
+            }
+            0 <= x(h, a.a, l) && (R(b).b = b.b = !0, K(d.b), d.a.b = a.a.b, d.a.a = a.a.a);
+            0 >= x(k, a.a, l) && (b.b = c.b = !0, K(e.b), e.a.b = a.a.b, e.a.a = a.a.a);
+            return !1;
+          }
+          K(d.b);
+          K(e.b);
+          E(J(e), d);
+          d.a.b = l.b;
+          d.a.a = l.a;
+          d.a.h = xa(a.e, d.a);
+          d = d.a;
+          e = [
+            0,
+            0,
+            0,
+            0
+          ];
+          l = [
+            f.d,
+            h.d,
+            g.d,
+            k.d
+          ];
+          d.g[0] = d.g[1] = d.g[2] = 0;
+          ua(d, f, h, e, 0);
+          ua(d, g, k, e, 2);
+          sa(a, d, l, e, !0);
+          R(b).b = b.b = c.b = !0;
+          return !1;
+        }
+        function ra(a, b) {
+          for (var c = S(b); ; ) {
+            for (; c.b; ) b = c,
+            c = S(c);
+            if (!b.b && (c = b, b = R(b), null === b || !b.b)) break;
+            b.b = !1;
+            var d = b.a,
+            e = c.a,
+            f;
+            if (f = d.b.a !== e.b.a) a: {
+              f = b;
+              var g = S(f),
+              h = f.a,
+              k = g.a,
+              l = void 0;
+              if (u(h.b.a, k.b.a)) {
+                if (0 > x(h.b.a, k.b.a, h.a)) {
+                  f = !1;
+                  break a;
+                }
+                R(f).b = f.b = !0;
+                l = K(h);
+                E(k.b, l);
+                l.d.c = f.d;
+              } else {
+                if (0 < x(k.b.a, h.b.a, k.a)) {
+                  f = !1;
+                  break a;
+                }
+                f.b = g.b = !0;
+                l = K(k);
+                E(h.e, k.b);
+                l.b.d.c = f.d;
+              }
+              f = !0;
+            }
+            f && (c.c ? (Q(c), I(e), c = S(b), e = c.a) : b.c && (Q(b), I(d), b = R(c), d = b.a));
+            if (d.a !== e.a) if (d.b.a === e.b.a || b.c || c.c || d.b.a !== a.a && e.b.a !== a.a) qa(a, b);
+             else if (wa(a, b)) break;
+            d.a === e.a && d.b.a === e.b.a && (P(e, d), Q(b), I(d), b = R(c));
+          }
+        }
+        function ya(a, b) {
+          a.a = b;
+          for (var c = b.c; null === c.i; ) if (c = c.c, c === b.c) {
+            var c = a,
+            d = b,
+            e = new ma();
+            e.a = d.c.b;
+            var f = c.f,
+            g = f.a;
+            do g = g.a;
+            while (null !== g.b && !f.c(f.b, e, g.b));
+            var f = g.b,
+            h = S(f),
+            e = f.a,
+            g = h.a;
+            if (0 === x(e.b.a, d, e.a)) e = f.a,
+            t(e.a, d) || t(e.b.a, d) || (K(e.b), f.c && (I(e.c), f.c = !1), E(d.c, e), ya(c, d));
+             else {
+              var k = u(g.b.a, e.b.a) ? f : h,
+              h = void 0;
+              f.d || k.c ? (k === f ? h = L(d.c.b, e.e) : h = L(g.b.c.b, d.c).b, k.c ? ja(k, h) : (e = c, f = la(c, f, h), f.f = R(f).f + f.a.f, f.d = oa(e, f.f)), ya(c, d)) : U(c, f, d.c, d.c, null, !0);
+            }
+            return;
+          }
+          c = ka(c.i);
+          e = S(c);
+          f = e.a;
+          e = T(a, e, null);
+          if (e.c === f) {
+            var f = e,
+            e = f.c,
+            g = S(c),
+            h = c.a,
+            k = g.a,
+            l = !1;
+            h.b.a !== k.b.a && wa(a, c);
+            t(h.a, a.a) && (E(J(e), h), c = ka(c), e = S(c).a, T(a, S(c), g), l = !0);
+            t(k.a, a.a) && (E(f, J(k)), f = T(a, g, null), l = !0);
+            l ? U(a, c, f.c, e, e, !0) : (u(k.a, h.a) ? d = J(k) : d = h, d = L(f.c.b, d), U(a, c, d, d.c, d.c, !1), d.b.i.c = !0, ra(a, c));
+          } else U(a, c, e.c, f, f, !0);
+        }
+        function za(a, b) {
+          var c = new ma(),
+          d = ea(a.b);
+          d.a.b = O;
+          d.a.a = b;
+          d.b.a.b = - O;
+          d.b.a.a = b;
+          a.a = d.b.a;
+          c.a = d;
+          c.f = 0;
+          c.d = !1;
+          c.c = !1;
+          c.h = !0;
+          c.b = !1;
+          d = a.f;
+          d = na(d, d.a, c);
+          c.e = d;
+        }
+        ;
+        function Aa(a) {
+          this.a = new Ba();
+          this.b = a;
+          this.c = ia;
+        }
+        function na(a, b, c) {
+          do b = b.c;
+          while (null !== b.b && !a.c(a.b, b.b, c));
+          a = new Ba(c, b.a, b);
+          b.a.c = a;
+          return b.a = a;
+        }
+        ;
+        function Ba(a, b, c) {
+          this.b = a || null;
+          this.a = b || this;
+          this.c = c || this;
+        }
+        ;
+        function X() {
+          this.d = Y;
+          this.p = this.b = this.q = null;
+          this.j = [
+            0,
+            0,
+            0
+          ];
+          this.s = 100130;
+          this.n = !1;
+          this.o = this.a = this.e = this.f = null;
+          this.m = !1;
+          this.c = this.r = this.i = this.k = this.l = this.h = null;
+        }
+        var Y = 0;
+        n = X.prototype;
+        n.x = function () {
+          Z(this, Y);
+        };
+        n.B = function (a, b) {
+          switch (a) {
+            case 100142:
+              return;
+            case 100140:
+              switch (b) {
+                case 100130:
+                case 100131:
+                case 100132:
+                case 100133:
+                case 100134:
+                  this.s = b;
+                  return;
+              }
+              break;
+            case 100141:
+              this.m = !!b;
+              return;
+            default:
+              V(this, 100900);
+              return;
+          }
+          V(this, 100901);
+        };
+        n.y = function (a) {
+          switch (a) {
+            case 100142:
+              return 0;
+            case 100140:
+              return this.s;
+            case 100141:
+              return this.m;
+            default:
+              V(this, 100900);
+          }
+          return !1;
+        };
+        n.A = function (a, b, c) {
+          this.j[0] = a;
+          this.j[1] = b;
+          this.j[2] = c;
+        };
+        n.z = function (a, b) {
+          var c = b ? b : null;
+          switch (a) {
+            case 100100:
+            case 100106:
+              this.h = c;
+              break;
+            case 100104:
+            case 100110:
+              this.l = c;
+              break;
+            case 100101:
+            case 100107:
+              this.k = c;
+              break;
+            case 100102:
+            case 100108:
+              this.i = c;
+              break;
+            case 100103:
+            case 100109:
+              this.p = c;
+              break;
+            case 100105:
+            case 100111:
+              this.o = c;
+              break;
+            case 100112:
+              this.r = c;
+              break;
+            default:
+              V(this, 100900);
+          }
+        };
+        n.C = function (a, b) {
+          var c = !1,
+          d = [
+            0,
+            0,
+            0
+          ];
+          Z(this, 2);
+          for (var e = 0; 3 > e; ++e) {
+            var f = a[e];
+            - 1e+150 > f && (f = - 1e+150, c = !0);
+            1e+150 < f && (f = 1e+150, c = !0);
+            d[e] = f;
+          }
+          c && V(this, 100155);
+          c = this.q;
+          null === c ? (c = ea(this.b), E(c, c.b)) : (K(c), c = c.e);
+          c.a.d = b;
+          c.a.g[0] = d[0];
+          c.a.g[1] = d[1];
+          c.a.g[2] = d[2];
+          c.f = 1;
+          c.b.f = - 1;
+          this.q = c;
+        };
+        n.u = function (a) {
+          Z(this, Y);
+          this.d = 1;
+          this.b = new Ca();
+          this.c = a;
+        };
+        n.t = function () {
+          Z(this, 1);
+          this.d = 2;
+          this.q = null;
+        };
+        n.v = function () {
+          Z(this, 2);
+          this.d = 1;
+        };
+        n.w = function () {
+          Z(this, 1);
+          this.d = Y;
+          var a = this.j[0],
+          b = this.j[1],
+          c = this.j[2],
+          d = !1,
+          e = [
+            a,
+            b,
+            c
+          ];
+          if (0 === a && 0 === b && 0 === c) {
+            for (var b = [
+              - 2 * 1e+150,
+              - 2 * 1e+150,
+              - 2 * 1e+150
+            ], f = [
+              2 * 1e+150,
+              2 * 1e+150,
+              2 * 1e+150
+            ], c = [
+            ], g = [
+            ], d = this.b.c, a = d.e; a !== d; a = a.e) for (var h = 0; 3 > h; ++h) {
+              var k = a.g[h];
+              k < f[h] && (f[h] = k, g[h] = a);
+              k > b[h] && (b[h] = k, c[h] = a);
+            }
+            a = 0;
+            b[1] - f[1] > b[0] - f[0] && (a = 1);
+            b[2] - f[2] > b[a] - f[a] && (a = 2);
+            if (f[a] >= b[a]) e[0] = 0,
+            e[1] = 0,
+            e[2] = 1;
+             else {
+              b = 0;
+              f = g[a];
+              c = c[a];
+              g = [
+                0,
+                0,
+                0
+              ];
+              f = [
+                f.g[0] - c.g[0],
+                f.g[1] - c.g[1],
+                f.g[2] - c.g[2]
+              ];
+              h = [
+                0,
+                0,
+                0
+              ];
+              for (a = d.e; a !== d; a = a.e) h[0] = a.g[0] - c.g[0],
+              h[1] = a.g[1] - c.g[1],
+              h[2] = a.g[2] - c.g[2],
+              g[0] = f[1] * h[2] - f[2] * h[1],
+              g[1] = f[2] * h[0] - f[0] * h[2],
+              g[2] = f[0] * h[1] - f[1] * h[0],
+              k = g[0] * g[0] + g[1] * g[1] + g[2] * g[2],
+              k > b && (b = k, e[0] = g[0], e[1] = g[1], e[2] = g[2]);
+              0 >= b && (e[0] = e[1] = e[2] = 0, e[ha(f)] = 1);
+            }
+            d = !0;
+          }
+          g = ha(e);
+          a = this.b.c;
+          b = (g + 1) % 3;
+          c = (g + 2) % 3;
+          g = 0 < e[g] ? 1 : - 1;
+          for (e = a.e; e !== a; e = e.e) e.b = e.g[b],
+          e.a = g * e.g[c];
+          if (d) {
+            e = 0;
+            d = this.b.a;
+            for (a = d.b; a !== d; a = a.b) if (b = a.a, !(0 >= b.f)) {
+              do e += (b.a.b - b.b.a.b) * (b.a.a + b.b.a.a),
+              b = b.e;
+              while (b !== a.a);
+            }
+            if (0 > e) for (e = this.b.c, d = e.e; d !== e; d = d.e) d.a = - d.a;
+          }
+          this.n = !1;
+          e = this.b.b;
+          for (a = e.h; a !== e; a = d) if (d = a.h, b = a.e, t(a.a, a.b.a) && a.e.e !== a && (ta(this, b, a), I(a), a = b, b = a.e), b.e === a) {
+            if (b !== a) {
+              if (b === d || b === d.b) d = d.h;
+              I(b);
+            }
+            if (a === d || a === d.b) d = d.h;
+            I(a);
+          }
+          this.e = e = new Da();
+          d = this.b.c;
+          for (a = d.e; a !== d; a = a.e) a.h = xa(e, a);
+          Ea(e);
+          this.f = new Aa(this);
+          za(this, - O);
+          for (za(this, O); null !== (e = Fa(this.e)); ) {
+            for (; ; ) {
+              a: if (a = this.e, 0 === a.a) d = Ga(a.b);
+               else if (d = a.c[a.d[a.a - 1]], 0 !== a.b.a && (a = Ga(a.b), u(a, d))) {
+                d = a;
+                break a;
+              }
+              if (null === d || !t(d, e)) break;
+              d = Fa(this.e);
+              ta(this, e.c, d.c);
+            }
+            ya(this, e);
+          }
+          this.a = this.f.a.a.b.a.a;
+          for (e = 0; null !== (d = this.f.a.a.b); ) d.h || ++e,
+          Q(d);
+          this.f = null;
+          e = this.e;
+          e.b = null;
+          e.d = null;
+          this.e = e.c = null;
+          e = this.b;
+          for (a = e.a.b; a !== e.a; a = d) d = a.b,
+          a = a.a,
+          a.e.e === a && (P(a.c, a), I(a));
+          if (!this.n) {
+            e = this.b;
+            if (this.m) for (a = e.b.h; a !== e.b; a = d) d = a.h,
+            a.b.d.c !== a.d.c ? a.f = a.d.c ? 1 : - 1 : I(a);
+             else for (a = e.a.b; a !== e.a; a = d) if (d = a.b, a.c) {
+              for (a = a.a; u(a.b.a, a.a); a = a.c.b);
+              for (; u(a.a, a.b.a); a = a.e);
+              b = a.c.b;
+              for (c = void 0; a.e !== b; ) if (u(a.b.a, b.a)) {
+                for (; b.e !== a && (ca(b.e) || 0 >= x(b.a, b.b.a, b.e.b.a)); ) c = L(b.e, b),
+                b = c.b;
+                b = b.c.b;
+              } else {
+                for (; b.e !== a && (da(a.c.b) || 0 <= x(a.b.a, a.a, a.c.b.a)); ) c = L(a, a.c.b),
+                a = c.b;
+                a = a.e;
+              }
+              for (; b.e.e !== a; ) c = L(b.e, b),
+              b = c.b;
+            }
+            if (this.h || this.i || this.k || this.l) if (this.m) for (e = this.b, d = e.a.b; d !== e.a; d = d.b) {
+              if (d.c) {
+                this.h && this.h(2, this.c);
+                a = d.a;
+                do this.k && this.k(a.a.d, this.c),
+                a = a.e;
+                while (a !== d.a);
+                this.i && this.i(this.c);
+              }
+            } else {
+              e = this.b;
+              d = !!this.l;
+              a = !1;
+              b = - 1;
+              for (c = e.a.d; c !== e.a; c = c.d) if (c.c) {
+                a || (this.h && this.h(4, this.c), a = !0);
+                g = c.a;
+                do d && (f = g.b.d.c ? 0 : 1, b !== f && (b = f, this.l && this.l(!!b, this.c))),
+                this.k && this.k(g.a.d, this.c),
+                g = g.e;
+                while (g !== c.a);
+              }
+              a && this.i && this.i(this.c);
+            }
+            if (this.r) {
+              e = this.b;
+              for (a = e.a.b; a !== e.a; a = d) if (d = a.b, !a.c) {
+                b = a.a;
+                c = b.e;
+                g = void 0;
+                do g = c,
+                c = g.e,
+                g.d = null,
+                null === g.b.d && (g.c === g ? F(g.a, null) : (g.a.c = g.c, H(g, J(g))), f = g.b, f.c === f ? F(f.a, null) : (f.a.c = f.c, H(f, J(f))), fa(g));
+                while (g !== b);
+                b = a.d;
+                a = a.b;
+                a.d = b;
+                b.b = a;
+              }
+              this.r(this.b);
+              this.c = this.b = null;
+              return;
+            }
+          }
+          this.b = this.c = null;
+        };
+        function Z(a, b) {
+          if (a.d !== b) for (; a.d !== b; ) if (a.d < b) switch (a.d) {
+            case Y:
+              V(a, 100151);
+              a.u(null);
+              break;
+            case 1:
+              V(a, 100152),
+              a.t();
+          } else switch (a.d) {
+            case 2:
+              V(a, 100154);
+              a.v();
+              break;
+            case 1:
+              V(a, 100153),
+              a.w();
+          }
+        }
+        function V(a, b) {
+          a.p && a.p(b, a.c);
+        }
+        ;
+        function ga(a, b) {
+          this.b = a || this;
+          this.d = b || this;
+          this.a = null;
+          this.c = !1;
+        }
+        ;
+        function M() {
+          this.h = this;
+          this.i = this.d = this.a = this.e = this.c = this.b = null;
+          this.f = 0;
+        }
+        function J(a) {
+          return a.b.e;
+        }
+        ;
+        function Ca() {
+          this.c = new N();
+          this.a = new ga();
+          this.b = new M();
+          this.d = new M();
+          this.b.b = this.d;
+          this.d.b = this.b;
+        }
+        ;
+        function N(a, b) {
+          this.e = a || this;
+          this.f = b || this;
+          this.d = this.c = null;
+          this.g = [
+            0,
+            0,
+            0
+          ];
+          this.h = this.a = this.b = 0;
+        }
+        ;
+        function Da() {
+          this.c = [
+          ];
+          this.d = null;
+          this.a = 0;
+          this.e = !1;
+          this.b = new Ha();
+        }
+        function Ea(a) {
+          a.d = [
+          ];
+          for (var b = 0; b < a.a; b++) a.d[b] = b;
+          a.d.sort(function (a) {
+            return function (b, e) {
+              return u(a[b], a[e]) ? 1 : - 1;
+            };
+          }(a.c));
+          a.e = !0;
+          Ia(a.b);
+        }
+        function xa(a, b) {
+          if (a.e) {
+            var c = a.b,
+            d = ++c.a;
+            2 * d > c.f && (c.f *= 2, c.c = Ja(c.c, c.f + 1));
+            var e;
+            0 === c.b ? e = d : (e = c.b, c.b = c.c[c.b]);
+            c.e[e] = b;
+            c.c[e] = d;
+            c.d[d] = e;
+            c.h && va(c, d);
+            return e;
+          }
+          c = a.a++;
+          a.c[c] = b;
+          return - (c + 1);
+        }
+        function Fa(a) {
+          if (0 === a.a) return Ka(a.b);
+          var b = a.c[a.d[a.a - 1]];
+          if (0 !== a.b.a && u(Ga(a.b), b)) return Ka(a.b);
+          do --a.a;
+          while (0 < a.a && null === a.c[a.d[a.a - 1]]);
+          return b;
+        }
+        ;
+        function Ha() {
+          this.d = Ja([0], 33);
+          this.e = [
+            null,
+            null
+          ];
+          this.c = [
+            0,
+            0
+          ];
+          this.a = 0;
+          this.f = 32;
+          this.b = 0;
+          this.h = !1;
+          this.d[1] = 1;
+        }
+        function Ja(a, b) {
+          for (var c = Array(b), d = 0; d < a.length; d++) c[d] = a[d];
+          for (; d < b; d++) c[d] = 0;
+          return c;
+        }
+        function Ia(a) {
+          for (var b = a.a; 1 <= b; --b) W(a, b);
+          a.h = !0;
+        }
+        function Ga(a) {
+          return a.e[a.d[1]];
+        }
+        function Ka(a) {
+          var b = a.d,
+          c = a.e,
+          d = a.c,
+          e = b[1],
+          f = c[e];
+          0 < a.a && (b[1] = b[a.a], d[b[1]] = 1, c[e] = null, d[e] = a.b, a.b = e, 0 < --a.a && W(a, 1));
+          return f;
+        }
+        function W(a, b) {
+          for (var c = a.d, d = a.e, e = a.c, f = b, g = c[f]; ; ) {
+            var h = f << 1;
+            h < a.a && u(d[c[h + 1]], d[c[h]]) && (h += 1);
+            var k = c[h];
+            if (h > a.a || u(d[g], d[k])) {
+              c[f] = g;
+              e[g] = f;
+              break;
+            }
+            c[f] = k;
+            e[k] = f;
+            f = h;
+          }
+        }
+        function va(a, b) {
+          for (var c = a.d, d = a.e, e = a.c, f = b, g = c[f]; ; ) {
+            var h = f >> 1,
+            k = c[h];
+            if (0 === h || u(d[k], d[g])) {
+              c[f] = g;
+              e[g] = f;
+              break;
+            }
+            c[f] = k;
+            e[k] = f;
+            f = h;
+          }
+        }
+        ;
+        function ma() {
+          this.e = this.a = null;
+          this.f = 0;
+          this.c = this.b = this.h = this.d = !1;
+        }
+        function S(a) {
+          return a.e.c.b;
+        }
+        function R(a) {
+          return a.e.a.b;
+        }
+        ;
+        this.libtess = {
+          GluTesselator: X,
+          windingRule: {
+            GLU_TESS_WINDING_ODD: 100130,
+            GLU_TESS_WINDING_NONZERO: 100131,
+            GLU_TESS_WINDING_POSITIVE: 100132,
+            GLU_TESS_WINDING_NEGATIVE: 100133,
+            GLU_TESS_WINDING_ABS_GEQ_TWO: 100134
+          },
+          primitiveType: {
+            GL_LINE_LOOP: 2,
+            GL_TRIANGLES: 4,
+            GL_TRIANGLE_STRIP: 5,
+            GL_TRIANGLE_FAN: 6
+          },
+          errorType: {
+            GLU_TESS_MISSING_BEGIN_POLYGON: 100151,
+            GLU_TESS_MISSING_END_POLYGON: 100153,
+            GLU_TESS_MISSING_BEGIN_CONTOUR: 100152,
+            GLU_TESS_MISSING_END_CONTOUR: 100154,
+            GLU_TESS_COORD_TOO_LARGE: 100155,
+            GLU_TESS_NEED_COMBINE_CALLBACK: 100156
+          },
+          gluEnum: {
+            GLU_TESS_MESH: 100112,
+            GLU_TESS_TOLERANCE: 100142,
+            GLU_TESS_WINDING_RULE: 100140,
+            GLU_TESS_BOUNDARY_ONLY: 100141,
+            GLU_INVALID_ENUM: 100900,
+            GLU_INVALID_VALUE: 100901,
+            GLU_TESS_BEGIN: 100100,
+            GLU_TESS_VERTEX: 100101,
+            GLU_TESS_END: 100102,
+            GLU_TESS_ERROR: 100103,
+            GLU_TESS_EDGE_FLAG: 100104,
+            GLU_TESS_COMBINE: 100105,
+            GLU_TESS_BEGIN_DATA: 100106,
+            GLU_TESS_VERTEX_DATA: 100107,
+            GLU_TESS_END_DATA: 100108,
+            GLU_TESS_ERROR_DATA: 100109,
+            GLU_TESS_EDGE_FLAG_DATA: 100110,
+            GLU_TESS_COMBINE_DATA: 100111
+          }
+        };
+        X.prototype.gluDeleteTess = X.prototype.x;
+        X.prototype.gluTessProperty = X.prototype.B;
+        X.prototype.gluGetTessProperty = X.prototype.y;
+        X.prototype.gluTessNormal = X.prototype.A;
+        X.prototype.gluTessCallback = X.prototype.z;
+        X.prototype.gluTessVertex = X.prototype.C;
+        X.prototype.gluTessBeginPolygon = X.prototype.u;
+        X.prototype.gluTessBeginContour = X.prototype.t;
+        X.prototype.gluTessEndContour = X.prototype.v;
+        X.prototype.gluTessEndPolygon = X.prototype.w;
+        if (typeof module !== 'undefined') {
+          module.exports = this.libtess;
+        }
+      },
+      {
+      }
+    ],
+    270: [
+      function (_dereq_, module, exports) {
+        // (c) Dean McNamee <dean@gmail.com>, 2013.
+        //
+        // https://github.com/deanm/omggif
+        //
+        // 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.
+        //
+        // omggif is a JavaScript implementation of a GIF 89a encoder and decoder,
+        // including animation and compression.  It does not rely on any specific
+        // underlying system, so should run in the browser, Node, or Plask.
+        'use strict';
+        function GifWriter(buf, width, height, gopts) {
+          var p = 0;
+          var gopts = gopts === undefined ? {
+          }
+           : gopts;
+          var loop_count = gopts.loop === undefined ? null : gopts.loop;
+          var global_palette = gopts.palette === undefined ? null : gopts.palette;
+          if (width <= 0 || height <= 0 || width > 65535 || height > 65535) throw new Error('Width/Height invalid.');
+          function check_palette_and_num_colors(palette) {
+            var num_colors = palette.length;
+            if (num_colors < 2 || num_colors > 256 || num_colors & num_colors - 1) {
+              throw new Error('Invalid code/color length, must be power of 2 and 2 .. 256.');
+            }
+            return num_colors;
+          }          // - Header.
+
+          buf[p++] = 71;
+          buf[p++] = 73;
+          buf[p++] = 70; // GIF
+          buf[p++] = 56;
+          buf[p++] = 57;
+          buf[p++] = 97; // 89a
+          // Handling of Global Color Table (palette) and background index.
+          var gp_num_colors_pow2 = 0;
+          var background = 0;
+          if (global_palette !== null) {
+            var gp_num_colors = check_palette_and_num_colors(global_palette);
+            while (gp_num_colors >>= 1) ++gp_num_colors_pow2;
+            gp_num_colors = 1 << gp_num_colors_pow2;
+            --gp_num_colors_pow2;
+            if (gopts.background !== undefined) {
+              background = gopts.background;
+              if (background >= gp_num_colors) throw new Error('Background index out of range.');
+              // The GIF spec states that a background index of 0 should be ignored, so
+              // this is probably a mistake and you really want to set it to another
+              // slot in the palette.  But actually in the end most browsers, etc end
+              // up ignoring this almost completely (including for dispose background).
+              if (background === 0) throw new Error('Background index explicitly passed as 0.');
+            }
+          }          // - Logical Screen Descriptor.
+          // NOTE(deanm): w/h apparently ignored by implementations, but set anyway.
+
+          buf[p++] = width & 255;
+          buf[p++] = width >> 8 & 255;
+          buf[p++] = height & 255;
+          buf[p++] = height >> 8 & 255;
+          // NOTE: Indicates 0-bpp original color resolution (unused?).
+          buf[p++] = (global_palette !== null ? 128 : 0) |          // Global Color Table Flag.
+          gp_num_colors_pow2; // NOTE: No sort flag (unused?).
+          buf[p++] = background; // Background Color Index.
+          buf[p++] = 0; // Pixel aspect ratio (unused?).
+          // - Global Color Table
+          if (global_palette !== null) {
+            for (var i = 0, il = global_palette.length; i < il; ++i) {
+              var rgb = global_palette[i];
+              buf[p++] = rgb >> 16 & 255;
+              buf[p++] = rgb >> 8 & 255;
+              buf[p++] = rgb & 255;
+            }
+          }
+          if (loop_count !== null) {
+            // Netscape block for looping.
+            if (loop_count < 0 || loop_count > 65535) throw new Error('Loop count invalid.');
+            // Extension code, label, and length.
+            buf[p++] = 33;
+            buf[p++] = 255;
+            buf[p++] = 11;
+            // NETSCAPE2.0
+            buf[p++] = 78;
+            buf[p++] = 69;
+            buf[p++] = 84;
+            buf[p++] = 83;
+            buf[p++] = 67;
+            buf[p++] = 65;
+            buf[p++] = 80;
+            buf[p++] = 69;
+            buf[p++] = 50;
+            buf[p++] = 46;
+            buf[p++] = 48;
+            // Sub-block
+            buf[p++] = 3;
+            buf[p++] = 1;
+            buf[p++] = loop_count & 255;
+            buf[p++] = loop_count >> 8 & 255;
+            buf[p++] = 0; // Terminator.
+          }
+          var ended = false;
+          this.addFrame = function (x, y, w, h, indexed_pixels, opts) {
+            if (ended === true) {
+              --p;
+              ended = false;
+            } // Un-end.
+
+            opts = opts === undefined ? {
+            }
+             : opts;
+            // TODO(deanm): Bounds check x, y.  Do they need to be within the virtual
+            // canvas width/height, I imagine?
+            if (x < 0 || y < 0 || x > 65535 || y > 65535) throw new Error('x/y invalid.');
+            if (w <= 0 || h <= 0 || w > 65535 || h > 65535) throw new Error('Width/Height invalid.');
+            if (indexed_pixels.length < w * h) throw new Error('Not enough pixels for the frame size.');
+            var using_local_palette = true;
+            var palette = opts.palette;
+            if (palette === undefined || palette === null) {
+              using_local_palette = false;
+              palette = global_palette;
+            }
+            if (palette === undefined || palette === null) throw new Error('Must supply either a local or global palette.');
+            var num_colors = check_palette_and_num_colors(palette);
+            // Compute the min_code_size (power of 2), destroying num_colors.
+            var min_code_size = 0;
+            while (num_colors >>= 1) ++min_code_size;
+            num_colors = 1 << min_code_size; // Now we can easily get it back.
+            var delay = opts.delay === undefined ? 0 : opts.delay;
+            // From the spec:
+            //     0 -   No disposal specified. The decoder is
+            //           not required to take any action.
+            //     1 -   Do not dispose. The graphic is to be left
+            //           in place.
+            //     2 -   Restore to background color. The area used by the
+            //           graphic must be restored to the background color.
+            //     3 -   Restore to previous. The decoder is required to
+            //           restore the area overwritten by the graphic with
+            //           what was there prior to rendering the graphic.
+            //  4-7 -    To be defined.
+            // NOTE(deanm): Dispose background doesn't really work, apparently most
+            // browsers ignore the background palette index and clear to transparency.
+            var disposal = opts.disposal === undefined ? 0 : opts.disposal;
+            if (disposal < 0 || disposal > 3)            // 4-7 is reserved.
+            throw new Error('Disposal out of range.');
+            var use_transparency = false;
+            var transparent_index = 0;
+            if (opts.transparent !== undefined && opts.transparent !== null) {
+              use_transparency = true;
+              transparent_index = opts.transparent;
+              if (transparent_index < 0 || transparent_index >= num_colors) throw new Error('Transparent color index.');
+            }
+            if (disposal !== 0 || use_transparency || delay !== 0) {
+              // - Graphics Control Extension
+              buf[p++] = 33;
+              buf[p++] = 249; // Extension / Label.
+              buf[p++] = 4; // Byte size.
+              buf[p++] = disposal << 2 | (use_transparency === true ? 1 : 0);
+              buf[p++] = delay & 255;
+              buf[p++] = delay >> 8 & 255;
+              buf[p++] = transparent_index; // Transparent color index.
+              buf[p++] = 0; // Block Terminator.
+            }            // - Image Descriptor
+
+            buf[p++] = 44; // Image Seperator.
+            buf[p++] = x & 255;
+            buf[p++] = x >> 8 & 255; // Left.
+            buf[p++] = y & 255;
+            buf[p++] = y >> 8 & 255; // Top.
+            buf[p++] = w & 255;
+            buf[p++] = w >> 8 & 255;
+            buf[p++] = h & 255;
+            buf[p++] = h >> 8 & 255;
+            // NOTE: No sort flag (unused?).
+            // TODO(deanm): Support interlace.
+            buf[p++] = using_local_palette === true ? 128 | min_code_size - 1 : 0;
+            // - Local Color Table
+            if (using_local_palette === true) {
+              for (var i = 0, il = palette.length; i < il; ++i) {
+                var rgb = palette[i];
+                buf[p++] = rgb >> 16 & 255;
+                buf[p++] = rgb >> 8 & 255;
+                buf[p++] = rgb & 255;
+              }
+            }
+            p = GifWriterOutputLZWCodeStream(buf, p, min_code_size < 2 ? 2 : min_code_size, indexed_pixels);
+            return p;
+          };
+          this.end = function () {
+            if (ended === false) {
+              buf[p++] = 59; // Trailer.
+              ended = true;
+            }
+            return p;
+          };
+          this.getOutputBuffer = function () {
+            return buf;
+          };
+          this.setOutputBuffer = function (v) {
+            buf = v;
+          };
+          this.getOutputBufferPosition = function () {
+            return p;
+          };
+          this.setOutputBufferPosition = function (v) {
+            p = v;
+          };
+        }        // Main compression routine, palette indexes -> LZW code stream.
+        // |index_stream| must have at least one entry.
+
+        function GifWriterOutputLZWCodeStream(buf, p, min_code_size, index_stream) {
+          buf[p++] = min_code_size;
+          var cur_subblock = p++; // Pointing at the length field.
+          var clear_code = 1 << min_code_size;
+          var code_mask = clear_code - 1;
+          var eoi_code = clear_code + 1;
+          var next_code = eoi_code + 1;
+          var cur_code_size = min_code_size + 1; // Number of bits per code.
+          var cur_shift = 0;
+          // We have at most 12-bit codes, so we should have to hold a max of 19
+          // bits here (and then we would write out).
+          var cur = 0;
+          function emit_bytes_to_buffer(bit_block_size) {
+            while (cur_shift >= bit_block_size) {
+              buf[p++] = cur & 255;
+              cur >>= 8;
+              cur_shift -= 8;
+              if (p === cur_subblock + 256) {
+                // Finished a subblock.
+                buf[cur_subblock] = 255;
+                cur_subblock = p++;
+              }
+            }
+          }
+          function emit_code(c) {
+            cur |= c << cur_shift;
+            cur_shift += cur_code_size;
+            emit_bytes_to_buffer(8);
+          }          // I am not an expert on the topic, and I don't want to write a thesis.
+          // However, it is good to outline here the basic algorithm and the few data
+          // structures and optimizations here that make this implementation fast.
+          // The basic idea behind LZW is to build a table of previously seen runs
+          // addressed by a short id (herein called output code).  All data is
+          // referenced by a code, which represents one or more values from the
+          // original input stream.  All input bytes can be referenced as the same
+          // value as an output code.  So if you didn't want any compression, you
+          // could more or less just output the original bytes as codes (there are
+          // some details to this, but it is the idea).  In order to achieve
+          // compression, values greater then the input range (codes can be up to
+          // 12-bit while input only 8-bit) represent a sequence of previously seen
+          // inputs.  The decompressor is able to build the same mapping while
+          // decoding, so there is always a shared common knowledge between the
+          // encoding and decoder, which is also important for "timing" aspects like
+          // how to handle variable bit width code encoding.
+          //
+          // One obvious but very important consequence of the table system is there
+          // is always a unique id (at most 12-bits) to map the runs.  'A' might be
+          // 4, then 'AA' might be 10, 'AAA' 11, 'AAAA' 12, etc.  This relationship
+          // can be used for an effecient lookup strategy for the code mapping.  We
+          // need to know if a run has been seen before, and be able to map that run
+          // to the output code.  Since we start with known unique ids (input bytes),
+          // and then from those build more unique ids (table entries), we can
+          // continue this chain (almost like a linked list) to always have small
+          // integer values that represent the current byte chains in the encoder.
+          // This means instead of tracking the input bytes (AAAABCD) to know our
+          // current state, we can track the table entry for AAAABC (it is guaranteed
+          // to exist by the nature of the algorithm) and the next character D.
+          // Therefor the tuple of (table_entry, byte) is guaranteed to also be
+          // unique.  This allows us to create a simple lookup key for mapping input
+          // sequences to codes (table indices) without having to store or search
+          // any of the code sequences.  So if 'AAAA' has a table entry of 12, the
+          // tuple of ('AAAA', K) for any input byte K will be unique, and can be our
+          // key.  This leads to a integer value at most 20-bits, which can always
+          // fit in an SMI value and be used as a fast sparse array / object key.
+          // Output code for the current contents of the index buffer.
+
+          var ib_code = index_stream[0] & code_mask; // Load first input index.
+          var code_table = {
+          }; // Key'd on our 20-bit "tuple".
+          emit_code(clear_code); // Spec says first code should be a clear code.
+          // First index already loaded, process the rest of the stream.
+          for (var i = 1, il = index_stream.length; i < il; ++i) {
+            var k = index_stream[i] & code_mask;
+            var cur_key = ib_code << 8 | k; // (prev, k) unique tuple.
+            var cur_code = code_table[cur_key]; // buffer + k.
+            // Check if we have to create a new code table entry.
+            if (cur_code === undefined) {
+              // We don't have buffer + k.
+              // Emit index buffer (without k).
+              // This is an inline version of emit_code, because this is the core
+              // writing routine of the compressor (and V8 cannot inline emit_code
+              // because it is a closure here in a different context).  Additionally
+              // we can call emit_byte_to_buffer less often, because we can have
+              // 30-bits (from our 31-bit signed SMI), and we know our codes will only
+              // be 12-bits, so can safely have 18-bits there without overflow.
+              // emit_code(ib_code);
+              cur |= ib_code << cur_shift;
+              cur_shift += cur_code_size;
+              while (cur_shift >= 8) {
+                buf[p++] = cur & 255;
+                cur >>= 8;
+                cur_shift -= 8;
+                if (p === cur_subblock + 256) {
+                  // Finished a subblock.
+                  buf[cur_subblock] = 255;
+                  cur_subblock = p++;
+                }
+              }
+              if (next_code === 4096) {
+                // Table full, need a clear.
+                emit_code(clear_code);
+                next_code = eoi_code + 1;
+                cur_code_size = min_code_size + 1;
+                code_table = {
+                };
+              } else {
+                // Table not full, insert a new entry.
+                // Increase our variable bit code sizes if necessary.  This is a bit
+                // tricky as it is based on "timing" between the encoding and
+                // decoder.  From the encoders perspective this should happen after
+                // we've already emitted the index buffer and are about to create the
+                // first table entry that would overflow our current code bit size.
+                if (next_code >= 1 << cur_code_size) ++cur_code_size;
+                code_table[cur_key] = next_code++; // Insert into code table.
+              }
+              ib_code = k; // Index buffer to single input k.
+            } else {
+              ib_code = cur_code; // Index buffer to sequence in code table.
+            }
+          }
+          emit_code(ib_code); // There will still be something in the index buffer.
+          emit_code(eoi_code); // End Of Information.
+          // Flush / finalize the sub-blocks stream to the buffer.
+          emit_bytes_to_buffer(1);
+          // Finish the sub-blocks, writing out any unfinished lengths and
+          // terminating with a sub-block of length 0.  If we have already started
+          // but not yet used a sub-block it can just become the terminator.
+          if (cur_subblock + 1 === p) {
+            // Started but unused.
+            buf[cur_subblock] = 0;
+          } else {
+            // Started and used, write length and additional terminator block.
+            buf[cur_subblock] = p - cur_subblock - 1;
+            buf[p++] = 0;
+          }
+          return p;
+        }
+        function GifReader(buf) {
+          var p = 0;
+          // - Header (GIF87a or GIF89a).
+          if (buf[p++] !== 71 || buf[p++] !== 73 || buf[p++] !== 70 || buf[p++] !== 56 || (buf[p++] + 1 & 253) !== 56 || buf[p++] !== 97) {
+            throw new Error('Invalid GIF 87a/89a header.');
+          }          // - Logical Screen Descriptor.
+
+          var width = buf[p++] | buf[p++] << 8;
+          var height = buf[p++] | buf[p++] << 8;
+          var pf0 = buf[p++]; // <Packed Fields>.
+          var global_palette_flag = pf0 >> 7;
+          var num_global_colors_pow2 = pf0 & 7;
+          var num_global_colors = 1 << num_global_colors_pow2 + 1;
+          var background = buf[p++];
+          buf[p++]; // Pixel aspect ratio (unused?).
+          var global_palette_offset = null;
+          var global_palette_size = null;
+          if (global_palette_flag) {
+            global_palette_offset = p;
+            global_palette_size = num_global_colors;
+            p += num_global_colors * 3; // Seek past palette.
+          }
+          var no_eof = true;
+          var frames = [
+          ];
+          var delay = 0;
+          var transparent_index = null;
+          var disposal = 0; // 0 - No disposal specified.
+          var loop_count = null;
+          this.width = width;
+          this.height = height;
+          while (no_eof && p < buf.length) {
+            switch (buf[p++]) {
+              case 33:
+                // Graphics Control Extension Block
+                switch (buf[p++]) {
+                  case 255:
+                    // Application specific block
+                    // Try if it's a Netscape block (with animation loop counter).
+                    if (buf[p] !== 11 ||                    // 21 FF already read, check block size.
+                    // NETSCAPE2.0
+                    buf[p + 1] == 78 && buf[p + 2] == 69 && buf[p + 3] == 84 && buf[p + 4] == 83 && buf[p + 5] == 67 && buf[p + 6] == 65 && buf[p + 7] == 80 && buf[p + 8] == 69 && buf[p + 9] == 50 && buf[p + 10] == 46 && buf[p + 11] == 48 &&                    // Sub-block
+                    buf[p + 12] == 3 && buf[p + 13] == 1 && buf[p + 16] == 0) {
+                      p += 14;
+                      loop_count = buf[p++] | buf[p++] << 8;
+                      p++; // Skip terminator.
+                    } else {
+                      // We don't know what it is, just try to get past it.
+                      p += 12;
+                      while (true) {
+                        // Seek through subblocks.
+                        var block_size = buf[p++];
+                        // Bad block size (ex: undefined from an out of bounds read).
+                        if (!(block_size >= 0)) throw Error('Invalid block size');
+                        if (block_size === 0) break; // 0 size is terminator
+                        p += block_size;
+                      }
+                    }
+                    break;
+                  case 249:
+                    // Graphics Control Extension
+                    if (buf[p++] !== 4 || buf[p + 4] !== 0) throw new Error('Invalid graphics extension block.');
+                    var pf1 = buf[p++];
+                    delay = buf[p++] | buf[p++] << 8;
+                    transparent_index = buf[p++];
+                    if ((pf1 & 1) === 0) transparent_index = null;
+                    disposal = pf1 >> 2 & 7;
+                    p++; // Skip terminator.
+                    break;
+                  case 254:
+                    // Comment Extension.
+                    while (true) {
+                      // Seek through subblocks.
+                      var block_size = buf[p++];
+                      // Bad block size (ex: undefined from an out of bounds read).
+                      if (!(block_size >= 0)) throw Error('Invalid block size');
+                      if (block_size === 0) break; // 0 size is terminator
+                      // console.log(buf.slice(p, p+block_size).toString('ascii'));
+                      p += block_size;
+                    }
+                    break;
+                  default:
+                    throw new Error('Unknown graphic control label: 0x' + buf[p - 1].toString(16));
+                }
+                break;
+              case 44:
+                // Image Descriptor.
+                var x = buf[p++] | buf[p++] << 8;
+                var y = buf[p++] | buf[p++] << 8;
+                var w = buf[p++] | buf[p++] << 8;
+                var h = buf[p++] | buf[p++] << 8;
+                var pf2 = buf[p++];
+                var local_palette_flag = pf2 >> 7;
+                var interlace_flag = pf2 >> 6 & 1;
+                var num_local_colors_pow2 = pf2 & 7;
+                var num_local_colors = 1 << num_local_colors_pow2 + 1;
+                var palette_offset = global_palette_offset;
+                var palette_size = global_palette_size;
+                var has_local_palette = false;
+                if (local_palette_flag) {
+                  var has_local_palette = true;
+                  palette_offset = p; // Override with local palette.
+                  palette_size = num_local_colors;
+                  p += num_local_colors * 3; // Seek past palette.
+                }
+                var data_offset = p;
+                p++; // codesize
+                while (true) {
+                  var block_size = buf[p++];
+                  // Bad block size (ex: undefined from an out of bounds read).
+                  if (!(block_size >= 0)) throw Error('Invalid block size');
+                  if (block_size === 0) break; // 0 size is terminator
+                  p += block_size;
+                }
+                frames.push({
+                  x: x,
+                  y: y,
+                  width: w,
+                  height: h,
+                  has_local_palette: has_local_palette,
+                  palette_offset: palette_offset,
+                  palette_size: palette_size,
+                  data_offset: data_offset,
+                  data_length: p - data_offset,
+                  transparent_index: transparent_index,
+                  interlaced: !!interlace_flag,
+                  delay: delay,
+                  disposal: disposal
+                });
+                break;
+              case 59:
+                // Trailer Marker (end of file).
+                no_eof = false;
+                break;
+              default:
+                throw new Error('Unknown gif block: 0x' + buf[p - 1].toString(16));
+                break;
+            }
+          }
+          this.numFrames = function () {
+            return frames.length;
+          };
+          this.loopCount = function () {
+            return loop_count;
+          };
+          this.frameInfo = function (frame_num) {
+            if (frame_num < 0 || frame_num >= frames.length) throw new Error('Frame index out of range.');
+            return frames[frame_num];
+          };
+          this.decodeAndBlitFrameBGRA = function (frame_num, pixels) {
+            var frame = this.frameInfo(frame_num);
+            var num_pixels = frame.width * frame.height;
+            var index_stream = new Uint8Array(num_pixels); // At most 8-bit indices.
+            GifReaderLZWOutputIndexStream(buf, frame.data_offset, index_stream, num_pixels);
+            var palette_offset = frame.palette_offset;
+            // NOTE(deanm): It seems to be much faster to compare index to 256 than
+            // to === null.  Not sure why, but CompareStub_EQ_STRICT shows up high in
+            // the profile, not sure if it's related to using a Uint8Array.
+            var trans = frame.transparent_index;
+            if (trans === null) trans = 256;
+            // We are possibly just blitting to a portion of the entire frame.
+            // That is a subrect within the framerect, so the additional pixels
+            // must be skipped over after we finished a scanline.
+            var framewidth = frame.width;
+            var framestride = width - framewidth;
+            var xleft = framewidth; // Number of subrect pixels left in scanline.
+            // Output indicies of the top left and bottom right corners of the subrect.
+            var opbeg = (frame.y * width + frame.x) * 4;
+            var opend = ((frame.y + frame.height) * width + frame.x) * 4;
+            var op = opbeg;
+            var scanstride = framestride * 4;
+            // Use scanstride to skip past the rows when interlacing.  This is skipping
+            // 7 rows for the first two passes, then 3 then 1.
+            if (frame.interlaced === true) {
+              scanstride += width * 4 * 7; // Pass 1.
+            }
+            var interlaceskip = 8; // Tracking the row interval in the current pass.
+            for (var i = 0, il = index_stream.length; i < il; ++i) {
+              var index = index_stream[i];
+              if (xleft === 0) {
+                // Beginning of new scan line
+                op += scanstride;
+                xleft = framewidth;
+                if (op >= opend) {
+                  // Catch the wrap to switch passes when interlacing.
+                  scanstride = framestride * 4 + width * 4 * (interlaceskip - 1);
+                  // interlaceskip / 2 * 4 is interlaceskip << 1.
+                  op = opbeg + (framewidth + framestride) * (interlaceskip << 1);
+                  interlaceskip >>= 1;
+                }
+              }
+              if (index === trans) {
+                op += 4;
+              } else {
+                var r = buf[palette_offset + index * 3];
+                var g = buf[palette_offset + index * 3 + 1];
+                var b = buf[palette_offset + index * 3 + 2];
+                pixels[op++] = b;
+                pixels[op++] = g;
+                pixels[op++] = r;
+                pixels[op++] = 255;
+              }
+              --xleft;
+            }
+          };
+          // I will go to copy and paste hell one day...
+          this.decodeAndBlitFrameRGBA = function (frame_num, pixels) {
+            var frame = this.frameInfo(frame_num);
+            var num_pixels = frame.width * frame.height;
+            var index_stream = new Uint8Array(num_pixels); // At most 8-bit indices.
+            GifReaderLZWOutputIndexStream(buf, frame.data_offset, index_stream, num_pixels);
+            var palette_offset = frame.palette_offset;
+            // NOTE(deanm): It seems to be much faster to compare index to 256 than
+            // to === null.  Not sure why, but CompareStub_EQ_STRICT shows up high in
+            // the profile, not sure if it's related to using a Uint8Array.
+            var trans = frame.transparent_index;
+            if (trans === null) trans = 256;
+            // We are possibly just blitting to a portion of the entire frame.
+            // That is a subrect within the framerect, so the additional pixels
+            // must be skipped over after we finished a scanline.
+            var framewidth = frame.width;
+            var framestride = width - framewidth;
+            var xleft = framewidth; // Number of subrect pixels left in scanline.
+            // Output indicies of the top left and bottom right corners of the subrect.
+            var opbeg = (frame.y * width + frame.x) * 4;
+            var opend = ((frame.y + frame.height) * width + frame.x) * 4;
+            var op = opbeg;
+            var scanstride = framestride * 4;
+            // Use scanstride to skip past the rows when interlacing.  This is skipping
+            // 7 rows for the first two passes, then 3 then 1.
+            if (frame.interlaced === true) {
+              scanstride += width * 4 * 7; // Pass 1.
+            }
+            var interlaceskip = 8; // Tracking the row interval in the current pass.
+            for (var i = 0, il = index_stream.length; i < il; ++i) {
+              var index = index_stream[i];
+              if (xleft === 0) {
+                // Beginning of new scan line
+                op += scanstride;
+                xleft = framewidth;
+                if (op >= opend) {
+                  // Catch the wrap to switch passes when interlacing.
+                  scanstride = framestride * 4 + width * 4 * (interlaceskip - 1);
+                  // interlaceskip / 2 * 4 is interlaceskip << 1.
+                  op = opbeg + (framewidth + framestride) * (interlaceskip << 1);
+                  interlaceskip >>= 1;
+                }
+              }
+              if (index === trans) {
+                op += 4;
+              } else {
+                var r = buf[palette_offset + index * 3];
+                var g = buf[palette_offset + index * 3 + 1];
+                var b = buf[palette_offset + index * 3 + 2];
+                pixels[op++] = r;
+                pixels[op++] = g;
+                pixels[op++] = b;
+                pixels[op++] = 255;
+              }
+              --xleft;
+            }
+          };
+        }
+        function GifReaderLZWOutputIndexStream(code_stream, p, output, output_length) {
+          var min_code_size = code_stream[p++];
+          var clear_code = 1 << min_code_size;
+          var eoi_code = clear_code + 1;
+          var next_code = eoi_code + 1;
+          var cur_code_size = min_code_size + 1; // Number of bits per code.
+          // NOTE: This shares the same name as the encoder, but has a different
+          // meaning here.  Here this masks each code coming from the code stream.
+          var code_mask = (1 << cur_code_size) - 1;
+          var cur_shift = 0;
+          var cur = 0;
+          var op = 0; // Output pointer.
+          var subblock_size = code_stream[p++];
+          // TODO(deanm): Would using a TypedArray be any faster?  At least it would
+          // solve the fast mode / backing store uncertainty.
+          // var code_table = Array(4096);
+          var code_table = new Int32Array(4096); // Can be signed, we only use 20 bits.
+          var prev_code = null; // Track code-1.
+          while (true) {
+            // Read up to two bytes, making sure we always 12-bits for max sized code.
+            while (cur_shift < 16) {
+              if (subblock_size === 0) break; // No more data to be read.
+              cur |= code_stream[p++] << cur_shift;
+              cur_shift += 8;
+              if (subblock_size === 1) {
+                // Never let it get to 0 to hold logic above.
+                subblock_size = code_stream[p++]; // Next subblock.
+              } else {
+                --subblock_size;
+              }
+            }            // TODO(deanm): We should never really get here, we should have received
+            // and EOI.
+
+            if (cur_shift < cur_code_size) break;
+            var code = cur & code_mask;
+            cur >>= cur_code_size;
+            cur_shift -= cur_code_size;
+            // TODO(deanm): Maybe should check that the first code was a clear code,
+            // at least this is what you're supposed to do.  But actually our encoder
+            // now doesn't emit a clear code first anyway.
+            if (code === clear_code) {
+              // We don't actually have to clear the table.  This could be a good idea
+              // for greater error checking, but we don't really do any anyway.  We
+              // will just track it with next_code and overwrite old entries.
+              next_code = eoi_code + 1;
+              cur_code_size = min_code_size + 1;
+              code_mask = (1 << cur_code_size) - 1;
+              // Don't update prev_code ?
+              prev_code = null;
+              continue;
+            } else if (code === eoi_code) {
+              break;
+            }            // We have a similar situation as the decoder, where we want to store
+            // variable length entries (code table entries), but we want to do in a
+            // faster manner than an array of arrays.  The code below stores sort of a
+            // linked list within the code table, and then "chases" through it to
+            // construct the dictionary entries.  When a new entry is created, just the
+            // last byte is stored, and the rest (prefix) of the entry is only
+            // referenced by its table entry.  Then the code chases through the
+            // prefixes until it reaches a single byte code.  We have to chase twice,
+            // first to compute the length, and then to actually copy the data to the
+            // output (backwards, since we know the length).  The alternative would be
+            // storing something in an intermediate stack, but that doesn't make any
+            // more sense.  I implemented an approach where it also stored the length
+            // in the code table, although it's a bit tricky because you run out of
+            // bits (12 + 12 + 8), but I didn't measure much improvements (the table
+            // entries are generally not the long).  Even when I created benchmarks for
+            // very long table entries the complexity did not seem worth it.
+            // The code table stores the prefix entry in 12 bits and then the suffix
+            // byte in 8 bits, so each entry is 20 bits.
+
+            var chase_code = code < next_code ? code : prev_code;
+            // Chase what we will output, either {CODE} or {CODE-1}.
+            var chase_length = 0;
+            var chase = chase_code;
+            while (chase > clear_code) {
+              chase = code_table[chase] >> 8;
+              ++chase_length;
+            }
+            var k = chase;
+            var op_end = op + chase_length + (chase_code !== code ? 1 : 0);
+            if (op_end > output_length) {
+              console.log('Warning, gif stream longer than expected.');
+              return;
+            }            // Already have the first byte from the chase, might as well write it fast.
+
+            output[op++] = k;
+            op += chase_length;
+            var b = op; // Track pointer, writing backwards.
+            if (chase_code !== code)            // The case of emitting {CODE-1} + k.
+            output[op++] = k;
+            chase = chase_code;
+            while (chase_length--) {
+              chase = code_table[chase];
+              output[--b] = chase & 255; // Write backwards.
+              chase >>= 8; // Pull down to the prefix code.
+            }
+            if (prev_code !== null && next_code < 4096) {
+              code_table[next_code++] = prev_code << 8 | k;
+              // TODO(deanm): Figure out this clearing vs code growth logic better.  I
+              // have an feeling that it should just happen somewhere else, for now it
+              // is awkward between when we grow past the max and then hit a clear code.
+              // For now just check if we hit the max 12-bits (then a clear code should
+              // follow, also of course encoded in 12-bits).
+              if (next_code >= code_mask + 1 && cur_code_size < 12) {
+                ++cur_code_size;
+                code_mask = code_mask << 1 | 1;
+              }
+            }
+            prev_code = code;
+          }
+          if (op !== output_length) {
+            console.log('Warning, gif stream shorter than expected.');
+          }
+          return output;
+        }        // CommonJS.
+
+        try {
+          exports.GifWriter = GifWriter;
+          exports.GifReader = GifReader;
+        } catch (e) {
+        }
+      },
+      {
+      }
+    ],
+    271: [
+      function (_dereq_, module, exports) {
+        (function (Buffer) {
+          /**
+ * https://opentype.js.org v0.9.0 | (c) Frederik De Bleser and other contributors | MIT License | Uses tiny-inflate by Devon Govett and string.prototype.codepointat polyfill by Mathias Bynens
+ */
+          (function (global, factory) {
+            typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) : typeof define === 'function' && define.amd ? define(['exports'], factory) : factory(global.opentype = {
+            });
+          }) (this, function (exports) {
+            'use strict';
+            /*! https://mths.be/codepointat v0.2.0 by @mathias */
+            if (!String.prototype.codePointAt) {
+              (function () {
+                var defineProperty = function () {
+                  // IE 8 only supports `Object.defineProperty` on DOM elements
+                  try {
+                    var object = {
+                    };
+                    var $defineProperty = Object.defineProperty;
+                    var result = $defineProperty(object, object, object) && $defineProperty;
+                  } catch (error) {
+                  }
+                  return result;
+                }();
+                var codePointAt = function (position) {
+                  if (this == null) {
+                    throw TypeError();
+                  }
+                  var string = String(this);
+                  var size = string.length;
+                  // `ToInteger`
+                  var index = position ? Number(position) : 0;
+                  if (index != index) {
+                    // better `isNaN`
+                    index = 0;
+                  }                  // Account for out-of-bounds indices:
+
+                  if (index < 0 || index >= size) {
+                    return undefined;
+                  }                  // Get the first code unit
+
+                  var first = string.charCodeAt(index);
+                  var second;
+                  if (                  // check if it’s the start of a surrogate pair
+                  first >= 55296 && first <= 56319 &&                  // high surrogate
+                  size > index + 1 // there is a next code unit
+                  ) {
+                    second = string.charCodeAt(index + 1);
+                    if (second >= 56320 && second <= 57343) {
+                      // low surrogate
+                      // https://mathiasbynens.be/notes/javascript-encoding#surrogate-formulae
+                      return (first - 55296) * 1024 + second - 56320 + 65536;
+                    }
+                  }
+                  return first;
+                };
+                if (defineProperty) {
+                  defineProperty(String.prototype, 'codePointAt', {
+                    'value': codePointAt,
+                    'configurable': true,
+                    'writable': true
+                  });
+                } else {
+                  String.prototype.codePointAt = codePointAt;
+                }
+              }) ();
+            }
+            var TINF_OK = 0;
+            var TINF_DATA_ERROR = - 3;
+            function Tree() {
+              this.table = new Uint16Array(16); /* table of code length counts */
+              this.trans = new Uint16Array(288); /* code -> symbol translation table */
+            }
+            function Data(source, dest) {
+              this.source = source;
+              this.sourceIndex = 0;
+              this.tag = 0;
+              this.bitcount = 0;
+              this.dest = dest;
+              this.destLen = 0;
+              this.ltree = new Tree(); /* dynamic length/symbol tree */
+              this.dtree = new Tree(); /* dynamic distance tree */
+            }            /* --------------------------------------------------- *
+   * -- uninitialized global data (static structures) -- *
+   * --------------------------------------------------- */
+
+            var sltree = new Tree();
+            var sdtree = new Tree();
+            /* extra bits and base tables for length codes */
+            var length_bits = new Uint8Array(30);
+            var length_base = new Uint16Array(30);
+            /* extra bits and base tables for distance codes */
+            var dist_bits = new Uint8Array(30);
+            var dist_base = new Uint16Array(30);
+            /* special ordering of code length codes */
+            var clcidx = new Uint8Array([16,
+            17,
+            18,
+            0,
+            8,
+            7,
+            9,
+            6,
+            10,
+            5,
+            11,
+            4,
+            12,
+            3,
+            13,
+            2,
+            14,
+            1,
+            15]);
+            /* used by tinf_decode_trees, avoids allocations every call */
+            var code_tree = new Tree();
+            var lengths = new Uint8Array(288 + 32);
+            /* ----------------------- *
+   * -- utility functions -- *
+   * ----------------------- */
+            /* build extra bits and base tables */
+            function tinf_build_bits_base(bits, base, delta, first) {
+              var i,
+              sum;
+              /* build bits table */
+              for (i = 0; i < delta; ++i) {
+                bits[i] = 0;
+              }
+              for (i = 0; i < 30 - delta; ++i) {
+                bits[i + delta] = i / delta | 0;
+              }              /* build base table */
+
+              for (sum = first, i = 0; i < 30; ++i) {
+                base[i] = sum;
+                sum += 1 << bits[i];
+              }
+            }            /* build the fixed huffman trees */
+
+            function tinf_build_fixed_trees(lt, dt) {
+              var i;
+              /* build fixed length tree */
+              for (i = 0; i < 7; ++i) {
+                lt.table[i] = 0;
+              }
+              lt.table[7] = 24;
+              lt.table[8] = 152;
+              lt.table[9] = 112;
+              for (i = 0; i < 24; ++i) {
+                lt.trans[i] = 256 + i;
+              }
+              for (i = 0; i < 144; ++i) {
+                lt.trans[24 + i] = i;
+              }
+              for (i = 0; i < 8; ++i) {
+                lt.trans[24 + 144 + i] = 280 + i;
+              }
+              for (i = 0; i < 112; ++i) {
+                lt.trans[24 + 144 + 8 + i] = 144 + i;
+              }              /* build fixed distance tree */
+
+              for (i = 0; i < 5; ++i) {
+                dt.table[i] = 0;
+              }
+              dt.table[5] = 32;
+              for (i = 0; i < 32; ++i) {
+                dt.trans[i] = i;
+              }
+            }            /* given an array of code lengths, build a tree */
+
+            var offs = new Uint16Array(16);
+            function tinf_build_tree(t, lengths, off, num) {
+              var i,
+              sum;
+              /* clear code length count table */
+              for (i = 0; i < 16; ++i) {
+                t.table[i] = 0;
+              }              /* scan symbol lengths, and sum code length counts */
+
+              for (i = 0; i < num; ++i) {
+                t.table[lengths[off + i]]++;
+              }
+              t.table[0] = 0;
+              /* compute offset table for distribution sort */
+              for (sum = 0, i = 0; i < 16; ++i) {
+                offs[i] = sum;
+                sum += t.table[i];
+              }              /* create code->symbol translation table (symbols sorted by code) */
+
+              for (i = 0; i < num; ++i) {
+                if (lengths[off + i]) {
+                  t.trans[offs[lengths[off + i]]++] = i;
+                }
+              }
+            }            /* ---------------------- *
+   * -- decode functions -- *
+   * ---------------------- */
+            /* get one bit from source stream */
+
+            function tinf_getbit(d) {
+              /* check if tag is empty */
+              if (!d.bitcount--) {
+                /* load next tag */
+                d.tag = d.source[d.sourceIndex++];
+                d.bitcount = 7;
+              }              /* shift bit out of tag */
+
+              var bit = d.tag & 1;
+              d.tag >>>= 1;
+              return bit;
+            }            /* read a num bit value from a stream and add base */
+
+            function tinf_read_bits(d, num, base) {
+              if (!num) {
+                return base;
+              }
+              while (d.bitcount < 24) {
+                d.tag |= d.source[d.sourceIndex++] << d.bitcount;
+                d.bitcount += 8;
+              }
+              var val = d.tag & 65535 >>> 16 - num;
+              d.tag >>>= num;
+              d.bitcount -= num;
+              return val + base;
+            }            /* given a data stream and a tree, decode a symbol */
+
+            function tinf_decode_symbol(d, t) {
+              while (d.bitcount < 24) {
+                d.tag |= d.source[d.sourceIndex++] << d.bitcount;
+                d.bitcount += 8;
+              }
+              var sum = 0,
+              cur = 0,
+              len = 0;
+              var tag = d.tag;
+              /* get more bits while code value is above sum */
+              do {
+                cur = 2 * cur + (tag & 1);
+                tag >>>= 1;
+                ++len;
+                sum += t.table[len];
+                cur -= t.table[len];
+              } while (cur >= 0);
+              d.tag = tag;
+              d.bitcount -= len;
+              return t.trans[sum + cur];
+            }            /* given a data stream, decode dynamic trees from it */
+
+            function tinf_decode_trees(d, lt, dt) {
+              var hlit,
+              hdist,
+              hclen;
+              var i,
+              num,
+              length;
+              /* get 5 bits HLIT (257-286) */
+              hlit = tinf_read_bits(d, 5, 257);
+              /* get 5 bits HDIST (1-32) */
+              hdist = tinf_read_bits(d, 5, 1);
+              /* get 4 bits HCLEN (4-19) */
+              hclen = tinf_read_bits(d, 4, 4);
+              for (i = 0; i < 19; ++i) {
+                lengths[i] = 0;
+              }              /* read code lengths for code length alphabet */
+
+              for (i = 0; i < hclen; ++i) {
+                /* get 3 bits code length (0-7) */
+                var clen = tinf_read_bits(d, 3, 0);
+                lengths[clcidx[i]] = clen;
+              }              /* build code length tree */
+
+              tinf_build_tree(code_tree, lengths, 0, 19);
+              /* decode code lengths for the dynamic trees */
+              for (num = 0; num < hlit + hdist; ) {
+                var sym = tinf_decode_symbol(d, code_tree);
+                switch (sym) {
+                  case 16:
+                    /* copy previous code length 3-6 times (read 2 bits) */
+                    var prev = lengths[num - 1];
+                    for (length = tinf_read_bits(d, 2, 3); length; --length) {
+                      lengths[num++] = prev;
+                    }
+                    break;
+                  case 17:
+                    /* repeat code length 0 for 3-10 times (read 3 bits) */
+                    for (length = tinf_read_bits(d, 3, 3); length; --length) {
+                      lengths[num++] = 0;
+                    }
+                    break;
+                  case 18:
+                    /* repeat code length 0 for 11-138 times (read 7 bits) */
+                    for (length = tinf_read_bits(d, 7, 11); length; --length) {
+                      lengths[num++] = 0;
+                    }
+                    break;
+                  default:
+                    /* values 0-15 represent the actual code lengths */
+                    lengths[num++] = sym;
+                    break;
+                }
+              }              /* build dynamic trees */
+
+              tinf_build_tree(lt, lengths, 0, hlit);
+              tinf_build_tree(dt, lengths, hlit, hdist);
+            }            /* ----------------------------- *
+   * -- block inflate functions -- *
+   * ----------------------------- */
+            /* given a stream and two trees, inflate a block of data */
+
+            function tinf_inflate_block_data(d, lt, dt) {
+              while (1) {
+                var sym = tinf_decode_symbol(d, lt);
+                /* check for end of block */
+                if (sym === 256) {
+                  return TINF_OK;
+                }
+                if (sym < 256) {
+                  d.dest[d.destLen++] = sym;
+                } else {
+                  var length,
+                  dist,
+                  offs;
+                  var i;
+                  sym -= 257;
+                  /* possibly get more bits from length code */
+                  length = tinf_read_bits(d, length_bits[sym], length_base[sym]);
+                  dist = tinf_decode_symbol(d, dt);
+                  /* possibly get more bits from distance code */
+                  offs = d.destLen - tinf_read_bits(d, dist_bits[dist], dist_base[dist]);
+                  /* copy match */
+                  for (i = offs; i < offs + length; ++i) {
+                    d.dest[d.destLen++] = d.dest[i];
+                  }
+                }
+              }
+            }            /* inflate an uncompressed block of data */
+
+            function tinf_inflate_uncompressed_block(d) {
+              var length,
+              invlength;
+              var i;
+              /* unread from bitbuffer */
+              while (d.bitcount > 8) {
+                d.sourceIndex--;
+                d.bitcount -= 8;
+              }              /* get length */
+
+              length = d.source[d.sourceIndex + 1];
+              length = 256 * length + d.source[d.sourceIndex];
+              /* get one's complement of length */
+              invlength = d.source[d.sourceIndex + 3];
+              invlength = 256 * invlength + d.source[d.sourceIndex + 2];
+              /* check length */
+              if (length !== (~invlength & 65535)) {
+                return TINF_DATA_ERROR;
+              }
+              d.sourceIndex += 4;
+              /* copy block */
+              for (i = length; i; --i) {
+                d.dest[d.destLen++] = d.source[d.sourceIndex++];
+              }              /* make sure we start next block on a byte boundary */
+
+              d.bitcount = 0;
+              return TINF_OK;
+            }            /* inflate stream from source to dest */
+
+            function tinf_uncompress(source, dest) {
+              var d = new Data(source, dest);
+              var bfinal,
+              btype,
+              res;
+              do {
+                /* read final block flag */
+                bfinal = tinf_getbit(d);
+                /* read block type (2 bits) */
+                btype = tinf_read_bits(d, 2, 0);
+                /* decompress block */
+                switch (btype) {
+                  case 0:
+                    /* decompress uncompressed block */
+                    res = tinf_inflate_uncompressed_block(d);
+                    break;
+                  case 1:
+                    /* decompress block with fixed huffman trees */
+                    res = tinf_inflate_block_data(d, sltree, sdtree);
+                    break;
+                  case 2:
+                    /* decompress block with dynamic huffman trees */
+                    tinf_decode_trees(d, d.ltree, d.dtree);
+                    res = tinf_inflate_block_data(d, d.ltree, d.dtree);
+                    break;
+                  default:
+                    res = TINF_DATA_ERROR;
+                }
+                if (res !== TINF_OK) {
+                  throw new Error('Data error');
+                }
+              } while (!bfinal);
+              if (d.destLen < d.dest.length) {
+                if (typeof d.dest.slice === 'function') {
+                  return d.dest.slice(0, d.destLen);
+                } else {
+                  return d.dest.subarray(0, d.destLen);
+                }
+              }
+              return d.dest;
+            }            /* -------------------- *
+   * -- initialization -- *
+   * -------------------- */
+            /* build fixed huffman trees */
+
+            tinf_build_fixed_trees(sltree, sdtree);
+            /* build extra bits and base tables */
+            tinf_build_bits_base(length_bits, length_base, 4, 3);
+            tinf_build_bits_base(dist_bits, dist_base, 2, 1);
+            /* fix a special case */
+            length_bits[28] = 0;
+            length_base[28] = 258;
+            var tinyInflate = tinf_uncompress;
+            // The Bounding Box object
+            function derive(v0, v1, v2, v3, t) {
+              return Math.pow(1 - t, 3) * v0 + 3 * Math.pow(1 - t, 2) * t * v1 + 3 * (1 - t) * Math.pow(t, 2) * v2 + Math.pow(t, 3) * v3;
+            }            /**
+   * A bounding box is an enclosing box that describes the smallest measure within which all the points lie.
+   * It is used to calculate the bounding box of a glyph or text path.
+   *
+   * On initialization, x1/y1/x2/y2 will be NaN. Check if the bounding box is empty using `isEmpty()`.
+   *
+   * @exports opentype.BoundingBox
+   * @class
+   * @constructor
+   */
+
+            function BoundingBox() {
+              this.x1 = Number.NaN;
+              this.y1 = Number.NaN;
+              this.x2 = Number.NaN;
+              this.y2 = Number.NaN;
+            }            /**
+   * Returns true if the bounding box is empty, that is, no points have been added to the box yet.
+   */
+
+            BoundingBox.prototype.isEmpty = function () {
+              return isNaN(this.x1) || isNaN(this.y1) || isNaN(this.x2) || isNaN(this.y2);
+            };
+            /**
+   * Add the point to the bounding box.
+   * The x1/y1/x2/y2 coordinates of the bounding box will now encompass the given point.
+   * @param {number} x - The X coordinate of the point.
+   * @param {number} y - The Y coordinate of the point.
+   */
+            BoundingBox.prototype.addPoint = function (x, y) {
+              if (typeof x === 'number') {
+                if (isNaN(this.x1) || isNaN(this.x2)) {
+                  this.x1 = x;
+                  this.x2 = x;
+                }
+                if (x < this.x1) {
+                  this.x1 = x;
+                }
+                if (x > this.x2) {
+                  this.x2 = x;
+                }
+              }
+              if (typeof y === 'number') {
+                if (isNaN(this.y1) || isNaN(this.y2)) {
+                  this.y1 = y;
+                  this.y2 = y;
+                }
+                if (y < this.y1) {
+                  this.y1 = y;
+                }
+                if (y > this.y2) {
+                  this.y2 = y;
+                }
+              }
+            };
+            /**
+   * Add a X coordinate to the bounding box.
+   * This extends the bounding box to include the X coordinate.
+   * This function is used internally inside of addBezier.
+   * @param {number} x - The X coordinate of the point.
+   */
+            BoundingBox.prototype.addX = function (x) {
+              this.addPoint(x, null);
+            };
+            /**
+   * Add a Y coordinate to the bounding box.
+   * This extends the bounding box to include the Y coordinate.
+   * This function is used internally inside of addBezier.
+   * @param {number} y - The Y coordinate of the point.
+   */
+            BoundingBox.prototype.addY = function (y) {
+              this.addPoint(null, y);
+            };
+            /**
+   * Add a Bézier curve to the bounding box.
+   * This extends the bounding box to include the entire Bézier.
+   * @param {number} x0 - The starting X coordinate.
+   * @param {number} y0 - The starting Y coordinate.
+   * @param {number} x1 - The X coordinate of the first control point.
+   * @param {number} y1 - The Y coordinate of the first control point.
+   * @param {number} x2 - The X coordinate of the second control point.
+   * @param {number} y2 - The Y coordinate of the second control point.
+   * @param {number} x - The ending X coordinate.
+   * @param {number} y - The ending Y coordinate.
+   */
+            BoundingBox.prototype.addBezier = function (x0, y0, x1, y1, x2, y2, x, y) {
+              var this$1 = this;
+              // This code is based on http://nishiohirokazu.blogspot.com/2009/06/how-to-calculate-bezier-curves-bounding.html
+              // and https://github.com/icons8/svg-path-bounding-box
+              var p0 = [
+                x0,
+                y0
+              ];
+              var p1 = [
+                x1,
+                y1
+              ];
+              var p2 = [
+                x2,
+                y2
+              ];
+              var p3 = [
+                x,
+                y
+              ];
+              this.addPoint(x0, y0);
+              this.addPoint(x, y);
+              for (var i = 0; i <= 1; i++) {
+                var b = 6 * p0[i] - 12 * p1[i] + 6 * p2[i];
+                var a = - 3 * p0[i] + 9 * p1[i] - 9 * p2[i] + 3 * p3[i];
+                var c = 3 * p1[i] - 3 * p0[i];
+                if (a === 0) {
+                  if (b === 0) {
+                    continue;
+                  }
+                  var t = - c / b;
+                  if (0 < t && t < 1) {
+                    if (i === 0) {
+                      this$1.addX(derive(p0[i], p1[i], p2[i], p3[i], t));
+                    }
+                    if (i === 1) {
+                      this$1.addY(derive(p0[i], p1[i], p2[i], p3[i], t));
+                    }
+                  }
+                  continue;
+                }
+                var b2ac = Math.pow(b, 2) - 4 * c * a;
+                if (b2ac < 0) {
+                  continue;
+                }
+                var t1 = ( - b + Math.sqrt(b2ac)) / (2 * a);
+                if (0 < t1 && t1 < 1) {
+                  if (i === 0) {
+                    this$1.addX(derive(p0[i], p1[i], p2[i], p3[i], t1));
+                  }
+                  if (i === 1) {
+                    this$1.addY(derive(p0[i], p1[i], p2[i], p3[i], t1));
+                  }
+                }
+                var t2 = ( - b - Math.sqrt(b2ac)) / (2 * a);
+                if (0 < t2 && t2 < 1) {
+                  if (i === 0) {
+                    this$1.addX(derive(p0[i], p1[i], p2[i], p3[i], t2));
+                  }
+                  if (i === 1) {
+                    this$1.addY(derive(p0[i], p1[i], p2[i], p3[i], t2));
+                  }
+                }
+              }
+            };
+            /**
+   * Add a quadratic curve to the bounding box.
+   * This extends the bounding box to include the entire quadratic curve.
+   * @param {number} x0 - The starting X coordinate.
+   * @param {number} y0 - The starting Y coordinate.
+   * @param {number} x1 - The X coordinate of the control point.
+   * @param {number} y1 - The Y coordinate of the control point.
+   * @param {number} x - The ending X coordinate.
+   * @param {number} y - The ending Y coordinate.
+   */
+            BoundingBox.prototype.addQuad = function (x0, y0, x1, y1, x, y) {
+              var cp1x = x0 + 2 / 3 * (x1 - x0);
+              var cp1y = y0 + 2 / 3 * (y1 - y0);
+              var cp2x = cp1x + 1 / 3 * (x - x0);
+              var cp2y = cp1y + 1 / 3 * (y - y0);
+              this.addBezier(x0, y0, cp1x, cp1y, cp2x, cp2y, x, y);
+            };
+            // Geometric objects
+            /**
+   * A bézier path containing a set of path commands similar to a SVG path.
+   * Paths can be drawn on a context using `draw`.
+   * @exports opentype.Path
+   * @class
+   * @constructor
+   */
+            function Path() {
+              this.commands = [
+              ];
+              this.fill = 'black';
+              this.stroke = null;
+              this.strokeWidth = 1;
+            }            /**
+   * @param  {number} x
+   * @param  {number} y
+   */
+
+            Path.prototype.moveTo = function (x, y) {
+              this.commands.push({
+                type: 'M',
+                x: x,
+                y: y
+              });
+            };
+            /**
+   * @param  {number} x
+   * @param  {number} y
+   */
+            Path.prototype.lineTo = function (x, y) {
+              this.commands.push({
+                type: 'L',
+                x: x,
+                y: y
+              });
+            };
+            /**
+   * Draws cubic curve
+   * @function
+   * curveTo
+   * @memberof opentype.Path.prototype
+   * @param  {number} x1 - x of control 1
+   * @param  {number} y1 - y of control 1
+   * @param  {number} x2 - x of control 2
+   * @param  {number} y2 - y of control 2
+   * @param  {number} x - x of path point
+   * @param  {number} y - y of path point
+   */
+            /**
+   * Draws cubic curve
+   * @function
+   * bezierCurveTo
+   * @memberof opentype.Path.prototype
+   * @param  {number} x1 - x of control 1
+   * @param  {number} y1 - y of control 1
+   * @param  {number} x2 - x of control 2
+   * @param  {number} y2 - y of control 2
+   * @param  {number} x - x of path point
+   * @param  {number} y - y of path point
+   * @see curveTo
+   */
+            Path.prototype.curveTo = Path.prototype.bezierCurveTo = function (x1, y1, x2, y2, x, y) {
+              this.commands.push({
+                type: 'C',
+                x1: x1,
+                y1: y1,
+                x2: x2,
+                y2: y2,
+                x: x,
+                y: y
+              });
+            };
+            /**
+   * Draws quadratic curve
+   * @function
+   * quadraticCurveTo
+   * @memberof opentype.Path.prototype
+   * @param  {number} x1 - x of control
+   * @param  {number} y1 - y of control
+   * @param  {number} x - x of path point
+   * @param  {number} y - y of path point
+   */
+            /**
+   * Draws quadratic curve
+   * @function
+   * quadTo
+   * @memberof opentype.Path.prototype
+   * @param  {number} x1 - x of control
+   * @param  {number} y1 - y of control
+   * @param  {number} x - x of path point
+   * @param  {number} y - y of path point
+   */
+            Path.prototype.quadTo = Path.prototype.quadraticCurveTo = function (x1, y1, x, y) {
+              this.commands.push({
+                type: 'Q',
+                x1: x1,
+                y1: y1,
+                x: x,
+                y: y
+              });
+            };
+            /**
+   * Closes the path
+   * @function closePath
+   * @memberof opentype.Path.prototype
+   */
+            /**
+   * Close the path
+   * @function close
+   * @memberof opentype.Path.prototype
+   */
+            Path.prototype.close = Path.prototype.closePath = function () {
+              this.commands.push({
+                type: 'Z'
+              });
+            };
+            /**
+   * Add the given path or list of commands to the commands of this path.
+   * @param  {Array} pathOrCommands - another opentype.Path, an opentype.BoundingBox, or an array of commands.
+   */
+            Path.prototype.extend = function (pathOrCommands) {
+              if (pathOrCommands.commands) {
+                pathOrCommands = pathOrCommands.commands;
+              } else if (pathOrCommands instanceof BoundingBox) {
+                var box = pathOrCommands;
+                this.moveTo(box.x1, box.y1);
+                this.lineTo(box.x2, box.y1);
+                this.lineTo(box.x2, box.y2);
+                this.lineTo(box.x1, box.y2);
+                this.close();
+                return;
+              }
+              Array.prototype.push.apply(this.commands, pathOrCommands);
+            };
+            /**
+   * Calculate the bounding box of the path.
+   * @returns {opentype.BoundingBox}
+   */
+            Path.prototype.getBoundingBox = function () {
+              var this$1 = this;
+              var box = new BoundingBox();
+              var startX = 0;
+              var startY = 0;
+              var prevX = 0;
+              var prevY = 0;
+              for (var i = 0; i < this.commands.length; i++) {
+                var cmd = this$1.commands[i];
+                switch (cmd.type) {
+                  case 'M':
+                    box.addPoint(cmd.x, cmd.y);
+                    startX = prevX = cmd.x;
+                    startY = prevY = cmd.y;
+                    break;
+                  case 'L':
+                    box.addPoint(cmd.x, cmd.y);
+                    prevX = cmd.x;
+                    prevY = cmd.y;
+                    break;
+                  case 'Q':
+                    box.addQuad(prevX, prevY, cmd.x1, cmd.y1, cmd.x, cmd.y);
+                    prevX = cmd.x;
+                    prevY = cmd.y;
+                    break;
+                  case 'C':
+                    box.addBezier(prevX, prevY, cmd.x1, cmd.y1, cmd.x2, cmd.y2, cmd.x, cmd.y);
+                    prevX = cmd.x;
+                    prevY = cmd.y;
+                    break;
+                  case 'Z':
+                    prevX = startX;
+                    prevY = startY;
+                    break;
+                  default:
+                    throw new Error('Unexpected path command ' + cmd.type);
+                }
+              }
+              if (box.isEmpty()) {
+                box.addPoint(0, 0);
+              }
+              return box;
+            };
+            /**
+   * Draw the path to a 2D context.
+   * @param {CanvasRenderingContext2D} ctx - A 2D drawing context.
+   */
+            Path.prototype.draw = function (ctx) {
+              var this$1 = this;
+              ctx.beginPath();
+              for (var i = 0; i < this.commands.length; i += 1) {
+                var cmd = this$1.commands[i];
+                if (cmd.type === 'M') {
+                  ctx.moveTo(cmd.x, cmd.y);
+                } else if (cmd.type === 'L') {
+                  ctx.lineTo(cmd.x, cmd.y);
+                } else if (cmd.type === 'C') {
+                  ctx.bezierCurveTo(cmd.x1, cmd.y1, cmd.x2, cmd.y2, cmd.x, cmd.y);
+                } else if (cmd.type === 'Q') {
+                  ctx.quadraticCurveTo(cmd.x1, cmd.y1, cmd.x, cmd.y);
+                } else if (cmd.type === 'Z') {
+                  ctx.closePath();
+                }
+              }
+              if (this.fill) {
+                ctx.fillStyle = this.fill;
+                ctx.fill();
+              }
+              if (this.stroke) {
+                ctx.strokeStyle = this.stroke;
+                ctx.lineWidth = this.strokeWidth;
+                ctx.stroke();
+              }
+            };
+            /**
+   * Convert the Path to a string of path data instructions
+   * See http://www.w3.org/TR/SVG/paths.html#PathData
+   * @param  {number} [decimalPlaces=2] - The amount of decimal places for floating-point values
+   * @return {string}
+   */
+            Path.prototype.toPathData = function (decimalPlaces) {
+              var this$1 = this;
+              decimalPlaces = decimalPlaces !== undefined ? decimalPlaces : 2;
+              function floatToString(v) {
+                if (Math.round(v) === v) {
+                  return '' + Math.round(v);
+                } else {
+                  return v.toFixed(decimalPlaces);
+                }
+              }
+              function packValues() {
+                var arguments$1 = arguments;
+                var s = '';
+                for (var i = 0; i < arguments.length; i += 1) {
+                  var v = arguments$1[i];
+                  if (v >= 0 && i > 0) {
+                    s += ' ';
+                  }
+                  s += floatToString(v);
+                }
+                return s;
+              }
+              var d = '';
+              for (var i = 0; i < this.commands.length; i += 1) {
+                var cmd = this$1.commands[i];
+                if (cmd.type === 'M') {
+                  d += 'M' + packValues(cmd.x, cmd.y);
+                } else if (cmd.type === 'L') {
+                  d += 'L' + packValues(cmd.x, cmd.y);
+                } else if (cmd.type === 'C') {
+                  d += 'C' + packValues(cmd.x1, cmd.y1, cmd.x2, cmd.y2, cmd.x, cmd.y);
+                } else if (cmd.type === 'Q') {
+                  d += 'Q' + packValues(cmd.x1, cmd.y1, cmd.x, cmd.y);
+                } else if (cmd.type === 'Z') {
+                  d += 'Z';
+                }
+              }
+              return d;
+            };
+            /**
+   * Convert the path to an SVG <path> element, as a string.
+   * @param  {number} [decimalPlaces=2] - The amount of decimal places for floating-point values
+   * @return {string}
+   */
+            Path.prototype.toSVG = function (decimalPlaces) {
+              var svg = '<path d="';
+              svg += this.toPathData(decimalPlaces);
+              svg += '"';
+              if (this.fill && this.fill !== 'black') {
+                if (this.fill === null) {
+                  svg += ' fill="none"';
+                } else {
+                  svg += ' fill="' + this.fill + '"';
+                }
+              }
+              if (this.stroke) {
+                svg += ' stroke="' + this.stroke + '" stroke-width="' + this.strokeWidth + '"';
+              }
+              svg += '/>';
+              return svg;
+            };
+            /**
+   * Convert the path to a DOM element.
+   * @param  {number} [decimalPlaces=2] - The amount of decimal places for floating-point values
+   * @return {SVGPathElement}
+   */
+            Path.prototype.toDOMElement = function (decimalPlaces) {
+              var temporaryPath = this.toPathData(decimalPlaces);
+              var newPath = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+              newPath.setAttribute('d', temporaryPath);
+              return newPath;
+            };
+            // Run-time checking of preconditions.
+            function fail(message) {
+              throw new Error(message);
+            }            // Precondition function that checks if the given predicate is true.
+            // If not, it will throw an error.
+
+            function argument(predicate, message) {
+              if (!predicate) {
+                fail(message);
+              }
+            }
+            var check = {
+              fail: fail,
+              argument: argument,
+              assert: argument
+            };
+            // Data types used in the OpenType font file.
+            var LIMIT16 = 32768; // The limit at which a 16-bit number switches signs == 2^15
+            var LIMIT32 = 2147483648; // The limit at which a 32-bit number switches signs == 2 ^ 31
+            /**
+   * @exports opentype.decode
+   * @class
+   */
+            var decode = {
+            };
+            /**
+   * @exports opentype.encode
+   * @class
+   */
+            var encode = {
+            };
+            /**
+   * @exports opentype.sizeOf
+   * @class
+   */
+            var sizeOf = {
+            };
+            // Return a function that always returns the same value.
+            function constant(v) {
+              return function () {
+                return v;
+              };
+            }            // OpenType data types //////////////////////////////////////////////////////
+            /**
+   * Convert an 8-bit unsigned integer to a list of 1 byte.
+   * @param {number}
+   * @returns {Array}
+   */
+
+            encode.BYTE = function (v) {
+              check.argument(v >= 0 && v <= 255, 'Byte value should be between 0 and 255.');
+              return [v];
+            };
+            /**
+   * @constant
+   * @type {number}
+   */
+            sizeOf.BYTE = constant(1);
+            /**
+   * Convert a 8-bit signed integer to a list of 1 byte.
+   * @param {string}
+   * @returns {Array}
+   */
+            encode.CHAR = function (v) {
+              return [v.charCodeAt(0)];
+            };
+            /**
+   * @constant
+   * @type {number}
+   */
+            sizeOf.CHAR = constant(1);
+            /**
+   * Convert an ASCII string to a list of bytes.
+   * @param {string}
+   * @returns {Array}
+   */
+            encode.CHARARRAY = function (v) {
+              var b = [
+              ];
+              for (var i = 0; i < v.length; i += 1) {
+                b[i] = v.charCodeAt(i);
+              }
+              return b;
+            };
+            /**
+   * @param {Array}
+   * @returns {number}
+   */
+            sizeOf.CHARARRAY = function (v) {
+              return v.length;
+            };
+            /**
+   * Convert a 16-bit unsigned integer to a list of 2 bytes.
+   * @param {number}
+   * @returns {Array}
+   */
+            encode.USHORT = function (v) {
+              return [v >> 8 & 255,
+              v & 255];
+            };
+            /**
+   * @constant
+   * @type {number}
+   */
+            sizeOf.USHORT = constant(2);
+            /**
+   * Convert a 16-bit signed integer to a list of 2 bytes.
+   * @param {number}
+   * @returns {Array}
+   */
+            encode.SHORT = function (v) {
+              // Two's complement
+              if (v >= LIMIT16) {
+                v = - (2 * LIMIT16 - v);
+              }
+              return [v >> 8 & 255,
+              v & 255];
+            };
+            /**
+   * @constant
+   * @type {number}
+   */
+            sizeOf.SHORT = constant(2);
+            /**
+   * Convert a 24-bit unsigned integer to a list of 3 bytes.
+   * @param {number}
+   * @returns {Array}
+   */
+            encode.UINT24 = function (v) {
+              return [v >> 16 & 255,
+              v >> 8 & 255,
+              v & 255];
+            };
+            /**
+   * @constant
+   * @type {number}
+   */
+            sizeOf.UINT24 = constant(3);
+            /**
+   * Convert a 32-bit unsigned integer to a list of 4 bytes.
+   * @param {number}
+   * @returns {Array}
+   */
+            encode.ULONG = function (v) {
+              return [v >> 24 & 255,
+              v >> 16 & 255,
+              v >> 8 & 255,
+              v & 255];
+            };
+            /**
+   * @constant
+   * @type {number}
+   */
+            sizeOf.ULONG = constant(4);
+            /**
+   * Convert a 32-bit unsigned integer to a list of 4 bytes.
+   * @param {number}
+   * @returns {Array}
+   */
+            encode.LONG = function (v) {
+              // Two's complement
+              if (v >= LIMIT32) {
+                v = - (2 * LIMIT32 - v);
+              }
+              return [v >> 24 & 255,
+              v >> 16 & 255,
+              v >> 8 & 255,
+              v & 255];
+            };
+            /**
+   * @constant
+   * @type {number}
+   */
+            sizeOf.LONG = constant(4);
+            encode.FIXED = encode.ULONG;
+            sizeOf.FIXED = sizeOf.ULONG;
+            encode.FWORD = encode.SHORT;
+            sizeOf.FWORD = sizeOf.SHORT;
+            encode.UFWORD = encode.USHORT;
+            sizeOf.UFWORD = sizeOf.USHORT;
+            /**
+   * Convert a 32-bit Apple Mac timestamp integer to a list of 8 bytes, 64-bit timestamp.
+   * @param {number}
+   * @returns {Array}
+   */
+            encode.LONGDATETIME = function (v) {
+              return [0,
+              0,
+              0,
+              0,
+              v >> 24 & 255,
+              v >> 16 & 255,
+              v >> 8 & 255,
+              v & 255];
+            };
+            /**
+   * @constant
+   * @type {number}
+   */
+            sizeOf.LONGDATETIME = constant(8);
+            /**
+   * Convert a 4-char tag to a list of 4 bytes.
+   * @param {string}
+   * @returns {Array}
+   */
+            encode.TAG = function (v) {
+              check.argument(v.length === 4, 'Tag should be exactly 4 ASCII characters.');
+              return [v.charCodeAt(0),
+              v.charCodeAt(1),
+              v.charCodeAt(2),
+              v.charCodeAt(3)];
+            };
+            /**
+   * @constant
+   * @type {number}
+   */
+            sizeOf.TAG = constant(4);
+            // CFF data types ///////////////////////////////////////////////////////////
+            encode.Card8 = encode.BYTE;
+            sizeOf.Card8 = sizeOf.BYTE;
+            encode.Card16 = encode.USHORT;
+            sizeOf.Card16 = sizeOf.USHORT;
+            encode.OffSize = encode.BYTE;
+            sizeOf.OffSize = sizeOf.BYTE;
+            encode.SID = encode.USHORT;
+            sizeOf.SID = sizeOf.USHORT;
+            // Convert a numeric operand or charstring number to a variable-size list of bytes.
+            /**
+   * Convert a numeric operand or charstring number to a variable-size list of bytes.
+   * @param {number}
+   * @returns {Array}
+   */
+            encode.NUMBER = function (v) {
+              if (v >= - 107 && v <= 107) {
+                return [v + 139];
+              } else if (v >= 108 && v <= 1131) {
+                v = v - 108;
+                return [(v >> 8) + 247,
+                v & 255];
+              } else if (v >= - 1131 && v <= - 108) {
+                v = - v - 108;
+                return [(v >> 8) + 251,
+                v & 255];
+              } else if (v >= - 32768 && v <= 32767) {
+                return encode.NUMBER16(v);
+              } else {
+                return encode.NUMBER32(v);
+              }
+            };
+            /**
+   * @param {number}
+   * @returns {number}
+   */
+            sizeOf.NUMBER = function (v) {
+              return encode.NUMBER(v).length;
+            };
+            /**
+   * Convert a signed number between -32768 and +32767 to a three-byte value.
+   * This ensures we always use three bytes, but is not the most compact format.
+   * @param {number}
+   * @returns {Array}
+   */
+            encode.NUMBER16 = function (v) {
+              return [28,
+              v >> 8 & 255,
+              v & 255];
+            };
+            /**
+   * @constant
+   * @type {number}
+   */
+            sizeOf.NUMBER16 = constant(3);
+            /**
+   * Convert a signed number between -(2^31) and +(2^31-1) to a five-byte value.
+   * This is useful if you want to be sure you always use four bytes,
+   * at the expense of wasting a few bytes for smaller numbers.
+   * @param {number}
+   * @returns {Array}
+   */
+            encode.NUMBER32 = function (v) {
+              return [29,
+              v >> 24 & 255,
+              v >> 16 & 255,
+              v >> 8 & 255,
+              v & 255];
+            };
+            /**
+   * @constant
+   * @type {number}
+   */
+            sizeOf.NUMBER32 = constant(5);
+            /**
+   * @param {number}
+   * @returns {Array}
+   */
+            encode.REAL = function (v) {
+              var value = v.toString();
+              // Some numbers use an epsilon to encode the value. (e.g. JavaScript will store 0.0000001 as 1e-7)
+              // This code converts it back to a number without the epsilon.
+              var m = /\.(\d*?)(?:9{5,20}|0{5,20})\d{0,2}(?:e(.+)|$)/.exec(value);
+              if (m) {
+                var epsilon = parseFloat('1e' + ((m[2] ? + m[2] : 0) + m[1].length));
+                value = (Math.round(v * epsilon) / epsilon).toString();
+              }
+              var nibbles = '';
+              for (var i = 0, ii = value.length; i < ii; i += 1) {
+                var c = value[i];
+                if (c === 'e') {
+                  nibbles += value[++i] === '-' ? 'c' : 'b';
+                } else if (c === '.') {
+                  nibbles += 'a';
+                } else if (c === '-') {
+                  nibbles += 'e';
+                } else {
+                  nibbles += c;
+                }
+              }
+              nibbles += nibbles.length & 1 ? 'f' : 'ff';
+              var out = [
+                30
+              ];
+              for (var i$1 = 0, ii$1 = nibbles.length; i$1 < ii$1; i$1 += 2) {
+                out.push(parseInt(nibbles.substr(i$1, 2), 16));
+              }
+              return out;
+            };
+            /**
+   * @param {number}
+   * @returns {number}
+   */
+            sizeOf.REAL = function (v) {
+              return encode.REAL(v).length;
+            };
+            encode.NAME = encode.CHARARRAY;
+            sizeOf.NAME = sizeOf.CHARARRAY;
+            encode.STRING = encode.CHARARRAY;
+            sizeOf.STRING = sizeOf.CHARARRAY;
+            /**
+   * @param {DataView} data
+   * @param {number} offset
+   * @param {number} numBytes
+   * @returns {string}
+   */
+            decode.UTF8 = function (data, offset, numBytes) {
+              var codePoints = [
+              ];
+              var numChars = numBytes;
+              for (var j = 0; j < numChars; j++, offset += 1) {
+                codePoints[j] = data.getUint8(offset);
+              }
+              return String.fromCharCode.apply(null, codePoints);
+            };
+            /**
+   * @param {DataView} data
+   * @param {number} offset
+   * @param {number} numBytes
+   * @returns {string}
+   */
+            decode.UTF16 = function (data, offset, numBytes) {
+              var codePoints = [
+              ];
+              var numChars = numBytes / 2;
+              for (var j = 0; j < numChars; j++, offset += 2) {
+                codePoints[j] = data.getUint16(offset);
+              }
+              return String.fromCharCode.apply(null, codePoints);
+            };
+            /**
+   * Convert a JavaScript string to UTF16-BE.
+   * @param {string}
+   * @returns {Array}
+   */
+            encode.UTF16 = function (v) {
+              var b = [
+              ];
+              for (var i = 0; i < v.length; i += 1) {
+                var codepoint = v.charCodeAt(i);
+                b[b.length] = codepoint >> 8 & 255;
+                b[b.length] = codepoint & 255;
+              }
+              return b;
+            };
+            /**
+   * @param {string}
+   * @returns {number}
+   */
+            sizeOf.UTF16 = function (v) {
+              return v.length * 2;
+            };
+            // Data for converting old eight-bit Macintosh encodings to Unicode.
+            // This representation is optimized for decoding; encoding is slower
+            // and needs more memory. The assumption is that all opentype.js users
+            // want to open fonts, but saving a font will be comparatively rare
+            // so it can be more expensive. Keyed by IANA character set name.
+            //
+            // Python script for generating these strings:
+            //
+            //     s = u''.join([chr(c).decode('mac_greek') for c in range(128, 256)])
+            //     print(s.encode('utf-8'))
+            /**
+   * @private
+   */
+            var eightBitMacEncodings = {
+              'x-mac-croatian':              // Python: 'mac_croatian'
+              'ÄÅÇÉÑÖÜáàâäãåçéèêëíìîïñóòôöõúùûü†°¢£§•¶ß®Š™´¨≠ŽØ∞±≤≥∆µ∂∑∏š∫ªºΩžø' + '¿¡¬√ƒ≈Ć«Č… ÀÃÕŒœĐ—“”‘’÷◊©⁄€‹›Æ»–·‚„‰ÂćÁčÈÍÎÏÌÓÔđÒÚÛÙıˆ˜¯πË˚¸Êæˇ',
+              'x-mac-cyrillic':              // Python: 'mac_cyrillic'
+              'АБВГДЕЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ†°Ґ£§•¶І®©™Ђђ≠Ѓѓ∞±≤≥іµґЈЄєЇїЉљЊњ' + 'јЅ¬√ƒ≈∆«»… ЋћЌќѕ–—“”‘’÷„ЎўЏџ№Ёёяабвгдежзийклмнопрстуфхцчшщъыьэю',
+              'x-mac-gaelic':              // http://unicode.org/Public/MAPPINGS/VENDORS/APPLE/GAELIC.TXT
+              'ÄÅÇÉÑÖÜáàâäãåçéèêëíìîïñóòôöõúùûü†°¢£§•¶ß®©™´¨≠ÆØḂ±≤≥ḃĊċḊḋḞḟĠġṀæø' + 'ṁṖṗɼƒſṠ«»… ÀÃÕŒœ–—“”‘’ṡẛÿŸṪ€‹›Ŷŷṫ·Ỳỳ⁊ÂÊÁËÈÍÎÏÌÓÔ♣ÒÚÛÙıÝýŴŵẄẅẀẁẂẃ',
+              'x-mac-greek':              // Python: 'mac_greek'
+              'Ĺ²É³ÖÜ΅àâä΄¨çéèê룙î‰ôö¦€ùûü†ΓΔΘΛΞΠß®©ΣΪ§≠°·Α±≤≥¥ΒΕΖΗΙΚΜΦΫΨΩ' + 'άΝ¬ΟΡ≈Τ«»… ΥΧΆΈœ–―“”‘’÷ΉΊΌΎέήίόΏύαβψδεφγηιξκλμνοπώρστθωςχυζϊϋΐΰ­',
+              'x-mac-icelandic':              // Python: 'mac_iceland'
+              'ÄÅÇÉÑÖÜáàâäãåçéèêëíìîïñóòôöõúùûüÝ°¢£§•¶ß®©™´¨≠ÆØ∞±≤≥¥µ∂∑∏π∫ªºΩæø' + '¿¡¬√ƒ≈∆«»… ÀÃÕŒœ–—“”‘’÷◊ÿŸ⁄€ÐðÞþý·‚„‰ÂÊÁËÈÍÎÏÌÓÔÒÚÛÙıˆ˜¯˘˙˚¸˝˛ˇ',
+              'x-mac-inuit':              // http://unicode.org/Public/MAPPINGS/VENDORS/APPLE/INUIT.TXT
+              'ᐃᐄᐅᐆᐊᐋᐱᐲᐳᐴᐸᐹᑉᑎᑏᑐᑑᑕᑖᑦᑭᑮᑯᑰᑲᑳᒃᒋᒌᒍᒎᒐᒑ°ᒡᒥᒦ•¶ᒧ®©™ᒨᒪᒫᒻᓂᓃᓄᓅᓇᓈᓐᓯᓰᓱᓲᓴᓵᔅᓕᓖᓗ' + 'ᓘᓚᓛᓪᔨᔩᔪᔫᔭ… ᔮᔾᕕᕖᕗ–—“”‘’ᕘᕙᕚᕝᕆᕇᕈᕉᕋᕌᕐᕿᖀᖁᖂᖃᖄᖅᖏᖐᖑᖒᖓᖔᖕᙱᙲᙳᙴᙵᙶᖖᖠᖡᖢᖣᖤᖥᖦᕼŁł',
+              'x-mac-ce':              // Python: 'mac_latin2'
+              'ÄĀāÉĄÖÜáąČäčĆć鏟ĎíďĒēĖóėôöõúĚěü†°Ę£§•¶ß®©™ę¨≠ģĮįĪ≤≥īĶ∂∑łĻļĽľĹĺŅ' + 'ņѬ√ńŇ∆«»… ňŐÕőŌ–—“”‘’÷◊ōŔŕŘ‹›řŖŗŠ‚„šŚśÁŤťÍŽžŪÓÔūŮÚůŰűŲųÝýķŻŁżĢˇ',
+              macintosh:              // Python: 'mac_roman'
+              'ÄÅÇÉÑÖÜáàâäãåçéèêëíìîïñóòôöõúùûü†°¢£§•¶ß®©™´¨≠ÆØ∞±≤≥¥µ∂∑∏π∫ªºΩæø' + '¿¡¬√ƒ≈∆«»… ÀÃÕŒœ–—“”‘’÷◊ÿŸ⁄€‹›fifl‡·‚„‰ÂÊÁËÈÍÎÏÌÓÔÒÚÛÙıˆ˜¯˘˙˚¸˝˛ˇ',
+              'x-mac-romanian':              // Python: 'mac_romanian'
+              'ÄÅÇÉÑÖÜáàâäãåçéèêëíìîïñóòôöõúùûü†°¢£§•¶ß®©™´¨≠ĂȘ∞±≤≥¥µ∂∑∏π∫ªºΩăș' + '¿¡¬√ƒ≈∆«»… ÀÃÕŒœ–—“”‘’÷◊ÿŸ⁄€‹›Țț‡·‚„‰ÂÊÁËÈÍÎÏÌÓÔÒÚÛÙıˆ˜¯˘˙˚¸˝˛ˇ',
+              'x-mac-turkish':              // Python: 'mac_turkish'
+              'ÄÅÇÉÑÖÜáàâäãåçéèêëíìîïñóòôöõúùûü†°¢£§•¶ß®©™´¨≠ÆØ∞±≤≥¥µ∂∑∏π∫ªºΩæø' + '¿¡¬√ƒ≈∆«»… ÀÃÕŒœ–—“”‘’÷◊ÿŸĞğİıŞş‡·‚„‰ÂÊÁËÈÍÎÏÌÓÔÒÚÛÙˆ˜¯˘˙˚¸˝˛ˇ'
+            };
+            /**
+   * Decodes an old-style Macintosh string. Returns either a Unicode JavaScript
+   * string, or 'undefined' if the encoding is unsupported. For example, we do
+   * not support Chinese, Japanese or Korean because these would need large
+   * mapping tables.
+   * @param {DataView} dataView
+   * @param {number} offset
+   * @param {number} dataLength
+   * @param {string} encoding
+   * @returns {string}
+   */
+            decode.MACSTRING = function (dataView, offset, dataLength, encoding) {
+              var table = eightBitMacEncodings[encoding];
+              if (table === undefined) {
+                return undefined;
+              }
+              var result = '';
+              for (var i = 0; i < dataLength; i++) {
+                var c = dataView.getUint8(offset + i);
+                // In all eight-bit Mac encodings, the characters 0x00..0x7F are
+                // mapped to U+0000..U+007F; we only need to look up the others.
+                if (c <= 127) {
+                  result += String.fromCharCode(c);
+                } else {
+                  result += table[c & 127];
+                }
+              }
+              return result;
+            };
+            // Helper function for encode.MACSTRING. Returns a dictionary for mapping
+            // Unicode character codes to their 8-bit MacOS equivalent. This table
+            // is not exactly a super cheap data structure, but we do not care because
+            // encoding Macintosh strings is only rarely needed in typical applications.
+            var macEncodingTableCache = typeof WeakMap === 'function' && new WeakMap();
+            var macEncodingCacheKeys;
+            var getMacEncodingTable = function (encoding) {
+              // Since we use encoding as a cache key for WeakMap, it has to be
+              // a String object and not a literal. And at least on NodeJS 2.10.1,
+              // WeakMap requires that the same String instance is passed for cache hits.
+              if (!macEncodingCacheKeys) {
+                macEncodingCacheKeys = {
+                };
+                for (var e in eightBitMacEncodings) {
+                  /*jshint -W053 */                   // Suppress "Do not use String as a constructor."
+                  macEncodingCacheKeys[e] = new String(e);
+                }
+              }
+              var cacheKey = macEncodingCacheKeys[encoding];
+              if (cacheKey === undefined) {
+                return undefined;
+              }              // We can't do "if (cache.has(key)) {return cache.get(key)}" here:
+              // since garbage collection may run at any time, it could also kick in
+              // between the calls to cache.has() and cache.get(). In that case,
+              // we would return 'undefined' even though we do support the encoding.
+
+              if (macEncodingTableCache) {
+                var cachedTable = macEncodingTableCache.get(cacheKey);
+                if (cachedTable !== undefined) {
+                  return cachedTable;
+                }
+              }
+              var decodingTable = eightBitMacEncodings[encoding];
+              if (decodingTable === undefined) {
+                return undefined;
+              }
+              var encodingTable = {
+              };
+              for (var i = 0; i < decodingTable.length; i++) {
+                encodingTable[decodingTable.charCodeAt(i)] = i + 128;
+              }
+              if (macEncodingTableCache) {
+                macEncodingTableCache.set(cacheKey, encodingTable);
+              }
+              return encodingTable;
+            };
+            /**
+   * Encodes an old-style Macintosh string. Returns a byte array upon success.
+   * If the requested encoding is unsupported, or if the input string contains
+   * a character that cannot be expressed in the encoding, the function returns
+   * 'undefined'.
+   * @param {string} str
+   * @param {string} encoding
+   * @returns {Array}
+   */
+            encode.MACSTRING = function (str, encoding) {
+              var table = getMacEncodingTable(encoding);
+              if (table === undefined) {
+                return undefined;
+              }
+              var result = [
+              ];
+              for (var i = 0; i < str.length; i++) {
+                var c = str.charCodeAt(i);
+                // In all eight-bit Mac encodings, the characters 0x00..0x7F are
+                // mapped to U+0000..U+007F; we only need to look up the others.
+                if (c >= 128) {
+                  c = table[c];
+                  if (c === undefined) {
+                    // str contains a Unicode character that cannot be encoded
+                    // in the requested encoding.
+                    return undefined;
+                  }
+                }
+                result[i] = c;
+                // result.push(c);
+              }
+              return result;
+            };
+            /**
+   * @param {string} str
+   * @param {string} encoding
+   * @returns {number}
+   */
+            sizeOf.MACSTRING = function (str, encoding) {
+              var b = encode.MACSTRING(str, encoding);
+              if (b !== undefined) {
+                return b.length;
+              } else {
+                return 0;
+              }
+            };
+            // Helper for encode.VARDELTAS
+            function isByteEncodable(value) {
+              return value >= - 128 && value <= 127;
+            }            // Helper for encode.VARDELTAS
+
+            function encodeVarDeltaRunAsZeroes(deltas, pos, result) {
+              var runLength = 0;
+              var numDeltas = deltas.length;
+              while (pos < numDeltas && runLength < 64 && deltas[pos] === 0) {
+                ++pos;
+                ++runLength;
+              }
+              result.push(128 | runLength - 1);
+              return pos;
+            }            // Helper for encode.VARDELTAS
+
+            function encodeVarDeltaRunAsBytes(deltas, offset, result) {
+              var runLength = 0;
+              var numDeltas = deltas.length;
+              var pos = offset;
+              while (pos < numDeltas && runLength < 64) {
+                var value = deltas[pos];
+                if (!isByteEncodable(value)) {
+                  break;
+                }                // Within a byte-encoded run of deltas, a single zero is best
+                // stored literally as 0x00 value. However, if we have two or
+                // more zeroes in a sequence, it is better to start a new run.
+                // Fore example, the sequence of deltas [15, 15, 0, 15, 15]
+                // becomes 6 bytes (04 0F 0F 00 0F 0F) when storing the zero
+                // within the current run, but 7 bytes (01 0F 0F 80 01 0F 0F)
+                // when starting a new run.
+
+                if (value === 0 && pos + 1 < numDeltas && deltas[pos + 1] === 0) {
+                  break;
+                }
+                ++pos;
+                ++runLength;
+              }
+              result.push(runLength - 1);
+              for (var i = offset; i < pos; ++i) {
+                result.push(deltas[i] + 256 & 255);
+              }
+              return pos;
+            }            // Helper for encode.VARDELTAS
+
+            function encodeVarDeltaRunAsWords(deltas, offset, result) {
+              var runLength = 0;
+              var numDeltas = deltas.length;
+              var pos = offset;
+              while (pos < numDeltas && runLength < 64) {
+                var value = deltas[pos];
+                // Within a word-encoded run of deltas, it is easiest to start
+                // a new run (with a different encoding) whenever we encounter
+                // a zero value. For example, the sequence [0x6666, 0, 0x7777]
+                // needs 7 bytes when storing the zero inside the current run
+                // (42 66 66 00 00 77 77), and equally 7 bytes when starting a
+                // new run (40 66 66 80 40 77 77).
+                if (value === 0) {
+                  break;
+                }                // Within a word-encoded run of deltas, a single value in the
+                // range (-128..127) should be encoded within the current run
+                // because it is more compact. For example, the sequence
+                // [0x6666, 2, 0x7777] becomes 7 bytes when storing the value
+                // literally (42 66 66 00 02 77 77), but 8 bytes when starting
+                // a new run (40 66 66 00 02 40 77 77).
+
+                if (isByteEncodable(value) && pos + 1 < numDeltas && isByteEncodable(deltas[pos + 1])) {
+                  break;
+                }
+                ++pos;
+                ++runLength;
+              }
+              result.push(64 | runLength - 1);
+              for (var i = offset; i < pos; ++i) {
+                var val = deltas[i];
+                result.push(val + 65536 >> 8 & 255, val + 256 & 255);
+              }
+              return pos;
+            }            /**
+   * Encode a list of variation adjustment deltas.
+   *
+   * Variation adjustment deltas are used in ‘gvar’ and ‘cvar’ tables.
+   * They indicate how points (in ‘gvar’) or values (in ‘cvar’) get adjusted
+   * when generating instances of variation fonts.
+   *
+   * @see https://www.microsoft.com/typography/otspec/gvar.htm
+   * @see https://developer.apple.com/fonts/TrueType-Reference-Manual/RM06/Chap6gvar.html
+   * @param {Array}
+   * @return {Array}
+   */
+
+            encode.VARDELTAS = function (deltas) {
+              var pos = 0;
+              var result = [
+              ];
+              while (pos < deltas.length) {
+                var value = deltas[pos];
+                if (value === 0) {
+                  pos = encodeVarDeltaRunAsZeroes(deltas, pos, result);
+                } else if (value >= - 128 && value <= 127) {
+                  pos = encodeVarDeltaRunAsBytes(deltas, pos, result);
+                } else {
+                  pos = encodeVarDeltaRunAsWords(deltas, pos, result);
+                }
+              }
+              return result;
+            };
+            // Convert a list of values to a CFF INDEX structure.
+            // The values should be objects containing name / type / value.
+            /**
+   * @param {Array} l
+   * @returns {Array}
+   */
+            encode.INDEX = function (l) {
+              //var offset, offsets, offsetEncoder, encodedOffsets, encodedOffset, data,
+              //    i, v;
+              // Because we have to know which data type to use to encode the offsets,
+              // we have to go through the values twice: once to encode the data and
+              // calculate the offsets, then again to encode the offsets using the fitting data type.
+              var offset = 1; // First offset is always 1.
+              var offsets = [
+                offset
+              ];
+              var data = [
+              ];
+              for (var i = 0; i < l.length; i += 1) {
+                var v = encode.OBJECT(l[i]);
+                Array.prototype.push.apply(data, v);
+                offset += v.length;
+                offsets.push(offset);
+              }
+              if (data.length === 0) {
+                return [0,
+                0];
+              }
+              var encodedOffsets = [
+              ];
+              var offSize = 1 + Math.floor(Math.log(offset) / Math.log(2)) / 8 | 0;
+              var offsetEncoder = [
+                undefined,
+                encode.BYTE,
+                encode.USHORT,
+                encode.UINT24,
+                encode.ULONG
+              ][offSize];
+              for (var i$1 = 0; i$1 < offsets.length; i$1 += 1) {
+                var encodedOffset = offsetEncoder(offsets[i$1]);
+                Array.prototype.push.apply(encodedOffsets, encodedOffset);
+              }
+              return Array.prototype.concat(encode.Card16(l.length), encode.OffSize(offSize), encodedOffsets, data);
+            };
+            /**
+   * @param {Array}
+   * @returns {number}
+   */
+            sizeOf.INDEX = function (v) {
+              return encode.INDEX(v).length;
+            };
+            /**
+   * Convert an object to a CFF DICT structure.
+   * The keys should be numeric.
+   * The values should be objects containing name / type / value.
+   * @param {Object} m
+   * @returns {Array}
+   */
+            encode.DICT = function (m) {
+              var d = [
+              ];
+              var keys = Object.keys(m);
+              var length = keys.length;
+              for (var i = 0; i < length; i += 1) {
+                // Object.keys() return string keys, but our keys are always numeric.
+                var k = parseInt(keys[i], 0);
+                var v = m[k];
+                // Value comes before the key.
+                d = d.concat(encode.OPERAND(v.value, v.type));
+                d = d.concat(encode.OPERATOR(k));
+              }
+              return d;
+            };
+            /**
+   * @param {Object}
+   * @returns {number}
+   */
+            sizeOf.DICT = function (m) {
+              return encode.DICT(m).length;
+            };
+            /**
+   * @param {number}
+   * @returns {Array}
+   */
+            encode.OPERATOR = function (v) {
+              if (v < 1200) {
+                return [v];
+              } else {
+                return [12,
+                v - 1200];
+              }
+            };
+            /**
+   * @param {Array} v
+   * @param {string}
+   * @returns {Array}
+   */
+            encode.OPERAND = function (v, type) {
+              var d = [
+              ];
+              if (Array.isArray(type)) {
+                for (var i = 0; i < type.length; i += 1) {
+                  check.argument(v.length === type.length, 'Not enough arguments given for type' + type);
+                  d = d.concat(encode.OPERAND(v[i], type[i]));
+                }
+              } else {
+                if (type === 'SID') {
+                  d = d.concat(encode.NUMBER(v));
+                } else if (type === 'offset') {
+                  // We make it easy for ourselves and always encode offsets as
+                  // 4 bytes. This makes offset calculation for the top dict easier.
+                  d = d.concat(encode.NUMBER32(v));
+                } else if (type === 'number') {
+                  d = d.concat(encode.NUMBER(v));
+                } else if (type === 'real') {
+                  d = d.concat(encode.REAL(v));
+                } else {
+                  throw new Error('Unknown operand type ' + type);
+                  // FIXME Add support for booleans
+                }
+              }
+              return d;
+            };
+            encode.OP = encode.BYTE;
+            sizeOf.OP = sizeOf.BYTE;
+            // memoize charstring encoding using WeakMap if available
+            var wmm = typeof WeakMap === 'function' && new WeakMap();
+            /**
+   * Convert a list of CharString operations to bytes.
+   * @param {Array}
+   * @returns {Array}
+   */
+            encode.CHARSTRING = function (ops) {
+              // See encode.MACSTRING for why we don't do "if (wmm && wmm.has(ops))".
+              if (wmm) {
+                var cachedValue = wmm.get(ops);
+                if (cachedValue !== undefined) {
+                  return cachedValue;
+                }
+              }
+              var d = [
+              ];
+              var length = ops.length;
+              for (var i = 0; i < length; i += 1) {
+                var op = ops[i];
+                d = d.concat(encode[op.type](op.value));
+              }
+              if (wmm) {
+                wmm.set(ops, d);
+              }
+              return d;
+            };
+            /**
+   * @param {Array}
+   * @returns {number}
+   */
+            sizeOf.CHARSTRING = function (ops) {
+              return encode.CHARSTRING(ops).length;
+            };
+            // Utility functions ////////////////////////////////////////////////////////
+            /**
+   * Convert an object containing name / type / value to bytes.
+   * @param {Object}
+   * @returns {Array}
+   */
+            encode.OBJECT = function (v) {
+              var encodingFunction = encode[v.type];
+              check.argument(encodingFunction !== undefined, 'No encoding function for type ' + v.type);
+              return encodingFunction(v.value);
+            };
+            /**
+   * @param {Object}
+   * @returns {number}
+   */
+            sizeOf.OBJECT = function (v) {
+              var sizeOfFunction = sizeOf[v.type];
+              check.argument(sizeOfFunction !== undefined, 'No sizeOf function for type ' + v.type);
+              return sizeOfFunction(v.value);
+            };
+            /**
+   * Convert a table object to bytes.
+   * A table contains a list of fields containing the metadata (name, type and default value).
+   * The table itself has the field values set as attributes.
+   * @param {opentype.Table}
+   * @returns {Array}
+   */
+            encode.TABLE = function (table) {
+              var d = [
+              ];
+              var length = table.fields.length;
+              var subtables = [
+              ];
+              var subtableOffsets = [
+              ];
+              for (var i = 0; i < length; i += 1) {
+                var field = table.fields[i];
+                var encodingFunction = encode[field.type];
+                check.argument(encodingFunction !== undefined, 'No encoding function for field type ' + field.type + ' (' + field.name + ')');
+                var value = table[field.name];
+                if (value === undefined) {
+                  value = field.value;
+                }
+                var bytes = encodingFunction(value);
+                if (field.type === 'TABLE') {
+                  subtableOffsets.push(d.length);
+                  d = d.concat([0,
+                  0]);
+                  subtables.push(bytes);
+                } else {
+                  d = d.concat(bytes);
+                }
+              }
+              for (var i$1 = 0; i$1 < subtables.length; i$1 += 1) {
+                var o = subtableOffsets[i$1];
+                var offset = d.length;
+                check.argument(offset < 65536, 'Table ' + table.tableName + ' too big.');
+                d[o] = offset >> 8;
+                d[o + 1] = offset & 255;
+                d = d.concat(subtables[i$1]);
+              }
+              return d;
+            };
+            /**
+   * @param {opentype.Table}
+   * @returns {number}
+   */
+            sizeOf.TABLE = function (table) {
+              var numBytes = 0;
+              var length = table.fields.length;
+              for (var i = 0; i < length; i += 1) {
+                var field = table.fields[i];
+                var sizeOfFunction = sizeOf[field.type];
+                check.argument(sizeOfFunction !== undefined, 'No sizeOf function for field type ' + field.type + ' (' + field.name + ')');
+                var value = table[field.name];
+                if (value === undefined) {
+                  value = field.value;
+                }
+                numBytes += sizeOfFunction(value);
+                // Subtables take 2 more bytes for offsets.
+                if (field.type === 'TABLE') {
+                  numBytes += 2;
+                }
+              }
+              return numBytes;
+            };
+            encode.RECORD = encode.TABLE;
+            sizeOf.RECORD = sizeOf.TABLE;
+            // Merge in a list of bytes.
+            encode.LITERAL = function (v) {
+              return v;
+            };
+            sizeOf.LITERAL = function (v) {
+              return v.length;
+            };
+            // Table metadata
+            /**
+   * @exports opentype.Table
+   * @class
+   * @param {string} tableName
+   * @param {Array} fields
+   * @param {Object} options
+   * @constructor
+   */
+            function Table(tableName, fields, options) {
+              var this$1 = this;
+              for (var i = 0; i < fields.length; i += 1) {
+                var field = fields[i];
+                this$1[field.name] = field.value;
+              }
+              this.tableName = tableName;
+              this.fields = fields;
+              if (options) {
+                var optionKeys = Object.keys(options);
+                for (var i$1 = 0; i$1 < optionKeys.length; i$1 += 1) {
+                  var k = optionKeys[i$1];
+                  var v = options[k];
+                  if (this$1[k] !== undefined) {
+                    this$1[k] = v;
+                  }
+                }
+              }
+            }            /**
+   * Encodes the table and returns an array of bytes
+   * @return {Array}
+   */
+
+            Table.prototype.encode = function () {
+              return encode.TABLE(this);
+            };
+            /**
+   * Get the size of the table.
+   * @return {number}
+   */
+            Table.prototype.sizeOf = function () {
+              return sizeOf.TABLE(this);
+            };
+            /**
+   * @private
+   */
+            function ushortList(itemName, list, count) {
+              if (count === undefined) {
+                count = list.length;
+              }
+              var fields = new Array(list.length + 1);
+              fields[0] = {
+                name: itemName + 'Count',
+                type: 'USHORT',
+                value: count
+              };
+              for (var i = 0; i < list.length; i++) {
+                fields[i + 1] = {
+                  name: itemName + i,
+                  type: 'USHORT',
+                  value: list[i]
+                };
+              }
+              return fields;
+            }            /**
+   * @private
+   */
+
+            function tableList(itemName, records, itemCallback) {
+              var count = records.length;
+              var fields = new Array(count + 1);
+              fields[0] = {
+                name: itemName + 'Count',
+                type: 'USHORT',
+                value: count
+              };
+              for (var i = 0; i < count; i++) {
+                fields[i + 1] = {
+                  name: itemName + i,
+                  type: 'TABLE',
+                  value: itemCallback(records[i], i)
+                };
+              }
+              return fields;
+            }            /**
+   * @private
+   */
+
+            function recordList(itemName, records, itemCallback) {
+              var count = records.length;
+              var fields = [
+              ];
+              fields[0] = {
+                name: itemName + 'Count',
+                type: 'USHORT',
+                value: count
+              };
+              for (var i = 0; i < count; i++) {
+                fields = fields.concat(itemCallback(records[i], i));
+              }
+              return fields;
+            }            // Common Layout Tables
+            /**
+   * @exports opentype.Coverage
+   * @class
+   * @param {opentype.Table}
+   * @constructor
+   * @extends opentype.Table
+   */
+
+            function Coverage(coverageTable) {
+              if (coverageTable.format === 1) {
+                Table.call(this, 'coverageTable', [
+                  {
+                    name: 'coverageFormat',
+                    type: 'USHORT',
+                    value: 1
+                  }
+                ].concat(ushortList('glyph', coverageTable.glyphs)));
+              } else {
+                check.assert(false, 'Can\'t create coverage table format 2 yet.');
+              }
+            }
+            Coverage.prototype = Object.create(Table.prototype);
+            Coverage.prototype.constructor = Coverage;
+            function ScriptList(scriptListTable) {
+              Table.call(this, 'scriptListTable', recordList('scriptRecord', scriptListTable, function (scriptRecord, i) {
+                var script = scriptRecord.script;
+                var defaultLangSys = script.defaultLangSys;
+                check.assert(!!defaultLangSys, 'Unable to write GSUB: script ' + scriptRecord.tag + ' has no default language system.');
+                return [{
+                  name: 'scriptTag' + i,
+                  type: 'TAG',
+                  value: scriptRecord.tag
+                },
+                {
+                  name: 'script' + i,
+                  type: 'TABLE',
+                  value: new Table('scriptTable', [
+                    {
+                      name: 'defaultLangSys',
+                      type: 'TABLE',
+                      value: new Table('defaultLangSys', [
+                        {
+                          name: 'lookupOrder',
+                          type: 'USHORT',
+                          value: 0
+                        },
+                        {
+                          name: 'reqFeatureIndex',
+                          type: 'USHORT',
+                          value: defaultLangSys.reqFeatureIndex
+                        }
+                      ].concat(ushortList('featureIndex', defaultLangSys.featureIndexes)))
+                    }
+                  ].concat(recordList('langSys', script.langSysRecords, function (langSysRecord, i) {
+                    var langSys = langSysRecord.langSys;
+                    return [{
+                      name: 'langSysTag' + i,
+                      type: 'TAG',
+                      value: langSysRecord.tag
+                    },
+                    {
+                      name: 'langSys' + i,
+                      type: 'TABLE',
+                      value: new Table('langSys', [
+                        {
+                          name: 'lookupOrder',
+                          type: 'USHORT',
+                          value: 0
+                        },
+                        {
+                          name: 'reqFeatureIndex',
+                          type: 'USHORT',
+                          value: langSys.reqFeatureIndex
+                        }
+                      ].concat(ushortList('featureIndex', langSys.featureIndexes)))
+                    }
+                    ];
+                  })))
+                }
+                ];
+              }));
+            }
+            ScriptList.prototype = Object.create(Table.prototype);
+            ScriptList.prototype.constructor = ScriptList;
+            /**
+   * @exports opentype.FeatureList
+   * @class
+   * @param {opentype.Table}
+   * @constructor
+   * @extends opentype.Table
+   */
+            function FeatureList(featureListTable) {
+              Table.call(this, 'featureListTable', recordList('featureRecord', featureListTable, function (featureRecord, i) {
+                var feature = featureRecord.feature;
+                return [{
+                  name: 'featureTag' + i,
+                  type: 'TAG',
+                  value: featureRecord.tag
+                },
+                {
+                  name: 'feature' + i,
+                  type: 'TABLE',
+                  value: new Table('featureTable', [
+                    {
+                      name: 'featureParams',
+                      type: 'USHORT',
+                      value: feature.featureParams
+                    }
+                  ].concat(ushortList('lookupListIndex', feature.lookupListIndexes)))
+                }
+                ];
+              }));
+            }
+            FeatureList.prototype = Object.create(Table.prototype);
+            FeatureList.prototype.constructor = FeatureList;
+            /**
+   * @exports opentype.LookupList
+   * @class
+   * @param {opentype.Table}
+   * @param {Object}
+   * @constructor
+   * @extends opentype.Table
+   */
+            function LookupList(lookupListTable, subtableMakers) {
+              Table.call(this, 'lookupListTable', tableList('lookup', lookupListTable, function (lookupTable) {
+                var subtableCallback = subtableMakers[lookupTable.lookupType];
+                check.assert(!!subtableCallback, 'Unable to write GSUB lookup type ' + lookupTable.lookupType + ' tables.');
+                return new Table('lookupTable', [
+                  {
+                    name: 'lookupType',
+                    type: 'USHORT',
+                    value: lookupTable.lookupType
+                  },
+                  {
+                    name: 'lookupFlag',
+                    type: 'USHORT',
+                    value: lookupTable.lookupFlag
+                  }
+                ].concat(tableList('subtable', lookupTable.subtables, subtableCallback)));
+              }));
+            }
+            LookupList.prototype = Object.create(Table.prototype);
+            LookupList.prototype.constructor = LookupList;
+            // Record = same as Table, but inlined (a Table has an offset and its data is further in the stream)
+            // Don't use offsets inside Records (probable bug), only in Tables.
+            var table = {
+              Table: Table,
+              Record: Table,
+              Coverage: Coverage,
+              ScriptList: ScriptList,
+              FeatureList: FeatureList,
+              LookupList: LookupList,
+              ushortList: ushortList,
+              tableList: tableList,
+              recordList: recordList
+            };
+            // Parsing utility functions
+            // Retrieve an unsigned byte from the DataView.
+            function getByte(dataView, offset) {
+              return dataView.getUint8(offset);
+            }            // Retrieve an unsigned 16-bit short from the DataView.
+            // The value is stored in big endian.
+
+            function getUShort(dataView, offset) {
+              return dataView.getUint16(offset, false);
+            }            // Retrieve a signed 16-bit short from the DataView.
+            // The value is stored in big endian.
+
+            function getShort(dataView, offset) {
+              return dataView.getInt16(offset, false);
+            }            // Retrieve an unsigned 32-bit long from the DataView.
+            // The value is stored in big endian.
+
+            function getULong(dataView, offset) {
+              return dataView.getUint32(offset, false);
+            }            // Retrieve a 32-bit signed fixed-point number (16.16) from the DataView.
+            // The value is stored in big endian.
+
+            function getFixed(dataView, offset) {
+              var decimal = dataView.getInt16(offset, false);
+              var fraction = dataView.getUint16(offset + 2, false);
+              return decimal + fraction / 65535;
+            }            // Retrieve a 4-character tag from the DataView.
+            // Tags are used to identify tables.
+
+            function getTag(dataView, offset) {
+              var tag = '';
+              for (var i = offset; i < offset + 4; i += 1) {
+                tag += String.fromCharCode(dataView.getInt8(i));
+              }
+              return tag;
+            }            // Retrieve an offset from the DataView.
+            // Offsets are 1 to 4 bytes in length, depending on the offSize argument.
+
+            function getOffset(dataView, offset, offSize) {
+              var v = 0;
+              for (var i = 0; i < offSize; i += 1) {
+                v <<= 8;
+                v += dataView.getUint8(offset + i);
+              }
+              return v;
+            }            // Retrieve a number of bytes from start offset to the end offset from the DataView.
+
+            function getBytes(dataView, startOffset, endOffset) {
+              var bytes = [
+              ];
+              for (var i = startOffset; i < endOffset; i += 1) {
+                bytes.push(dataView.getUint8(i));
+              }
+              return bytes;
+            }            // Convert the list of bytes to a string.
+
+            function bytesToString(bytes) {
+              var s = '';
+              for (var i = 0; i < bytes.length; i += 1) {
+                s += String.fromCharCode(bytes[i]);
+              }
+              return s;
+            }
+            var typeOffsets = {
+              byte: 1,
+              uShort: 2,
+              short: 2,
+              uLong: 4,
+              fixed: 4,
+              longDateTime: 8,
+              tag: 4
+            };
+            // A stateful parser that changes the offset whenever a value is retrieved.
+            // The data is a DataView.
+            function Parser(data, offset) {
+              this.data = data;
+              this.offset = offset;
+              this.relativeOffset = 0;
+            }
+            Parser.prototype.parseByte = function () {
+              var v = this.data.getUint8(this.offset + this.relativeOffset);
+              this.relativeOffset += 1;
+              return v;
+            };
+            Parser.prototype.parseChar = function () {
+              var v = this.data.getInt8(this.offset + this.relativeOffset);
+              this.relativeOffset += 1;
+              return v;
+            };
+            Parser.prototype.parseCard8 = Parser.prototype.parseByte;
+            Parser.prototype.parseUShort = function () {
+              var v = this.data.getUint16(this.offset + this.relativeOffset);
+              this.relativeOffset += 2;
+              return v;
+            };
+            Parser.prototype.parseCard16 = Parser.prototype.parseUShort;
+            Parser.prototype.parseSID = Parser.prototype.parseUShort;
+            Parser.prototype.parseOffset16 = Parser.prototype.parseUShort;
+            Parser.prototype.parseShort = function () {
+              var v = this.data.getInt16(this.offset + this.relativeOffset);
+              this.relativeOffset += 2;
+              return v;
+            };
+            Parser.prototype.parseF2Dot14 = function () {
+              var v = this.data.getInt16(this.offset + this.relativeOffset) / 16384;
+              this.relativeOffset += 2;
+              return v;
+            };
+            Parser.prototype.parseULong = function () {
+              var v = getULong(this.data, this.offset + this.relativeOffset);
+              this.relativeOffset += 4;
+              return v;
+            };
+            Parser.prototype.parseOffset32 = Parser.prototype.parseULong;
+            Parser.prototype.parseFixed = function () {
+              var v = getFixed(this.data, this.offset + this.relativeOffset);
+              this.relativeOffset += 4;
+              return v;
+            };
+            Parser.prototype.parseString = function (length) {
+              var dataView = this.data;
+              var offset = this.offset + this.relativeOffset;
+              var string = '';
+              this.relativeOffset += length;
+              for (var i = 0; i < length; i++) {
+                string += String.fromCharCode(dataView.getUint8(offset + i));
+              }
+              return string;
+            };
+            Parser.prototype.parseTag = function () {
+              return this.parseString(4);
+            };
+            // LONGDATETIME is a 64-bit integer.
+            // JavaScript and unix timestamps traditionally use 32 bits, so we
+            // only take the last 32 bits.
+            // + Since until 2038 those bits will be filled by zeros we can ignore them.
+            Parser.prototype.parseLongDateTime = function () {
+              var v = getULong(this.data, this.offset + this.relativeOffset + 4);
+              // Subtract seconds between 01/01/1904 and 01/01/1970
+              // to convert Apple Mac timestamp to Standard Unix timestamp
+              v -= 2082844800;
+              this.relativeOffset += 8;
+              return v;
+            };
+            Parser.prototype.parseVersion = function (minorBase) {
+              var major = getUShort(this.data, this.offset + this.relativeOffset);
+              // How to interpret the minor version is very vague in the spec. 0x5000 is 5, 0x1000 is 1
+              // Default returns the correct number if minor = 0xN000 where N is 0-9
+              // Set minorBase to 1 for tables that use minor = N where N is 0-9
+              var minor = getUShort(this.data, this.offset + this.relativeOffset + 2);
+              this.relativeOffset += 4;
+              if (minorBase === undefined) {
+                minorBase = 4096;
+              }
+              return major + minor / minorBase / 10;
+            };
+            Parser.prototype.skip = function (type, amount) {
+              if (amount === undefined) {
+                amount = 1;
+              }
+              this.relativeOffset += typeOffsets[type] * amount;
+            };
+            ///// Parsing lists and records ///////////////////////////////
+            // Parse a list of 32 bit unsigned integers.
+            Parser.prototype.parseULongList = function (count) {
+              if (count === undefined) {
+                count = this.parseULong();
+              }
+              var offsets = new Array(count);
+              var dataView = this.data;
+              var offset = this.offset + this.relativeOffset;
+              for (var i = 0; i < count; i++) {
+                offsets[i] = dataView.getUint32(offset);
+                offset += 4;
+              }
+              this.relativeOffset += count * 4;
+              return offsets;
+            };
+            // Parse a list of 16 bit unsigned integers. The length of the list can be read on the stream
+            // or provided as an argument.
+            Parser.prototype.parseOffset16List = Parser.prototype.parseUShortList = function (count) {
+              if (count === undefined) {
+                count = this.parseUShort();
+              }
+              var offsets = new Array(count);
+              var dataView = this.data;
+              var offset = this.offset + this.relativeOffset;
+              for (var i = 0; i < count; i++) {
+                offsets[i] = dataView.getUint16(offset);
+                offset += 2;
+              }
+              this.relativeOffset += count * 2;
+              return offsets;
+            };
+            // Parses a list of 16 bit signed integers.
+            Parser.prototype.parseShortList = function (count) {
+              var list = new Array(count);
+              var dataView = this.data;
+              var offset = this.offset + this.relativeOffset;
+              for (var i = 0; i < count; i++) {
+                list[i] = dataView.getInt16(offset);
+                offset += 2;
+              }
+              this.relativeOffset += count * 2;
+              return list;
+            };
+            // Parses a list of bytes.
+            Parser.prototype.parseByteList = function (count) {
+              var list = new Array(count);
+              var dataView = this.data;
+              var offset = this.offset + this.relativeOffset;
+              for (var i = 0; i < count; i++) {
+                list[i] = dataView.getUint8(offset++);
+              }
+              this.relativeOffset += count;
+              return list;
+            };
+            /**
+   * Parse a list of items.
+   * Record count is optional, if omitted it is read from the stream.
+   * itemCallback is one of the Parser methods.
+   */
+            Parser.prototype.parseList = function (count, itemCallback) {
+              var this$1 = this;
+              if (!itemCallback) {
+                itemCallback = count;
+                count = this.parseUShort();
+              }
+              var list = new Array(count);
+              for (var i = 0; i < count; i++) {
+                list[i] = itemCallback.call(this$1);
+              }
+              return list;
+            };
+            Parser.prototype.parseList32 = function (count, itemCallback) {
+              var this$1 = this;
+              if (!itemCallback) {
+                itemCallback = count;
+                count = this.parseULong();
+              }
+              var list = new Array(count);
+              for (var i = 0; i < count; i++) {
+                list[i] = itemCallback.call(this$1);
+              }
+              return list;
+            };
+            /**
+   * Parse a list of records.
+   * Record count is optional, if omitted it is read from the stream.
+   * Example of recordDescription: { sequenceIndex: Parser.uShort, lookupListIndex: Parser.uShort }
+   */
+            Parser.prototype.parseRecordList = function (count, recordDescription) {
+              var this$1 = this;
+              // If the count argument is absent, read it in the stream.
+              if (!recordDescription) {
+                recordDescription = count;
+                count = this.parseUShort();
+              }
+              var records = new Array(count);
+              var fields = Object.keys(recordDescription);
+              for (var i = 0; i < count; i++) {
+                var rec = {
+                };
+                for (var j = 0; j < fields.length; j++) {
+                  var fieldName = fields[j];
+                  var fieldType = recordDescription[fieldName];
+                  rec[fieldName] = fieldType.call(this$1);
+                }
+                records[i] = rec;
+              }
+              return records;
+            };
+            Parser.prototype.parseRecordList32 = function (count, recordDescription) {
+              var this$1 = this;
+              // If the count argument is absent, read it in the stream.
+              if (!recordDescription) {
+                recordDescription = count;
+                count = this.parseULong();
+              }
+              var records = new Array(count);
+              var fields = Object.keys(recordDescription);
+              for (var i = 0; i < count; i++) {
+                var rec = {
+                };
+                for (var j = 0; j < fields.length; j++) {
+                  var fieldName = fields[j];
+                  var fieldType = recordDescription[fieldName];
+                  rec[fieldName] = fieldType.call(this$1);
+                }
+                records[i] = rec;
+              }
+              return records;
+            };
+            // Parse a data structure into an object
+            // Example of description: { sequenceIndex: Parser.uShort, lookupListIndex: Parser.uShort }
+            Parser.prototype.parseStruct = function (description) {
+              var this$1 = this;
+              if (typeof description === 'function') {
+                return description.call(this);
+              } else {
+                var fields = Object.keys(description);
+                var struct = {
+                };
+                for (var j = 0; j < fields.length; j++) {
+                  var fieldName = fields[j];
+                  var fieldType = description[fieldName];
+                  struct[fieldName] = fieldType.call(this$1);
+                }
+                return struct;
+              }
+            };
+            /**
+   * Parse a GPOS valueRecord
+   * https://docs.microsoft.com/en-us/typography/opentype/spec/gpos#value-record
+   * valueFormat is optional, if omitted it is read from the stream.
+   */
+            Parser.prototype.parseValueRecord = function (valueFormat) {
+              if (valueFormat === undefined) {
+                valueFormat = this.parseUShort();
+              }
+              if (valueFormat === 0) {
+                // valueFormat2 in kerning pairs is most often 0
+                // in this case return undefined instead of an empty object, to save space
+                return;
+              }
+              var valueRecord = {
+              };
+              if (valueFormat & 1) {
+                valueRecord.xPlacement = this.parseShort();
+              }
+              if (valueFormat & 2) {
+                valueRecord.yPlacement = this.parseShort();
+              }
+              if (valueFormat & 4) {
+                valueRecord.xAdvance = this.parseShort();
+              }
+              if (valueFormat & 8) {
+                valueRecord.yAdvance = this.parseShort();
+              }              // Device table (non-variable font) / VariationIndex table (variable font) not supported
+              // https://docs.microsoft.com/fr-fr/typography/opentype/spec/chapter2#devVarIdxTbls
+
+              if (valueFormat & 16) {
+                valueRecord.xPlaDevice = undefined;
+                this.parseShort();
+              }
+              if (valueFormat & 32) {
+                valueRecord.yPlaDevice = undefined;
+                this.parseShort();
+              }
+              if (valueFormat & 64) {
+                valueRecord.xAdvDevice = undefined;
+                this.parseShort();
+              }
+              if (valueFormat & 128) {
+                valueRecord.yAdvDevice = undefined;
+                this.parseShort();
+              }
+              return valueRecord;
+            };
+            /**
+   * Parse a list of GPOS valueRecords
+   * https://docs.microsoft.com/en-us/typography/opentype/spec/gpos#value-record
+   * valueFormat and valueCount are read from the stream.
+   */
+            Parser.prototype.parseValueRecordList = function () {
+              var this$1 = this;
+              var valueFormat = this.parseUShort();
+              var valueCount = this.parseUShort();
+              var values = new Array(valueCount);
+              for (var i = 0; i < valueCount; i++) {
+                values[i] = this$1.parseValueRecord(valueFormat);
+              }
+              return values;
+            };
+            Parser.prototype.parsePointer = function (description) {
+              var structOffset = this.parseOffset16();
+              if (structOffset > 0) {
+                // NULL offset => return undefined
+                return new Parser(this.data, this.offset + structOffset).parseStruct(description);
+              }
+              return undefined;
+            };
+            Parser.prototype.parsePointer32 = function (description) {
+              var structOffset = this.parseOffset32();
+              if (structOffset > 0) {
+                // NULL offset => return undefined
+                return new Parser(this.data, this.offset + structOffset).parseStruct(description);
+              }
+              return undefined;
+            };
+            /**
+   * Parse a list of offsets to lists of 16-bit integers,
+   * or a list of offsets to lists of offsets to any kind of items.
+   * If itemCallback is not provided, a list of list of UShort is assumed.
+   * If provided, itemCallback is called on each item and must parse the item.
+   * See examples in tables/gsub.js
+   */
+            Parser.prototype.parseListOfLists = function (itemCallback) {
+              var this$1 = this;
+              var offsets = this.parseOffset16List();
+              var count = offsets.length;
+              var relativeOffset = this.relativeOffset;
+              var list = new Array(count);
+              for (var i = 0; i < count; i++) {
+                var start = offsets[i];
+                if (start === 0) {
+                  // NULL offset
+                  // Add i as owned property to list. Convenient with assert.
+                  list[i] = undefined;
+                  continue;
+                }
+                this$1.relativeOffset = start;
+                if (itemCallback) {
+                  var subOffsets = this$1.parseOffset16List();
+                  var subList = new Array(subOffsets.length);
+                  for (var j = 0; j < subOffsets.length; j++) {
+                    this$1.relativeOffset = start + subOffsets[j];
+                    subList[j] = itemCallback.call(this$1);
+                  }
+                  list[i] = subList;
+                } else {
+                  list[i] = this$1.parseUShortList();
+                }
+              }
+              this.relativeOffset = relativeOffset;
+              return list;
+            };
+            ///// Complex tables parsing //////////////////////////////////
+            // Parse a coverage table in a GSUB, GPOS or GDEF table.
+            // https://www.microsoft.com/typography/OTSPEC/chapter2.htm
+            // parser.offset must point to the start of the table containing the coverage.
+            Parser.prototype.parseCoverage = function () {
+              var this$1 = this;
+              var startOffset = this.offset + this.relativeOffset;
+              var format = this.parseUShort();
+              var count = this.parseUShort();
+              if (format === 1) {
+                return {
+                  format: 1,
+                  glyphs: this.parseUShortList(count)
+                };
+              } else if (format === 2) {
+                var ranges = new Array(count);
+                for (var i = 0; i < count; i++) {
+                  ranges[i] = {
+                    start: this$1.parseUShort(),
+                    end: this$1.parseUShort(),
+                    index: this$1.parseUShort()
+                  };
+                }
+                return {
+                  format: 2,
+                  ranges: ranges
+                };
+              }
+              throw new Error('0x' + startOffset.toString(16) + ': Coverage format must be 1 or 2.');
+            };
+            // Parse a Class Definition Table in a GSUB, GPOS or GDEF table.
+            // https://www.microsoft.com/typography/OTSPEC/chapter2.htm
+            Parser.prototype.parseClassDef = function () {
+              var startOffset = this.offset + this.relativeOffset;
+              var format = this.parseUShort();
+              if (format === 1) {
+                return {
+                  format: 1,
+                  startGlyph: this.parseUShort(),
+                  classes: this.parseUShortList()
+                };
+              } else if (format === 2) {
+                return {
+                  format: 2,
+                  ranges: this.parseRecordList({
+                    start: Parser.uShort,
+                    end: Parser.uShort,
+                    classId: Parser.uShort
+                  })
+                };
+              }
+              throw new Error('0x' + startOffset.toString(16) + ': ClassDef format must be 1 or 2.');
+            };
+            ///// Static methods ///////////////////////////////////
+            // These convenience methods can be used as callbacks and should be called with "this" context set to a Parser instance.
+            Parser.list = function (count, itemCallback) {
+              return function () {
+                return this.parseList(count, itemCallback);
+              };
+            };
+            Parser.list32 = function (count, itemCallback) {
+              return function () {
+                return this.parseList32(count, itemCallback);
+              };
+            };
+            Parser.recordList = function (count, recordDescription) {
+              return function () {
+                return this.parseRecordList(count, recordDescription);
+              };
+            };
+            Parser.recordList32 = function (count, recordDescription) {
+              return function () {
+                return this.parseRecordList32(count, recordDescription);
+              };
+            };
+            Parser.pointer = function (description) {
+              return function () {
+                return this.parsePointer(description);
+              };
+            };
+            Parser.pointer32 = function (description) {
+              return function () {
+                return this.parsePointer32(description);
+              };
+            };
+            Parser.tag = Parser.prototype.parseTag;
+            Parser.byte = Parser.prototype.parseByte;
+            Parser.uShort = Parser.offset16 = Parser.prototype.parseUShort;
+            Parser.uShortList = Parser.prototype.parseUShortList;
+            Parser.uLong = Parser.offset32 = Parser.prototype.parseULong;
+            Parser.uLongList = Parser.prototype.parseULongList;
+            Parser.struct = Parser.prototype.parseStruct;
+            Parser.coverage = Parser.prototype.parseCoverage;
+            Parser.classDef = Parser.prototype.parseClassDef;
+            ///// Script, Feature, Lookup lists ///////////////////////////////////////////////
+            // https://www.microsoft.com/typography/OTSPEC/chapter2.htm
+            var langSysTable = {
+              reserved: Parser.uShort,
+              reqFeatureIndex: Parser.uShort,
+              featureIndexes: Parser.uShortList
+            };
+            Parser.prototype.parseScriptList = function () {
+              return this.parsePointer(Parser.recordList({
+                tag: Parser.tag,
+                script: Parser.pointer({
+                  defaultLangSys: Parser.pointer(langSysTable),
+                  langSysRecords: Parser.recordList({
+                    tag: Parser.tag,
+                    langSys: Parser.pointer(langSysTable)
+                  })
+                })
+              })) || [
+              ];
+            };
+            Parser.prototype.parseFeatureList = function () {
+              return this.parsePointer(Parser.recordList({
+                tag: Parser.tag,
+                feature: Parser.pointer({
+                  featureParams: Parser.offset16,
+                  lookupListIndexes: Parser.uShortList
+                })
+              })) || [
+              ];
+            };
+            Parser.prototype.parseLookupList = function (lookupTableParsers) {
+              return this.parsePointer(Parser.list(Parser.pointer(function () {
+                var lookupType = this.parseUShort();
+                check.argument(1 <= lookupType && lookupType <= 9, 'GPOS/GSUB lookup type ' + lookupType + ' unknown.');
+                var lookupFlag = this.parseUShort();
+                var useMarkFilteringSet = lookupFlag & 16;
+                return {
+                  lookupType: lookupType,
+                  lookupFlag: lookupFlag,
+                  subtables: this.parseList(Parser.pointer(lookupTableParsers[lookupType])),
+                  markFilteringSet: useMarkFilteringSet ? this.parseUShort() : undefined
+                };
+              }))) || [
+              ];
+            };
+            Parser.prototype.parseFeatureVariationsList = function () {
+              return this.parsePointer32(function () {
+                var majorVersion = this.parseUShort();
+                var minorVersion = this.parseUShort();
+                check.argument(majorVersion === 1 && minorVersion < 1, 'GPOS/GSUB feature variations table unknown.');
+                var featureVariations = this.parseRecordList32({
+                  conditionSetOffset: Parser.offset32,
+                  featureTableSubstitutionOffset: Parser.offset32
+                });
+                return featureVariations;
+              }) || [
+              ];
+            };
+            var parse = {
+              getByte: getByte,
+              getCard8: getByte,
+              getUShort: getUShort,
+              getCard16: getUShort,
+              getShort: getShort,
+              getULong: getULong,
+              getFixed: getFixed,
+              getTag: getTag,
+              getOffset: getOffset,
+              getBytes: getBytes,
+              bytesToString: bytesToString,
+              Parser: Parser
+            };
+            // The `cmap` table stores the mappings from characters to glyphs.
+            function parseCmapTableFormat12(cmap, p) {
+              //Skip reserved.
+              p.parseUShort();
+              // Length in bytes of the sub-tables.
+              cmap.length = p.parseULong();
+              cmap.language = p.parseULong();
+              var groupCount;
+              cmap.groupCount = groupCount = p.parseULong();
+              cmap.glyphIndexMap = {
+              };
+              for (var i = 0; i < groupCount; i += 1) {
+                var startCharCode = p.parseULong();
+                var endCharCode = p.parseULong();
+                var startGlyphId = p.parseULong();
+                for (var c = startCharCode; c <= endCharCode; c += 1) {
+                  cmap.glyphIndexMap[c] = startGlyphId;
+                  startGlyphId++;
+                }
+              }
+            }
+            function parseCmapTableFormat4(cmap, p, data, start, offset) {
+              // Length in bytes of the sub-tables.
+              cmap.length = p.parseUShort();
+              cmap.language = p.parseUShort();
+              // segCount is stored x 2.
+              var segCount;
+              cmap.segCount = segCount = p.parseUShort() >> 1;
+              // Skip searchRange, entrySelector, rangeShift.
+              p.skip('uShort', 3);
+              // The "unrolled" mapping from character codes to glyph indices.
+              cmap.glyphIndexMap = {
+              };
+              var endCountParser = new parse.Parser(data, start + offset + 14);
+              var startCountParser = new parse.Parser(data, start + offset + 16 + segCount * 2);
+              var idDeltaParser = new parse.Parser(data, start + offset + 16 + segCount * 4);
+              var idRangeOffsetParser = new parse.Parser(data, start + offset + 16 + segCount * 6);
+              var glyphIndexOffset = start + offset + 16 + segCount * 8;
+              for (var i = 0; i < segCount - 1; i += 1) {
+                var glyphIndex = void 0;
+                var endCount = endCountParser.parseUShort();
+                var startCount = startCountParser.parseUShort();
+                var idDelta = idDeltaParser.parseShort();
+                var idRangeOffset = idRangeOffsetParser.parseUShort();
+                for (var c = startCount; c <= endCount; c += 1) {
+                  if (idRangeOffset !== 0) {
+                    // The idRangeOffset is relative to the current position in the idRangeOffset array.
+                    // Take the current offset in the idRangeOffset array.
+                    glyphIndexOffset = idRangeOffsetParser.offset + idRangeOffsetParser.relativeOffset - 2;
+                    // Add the value of the idRangeOffset, which will move us into the glyphIndex array.
+                    glyphIndexOffset += idRangeOffset;
+                    // Then add the character index of the current segment, multiplied by 2 for USHORTs.
+                    glyphIndexOffset += (c - startCount) * 2;
+                    glyphIndex = parse.getUShort(data, glyphIndexOffset);
+                    if (glyphIndex !== 0) {
+                      glyphIndex = glyphIndex + idDelta & 65535;
+                    }
+                  } else {
+                    glyphIndex = c + idDelta & 65535;
+                  }
+                  cmap.glyphIndexMap[c] = glyphIndex;
+                }
+              }
+            }            // Parse the `cmap` table. This table stores the mappings from characters to glyphs.
+            // There are many available formats, but we only support the Windows format 4 and 12.
+            // This function returns a `CmapEncoding` object or null if no supported format could be found.
+
+            function parseCmapTable(data, start) {
+              var cmap = {
+              };
+              cmap.version = parse.getUShort(data, start);
+              check.argument(cmap.version === 0, 'cmap table version should be 0.');
+              // The cmap table can contain many sub-tables, each with their own format.
+              // We're only interested in a "platform 0" (Unicode format) and "platform 3" (Windows format) table.
+              cmap.numTables = parse.getUShort(data, start + 2);
+              var offset = - 1;
+              for (var i = cmap.numTables - 1; i >= 0; i -= 1) {
+                var platformId = parse.getUShort(data, start + 4 + i * 8);
+                var encodingId = parse.getUShort(data, start + 4 + i * 8 + 2);
+                if (platformId === 3 && (encodingId === 0 || encodingId === 1 || encodingId === 10) || platformId === 0 && (encodingId === 0 || encodingId === 1 || encodingId === 2 || encodingId === 3 || encodingId === 4)) {
+                  offset = parse.getULong(data, start + 4 + i * 8 + 4);
+                  break;
+                }
+              }
+              if (offset === - 1) {
+                // There is no cmap table in the font that we support.
+                throw new Error('No valid cmap sub-tables found.');
+              }
+              var p = new parse.Parser(data, start + offset);
+              cmap.format = p.parseUShort();
+              if (cmap.format === 12) {
+                parseCmapTableFormat12(cmap, p);
+              } else if (cmap.format === 4) {
+                parseCmapTableFormat4(cmap, p, data, start, offset);
+              } else {
+                throw new Error('Only format 4 and 12 cmap tables are supported (found format ' + cmap.format + ').');
+              }
+              return cmap;
+            }
+            function addSegment(t, code, glyphIndex) {
+              t.segments.push({
+                end: code,
+                start: code,
+                delta: - (code - glyphIndex),
+                offset: 0,
+                glyphIndex: glyphIndex
+              });
+            }
+            function addTerminatorSegment(t) {
+              t.segments.push({
+                end: 65535,
+                start: 65535,
+                delta: 1,
+                offset: 0
+              });
+            }            // Make cmap table, format 4 by default, 12 if needed only
+
+            function makeCmapTable(glyphs) {
+              // Plan 0 is the base Unicode Plan but emojis, for example are on another plan, and needs cmap 12 format (with 32bit)
+              var isPlan0Only = true;
+              var i;
+              // Check if we need to add cmap format 12 or if format 4 only is fine
+              for (i = glyphs.length - 1; i > 0; i -= 1) {
+                var g = glyphs.get(i);
+                if (g.unicode > 65535) {
+                  console.log('Adding CMAP format 12 (needed!)');
+                  isPlan0Only = false;
+                  break;
+                }
+              }
+              var cmapTable = [
+                {
+                  name: 'version',
+                  type: 'USHORT',
+                  value: 0
+                },
+                {
+                  name: 'numTables',
+                  type: 'USHORT',
+                  value: isPlan0Only ? 1 : 2
+                },
+                // CMAP 4 header
+                {
+                  name: 'platformID',
+                  type: 'USHORT',
+                  value: 3
+                },
+                {
+                  name: 'encodingID',
+                  type: 'USHORT',
+                  value: 1
+                },
+                {
+                  name: 'offset',
+                  type: 'ULONG',
+                  value: isPlan0Only ? 12 : 12 + 8
+                }
+              ];
+              if (!isPlan0Only) {
+                cmapTable = cmapTable.concat([                // CMAP 12 header
+                {
+                  name: 'cmap12PlatformID',
+                  type: 'USHORT',
+                  value: 3
+                },
+                // We encode only for PlatformID = 3 (Windows) because it is supported everywhere
+                {
+                  name: 'cmap12EncodingID',
+                  type: 'USHORT',
+                  value: 10
+                },
+                {
+                  name: 'cmap12Offset',
+                  type: 'ULONG',
+                  value: 0
+                }
+                ]);
+              }
+              cmapTable = cmapTable.concat([              // CMAP 4 Subtable
+              {
+                name: 'format',
+                type: 'USHORT',
+                value: 4
+              },
+              {
+                name: 'cmap4Length',
+                type: 'USHORT',
+                value: 0
+              },
+              {
+                name: 'language',
+                type: 'USHORT',
+                value: 0
+              },
+              {
+                name: 'segCountX2',
+                type: 'USHORT',
+                value: 0
+              },
+              {
+                name: 'searchRange',
+                type: 'USHORT',
+                value: 0
+              },
+              {
+                name: 'entrySelector',
+                type: 'USHORT',
+                value: 0
+              },
+              {
+                name: 'rangeShift',
+                type: 'USHORT',
+                value: 0
+              }
+              ]);
+              var t = new table.Table('cmap', cmapTable);
+              t.segments = [
+              ];
+              for (i = 0; i < glyphs.length; i += 1) {
+                var glyph = glyphs.get(i);
+                for (var j = 0; j < glyph.unicodes.length; j += 1) {
+                  addSegment(t, glyph.unicodes[j], i);
+                }
+                t.segments = t.segments.sort(function (a, b) {
+                  return a.start - b.start;
+                });
+              }
+              addTerminatorSegment(t);
+              var segCount = t.segments.length;
+              var segCountToRemove = 0;
+              // CMAP 4
+              // Set up parallel segment arrays.
+              var endCounts = [
+              ];
+              var startCounts = [
+              ];
+              var idDeltas = [
+              ];
+              var idRangeOffsets = [
+              ];
+              var glyphIds = [
+              ];
+              // CMAP 12
+              var cmap12Groups = [
+              ];
+              // Reminder this loop is not following the specification at 100%
+              // The specification -> find suites of characters and make a group
+              // Here we're doing one group for each letter
+              // Doing as the spec can save 8 times (or more) space
+              for (i = 0; i < segCount; i += 1) {
+                var segment = t.segments[i];
+                // CMAP 4
+                if (segment.end <= 65535 && segment.start <= 65535) {
+                  endCounts = endCounts.concat({
+                    name: 'end_' + i,
+                    type: 'USHORT',
+                    value: segment.end
+                  });
+                  startCounts = startCounts.concat({
+                    name: 'start_' + i,
+                    type: 'USHORT',
+                    value: segment.start
+                  });
+                  idDeltas = idDeltas.concat({
+                    name: 'idDelta_' + i,
+                    type: 'SHORT',
+                    value: segment.delta
+                  });
+                  idRangeOffsets = idRangeOffsets.concat({
+                    name: 'idRangeOffset_' + i,
+                    type: 'USHORT',
+                    value: segment.offset
+                  });
+                  if (segment.glyphId !== undefined) {
+                    glyphIds = glyphIds.concat({
+                      name: 'glyph_' + i,
+                      type: 'USHORT',
+                      value: segment.glyphId
+                    });
+                  }
+                } else {
+                  // Skip Unicode > 65535 (16bit unsigned max) for CMAP 4, will be added in CMAP 12
+                  segCountToRemove += 1;
+                }                // CMAP 12
+                // Skip Terminator Segment
+
+                if (!isPlan0Only && segment.glyphIndex !== undefined) {
+                  cmap12Groups = cmap12Groups.concat({
+                    name: 'cmap12Start_' + i,
+                    type: 'ULONG',
+                    value: segment.start
+                  });
+                  cmap12Groups = cmap12Groups.concat({
+                    name: 'cmap12End_' + i,
+                    type: 'ULONG',
+                    value: segment.end
+                  });
+                  cmap12Groups = cmap12Groups.concat({
+                    name: 'cmap12Glyph_' + i,
+                    type: 'ULONG',
+                    value: segment.glyphIndex
+                  });
+                }
+              }              // CMAP 4 Subtable
+
+              t.segCountX2 = (segCount - segCountToRemove) * 2;
+              t.searchRange = Math.pow(2, Math.floor(Math.log(segCount - segCountToRemove) / Math.log(2))) * 2;
+              t.entrySelector = Math.log(t.searchRange / 2) / Math.log(2);
+              t.rangeShift = t.segCountX2 - t.searchRange;
+              t.fields = t.fields.concat(endCounts);
+              t.fields.push({
+                name: 'reservedPad',
+                type: 'USHORT',
+                value: 0
+              });
+              t.fields = t.fields.concat(startCounts);
+              t.fields = t.fields.concat(idDeltas);
+              t.fields = t.fields.concat(idRangeOffsets);
+              t.fields = t.fields.concat(glyphIds);
+              t.cmap4Length = 14 +              // Subtable header
+              endCounts.length * 2 + 2 +              // reservedPad
+              startCounts.length * 2 + idDeltas.length * 2 + idRangeOffsets.length * 2 + glyphIds.length * 2;
+              if (!isPlan0Only) {
+                // CMAP 12 Subtable
+                var cmap12Length = 16 +                // Subtable header
+                cmap12Groups.length * 4;
+                t.cmap12Offset = 12 + 2 * 2 + 4 + t.cmap4Length;
+                t.fields = t.fields.concat([{
+                  name: 'cmap12Format',
+                  type: 'USHORT',
+                  value: 12
+                },
+                {
+                  name: 'cmap12Reserved',
+                  type: 'USHORT',
+                  value: 0
+                },
+                {
+                  name: 'cmap12Length',
+                  type: 'ULONG',
+                  value: cmap12Length
+                },
+                {
+                  name: 'cmap12Language',
+                  type: 'ULONG',
+                  value: 0
+                },
+                {
+                  name: 'cmap12nGroups',
+                  type: 'ULONG',
+                  value: cmap12Groups.length / 3
+                }
+                ]);
+                t.fields = t.fields.concat(cmap12Groups);
+              }
+              return t;
+            }
+            var cmap = {
+              parse: parseCmapTable,
+              make: makeCmapTable
+            };
+            // Glyph encoding
+            var cffStandardStrings = [
+              '.notdef',
+              'space',
+              'exclam',
+              'quotedbl',
+              'numbersign',
+              'dollar',
+              'percent',
+              'ampersand',
+              'quoteright',
+              'parenleft',
+              'parenright',
+              'asterisk',
+              'plus',
+              'comma',
+              'hyphen',
+              'period',
+              'slash',
+              'zero',
+              'one',
+              'two',
+              'three',
+              'four',
+              'five',
+              'six',
+              'seven',
+              'eight',
+              'nine',
+              'colon',
+              'semicolon',
+              'less',
+              'equal',
+              'greater',
+              'question',
+              'at',
+              'A',
+              'B',
+              'C',
+              'D',
+              'E',
+              'F',
+              'G',
+              'H',
+              'I',
+              'J',
+              'K',
+              'L',
+              'M',
+              'N',
+              'O',
+              'P',
+              'Q',
+              'R',
+              'S',
+              'T',
+              'U',
+              'V',
+              'W',
+              'X',
+              'Y',
+              'Z',
+              'bracketleft',
+              'backslash',
+              'bracketright',
+              'asciicircum',
+              'underscore',
+              'quoteleft',
+              'a',
+              'b',
+              'c',
+              'd',
+              'e',
+              'f',
+              'g',
+              'h',
+              'i',
+              'j',
+              'k',
+              'l',
+              'm',
+              'n',
+              'o',
+              'p',
+              'q',
+              'r',
+              's',
+              't',
+              'u',
+              'v',
+              'w',
+              'x',
+              'y',
+              'z',
+              'braceleft',
+              'bar',
+              'braceright',
+              'asciitilde',
+              'exclamdown',
+              'cent',
+              'sterling',
+              'fraction',
+              'yen',
+              'florin',
+              'section',
+              'currency',
+              'quotesingle',
+              'quotedblleft',
+              'guillemotleft',
+              'guilsinglleft',
+              'guilsinglright',
+              'fi',
+              'fl',
+              'endash',
+              'dagger',
+              'daggerdbl',
+              'periodcentered',
+              'paragraph',
+              'bullet',
+              'quotesinglbase',
+              'quotedblbase',
+              'quotedblright',
+              'guillemotright',
+              'ellipsis',
+              'perthousand',
+              'questiondown',
+              'grave',
+              'acute',
+              'circumflex',
+              'tilde',
+              'macron',
+              'breve',
+              'dotaccent',
+              'dieresis',
+              'ring',
+              'cedilla',
+              'hungarumlaut',
+              'ogonek',
+              'caron',
+              'emdash',
+              'AE',
+              'ordfeminine',
+              'Lslash',
+              'Oslash',
+              'OE',
+              'ordmasculine',
+              'ae',
+              'dotlessi',
+              'lslash',
+              'oslash',
+              'oe',
+              'germandbls',
+              'onesuperior',
+              'logicalnot',
+              'mu',
+              'trademark',
+              'Eth',
+              'onehalf',
+              'plusminus',
+              'Thorn',
+              'onequarter',
+              'divide',
+              'brokenbar',
+              'degree',
+              'thorn',
+              'threequarters',
+              'twosuperior',
+              'registered',
+              'minus',
+              'eth',
+              'multiply',
+              'threesuperior',
+              'copyright',
+              'Aacute',
+              'Acircumflex',
+              'Adieresis',
+              'Agrave',
+              'Aring',
+              'Atilde',
+              'Ccedilla',
+              'Eacute',
+              'Ecircumflex',
+              'Edieresis',
+              'Egrave',
+              'Iacute',
+              'Icircumflex',
+              'Idieresis',
+              'Igrave',
+              'Ntilde',
+              'Oacute',
+              'Ocircumflex',
+              'Odieresis',
+              'Ograve',
+              'Otilde',
+              'Scaron',
+              'Uacute',
+              'Ucircumflex',
+              'Udieresis',
+              'Ugrave',
+              'Yacute',
+              'Ydieresis',
+              'Zcaron',
+              'aacute',
+              'acircumflex',
+              'adieresis',
+              'agrave',
+              'aring',
+              'atilde',
+              'ccedilla',
+              'eacute',
+              'ecircumflex',
+              'edieresis',
+              'egrave',
+              'iacute',
+              'icircumflex',
+              'idieresis',
+              'igrave',
+              'ntilde',
+              'oacute',
+              'ocircumflex',
+              'odieresis',
+              'ograve',
+              'otilde',
+              'scaron',
+              'uacute',
+              'ucircumflex',
+              'udieresis',
+              'ugrave',
+              'yacute',
+              'ydieresis',
+              'zcaron',
+              'exclamsmall',
+              'Hungarumlautsmall',
+              'dollaroldstyle',
+              'dollarsuperior',
+              'ampersandsmall',
+              'Acutesmall',
+              'parenleftsuperior',
+              'parenrightsuperior',
+              '266 ff',
+              'onedotenleader',
+              'zerooldstyle',
+              'oneoldstyle',
+              'twooldstyle',
+              'threeoldstyle',
+              'fouroldstyle',
+              'fiveoldstyle',
+              'sixoldstyle',
+              'sevenoldstyle',
+              'eightoldstyle',
+              'nineoldstyle',
+              'commasuperior',
+              'threequartersemdash',
+              'periodsuperior',
+              'questionsmall',
+              'asuperior',
+              'bsuperior',
+              'centsuperior',
+              'dsuperior',
+              'esuperior',
+              'isuperior',
+              'lsuperior',
+              'msuperior',
+              'nsuperior',
+              'osuperior',
+              'rsuperior',
+              'ssuperior',
+              'tsuperior',
+              'ff',
+              'ffi',
+              'ffl',
+              'parenleftinferior',
+              'parenrightinferior',
+              'Circumflexsmall',
+              'hyphensuperior',
+              'Gravesmall',
+              'Asmall',
+              'Bsmall',
+              'Csmall',
+              'Dsmall',
+              'Esmall',
+              'Fsmall',
+              'Gsmall',
+              'Hsmall',
+              'Ismall',
+              'Jsmall',
+              'Ksmall',
+              'Lsmall',
+              'Msmall',
+              'Nsmall',
+              'Osmall',
+              'Psmall',
+              'Qsmall',
+              'Rsmall',
+              'Ssmall',
+              'Tsmall',
+              'Usmall',
+              'Vsmall',
+              'Wsmall',
+              'Xsmall',
+              'Ysmall',
+              'Zsmall',
+              'colonmonetary',
+              'onefitted',
+              'rupiah',
+              'Tildesmall',
+              'exclamdownsmall',
+              'centoldstyle',
+              'Lslashsmall',
+              'Scaronsmall',
+              'Zcaronsmall',
+              'Dieresissmall',
+              'Brevesmall',
+              'Caronsmall',
+              'Dotaccentsmall',
+              'Macronsmall',
+              'figuredash',
+              'hypheninferior',
+              'Ogoneksmall',
+              'Ringsmall',
+              'Cedillasmall',
+              'questiondownsmall',
+              'oneeighth',
+              'threeeighths',
+              'fiveeighths',
+              'seveneighths',
+              'onethird',
+              'twothirds',
+              'zerosuperior',
+              'foursuperior',
+              'fivesuperior',
+              'sixsuperior',
+              'sevensuperior',
+              'eightsuperior',
+              'ninesuperior',
+              'zeroinferior',
+              'oneinferior',
+              'twoinferior',
+              'threeinferior',
+              'fourinferior',
+              'fiveinferior',
+              'sixinferior',
+              'seveninferior',
+              'eightinferior',
+              'nineinferior',
+              'centinferior',
+              'dollarinferior',
+              'periodinferior',
+              'commainferior',
+              'Agravesmall',
+              'Aacutesmall',
+              'Acircumflexsmall',
+              'Atildesmall',
+              'Adieresissmall',
+              'Aringsmall',
+              'AEsmall',
+              'Ccedillasmall',
+              'Egravesmall',
+              'Eacutesmall',
+              'Ecircumflexsmall',
+              'Edieresissmall',
+              'Igravesmall',
+              'Iacutesmall',
+              'Icircumflexsmall',
+              'Idieresissmall',
+              'Ethsmall',
+              'Ntildesmall',
+              'Ogravesmall',
+              'Oacutesmall',
+              'Ocircumflexsmall',
+              'Otildesmall',
+              'Odieresissmall',
+              'OEsmall',
+              'Oslashsmall',
+              'Ugravesmall',
+              'Uacutesmall',
+              'Ucircumflexsmall',
+              'Udieresissmall',
+              'Yacutesmall',
+              'Thornsmall',
+              'Ydieresissmall',
+              '001.000',
+              '001.001',
+              '001.002',
+              '001.003',
+              'Black',
+              'Bold',
+              'Book',
+              'Light',
+              'Medium',
+              'Regular',
+              'Roman',
+              'Semibold'
+            ];
+            var cffStandardEncoding = [
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              'space',
+              'exclam',
+              'quotedbl',
+              'numbersign',
+              'dollar',
+              'percent',
+              'ampersand',
+              'quoteright',
+              'parenleft',
+              'parenright',
+              'asterisk',
+              'plus',
+              'comma',
+              'hyphen',
+              'period',
+              'slash',
+              'zero',
+              'one',
+              'two',
+              'three',
+              'four',
+              'five',
+              'six',
+              'seven',
+              'eight',
+              'nine',
+              'colon',
+              'semicolon',
+              'less',
+              'equal',
+              'greater',
+              'question',
+              'at',
+              'A',
+              'B',
+              'C',
+              'D',
+              'E',
+              'F',
+              'G',
+              'H',
+              'I',
+              'J',
+              'K',
+              'L',
+              'M',
+              'N',
+              'O',
+              'P',
+              'Q',
+              'R',
+              'S',
+              'T',
+              'U',
+              'V',
+              'W',
+              'X',
+              'Y',
+              'Z',
+              'bracketleft',
+              'backslash',
+              'bracketright',
+              'asciicircum',
+              'underscore',
+              'quoteleft',
+              'a',
+              'b',
+              'c',
+              'd',
+              'e',
+              'f',
+              'g',
+              'h',
+              'i',
+              'j',
+              'k',
+              'l',
+              'm',
+              'n',
+              'o',
+              'p',
+              'q',
+              'r',
+              's',
+              't',
+              'u',
+              'v',
+              'w',
+              'x',
+              'y',
+              'z',
+              'braceleft',
+              'bar',
+              'braceright',
+              'asciitilde',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              'exclamdown',
+              'cent',
+              'sterling',
+              'fraction',
+              'yen',
+              'florin',
+              'section',
+              'currency',
+              'quotesingle',
+              'quotedblleft',
+              'guillemotleft',
+              'guilsinglleft',
+              'guilsinglright',
+              'fi',
+              'fl',
+              '',
+              'endash',
+              'dagger',
+              'daggerdbl',
+              'periodcentered',
+              '',
+              'paragraph',
+              'bullet',
+              'quotesinglbase',
+              'quotedblbase',
+              'quotedblright',
+              'guillemotright',
+              'ellipsis',
+              'perthousand',
+              '',
+              'questiondown',
+              '',
+              'grave',
+              'acute',
+              'circumflex',
+              'tilde',
+              'macron',
+              'breve',
+              'dotaccent',
+              'dieresis',
+              '',
+              'ring',
+              'cedilla',
+              '',
+              'hungarumlaut',
+              'ogonek',
+              'caron',
+              'emdash',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              'AE',
+              '',
+              'ordfeminine',
+              '',
+              '',
+              '',
+              '',
+              'Lslash',
+              'Oslash',
+              'OE',
+              'ordmasculine',
+              '',
+              '',
+              '',
+              '',
+              '',
+              'ae',
+              '',
+              '',
+              '',
+              'dotlessi',
+              '',
+              '',
+              'lslash',
+              'oslash',
+              'oe',
+              'germandbls'
+            ];
+            var cffExpertEncoding = [
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              'space',
+              'exclamsmall',
+              'Hungarumlautsmall',
+              '',
+              'dollaroldstyle',
+              'dollarsuperior',
+              'ampersandsmall',
+              'Acutesmall',
+              'parenleftsuperior',
+              'parenrightsuperior',
+              'twodotenleader',
+              'onedotenleader',
+              'comma',
+              'hyphen',
+              'period',
+              'fraction',
+              'zerooldstyle',
+              'oneoldstyle',
+              'twooldstyle',
+              'threeoldstyle',
+              'fouroldstyle',
+              'fiveoldstyle',
+              'sixoldstyle',
+              'sevenoldstyle',
+              'eightoldstyle',
+              'nineoldstyle',
+              'colon',
+              'semicolon',
+              'commasuperior',
+              'threequartersemdash',
+              'periodsuperior',
+              'questionsmall',
+              '',
+              'asuperior',
+              'bsuperior',
+              'centsuperior',
+              'dsuperior',
+              'esuperior',
+              '',
+              '',
+              'isuperior',
+              '',
+              '',
+              'lsuperior',
+              'msuperior',
+              'nsuperior',
+              'osuperior',
+              '',
+              '',
+              'rsuperior',
+              'ssuperior',
+              'tsuperior',
+              '',
+              'ff',
+              'fi',
+              'fl',
+              'ffi',
+              'ffl',
+              'parenleftinferior',
+              '',
+              'parenrightinferior',
+              'Circumflexsmall',
+              'hyphensuperior',
+              'Gravesmall',
+              'Asmall',
+              'Bsmall',
+              'Csmall',
+              'Dsmall',
+              'Esmall',
+              'Fsmall',
+              'Gsmall',
+              'Hsmall',
+              'Ismall',
+              'Jsmall',
+              'Ksmall',
+              'Lsmall',
+              'Msmall',
+              'Nsmall',
+              'Osmall',
+              'Psmall',
+              'Qsmall',
+              'Rsmall',
+              'Ssmall',
+              'Tsmall',
+              'Usmall',
+              'Vsmall',
+              'Wsmall',
+              'Xsmall',
+              'Ysmall',
+              'Zsmall',
+              'colonmonetary',
+              'onefitted',
+              'rupiah',
+              'Tildesmall',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              '',
+              'exclamdownsmall',
+              'centoldstyle',
+              'Lslashsmall',
+              '',
+              '',
+              'Scaronsmall',
+              'Zcaronsmall',
+              'Dieresissmall',
+              'Brevesmall',
+              'Caronsmall',
+              '',
+              'Dotaccentsmall',
+              '',
+              '',
+              'Macronsmall',
+              '',
+              '',
+              'figuredash',
+              'hypheninferior',
+              '',
+              '',
+              'Ogoneksmall',
+              'Ringsmall',
+              'Cedillasmall',
+              '',
+              '',
+              '',
+              'onequarter',
+              'onehalf',
+              'threequarters',
+              'questiondownsmall',
+              'oneeighth',
+              'threeeighths',
+              'fiveeighths',
+              'seveneighths',
+              'onethird',
+              'twothirds',
+              '',
+              '',
+              'zerosuperior',
+              'onesuperior',
+              'twosuperior',
+              'threesuperior',
+              'foursuperior',
+              'fivesuperior',
+              'sixsuperior',
+              'sevensuperior',
+              'eightsuperior',
+              'ninesuperior',
+              'zeroinferior',
+              'oneinferior',
+              'twoinferior',
+              'threeinferior',
+              'fourinferior',
+              'fiveinferior',
+              'sixinferior',
+              'seveninferior',
+              'eightinferior',
+              'nineinferior',
+              'centinferior',
+              'dollarinferior',
+              'periodinferior',
+              'commainferior',
+              'Agravesmall',
+              'Aacutesmall',
+              'Acircumflexsmall',
+              'Atildesmall',
+              'Adieresissmall',
+              'Aringsmall',
+              'AEsmall',
+              'Ccedillasmall',
+              'Egravesmall',
+              'Eacutesmall',
+              'Ecircumflexsmall',
+              'Edieresissmall',
+              'Igravesmall',
+              'Iacutesmall',
+              'Icircumflexsmall',
+              'Idieresissmall',
+              'Ethsmall',
+              'Ntildesmall',
+              'Ogravesmall',
+              'Oacutesmall',
+              'Ocircumflexsmall',
+              'Otildesmall',
+              'Odieresissmall',
+              'OEsmall',
+              'Oslashsmall',
+              'Ugravesmall',
+              'Uacutesmall',
+              'Ucircumflexsmall',
+              'Udieresissmall',
+              'Yacutesmall',
+              'Thornsmall',
+              'Ydieresissmall'
+            ];
+            var standardNames = [
+              '.notdef',
+              '.null',
+              'nonmarkingreturn',
+              'space',
+              'exclam',
+              'quotedbl',
+              'numbersign',
+              'dollar',
+              'percent',
+              'ampersand',
+              'quotesingle',
+              'parenleft',
+              'parenright',
+              'asterisk',
+              'plus',
+              'comma',
+              'hyphen',
+              'period',
+              'slash',
+              'zero',
+              'one',
+              'two',
+              'three',
+              'four',
+              'five',
+              'six',
+              'seven',
+              'eight',
+              'nine',
+              'colon',
+              'semicolon',
+              'less',
+              'equal',
+              'greater',
+              'question',
+              'at',
+              'A',
+              'B',
+              'C',
+              'D',
+              'E',
+              'F',
+              'G',
+              'H',
+              'I',
+              'J',
+              'K',
+              'L',
+              'M',
+              'N',
+              'O',
+              'P',
+              'Q',
+              'R',
+              'S',
+              'T',
+              'U',
+              'V',
+              'W',
+              'X',
+              'Y',
+              'Z',
+              'bracketleft',
+              'backslash',
+              'bracketright',
+              'asciicircum',
+              'underscore',
+              'grave',
+              'a',
+              'b',
+              'c',
+              'd',
+              'e',
+              'f',
+              'g',
+              'h',
+              'i',
+              'j',
+              'k',
+              'l',
+              'm',
+              'n',
+              'o',
+              'p',
+              'q',
+              'r',
+              's',
+              't',
+              'u',
+              'v',
+              'w',
+              'x',
+              'y',
+              'z',
+              'braceleft',
+              'bar',
+              'braceright',
+              'asciitilde',
+              'Adieresis',
+              'Aring',
+              'Ccedilla',
+              'Eacute',
+              'Ntilde',
+              'Odieresis',
+              'Udieresis',
+              'aacute',
+              'agrave',
+              'acircumflex',
+              'adieresis',
+              'atilde',
+              'aring',
+              'ccedilla',
+              'eacute',
+              'egrave',
+              'ecircumflex',
+              'edieresis',
+              'iacute',
+              'igrave',
+              'icircumflex',
+              'idieresis',
+              'ntilde',
+              'oacute',
+              'ograve',
+              'ocircumflex',
+              'odieresis',
+              'otilde',
+              'uacute',
+              'ugrave',
+              'ucircumflex',
+              'udieresis',
+              'dagger',
+              'degree',
+              'cent',
+              'sterling',
+              'section',
+              'bullet',
+              'paragraph',
+              'germandbls',
+              'registered',
+              'copyright',
+              'trademark',
+              'acute',
+              'dieresis',
+              'notequal',
+              'AE',
+              'Oslash',
+              'infinity',
+              'plusminus',
+              'lessequal',
+              'greaterequal',
+              'yen',
+              'mu',
+              'partialdiff',
+              'summation',
+              'product',
+              'pi',
+              'integral',
+              'ordfeminine',
+              'ordmasculine',
+              'Omega',
+              'ae',
+              'oslash',
+              'questiondown',
+              'exclamdown',
+              'logicalnot',
+              'radical',
+              'florin',
+              'approxequal',
+              'Delta',
+              'guillemotleft',
+              'guillemotright',
+              'ellipsis',
+              'nonbreakingspace',
+              'Agrave',
+              'Atilde',
+              'Otilde',
+              'OE',
+              'oe',
+              'endash',
+              'emdash',
+              'quotedblleft',
+              'quotedblright',
+              'quoteleft',
+              'quoteright',
+              'divide',
+              'lozenge',
+              'ydieresis',
+              'Ydieresis',
+              'fraction',
+              'currency',
+              'guilsinglleft',
+              'guilsinglright',
+              'fi',
+              'fl',
+              'daggerdbl',
+              'periodcentered',
+              'quotesinglbase',
+              'quotedblbase',
+              'perthousand',
+              'Acircumflex',
+              'Ecircumflex',
+              'Aacute',
+              'Edieresis',
+              'Egrave',
+              'Iacute',
+              'Icircumflex',
+              'Idieresis',
+              'Igrave',
+              'Oacute',
+              'Ocircumflex',
+              'apple',
+              'Ograve',
+              'Uacute',
+              'Ucircumflex',
+              'Ugrave',
+              'dotlessi',
+              'circumflex',
+              'tilde',
+              'macron',
+              'breve',
+              'dotaccent',
+              'ring',
+              'cedilla',
+              'hungarumlaut',
+              'ogonek',
+              'caron',
+              'Lslash',
+              'lslash',
+              'Scaron',
+              'scaron',
+              'Zcaron',
+              'zcaron',
+              'brokenbar',
+              'Eth',
+              'eth',
+              'Yacute',
+              'yacute',
+              'Thorn',
+              'thorn',
+              'minus',
+              'multiply',
+              'onesuperior',
+              'twosuperior',
+              'threesuperior',
+              'onehalf',
+              'onequarter',
+              'threequarters',
+              'franc',
+              'Gbreve',
+              'gbreve',
+              'Idotaccent',
+              'Scedilla',
+              'scedilla',
+              'Cacute',
+              'cacute',
+              'Ccaron',
+              'ccaron',
+              'dcroat'
+            ];
+            /**
+   * This is the encoding used for fonts created from scratch.
+   * It loops through all glyphs and finds the appropriate unicode value.
+   * Since it's linear time, other encodings will be faster.
+   * @exports opentype.DefaultEncoding
+   * @class
+   * @constructor
+   * @param {opentype.Font}
+   */
+            function DefaultEncoding(font) {
+              this.font = font;
+            }
+            DefaultEncoding.prototype.charToGlyphIndex = function (c) {
+              var code = c.codePointAt(0);
+              var glyphs = this.font.glyphs;
+              if (glyphs) {
+                for (var i = 0; i < glyphs.length; i += 1) {
+                  var glyph = glyphs.get(i);
+                  for (var j = 0; j < glyph.unicodes.length; j += 1) {
+                    if (glyph.unicodes[j] === code) {
+                      return i;
+                    }
+                  }
+                }
+              }
+              return null;
+            };
+            /**
+   * @exports opentype.CmapEncoding
+   * @class
+   * @constructor
+   * @param {Object} cmap - a object with the cmap encoded data
+   */
+            function CmapEncoding(cmap) {
+              this.cmap = cmap;
+            }            /**
+   * @param  {string} c - the character
+   * @return {number} The glyph index.
+   */
+
+            CmapEncoding.prototype.charToGlyphIndex = function (c) {
+              return this.cmap.glyphIndexMap[c.codePointAt(0)] || 0;
+            };
+            /**
+   * @exports opentype.CffEncoding
+   * @class
+   * @constructor
+   * @param {string} encoding - The encoding
+   * @param {Array} charset - The character set.
+   */
+            function CffEncoding(encoding, charset) {
+              this.encoding = encoding;
+              this.charset = charset;
+            }            /**
+   * @param  {string} s - The character
+   * @return {number} The index.
+   */
+
+            CffEncoding.prototype.charToGlyphIndex = function (s) {
+              var code = s.codePointAt(0);
+              var charName = this.encoding[code];
+              return this.charset.indexOf(charName);
+            };
+            /**
+   * @exports opentype.GlyphNames
+   * @class
+   * @constructor
+   * @param {Object} post
+   */
+            function GlyphNames(post) {
+              var this$1 = this;
+              switch (post.version) {
+                case 1:
+                  this.names = standardNames.slice();
+                  break;
+                case 2:
+                  this.names = new Array(post.numberOfGlyphs);
+                  for (var i = 0; i < post.numberOfGlyphs; i++) {
+                    if (post.glyphNameIndex[i] < standardNames.length) {
+                      this$1.names[i] = standardNames[post.glyphNameIndex[i]];
+                    } else {
+                      this$1.names[i] = post.names[post.glyphNameIndex[i] - standardNames.length];
+                    }
+                  }
+                  break;
+                case 2.5:
+                  this.names = new Array(post.numberOfGlyphs);
+                  for (var i$1 = 0; i$1 < post.numberOfGlyphs; i$1++) {
+                    this$1.names[i$1] = standardNames[i$1 + post.glyphNameIndex[i$1]];
+                  }
+                  break;
+                case 3:
+                  this.names = [
+                  ];
+                  break;
+                default:
+                  this.names = [
+                  ];
+                  break;
+              }
+            }            /**
+   * Gets the index of a glyph by name.
+   * @param  {string} name - The glyph name
+   * @return {number} The index
+   */
+
+            GlyphNames.prototype.nameToGlyphIndex = function (name) {
+              return this.names.indexOf(name);
+            };
+            /**
+   * @param  {number} gid
+   * @return {string}
+   */
+            GlyphNames.prototype.glyphIndexToName = function (gid) {
+              return this.names[gid];
+            };
+            /**
+   * @alias opentype.addGlyphNames
+   * @param {opentype.Font}
+   */
+            function addGlyphNames(font) {
+              var glyph;
+              var glyphIndexMap = font.tables.cmap.glyphIndexMap;
+              var charCodes = Object.keys(glyphIndexMap);
+              for (var i = 0; i < charCodes.length; i += 1) {
+                var c = charCodes[i];
+                var glyphIndex = glyphIndexMap[c];
+                glyph = font.glyphs.get(glyphIndex);
+                glyph.addUnicode(parseInt(c));
+              }
+              for (var i$1 = 0; i$1 < font.glyphs.length; i$1 += 1) {
+                glyph = font.glyphs.get(i$1);
+                if (font.cffEncoding) {
+                  if (font.isCIDFont) {
+                    glyph.name = 'gid' + i$1;
+                  } else {
+                    glyph.name = font.cffEncoding.charset[i$1];
+                  }
+                } else if (font.glyphNames.names) {
+                  glyph.name = font.glyphNames.glyphIndexToName(i$1);
+                }
+              }
+            }            // Drawing utility functions.
+            // Draw a line on the given context from point `x1,y1` to point `x2,y2`.
+
+            function line(ctx, x1, y1, x2, y2) {
+              ctx.beginPath();
+              ctx.moveTo(x1, y1);
+              ctx.lineTo(x2, y2);
+              ctx.stroke();
+            }
+            var draw = {
+              line: line
+            };
+            // The Glyph object
+            // import glyf from './tables/glyf' Can't be imported here, because it's a circular dependency
+            function getPathDefinition(glyph, path) {
+              var _path = path || new Path();
+              return {
+                configurable: true,
+                get: function () {
+                  if (typeof _path === 'function') {
+                    _path = _path();
+                  }
+                  return _path;
+                },
+                set: function (p) {
+                  _path = p;
+                }
+              };
+            }            /**
+   * @typedef GlyphOptions
+   * @type Object
+   * @property {string} [name] - The glyph name
+   * @property {number} [unicode]
+   * @property {Array} [unicodes]
+   * @property {number} [xMin]
+   * @property {number} [yMin]
+   * @property {number} [xMax]
+   * @property {number} [yMax]
+   * @property {number} [advanceWidth]
+   */
+            // A Glyph is an individual mark that often corresponds to a character.
+            // Some glyphs, such as ligatures, are a combination of many characters.
+            // Glyphs are the basic building blocks of a font.
+            //
+            // The `Glyph` class contains utility methods for drawing the path and its points.
+            /**
+   * @exports opentype.Glyph
+   * @class
+   * @param {GlyphOptions}
+   * @constructor
+   */
+
+            function Glyph(options) {
+              // By putting all the code on a prototype function (which is only declared once)
+              // we reduce the memory requirements for larger fonts by some 2%
+              this.bindConstructorValues(options);
+            }            /**
+   * @param  {GlyphOptions}
+   */
+
+            Glyph.prototype.bindConstructorValues = function (options) {
+              this.index = options.index || 0;
+              // These three values cannot be deferred for memory optimization:
+              this.name = options.name || null;
+              this.unicode = options.unicode || undefined;
+              this.unicodes = options.unicodes || options.unicode !== undefined ? [
+                options.unicode
+              ] : [
+              ];
+              // But by binding these values only when necessary, we reduce can
+              // the memory requirements by almost 3% for larger fonts.
+              if (options.xMin) {
+                this.xMin = options.xMin;
+              }
+              if (options.yMin) {
+                this.yMin = options.yMin;
+              }
+              if (options.xMax) {
+                this.xMax = options.xMax;
+              }
+              if (options.yMax) {
+                this.yMax = options.yMax;
+              }
+              if (options.advanceWidth) {
+                this.advanceWidth = options.advanceWidth;
+              }              // The path for a glyph is the most memory intensive, and is bound as a value
+              // with a getter/setter to ensure we actually do path parsing only once the
+              // path is actually needed by anything.
+
+              Object.defineProperty(this, 'path', getPathDefinition(this, options.path));
+            };
+            /**
+   * @param {number}
+   */
+            Glyph.prototype.addUnicode = function (unicode) {
+              if (this.unicodes.length === 0) {
+                this.unicode = unicode;
+              }
+              this.unicodes.push(unicode);
+            };
+            /**
+   * Calculate the minimum bounding box for this glyph.
+   * @return {opentype.BoundingBox}
+   */
+            Glyph.prototype.getBoundingBox = function () {
+              return this.path.getBoundingBox();
+            };
+            /**
+   * Convert the glyph to a Path we can draw on a drawing context.
+   * @param  {number} [x=0] - Horizontal position of the beginning of the text.
+   * @param  {number} [y=0] - Vertical position of the *baseline* of the text.
+   * @param  {number} [fontSize=72] - Font size in pixels. We scale the glyph units by `1 / unitsPerEm * fontSize`.
+   * @param  {Object=} options - xScale, yScale to stretch the glyph.
+   * @param  {opentype.Font} if hinting is to be used, the font
+   * @return {opentype.Path}
+   */
+            Glyph.prototype.getPath = function (x, y, fontSize, options, font) {
+              x = x !== undefined ? x : 0;
+              y = y !== undefined ? y : 0;
+              fontSize = fontSize !== undefined ? fontSize : 72;
+              var commands;
+              var hPoints;
+              if (!options) {
+                options = {
+                };
+              }
+              var xScale = options.xScale;
+              var yScale = options.yScale;
+              if (options.hinting && font && font.hinting) {
+                // in case of hinting, the hinting engine takes care
+                // of scaling the points (not the path) before hinting.
+                hPoints = this.path && font.hinting.exec(this, fontSize);
+                // in case the hinting engine failed hPoints is undefined
+                // and thus reverts to plain rending
+              }
+              if (hPoints) {
+                // Call font.hinting.getCommands instead of `glyf.getPath(hPoints).commands` to avoid a circular dependency
+                commands = font.hinting.getCommands(hPoints);
+                x = Math.round(x);
+                y = Math.round(y);
+                // TODO in case of hinting xyScaling is not yet supported
+                xScale = yScale = 1;
+              } else {
+                commands = this.path.commands;
+                var scale = 1 / this.path.unitsPerEm * fontSize;
+                if (xScale === undefined) {
+                  xScale = scale;
+                }
+                if (yScale === undefined) {
+                  yScale = scale;
+                }
+              }
+              var p = new Path();
+              for (var i = 0; i < commands.length; i += 1) {
+                var cmd = commands[i];
+                if (cmd.type === 'M') {
+                  p.moveTo(x + cmd.x * xScale, y + - cmd.y * yScale);
+                } else if (cmd.type === 'L') {
+                  p.lineTo(x + cmd.x * xScale, y + - cmd.y * yScale);
+                } else if (cmd.type === 'Q') {
+                  p.quadraticCurveTo(x + cmd.x1 * xScale, y + - cmd.y1 * yScale, x + cmd.x * xScale, y + - cmd.y * yScale);
+                } else if (cmd.type === 'C') {
+                  p.curveTo(x + cmd.x1 * xScale, y + - cmd.y1 * yScale, x + cmd.x2 * xScale, y + - cmd.y2 * yScale, x + cmd.x * xScale, y + - cmd.y * yScale);
+                } else if (cmd.type === 'Z') {
+                  p.closePath();
+                }
+              }
+              return p;
+            };
+            /**
+   * Split the glyph into contours.
+   * This function is here for backwards compatibility, and to
+   * provide raw access to the TrueType glyph outlines.
+   * @return {Array}
+   */
+            Glyph.prototype.getContours = function () {
+              var this$1 = this;
+              if (this.points === undefined) {
+                return [];
+              }
+              var contours = [
+              ];
+              var currentContour = [
+              ];
+              for (var i = 0; i < this.points.length; i += 1) {
+                var pt = this$1.points[i];
+                currentContour.push(pt);
+                if (pt.lastPointOfContour) {
+                  contours.push(currentContour);
+                  currentContour = [
+                  ];
+                }
+              }
+              check.argument(currentContour.length === 0, 'There are still points left in the current contour.');
+              return contours;
+            };
+            /**
+   * Calculate the xMin/yMin/xMax/yMax/lsb/rsb for a Glyph.
+   * @return {Object}
+   */
+            Glyph.prototype.getMetrics = function () {
+              var commands = this.path.commands;
+              var xCoords = [
+              ];
+              var yCoords = [
+              ];
+              for (var i = 0; i < commands.length; i += 1) {
+                var cmd = commands[i];
+                if (cmd.type !== 'Z') {
+                  xCoords.push(cmd.x);
+                  yCoords.push(cmd.y);
+                }
+                if (cmd.type === 'Q' || cmd.type === 'C') {
+                  xCoords.push(cmd.x1);
+                  yCoords.push(cmd.y1);
+                }
+                if (cmd.type === 'C') {
+                  xCoords.push(cmd.x2);
+                  yCoords.push(cmd.y2);
+                }
+              }
+              var metrics = {
+                xMin: Math.min.apply(null, xCoords),
+                yMin: Math.min.apply(null, yCoords),
+                xMax: Math.max.apply(null, xCoords),
+                yMax: Math.max.apply(null, yCoords),
+                leftSideBearing: this.leftSideBearing
+              };
+              if (!isFinite(metrics.xMin)) {
+                metrics.xMin = 0;
+              }
+              if (!isFinite(metrics.xMax)) {
+                metrics.xMax = this.advanceWidth;
+              }
+              if (!isFinite(metrics.yMin)) {
+                metrics.yMin = 0;
+              }
+              if (!isFinite(metrics.yMax)) {
+                metrics.yMax = 0;
+              }
+              metrics.rightSideBearing = this.advanceWidth - metrics.leftSideBearing - (metrics.xMax - metrics.xMin);
+              return metrics;
+            };
+            /**
+   * Draw the glyph on the given context.
+   * @param  {CanvasRenderingContext2D} ctx - A 2D drawing context, like Canvas.
+   * @param  {number} [x=0] - Horizontal position of the beginning of the text.
+   * @param  {number} [y=0] - Vertical position of the *baseline* of the text.
+   * @param  {number} [fontSize=72] - Font size in pixels. We scale the glyph units by `1 / unitsPerEm * fontSize`.
+   * @param  {Object=} options - xScale, yScale to stretch the glyph.
+   */
+            Glyph.prototype.draw = function (ctx, x, y, fontSize, options) {
+              this.getPath(x, y, fontSize, options).draw(ctx);
+            };
+            /**
+   * Draw the points of the glyph.
+   * On-curve points will be drawn in blue, off-curve points will be drawn in red.
+   * @param  {CanvasRenderingContext2D} ctx - A 2D drawing context, like Canvas.
+   * @param  {number} [x=0] - Horizontal position of the beginning of the text.
+   * @param  {number} [y=0] - Vertical position of the *baseline* of the text.
+   * @param  {number} [fontSize=72] - Font size in pixels. We scale the glyph units by `1 / unitsPerEm * fontSize`.
+   */
+            Glyph.prototype.drawPoints = function (ctx, x, y, fontSize) {
+              function drawCircles(l, x, y, scale) {
+                var PI_SQ = Math.PI * 2;
+                ctx.beginPath();
+                for (var j = 0; j < l.length; j += 1) {
+                  ctx.moveTo(x + l[j].x * scale, y + l[j].y * scale);
+                  ctx.arc(x + l[j].x * scale, y + l[j].y * scale, 2, 0, PI_SQ, false);
+                }
+                ctx.closePath();
+                ctx.fill();
+              }
+              x = x !== undefined ? x : 0;
+              y = y !== undefined ? y : 0;
+              fontSize = fontSize !== undefined ? fontSize : 24;
+              var scale = 1 / this.path.unitsPerEm * fontSize;
+              var blueCircles = [
+              ];
+              var redCircles = [
+              ];
+              var path = this.path;
+              for (var i = 0; i < path.commands.length; i += 1) {
+                var cmd = path.commands[i];
+                if (cmd.x !== undefined) {
+                  blueCircles.push({
+                    x: cmd.x,
+                    y: - cmd.y
+                  });
+                }
+                if (cmd.x1 !== undefined) {
+                  redCircles.push({
+                    x: cmd.x1,
+                    y: - cmd.y1
+                  });
+                }
+                if (cmd.x2 !== undefined) {
+                  redCircles.push({
+                    x: cmd.x2,
+                    y: - cmd.y2
+                  });
+                }
+              }
+              ctx.fillStyle = 'blue';
+              drawCircles(blueCircles, x, y, scale);
+              ctx.fillStyle = 'red';
+              drawCircles(redCircles, x, y, scale);
+            };
+            /**
+   * Draw lines indicating important font measurements.
+   * Black lines indicate the origin of the coordinate system (point 0,0).
+   * Blue lines indicate the glyph bounding box.
+   * Green line indicates the advance width of the glyph.
+   * @param  {CanvasRenderingContext2D} ctx - A 2D drawing context, like Canvas.
+   * @param  {number} [x=0] - Horizontal position of the beginning of the text.
+   * @param  {number} [y=0] - Vertical position of the *baseline* of the text.
+   * @param  {number} [fontSize=72] - Font size in pixels. We scale the glyph units by `1 / unitsPerEm * fontSize`.
+   */
+            Glyph.prototype.drawMetrics = function (ctx, x, y, fontSize) {
+              var scale;
+              x = x !== undefined ? x : 0;
+              y = y !== undefined ? y : 0;
+              fontSize = fontSize !== undefined ? fontSize : 24;
+              scale = 1 / this.path.unitsPerEm * fontSize;
+              ctx.lineWidth = 1;
+              // Draw the origin
+              ctx.strokeStyle = 'black';
+              draw.line(ctx, x, - 10000, x, 10000);
+              draw.line(ctx, - 10000, y, 10000, y);
+              // This code is here due to memory optimization: by not using
+              // defaults in the constructor, we save a notable amount of memory.
+              var xMin = this.xMin || 0;
+              var yMin = this.yMin || 0;
+              var xMax = this.xMax || 0;
+              var yMax = this.yMax || 0;
+              var advanceWidth = this.advanceWidth || 0;
+              // Draw the glyph box
+              ctx.strokeStyle = 'blue';
+              draw.line(ctx, x + xMin * scale, - 10000, x + xMin * scale, 10000);
+              draw.line(ctx, x + xMax * scale, - 10000, x + xMax * scale, 10000);
+              draw.line(ctx, - 10000, y + - yMin * scale, 10000, y + - yMin * scale);
+              draw.line(ctx, - 10000, y + - yMax * scale, 10000, y + - yMax * scale);
+              // Draw the advance width
+              ctx.strokeStyle = 'green';
+              draw.line(ctx, x + advanceWidth * scale, - 10000, x + advanceWidth * scale, 10000);
+            };
+            // The GlyphSet object
+            // Define a property on the glyph that depends on the path being loaded.
+            function defineDependentProperty(glyph, externalName, internalName) {
+              Object.defineProperty(glyph, externalName, {
+                get: function () {
+                  // Request the path property to make sure the path is loaded.
+                  glyph.path; // jshint ignore:line
+                  return glyph[internalName];
+                },
+                set: function (newValue) {
+                  glyph[internalName] = newValue;
+                },
+                enumerable: true,
+                configurable: true
+              });
+            }            /**
+   * A GlyphSet represents all glyphs available in the font, but modelled using
+   * a deferred glyph loader, for retrieving glyphs only once they are absolutely
+   * necessary, to keep the memory footprint down.
+   * @exports opentype.GlyphSet
+   * @class
+   * @param {opentype.Font}
+   * @param {Array}
+   */
+
+            function GlyphSet(font, glyphs) {
+              var this$1 = this;
+              this.font = font;
+              this.glyphs = {
+              };
+              if (Array.isArray(glyphs)) {
+                for (var i = 0; i < glyphs.length; i++) {
+                  this$1.glyphs[i] = glyphs[i];
+                }
+              }
+              this.length = glyphs && glyphs.length || 0;
+            }            /**
+   * @param  {number} index
+   * @return {opentype.Glyph}
+   */
+
+            GlyphSet.prototype.get = function (index) {
+              if (typeof this.glyphs[index] === 'function') {
+                this.glyphs[index] = this.glyphs[index]();
+              }
+              return this.glyphs[index];
+            };
+            /**
+   * @param  {number} index
+   * @param  {Object}
+   */
+            GlyphSet.prototype.push = function (index, loader) {
+              this.glyphs[index] = loader;
+              this.length++;
+            };
+            /**
+   * @alias opentype.glyphLoader
+   * @param  {opentype.Font} font
+   * @param  {number} index
+   * @return {opentype.Glyph}
+   */
+            function glyphLoader(font, index) {
+              return new Glyph({
+                index: index,
+                font: font
+              });
+            }            /**
+   * Generate a stub glyph that can be filled with all metadata *except*
+   * the "points" and "path" properties, which must be loaded only once
+   * the glyph's path is actually requested for text shaping.
+   * @alias opentype.ttfGlyphLoader
+   * @param  {opentype.Font} font
+   * @param  {number} index
+   * @param  {Function} parseGlyph
+   * @param  {Object} data
+   * @param  {number} position
+   * @param  {Function} buildPath
+   * @return {opentype.Glyph}
+   */
+
+            function ttfGlyphLoader(font, index, parseGlyph, data, position, buildPath) {
+              return function () {
+                var glyph = new Glyph({
+                  index: index,
+                  font: font
+                });
+                glyph.path = function () {
+                  parseGlyph(glyph, data, position);
+                  var path = buildPath(font.glyphs, glyph);
+                  path.unitsPerEm = font.unitsPerEm;
+                  return path;
+                };
+                defineDependentProperty(glyph, 'xMin', '_xMin');
+                defineDependentProperty(glyph, 'xMax', '_xMax');
+                defineDependentProperty(glyph, 'yMin', '_yMin');
+                defineDependentProperty(glyph, 'yMax', '_yMax');
+                return glyph;
+              };
+            }            /**
+   * @alias opentype.cffGlyphLoader
+   * @param  {opentype.Font} font
+   * @param  {number} index
+   * @param  {Function} parseCFFCharstring
+   * @param  {string} charstring
+   * @return {opentype.Glyph}
+   */
+
+            function cffGlyphLoader(font, index, parseCFFCharstring, charstring) {
+              return function () {
+                var glyph = new Glyph({
+                  index: index,
+                  font: font
+                });
+                glyph.path = function () {
+                  var path = parseCFFCharstring(font, glyph, charstring);
+                  path.unitsPerEm = font.unitsPerEm;
+                  return path;
+                };
+                return glyph;
+              };
+            }
+            var glyphset = {
+              GlyphSet: GlyphSet,
+              glyphLoader: glyphLoader,
+              ttfGlyphLoader: ttfGlyphLoader,
+              cffGlyphLoader: cffGlyphLoader
+            };
+            // The `CFF` table contains the glyph outlines in PostScript format.
+            // Custom equals function that can also check lists.
+            function equals(a, b) {
+              if (a === b) {
+                return true;
+              } else if (Array.isArray(a) && Array.isArray(b)) {
+                if (a.length !== b.length) {
+                  return false;
+                }
+                for (var i = 0; i < a.length; i += 1) {
+                  if (!equals(a[i], b[i])) {
+                    return false;
+                  }
+                }
+                return true;
+              } else {
+                return false;
+              }
+            }            // Subroutines are encoded using the negative half of the number space.
+            // See type 2 chapter 4.7 "Subroutine operators".
+
+            function calcCFFSubroutineBias(subrs) {
+              var bias;
+              if (subrs.length < 1240) {
+                bias = 107;
+              } else if (subrs.length < 33900) {
+                bias = 1131;
+              } else {
+                bias = 32768;
+              }
+              return bias;
+            }            // Parse a `CFF` INDEX array.
+            // An index array consists of a list of offsets, then a list of objects at those offsets.
+
+            function parseCFFIndex(data, start, conversionFn) {
+              var offsets = [
+              ];
+              var objects = [
+              ];
+              var count = parse.getCard16(data, start);
+              var objectOffset;
+              var endOffset;
+              if (count !== 0) {
+                var offsetSize = parse.getByte(data, start + 2);
+                objectOffset = start + (count + 1) * offsetSize + 2;
+                var pos = start + 3;
+                for (var i = 0; i < count + 1; i += 1) {
+                  offsets.push(parse.getOffset(data, pos, offsetSize));
+                  pos += offsetSize;
+                }                // The total size of the index array is 4 header bytes + the value of the last offset.
+
+                endOffset = objectOffset + offsets[count];
+              } else {
+                endOffset = start + 2;
+              }
+              for (var i$1 = 0; i$1 < offsets.length - 1; i$1 += 1) {
+                var value = parse.getBytes(data, objectOffset + offsets[i$1], objectOffset + offsets[i$1 + 1]);
+                if (conversionFn) {
+                  value = conversionFn(value);
+                }
+                objects.push(value);
+              }
+              return {
+                objects: objects,
+                startOffset: start,
+                endOffset: endOffset
+              };
+            }            // Parse a `CFF` DICT real value.
+
+            function parseFloatOperand(parser) {
+              var s = '';
+              var eof = 15;
+              var lookup = [
+                '0',
+                '1',
+                '2',
+                '3',
+                '4',
+                '5',
+                '6',
+                '7',
+                '8',
+                '9',
+                '.',
+                'E',
+                'E-',
+                null,
+                '-'
+              ];
+              while (true) {
+                var b = parser.parseByte();
+                var n1 = b >> 4;
+                var n2 = b & 15;
+                if (n1 === eof) {
+                  break;
+                }
+                s += lookup[n1];
+                if (n2 === eof) {
+                  break;
+                }
+                s += lookup[n2];
+              }
+              return parseFloat(s);
+            }            // Parse a `CFF` DICT operand.
+
+            function parseOperand(parser, b0) {
+              var b1;
+              var b2;
+              var b3;
+              var b4;
+              if (b0 === 28) {
+                b1 = parser.parseByte();
+                b2 = parser.parseByte();
+                return b1 << 8 | b2;
+              }
+              if (b0 === 29) {
+                b1 = parser.parseByte();
+                b2 = parser.parseByte();
+                b3 = parser.parseByte();
+                b4 = parser.parseByte();
+                return b1 << 24 | b2 << 16 | b3 << 8 | b4;
+              }
+              if (b0 === 30) {
+                return parseFloatOperand(parser);
+              }
+              if (b0 >= 32 && b0 <= 246) {
+                return b0 - 139;
+              }
+              if (b0 >= 247 && b0 <= 250) {
+                b1 = parser.parseByte();
+                return (b0 - 247) * 256 + b1 + 108;
+              }
+              if (b0 >= 251 && b0 <= 254) {
+                b1 = parser.parseByte();
+                return - (b0 - 251) * 256 - b1 - 108;
+              }
+              throw new Error('Invalid b0 ' + b0);
+            }            // Convert the entries returned by `parseDict` to a proper dictionary.
+            // If a value is a list of one, it is unpacked.
+
+            function entriesToObject(entries) {
+              var o = {
+              };
+              for (var i = 0; i < entries.length; i += 1) {
+                var key = entries[i][0];
+                var values = entries[i][1];
+                var value = void 0;
+                if (values.length === 1) {
+                  value = values[0];
+                } else {
+                  value = values;
+                }
+                if (o.hasOwnProperty(key) && !isNaN(o[key])) {
+                  throw new Error('Object ' + o + ' already has key ' + key);
+                }
+                o[key] = value;
+              }
+              return o;
+            }            // Parse a `CFF` DICT object.
+            // A dictionary contains key-value pairs in a compact tokenized format.
+
+            function parseCFFDict(data, start, size) {
+              start = start !== undefined ? start : 0;
+              var parser = new parse.Parser(data, start);
+              var entries = [
+              ];
+              var operands = [
+              ];
+              size = size !== undefined ? size : data.length;
+              while (parser.relativeOffset < size) {
+                var op = parser.parseByte();
+                // The first byte for each dict item distinguishes between operator (key) and operand (value).
+                // Values <= 21 are operators.
+                if (op <= 21) {
+                  // Two-byte operators have an initial escape byte of 12.
+                  if (op === 12) {
+                    op = 1200 + parser.parseByte();
+                  }
+                  entries.push([op,
+                  operands]);
+                  operands = [
+                  ];
+                } else {
+                  // Since the operands (values) come before the operators (keys), we store all operands in a list
+                  // until we encounter an operator.
+                  operands.push(parseOperand(parser, op));
+                }
+              }
+              return entriesToObject(entries);
+            }            // Given a String Index (SID), return the value of the string.
+            // Strings below index 392 are standard CFF strings and are not encoded in the font.
+
+            function getCFFString(strings, index) {
+              if (index <= 390) {
+                index = cffStandardStrings[index];
+              } else {
+                index = strings[index - 391];
+              }
+              return index;
+            }            // Interpret a dictionary and return a new dictionary with readable keys and values for missing entries.
+            // This function takes `meta` which is a list of objects containing `operand`, `name` and `default`.
+
+            function interpretDict(dict, meta, strings) {
+              var newDict = {
+              };
+              var value;
+              // Because we also want to include missing values, we start out from the meta list
+              // and lookup values in the dict.
+              for (var i = 0; i < meta.length; i += 1) {
+                var m = meta[i];
+                if (Array.isArray(m.type)) {
+                  var values = [
+                  ];
+                  values.length = m.type.length;
+                  for (var j = 0; j < m.type.length; j++) {
+                    value = dict[m.op] !== undefined ? dict[m.op][j] : undefined;
+                    if (value === undefined) {
+                      value = m.value !== undefined && m.value[j] !== undefined ? m.value[j] : null;
+                    }
+                    if (m.type[j] === 'SID') {
+                      value = getCFFString(strings, value);
+                    }
+                    values[j] = value;
+                  }
+                  newDict[m.name] = values;
+                } else {
+                  value = dict[m.op];
+                  if (value === undefined) {
+                    value = m.value !== undefined ? m.value : null;
+                  }
+                  if (m.type === 'SID') {
+                    value = getCFFString(strings, value);
+                  }
+                  newDict[m.name] = value;
+                }
+              }
+              return newDict;
+            }            // Parse the CFF header.
+
+            function parseCFFHeader(data, start) {
+              var header = {
+              };
+              header.formatMajor = parse.getCard8(data, start);
+              header.formatMinor = parse.getCard8(data, start + 1);
+              header.size = parse.getCard8(data, start + 2);
+              header.offsetSize = parse.getCard8(data, start + 3);
+              header.startOffset = start;
+              header.endOffset = start + 4;
+              return header;
+            }
+            var TOP_DICT_META = [
+              {
+                name: 'version',
+                op: 0,
+                type: 'SID'
+              },
+              {
+                name: 'notice',
+                op: 1,
+                type: 'SID'
+              },
+              {
+                name: 'copyright',
+                op: 1200,
+                type: 'SID'
+              },
+              {
+                name: 'fullName',
+                op: 2,
+                type: 'SID'
+              },
+              {
+                name: 'familyName',
+                op: 3,
+                type: 'SID'
+              },
+              {
+                name: 'weight',
+                op: 4,
+                type: 'SID'
+              },
+              {
+                name: 'isFixedPitch',
+                op: 1201,
+                type: 'number',
+                value: 0
+              },
+              {
+                name: 'italicAngle',
+                op: 1202,
+                type: 'number',
+                value: 0
+              },
+              {
+                name: 'underlinePosition',
+                op: 1203,
+                type: 'number',
+                value: - 100
+              },
+              {
+                name: 'underlineThickness',
+                op: 1204,
+                type: 'number',
+                value: 50
+              },
+              {
+                name: 'paintType',
+                op: 1205,
+                type: 'number',
+                value: 0
+              },
+              {
+                name: 'charstringType',
+                op: 1206,
+                type: 'number',
+                value: 2
+              },
+              {
+                name: 'fontMatrix',
+                op: 1207,
+                type: [
+                  'real',
+                  'real',
+                  'real',
+                  'real',
+                  'real',
+                  'real'
+                ],
+                value: [
+                  0.001,
+                  0,
+                  0,
+                  0.001,
+                  0,
+                  0
+                ]
+              },
+              {
+                name: 'uniqueId',
+                op: 13,
+                type: 'number'
+              },
+              {
+                name: 'fontBBox',
+                op: 5,
+                type: [
+                  'number',
+                  'number',
+                  'number',
+                  'number'
+                ],
+                value: [
+                  0,
+                  0,
+                  0,
+                  0
+                ]
+              },
+              {
+                name: 'strokeWidth',
+                op: 1208,
+                type: 'number',
+                value: 0
+              },
+              {
+                name: 'xuid',
+                op: 14,
+                type: [
+                ],
+                value: null
+              },
+              {
+                name: 'charset',
+                op: 15,
+                type: 'offset',
+                value: 0
+              },
+              {
+                name: 'encoding',
+                op: 16,
+                type: 'offset',
+                value: 0
+              },
+              {
+                name: 'charStrings',
+                op: 17,
+                type: 'offset',
+                value: 0
+              },
+              {
+                name: 'private',
+                op: 18,
+                type: [
+                  'number',
+                  'offset'
+                ],
+                value: [
+                  0,
+                  0
+                ]
+              },
+              {
+                name: 'ros',
+                op: 1230,
+                type: [
+                  'SID',
+                  'SID',
+                  'number'
+                ]
+              },
+              {
+                name: 'cidFontVersion',
+                op: 1231,
+                type: 'number',
+                value: 0
+              },
+              {
+                name: 'cidFontRevision',
+                op: 1232,
+                type: 'number',
+                value: 0
+              },
+              {
+                name: 'cidFontType',
+                op: 1233,
+                type: 'number',
+                value: 0
+              },
+              {
+                name: 'cidCount',
+                op: 1234,
+                type: 'number',
+                value: 8720
+              },
+              {
+                name: 'uidBase',
+                op: 1235,
+                type: 'number'
+              },
+              {
+                name: 'fdArray',
+                op: 1236,
+                type: 'offset'
+              },
+              {
+                name: 'fdSelect',
+                op: 1237,
+                type: 'offset'
+              },
+              {
+                name: 'fontName',
+                op: 1238,
+                type: 'SID'
+              }
+            ];
+            var PRIVATE_DICT_META = [
+              {
+                name: 'subrs',
+                op: 19,
+                type: 'offset',
+                value: 0
+              },
+              {
+                name: 'defaultWidthX',
+                op: 20,
+                type: 'number',
+                value: 0
+              },
+              {
+                name: 'nominalWidthX',
+                op: 21,
+                type: 'number',
+                value: 0
+              }
+            ];
+            // Parse the CFF top dictionary. A CFF table can contain multiple fonts, each with their own top dictionary.
+            // The top dictionary contains the essential metadata for the font, together with the private dictionary.
+            function parseCFFTopDict(data, strings) {
+              var dict = parseCFFDict(data, 0, data.byteLength);
+              return interpretDict(dict, TOP_DICT_META, strings);
+            }            // Parse the CFF private dictionary. We don't fully parse out all the values, only the ones we need.
+
+            function parseCFFPrivateDict(data, start, size, strings) {
+              var dict = parseCFFDict(data, start, size);
+              return interpretDict(dict, PRIVATE_DICT_META, strings);
+            }            // Returns a list of "Top DICT"s found using an INDEX list.
+            // Used to read both the usual high-level Top DICTs and also the FDArray
+            // discovered inside CID-keyed fonts.  When a Top DICT has a reference to
+            // a Private DICT that is read and saved into the Top DICT.
+            //
+            // In addition to the expected/optional values as outlined in TOP_DICT_META
+            // the following values might be saved into the Top DICT.
+            //
+            //    _subrs []        array of local CFF subroutines from Private DICT
+            //    _subrsBias       bias value computed from number of subroutines
+            //                      (see calcCFFSubroutineBias() and parseCFFCharstring())
+            //    _defaultWidthX   default widths for CFF characters
+            //    _nominalWidthX   bias added to width embedded within glyph description
+            //
+            //    _privateDict     saved copy of parsed Private DICT from Top DICT
+
+            function gatherCFFTopDicts(data, start, cffIndex, strings) {
+              var topDictArray = [
+              ];
+              for (var iTopDict = 0; iTopDict < cffIndex.length; iTopDict += 1) {
+                var topDictData = new DataView(new Uint8Array(cffIndex[iTopDict]).buffer);
+                var topDict = parseCFFTopDict(topDictData, strings);
+                topDict._subrs = [
+                ];
+                topDict._subrsBias = 0;
+                var privateSize = topDict.private[0];
+                var privateOffset = topDict.private[1];
+                if (privateSize !== 0 && privateOffset !== 0) {
+                  var privateDict = parseCFFPrivateDict(data, privateOffset + start, privateSize, strings);
+                  topDict._defaultWidthX = privateDict.defaultWidthX;
+                  topDict._nominalWidthX = privateDict.nominalWidthX;
+                  if (privateDict.subrs !== 0) {
+                    var subrOffset = privateOffset + privateDict.subrs;
+                    var subrIndex = parseCFFIndex(data, subrOffset + start);
+                    topDict._subrs = subrIndex.objects;
+                    topDict._subrsBias = calcCFFSubroutineBias(topDict._subrs);
+                  }
+                  topDict._privateDict = privateDict;
+                }
+                topDictArray.push(topDict);
+              }
+              return topDictArray;
+            }            // Parse the CFF charset table, which contains internal names for all the glyphs.
+            // This function will return a list of glyph names.
+            // See Adobe TN #5176 chapter 13, "Charsets".
+
+            function parseCFFCharset(data, start, nGlyphs, strings) {
+              var sid;
+              var count;
+              var parser = new parse.Parser(data, start);
+              // The .notdef glyph is not included, so subtract 1.
+              nGlyphs -= 1;
+              var charset = [
+                '.notdef'
+              ];
+              var format = parser.parseCard8();
+              if (format === 0) {
+                for (var i = 0; i < nGlyphs; i += 1) {
+                  sid = parser.parseSID();
+                  charset.push(getCFFString(strings, sid));
+                }
+              } else if (format === 1) {
+                while (charset.length <= nGlyphs) {
+                  sid = parser.parseSID();
+                  count = parser.parseCard8();
+                  for (var i$1 = 0; i$1 <= count; i$1 += 1) {
+                    charset.push(getCFFString(strings, sid));
+                    sid += 1;
+                  }
+                }
+              } else if (format === 2) {
+                while (charset.length <= nGlyphs) {
+                  sid = parser.parseSID();
+                  count = parser.parseCard16();
+                  for (var i$2 = 0; i$2 <= count; i$2 += 1) {
+                    charset.push(getCFFString(strings, sid));
+                    sid += 1;
+                  }
+                }
+              } else {
+                throw new Error('Unknown charset format ' + format);
+              }
+              return charset;
+            }            // Parse the CFF encoding data. Only one encoding can be specified per font.
+            // See Adobe TN #5176 chapter 12, "Encodings".
+
+            function parseCFFEncoding(data, start, charset) {
+              var code;
+              var enc = {
+              };
+              var parser = new parse.Parser(data, start);
+              var format = parser.parseCard8();
+              if (format === 0) {
+                var nCodes = parser.parseCard8();
+                for (var i = 0; i < nCodes; i += 1) {
+                  code = parser.parseCard8();
+                  enc[code] = i;
+                }
+              } else if (format === 1) {
+                var nRanges = parser.parseCard8();
+                code = 1;
+                for (var i$1 = 0; i$1 < nRanges; i$1 += 1) {
+                  var first = parser.parseCard8();
+                  var nLeft = parser.parseCard8();
+                  for (var j = first; j <= first + nLeft; j += 1) {
+                    enc[j] = code;
+                    code += 1;
+                  }
+                }
+              } else {
+                throw new Error('Unknown encoding format ' + format);
+              }
+              return new CffEncoding(enc, charset);
+            }            // Take in charstring code and return a Glyph object.
+            // The encoding is described in the Type 2 Charstring Format
+            // https://www.microsoft.com/typography/OTSPEC/charstr2.htm
+
+            function parseCFFCharstring(font, glyph, code) {
+              var c1x;
+              var c1y;
+              var c2x;
+              var c2y;
+              var p = new Path();
+              var stack = [
+              ];
+              var nStems = 0;
+              var haveWidth = false;
+              var open = false;
+              var x = 0;
+              var y = 0;
+              var subrs;
+              var subrsBias;
+              var defaultWidthX;
+              var nominalWidthX;
+              if (font.isCIDFont) {
+                var fdIndex = font.tables.cff.topDict._fdSelect[glyph.index];
+                var fdDict = font.tables.cff.topDict._fdArray[fdIndex];
+                subrs = fdDict._subrs;
+                subrsBias = fdDict._subrsBias;
+                defaultWidthX = fdDict._defaultWidthX;
+                nominalWidthX = fdDict._nominalWidthX;
+              } else {
+                subrs = font.tables.cff.topDict._subrs;
+                subrsBias = font.tables.cff.topDict._subrsBias;
+                defaultWidthX = font.tables.cff.topDict._defaultWidthX;
+                nominalWidthX = font.tables.cff.topDict._nominalWidthX;
+              }
+              var width = defaultWidthX;
+              function newContour(x, y) {
+                if (open) {
+                  p.closePath();
+                }
+                p.moveTo(x, y);
+                open = true;
+              }
+              function parseStems() {
+                var hasWidthArg;
+                // The number of stem operators on the stack is always even.
+                // If the value is uneven, that means a width is specified.
+                hasWidthArg = stack.length % 2 !== 0;
+                if (hasWidthArg && !haveWidth) {
+                  width = stack.shift() + nominalWidthX;
+                }
+                nStems += stack.length >> 1;
+                stack.length = 0;
+                haveWidth = true;
+              }
+              function parse$$1(code) {
+                var b1;
+                var b2;
+                var b3;
+                var b4;
+                var codeIndex;
+                var subrCode;
+                var jpx;
+                var jpy;
+                var c3x;
+                var c3y;
+                var c4x;
+                var c4y;
+                var i = 0;
+                while (i < code.length) {
+                  var v = code[i];
+                  i += 1;
+                  switch (v) {
+                    case 1:
+                      // hstem
+                      parseStems();
+                      break;
+                    case 3:
+                      // vstem
+                      parseStems();
+                      break;
+                    case 4:
+                      // vmoveto
+                      if (stack.length > 1 && !haveWidth) {
+                        width = stack.shift() + nominalWidthX;
+                        haveWidth = true;
+                      }
+                      y += stack.pop();
+                      newContour(x, y);
+                      break;
+                    case 5:
+                      // rlineto
+                      while (stack.length > 0) {
+                        x += stack.shift();
+                        y += stack.shift();
+                        p.lineTo(x, y);
+                      }
+                      break;
+                    case 6:
+                      // hlineto
+                      while (stack.length > 0) {
+                        x += stack.shift();
+                        p.lineTo(x, y);
+                        if (stack.length === 0) {
+                          break;
+                        }
+                        y += stack.shift();
+                        p.lineTo(x, y);
+                      }
+                      break;
+                    case 7:
+                      // vlineto
+                      while (stack.length > 0) {
+                        y += stack.shift();
+                        p.lineTo(x, y);
+                        if (stack.length === 0) {
+                          break;
+                        }
+                        x += stack.shift();
+                        p.lineTo(x, y);
+                      }
+                      break;
+                    case 8:
+                      // rrcurveto
+                      while (stack.length > 0) {
+                        c1x = x + stack.shift();
+                        c1y = y + stack.shift();
+                        c2x = c1x + stack.shift();
+                        c2y = c1y + stack.shift();
+                        x = c2x + stack.shift();
+                        y = c2y + stack.shift();
+                        p.curveTo(c1x, c1y, c2x, c2y, x, y);
+                      }
+                      break;
+                    case 10:
+                      // callsubr
+                      codeIndex = stack.pop() + subrsBias;
+                      subrCode = subrs[codeIndex];
+                      if (subrCode) {
+                        parse$$1(subrCode);
+                      }
+                      break;
+                    case 11:
+                      // return
+                      return;
+                    case 12:
+                      // flex operators
+                      v = code[i];
+                      i += 1;
+                      switch (v) {
+                        case 35:
+                          // flex
+                          // |- dx1 dy1 dx2 dy2 dx3 dy3 dx4 dy4 dx5 dy5 dx6 dy6 fd flex (12 35) |-
+                          c1x = x + stack.shift(); // dx1
+                          c1y = y + stack.shift(); // dy1
+                          c2x = c1x + stack.shift(); // dx2
+                          c2y = c1y + stack.shift(); // dy2
+                          jpx = c2x + stack.shift(); // dx3
+                          jpy = c2y + stack.shift(); // dy3
+                          c3x = jpx + stack.shift(); // dx4
+                          c3y = jpy + stack.shift(); // dy4
+                          c4x = c3x + stack.shift(); // dx5
+                          c4y = c3y + stack.shift(); // dy5
+                          x = c4x + stack.shift(); // dx6
+                          y = c4y + stack.shift(); // dy6
+                          stack.shift(); // flex depth
+                          p.curveTo(c1x, c1y, c2x, c2y, jpx, jpy);
+                          p.curveTo(c3x, c3y, c4x, c4y, x, y);
+                          break;
+                        case 34:
+                          // hflex
+                          // |- dx1 dx2 dy2 dx3 dx4 dx5 dx6 hflex (12 34) |-
+                          c1x = x + stack.shift(); // dx1
+                          c1y = y; // dy1
+                          c2x = c1x + stack.shift(); // dx2
+                          c2y = c1y + stack.shift(); // dy2
+                          jpx = c2x + stack.shift(); // dx3
+                          jpy = c2y; // dy3
+                          c3x = jpx + stack.shift(); // dx4
+                          c3y = c2y; // dy4
+                          c4x = c3x + stack.shift(); // dx5
+                          c4y = y; // dy5
+                          x = c4x + stack.shift(); // dx6
+                          p.curveTo(c1x, c1y, c2x, c2y, jpx, jpy);
+                          p.curveTo(c3x, c3y, c4x, c4y, x, y);
+                          break;
+                        case 36:
+                          // hflex1
+                          // |- dx1 dy1 dx2 dy2 dx3 dx4 dx5 dy5 dx6 hflex1 (12 36) |-
+                          c1x = x + stack.shift(); // dx1
+                          c1y = y + stack.shift(); // dy1
+                          c2x = c1x + stack.shift(); // dx2
+                          c2y = c1y + stack.shift(); // dy2
+                          jpx = c2x + stack.shift(); // dx3
+                          jpy = c2y; // dy3
+                          c3x = jpx + stack.shift(); // dx4
+                          c3y = c2y; // dy4
+                          c4x = c3x + stack.shift(); // dx5
+                          c4y = c3y + stack.shift(); // dy5
+                          x = c4x + stack.shift(); // dx6
+                          p.curveTo(c1x, c1y, c2x, c2y, jpx, jpy);
+                          p.curveTo(c3x, c3y, c4x, c4y, x, y);
+                          break;
+                        case 37:
+                          // flex1
+                          // |- dx1 dy1 dx2 dy2 dx3 dy3 dx4 dy4 dx5 dy5 d6 flex1 (12 37) |-
+                          c1x = x + stack.shift(); // dx1
+                          c1y = y + stack.shift(); // dy1
+                          c2x = c1x + stack.shift(); // dx2
+                          c2y = c1y + stack.shift(); // dy2
+                          jpx = c2x + stack.shift(); // dx3
+                          jpy = c2y + stack.shift(); // dy3
+                          c3x = jpx + stack.shift(); // dx4
+                          c3y = jpy + stack.shift(); // dy4
+                          c4x = c3x + stack.shift(); // dx5
+                          c4y = c3y + stack.shift(); // dy5
+                          if (Math.abs(c4x - x) > Math.abs(c4y - y)) {
+                            x = c4x + stack.shift();
+                          } else {
+                            y = c4y + stack.shift();
+                          }
+                          p.curveTo(c1x, c1y, c2x, c2y, jpx, jpy);
+                          p.curveTo(c3x, c3y, c4x, c4y, x, y);
+                          break;
+                        default:
+                          console.log('Glyph ' + glyph.index + ': unknown operator ' + 1200 + v);
+                          stack.length = 0;
+                      }
+                      break;
+                    case 14:
+                      // endchar
+                      if (stack.length > 0 && !haveWidth) {
+                        width = stack.shift() + nominalWidthX;
+                        haveWidth = true;
+                      }
+                      if (open) {
+                        p.closePath();
+                        open = false;
+                      }
+                      break;
+                    case 18:
+                      // hstemhm
+                      parseStems();
+                      break;
+                    case 19: // hintmask
+                    case 20:
+                      // cntrmask
+                      parseStems();
+                      i += nStems + 7 >> 3;
+                      break;
+                    case 21:
+                      // rmoveto
+                      if (stack.length > 2 && !haveWidth) {
+                        width = stack.shift() + nominalWidthX;
+                        haveWidth = true;
+                      }
+                      y += stack.pop();
+                      x += stack.pop();
+                      newContour(x, y);
+                      break;
+                    case 22:
+                      // hmoveto
+                      if (stack.length > 1 && !haveWidth) {
+                        width = stack.shift() + nominalWidthX;
+                        haveWidth = true;
+                      }
+                      x += stack.pop();
+                      newContour(x, y);
+                      break;
+                    case 23:
+                      // vstemhm
+                      parseStems();
+                      break;
+                    case 24:
+                      // rcurveline
+                      while (stack.length > 2) {
+                        c1x = x + stack.shift();
+                        c1y = y + stack.shift();
+                        c2x = c1x + stack.shift();
+                        c2y = c1y + stack.shift();
+                        x = c2x + stack.shift();
+                        y = c2y + stack.shift();
+                        p.curveTo(c1x, c1y, c2x, c2y, x, y);
+                      }
+                      x += stack.shift();
+                      y += stack.shift();
+                      p.lineTo(x, y);
+                      break;
+                    case 25:
+                      // rlinecurve
+                      while (stack.length > 6) {
+                        x += stack.shift();
+                        y += stack.shift();
+                        p.lineTo(x, y);
+                      }
+                      c1x = x + stack.shift();
+                      c1y = y + stack.shift();
+                      c2x = c1x + stack.shift();
+                      c2y = c1y + stack.shift();
+                      x = c2x + stack.shift();
+                      y = c2y + stack.shift();
+                      p.curveTo(c1x, c1y, c2x, c2y, x, y);
+                      break;
+                    case 26:
+                      // vvcurveto
+                      if (stack.length % 2) {
+                        x += stack.shift();
+                      }
+                      while (stack.length > 0) {
+                        c1x = x;
+                        c1y = y + stack.shift();
+                        c2x = c1x + stack.shift();
+                        c2y = c1y + stack.shift();
+                        x = c2x;
+                        y = c2y + stack.shift();
+                        p.curveTo(c1x, c1y, c2x, c2y, x, y);
+                      }
+                      break;
+                    case 27:
+                      // hhcurveto
+                      if (stack.length % 2) {
+                        y += stack.shift();
+                      }
+                      while (stack.length > 0) {
+                        c1x = x + stack.shift();
+                        c1y = y;
+                        c2x = c1x + stack.shift();
+                        c2y = c1y + stack.shift();
+                        x = c2x + stack.shift();
+                        y = c2y;
+                        p.curveTo(c1x, c1y, c2x, c2y, x, y);
+                      }
+                      break;
+                    case 28:
+                      // shortint
+                      b1 = code[i];
+                      b2 = code[i + 1];
+                      stack.push((b1 << 24 | b2 << 16) >> 16);
+                      i += 2;
+                      break;
+                    case 29:
+                      // callgsubr
+                      codeIndex = stack.pop() + font.gsubrsBias;
+                      subrCode = font.gsubrs[codeIndex];
+                      if (subrCode) {
+                        parse$$1(subrCode);
+                      }
+                      break;
+                    case 30:
+                      // vhcurveto
+                      while (stack.length > 0) {
+                        c1x = x;
+                        c1y = y + stack.shift();
+                        c2x = c1x + stack.shift();
+                        c2y = c1y + stack.shift();
+                        x = c2x + stack.shift();
+                        y = c2y + (stack.length === 1 ? stack.shift() : 0);
+                        p.curveTo(c1x, c1y, c2x, c2y, x, y);
+                        if (stack.length === 0) {
+                          break;
+                        }
+                        c1x = x + stack.shift();
+                        c1y = y;
+                        c2x = c1x + stack.shift();
+                        c2y = c1y + stack.shift();
+                        y = c2y + stack.shift();
+                        x = c2x + (stack.length === 1 ? stack.shift() : 0);
+                        p.curveTo(c1x, c1y, c2x, c2y, x, y);
+                      }
+                      break;
+                    case 31:
+                      // hvcurveto
+                      while (stack.length > 0) {
+                        c1x = x + stack.shift();
+                        c1y = y;
+                        c2x = c1x + stack.shift();
+                        c2y = c1y + stack.shift();
+                        y = c2y + stack.shift();
+                        x = c2x + (stack.length === 1 ? stack.shift() : 0);
+                        p.curveTo(c1x, c1y, c2x, c2y, x, y);
+                        if (stack.length === 0) {
+                          break;
+                        }
+                        c1x = x;
+                        c1y = y + stack.shift();
+                        c2x = c1x + stack.shift();
+                        c2y = c1y + stack.shift();
+                        x = c2x + stack.shift();
+                        y = c2y + (stack.length === 1 ? stack.shift() : 0);
+                        p.curveTo(c1x, c1y, c2x, c2y, x, y);
+                      }
+                      break;
+                    default:
+                      if (v < 32) {
+                        console.log('Glyph ' + glyph.index + ': unknown operator ' + v);
+                      } else if (v < 247) {
+                        stack.push(v - 139);
+                      } else if (v < 251) {
+                        b1 = code[i];
+                        i += 1;
+                        stack.push((v - 247) * 256 + b1 + 108);
+                      } else if (v < 255) {
+                        b1 = code[i];
+                        i += 1;
+                        stack.push( - (v - 251) * 256 - b1 - 108);
+                      } else {
+                        b1 = code[i];
+                        b2 = code[i + 1];
+                        b3 = code[i + 2];
+                        b4 = code[i + 3];
+                        i += 4;
+                        stack.push((b1 << 24 | b2 << 16 | b3 << 8 | b4) / 65536);
+                      }
+                  }
+                }
+              }
+              parse$$1(code);
+              glyph.advanceWidth = width;
+              return p;
+            }
+            function parseCFFFDSelect(data, start, nGlyphs, fdArrayCount) {
+              var fdSelect = [
+              ];
+              var fdIndex;
+              var parser = new parse.Parser(data, start);
+              var format = parser.parseCard8();
+              if (format === 0) {
+                // Simple list of nGlyphs elements
+                for (var iGid = 0; iGid < nGlyphs; iGid++) {
+                  fdIndex = parser.parseCard8();
+                  if (fdIndex >= fdArrayCount) {
+                    throw new Error('CFF table CID Font FDSelect has bad FD index value ' + fdIndex + ' (FD count ' + fdArrayCount + ')');
+                  }
+                  fdSelect.push(fdIndex);
+                }
+              } else if (format === 3) {
+                // Ranges
+                var nRanges = parser.parseCard16();
+                var first = parser.parseCard16();
+                if (first !== 0) {
+                  throw new Error('CFF Table CID Font FDSelect format 3 range has bad initial GID ' + first);
+                }
+                var next;
+                for (var iRange = 0; iRange < nRanges; iRange++) {
+                  fdIndex = parser.parseCard8();
+                  next = parser.parseCard16();
+                  if (fdIndex >= fdArrayCount) {
+                    throw new Error('CFF table CID Font FDSelect has bad FD index value ' + fdIndex + ' (FD count ' + fdArrayCount + ')');
+                  }
+                  if (next > nGlyphs) {
+                    throw new Error('CFF Table CID Font FDSelect format 3 range has bad GID ' + next);
+                  }
+                  for (; first < next; first++) {
+                    fdSelect.push(fdIndex);
+                  }
+                  first = next;
+                }
+                if (next !== nGlyphs) {
+                  throw new Error('CFF Table CID Font FDSelect format 3 range has bad final GID ' + next);
+                }
+              } else {
+                throw new Error('CFF Table CID Font FDSelect table has unsupported format ' + format);
+              }
+              return fdSelect;
+            }            // Parse the `CFF` table, which contains the glyph outlines in PostScript format.
+
+            function parseCFFTable(data, start, font) {
+              font.tables.cff = {
+              };
+              var header = parseCFFHeader(data, start);
+              var nameIndex = parseCFFIndex(data, header.endOffset, parse.bytesToString);
+              var topDictIndex = parseCFFIndex(data, nameIndex.endOffset);
+              var stringIndex = parseCFFIndex(data, topDictIndex.endOffset, parse.bytesToString);
+              var globalSubrIndex = parseCFFIndex(data, stringIndex.endOffset);
+              font.gsubrs = globalSubrIndex.objects;
+              font.gsubrsBias = calcCFFSubroutineBias(font.gsubrs);
+              var topDictArray = gatherCFFTopDicts(data, start, topDictIndex.objects, stringIndex.objects);
+              if (topDictArray.length !== 1) {
+                throw new Error('CFF table has too many fonts in \'FontSet\' - count of fonts NameIndex.length = ' + topDictArray.length);
+              }
+              var topDict = topDictArray[0];
+              font.tables.cff.topDict = topDict;
+              if (topDict._privateDict) {
+                font.defaultWidthX = topDict._privateDict.defaultWidthX;
+                font.nominalWidthX = topDict._privateDict.nominalWidthX;
+              }
+              if (topDict.ros[0] !== undefined && topDict.ros[1] !== undefined) {
+                font.isCIDFont = true;
+              }
+              if (font.isCIDFont) {
+                var fdArrayOffset = topDict.fdArray;
+                var fdSelectOffset = topDict.fdSelect;
+                if (fdArrayOffset === 0 || fdSelectOffset === 0) {
+                  throw new Error('Font is marked as a CID font, but FDArray and/or FDSelect information is missing');
+                }
+                fdArrayOffset += start;
+                var fdArrayIndex = parseCFFIndex(data, fdArrayOffset);
+                var fdArray = gatherCFFTopDicts(data, start, fdArrayIndex.objects, stringIndex.objects);
+                topDict._fdArray = fdArray;
+                fdSelectOffset += start;
+                topDict._fdSelect = parseCFFFDSelect(data, fdSelectOffset, font.numGlyphs, fdArray.length);
+              }
+              var privateDictOffset = start + topDict.private[1];
+              var privateDict = parseCFFPrivateDict(data, privateDictOffset, topDict.private[0], stringIndex.objects);
+              font.defaultWidthX = privateDict.defaultWidthX;
+              font.nominalWidthX = privateDict.nominalWidthX;
+              if (privateDict.subrs !== 0) {
+                var subrOffset = privateDictOffset + privateDict.subrs;
+                var subrIndex = parseCFFIndex(data, subrOffset);
+                font.subrs = subrIndex.objects;
+                font.subrsBias = calcCFFSubroutineBias(font.subrs);
+              } else {
+                font.subrs = [
+                ];
+                font.subrsBias = 0;
+              }              // Offsets in the top dict are relative to the beginning of the CFF data, so add the CFF start offset.
+
+              var charStringsIndex = parseCFFIndex(data, start + topDict.charStrings);
+              font.nGlyphs = charStringsIndex.objects.length;
+              var charset = parseCFFCharset(data, start + topDict.charset, font.nGlyphs, stringIndex.objects);
+              if (topDict.encoding === 0) {
+                // Standard encoding
+                font.cffEncoding = new CffEncoding(cffStandardEncoding, charset);
+              } else if (topDict.encoding === 1) {
+                // Expert encoding
+                font.cffEncoding = new CffEncoding(cffExpertEncoding, charset);
+              } else {
+                font.cffEncoding = parseCFFEncoding(data, start + topDict.encoding, charset);
+              }              // Prefer the CMAP encoding to the CFF encoding.
+
+              font.encoding = font.encoding || font.cffEncoding;
+              font.glyphs = new glyphset.GlyphSet(font);
+              for (var i = 0; i < font.nGlyphs; i += 1) {
+                var charString = charStringsIndex.objects[i];
+                font.glyphs.push(i, glyphset.cffGlyphLoader(font, i, parseCFFCharstring, charString));
+              }
+            }            // Convert a string to a String ID (SID).
+            // The list of strings is modified in place.
+
+            function encodeString(s, strings) {
+              var sid;
+              // Is the string in the CFF standard strings?
+              var i = cffStandardStrings.indexOf(s);
+              if (i >= 0) {
+                sid = i;
+              }              // Is the string already in the string index?
+
+              i = strings.indexOf(s);
+              if (i >= 0) {
+                sid = i + cffStandardStrings.length;
+              } else {
+                sid = cffStandardStrings.length + strings.length;
+                strings.push(s);
+              }
+              return sid;
+            }
+            function makeHeader() {
+              return new table.Record('Header', [
+                {
+                  name: 'major',
+                  type: 'Card8',
+                  value: 1
+                },
+                {
+                  name: 'minor',
+                  type: 'Card8',
+                  value: 0
+                },
+                {
+                  name: 'hdrSize',
+                  type: 'Card8',
+                  value: 4
+                },
+                {
+                  name: 'major',
+                  type: 'Card8',
+                  value: 1
+                }
+              ]);
+            }
+            function makeNameIndex(fontNames) {
+              var t = new table.Record('Name INDEX', [
+                {
+                  name: 'names',
+                  type: 'INDEX',
+                  value: [
+                  ]
+                }
+              ]);
+              t.names = [
+              ];
+              for (var i = 0; i < fontNames.length; i += 1) {
+                t.names.push({
+                  name: 'name_' + i,
+                  type: 'NAME',
+                  value: fontNames[i]
+                });
+              }
+              return t;
+            }            // Given a dictionary's metadata, create a DICT structure.
+
+            function makeDict(meta, attrs, strings) {
+              var m = {
+              };
+              for (var i = 0; i < meta.length; i += 1) {
+                var entry = meta[i];
+                var value = attrs[entry.name];
+                if (value !== undefined && !equals(value, entry.value)) {
+                  if (entry.type === 'SID') {
+                    value = encodeString(value, strings);
+                  }
+                  m[entry.op] = {
+                    name: entry.name,
+                    type: entry.type,
+                    value: value
+                  };
+                }
+              }
+              return m;
+            }            // The Top DICT houses the global font attributes.
+
+            function makeTopDict(attrs, strings) {
+              var t = new table.Record('Top DICT', [
+                {
+                  name: 'dict',
+                  type: 'DICT',
+                  value: {
+                  }
+                }
+              ]);
+              t.dict = makeDict(TOP_DICT_META, attrs, strings);
+              return t;
+            }
+            function makeTopDictIndex(topDict) {
+              var t = new table.Record('Top DICT INDEX', [
+                {
+                  name: 'topDicts',
+                  type: 'INDEX',
+                  value: [
+                  ]
+                }
+              ]);
+              t.topDicts = [
+                {
+                  name: 'topDict_0',
+                  type: 'TABLE',
+                  value: topDict
+                }
+              ];
+              return t;
+            }
+            function makeStringIndex(strings) {
+              var t = new table.Record('String INDEX', [
+                {
+                  name: 'strings',
+                  type: 'INDEX',
+                  value: [
+                  ]
+                }
+              ]);
+              t.strings = [
+              ];
+              for (var i = 0; i < strings.length; i += 1) {
+                t.strings.push({
+                  name: 'string_' + i,
+                  type: 'STRING',
+                  value: strings[i]
+                });
+              }
+              return t;
+            }
+            function makeGlobalSubrIndex() {
+              // Currently we don't use subroutines.
+              return new table.Record('Global Subr INDEX', [
+                {
+                  name: 'subrs',
+                  type: 'INDEX',
+                  value: [
+                  ]
+                }
+              ]);
+            }
+            function makeCharsets(glyphNames, strings) {
+              var t = new table.Record('Charsets', [
+                {
+                  name: 'format',
+                  type: 'Card8',
+                  value: 0
+                }
+              ]);
+              for (var i = 0; i < glyphNames.length; i += 1) {
+                var glyphName = glyphNames[i];
+                var glyphSID = encodeString(glyphName, strings);
+                t.fields.push({
+                  name: 'glyph_' + i,
+                  type: 'SID',
+                  value: glyphSID
+                });
+              }
+              return t;
+            }
+            function glyphToOps(glyph) {
+              var ops = [
+              ];
+              var path = glyph.path;
+              ops.push({
+                name: 'width',
+                type: 'NUMBER',
+                value: glyph.advanceWidth
+              });
+              var x = 0;
+              var y = 0;
+              for (var i = 0; i < path.commands.length; i += 1) {
+                var dx = void 0;
+                var dy = void 0;
+                var cmd = path.commands[i];
+                if (cmd.type === 'Q') {
+                  // CFF only supports bézier curves, so convert the quad to a bézier.
+                  var _13 = 1 / 3;
+                  var _23 = 2 / 3;
+                  // We're going to create a new command so we don't change the original path.
+                  cmd = {
+                    type: 'C',
+                    x: cmd.x,
+                    y: cmd.y,
+                    x1: _13 * x + _23 * cmd.x1,
+                    y1: _13 * y + _23 * cmd.y1,
+                    x2: _13 * cmd.x + _23 * cmd.x1,
+                    y2: _13 * cmd.y + _23 * cmd.y1
+                  };
+                }
+                if (cmd.type === 'M') {
+                  dx = Math.round(cmd.x - x);
+                  dy = Math.round(cmd.y - y);
+                  ops.push({
+                    name: 'dx',
+                    type: 'NUMBER',
+                    value: dx
+                  });
+                  ops.push({
+                    name: 'dy',
+                    type: 'NUMBER',
+                    value: dy
+                  });
+                  ops.push({
+                    name: 'rmoveto',
+                    type: 'OP',
+                    value: 21
+                  });
+                  x = Math.round(cmd.x);
+                  y = Math.round(cmd.y);
+                } else if (cmd.type === 'L') {
+                  dx = Math.round(cmd.x - x);
+                  dy = Math.round(cmd.y - y);
+                  ops.push({
+                    name: 'dx',
+                    type: 'NUMBER',
+                    value: dx
+                  });
+                  ops.push({
+                    name: 'dy',
+                    type: 'NUMBER',
+                    value: dy
+                  });
+                  ops.push({
+                    name: 'rlineto',
+                    type: 'OP',
+                    value: 5
+                  });
+                  x = Math.round(cmd.x);
+                  y = Math.round(cmd.y);
+                } else if (cmd.type === 'C') {
+                  var dx1 = Math.round(cmd.x1 - x);
+                  var dy1 = Math.round(cmd.y1 - y);
+                  var dx2 = Math.round(cmd.x2 - cmd.x1);
+                  var dy2 = Math.round(cmd.y2 - cmd.y1);
+                  dx = Math.round(cmd.x - cmd.x2);
+                  dy = Math.round(cmd.y - cmd.y2);
+                  ops.push({
+                    name: 'dx1',
+                    type: 'NUMBER',
+                    value: dx1
+                  });
+                  ops.push({
+                    name: 'dy1',
+                    type: 'NUMBER',
+                    value: dy1
+                  });
+                  ops.push({
+                    name: 'dx2',
+                    type: 'NUMBER',
+                    value: dx2
+                  });
+                  ops.push({
+                    name: 'dy2',
+                    type: 'NUMBER',
+                    value: dy2
+                  });
+                  ops.push({
+                    name: 'dx',
+                    type: 'NUMBER',
+                    value: dx
+                  });
+                  ops.push({
+                    name: 'dy',
+                    type: 'NUMBER',
+                    value: dy
+                  });
+                  ops.push({
+                    name: 'rrcurveto',
+                    type: 'OP',
+                    value: 8
+                  });
+                  x = Math.round(cmd.x);
+                  y = Math.round(cmd.y);
+                }                // Contours are closed automatically.
+
+              }
+              ops.push({
+                name: 'endchar',
+                type: 'OP',
+                value: 14
+              });
+              return ops;
+            }
+            function makeCharStringsIndex(glyphs) {
+              var t = new table.Record('CharStrings INDEX', [
+                {
+                  name: 'charStrings',
+                  type: 'INDEX',
+                  value: [
+                  ]
+                }
+              ]);
+              for (var i = 0; i < glyphs.length; i += 1) {
+                var glyph = glyphs.get(i);
+                var ops = glyphToOps(glyph);
+                t.charStrings.push({
+                  name: glyph.name,
+                  type: 'CHARSTRING',
+                  value: ops
+                });
+              }
+              return t;
+            }
+            function makePrivateDict(attrs, strings) {
+              var t = new table.Record('Private DICT', [
+                {
+                  name: 'dict',
+                  type: 'DICT',
+                  value: {
+                  }
+                }
+              ]);
+              t.dict = makeDict(PRIVATE_DICT_META, attrs, strings);
+              return t;
+            }
+            function makeCFFTable(glyphs, options) {
+              var t = new table.Table('CFF ', [
+                {
+                  name: 'header',
+                  type: 'RECORD'
+                },
+                {
+                  name: 'nameIndex',
+                  type: 'RECORD'
+                },
+                {
+                  name: 'topDictIndex',
+                  type: 'RECORD'
+                },
+                {
+                  name: 'stringIndex',
+                  type: 'RECORD'
+                },
+                {
+                  name: 'globalSubrIndex',
+                  type: 'RECORD'
+                },
+                {
+                  name: 'charsets',
+                  type: 'RECORD'
+                },
+                {
+                  name: 'charStringsIndex',
+                  type: 'RECORD'
+                },
+                {
+                  name: 'privateDict',
+                  type: 'RECORD'
+                }
+              ]);
+              var fontScale = 1 / options.unitsPerEm;
+              // We use non-zero values for the offsets so that the DICT encodes them.
+              // This is important because the size of the Top DICT plays a role in offset calculation,
+              // and the size shouldn't change after we've written correct offsets.
+              var attrs = {
+                version: options.version,
+                fullName: options.fullName,
+                familyName: options.familyName,
+                weight: options.weightName,
+                fontBBox: options.fontBBox || [
+                  0,
+                  0,
+                  0,
+                  0
+                ],
+                fontMatrix: [
+                  fontScale,
+                  0,
+                  0,
+                  fontScale,
+                  0,
+                  0
+                ],
+                charset: 999,
+                encoding: 0,
+                charStrings: 999,
+                private: [
+                  0,
+                  999
+                ]
+              };
+              var privateAttrs = {
+              };
+              var glyphNames = [
+              ];
+              var glyph;
+              // Skip first glyph (.notdef)
+              for (var i = 1; i < glyphs.length; i += 1) {
+                glyph = glyphs.get(i);
+                glyphNames.push(glyph.name);
+              }
+              var strings = [
+              ];
+              t.header = makeHeader();
+              t.nameIndex = makeNameIndex([options.postScriptName]);
+              var topDict = makeTopDict(attrs, strings);
+              t.topDictIndex = makeTopDictIndex(topDict);
+              t.globalSubrIndex = makeGlobalSubrIndex();
+              t.charsets = makeCharsets(glyphNames, strings);
+              t.charStringsIndex = makeCharStringsIndex(glyphs);
+              t.privateDict = makePrivateDict(privateAttrs, strings);
+              // Needs to come at the end, to encode all custom strings used in the font.
+              t.stringIndex = makeStringIndex(strings);
+              var startOffset = t.header.sizeOf() + t.nameIndex.sizeOf() + t.topDictIndex.sizeOf() + t.stringIndex.sizeOf() + t.globalSubrIndex.sizeOf();
+              attrs.charset = startOffset;
+              // We use the CFF standard encoding; proper encoding will be handled in cmap.
+              attrs.encoding = 0;
+              attrs.charStrings = attrs.charset + t.charsets.sizeOf();
+              attrs.private[1] = attrs.charStrings + t.charStringsIndex.sizeOf();
+              // Recreate the Top DICT INDEX with the correct offsets.
+              topDict = makeTopDict(attrs, strings);
+              t.topDictIndex = makeTopDictIndex(topDict);
+              return t;
+            }
+            var cff = {
+              parse: parseCFFTable,
+              make: makeCFFTable
+            };
+            // The `head` table contains global information about the font.
+            // Parse the header `head` table
+            function parseHeadTable(data, start) {
+              var head = {
+              };
+              var p = new parse.Parser(data, start);
+              head.version = p.parseVersion();
+              head.fontRevision = Math.round(p.parseFixed() * 1000) / 1000;
+              head.checkSumAdjustment = p.parseULong();
+              head.magicNumber = p.parseULong();
+              check.argument(head.magicNumber === 1594834165, 'Font header has wrong magic number.');
+              head.flags = p.parseUShort();
+              head.unitsPerEm = p.parseUShort();
+              head.created = p.parseLongDateTime();
+              head.modified = p.parseLongDateTime();
+              head.xMin = p.parseShort();
+              head.yMin = p.parseShort();
+              head.xMax = p.parseShort();
+              head.yMax = p.parseShort();
+              head.macStyle = p.parseUShort();
+              head.lowestRecPPEM = p.parseUShort();
+              head.fontDirectionHint = p.parseShort();
+              head.indexToLocFormat = p.parseShort();
+              head.glyphDataFormat = p.parseShort();
+              return head;
+            }
+            function makeHeadTable(options) {
+              // Apple Mac timestamp epoch is 01/01/1904 not 01/01/1970
+              var timestamp = Math.round(new Date().getTime() / 1000) + 2082844800;
+              var createdTimestamp = timestamp;
+              if (options.createdTimestamp) {
+                createdTimestamp = options.createdTimestamp + 2082844800;
+              }
+              return new table.Table('head', [
+                {
+                  name: 'version',
+                  type: 'FIXED',
+                  value: 65536
+                },
+                {
+                  name: 'fontRevision',
+                  type: 'FIXED',
+                  value: 65536
+                },
+                {
+                  name: 'checkSumAdjustment',
+                  type: 'ULONG',
+                  value: 0
+                },
+                {
+                  name: 'magicNumber',
+                  type: 'ULONG',
+                  value: 1594834165
+                },
+                {
+                  name: 'flags',
+                  type: 'USHORT',
+                  value: 0
+                },
+                {
+                  name: 'unitsPerEm',
+                  type: 'USHORT',
+                  value: 1000
+                },
+                {
+                  name: 'created',
+                  type: 'LONGDATETIME',
+                  value: createdTimestamp
+                },
+                {
+                  name: 'modified',
+                  type: 'LONGDATETIME',
+                  value: timestamp
+                },
+                {
+                  name: 'xMin',
+                  type: 'SHORT',
+                  value: 0
+                },
+                {
+                  name: 'yMin',
+                  type: 'SHORT',
+                  value: 0
+                },
+                {
+                  name: 'xMax',
+                  type: 'SHORT',
+                  value: 0
+                },
+                {
+                  name: 'yMax',
+                  type: 'SHORT',
+                  value: 0
+                },
+                {
+                  name: 'macStyle',
+                  type: 'USHORT',
+                  value: 0
+                },
+                {
+                  name: 'lowestRecPPEM',
+                  type: 'USHORT',
+                  value: 0
+                },
+                {
+                  name: 'fontDirectionHint',
+                  type: 'SHORT',
+                  value: 2
+                },
+                {
+                  name: 'indexToLocFormat',
+                  type: 'SHORT',
+                  value: 0
+                },
+                {
+                  name: 'glyphDataFormat',
+                  type: 'SHORT',
+                  value: 0
+                }
+              ], options);
+            }
+            var head = {
+              parse: parseHeadTable,
+              make: makeHeadTable
+            };
+            // The `hhea` table contains information for horizontal layout.
+            // Parse the horizontal header `hhea` table
+            function parseHheaTable(data, start) {
+              var hhea = {
+              };
+              var p = new parse.Parser(data, start);
+              hhea.version = p.parseVersion();
+              hhea.ascender = p.parseShort();
+              hhea.descender = p.parseShort();
+              hhea.lineGap = p.parseShort();
+              hhea.advanceWidthMax = p.parseUShort();
+              hhea.minLeftSideBearing = p.parseShort();
+              hhea.minRightSideBearing = p.parseShort();
+              hhea.xMaxExtent = p.parseShort();
+              hhea.caretSlopeRise = p.parseShort();
+              hhea.caretSlopeRun = p.parseShort();
+              hhea.caretOffset = p.parseShort();
+              p.relativeOffset += 8;
+              hhea.metricDataFormat = p.parseShort();
+              hhea.numberOfHMetrics = p.parseUShort();
+              return hhea;
+            }
+            function makeHheaTable(options) {
+              return new table.Table('hhea', [
+                {
+                  name: 'version',
+                  type: 'FIXED',
+                  value: 65536
+                },
+                {
+                  name: 'ascender',
+                  type: 'FWORD',
+                  value: 0
+                },
+                {
+                  name: 'descender',
+                  type: 'FWORD',
+                  value: 0
+                },
+                {
+                  name: 'lineGap',
+                  type: 'FWORD',
+                  value: 0
+                },
+                {
+                  name: 'advanceWidthMax',
+                  type: 'UFWORD',
+                  value: 0
+                },
+                {
+                  name: 'minLeftSideBearing',
+                  type: 'FWORD',
+                  value: 0
+                },
+                {
+                  name: 'minRightSideBearing',
+                  type: 'FWORD',
+                  value: 0
+                },
+                {
+                  name: 'xMaxExtent',
+                  type: 'FWORD',
+                  value: 0
+                },
+                {
+                  name: 'caretSlopeRise',
+                  type: 'SHORT',
+                  value: 1
+                },
+                {
+                  name: 'caretSlopeRun',
+                  type: 'SHORT',
+                  value: 0
+                },
+                {
+                  name: 'caretOffset',
+                  type: 'SHORT',
+                  value: 0
+                },
+                {
+                  name: 'reserved1',
+                  type: 'SHORT',
+                  value: 0
+                },
+                {
+                  name: 'reserved2',
+                  type: 'SHORT',
+                  value: 0
+                },
+                {
+                  name: 'reserved3',
+                  type: 'SHORT',
+                  value: 0
+                },
+                {
+                  name: 'reserved4',
+                  type: 'SHORT',
+                  value: 0
+                },
+                {
+                  name: 'metricDataFormat',
+                  type: 'SHORT',
+                  value: 0
+                },
+                {
+                  name: 'numberOfHMetrics',
+                  type: 'USHORT',
+                  value: 0
+                }
+              ], options);
+            }
+            var hhea = {
+              parse: parseHheaTable,
+              make: makeHheaTable
+            };
+            // The `hmtx` table contains the horizontal metrics for all glyphs.
+            // Parse the `hmtx` table, which contains the horizontal metrics for all glyphs.
+            // This function augments the glyph array, adding the advanceWidth and leftSideBearing to each glyph.
+            function parseHmtxTable(data, start, numMetrics, numGlyphs, glyphs) {
+              var advanceWidth;
+              var leftSideBearing;
+              var p = new parse.Parser(data, start);
+              for (var i = 0; i < numGlyphs; i += 1) {
+                // If the font is monospaced, only one entry is needed. This last entry applies to all subsequent glyphs.
+                if (i < numMetrics) {
+                  advanceWidth = p.parseUShort();
+                  leftSideBearing = p.parseShort();
+                }
+                var glyph = glyphs.get(i);
+                glyph.advanceWidth = advanceWidth;
+                glyph.leftSideBearing = leftSideBearing;
+              }
+            }
+            function makeHmtxTable(glyphs) {
+              var t = new table.Table('hmtx', [
+              ]);
+              for (var i = 0; i < glyphs.length; i += 1) {
+                var glyph = glyphs.get(i);
+                var advanceWidth = glyph.advanceWidth || 0;
+                var leftSideBearing = glyph.leftSideBearing || 0;
+                t.fields.push({
+                  name: 'advanceWidth_' + i,
+                  type: 'USHORT',
+                  value: advanceWidth
+                });
+                t.fields.push({
+                  name: 'leftSideBearing_' + i,
+                  type: 'SHORT',
+                  value: leftSideBearing
+                });
+              }
+              return t;
+            }
+            var hmtx = {
+              parse: parseHmtxTable,
+              make: makeHmtxTable
+            };
+            // The `ltag` table stores IETF BCP-47 language tags. It allows supporting
+            function makeLtagTable(tags) {
+              var result = new table.Table('ltag', [
+                {
+                  name: 'version',
+                  type: 'ULONG',
+                  value: 1
+                },
+                {
+                  name: 'flags',
+                  type: 'ULONG',
+                  value: 0
+                },
+                {
+                  name: 'numTags',
+                  type: 'ULONG',
+                  value: tags.length
+                }
+              ]);
+              var stringPool = '';
+              var stringPoolOffset = 12 + tags.length * 4;
+              for (var i = 0; i < tags.length; ++i) {
+                var pos = stringPool.indexOf(tags[i]);
+                if (pos < 0) {
+                  pos = stringPool.length;
+                  stringPool += tags[i];
+                }
+                result.fields.push({
+                  name: 'offset ' + i,
+                  type: 'USHORT',
+                  value: stringPoolOffset + pos
+                });
+                result.fields.push({
+                  name: 'length ' + i,
+                  type: 'USHORT',
+                  value: tags[i].length
+                });
+              }
+              result.fields.push({
+                name: 'stringPool',
+                type: 'CHARARRAY',
+                value: stringPool
+              });
+              return result;
+            }
+            function parseLtagTable(data, start) {
+              var p = new parse.Parser(data, start);
+              var tableVersion = p.parseULong();
+              check.argument(tableVersion === 1, 'Unsupported ltag table version.');
+              // The 'ltag' specification does not define any flags; skip the field.
+              p.skip('uLong', 1);
+              var numTags = p.parseULong();
+              var tags = [
+              ];
+              for (var i = 0; i < numTags; i++) {
+                var tag = '';
+                var offset = start + p.parseUShort();
+                var length = p.parseUShort();
+                for (var j = offset; j < offset + length; ++j) {
+                  tag += String.fromCharCode(data.getInt8(j));
+                }
+                tags.push(tag);
+              }
+              return tags;
+            }
+            var ltag = {
+              make: makeLtagTable,
+              parse: parseLtagTable
+            };
+            // The `maxp` table establishes the memory requirements for the font.
+            // Parse the maximum profile `maxp` table.
+            function parseMaxpTable(data, start) {
+              var maxp = {
+              };
+              var p = new parse.Parser(data, start);
+              maxp.version = p.parseVersion();
+              maxp.numGlyphs = p.parseUShort();
+              if (maxp.version === 1) {
+                maxp.maxPoints = p.parseUShort();
+                maxp.maxContours = p.parseUShort();
+                maxp.maxCompositePoints = p.parseUShort();
+                maxp.maxCompositeContours = p.parseUShort();
+                maxp.maxZones = p.parseUShort();
+                maxp.maxTwilightPoints = p.parseUShort();
+                maxp.maxStorage = p.parseUShort();
+                maxp.maxFunctionDefs = p.parseUShort();
+                maxp.maxInstructionDefs = p.parseUShort();
+                maxp.maxStackElements = p.parseUShort();
+                maxp.maxSizeOfInstructions = p.parseUShort();
+                maxp.maxComponentElements = p.parseUShort();
+                maxp.maxComponentDepth = p.parseUShort();
+              }
+              return maxp;
+            }
+            function makeMaxpTable(numGlyphs) {
+              return new table.Table('maxp', [
+                {
+                  name: 'version',
+                  type: 'FIXED',
+                  value: 20480
+                },
+                {
+                  name: 'numGlyphs',
+                  type: 'USHORT',
+                  value: numGlyphs
+                }
+              ]);
+            }
+            var maxp = {
+              parse: parseMaxpTable,
+              make: makeMaxpTable
+            };
+            // The `name` naming table.
+            // NameIDs for the name table.
+            var nameTableNames = [
+              'copyright',
+              // 0
+              'fontFamily',
+              // 1
+              'fontSubfamily',
+              // 2
+              'uniqueID',
+              // 3
+              'fullName',
+              // 4
+              'version',
+              // 5
+              'postScriptName',
+              // 6
+              'trademark',
+              // 7
+              'manufacturer',
+              // 8
+              'designer',
+              // 9
+              'description',
+              // 10
+              'manufacturerURL',
+              // 11
+              'designerURL',
+              // 12
+              'license',
+              // 13
+              'licenseURL',
+              // 14
+              'reserved',
+              // 15
+              'preferredFamily',
+              // 16
+              'preferredSubfamily',
+              // 17
+              'compatibleFullName',
+              // 18
+              'sampleText',
+              // 19
+              'postScriptFindFontName',
+              // 20
+              'wwsFamily',
+              // 21
+              'wwsSubfamily' // 22
+            ];
+            var macLanguages = {
+              0: 'en',
+              1: 'fr',
+              2: 'de',
+              3: 'it',
+              4: 'nl',
+              5: 'sv',
+              6: 'es',
+              7: 'da',
+              8: 'pt',
+              9: 'no',
+              10: 'he',
+              11: 'ja',
+              12: 'ar',
+              13: 'fi',
+              14: 'el',
+              15: 'is',
+              16: 'mt',
+              17: 'tr',
+              18: 'hr',
+              19: 'zh-Hant',
+              20: 'ur',
+              21: 'hi',
+              22: 'th',
+              23: 'ko',
+              24: 'lt',
+              25: 'pl',
+              26: 'hu',
+              27: 'es',
+              28: 'lv',
+              29: 'se',
+              30: 'fo',
+              31: 'fa',
+              32: 'ru',
+              33: 'zh',
+              34: 'nl-BE',
+              35: 'ga',
+              36: 'sq',
+              37: 'ro',
+              38: 'cz',
+              39: 'sk',
+              40: 'si',
+              41: 'yi',
+              42: 'sr',
+              43: 'mk',
+              44: 'bg',
+              45: 'uk',
+              46: 'be',
+              47: 'uz',
+              48: 'kk',
+              49: 'az-Cyrl',
+              50: 'az-Arab',
+              51: 'hy',
+              52: 'ka',
+              53: 'mo',
+              54: 'ky',
+              55: 'tg',
+              56: 'tk',
+              57: 'mn-CN',
+              58: 'mn',
+              59: 'ps',
+              60: 'ks',
+              61: 'ku',
+              62: 'sd',
+              63: 'bo',
+              64: 'ne',
+              65: 'sa',
+              66: 'mr',
+              67: 'bn',
+              68: 'as',
+              69: 'gu',
+              70: 'pa',
+              71: 'or',
+              72: 'ml',
+              73: 'kn',
+              74: 'ta',
+              75: 'te',
+              76: 'si',
+              77: 'my',
+              78: 'km',
+              79: 'lo',
+              80: 'vi',
+              81: 'id',
+              82: 'tl',
+              83: 'ms',
+              84: 'ms-Arab',
+              85: 'am',
+              86: 'ti',
+              87: 'om',
+              88: 'so',
+              89: 'sw',
+              90: 'rw',
+              91: 'rn',
+              92: 'ny',
+              93: 'mg',
+              94: 'eo',
+              128: 'cy',
+              129: 'eu',
+              130: 'ca',
+              131: 'la',
+              132: 'qu',
+              133: 'gn',
+              134: 'ay',
+              135: 'tt',
+              136: 'ug',
+              137: 'dz',
+              138: 'jv',
+              139: 'su',
+              140: 'gl',
+              141: 'af',
+              142: 'br',
+              143: 'iu',
+              144: 'gd',
+              145: 'gv',
+              146: 'ga',
+              147: 'to',
+              148: 'el-polyton',
+              149: 'kl',
+              150: 'az',
+              151: 'nn'
+            };
+            // MacOS language ID → MacOS script ID
+            //
+            // Note that the script ID is not sufficient to determine what encoding
+            // to use in TrueType files. For some languages, MacOS used a modification
+            // of a mainstream script. For example, an Icelandic name would be stored
+            // with smRoman in the TrueType naming table, but the actual encoding
+            // is a special Icelandic version of the normal Macintosh Roman encoding.
+            // As another example, Inuktitut uses an 8-bit encoding for Canadian Aboriginal
+            // Syllables but MacOS had run out of available script codes, so this was
+            // done as a (pretty radical) "modification" of Ethiopic.
+            //
+            // http://unicode.org/Public/MAPPINGS/VENDORS/APPLE/Readme.txt
+            var macLanguageToScript = {
+              0: 0,
+              // langEnglish → smRoman
+              1: 0,
+              // langFrench → smRoman
+              2: 0,
+              // langGerman → smRoman
+              3: 0,
+              // langItalian → smRoman
+              4: 0,
+              // langDutch → smRoman
+              5: 0,
+              // langSwedish → smRoman
+              6: 0,
+              // langSpanish → smRoman
+              7: 0,
+              // langDanish → smRoman
+              8: 0,
+              // langPortuguese → smRoman
+              9: 0,
+              // langNorwegian → smRoman
+              10: 5,
+              // langHebrew → smHebrew
+              11: 1,
+              // langJapanese → smJapanese
+              12: 4,
+              // langArabic → smArabic
+              13: 0,
+              // langFinnish → smRoman
+              14: 6,
+              // langGreek → smGreek
+              15: 0,
+              // langIcelandic → smRoman (modified)
+              16: 0,
+              // langMaltese → smRoman
+              17: 0,
+              // langTurkish → smRoman (modified)
+              18: 0,
+              // langCroatian → smRoman (modified)
+              19: 2,
+              // langTradChinese → smTradChinese
+              20: 4,
+              // langUrdu → smArabic
+              21: 9,
+              // langHindi → smDevanagari
+              22: 21,
+              // langThai → smThai
+              23: 3,
+              // langKorean → smKorean
+              24: 29,
+              // langLithuanian → smCentralEuroRoman
+              25: 29,
+              // langPolish → smCentralEuroRoman
+              26: 29,
+              // langHungarian → smCentralEuroRoman
+              27: 29,
+              // langEstonian → smCentralEuroRoman
+              28: 29,
+              // langLatvian → smCentralEuroRoman
+              29: 0,
+              // langSami → smRoman
+              30: 0,
+              // langFaroese → smRoman (modified)
+              31: 4,
+              // langFarsi → smArabic (modified)
+              32: 7,
+              // langRussian → smCyrillic
+              33: 25,
+              // langSimpChinese → smSimpChinese
+              34: 0,
+              // langFlemish → smRoman
+              35: 0,
+              // langIrishGaelic → smRoman (modified)
+              36: 0,
+              // langAlbanian → smRoman
+              37: 0,
+              // langRomanian → smRoman (modified)
+              38: 29,
+              // langCzech → smCentralEuroRoman
+              39: 29,
+              // langSlovak → smCentralEuroRoman
+              40: 0,
+              // langSlovenian → smRoman (modified)
+              41: 5,
+              // langYiddish → smHebrew
+              42: 7,
+              // langSerbian → smCyrillic
+              43: 7,
+              // langMacedonian → smCyrillic
+              44: 7,
+              // langBulgarian → smCyrillic
+              45: 7,
+              // langUkrainian → smCyrillic (modified)
+              46: 7,
+              // langByelorussian → smCyrillic
+              47: 7,
+              // langUzbek → smCyrillic
+              48: 7,
+              // langKazakh → smCyrillic
+              49: 7,
+              // langAzerbaijani → smCyrillic
+              50: 4,
+              // langAzerbaijanAr → smArabic
+              51: 24,
+              // langArmenian → smArmenian
+              52: 23,
+              // langGeorgian → smGeorgian
+              53: 7,
+              // langMoldavian → smCyrillic
+              54: 7,
+              // langKirghiz → smCyrillic
+              55: 7,
+              // langTajiki → smCyrillic
+              56: 7,
+              // langTurkmen → smCyrillic
+              57: 27,
+              // langMongolian → smMongolian
+              58: 7,
+              // langMongolianCyr → smCyrillic
+              59: 4,
+              // langPashto → smArabic
+              60: 4,
+              // langKurdish → smArabic
+              61: 4,
+              // langKashmiri → smArabic
+              62: 4,
+              // langSindhi → smArabic
+              63: 26,
+              // langTibetan → smTibetan
+              64: 9,
+              // langNepali → smDevanagari
+              65: 9,
+              // langSanskrit → smDevanagari
+              66: 9,
+              // langMarathi → smDevanagari
+              67: 13,
+              // langBengali → smBengali
+              68: 13,
+              // langAssamese → smBengali
+              69: 11,
+              // langGujarati → smGujarati
+              70: 10,
+              // langPunjabi → smGurmukhi
+              71: 12,
+              // langOriya → smOriya
+              72: 17,
+              // langMalayalam → smMalayalam
+              73: 16,
+              // langKannada → smKannada
+              74: 14,
+              // langTamil → smTamil
+              75: 15,
+              // langTelugu → smTelugu
+              76: 18,
+              // langSinhalese → smSinhalese
+              77: 19,
+              // langBurmese → smBurmese
+              78: 20,
+              // langKhmer → smKhmer
+              79: 22,
+              // langLao → smLao
+              80: 30,
+              // langVietnamese → smVietnamese
+              81: 0,
+              // langIndonesian → smRoman
+              82: 0,
+              // langTagalog → smRoman
+              83: 0,
+              // langMalayRoman → smRoman
+              84: 4,
+              // langMalayArabic → smArabic
+              85: 28,
+              // langAmharic → smEthiopic
+              86: 28,
+              // langTigrinya → smEthiopic
+              87: 28,
+              // langOromo → smEthiopic
+              88: 0,
+              // langSomali → smRoman
+              89: 0,
+              // langSwahili → smRoman
+              90: 0,
+              // langKinyarwanda → smRoman
+              91: 0,
+              // langRundi → smRoman
+              92: 0,
+              // langNyanja → smRoman
+              93: 0,
+              // langMalagasy → smRoman
+              94: 0,
+              // langEsperanto → smRoman
+              128: 0,
+              // langWelsh → smRoman (modified)
+              129: 0,
+              // langBasque → smRoman
+              130: 0,
+              // langCatalan → smRoman
+              131: 0,
+              // langLatin → smRoman
+              132: 0,
+              // langQuechua → smRoman
+              133: 0,
+              // langGuarani → smRoman
+              134: 0,
+              // langAymara → smRoman
+              135: 7,
+              // langTatar → smCyrillic
+              136: 4,
+              // langUighur → smArabic
+              137: 26,
+              // langDzongkha → smTibetan
+              138: 0,
+              // langJavaneseRom → smRoman
+              139: 0,
+              // langSundaneseRom → smRoman
+              140: 0,
+              // langGalician → smRoman
+              141: 0,
+              // langAfrikaans → smRoman
+              142: 0,
+              // langBreton → smRoman (modified)
+              143: 28,
+              // langInuktitut → smEthiopic (modified)
+              144: 0,
+              // langScottishGaelic → smRoman (modified)
+              145: 0,
+              // langManxGaelic → smRoman (modified)
+              146: 0,
+              // langIrishGaelicScript → smRoman (modified)
+              147: 0,
+              // langTongan → smRoman
+              148: 6,
+              // langGreekAncient → smRoman
+              149: 0,
+              // langGreenlandic → smRoman
+              150: 0,
+              // langAzerbaijanRoman → smRoman
+              151: 0 // langNynorsk → smRoman
+            };
+            // While Microsoft indicates a region/country for all its language
+            // IDs, we omit the region code if it's equal to the "most likely
+            // region subtag" according to Unicode CLDR. For scripts, we omit
+            // the subtag if it is equal to the Suppress-Script entry in the
+            // IANA language subtag registry for IETF BCP 47.
+            //
+            // For example, Microsoft states that its language code 0x041A is
+            // Croatian in Croatia. We transform this to the BCP 47 language code 'hr'
+            // and not 'hr-HR' because Croatia is the default country for Croatian,
+            // according to Unicode CLDR. As another example, Microsoft states
+            // that 0x101A is Croatian (Latin) in Bosnia-Herzegovina. We transform
+            // this to 'hr-BA' and not 'hr-Latn-BA' because Latin is the default script
+            // for the Croatian language, according to IANA.
+            //
+            // http://www.unicode.org/cldr/charts/latest/supplemental/likely_subtags.html
+            // http://www.iana.org/assignments/language-subtag-registry/language-subtag-registry
+            var windowsLanguages = {
+              1078: 'af',
+              1052: 'sq',
+              1156: 'gsw',
+              1118: 'am',
+              5121: 'ar-DZ',
+              15361: 'ar-BH',
+              3073: 'ar',
+              2049: 'ar-IQ',
+              11265: 'ar-JO',
+              13313: 'ar-KW',
+              12289: 'ar-LB',
+              4097: 'ar-LY',
+              6145: 'ary',
+              8193: 'ar-OM',
+              16385: 'ar-QA',
+              1025: 'ar-SA',
+              10241: 'ar-SY',
+              7169: 'aeb',
+              14337: 'ar-AE',
+              9217: 'ar-YE',
+              1067: 'hy',
+              1101: 'as',
+              2092: 'az-Cyrl',
+              1068: 'az',
+              1133: 'ba',
+              1069: 'eu',
+              1059: 'be',
+              2117: 'bn',
+              1093: 'bn-IN',
+              8218: 'bs-Cyrl',
+              5146: 'bs',
+              1150: 'br',
+              1026: 'bg',
+              1027: 'ca',
+              3076: 'zh-HK',
+              5124: 'zh-MO',
+              2052: 'zh',
+              4100: 'zh-SG',
+              1028: 'zh-TW',
+              1155: 'co',
+              1050: 'hr',
+              4122: 'hr-BA',
+              1029: 'cs',
+              1030: 'da',
+              1164: 'prs',
+              1125: 'dv',
+              2067: 'nl-BE',
+              1043: 'nl',
+              3081: 'en-AU',
+              10249: 'en-BZ',
+              4105: 'en-CA',
+              9225: 'en-029',
+              16393: 'en-IN',
+              6153: 'en-IE',
+              8201: 'en-JM',
+              17417: 'en-MY',
+              5129: 'en-NZ',
+              13321: 'en-PH',
+              18441: 'en-SG',
+              7177: 'en-ZA',
+              11273: 'en-TT',
+              2057: 'en-GB',
+              1033: 'en',
+              12297: 'en-ZW',
+              1061: 'et',
+              1080: 'fo',
+              1124: 'fil',
+              1035: 'fi',
+              2060: 'fr-BE',
+              3084: 'fr-CA',
+              1036: 'fr',
+              5132: 'fr-LU',
+              6156: 'fr-MC',
+              4108: 'fr-CH',
+              1122: 'fy',
+              1110: 'gl',
+              1079: 'ka',
+              3079: 'de-AT',
+              1031: 'de',
+              5127: 'de-LI',
+              4103: 'de-LU',
+              2055: 'de-CH',
+              1032: 'el',
+              1135: 'kl',
+              1095: 'gu',
+              1128: 'ha',
+              1037: 'he',
+              1081: 'hi',
+              1038: 'hu',
+              1039: 'is',
+              1136: 'ig',
+              1057: 'id',
+              1117: 'iu',
+              2141: 'iu-Latn',
+              2108: 'ga',
+              1076: 'xh',
+              1077: 'zu',
+              1040: 'it',
+              2064: 'it-CH',
+              1041: 'ja',
+              1099: 'kn',
+              1087: 'kk',
+              1107: 'km',
+              1158: 'quc',
+              1159: 'rw',
+              1089: 'sw',
+              1111: 'kok',
+              1042: 'ko',
+              1088: 'ky',
+              1108: 'lo',
+              1062: 'lv',
+              1063: 'lt',
+              2094: 'dsb',
+              1134: 'lb',
+              1071: 'mk',
+              2110: 'ms-BN',
+              1086: 'ms',
+              1100: 'ml',
+              1082: 'mt',
+              1153: 'mi',
+              1146: 'arn',
+              1102: 'mr',
+              1148: 'moh',
+              1104: 'mn',
+              2128: 'mn-CN',
+              1121: 'ne',
+              1044: 'nb',
+              2068: 'nn',
+              1154: 'oc',
+              1096: 'or',
+              1123: 'ps',
+              1045: 'pl',
+              1046: 'pt',
+              2070: 'pt-PT',
+              1094: 'pa',
+              1131: 'qu-BO',
+              2155: 'qu-EC',
+              3179: 'qu',
+              1048: 'ro',
+              1047: 'rm',
+              1049: 'ru',
+              9275: 'smn',
+              4155: 'smj-NO',
+              5179: 'smj',
+              3131: 'se-FI',
+              1083: 'se',
+              2107: 'se-SE',
+              8251: 'sms',
+              6203: 'sma-NO',
+              7227: 'sms',
+              1103: 'sa',
+              7194: 'sr-Cyrl-BA',
+              3098: 'sr',
+              6170: 'sr-Latn-BA',
+              2074: 'sr-Latn',
+              1132: 'nso',
+              1074: 'tn',
+              1115: 'si',
+              1051: 'sk',
+              1060: 'sl',
+              11274: 'es-AR',
+              16394: 'es-BO',
+              13322: 'es-CL',
+              9226: 'es-CO',
+              5130: 'es-CR',
+              7178: 'es-DO',
+              12298: 'es-EC',
+              17418: 'es-SV',
+              4106: 'es-GT',
+              18442: 'es-HN',
+              2058: 'es-MX',
+              19466: 'es-NI',
+              6154: 'es-PA',
+              15370: 'es-PY',
+              10250: 'es-PE',
+              20490: 'es-PR',
+              // Microsoft has defined two different language codes for
+              // “Spanish with modern sorting” and “Spanish with traditional
+              // sorting”. This makes sense for collation APIs, and it would be
+              // possible to express this in BCP 47 language tags via Unicode
+              // extensions (eg., es-u-co-trad is Spanish with traditional
+              // sorting). However, for storing names in fonts, the distinction
+              // does not make sense, so we give “es” in both cases.
+              3082: 'es',
+              1034: 'es',
+              21514: 'es-US',
+              14346: 'es-UY',
+              8202: 'es-VE',
+              2077: 'sv-FI',
+              1053: 'sv',
+              1114: 'syr',
+              1064: 'tg',
+              2143: 'tzm',
+              1097: 'ta',
+              1092: 'tt',
+              1098: 'te',
+              1054: 'th',
+              1105: 'bo',
+              1055: 'tr',
+              1090: 'tk',
+              1152: 'ug',
+              1058: 'uk',
+              1070: 'hsb',
+              1056: 'ur',
+              2115: 'uz-Cyrl',
+              1091: 'uz',
+              1066: 'vi',
+              1106: 'cy',
+              1160: 'wo',
+              1157: 'sah',
+              1144: 'ii',
+              1130: 'yo'
+            };
+            // Returns a IETF BCP 47 language code, for example 'zh-Hant'
+            // for 'Chinese in the traditional script'.
+            function getLanguageCode(platformID, languageID, ltag) {
+              switch (platformID) {
+                case 0:
+                  // Unicode
+                  if (languageID === 65535) {
+                    return 'und';
+                  } else if (ltag) {
+                    return ltag[languageID];
+                  }
+                  break;
+                case 1:
+                  // Macintosh
+                  return macLanguages[languageID];
+                case 3:
+                  // Windows
+                  return windowsLanguages[languageID];
+              }
+              return undefined;
+            }
+            var utf16 = 'utf-16';
+            // MacOS script ID → encoding. This table stores the default case,
+            // which can be overridden by macLanguageEncodings.
+            var macScriptEncodings = {
+              0: 'macintosh',
+              // smRoman
+              1: 'x-mac-japanese',
+              // smJapanese
+              2: 'x-mac-chinesetrad',
+              // smTradChinese
+              3: 'x-mac-korean',
+              // smKorean
+              6: 'x-mac-greek',
+              // smGreek
+              7: 'x-mac-cyrillic',
+              // smCyrillic
+              9: 'x-mac-devanagai',
+              // smDevanagari
+              10: 'x-mac-gurmukhi',
+              // smGurmukhi
+              11: 'x-mac-gujarati',
+              // smGujarati
+              12: 'x-mac-oriya',
+              // smOriya
+              13: 'x-mac-bengali',
+              // smBengali
+              14: 'x-mac-tamil',
+              // smTamil
+              15: 'x-mac-telugu',
+              // smTelugu
+              16: 'x-mac-kannada',
+              // smKannada
+              17: 'x-mac-malayalam',
+              // smMalayalam
+              18: 'x-mac-sinhalese',
+              // smSinhalese
+              19: 'x-mac-burmese',
+              // smBurmese
+              20: 'x-mac-khmer',
+              // smKhmer
+              21: 'x-mac-thai',
+              // smThai
+              22: 'x-mac-lao',
+              // smLao
+              23: 'x-mac-georgian',
+              // smGeorgian
+              24: 'x-mac-armenian',
+              // smArmenian
+              25: 'x-mac-chinesesimp',
+              // smSimpChinese
+              26: 'x-mac-tibetan',
+              // smTibetan
+              27: 'x-mac-mongolian',
+              // smMongolian
+              28: 'x-mac-ethiopic',
+              // smEthiopic
+              29: 'x-mac-ce',
+              // smCentralEuroRoman
+              30: 'x-mac-vietnamese',
+              // smVietnamese
+              31: 'x-mac-extarabic' // smExtArabic
+            };
+            // MacOS language ID → encoding. This table stores the exceptional
+            // cases, which override macScriptEncodings. For writing MacOS naming
+            // tables, we need to emit a MacOS script ID. Therefore, we cannot
+            // merge macScriptEncodings into macLanguageEncodings.
+            //
+            // http://unicode.org/Public/MAPPINGS/VENDORS/APPLE/Readme.txt
+            var macLanguageEncodings = {
+              15: 'x-mac-icelandic',
+              // langIcelandic
+              17: 'x-mac-turkish',
+              // langTurkish
+              18: 'x-mac-croatian',
+              // langCroatian
+              24: 'x-mac-ce',
+              // langLithuanian
+              25: 'x-mac-ce',
+              // langPolish
+              26: 'x-mac-ce',
+              // langHungarian
+              27: 'x-mac-ce',
+              // langEstonian
+              28: 'x-mac-ce',
+              // langLatvian
+              30: 'x-mac-icelandic',
+              // langFaroese
+              37: 'x-mac-romanian',
+              // langRomanian
+              38: 'x-mac-ce',
+              // langCzech
+              39: 'x-mac-ce',
+              // langSlovak
+              40: 'x-mac-ce',
+              // langSlovenian
+              143: 'x-mac-inuit',
+              // langInuktitut
+              146: 'x-mac-gaelic' // langIrishGaelicScript
+            };
+            function getEncoding(platformID, encodingID, languageID) {
+              switch (platformID) {
+                case 0:
+                  // Unicode
+                  return utf16;
+                case 1:
+                  // Apple Macintosh
+                  return macLanguageEncodings[languageID] || macScriptEncodings[encodingID];
+                case 3:
+                  // Microsoft Windows
+                  if (encodingID === 1 || encodingID === 10) {
+                    return utf16;
+                  }
+                  break;
+              }
+              return undefined;
+            }            // Parse the naming `name` table.
+            // FIXME: Format 1 additional fields are not supported yet.
+            // ltag is the content of the `ltag' table, such as ['en', 'zh-Hans', 'de-CH-1904'].
+
+            function parseNameTable(data, start, ltag) {
+              var name = {
+              };
+              var p = new parse.Parser(data, start);
+              var format = p.parseUShort();
+              var count = p.parseUShort();
+              var stringOffset = p.offset + p.parseUShort();
+              for (var i = 0; i < count; i++) {
+                var platformID = p.parseUShort();
+                var encodingID = p.parseUShort();
+                var languageID = p.parseUShort();
+                var nameID = p.parseUShort();
+                var property = nameTableNames[nameID] || nameID;
+                var byteLength = p.parseUShort();
+                var offset = p.parseUShort();
+                var language = getLanguageCode(platformID, languageID, ltag);
+                var encoding = getEncoding(platformID, encodingID, languageID);
+                if (encoding !== undefined && language !== undefined) {
+                  var text = void 0;
+                  if (encoding === utf16) {
+                    text = decode.UTF16(data, stringOffset + offset, byteLength);
+                  } else {
+                    text = decode.MACSTRING(data, stringOffset + offset, byteLength, encoding);
+                  }
+                  if (text) {
+                    var translations = name[property];
+                    if (translations === undefined) {
+                      translations = name[property] = {
+                      };
+                    }
+                    translations[language] = text;
+                  }
+                }
+              }
+              var langTagCount = 0;
+              if (format === 1) {
+                // FIXME: Also handle Microsoft's 'name' table 1.
+                langTagCount = p.parseUShort();
+              }
+              return name;
+            }            // {23: 'foo'} → {'foo': 23}
+            // ['bar', 'baz'] → {'bar': 0, 'baz': 1}
+
+            function reverseDict(dict) {
+              var result = {
+              };
+              for (var key in dict) {
+                result[dict[key]] = parseInt(key);
+              }
+              return result;
+            }
+            function makeNameRecord(platformID, encodingID, languageID, nameID, length, offset) {
+              return new table.Record('NameRecord', [
+                {
+                  name: 'platformID',
+                  type: 'USHORT',
+                  value: platformID
+                },
+                {
+                  name: 'encodingID',
+                  type: 'USHORT',
+                  value: encodingID
+                },
+                {
+                  name: 'languageID',
+                  type: 'USHORT',
+                  value: languageID
+                },
+                {
+                  name: 'nameID',
+                  type: 'USHORT',
+                  value: nameID
+                },
+                {
+                  name: 'length',
+                  type: 'USHORT',
+                  value: length
+                },
+                {
+                  name: 'offset',
+                  type: 'USHORT',
+                  value: offset
+                }
+              ]);
+            }            // Finds the position of needle in haystack, or -1 if not there.
+            // Like String.indexOf(), but for arrays.
+
+            function findSubArray(needle, haystack) {
+              var needleLength = needle.length;
+              var limit = haystack.length - needleLength + 1;
+              loop: for (var pos = 0; pos < limit; pos++) {
+                for (; pos < limit; pos++) {
+                  for (var k = 0; k < needleLength; k++) {
+                    if (haystack[pos + k] !== needle[k]) {
+                      continue loop;
+                    }
+                  }
+                  return pos;
+                }
+              }
+              return - 1;
+            }
+            function addStringToPool(s, pool) {
+              var offset = findSubArray(s, pool);
+              if (offset < 0) {
+                offset = pool.length;
+                var i = 0;
+                var len = s.length;
+                for (; i < len; ++i) {
+                  pool.push(s[i]);
+                }
+              }
+              return offset;
+            }
+            function makeNameTable(names, ltag) {
+              var nameID;
+              var nameIDs = [
+              ];
+              var namesWithNumericKeys = {
+              };
+              var nameTableIds = reverseDict(nameTableNames);
+              for (var key in names) {
+                var id = nameTableIds[key];
+                if (id === undefined) {
+                  id = key;
+                }
+                nameID = parseInt(id);
+                if (isNaN(nameID)) {
+                  throw new Error('Name table entry "' + key + '" does not exist, see nameTableNames for complete list.');
+                }
+                namesWithNumericKeys[nameID] = names[key];
+                nameIDs.push(nameID);
+              }
+              var macLanguageIds = reverseDict(macLanguages);
+              var windowsLanguageIds = reverseDict(windowsLanguages);
+              var nameRecords = [
+              ];
+              var stringPool = [
+              ];
+              for (var i = 0; i < nameIDs.length; i++) {
+                nameID = nameIDs[i];
+                var translations = namesWithNumericKeys[nameID];
+                for (var lang in translations) {
+                  var text = translations[lang];
+                  // For MacOS, we try to emit the name in the form that was introduced
+                  // in the initial version of the TrueType spec (in the late 1980s).
+                  // However, this can fail for various reasons: the requested BCP 47
+                  // language code might not have an old-style Mac equivalent;
+                  // we might not have a codec for the needed character encoding;
+                  // or the name might contain characters that cannot be expressed
+                  // in the old-style Macintosh encoding. In case of failure, we emit
+                  // the name in a more modern fashion (Unicode encoding with BCP 47
+                  // language tags) that is recognized by MacOS 10.5, released in 2009.
+                  // If fonts were only read by operating systems, we could simply
+                  // emit all names in the modern form; this would be much easier.
+                  // However, there are many applications and libraries that read
+                  // 'name' tables directly, and these will usually only recognize
+                  // the ancient form (silently skipping the unrecognized names).
+                  var macPlatform = 1; // Macintosh
+                  var macLanguage = macLanguageIds[lang];
+                  var macScript = macLanguageToScript[macLanguage];
+                  var macEncoding = getEncoding(macPlatform, macScript, macLanguage);
+                  var macName = encode.MACSTRING(text, macEncoding);
+                  if (macName === undefined) {
+                    macPlatform = 0; // Unicode
+                    macLanguage = ltag.indexOf(lang);
+                    if (macLanguage < 0) {
+                      macLanguage = ltag.length;
+                      ltag.push(lang);
+                    }
+                    macScript = 4; // Unicode 2.0 and later
+                    macName = encode.UTF16(text);
+                  }
+                  var macNameOffset = addStringToPool(macName, stringPool);
+                  nameRecords.push(makeNameRecord(macPlatform, macScript, macLanguage, nameID, macName.length, macNameOffset));
+                  var winLanguage = windowsLanguageIds[lang];
+                  if (winLanguage !== undefined) {
+                    var winName = encode.UTF16(text);
+                    var winNameOffset = addStringToPool(winName, stringPool);
+                    nameRecords.push(makeNameRecord(3, 1, winLanguage, nameID, winName.length, winNameOffset));
+                  }
+                }
+              }
+              nameRecords.sort(function (a, b) {
+                return a.platformID - b.platformID || a.encodingID - b.encodingID || a.languageID - b.languageID || a.nameID - b.nameID;
+              });
+              var t = new table.Table('name', [
+                {
+                  name: 'format',
+                  type: 'USHORT',
+                  value: 0
+                },
+                {
+                  name: 'count',
+                  type: 'USHORT',
+                  value: nameRecords.length
+                },
+                {
+                  name: 'stringOffset',
+                  type: 'USHORT',
+                  value: 6 + nameRecords.length * 12
+                }
+              ]);
+              for (var r = 0; r < nameRecords.length; r++) {
+                t.fields.push({
+                  name: 'record_' + r,
+                  type: 'RECORD',
+                  value: nameRecords[r]
+                });
+              }
+              t.fields.push({
+                name: 'strings',
+                type: 'LITERAL',
+                value: stringPool
+              });
+              return t;
+            }
+            var _name = {
+              parse: parseNameTable,
+              make: makeNameTable
+            };
+            // The `OS/2` table contains metrics required in OpenType fonts.
+            var unicodeRanges = [
+              {
+                begin: 0,
+                end: 127
+              },
+              // Basic Latin
+              {
+                begin: 128,
+                end: 255
+              },
+              // Latin-1 Supplement
+              {
+                begin: 256,
+                end: 383
+              },
+              // Latin Extended-A
+              {
+                begin: 384,
+                end: 591
+              },
+              // Latin Extended-B
+              {
+                begin: 592,
+                end: 687
+              },
+              // IPA Extensions
+              {
+                begin: 688,
+                end: 767
+              },
+              // Spacing Modifier Letters
+              {
+                begin: 768,
+                end: 879
+              },
+              // Combining Diacritical Marks
+              {
+                begin: 880,
+                end: 1023
+              },
+              // Greek and Coptic
+              {
+                begin: 11392,
+                end: 11519
+              },
+              // Coptic
+              {
+                begin: 1024,
+                end: 1279
+              },
+              // Cyrillic
+              {
+                begin: 1328,
+                end: 1423
+              },
+              // Armenian
+              {
+                begin: 1424,
+                end: 1535
+              },
+              // Hebrew
+              {
+                begin: 42240,
+                end: 42559
+              },
+              // Vai
+              {
+                begin: 1536,
+                end: 1791
+              },
+              // Arabic
+              {
+                begin: 1984,
+                end: 2047
+              },
+              // NKo
+              {
+                begin: 2304,
+                end: 2431
+              },
+              // Devanagari
+              {
+                begin: 2432,
+                end: 2559
+              },
+              // Bengali
+              {
+                begin: 2560,
+                end: 2687
+              },
+              // Gurmukhi
+              {
+                begin: 2688,
+                end: 2815
+              },
+              // Gujarati
+              {
+                begin: 2816,
+                end: 2943
+              },
+              // Oriya
+              {
+                begin: 2944,
+                end: 3071
+              },
+              // Tamil
+              {
+                begin: 3072,
+                end: 3199
+              },
+              // Telugu
+              {
+                begin: 3200,
+                end: 3327
+              },
+              // Kannada
+              {
+                begin: 3328,
+                end: 3455
+              },
+              // Malayalam
+              {
+                begin: 3584,
+                end: 3711
+              },
+              // Thai
+              {
+                begin: 3712,
+                end: 3839
+              },
+              // Lao
+              {
+                begin: 4256,
+                end: 4351
+              },
+              // Georgian
+              {
+                begin: 6912,
+                end: 7039
+              },
+              // Balinese
+              {
+                begin: 4352,
+                end: 4607
+              },
+              // Hangul Jamo
+              {
+                begin: 7680,
+                end: 7935
+              },
+              // Latin Extended Additional
+              {
+                begin: 7936,
+                end: 8191
+              },
+              // Greek Extended
+              {
+                begin: 8192,
+                end: 8303
+              },
+              // General Punctuation
+              {
+                begin: 8304,
+                end: 8351
+              },
+              // Superscripts And Subscripts
+              {
+                begin: 8352,
+                end: 8399
+              },
+              // Currency Symbol
+              {
+                begin: 8400,
+                end: 8447
+              },
+              // Combining Diacritical Marks For Symbols
+              {
+                begin: 8448,
+                end: 8527
+              },
+              // Letterlike Symbols
+              {
+                begin: 8528,
+                end: 8591
+              },
+              // Number Forms
+              {
+                begin: 8592,
+                end: 8703
+              },
+              // Arrows
+              {
+                begin: 8704,
+                end: 8959
+              },
+              // Mathematical Operators
+              {
+                begin: 8960,
+                end: 9215
+              },
+              // Miscellaneous Technical
+              {
+                begin: 9216,
+                end: 9279
+              },
+              // Control Pictures
+              {
+                begin: 9280,
+                end: 9311
+              },
+              // Optical Character Recognition
+              {
+                begin: 9312,
+                end: 9471
+              },
+              // Enclosed Alphanumerics
+              {
+                begin: 9472,
+                end: 9599
+              },
+              // Box Drawing
+              {
+                begin: 9600,
+                end: 9631
+              },
+              // Block Elements
+              {
+                begin: 9632,
+                end: 9727
+              },
+              // Geometric Shapes
+              {
+                begin: 9728,
+                end: 9983
+              },
+              // Miscellaneous Symbols
+              {
+                begin: 9984,
+                end: 10175
+              },
+              // Dingbats
+              {
+                begin: 12288,
+                end: 12351
+              },
+              // CJK Symbols And Punctuation
+              {
+                begin: 12352,
+                end: 12447
+              },
+              // Hiragana
+              {
+                begin: 12448,
+                end: 12543
+              },
+              // Katakana
+              {
+                begin: 12544,
+                end: 12591
+              },
+              // Bopomofo
+              {
+                begin: 12592,
+                end: 12687
+              },
+              // Hangul Compatibility Jamo
+              {
+                begin: 43072,
+                end: 43135
+              },
+              // Phags-pa
+              {
+                begin: 12800,
+                end: 13055
+              },
+              // Enclosed CJK Letters And Months
+              {
+                begin: 13056,
+                end: 13311
+              },
+              // CJK Compatibility
+              {
+                begin: 44032,
+                end: 55215
+              },
+              // Hangul Syllables
+              {
+                begin: 55296,
+                end: 57343
+              },
+              // Non-Plane 0 *
+              {
+                begin: 67840,
+                end: 67871
+              },
+              // Phoenicia
+              {
+                begin: 19968,
+                end: 40959
+              },
+              // CJK Unified Ideographs
+              {
+                begin: 57344,
+                end: 63743
+              },
+              // Private Use Area (plane 0)
+              {
+                begin: 12736,
+                end: 12783
+              },
+              // CJK Strokes
+              {
+                begin: 64256,
+                end: 64335
+              },
+              // Alphabetic Presentation Forms
+              {
+                begin: 64336,
+                end: 65023
+              },
+              // Arabic Presentation Forms-A
+              {
+                begin: 65056,
+                end: 65071
+              },
+              // Combining Half Marks
+              {
+                begin: 65040,
+                end: 65055
+              },
+              // Vertical Forms
+              {
+                begin: 65104,
+                end: 65135
+              },
+              // Small Form Variants
+              {
+                begin: 65136,
+                end: 65279
+              },
+              // Arabic Presentation Forms-B
+              {
+                begin: 65280,
+                end: 65519
+              },
+              // Halfwidth And Fullwidth Forms
+              {
+                begin: 65520,
+                end: 65535
+              },
+              // Specials
+              {
+                begin: 3840,
+                end: 4095
+              },
+              // Tibetan
+              {
+                begin: 1792,
+                end: 1871
+              },
+              // Syriac
+              {
+                begin: 1920,
+                end: 1983
+              },
+              // Thaana
+              {
+                begin: 3456,
+                end: 3583
+              },
+              // Sinhala
+              {
+                begin: 4096,
+                end: 4255
+              },
+              // Myanmar
+              {
+                begin: 4608,
+                end: 4991
+              },
+              // Ethiopic
+              {
+                begin: 5024,
+                end: 5119
+              },
+              // Cherokee
+              {
+                begin: 5120,
+                end: 5759
+              },
+              // Unified Canadian Aboriginal Syllabics
+              {
+                begin: 5760,
+                end: 5791
+              },
+              // Ogham
+              {
+                begin: 5792,
+                end: 5887
+              },
+              // Runic
+              {
+                begin: 6016,
+                end: 6143
+              },
+              // Khmer
+              {
+                begin: 6144,
+                end: 6319
+              },
+              // Mongolian
+              {
+                begin: 10240,
+                end: 10495
+              },
+              // Braille Patterns
+              {
+                begin: 40960,
+                end: 42127
+              },
+              // Yi Syllables
+              {
+                begin: 5888,
+                end: 5919
+              },
+              // Tagalog
+              {
+                begin: 66304,
+                end: 66351
+              },
+              // Old Italic
+              {
+                begin: 66352,
+                end: 66383
+              },
+              // Gothic
+              {
+                begin: 66560,
+                end: 66639
+              },
+              // Deseret
+              {
+                begin: 118784,
+                end: 119039
+              },
+              // Byzantine Musical Symbols
+              {
+                begin: 119808,
+                end: 120831
+              },
+              // Mathematical Alphanumeric Symbols
+              {
+                begin: 1044480,
+                end: 1048573
+              },
+              // Private Use (plane 15)
+              {
+                begin: 65024,
+                end: 65039
+              },
+              // Variation Selectors
+              {
+                begin: 917504,
+                end: 917631
+              },
+              // Tags
+              {
+                begin: 6400,
+                end: 6479
+              },
+              // Limbu
+              {
+                begin: 6480,
+                end: 6527
+              },
+              // Tai Le
+              {
+                begin: 6528,
+                end: 6623
+              },
+              // New Tai Lue
+              {
+                begin: 6656,
+                end: 6687
+              },
+              // Buginese
+              {
+                begin: 11264,
+                end: 11359
+              },
+              // Glagolitic
+              {
+                begin: 11568,
+                end: 11647
+              },
+              // Tifinagh
+              {
+                begin: 19904,
+                end: 19967
+              },
+              // Yijing Hexagram Symbols
+              {
+                begin: 43008,
+                end: 43055
+              },
+              // Syloti Nagri
+              {
+                begin: 65536,
+                end: 65663
+              },
+              // Linear B Syllabary
+              {
+                begin: 65856,
+                end: 65935
+              },
+              // Ancient Greek Numbers
+              {
+                begin: 66432,
+                end: 66463
+              },
+              // Ugaritic
+              {
+                begin: 66464,
+                end: 66527
+              },
+              // Old Persian
+              {
+                begin: 66640,
+                end: 66687
+              },
+              // Shavian
+              {
+                begin: 66688,
+                end: 66735
+              },
+              // Osmanya
+              {
+                begin: 67584,
+                end: 67647
+              },
+              // Cypriot Syllabary
+              {
+                begin: 68096,
+                end: 68191
+              },
+              // Kharoshthi
+              {
+                begin: 119552,
+                end: 119647
+              },
+              // Tai Xuan Jing Symbols
+              {
+                begin: 73728,
+                end: 74751
+              },
+              // Cuneiform
+              {
+                begin: 119648,
+                end: 119679
+              },
+              // Counting Rod Numerals
+              {
+                begin: 7040,
+                end: 7103
+              },
+              // Sundanese
+              {
+                begin: 7168,
+                end: 7247
+              },
+              // Lepcha
+              {
+                begin: 7248,
+                end: 7295
+              },
+              // Ol Chiki
+              {
+                begin: 43136,
+                end: 43231
+              },
+              // Saurashtra
+              {
+                begin: 43264,
+                end: 43311
+              },
+              // Kayah Li
+              {
+                begin: 43312,
+                end: 43359
+              },
+              // Rejang
+              {
+                begin: 43520,
+                end: 43615
+              },
+              // Cham
+              {
+                begin: 65936,
+                end: 65999
+              },
+              // Ancient Symbols
+              {
+                begin: 66000,
+                end: 66047
+              },
+              // Phaistos Disc
+              {
+                begin: 66208,
+                end: 66271
+              },
+              // Carian
+              {
+                begin: 127024,
+                end: 127135
+              } // Domino Tiles
+
+            ];
+            function getUnicodeRange(unicode) {
+              for (var i = 0; i < unicodeRanges.length; i += 1) {
+                var range = unicodeRanges[i];
+                if (unicode >= range.begin && unicode < range.end) {
+                  return i;
+                }
+              }
+              return - 1;
+            }            // Parse the OS/2 and Windows metrics `OS/2` table
+
+            function parseOS2Table(data, start) {
+              var os2 = {
+              };
+              var p = new parse.Parser(data, start);
+              os2.version = p.parseUShort();
+              os2.xAvgCharWidth = p.parseShort();
+              os2.usWeightClass = p.parseUShort();
+              os2.usWidthClass = p.parseUShort();
+              os2.fsType = p.parseUShort();
+              os2.ySubscriptXSize = p.parseShort();
+              os2.ySubscriptYSize = p.parseShort();
+              os2.ySubscriptXOffset = p.parseShort();
+              os2.ySubscriptYOffset = p.parseShort();
+              os2.ySuperscriptXSize = p.parseShort();
+              os2.ySuperscriptYSize = p.parseShort();
+              os2.ySuperscriptXOffset = p.parseShort();
+              os2.ySuperscriptYOffset = p.parseShort();
+              os2.yStrikeoutSize = p.parseShort();
+              os2.yStrikeoutPosition = p.parseShort();
+              os2.sFamilyClass = p.parseShort();
+              os2.panose = [
+              ];
+              for (var i = 0; i < 10; i++) {
+                os2.panose[i] = p.parseByte();
+              }
+              os2.ulUnicodeRange1 = p.parseULong();
+              os2.ulUnicodeRange2 = p.parseULong();
+              os2.ulUnicodeRange3 = p.parseULong();
+              os2.ulUnicodeRange4 = p.parseULong();
+              os2.achVendID = String.fromCharCode(p.parseByte(), p.parseByte(), p.parseByte(), p.parseByte());
+              os2.fsSelection = p.parseUShort();
+              os2.usFirstCharIndex = p.parseUShort();
+              os2.usLastCharIndex = p.parseUShort();
+              os2.sTypoAscender = p.parseShort();
+              os2.sTypoDescender = p.parseShort();
+              os2.sTypoLineGap = p.parseShort();
+              os2.usWinAscent = p.parseUShort();
+              os2.usWinDescent = p.parseUShort();
+              if (os2.version >= 1) {
+                os2.ulCodePageRange1 = p.parseULong();
+                os2.ulCodePageRange2 = p.parseULong();
+              }
+              if (os2.version >= 2) {
+                os2.sxHeight = p.parseShort();
+                os2.sCapHeight = p.parseShort();
+                os2.usDefaultChar = p.parseUShort();
+                os2.usBreakChar = p.parseUShort();
+                os2.usMaxContent = p.parseUShort();
+              }
+              return os2;
+            }
+            function makeOS2Table(options) {
+              return new table.Table('OS/2', [
+                {
+                  name: 'version',
+                  type: 'USHORT',
+                  value: 3
+                },
+                {
+                  name: 'xAvgCharWidth',
+                  type: 'SHORT',
+                  value: 0
+                },
+                {
+                  name: 'usWeightClass',
+                  type: 'USHORT',
+                  value: 0
+                },
+                {
+                  name: 'usWidthClass',
+                  type: 'USHORT',
+                  value: 0
+                },
+                {
+                  name: 'fsType',
+                  type: 'USHORT',
+                  value: 0
+                },
+                {
+                  name: 'ySubscriptXSize',
+                  type: 'SHORT',
+                  value: 650
+                },
+                {
+                  name: 'ySubscriptYSize',
+                  type: 'SHORT',
+                  value: 699
+                },
+                {
+                  name: 'ySubscriptXOffset',
+                  type: 'SHORT',
+                  value: 0
+                },
+                {
+                  name: 'ySubscriptYOffset',
+                  type: 'SHORT',
+                  value: 140
+                },
+                {
+                  name: 'ySuperscriptXSize',
+                  type: 'SHORT',
+                  value: 650
+                },
+                {
+                  name: 'ySuperscriptYSize',
+                  type: 'SHORT',
+                  value: 699
+                },
+                {
+                  name: 'ySuperscriptXOffset',
+                  type: 'SHORT',
+                  value: 0
+                },
+                {
+                  name: 'ySuperscriptYOffset',
+                  type: 'SHORT',
+                  value: 479
+                },
+                {
+                  name: 'yStrikeoutSize',
+                  type: 'SHORT',
+                  value: 49
+                },
+                {
+                  name: 'yStrikeoutPosition',
+                  type: 'SHORT',
+                  value: 258
+                },
+                {
+                  name: 'sFamilyClass',
+                  type: 'SHORT',
+                  value: 0
+                },
+                {
+                  name: 'bFamilyType',
+                  type: 'BYTE',
+                  value: 0
+                },
+                {
+                  name: 'bSerifStyle',
+                  type: 'BYTE',
+                  value: 0
+                },
+                {
+                  name: 'bWeight',
+                  type: 'BYTE',
+                  value: 0
+                },
+                {
+                  name: 'bProportion',
+                  type: 'BYTE',
+                  value: 0
+                },
+                {
+                  name: 'bContrast',
+                  type: 'BYTE',
+                  value: 0
+                },
+                {
+                  name: 'bStrokeVariation',
+                  type: 'BYTE',
+                  value: 0
+                },
+                {
+                  name: 'bArmStyle',
+                  type: 'BYTE',
+                  value: 0
+                },
+                {
+                  name: 'bLetterform',
+                  type: 'BYTE',
+                  value: 0
+                },
+                {
+                  name: 'bMidline',
+                  type: 'BYTE',
+                  value: 0
+                },
+                {
+                  name: 'bXHeight',
+                  type: 'BYTE',
+                  value: 0
+                },
+                {
+                  name: 'ulUnicodeRange1',
+                  type: 'ULONG',
+                  value: 0
+                },
+                {
+                  name: 'ulUnicodeRange2',
+                  type: 'ULONG',
+                  value: 0
+                },
+                {
+                  name: 'ulUnicodeRange3',
+                  type: 'ULONG',
+                  value: 0
+                },
+                {
+                  name: 'ulUnicodeRange4',
+                  type: 'ULONG',
+                  value: 0
+                },
+                {
+                  name: 'achVendID',
+                  type: 'CHARARRAY',
+                  value: 'XXXX'
+                },
+                {
+                  name: 'fsSelection',
+                  type: 'USHORT',
+                  value: 0
+                },
+                {
+                  name: 'usFirstCharIndex',
+                  type: 'USHORT',
+                  value: 0
+                },
+                {
+                  name: 'usLastCharIndex',
+                  type: 'USHORT',
+                  value: 0
+                },
+                {
+                  name: 'sTypoAscender',
+                  type: 'SHORT',
+                  value: 0
+                },
+                {
+                  name: 'sTypoDescender',
+                  type: 'SHORT',
+                  value: 0
+                },
+                {
+                  name: 'sTypoLineGap',
+                  type: 'SHORT',
+                  value: 0
+                },
+                {
+                  name: 'usWinAscent',
+                  type: 'USHORT',
+                  value: 0
+                },
+                {
+                  name: 'usWinDescent',
+                  type: 'USHORT',
+                  value: 0
+                },
+                {
+                  name: 'ulCodePageRange1',
+                  type: 'ULONG',
+                  value: 0
+                },
+                {
+                  name: 'ulCodePageRange2',
+                  type: 'ULONG',
+                  value: 0
+                },
+                {
+                  name: 'sxHeight',
+                  type: 'SHORT',
+                  value: 0
+                },
+                {
+                  name: 'sCapHeight',
+                  type: 'SHORT',
+                  value: 0
+                },
+                {
+                  name: 'usDefaultChar',
+                  type: 'USHORT',
+                  value: 0
+                },
+                {
+                  name: 'usBreakChar',
+                  type: 'USHORT',
+                  value: 0
+                },
+                {
+                  name: 'usMaxContext',
+                  type: 'USHORT',
+                  value: 0
+                }
+              ], options);
+            }
+            var os2 = {
+              parse: parseOS2Table,
+              make: makeOS2Table,
+              unicodeRanges: unicodeRanges,
+              getUnicodeRange: getUnicodeRange
+            };
+            // The `post` table stores additional PostScript information, such as glyph names.
+            // Parse the PostScript `post` table
+            function parsePostTable(data, start) {
+              var post = {
+              };
+              var p = new parse.Parser(data, start);
+              post.version = p.parseVersion();
+              post.italicAngle = p.parseFixed();
+              post.underlinePosition = p.parseShort();
+              post.underlineThickness = p.parseShort();
+              post.isFixedPitch = p.parseULong();
+              post.minMemType42 = p.parseULong();
+              post.maxMemType42 = p.parseULong();
+              post.minMemType1 = p.parseULong();
+              post.maxMemType1 = p.parseULong();
+              switch (post.version) {
+                case 1:
+                  post.names = standardNames.slice();
+                  break;
+                case 2:
+                  post.numberOfGlyphs = p.parseUShort();
+                  post.glyphNameIndex = new Array(post.numberOfGlyphs);
+                  for (var i = 0; i < post.numberOfGlyphs; i++) {
+                    post.glyphNameIndex[i] = p.parseUShort();
+                  }
+                  post.names = [
+                  ];
+                  for (var i$1 = 0; i$1 < post.numberOfGlyphs; i$1++) {
+                    if (post.glyphNameIndex[i$1] >= standardNames.length) {
+                      var nameLength = p.parseChar();
+                      post.names.push(p.parseString(nameLength));
+                    }
+                  }
+                  break;
+                case 2.5:
+                  post.numberOfGlyphs = p.parseUShort();
+                  post.offset = new Array(post.numberOfGlyphs);
+                  for (var i$2 = 0; i$2 < post.numberOfGlyphs; i$2++) {
+                    post.offset[i$2] = p.parseChar();
+                  }
+                  break;
+              }
+              return post;
+            }
+            function makePostTable() {
+              return new table.Table('post', [
+                {
+                  name: 'version',
+                  type: 'FIXED',
+                  value: 196608
+                },
+                {
+                  name: 'italicAngle',
+                  type: 'FIXED',
+                  value: 0
+                },
+                {
+                  name: 'underlinePosition',
+                  type: 'FWORD',
+                  value: 0
+                },
+                {
+                  name: 'underlineThickness',
+                  type: 'FWORD',
+                  value: 0
+                },
+                {
+                  name: 'isFixedPitch',
+                  type: 'ULONG',
+                  value: 0
+                },
+                {
+                  name: 'minMemType42',
+                  type: 'ULONG',
+                  value: 0
+                },
+                {
+                  name: 'maxMemType42',
+                  type: 'ULONG',
+                  value: 0
+                },
+                {
+                  name: 'minMemType1',
+                  type: 'ULONG',
+                  value: 0
+                },
+                {
+                  name: 'maxMemType1',
+                  type: 'ULONG',
+                  value: 0
+                }
+              ]);
+            }
+            var post = {
+              parse: parsePostTable,
+              make: makePostTable
+            };
+            // The `GSUB` table contains ligatures, among other things.
+            var subtableParsers = new Array(9); // subtableParsers[0] is unused
+            // https://www.microsoft.com/typography/OTSPEC/GSUB.htm#SS
+            subtableParsers[1] = function parseLookup1() {
+              var start = this.offset + this.relativeOffset;
+              var substFormat = this.parseUShort();
+              if (substFormat === 1) {
+                return {
+                  substFormat: 1,
+                  coverage: this.parsePointer(Parser.coverage),
+                  deltaGlyphId: this.parseUShort()
+                };
+              } else if (substFormat === 2) {
+                return {
+                  substFormat: 2,
+                  coverage: this.parsePointer(Parser.coverage),
+                  substitute: this.parseOffset16List()
+                };
+              }
+              check.assert(false, '0x' + start.toString(16) + ': lookup type 1 format must be 1 or 2.');
+            };
+            // https://www.microsoft.com/typography/OTSPEC/GSUB.htm#MS
+            subtableParsers[2] = function parseLookup2() {
+              var substFormat = this.parseUShort();
+              check.argument(substFormat === 1, 'GSUB Multiple Substitution Subtable identifier-format must be 1');
+              return {
+                substFormat: substFormat,
+                coverage: this.parsePointer(Parser.coverage),
+                sequences: this.parseListOfLists()
+              };
+            };
+            // https://www.microsoft.com/typography/OTSPEC/GSUB.htm#AS
+            subtableParsers[3] = function parseLookup3() {
+              var substFormat = this.parseUShort();
+              check.argument(substFormat === 1, 'GSUB Alternate Substitution Subtable identifier-format must be 1');
+              return {
+                substFormat: substFormat,
+                coverage: this.parsePointer(Parser.coverage),
+                alternateSets: this.parseListOfLists()
+              };
+            };
+            // https://www.microsoft.com/typography/OTSPEC/GSUB.htm#LS
+            subtableParsers[4] = function parseLookup4() {
+              var substFormat = this.parseUShort();
+              check.argument(substFormat === 1, 'GSUB ligature table identifier-format must be 1');
+              return {
+                substFormat: substFormat,
+                coverage: this.parsePointer(Parser.coverage),
+                ligatureSets: this.parseListOfLists(function () {
+                  return {
+                    ligGlyph: this.parseUShort(),
+                    components: this.parseUShortList(this.parseUShort() - 1)
+                  };
+                })
+              };
+            };
+            var lookupRecordDesc = {
+              sequenceIndex: Parser.uShort,
+              lookupListIndex: Parser.uShort
+            };
+            // https://www.microsoft.com/typography/OTSPEC/GSUB.htm#CSF
+            subtableParsers[5] = function parseLookup5() {
+              var start = this.offset + this.relativeOffset;
+              var substFormat = this.parseUShort();
+              if (substFormat === 1) {
+                return {
+                  substFormat: substFormat,
+                  coverage: this.parsePointer(Parser.coverage),
+                  ruleSets: this.parseListOfLists(function () {
+                    var glyphCount = this.parseUShort();
+                    var substCount = this.parseUShort();
+                    return {
+                      input: this.parseUShortList(glyphCount - 1),
+                      lookupRecords: this.parseRecordList(substCount, lookupRecordDesc)
+                    };
+                  })
+                };
+              } else if (substFormat === 2) {
+                return {
+                  substFormat: substFormat,
+                  coverage: this.parsePointer(Parser.coverage),
+                  classDef: this.parsePointer(Parser.classDef),
+                  classSets: this.parseListOfLists(function () {
+                    var glyphCount = this.parseUShort();
+                    var substCount = this.parseUShort();
+                    return {
+                      classes: this.parseUShortList(glyphCount - 1),
+                      lookupRecords: this.parseRecordList(substCount, lookupRecordDesc)
+                    };
+                  })
+                };
+              } else if (substFormat === 3) {
+                var glyphCount = this.parseUShort();
+                var substCount = this.parseUShort();
+                return {
+                  substFormat: substFormat,
+                  coverages: this.parseList(glyphCount, Parser.pointer(Parser.coverage)),
+                  lookupRecords: this.parseRecordList(substCount, lookupRecordDesc)
+                };
+              }
+              check.assert(false, '0x' + start.toString(16) + ': lookup type 5 format must be 1, 2 or 3.');
+            };
+            // https://www.microsoft.com/typography/OTSPEC/GSUB.htm#CC
+            subtableParsers[6] = function parseLookup6() {
+              var start = this.offset + this.relativeOffset;
+              var substFormat = this.parseUShort();
+              if (substFormat === 1) {
+                return {
+                  substFormat: 1,
+                  coverage: this.parsePointer(Parser.coverage),
+                  chainRuleSets: this.parseListOfLists(function () {
+                    return {
+                      backtrack: this.parseUShortList(),
+                      input: this.parseUShortList(this.parseShort() - 1),
+                      lookahead: this.parseUShortList(),
+                      lookupRecords: this.parseRecordList(lookupRecordDesc)
+                    };
+                  })
+                };
+              } else if (substFormat === 2) {
+                return {
+                  substFormat: 2,
+                  coverage: this.parsePointer(Parser.coverage),
+                  backtrackClassDef: this.parsePointer(Parser.classDef),
+                  inputClassDef: this.parsePointer(Parser.classDef),
+                  lookaheadClassDef: this.parsePointer(Parser.classDef),
+                  chainClassSet: this.parseListOfLists(function () {
+                    return {
+                      backtrack: this.parseUShortList(),
+                      input: this.parseUShortList(this.parseShort() - 1),
+                      lookahead: this.parseUShortList(),
+                      lookupRecords: this.parseRecordList(lookupRecordDesc)
+                    };
+                  })
+                };
+              } else if (substFormat === 3) {
+                return {
+                  substFormat: 3,
+                  backtrackCoverage: this.parseList(Parser.pointer(Parser.coverage)),
+                  inputCoverage: this.parseList(Parser.pointer(Parser.coverage)),
+                  lookaheadCoverage: this.parseList(Parser.pointer(Parser.coverage)),
+                  lookupRecords: this.parseRecordList(lookupRecordDesc)
+                };
+              }
+              check.assert(false, '0x' + start.toString(16) + ': lookup type 6 format must be 1, 2 or 3.');
+            };
+            // https://www.microsoft.com/typography/OTSPEC/GSUB.htm#ES
+            subtableParsers[7] = function parseLookup7() {
+              // Extension Substitution subtable
+              var substFormat = this.parseUShort();
+              check.argument(substFormat === 1, 'GSUB Extension Substitution subtable identifier-format must be 1');
+              var extensionLookupType = this.parseUShort();
+              var extensionParser = new Parser(this.data, this.offset + this.parseULong());
+              return {
+                substFormat: 1,
+                lookupType: extensionLookupType,
+                extension: subtableParsers[extensionLookupType].call(extensionParser)
+              };
+            };
+            // https://www.microsoft.com/typography/OTSPEC/GSUB.htm#RCCS
+            subtableParsers[8] = function parseLookup8() {
+              var substFormat = this.parseUShort();
+              check.argument(substFormat === 1, 'GSUB Reverse Chaining Contextual Single Substitution Subtable identifier-format must be 1');
+              return {
+                substFormat: substFormat,
+                coverage: this.parsePointer(Parser.coverage),
+                backtrackCoverage: this.parseList(Parser.pointer(Parser.coverage)),
+                lookaheadCoverage: this.parseList(Parser.pointer(Parser.coverage)),
+                substitutes: this.parseUShortList()
+              };
+            };
+            // https://www.microsoft.com/typography/OTSPEC/gsub.htm
+            function parseGsubTable(data, start) {
+              start = start || 0;
+              var p = new Parser(data, start);
+              var tableVersion = p.parseVersion(1);
+              check.argument(tableVersion === 1 || tableVersion === 1.1, 'Unsupported GSUB table version.');
+              if (tableVersion === 1) {
+                return {
+                  version: tableVersion,
+                  scripts: p.parseScriptList(),
+                  features: p.parseFeatureList(),
+                  lookups: p.parseLookupList(subtableParsers)
+                };
+              } else {
+                return {
+                  version: tableVersion,
+                  scripts: p.parseScriptList(),
+                  features: p.parseFeatureList(),
+                  lookups: p.parseLookupList(subtableParsers),
+                  variations: p.parseFeatureVariationsList()
+                };
+              }
+            }            // GSUB Writing //////////////////////////////////////////////
+
+            var subtableMakers = new Array(9);
+            subtableMakers[1] = function makeLookup1(subtable) {
+              if (subtable.substFormat === 1) {
+                return new table.Table('substitutionTable', [
+                  {
+                    name: 'substFormat',
+                    type: 'USHORT',
+                    value: 1
+                  },
+                  {
+                    name: 'coverage',
+                    type: 'TABLE',
+                    value: new table.Coverage(subtable.coverage)
+                  },
+                  {
+                    name: 'deltaGlyphID',
+                    type: 'USHORT',
+                    value: subtable.deltaGlyphId
+                  }
+                ]);
+              } else {
+                return new table.Table('substitutionTable', [
+                  {
+                    name: 'substFormat',
+                    type: 'USHORT',
+                    value: 2
+                  },
+                  {
+                    name: 'coverage',
+                    type: 'TABLE',
+                    value: new table.Coverage(subtable.coverage)
+                  }
+                ].concat(table.ushortList('substitute', subtable.substitute)));
+              }
+              check.fail('Lookup type 1 substFormat must be 1 or 2.');
+            };
+            subtableMakers[3] = function makeLookup3(subtable) {
+              check.assert(subtable.substFormat === 1, 'Lookup type 3 substFormat must be 1.');
+              return new table.Table('substitutionTable', [
+                {
+                  name: 'substFormat',
+                  type: 'USHORT',
+                  value: 1
+                },
+                {
+                  name: 'coverage',
+                  type: 'TABLE',
+                  value: new table.Coverage(subtable.coverage)
+                }
+              ].concat(table.tableList('altSet', subtable.alternateSets, function (alternateSet) {
+                return new table.Table('alternateSetTable', table.ushortList('alternate', alternateSet));
+              })));
+            };
+            subtableMakers[4] = function makeLookup4(subtable) {
+              check.assert(subtable.substFormat === 1, 'Lookup type 4 substFormat must be 1.');
+              return new table.Table('substitutionTable', [
+                {
+                  name: 'substFormat',
+                  type: 'USHORT',
+                  value: 1
+                },
+                {
+                  name: 'coverage',
+                  type: 'TABLE',
+                  value: new table.Coverage(subtable.coverage)
+                }
+              ].concat(table.tableList('ligSet', subtable.ligatureSets, function (ligatureSet) {
+                return new table.Table('ligatureSetTable', table.tableList('ligature', ligatureSet, function (ligature) {
+                  return new table.Table('ligatureTable', [
+                    {
+                      name: 'ligGlyph',
+                      type: 'USHORT',
+                      value: ligature.ligGlyph
+                    }
+                  ].concat(table.ushortList('component', ligature.components, ligature.components.length + 1)));
+                }));
+              })));
+            };
+            function makeGsubTable(gsub) {
+              return new table.Table('GSUB', [
+                {
+                  name: 'version',
+                  type: 'ULONG',
+                  value: 65536
+                },
+                {
+                  name: 'scripts',
+                  type: 'TABLE',
+                  value: new table.ScriptList(gsub.scripts)
+                },
+                {
+                  name: 'features',
+                  type: 'TABLE',
+                  value: new table.FeatureList(gsub.features)
+                },
+                {
+                  name: 'lookups',
+                  type: 'TABLE',
+                  value: new table.LookupList(gsub.lookups, subtableMakers)
+                }
+              ]);
+            }
+            var gsub = {
+              parse: parseGsubTable,
+              make: makeGsubTable
+            };
+            // The `GPOS` table contains kerning pairs, among other things.
+            // Parse the metadata `meta` table.
+            // https://developer.apple.com/fonts/TrueType-Reference-Manual/RM06/Chap6meta.html
+            function parseMetaTable(data, start) {
+              var p = new parse.Parser(data, start);
+              var tableVersion = p.parseULong();
+              check.argument(tableVersion === 1, 'Unsupported META table version.');
+              p.parseULong(); // flags - currently unused and set to 0
+              p.parseULong(); // tableOffset
+              var numDataMaps = p.parseULong();
+              var tags = {
+              };
+              for (var i = 0; i < numDataMaps; i++) {
+                var tag = p.parseTag();
+                var dataOffset = p.parseULong();
+                var dataLength = p.parseULong();
+                var text = decode.UTF8(data, start + dataOffset, dataLength);
+                tags[tag] = text;
+              }
+              return tags;
+            }
+            function makeMetaTable(tags) {
+              var numTags = Object.keys(tags).length;
+              var stringPool = '';
+              var stringPoolOffset = 16 + numTags * 12;
+              var result = new table.Table('meta', [
+                {
+                  name: 'version',
+                  type: 'ULONG',
+                  value: 1
+                },
+                {
+                  name: 'flags',
+                  type: 'ULONG',
+                  value: 0
+                },
+                {
+                  name: 'offset',
+                  type: 'ULONG',
+                  value: stringPoolOffset
+                },
+                {
+                  name: 'numTags',
+                  type: 'ULONG',
+                  value: numTags
+                }
+              ]);
+              for (var tag in tags) {
+                var pos = stringPool.length;
+                stringPool += tags[tag];
+                result.fields.push({
+                  name: 'tag ' + tag,
+                  type: 'TAG',
+                  value: tag
+                });
+                result.fields.push({
+                  name: 'offset ' + tag,
+                  type: 'ULONG',
+                  value: stringPoolOffset + pos
+                });
+                result.fields.push({
+                  name: 'length ' + tag,
+                  type: 'ULONG',
+                  value: tags[tag].length
+                });
+              }
+              result.fields.push({
+                name: 'stringPool',
+                type: 'CHARARRAY',
+                value: stringPool
+              });
+              return result;
+            }
+            var meta = {
+              parse: parseMetaTable,
+              make: makeMetaTable
+            };
+            // The `sfnt` wrapper provides organization for the tables in the font.
+            function log2(v) {
+              return Math.log(v) / Math.log(2) | 0;
+            }
+            function computeCheckSum(bytes) {
+              while (bytes.length % 4 !== 0) {
+                bytes.push(0);
+              }
+              var sum = 0;
+              for (var i = 0; i < bytes.length; i += 4) {
+                sum += (bytes[i] << 24) + (bytes[i + 1] << 16) + (bytes[i + 2] << 8) + bytes[i + 3];
+              }
+              sum %= Math.pow(2, 32);
+              return sum;
+            }
+            function makeTableRecord(tag, checkSum, offset, length) {
+              return new table.Record('Table Record', [
+                {
+                  name: 'tag',
+                  type: 'TAG',
+                  value: tag !== undefined ? tag : ''
+                },
+                {
+                  name: 'checkSum',
+                  type: 'ULONG',
+                  value: checkSum !== undefined ? checkSum : 0
+                },
+                {
+                  name: 'offset',
+                  type: 'ULONG',
+                  value: offset !== undefined ? offset : 0
+                },
+                {
+                  name: 'length',
+                  type: 'ULONG',
+                  value: length !== undefined ? length : 0
+                }
+              ]);
+            }
+            function makeSfntTable(tables) {
+              var sfnt = new table.Table('sfnt', [
+                {
+                  name: 'version',
+                  type: 'TAG',
+                  value: 'OTTO'
+                },
+                {
+                  name: 'numTables',
+                  type: 'USHORT',
+                  value: 0
+                },
+                {
+                  name: 'searchRange',
+                  type: 'USHORT',
+                  value: 0
+                },
+                {
+                  name: 'entrySelector',
+                  type: 'USHORT',
+                  value: 0
+                },
+                {
+                  name: 'rangeShift',
+                  type: 'USHORT',
+                  value: 0
+                }
+              ]);
+              sfnt.tables = tables;
+              sfnt.numTables = tables.length;
+              var highestPowerOf2 = Math.pow(2, log2(sfnt.numTables));
+              sfnt.searchRange = 16 * highestPowerOf2;
+              sfnt.entrySelector = log2(highestPowerOf2);
+              sfnt.rangeShift = sfnt.numTables * 16 - sfnt.searchRange;
+              var recordFields = [
+              ];
+              var tableFields = [
+              ];
+              var offset = sfnt.sizeOf() + makeTableRecord().sizeOf() * sfnt.numTables;
+              while (offset % 4 !== 0) {
+                offset += 1;
+                tableFields.push({
+                  name: 'padding',
+                  type: 'BYTE',
+                  value: 0
+                });
+              }
+              for (var i = 0; i < tables.length; i += 1) {
+                var t = tables[i];
+                check.argument(t.tableName.length === 4, 'Table name' + t.tableName + ' is invalid.');
+                var tableLength = t.sizeOf();
+                var tableRecord = makeTableRecord(t.tableName, computeCheckSum(t.encode()), offset, tableLength);
+                recordFields.push({
+                  name: tableRecord.tag + ' Table Record',
+                  type: 'RECORD',
+                  value: tableRecord
+                });
+                tableFields.push({
+                  name: t.tableName + ' table',
+                  type: 'RECORD',
+                  value: t
+                });
+                offset += tableLength;
+                check.argument(!isNaN(offset), 'Something went wrong calculating the offset.');
+                while (offset % 4 !== 0) {
+                  offset += 1;
+                  tableFields.push({
+                    name: 'padding',
+                    type: 'BYTE',
+                    value: 0
+                  });
+                }
+              }              // Table records need to be sorted alphabetically.
+
+              recordFields.sort(function (r1, r2) {
+                if (r1.value.tag > r2.value.tag) {
+                  return 1;
+                } else {
+                  return - 1;
+                }
+              });
+              sfnt.fields = sfnt.fields.concat(recordFields);
+              sfnt.fields = sfnt.fields.concat(tableFields);
+              return sfnt;
+            }            // Get the metrics for a character. If the string has more than one character
+            // this function returns metrics for the first available character.
+            // You can provide optional fallback metrics if no characters are available.
+
+            function metricsForChar(font, chars, notFoundMetrics) {
+              for (var i = 0; i < chars.length; i += 1) {
+                var glyphIndex = font.charToGlyphIndex(chars[i]);
+                if (glyphIndex > 0) {
+                  var glyph = font.glyphs.get(glyphIndex);
+                  return glyph.getMetrics();
+                }
+              }
+              return notFoundMetrics;
+            }
+            function average(vs) {
+              var sum = 0;
+              for (var i = 0; i < vs.length; i += 1) {
+                sum += vs[i];
+              }
+              return sum / vs.length;
+            }            // Convert the font object to a SFNT data structure.
+            // This structure contains all the necessary tables and metadata to create a binary OTF file.
+
+            function fontToSfntTable(font) {
+              var xMins = [
+              ];
+              var yMins = [
+              ];
+              var xMaxs = [
+              ];
+              var yMaxs = [
+              ];
+              var advanceWidths = [
+              ];
+              var leftSideBearings = [
+              ];
+              var rightSideBearings = [
+              ];
+              var firstCharIndex;
+              var lastCharIndex = 0;
+              var ulUnicodeRange1 = 0;
+              var ulUnicodeRange2 = 0;
+              var ulUnicodeRange3 = 0;
+              var ulUnicodeRange4 = 0;
+              for (var i = 0; i < font.glyphs.length; i += 1) {
+                var glyph = font.glyphs.get(i);
+                var unicode = glyph.unicode | 0;
+                if (isNaN(glyph.advanceWidth)) {
+                  throw new Error('Glyph ' + glyph.name + ' (' + i + '): advanceWidth is not a number.');
+                }
+                if (firstCharIndex > unicode || firstCharIndex === undefined) {
+                  // ignore .notdef char
+                  if (unicode > 0) {
+                    firstCharIndex = unicode;
+                  }
+                }
+                if (lastCharIndex < unicode) {
+                  lastCharIndex = unicode;
+                }
+                var position = os2.getUnicodeRange(unicode);
+                if (position < 32) {
+                  ulUnicodeRange1 |= 1 << position;
+                } else if (position < 64) {
+                  ulUnicodeRange2 |= 1 << position - 32;
+                } else if (position < 96) {
+                  ulUnicodeRange3 |= 1 << position - 64;
+                } else if (position < 123) {
+                  ulUnicodeRange4 |= 1 << position - 96;
+                } else {
+                  throw new Error('Unicode ranges bits > 123 are reserved for internal usage');
+                }                // Skip non-important characters.
+
+                if (glyph.name === '.notdef') {
+                  continue;
+                }
+                var metrics = glyph.getMetrics();
+                xMins.push(metrics.xMin);
+                yMins.push(metrics.yMin);
+                xMaxs.push(metrics.xMax);
+                yMaxs.push(metrics.yMax);
+                leftSideBearings.push(metrics.leftSideBearing);
+                rightSideBearings.push(metrics.rightSideBearing);
+                advanceWidths.push(glyph.advanceWidth);
+              }
+              var globals = {
+                xMin: Math.min.apply(null, xMins),
+                yMin: Math.min.apply(null, yMins),
+                xMax: Math.max.apply(null, xMaxs),
+                yMax: Math.max.apply(null, yMaxs),
+                advanceWidthMax: Math.max.apply(null, advanceWidths),
+                advanceWidthAvg: average(advanceWidths),
+                minLeftSideBearing: Math.min.apply(null, leftSideBearings),
+                maxLeftSideBearing: Math.max.apply(null, leftSideBearings),
+                minRightSideBearing: Math.min.apply(null, rightSideBearings)
+              };
+              globals.ascender = font.ascender;
+              globals.descender = font.descender;
+              var headTable = head.make({
+                flags: 3,
+                // 00000011 (baseline for font at y=0; left sidebearing point at x=0)
+                unitsPerEm: font.unitsPerEm,
+                xMin: globals.xMin,
+                yMin: globals.yMin,
+                xMax: globals.xMax,
+                yMax: globals.yMax,
+                lowestRecPPEM: 3,
+                createdTimestamp: font.createdTimestamp
+              });
+              var hheaTable = hhea.make({
+                ascender: globals.ascender,
+                descender: globals.descender,
+                advanceWidthMax: globals.advanceWidthMax,
+                minLeftSideBearing: globals.minLeftSideBearing,
+                minRightSideBearing: globals.minRightSideBearing,
+                xMaxExtent: globals.maxLeftSideBearing + (globals.xMax - globals.xMin),
+                numberOfHMetrics: font.glyphs.length
+              });
+              var maxpTable = maxp.make(font.glyphs.length);
+              var os2Table = os2.make({
+                xAvgCharWidth: Math.round(globals.advanceWidthAvg),
+                usWeightClass: font.tables.os2.usWeightClass,
+                usWidthClass: font.tables.os2.usWidthClass,
+                usFirstCharIndex: firstCharIndex,
+                usLastCharIndex: lastCharIndex,
+                ulUnicodeRange1: ulUnicodeRange1,
+                ulUnicodeRange2: ulUnicodeRange2,
+                ulUnicodeRange3: ulUnicodeRange3,
+                ulUnicodeRange4: ulUnicodeRange4,
+                fsSelection: font.tables.os2.fsSelection,
+                // REGULAR
+                // See http://typophile.com/node/13081 for more info on vertical metrics.
+                // We get metrics for typical characters (such as "x" for xHeight).
+                // We provide some fallback characters if characters are unavailable: their
+                // ordering was chosen experimentally.
+                sTypoAscender: globals.ascender,
+                sTypoDescender: globals.descender,
+                sTypoLineGap: 0,
+                usWinAscent: globals.yMax,
+                usWinDescent: Math.abs(globals.yMin),
+                ulCodePageRange1: 1,
+                // FIXME: hard-code Latin 1 support for now
+                sxHeight: metricsForChar(font, 'xyvw', {
+                  yMax: Math.round(globals.ascender / 2)
+                }).yMax,
+                sCapHeight: metricsForChar(font, 'HIKLEFJMNTZBDPRAGOQSUVWXY', globals).yMax,
+                usDefaultChar: font.hasChar(' ') ? 32 : 0,
+                // Use space as the default character, if available.
+                usBreakChar: font.hasChar(' ') ? 32 : 0 // Use space as the break character, if available.
+              });
+              var hmtxTable = hmtx.make(font.glyphs);
+              var cmapTable = cmap.make(font.glyphs);
+              var englishFamilyName = font.getEnglishName('fontFamily');
+              var englishStyleName = font.getEnglishName('fontSubfamily');
+              var englishFullName = englishFamilyName + ' ' + englishStyleName;
+              var postScriptName = font.getEnglishName('postScriptName');
+              if (!postScriptName) {
+                postScriptName = englishFamilyName.replace(/\s/g, '') + '-' + englishStyleName;
+              }
+              var names = {
+              };
+              for (var n in font.names) {
+                names[n] = font.names[n];
+              }
+              if (!names.uniqueID) {
+                names.uniqueID = {
+                  en: font.getEnglishName('manufacturer') + ':' + englishFullName
+                };
+              }
+              if (!names.postScriptName) {
+                names.postScriptName = {
+                  en: postScriptName
+                };
+              }
+              if (!names.preferredFamily) {
+                names.preferredFamily = font.names.fontFamily;
+              }
+              if (!names.preferredSubfamily) {
+                names.preferredSubfamily = font.names.fontSubfamily;
+              }
+              var languageTags = [
+              ];
+              var nameTable = _name.make(names, languageTags);
+              var ltagTable = languageTags.length > 0 ? ltag.make(languageTags) : undefined;
+              var postTable = post.make();
+              var cffTable = cff.make(font.glyphs, {
+                version: font.getEnglishName('version'),
+                fullName: englishFullName,
+                familyName: englishFamilyName,
+                weightName: englishStyleName,
+                postScriptName: postScriptName,
+                unitsPerEm: font.unitsPerEm,
+                fontBBox: [
+                  0,
+                  globals.yMin,
+                  globals.ascender,
+                  globals.advanceWidthMax
+                ]
+              });
+              var metaTable = font.metas && Object.keys(font.metas).length > 0 ? meta.make(font.metas) : undefined;
+              // The order does not matter because makeSfntTable() will sort them.
+              var tables = [
+                headTable,
+                hheaTable,
+                maxpTable,
+                os2Table,
+                nameTable,
+                cmapTable,
+                postTable,
+                cffTable,
+                hmtxTable
+              ];
+              if (ltagTable) {
+                tables.push(ltagTable);
+              }              // Optional tables
+
+              if (font.tables.gsub) {
+                tables.push(gsub.make(font.tables.gsub));
+              }
+              if (metaTable) {
+                tables.push(metaTable);
+              }
+              var sfntTable = makeSfntTable(tables);
+              // Compute the font's checkSum and store it in head.checkSumAdjustment.
+              var bytes = sfntTable.encode();
+              var checkSum = computeCheckSum(bytes);
+              var tableFields = sfntTable.fields;
+              var checkSumAdjusted = false;
+              for (var i$1 = 0; i$1 < tableFields.length; i$1 += 1) {
+                if (tableFields[i$1].name === 'head table') {
+                  tableFields[i$1].value.checkSumAdjustment = 2981146554 - checkSum;
+                  checkSumAdjusted = true;
+                  break;
+                }
+              }
+              if (!checkSumAdjusted) {
+                throw new Error('Could not find head table with checkSum to adjust.');
+              }
+              return sfntTable;
+            }
+            var sfnt = {
+              make: makeSfntTable,
+              fontToTable: fontToSfntTable,
+              computeCheckSum: computeCheckSum
+            };
+            // The Layout object is the prototype of Substitution objects, and provides
+            function searchTag(arr, tag) {
+              /* jshint bitwise: false */
+              var imin = 0;
+              var imax = arr.length - 1;
+              while (imin <= imax) {
+                var imid = imin + imax >>> 1;
+                var val = arr[imid].tag;
+                if (val === tag) {
+                  return imid;
+                } else if (val < tag) {
+                  imin = imid + 1;
+                } else {
+                  imax = imid - 1;
+                }
+              }              // Not found: return -1-insertion point
+
+              return - imin - 1;
+            }
+            function binSearch(arr, value) {
+              /* jshint bitwise: false */
+              var imin = 0;
+              var imax = arr.length - 1;
+              while (imin <= imax) {
+                var imid = imin + imax >>> 1;
+                var val = arr[imid];
+                if (val === value) {
+                  return imid;
+                } else if (val < value) {
+                  imin = imid + 1;
+                } else {
+                  imax = imid - 1;
+                }
+              }              // Not found: return -1-insertion point
+
+              return - imin - 1;
+            }            // binary search in a list of ranges (coverage, class definition)
+
+            function searchRange(ranges, value) {
+              // jshint bitwise: false
+              var range;
+              var imin = 0;
+              var imax = ranges.length - 1;
+              while (imin <= imax) {
+                var imid = imin + imax >>> 1;
+                range = ranges[imid];
+                var start = range.start;
+                if (start === value) {
+                  return range;
+                } else if (start < value) {
+                  imin = imid + 1;
+                } else {
+                  imax = imid - 1;
+                }
+              }
+              if (imin > 0) {
+                range = ranges[imin - 1];
+                if (value > range.end) {
+                  return 0;
+                }
+                return range;
+              }
+            }            /**
+   * @exports opentype.Layout
+   * @class
+   */
+
+            function Layout(font, tableName) {
+              this.font = font;
+              this.tableName = tableName;
+            }
+            Layout.prototype = {
+              /**
+     * Binary search an object by "tag" property
+     * @instance
+     * @function searchTag
+     * @memberof opentype.Layout
+     * @param  {Array} arr
+     * @param  {string} tag
+     * @return {number}
+     */
+              searchTag: searchTag,
+              /**
+     * Binary search in a list of numbers
+     * @instance
+     * @function binSearch
+     * @memberof opentype.Layout
+     * @param  {Array} arr
+     * @param  {number} value
+     * @return {number}
+     */
+              binSearch: binSearch,
+              /**
+     * Get or create the Layout table (GSUB, GPOS etc).
+     * @param  {boolean} create - Whether to create a new one.
+     * @return {Object} The GSUB or GPOS table.
+     */
+              getTable: function (create) {
+                var layout = this.font.tables[this.tableName];
+                if (!layout && create) {
+                  layout = this.font.tables[this.tableName] = this.createDefaultTable();
+                }
+                return layout;
+              },
+              /**
+     * Returns all scripts in the substitution table.
+     * @instance
+     * @return {Array}
+     */
+              getScriptNames: function () {
+                var layout = this.getTable();
+                if (!layout) {
+                  return [];
+                }
+                return layout.scripts.map(function (script) {
+                  return script.tag;
+                });
+              },
+              /**
+     * Returns the best bet for a script name.
+     * Returns 'DFLT' if it exists.
+     * If not, returns 'latn' if it exists.
+     * If neither exist, returns undefined.
+     */
+              getDefaultScriptName: function () {
+                var layout = this.getTable();
+                if (!layout) {
+                  return;
+                }
+                var hasLatn = false;
+                for (var i = 0; i < layout.scripts.length; i++) {
+                  var name = layout.scripts[i].tag;
+                  if (name === 'DFLT') {
+                    return name;
+                  }
+                  if (name === 'latn') {
+                    hasLatn = true;
+                  }
+                }
+                if (hasLatn) {
+                  return 'latn';
+                }
+              },
+              /**
+     * Returns all LangSysRecords in the given script.
+     * @instance
+     * @param {string} [script='DFLT']
+     * @param {boolean} create - forces the creation of this script table if it doesn't exist.
+     * @return {Object} An object with tag and script properties.
+     */
+              getScriptTable: function (script, create) {
+                var layout = this.getTable(create);
+                if (layout) {
+                  script = script || 'DFLT';
+                  var scripts = layout.scripts;
+                  var pos = searchTag(layout.scripts, script);
+                  if (pos >= 0) {
+                    return scripts[pos].script;
+                  } else if (create) {
+                    var scr = {
+                      tag: script,
+                      script: {
+                        defaultLangSys: {
+                          reserved: 0,
+                          reqFeatureIndex: 65535,
+                          featureIndexes: [
+                          ]
+                        },
+                        langSysRecords: [
+                        ]
+                      }
+                    };
+                    scripts.splice( - 1 - pos, 0, scr);
+                    return scr.script;
+                  }
+                }
+              },
+              /**
+     * Returns a language system table
+     * @instance
+     * @param {string} [script='DFLT']
+     * @param {string} [language='dlft']
+     * @param {boolean} create - forces the creation of this langSysTable if it doesn't exist.
+     * @return {Object}
+     */
+              getLangSysTable: function (script, language, create) {
+                var scriptTable = this.getScriptTable(script, create);
+                if (scriptTable) {
+                  if (!language || language === 'dflt' || language === 'DFLT') {
+                    return scriptTable.defaultLangSys;
+                  }
+                  var pos = searchTag(scriptTable.langSysRecords, language);
+                  if (pos >= 0) {
+                    return scriptTable.langSysRecords[pos].langSys;
+                  } else if (create) {
+                    var langSysRecord = {
+                      tag: language,
+                      langSys: {
+                        reserved: 0,
+                        reqFeatureIndex: 65535,
+                        featureIndexes: [
+                        ]
+                      }
+                    };
+                    scriptTable.langSysRecords.splice( - 1 - pos, 0, langSysRecord);
+                    return langSysRecord.langSys;
+                  }
+                }
+              },
+              /**
+     * Get a specific feature table.
+     * @instance
+     * @param {string} [script='DFLT']
+     * @param {string} [language='dlft']
+     * @param {string} feature - One of the codes listed at https://www.microsoft.com/typography/OTSPEC/featurelist.htm
+     * @param {boolean} create - forces the creation of the feature table if it doesn't exist.
+     * @return {Object}
+     */
+              getFeatureTable: function (script, language, feature, create) {
+                var langSysTable = this.getLangSysTable(script, language, create);
+                if (langSysTable) {
+                  var featureRecord;
+                  var featIndexes = langSysTable.featureIndexes;
+                  var allFeatures = this.font.tables[this.tableName].features;
+                  // The FeatureIndex array of indices is in arbitrary order,
+                  // even if allFeatures is sorted alphabetically by feature tag.
+                  for (var i = 0; i < featIndexes.length; i++) {
+                    featureRecord = allFeatures[featIndexes[i]];
+                    if (featureRecord.tag === feature) {
+                      return featureRecord.feature;
+                    }
+                  }
+                  if (create) {
+                    var index = allFeatures.length;
+                    // Automatic ordering of features would require to shift feature indexes in the script list.
+                    check.assert(index === 0 || feature >= allFeatures[index - 1].tag, 'Features must be added in alphabetical order.');
+                    featureRecord = {
+                      tag: feature,
+                      feature: {
+                        params: 0,
+                        lookupListIndexes: [
+                        ]
+                      }
+                    };
+                    allFeatures.push(featureRecord);
+                    featIndexes.push(index);
+                    return featureRecord.feature;
+                  }
+                }
+              },
+              /**
+     * Get the lookup tables of a given type for a script/language/feature.
+     * @instance
+     * @param {string} [script='DFLT']
+     * @param {string} [language='dlft']
+     * @param {string} feature - 4-letter feature code
+     * @param {number} lookupType - 1 to 9
+     * @param {boolean} create - forces the creation of the lookup table if it doesn't exist, with no subtables.
+     * @return {Object[]}
+     */
+              getLookupTables: function (script, language, feature, lookupType, create) {
+                var featureTable = this.getFeatureTable(script, language, feature, create);
+                var tables = [
+                ];
+                if (featureTable) {
+                  var lookupTable;
+                  var lookupListIndexes = featureTable.lookupListIndexes;
+                  var allLookups = this.font.tables[this.tableName].lookups;
+                  // lookupListIndexes are in no particular order, so use naive search.
+                  for (var i = 0; i < lookupListIndexes.length; i++) {
+                    lookupTable = allLookups[lookupListIndexes[i]];
+                    if (lookupTable.lookupType === lookupType) {
+                      tables.push(lookupTable);
+                    }
+                  }
+                  if (tables.length === 0 && create) {
+                    lookupTable = {
+                      lookupType: lookupType,
+                      lookupFlag: 0,
+                      subtables: [
+                      ],
+                      markFilteringSet: undefined
+                    };
+                    var index = allLookups.length;
+                    allLookups.push(lookupTable);
+                    lookupListIndexes.push(index);
+                    return [lookupTable];
+                  }
+                }
+                return tables;
+              },
+              /**
+     * Find a glyph in a class definition table
+     * https://docs.microsoft.com/en-us/typography/opentype/spec/chapter2#class-definition-table
+     * @param {object} classDefTable - an OpenType Layout class definition table
+     * @param {number} glyphIndex - the index of the glyph to find
+     * @returns {number} -1 if not found
+     */
+              getGlyphClass: function (classDefTable, glyphIndex) {
+                switch (classDefTable.format) {
+                  case 1:
+                    if (classDefTable.startGlyph <= glyphIndex && glyphIndex < classDefTable.startGlyph + classDefTable.classes.length) {
+                      return classDefTable.classes[glyphIndex - classDefTable.startGlyph];
+                    }
+                    return 0;
+                  case 2:
+                    var range = searchRange(classDefTable.ranges, glyphIndex);
+                    return range ? range.classId : 0;
+                }
+              },
+              /**
+     * Find a glyph in a coverage table
+     * https://docs.microsoft.com/en-us/typography/opentype/spec/chapter2#coverage-table
+     * @param {object} coverageTable - an OpenType Layout coverage table
+     * @param {number} glyphIndex - the index of the glyph to find
+     * @returns {number} -1 if not found
+     */
+              getCoverageIndex: function (coverageTable, glyphIndex) {
+                switch (coverageTable.format) {
+                  case 1:
+                    var index = binSearch(coverageTable.glyphs, glyphIndex);
+                    return index >= 0 ? index : - 1;
+                  case 2:
+                    var range = searchRange(coverageTable.ranges, glyphIndex);
+                    return range ? range.index + glyphIndex - range.start : - 1;
+                }
+              },
+              /**
+     * Returns the list of glyph indexes of a coverage table.
+     * Format 1: the list is stored raw
+     * Format 2: compact list as range records.
+     * @instance
+     * @param  {Object} coverageTable
+     * @return {Array}
+     */
+              expandCoverage: function (coverageTable) {
+                if (coverageTable.format === 1) {
+                  return coverageTable.glyphs;
+                } else {
+                  var glyphs = [
+                  ];
+                  var ranges = coverageTable.ranges;
+                  for (var i = 0; i < ranges.length; i++) {
+                    var range = ranges[i];
+                    var start = range.start;
+                    var end = range.end;
+                    for (var j = start; j <= end; j++) {
+                      glyphs.push(j);
+                    }
+                  }
+                  return glyphs;
+                }
+              }
+            };
+            // The Position object provides utility methods to manipulate
+            /**
+   * @exports opentype.Position
+   * @class
+   * @extends opentype.Layout
+   * @param {opentype.Font}
+   * @constructor
+   */
+            function Position(font) {
+              Layout.call(this, font, 'gpos');
+            }
+            Position.prototype = Layout.prototype;
+            /**
+   * Init some data for faster and easier access later.
+   */
+            Position.prototype.init = function () {
+              var script = this.getDefaultScriptName();
+              this.defaultKerningTables = this.getKerningTables(script);
+            };
+            /**
+   * Find a glyph pair in a list of lookup tables of type 2 and retrieve the xAdvance kerning value.
+   *
+   * @param {integer} leftIndex - left glyph index
+   * @param {integer} rightIndex - right glyph index
+   * @returns {integer}
+   */
+            Position.prototype.getKerningValue = function (kerningLookups, leftIndex, rightIndex) {
+              var this$1 = this;
+              for (var i = 0; i < kerningLookups.length; i++) {
+                var subtables = kerningLookups[i].subtables;
+                for (var j = 0; j < subtables.length; j++) {
+                  var subtable = subtables[j];
+                  var covIndex = this$1.getCoverageIndex(subtable.coverage, leftIndex);
+                  if (covIndex < 0) {
+                    continue;
+                  }
+                  switch (subtable.posFormat) {
+                    case 1:
+                      // Search Pair Adjustment Positioning Format 1
+                      var pairSet = subtable.pairSets[covIndex];
+                      for (var k = 0; k < pairSet.length; k++) {
+                        var pair = pairSet[k];
+                        if (pair.secondGlyph === rightIndex) {
+                          return pair.value1 && pair.value1.xAdvance || 0;
+                        }
+                      }
+                      break;
+                      // left glyph found, not right glyph - try next subtable
+                    case 2:
+                      // Search Pair Adjustment Positioning Format 2
+                      var class1 = this$1.getGlyphClass(subtable.classDef1, leftIndex);
+                      var class2 = this$1.getGlyphClass(subtable.classDef2, rightIndex);
+                      var pair$1 = subtable.classRecords[class1][class2];
+                      return pair$1.value1 && pair$1.value1.xAdvance || 0;
+                  }
+                }
+              }
+              return 0;
+            };
+            /**
+   * List all kerning lookup tables.
+   *
+   * @param {string} [script='DFLT'] - use font.position.getDefaultScriptName() for a better default value
+   * @param {string} [language='dflt']
+   * @return {object[]} The list of kerning lookup tables (may be empty), or undefined if there is no GPOS table (and we should use the kern table)
+   */
+            Position.prototype.getKerningTables = function (script, language) {
+              if (this.font.tables.gpos) {
+                return this.getLookupTables(script, language, 'kern', 2);
+              }
+            };
+            // The Substitution object provides utility methods to manipulate
+            /**
+   * @exports opentype.Substitution
+   * @class
+   * @extends opentype.Layout
+   * @param {opentype.Font}
+   * @constructor
+   */
+            function Substitution(font) {
+              Layout.call(this, font, 'gsub');
+            }            // Check if 2 arrays of primitives are equal.
+
+            function arraysEqual(ar1, ar2) {
+              var n = ar1.length;
+              if (n !== ar2.length) {
+                return false;
+              }
+              for (var i = 0; i < n; i++) {
+                if (ar1[i] !== ar2[i]) {
+                  return false;
+                }
+              }
+              return true;
+            }            // Find the first subtable of a lookup table in a particular format.
+
+            function getSubstFormat(lookupTable, format, defaultSubtable) {
+              var subtables = lookupTable.subtables;
+              for (var i = 0; i < subtables.length; i++) {
+                var subtable = subtables[i];
+                if (subtable.substFormat === format) {
+                  return subtable;
+                }
+              }
+              if (defaultSubtable) {
+                subtables.push(defaultSubtable);
+                return defaultSubtable;
+              }
+              return undefined;
+            }
+            Substitution.prototype = Layout.prototype;
+            /**
+   * Create a default GSUB table.
+   * @return {Object} gsub - The GSUB table.
+   */
+            Substitution.prototype.createDefaultTable = function () {
+              // Generate a default empty GSUB table with just a DFLT script and dflt lang sys.
+              return {
+                version: 1,
+                scripts: [
+                  {
+                    tag: 'DFLT',
+                    script: {
+                      defaultLangSys: {
+                        reserved: 0,
+                        reqFeatureIndex: 65535,
+                        featureIndexes: [
+                        ]
+                      },
+                      langSysRecords: [
+                      ]
+                    }
+                  }
+                ],
+                features: [
+                ],
+                lookups: [
+                ]
+              };
+            };
+            /**
+   * List all single substitutions (lookup type 1) for a given script, language, and feature.
+   * @param {string} [script='DFLT']
+   * @param {string} [language='dflt']
+   * @param {string} feature - 4-character feature name ('aalt', 'salt', 'ss01'...)
+   * @return {Array} substitutions - The list of substitutions.
+   */
+            Substitution.prototype.getSingle = function (feature, script, language) {
+              var this$1 = this;
+              var substitutions = [
+              ];
+              var lookupTables = this.getLookupTables(script, language, feature, 1);
+              for (var idx = 0; idx < lookupTables.length; idx++) {
+                var subtables = lookupTables[idx].subtables;
+                for (var i = 0; i < subtables.length; i++) {
+                  var subtable = subtables[i];
+                  var glyphs = this$1.expandCoverage(subtable.coverage);
+                  var j = void 0;
+                  if (subtable.substFormat === 1) {
+                    var delta = subtable.deltaGlyphId;
+                    for (j = 0; j < glyphs.length; j++) {
+                      var glyph = glyphs[j];
+                      substitutions.push({
+                        sub: glyph,
+                        by: glyph + delta
+                      });
+                    }
+                  } else {
+                    var substitute = subtable.substitute;
+                    for (j = 0; j < glyphs.length; j++) {
+                      substitutions.push({
+                        sub: glyphs[j],
+                        by: substitute[j]
+                      });
+                    }
+                  }
+                }
+              }
+              return substitutions;
+            };
+            /**
+   * List all alternates (lookup type 3) for a given script, language, and feature.
+   * @param {string} [script='DFLT']
+   * @param {string} [language='dflt']
+   * @param {string} feature - 4-character feature name ('aalt', 'salt'...)
+   * @return {Array} alternates - The list of alternates
+   */
+            Substitution.prototype.getAlternates = function (feature, script, language) {
+              var this$1 = this;
+              var alternates = [
+              ];
+              var lookupTables = this.getLookupTables(script, language, feature, 3);
+              for (var idx = 0; idx < lookupTables.length; idx++) {
+                var subtables = lookupTables[idx].subtables;
+                for (var i = 0; i < subtables.length; i++) {
+                  var subtable = subtables[i];
+                  var glyphs = this$1.expandCoverage(subtable.coverage);
+                  var alternateSets = subtable.alternateSets;
+                  for (var j = 0; j < glyphs.length; j++) {
+                    alternates.push({
+                      sub: glyphs[j],
+                      by: alternateSets[j]
+                    });
+                  }
+                }
+              }
+              return alternates;
+            };
+            /**
+   * List all ligatures (lookup type 4) for a given script, language, and feature.
+   * The result is an array of ligature objects like { sub: [ids], by: id }
+   * @param {string} feature - 4-letter feature name ('liga', 'rlig', 'dlig'...)
+   * @param {string} [script='DFLT']
+   * @param {string} [language='dflt']
+   * @return {Array} ligatures - The list of ligatures.
+   */
+            Substitution.prototype.getLigatures = function (feature, script, language) {
+              var this$1 = this;
+              var ligatures = [
+              ];
+              var lookupTables = this.getLookupTables(script, language, feature, 4);
+              for (var idx = 0; idx < lookupTables.length; idx++) {
+                var subtables = lookupTables[idx].subtables;
+                for (var i = 0; i < subtables.length; i++) {
+                  var subtable = subtables[i];
+                  var glyphs = this$1.expandCoverage(subtable.coverage);
+                  var ligatureSets = subtable.ligatureSets;
+                  for (var j = 0; j < glyphs.length; j++) {
+                    var startGlyph = glyphs[j];
+                    var ligSet = ligatureSets[j];
+                    for (var k = 0; k < ligSet.length; k++) {
+                      var lig = ligSet[k];
+                      ligatures.push({
+                        sub: [
+                          startGlyph
+                        ].concat(lig.components),
+                        by: lig.ligGlyph
+                      });
+                    }
+                  }
+                }
+              }
+              return ligatures;
+            };
+            /**
+   * Add or modify a single substitution (lookup type 1)
+   * Format 2, more flexible, is always used.
+   * @param {string} feature - 4-letter feature name ('liga', 'rlig', 'dlig'...)
+   * @param {Object} substitution - { sub: id, delta: number } for format 1 or { sub: id, by: id } for format 2.
+   * @param {string} [script='DFLT']
+   * @param {string} [language='dflt']
+   */
+            Substitution.prototype.addSingle = function (feature, substitution, script, language) {
+              var lookupTable = this.getLookupTables(script, language, feature, 1, true) [0];
+              var subtable = getSubstFormat(lookupTable, 2, {
+                // lookup type 1 subtable, format 2, coverage format 1
+                substFormat: 2,
+                coverage: {
+                  format: 1,
+                  glyphs: [
+                  ]
+                },
+                substitute: [
+                ]
+              });
+              check.assert(subtable.coverage.format === 1, 'Ligature: unable to modify coverage table format ' + subtable.coverage.format);
+              var coverageGlyph = substitution.sub;
+              var pos = this.binSearch(subtable.coverage.glyphs, coverageGlyph);
+              if (pos < 0) {
+                pos = - 1 - pos;
+                subtable.coverage.glyphs.splice(pos, 0, coverageGlyph);
+                subtable.substitute.splice(pos, 0, 0);
+              }
+              subtable.substitute[pos] = substitution.by;
+            };
+            /**
+   * Add or modify an alternate substitution (lookup type 1)
+   * @param {string} feature - 4-letter feature name ('liga', 'rlig', 'dlig'...)
+   * @param {Object} substitution - { sub: id, by: [ids] }
+   * @param {string} [script='DFLT']
+   * @param {string} [language='dflt']
+   */
+            Substitution.prototype.addAlternate = function (feature, substitution, script, language) {
+              var lookupTable = this.getLookupTables(script, language, feature, 3, true) [0];
+              var subtable = getSubstFormat(lookupTable, 1, {
+                // lookup type 3 subtable, format 1, coverage format 1
+                substFormat: 1,
+                coverage: {
+                  format: 1,
+                  glyphs: [
+                  ]
+                },
+                alternateSets: [
+                ]
+              });
+              check.assert(subtable.coverage.format === 1, 'Ligature: unable to modify coverage table format ' + subtable.coverage.format);
+              var coverageGlyph = substitution.sub;
+              var pos = this.binSearch(subtable.coverage.glyphs, coverageGlyph);
+              if (pos < 0) {
+                pos = - 1 - pos;
+                subtable.coverage.glyphs.splice(pos, 0, coverageGlyph);
+                subtable.alternateSets.splice(pos, 0, 0);
+              }
+              subtable.alternateSets[pos] = substitution.by;
+            };
+            /**
+   * Add a ligature (lookup type 4)
+   * Ligatures with more components must be stored ahead of those with fewer components in order to be found
+   * @param {string} feature - 4-letter feature name ('liga', 'rlig', 'dlig'...)
+   * @param {Object} ligature - { sub: [ids], by: id }
+   * @param {string} [script='DFLT']
+   * @param {string} [language='dflt']
+   */
+            Substitution.prototype.addLigature = function (feature, ligature, script, language) {
+              var lookupTable = this.getLookupTables(script, language, feature, 4, true) [0];
+              var subtable = lookupTable.subtables[0];
+              if (!subtable) {
+                subtable = {
+                  // lookup type 4 subtable, format 1, coverage format 1
+                  substFormat: 1,
+                  coverage: {
+                    format: 1,
+                    glyphs: [
+                    ]
+                  },
+                  ligatureSets: [
+                  ]
+                };
+                lookupTable.subtables[0] = subtable;
+              }
+              check.assert(subtable.coverage.format === 1, 'Ligature: unable to modify coverage table format ' + subtable.coverage.format);
+              var coverageGlyph = ligature.sub[0];
+              var ligComponents = ligature.sub.slice(1);
+              var ligatureTable = {
+                ligGlyph: ligature.by,
+                components: ligComponents
+              };
+              var pos = this.binSearch(subtable.coverage.glyphs, coverageGlyph);
+              if (pos >= 0) {
+                // ligatureSet already exists
+                var ligatureSet = subtable.ligatureSets[pos];
+                for (var i = 0; i < ligatureSet.length; i++) {
+                  // If ligature already exists, return.
+                  if (arraysEqual(ligatureSet[i].components, ligComponents)) {
+                    return;
+                  }
+                }                // ligature does not exist: add it.
+
+                ligatureSet.push(ligatureTable);
+              } else {
+                // Create a new ligatureSet and add coverage for the first glyph.
+                pos = - 1 - pos;
+                subtable.coverage.glyphs.splice(pos, 0, coverageGlyph);
+                subtable.ligatureSets.splice(pos, 0, [
+                  ligatureTable
+                ]);
+              }
+            };
+            /**
+   * List all feature data for a given script and language.
+   * @param {string} feature - 4-letter feature name
+   * @param {string} [script='DFLT']
+   * @param {string} [language='dflt']
+   * @return {Array} substitutions - The list of substitutions.
+   */
+            Substitution.prototype.getFeature = function (feature, script, language) {
+              if (/ss\d\d/.test(feature)) {
+                // ss01 - ss20
+                return this.getSingle(feature, script, language);
+              }
+              switch (feature) {
+                case 'aalt':
+                case 'salt':
+                  return this.getSingle(feature, script, language).concat(this.getAlternates(feature, script, language));
+                case 'dlig':
+                case 'liga':
+                case 'rlig':
+                  return this.getLigatures(feature, script, language);
+              }
+              return undefined;
+            };
+            /**
+   * Add a substitution to a feature for a given script and language.
+   * @param {string} feature - 4-letter feature name
+   * @param {Object} sub - the substitution to add (an object like { sub: id or [ids], by: id or [ids] })
+   * @param {string} [script='DFLT']
+   * @param {string} [language='dflt']
+   */
+            Substitution.prototype.add = function (feature, sub, script, language) {
+              if (/ss\d\d/.test(feature)) {
+                // ss01 - ss20
+                return this.addSingle(feature, sub, script, language);
+              }
+              switch (feature) {
+                case 'aalt':
+                case 'salt':
+                  if (typeof sub.by === 'number') {
+                    return this.addSingle(feature, sub, script, language);
+                  }
+                  return this.addAlternate(feature, sub, script, language);
+                case 'dlig':
+                case 'liga':
+                case 'rlig':
+                  return this.addLigature(feature, sub, script, language);
+              }
+              return undefined;
+            };
+            function isBrowser() {
+              return typeof window !== 'undefined';
+            }
+            function nodeBufferToArrayBuffer(buffer) {
+              var ab = new ArrayBuffer(buffer.length);
+              var view = new Uint8Array(ab);
+              for (var i = 0; i < buffer.length; ++i) {
+                view[i] = buffer[i];
+              }
+              return ab;
+            }
+            function arrayBufferToNodeBuffer(ab) {
+              var buffer = new Buffer(ab.byteLength);
+              var view = new Uint8Array(ab);
+              for (var i = 0; i < buffer.length; ++i) {
+                buffer[i] = view[i];
+              }
+              return buffer;
+            }
+            function checkArgument(expression, message) {
+              if (!expression) {
+                throw message;
+              }
+            }            // The `glyf` table describes the glyphs in TrueType outline format.
+            // Parse the coordinate data for a glyph.
+
+            function parseGlyphCoordinate(p, flag, previousValue, shortVectorBitMask, sameBitMask) {
+              var v;
+              if ((flag & shortVectorBitMask) > 0) {
+                // The coordinate is 1 byte long.
+                v = p.parseByte();
+                // The `same` bit is re-used for short values to signify the sign of the value.
+                if ((flag & sameBitMask) === 0) {
+                  v = - v;
+                }
+                v = previousValue + v;
+              } else {
+                //  The coordinate is 2 bytes long.
+                // If the `same` bit is set, the coordinate is the same as the previous coordinate.
+                if ((flag & sameBitMask) > 0) {
+                  v = previousValue;
+                } else {
+                  // Parse the coordinate as a signed 16-bit delta value.
+                  v = previousValue + p.parseShort();
+                }
+              }
+              return v;
+            }            // Parse a TrueType glyph.
+
+            function parseGlyph(glyph, data, start) {
+              var p = new parse.Parser(data, start);
+              glyph.numberOfContours = p.parseShort();
+              glyph._xMin = p.parseShort();
+              glyph._yMin = p.parseShort();
+              glyph._xMax = p.parseShort();
+              glyph._yMax = p.parseShort();
+              var flags;
+              var flag;
+              if (glyph.numberOfContours > 0) {
+                // This glyph is not a composite.
+                var endPointIndices = glyph.endPointIndices = [
+                ];
+                for (var i = 0; i < glyph.numberOfContours; i += 1) {
+                  endPointIndices.push(p.parseUShort());
+                }
+                glyph.instructionLength = p.parseUShort();
+                glyph.instructions = [
+                ];
+                for (var i$1 = 0; i$1 < glyph.instructionLength; i$1 += 1) {
+                  glyph.instructions.push(p.parseByte());
+                }
+                var numberOfCoordinates = endPointIndices[endPointIndices.length - 1] + 1;
+                flags = [
+                ];
+                for (var i$2 = 0; i$2 < numberOfCoordinates; i$2 += 1) {
+                  flag = p.parseByte();
+                  flags.push(flag);
+                  // If bit 3 is set, we repeat this flag n times, where n is the next byte.
+                  if ((flag & 8) > 0) {
+                    var repeatCount = p.parseByte();
+                    for (var j = 0; j < repeatCount; j += 1) {
+                      flags.push(flag);
+                      i$2 += 1;
+                    }
+                  }
+                }
+                check.argument(flags.length === numberOfCoordinates, 'Bad flags.');
+                if (endPointIndices.length > 0) {
+                  var points = [
+                  ];
+                  var point;
+                  // X/Y coordinates are relative to the previous point, except for the first point which is relative to 0,0.
+                  if (numberOfCoordinates > 0) {
+                    for (var i$3 = 0; i$3 < numberOfCoordinates; i$3 += 1) {
+                      flag = flags[i$3];
+                      point = {
+                      };
+                      point.onCurve = !!(flag & 1);
+                      point.lastPointOfContour = endPointIndices.indexOf(i$3) >= 0;
+                      points.push(point);
+                    }
+                    var px = 0;
+                    for (var i$4 = 0; i$4 < numberOfCoordinates; i$4 += 1) {
+                      flag = flags[i$4];
+                      point = points[i$4];
+                      point.x = parseGlyphCoordinate(p, flag, px, 2, 16);
+                      px = point.x;
+                    }
+                    var py = 0;
+                    for (var i$5 = 0; i$5 < numberOfCoordinates; i$5 += 1) {
+                      flag = flags[i$5];
+                      point = points[i$5];
+                      point.y = parseGlyphCoordinate(p, flag, py, 4, 32);
+                      py = point.y;
+                    }
+                  }
+                  glyph.points = points;
+                } else {
+                  glyph.points = [
+                  ];
+                }
+              } else if (glyph.numberOfContours === 0) {
+                glyph.points = [
+                ];
+              } else {
+                glyph.isComposite = true;
+                glyph.points = [
+                ];
+                glyph.components = [
+                ];
+                var moreComponents = true;
+                while (moreComponents) {
+                  flags = p.parseUShort();
+                  var component = {
+                    glyphIndex: p.parseUShort(),
+                    xScale: 1,
+                    scale01: 0,
+                    scale10: 0,
+                    yScale: 1,
+                    dx: 0,
+                    dy: 0
+                  };
+                  if ((flags & 1) > 0) {
+                    // The arguments are words
+                    if ((flags & 2) > 0) {
+                      // values are offset
+                      component.dx = p.parseShort();
+                      component.dy = p.parseShort();
+                    } else {
+                      // values are matched points
+                      component.matchedPoints = [
+                        p.parseUShort(),
+                        p.parseUShort()
+                      ];
+                    }
+                  } else {
+                    // The arguments are bytes
+                    if ((flags & 2) > 0) {
+                      // values are offset
+                      component.dx = p.parseChar();
+                      component.dy = p.parseChar();
+                    } else {
+                      // values are matched points
+                      component.matchedPoints = [
+                        p.parseByte(),
+                        p.parseByte()
+                      ];
+                    }
+                  }
+                  if ((flags & 8) > 0) {
+                    // We have a scale
+                    component.xScale = component.yScale = p.parseF2Dot14();
+                  } else if ((flags & 64) > 0) {
+                    // We have an X / Y scale
+                    component.xScale = p.parseF2Dot14();
+                    component.yScale = p.parseF2Dot14();
+                  } else if ((flags & 128) > 0) {
+                    // We have a 2x2 transformation
+                    component.xScale = p.parseF2Dot14();
+                    component.scale01 = p.parseF2Dot14();
+                    component.scale10 = p.parseF2Dot14();
+                    component.yScale = p.parseF2Dot14();
+                  }
+                  glyph.components.push(component);
+                  moreComponents = !!(flags & 32);
+                }
+                if (flags & 256) {
+                  // We have instructions
+                  glyph.instructionLength = p.parseUShort();
+                  glyph.instructions = [
+                  ];
+                  for (var i$6 = 0; i$6 < glyph.instructionLength; i$6 += 1) {
+                    glyph.instructions.push(p.parseByte());
+                  }
+                }
+              }
+            }            // Transform an array of points and return a new array.
+
+            function transformPoints(points, transform) {
+              var newPoints = [
+              ];
+              for (var i = 0; i < points.length; i += 1) {
+                var pt = points[i];
+                var newPt = {
+                  x: transform.xScale * pt.x + transform.scale01 * pt.y + transform.dx,
+                  y: transform.scale10 * pt.x + transform.yScale * pt.y + transform.dy,
+                  onCurve: pt.onCurve,
+                  lastPointOfContour: pt.lastPointOfContour
+                };
+                newPoints.push(newPt);
+              }
+              return newPoints;
+            }
+            function getContours(points) {
+              var contours = [
+              ];
+              var currentContour = [
+              ];
+              for (var i = 0; i < points.length; i += 1) {
+                var pt = points[i];
+                currentContour.push(pt);
+                if (pt.lastPointOfContour) {
+                  contours.push(currentContour);
+                  currentContour = [
+                  ];
+                }
+              }
+              check.argument(currentContour.length === 0, 'There are still points left in the current contour.');
+              return contours;
+            }            // Convert the TrueType glyph outline to a Path.
+
+            function getPath(points) {
+              var p = new Path();
+              if (!points) {
+                return p;
+              }
+              var contours = getContours(points);
+              for (var contourIndex = 0; contourIndex < contours.length; ++contourIndex) {
+                var contour = contours[contourIndex];
+                var prev = null;
+                var curr = contour[contour.length - 1];
+                var next = contour[0];
+                if (curr.onCurve) {
+                  p.moveTo(curr.x, curr.y);
+                } else {
+                  if (next.onCurve) {
+                    p.moveTo(next.x, next.y);
+                  } else {
+                    // If both first and last points are off-curve, start at their middle.
+                    var start = {
+                      x: (curr.x + next.x) * 0.5,
+                      y: (curr.y + next.y) * 0.5
+                    };
+                    p.moveTo(start.x, start.y);
+                  }
+                }
+                for (var i = 0; i < contour.length; ++i) {
+                  prev = curr;
+                  curr = next;
+                  next = contour[(i + 1) % contour.length];
+                  if (curr.onCurve) {
+                    // This is a straight line.
+                    p.lineTo(curr.x, curr.y);
+                  } else {
+                    var prev2 = prev;
+                    var next2 = next;
+                    if (!prev.onCurve) {
+                      prev2 = {
+                        x: (curr.x + prev.x) * 0.5,
+                        y: (curr.y + prev.y) * 0.5
+                      };
+                    }
+                    if (!next.onCurve) {
+                      next2 = {
+                        x: (curr.x + next.x) * 0.5,
+                        y: (curr.y + next.y) * 0.5
+                      };
+                    }
+                    p.quadraticCurveTo(curr.x, curr.y, next2.x, next2.y);
+                  }
+                }
+                p.closePath();
+              }
+              return p;
+            }
+            function buildPath(glyphs, glyph) {
+              if (glyph.isComposite) {
+                for (var j = 0; j < glyph.components.length; j += 1) {
+                  var component = glyph.components[j];
+                  var componentGlyph = glyphs.get(component.glyphIndex);
+                  // Force the ttfGlyphLoader to parse the glyph.
+                  componentGlyph.getPath();
+                  if (componentGlyph.points) {
+                    var transformedPoints = void 0;
+                    if (component.matchedPoints === undefined) {
+                      // component positioned by offset
+                      transformedPoints = transformPoints(componentGlyph.points, component);
+                    } else {
+                      // component positioned by matched points
+                      if (component.matchedPoints[0] > glyph.points.length - 1 || component.matchedPoints[1] > componentGlyph.points.length - 1) {
+                        throw Error('Matched points out of range in ' + glyph.name);
+                      }
+                      var firstPt = glyph.points[component.matchedPoints[0]];
+                      var secondPt = componentGlyph.points[component.matchedPoints[1]];
+                      var transform = {
+                        xScale: component.xScale,
+                        scale01: component.scale01,
+                        scale10: component.scale10,
+                        yScale: component.yScale,
+                        dx: 0,
+                        dy: 0
+                      };
+                      secondPt = transformPoints([secondPt], transform) [0];
+                      transform.dx = firstPt.x - secondPt.x;
+                      transform.dy = firstPt.y - secondPt.y;
+                      transformedPoints = transformPoints(componentGlyph.points, transform);
+                    }
+                    glyph.points = glyph.points.concat(transformedPoints);
+                  }
+                }
+              }
+              return getPath(glyph.points);
+            }            // Parse all the glyphs according to the offsets from the `loca` table.
+
+            function parseGlyfTable(data, start, loca, font) {
+              var glyphs = new glyphset.GlyphSet(font);
+              // The last element of the loca table is invalid.
+              for (var i = 0; i < loca.length - 1; i += 1) {
+                var offset = loca[i];
+                var nextOffset = loca[i + 1];
+                if (offset !== nextOffset) {
+                  glyphs.push(i, glyphset.ttfGlyphLoader(font, i, parseGlyph, data, start + offset, buildPath));
+                } else {
+                  glyphs.push(i, glyphset.glyphLoader(font, i));
+                }
+              }
+              return glyphs;
+            }
+            var glyf = {
+              getPath: getPath,
+              parse: parseGlyfTable
+            };
+            /* A TrueType font hinting interpreter.
+  *
+  * (c) 2017 Axel Kittenberger
+  *
+  * This interpreter has been implemented according to this documentation:
+  * https://developer.apple.com/fonts/TrueType-Reference-Manual/RM05/Chap5.html
+  *
+  * According to the documentation F24DOT6 values are used for pixels.
+  * That means calculation is 1/64 pixel accurate and uses integer operations.
+  * However, Javascript has floating point operations by default and only
+  * those are available. One could make a case to simulate the 1/64 accuracy
+  * exactly by truncating after every division operation
+  * (for example with << 0) to get pixel exactly results as other TrueType
+  * implementations. It may make sense since some fonts are pixel optimized
+  * by hand using DELTAP instructions. The current implementation doesn't
+  * and rather uses full floating point precision.
+  *
+  * xScale, yScale and rotation is currently ignored.
+  *
+  * A few non-trivial instructions are missing as I didn't encounter yet
+  * a font that used them to test a possible implementation.
+  *
+  * Some fonts seem to use undocumented features regarding the twilight zone.
+  * Only some of them are implemented as they were encountered.
+  *
+  * The exports.DEBUG statements are removed on the minified distribution file.
+  */
+            var instructionTable;
+            var exec;
+            var execGlyph;
+            var execComponent;
+            /*
+  * Creates a hinting object.
+  *
+  * There ought to be exactly one
+  * for each truetype font that is used for hinting.
+  */
+            function Hinting(font) {
+              // the font this hinting object is for
+              this.font = font;
+              this.getCommands = function (hPoints) {
+                return glyf.getPath(hPoints).commands;
+              };
+              // cached states
+              this._fpgmState = this._prepState = undefined;
+              // errorState
+              // 0 ... all okay
+              // 1 ... had an error in a glyf,
+              //       continue working but stop spamming
+              //       the console
+              // 2 ... error at prep, stop hinting at this ppem
+              // 3 ... error at fpeg, stop hinting for this font at all
+              this._errorState = 0;
+            }            /*
+  * Not rounding.
+  */
+
+            function roundOff(v) {
+              return v;
+            }            /*
+  * Rounding to grid.
+  */
+
+            function roundToGrid(v) {
+              //Rounding in TT is supposed to "symmetrical around zero"
+              return Math.sign(v) * Math.round(Math.abs(v));
+            }            /*
+  * Rounding to double grid.
+  */
+
+            function roundToDoubleGrid(v) {
+              return Math.sign(v) * Math.round(Math.abs(v * 2)) / 2;
+            }            /*
+  * Rounding to half grid.
+  */
+
+            function roundToHalfGrid(v) {
+              return Math.sign(v) * (Math.round(Math.abs(v) + 0.5) - 0.5);
+            }            /*
+  * Rounding to up to grid.
+  */
+
+            function roundUpToGrid(v) {
+              return Math.sign(v) * Math.ceil(Math.abs(v));
+            }            /*
+  * Rounding to down to grid.
+  */
+
+            function roundDownToGrid(v) {
+              return Math.sign(v) * Math.floor(Math.abs(v));
+            }            /*
+  * Super rounding.
+  */
+
+            var roundSuper = function (v) {
+              var period = this.srPeriod;
+              var phase = this.srPhase;
+              var threshold = this.srThreshold;
+              var sign = 1;
+              if (v < 0) {
+                v = - v;
+                sign = - 1;
+              }
+              v += threshold - phase;
+              v = Math.trunc(v / period) * period;
+              v += phase;
+              // according to http://xgridfit.sourceforge.net/round.html
+              if (v < 0) {
+                return phase * sign;
+              }
+              return v * sign;
+            };
+            /*
+  * Unit vector of x-axis.
+  */
+            var xUnitVector = {
+              x: 1,
+              y: 0,
+              axis: 'x',
+              // Gets the projected distance between two points.
+              // o1/o2 ... if true, respective original position is used.
+              distance: function (p1, p2, o1, o2) {
+                return (o1 ? p1.xo : p1.x) - (o2 ? p2.xo : p2.x);
+              },
+              // Moves point p so the moved position has the same relative
+              // position to the moved positions of rp1 and rp2 than the
+              // original positions had.
+              //
+              // See APPENDIX on INTERPOLATE at the bottom of this file.
+              interpolate: function (p, rp1, rp2, pv) {
+                var do1;
+                var do2;
+                var doa1;
+                var doa2;
+                var dm1;
+                var dm2;
+                var dt;
+                if (!pv || pv === this) {
+                  do1 = p.xo - rp1.xo;
+                  do2 = p.xo - rp2.xo;
+                  dm1 = rp1.x - rp1.xo;
+                  dm2 = rp2.x - rp2.xo;
+                  doa1 = Math.abs(do1);
+                  doa2 = Math.abs(do2);
+                  dt = doa1 + doa2;
+                  if (dt === 0) {
+                    p.x = p.xo + (dm1 + dm2) / 2;
+                    return;
+                  }
+                  p.x = p.xo + (dm1 * doa2 + dm2 * doa1) / dt;
+                  return;
+                }
+                do1 = pv.distance(p, rp1, true, true);
+                do2 = pv.distance(p, rp2, true, true);
+                dm1 = pv.distance(rp1, rp1, false, true);
+                dm2 = pv.distance(rp2, rp2, false, true);
+                doa1 = Math.abs(do1);
+                doa2 = Math.abs(do2);
+                dt = doa1 + doa2;
+                if (dt === 0) {
+                  xUnitVector.setRelative(p, p, (dm1 + dm2) / 2, pv, true);
+                  return;
+                }
+                xUnitVector.setRelative(p, p, (dm1 * doa2 + dm2 * doa1) / dt, pv, true);
+              },
+              // Slope of line normal to this
+              normalSlope: Number.NEGATIVE_INFINITY,
+              // Sets the point 'p' relative to point 'rp'
+              // by the distance 'd'.
+              //
+              // See APPENDIX on SETRELATIVE at the bottom of this file.
+              //
+              // p   ... point to set
+              // rp  ... reference point
+              // d   ... distance on projection vector
+              // pv  ... projection vector (undefined = this)
+              // org ... if true, uses the original position of rp as reference.
+              setRelative: function (p, rp, d, pv, org) {
+                if (!pv || pv === this) {
+                  p.x = (org ? rp.xo : rp.x) + d;
+                  return;
+                }
+                var rpx = org ? rp.xo : rp.x;
+                var rpy = org ? rp.yo : rp.y;
+                var rpdx = rpx + d * pv.x;
+                var rpdy = rpy + d * pv.y;
+                p.x = rpdx + (p.y - rpdy) / pv.normalSlope;
+              },
+              // Slope of vector line.
+              slope: 0,
+              // Touches the point p.
+              touch: function (p) {
+                p.xTouched = true;
+              },
+              // Tests if a point p is touched.
+              touched: function (p) {
+                return p.xTouched;
+              },
+              // Untouches the point p.
+              untouch: function (p) {
+                p.xTouched = false;
+              }
+            };
+            /*
+  * Unit vector of y-axis.
+  */
+            var yUnitVector = {
+              x: 0,
+              y: 1,
+              axis: 'y',
+              // Gets the projected distance between two points.
+              // o1/o2 ... if true, respective original position is used.
+              distance: function (p1, p2, o1, o2) {
+                return (o1 ? p1.yo : p1.y) - (o2 ? p2.yo : p2.y);
+              },
+              // Moves point p so the moved position has the same relative
+              // position to the moved positions of rp1 and rp2 than the
+              // original positions had.
+              //
+              // See APPENDIX on INTERPOLATE at the bottom of this file.
+              interpolate: function (p, rp1, rp2, pv) {
+                var do1;
+                var do2;
+                var doa1;
+                var doa2;
+                var dm1;
+                var dm2;
+                var dt;
+                if (!pv || pv === this) {
+                  do1 = p.yo - rp1.yo;
+                  do2 = p.yo - rp2.yo;
+                  dm1 = rp1.y - rp1.yo;
+                  dm2 = rp2.y - rp2.yo;
+                  doa1 = Math.abs(do1);
+                  doa2 = Math.abs(do2);
+                  dt = doa1 + doa2;
+                  if (dt === 0) {
+                    p.y = p.yo + (dm1 + dm2) / 2;
+                    return;
+                  }
+                  p.y = p.yo + (dm1 * doa2 + dm2 * doa1) / dt;
+                  return;
+                }
+                do1 = pv.distance(p, rp1, true, true);
+                do2 = pv.distance(p, rp2, true, true);
+                dm1 = pv.distance(rp1, rp1, false, true);
+                dm2 = pv.distance(rp2, rp2, false, true);
+                doa1 = Math.abs(do1);
+                doa2 = Math.abs(do2);
+                dt = doa1 + doa2;
+                if (dt === 0) {
+                  yUnitVector.setRelative(p, p, (dm1 + dm2) / 2, pv, true);
+                  return;
+                }
+                yUnitVector.setRelative(p, p, (dm1 * doa2 + dm2 * doa1) / dt, pv, true);
+              },
+              // Slope of line normal to this.
+              normalSlope: 0,
+              // Sets the point 'p' relative to point 'rp'
+              // by the distance 'd'
+              //
+              // See APPENDIX on SETRELATIVE at the bottom of this file.
+              //
+              // p   ... point to set
+              // rp  ... reference point
+              // d   ... distance on projection vector
+              // pv  ... projection vector (undefined = this)
+              // org ... if true, uses the original position of rp as reference.
+              setRelative: function (p, rp, d, pv, org) {
+                if (!pv || pv === this) {
+                  p.y = (org ? rp.yo : rp.y) + d;
+                  return;
+                }
+                var rpx = org ? rp.xo : rp.x;
+                var rpy = org ? rp.yo : rp.y;
+                var rpdx = rpx + d * pv.x;
+                var rpdy = rpy + d * pv.y;
+                p.y = rpdy + pv.normalSlope * (p.x - rpdx);
+              },
+              // Slope of vector line.
+              slope: Number.POSITIVE_INFINITY,
+              // Touches the point p.
+              touch: function (p) {
+                p.yTouched = true;
+              },
+              // Tests if a point p is touched.
+              touched: function (p) {
+                return p.yTouched;
+              },
+              // Untouches the point p.
+              untouch: function (p) {
+                p.yTouched = false;
+              }
+            };
+            Object.freeze(xUnitVector);
+            Object.freeze(yUnitVector);
+            /*
+  * Creates a unit vector that is not x- or y-axis.
+  */
+            function UnitVector(x, y) {
+              this.x = x;
+              this.y = y;
+              this.axis = undefined;
+              this.slope = y / x;
+              this.normalSlope = - x / y;
+              Object.freeze(this);
+            }            /*
+  * Gets the projected distance between two points.
+  * o1/o2 ... if true, respective original position is used.
+  */
+
+            UnitVector.prototype.distance = function (p1, p2, o1, o2) {
+              return this.x * xUnitVector.distance(p1, p2, o1, o2) + this.y * yUnitVector.distance(p1, p2, o1, o2);
+            };
+            /*
+  * Moves point p so the moved position has the same relative
+  * position to the moved positions of rp1 and rp2 than the
+  * original positions had.
+  *
+  * See APPENDIX on INTERPOLATE at the bottom of this file.
+  */
+            UnitVector.prototype.interpolate = function (p, rp1, rp2, pv) {
+              var dm1;
+              var dm2;
+              var do1;
+              var do2;
+              var doa1;
+              var doa2;
+              var dt;
+              do1 = pv.distance(p, rp1, true, true);
+              do2 = pv.distance(p, rp2, true, true);
+              dm1 = pv.distance(rp1, rp1, false, true);
+              dm2 = pv.distance(rp2, rp2, false, true);
+              doa1 = Math.abs(do1);
+              doa2 = Math.abs(do2);
+              dt = doa1 + doa2;
+              if (dt === 0) {
+                this.setRelative(p, p, (dm1 + dm2) / 2, pv, true);
+                return;
+              }
+              this.setRelative(p, p, (dm1 * doa2 + dm2 * doa1) / dt, pv, true);
+            };
+            /*
+  * Sets the point 'p' relative to point 'rp'
+  * by the distance 'd'
+  *
+  * See APPENDIX on SETRELATIVE at the bottom of this file.
+  *
+  * p   ...  point to set
+  * rp  ... reference point
+  * d   ... distance on projection vector
+  * pv  ... projection vector (undefined = this)
+  * org ... if true, uses the original position of rp as reference.
+  */
+            UnitVector.prototype.setRelative = function (p, rp, d, pv, org) {
+              pv = pv || this;
+              var rpx = org ? rp.xo : rp.x;
+              var rpy = org ? rp.yo : rp.y;
+              var rpdx = rpx + d * pv.x;
+              var rpdy = rpy + d * pv.y;
+              var pvns = pv.normalSlope;
+              var fvs = this.slope;
+              var px = p.x;
+              var py = p.y;
+              p.x = (fvs * px - pvns * rpdx + rpdy - py) / (fvs - pvns);
+              p.y = fvs * (p.x - px) + py;
+            };
+            /*
+  * Touches the point p.
+  */
+            UnitVector.prototype.touch = function (p) {
+              p.xTouched = true;
+              p.yTouched = true;
+            };
+            /*
+  * Returns a unit vector with x/y coordinates.
+  */
+            function getUnitVector(x, y) {
+              var d = Math.sqrt(x * x + y * y);
+              x /= d;
+              y /= d;
+              if (x === 1 && y === 0) {
+                return xUnitVector;
+              } else if (x === 0 && y === 1) {
+                return yUnitVector;
+              } else {
+                return new UnitVector(x, y);
+              }
+            }            /*
+  * Creates a point in the hinting engine.
+  */
+
+            function HPoint(x, y, lastPointOfContour, onCurve) {
+              this.x = this.xo = Math.round(x * 64) / 64; // hinted x value and original x-value
+              this.y = this.yo = Math.round(y * 64) / 64; // hinted y value and original y-value
+              this.lastPointOfContour = lastPointOfContour;
+              this.onCurve = onCurve;
+              this.prevPointOnContour = undefined;
+              this.nextPointOnContour = undefined;
+              this.xTouched = false;
+              this.yTouched = false;
+              Object.preventExtensions(this);
+            }            /*
+  * Returns the next touched point on the contour.
+  *
+  * v  ... unit vector to test touch axis.
+  */
+
+            HPoint.prototype.nextTouched = function (v) {
+              var p = this.nextPointOnContour;
+              while (!v.touched(p) && p !== this) {
+                p = p.nextPointOnContour;
+              }
+              return p;
+            };
+            /*
+  * Returns the previous touched point on the contour
+  *
+  * v  ... unit vector to test touch axis.
+  */
+            HPoint.prototype.prevTouched = function (v) {
+              var p = this.prevPointOnContour;
+              while (!v.touched(p) && p !== this) {
+                p = p.prevPointOnContour;
+              }
+              return p;
+            };
+            /*
+  * The zero point.
+  */
+            var HPZero = Object.freeze(new HPoint(0, 0));
+            /*
+  * The default state of the interpreter.
+  *
+  * Note: Freezing the defaultState and then deriving from it
+  * makes the V8 Javascript engine going awkward,
+  * so this is avoided, albeit the defaultState shouldn't
+  * ever change.
+  */
+            var defaultState = {
+              cvCutIn: 17 / 16,
+              // control value cut in
+              deltaBase: 9,
+              deltaShift: 0.125,
+              loop: 1,
+              // loops some instructions
+              minDis: 1,
+              // minimum distance
+              autoFlip: true
+            };
+            /*
+  * The current state of the interpreter.
+  *
+  * env  ... 'fpgm' or 'prep' or 'glyf'
+  * prog ... the program
+  */
+            function State(env, prog) {
+              this.env = env;
+              this.stack = [
+              ];
+              this.prog = prog;
+              switch (env) {
+                case 'glyf':
+                  this.zp0 = this.zp1 = this.zp2 = 1;
+                  this.rp0 = this.rp1 = this.rp2 = 0;
+                  /* fall through */
+                case 'prep':
+                  this.fv = this.pv = this.dpv = xUnitVector;
+                  this.round = roundToGrid;
+              }
+            }            /*
+  * Executes a glyph program.
+  *
+  * This does the hinting for each glyph.
+  *
+  * Returns an array of moved points.
+  *
+  * glyph: the glyph to hint
+  * ppem: the size the glyph is rendered for
+  */
+
+            Hinting.prototype.exec = function (glyph, ppem) {
+              if (typeof ppem !== 'number') {
+                throw new Error('Point size is not a number!');
+              }              // Received a fatal error, don't do any hinting anymore.
+
+              if (this._errorState > 2) {
+                return;
+              }
+              var font = this.font;
+              var prepState = this._prepState;
+              if (!prepState || prepState.ppem !== ppem) {
+                var fpgmState = this._fpgmState;
+                if (!fpgmState) {
+                  // Executes the fpgm state.
+                  // This is used by fonts to define functions.
+                  State.prototype = defaultState;
+                  fpgmState = this._fpgmState = new State('fpgm', font.tables.fpgm);
+                  fpgmState.funcs = [
+                  ];
+                  fpgmState.font = font;
+                  if (exports.DEBUG) {
+                    console.log('---EXEC FPGM---');
+                    fpgmState.step = - 1;
+                  }
+                  try {
+                    exec(fpgmState);
+                  } catch (e) {
+                    console.log('Hinting error in FPGM:' + e);
+                    this._errorState = 3;
+                    return;
+                  }
+                }                // Executes the prep program for this ppem setting.
+                // This is used by fonts to set cvt values
+                // depending on to be rendered font size.
+
+                State.prototype = fpgmState;
+                prepState = this._prepState = new State('prep', font.tables.prep);
+                prepState.ppem = ppem;
+                // Creates a copy of the cvt table
+                // and scales it to the current ppem setting.
+                var oCvt = font.tables.cvt;
+                if (oCvt) {
+                  var cvt = prepState.cvt = new Array(oCvt.length);
+                  var scale = ppem / font.unitsPerEm;
+                  for (var c = 0; c < oCvt.length; c++) {
+                    cvt[c] = oCvt[c] * scale;
+                  }
+                } else {
+                  prepState.cvt = [
+                  ];
+                }
+                if (exports.DEBUG) {
+                  console.log('---EXEC PREP---');
+                  prepState.step = - 1;
+                }
+                try {
+                  exec(prepState);
+                } catch (e) {
+                  if (this._errorState < 2) {
+                    console.log('Hinting error in PREP:' + e);
+                  }
+                  this._errorState = 2;
+                }
+              }
+              if (this._errorState > 1) {
+                return;
+              }
+              try {
+                return execGlyph(glyph, prepState);
+              } catch (e) {
+                if (this._errorState < 1) {
+                  console.log('Hinting error:' + e);
+                  console.log('Note: further hinting errors are silenced');
+                }
+                this._errorState = 1;
+                return undefined;
+              }
+            };
+            /*
+  * Executes the hinting program for a glyph.
+  */
+            execGlyph = function (glyph, prepState) {
+              // original point positions
+              var xScale = prepState.ppem / prepState.font.unitsPerEm;
+              var yScale = xScale;
+              var components = glyph.components;
+              var contours;
+              var gZone;
+              var state;
+              State.prototype = prepState;
+              if (!components) {
+                state = new State('glyf', glyph.instructions);
+                if (exports.DEBUG) {
+                  console.log('---EXEC GLYPH---');
+                  state.step = - 1;
+                }
+                execComponent(glyph, state, xScale, yScale);
+                gZone = state.gZone;
+              } else {
+                var font = prepState.font;
+                gZone = [
+                ];
+                contours = [
+                ];
+                for (var i = 0; i < components.length; i++) {
+                  var c = components[i];
+                  var cg = font.glyphs.get(c.glyphIndex);
+                  state = new State('glyf', cg.instructions);
+                  if (exports.DEBUG) {
+                    console.log('---EXEC COMP ' + i + '---');
+                    state.step = - 1;
+                  }
+                  execComponent(cg, state, xScale, yScale);
+                  // appends the computed points to the result array
+                  // post processes the component points
+                  var dx = Math.round(c.dx * xScale);
+                  var dy = Math.round(c.dy * yScale);
+                  var gz = state.gZone;
+                  var cc = state.contours;
+                  for (var pi = 0; pi < gz.length; pi++) {
+                    var p = gz[pi];
+                    p.xTouched = p.yTouched = false;
+                    p.xo = p.x = p.x + dx;
+                    p.yo = p.y = p.y + dy;
+                  }
+                  var gLen = gZone.length;
+                  gZone.push.apply(gZone, gz);
+                  for (var j = 0; j < cc.length; j++) {
+                    contours.push(cc[j] + gLen);
+                  }
+                }
+                if (glyph.instructions && !state.inhibitGridFit) {
+                  // the composite has instructions on its own
+                  state = new State('glyf', glyph.instructions);
+                  state.gZone = state.z0 = state.z1 = state.z2 = gZone;
+                  state.contours = contours;
+                  // note: HPZero cannot be used here, since
+                  //       the point might be modified
+                  gZone.push(new HPoint(0, 0), new HPoint(Math.round(glyph.advanceWidth * xScale), 0));
+                  if (exports.DEBUG) {
+                    console.log('---EXEC COMPOSITE---');
+                    state.step = - 1;
+                  }
+                  exec(state);
+                  gZone.length -= 2;
+                }
+              }
+              return gZone;
+            };
+            /*
+  * Executes the hinting program for a component of a multi-component glyph
+  * or of the glyph itself for a non-component glyph.
+  */
+            execComponent = function (glyph, state, xScale, yScale) {
+              var points = glyph.points || [
+              ];
+              var pLen = points.length;
+              var gZone = state.gZone = state.z0 = state.z1 = state.z2 = [
+              ];
+              var contours = state.contours = [
+              ];
+              // Scales the original points and
+              // makes copies for the hinted points.
+              var cp; // current point
+              for (var i = 0; i < pLen; i++) {
+                cp = points[i];
+                gZone[i] = new HPoint(cp.x * xScale, cp.y * yScale, cp.lastPointOfContour, cp.onCurve);
+              }              // Chain links the contours.
+
+              var sp; // start point
+              var np; // next point
+              for (var i$1 = 0; i$1 < pLen; i$1++) {
+                cp = gZone[i$1];
+                if (!sp) {
+                  sp = cp;
+                  contours.push(i$1);
+                }
+                if (cp.lastPointOfContour) {
+                  cp.nextPointOnContour = sp;
+                  sp.prevPointOnContour = cp;
+                  sp = undefined;
+                } else {
+                  np = gZone[i$1 + 1];
+                  cp.nextPointOnContour = np;
+                  np.prevPointOnContour = cp;
+                }
+              }
+              if (state.inhibitGridFit) {
+                return;
+              }
+              if (exports.DEBUG) {
+                console.log('PROCESSING GLYPH', state.stack);
+                for (var i$2 = 0; i$2 < pLen; i$2++) {
+                  console.log(i$2, gZone[i$2].x, gZone[i$2].y);
+                }
+              }
+              gZone.push(new HPoint(0, 0), new HPoint(Math.round(glyph.advanceWidth * xScale), 0));
+              exec(state);
+              // Removes the extra points.
+              gZone.length -= 2;
+              if (exports.DEBUG) {
+                console.log('FINISHED GLYPH', state.stack);
+                for (var i$3 = 0; i$3 < pLen; i$3++) {
+                  console.log(i$3, gZone[i$3].x, gZone[i$3].y);
+                }
+              }
+            };
+            /*
+  * Executes the program loaded in state.
+  */
+            exec = function (state) {
+              var prog = state.prog;
+              if (!prog) {
+                return;
+              }
+              var pLen = prog.length;
+              var ins;
+              for (state.ip = 0; state.ip < pLen; state.ip++) {
+                if (exports.DEBUG) {
+                  state.step++;
+                }
+                ins = instructionTable[prog[state.ip]];
+                if (!ins) {
+                  throw new Error('unknown instruction: 0x' + Number(prog[state.ip]).toString(16));
+                }
+                ins(state);
+                // very extensive debugging for each step
+                /*
+      if (exports.DEBUG) {
+          var da;
+          if (state.gZone) {
+              da = [];
+              for (let i = 0; i < state.gZone.length; i++)
+              {
+                  da.push(i + ' ' +
+                      state.gZone[i].x * 64 + ' ' +
+                      state.gZone[i].y * 64 + ' ' +
+                      (state.gZone[i].xTouched ? 'x' : '') +
+                      (state.gZone[i].yTouched ? 'y' : '')
+                  );
+              }
+              console.log('GZ', da);
+          }
+           if (state.tZone) {
+              da = [];
+              for (let i = 0; i < state.tZone.length; i++) {
+                  da.push(i + ' ' +
+                      state.tZone[i].x * 64 + ' ' +
+                      state.tZone[i].y * 64 + ' ' +
+                      (state.tZone[i].xTouched ? 'x' : '') +
+                      (state.tZone[i].yTouched ? 'y' : '')
+                  );
+              }
+              console.log('TZ', da);
+          }
+           if (state.stack.length > 10) {
+              console.log(
+                  state.stack.length,
+                  '...', state.stack.slice(state.stack.length - 10)
+              );
+          } else {
+              console.log(state.stack.length, state.stack);
+          }
+      }
+      */
+              }
+            };
+            /*
+  * Initializes the twilight zone.
+  *
+  * This is only done if a SZPx instruction
+  * refers to the twilight zone.
+  */
+            function initTZone(state) {
+              var tZone = state.tZone = new Array(state.gZone.length);
+              // no idea if this is actually correct...
+              for (var i = 0; i < tZone.length; i++) {
+                tZone[i] = new HPoint(0, 0);
+              }
+            }            /*
+  * Skips the instruction pointer ahead over an IF/ELSE block.
+  * handleElse .. if true breaks on matching ELSE
+  */
+
+            function skip(state, handleElse) {
+              var prog = state.prog;
+              var ip = state.ip;
+              var nesting = 1;
+              var ins;
+              do {
+                ins = prog[++ip];
+                if (ins === 88)                // IF
+                {
+                  nesting++;
+                } else if (ins === 89)                // EIF
+                {
+                  nesting--;
+                } else if (ins === 64)                // NPUSHB
+                {
+                  ip += prog[ip + 1] + 1;
+                } else if (ins === 65)                // NPUSHW
+                {
+                  ip += 2 * prog[ip + 1] + 1;
+                } else if (ins >= 176 && ins <= 183)                // PUSHB
+                {
+                  ip += ins - 176 + 1;
+                } else if (ins >= 184 && ins <= 191)                // PUSHW
+                {
+                  ip += (ins - 184 + 1) * 2;
+                } else if (handleElse && nesting === 1 && ins === 27)                // ELSE
+                {
+                  break;
+                }
+              } while (nesting > 0);
+              state.ip = ip;
+            }            /*----------------------------------------------------------*
+  *          And then a lot of instructions...                *
+  *----------------------------------------------------------*/
+            // SVTCA[a] Set freedom and projection Vectors To Coordinate Axis
+            // 0x00-0x01
+
+            function SVTCA(v, state) {
+              if (exports.DEBUG) {
+                console.log(state.step, 'SVTCA[' + v.axis + ']');
+              }
+              state.fv = state.pv = state.dpv = v;
+            }            // SPVTCA[a] Set Projection Vector to Coordinate Axis
+            // 0x02-0x03
+
+            function SPVTCA(v, state) {
+              if (exports.DEBUG) {
+                console.log(state.step, 'SPVTCA[' + v.axis + ']');
+              }
+              state.pv = state.dpv = v;
+            }            // SFVTCA[a] Set Freedom Vector to Coordinate Axis
+            // 0x04-0x05
+
+            function SFVTCA(v, state) {
+              if (exports.DEBUG) {
+                console.log(state.step, 'SFVTCA[' + v.axis + ']');
+              }
+              state.fv = v;
+            }            // SPVTL[a] Set Projection Vector To Line
+            // 0x06-0x07
+
+            function SPVTL(a, state) {
+              var stack = state.stack;
+              var p2i = stack.pop();
+              var p1i = stack.pop();
+              var p2 = state.z2[p2i];
+              var p1 = state.z1[p1i];
+              if (exports.DEBUG) {
+                console.log('SPVTL[' + a + ']', p2i, p1i);
+              }
+              var dx;
+              var dy;
+              if (!a) {
+                dx = p1.x - p2.x;
+                dy = p1.y - p2.y;
+              } else {
+                dx = p2.y - p1.y;
+                dy = p1.x - p2.x;
+              }
+              state.pv = state.dpv = getUnitVector(dx, dy);
+            }            // SFVTL[a] Set Freedom Vector To Line
+            // 0x08-0x09
+
+            function SFVTL(a, state) {
+              var stack = state.stack;
+              var p2i = stack.pop();
+              var p1i = stack.pop();
+              var p2 = state.z2[p2i];
+              var p1 = state.z1[p1i];
+              if (exports.DEBUG) {
+                console.log('SFVTL[' + a + ']', p2i, p1i);
+              }
+              var dx;
+              var dy;
+              if (!a) {
+                dx = p1.x - p2.x;
+                dy = p1.y - p2.y;
+              } else {
+                dx = p2.y - p1.y;
+                dy = p1.x - p2.x;
+              }
+              state.fv = getUnitVector(dx, dy);
+            }            // SPVFS[] Set Projection Vector From Stack
+            // 0x0A
+
+            function SPVFS(state) {
+              var stack = state.stack;
+              var y = stack.pop();
+              var x = stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'SPVFS[]', y, x);
+              }
+              state.pv = state.dpv = getUnitVector(x, y);
+            }            // SFVFS[] Set Freedom Vector From Stack
+            // 0x0B
+
+            function SFVFS(state) {
+              var stack = state.stack;
+              var y = stack.pop();
+              var x = stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'SPVFS[]', y, x);
+              }
+              state.fv = getUnitVector(x, y);
+            }            // GPV[] Get Projection Vector
+            // 0x0C
+
+            function GPV(state) {
+              var stack = state.stack;
+              var pv = state.pv;
+              if (exports.DEBUG) {
+                console.log(state.step, 'GPV[]');
+              }
+              stack.push(pv.x * 16384);
+              stack.push(pv.y * 16384);
+            }            // GFV[] Get Freedom Vector
+            // 0x0C
+
+            function GFV(state) {
+              var stack = state.stack;
+              var fv = state.fv;
+              if (exports.DEBUG) {
+                console.log(state.step, 'GFV[]');
+              }
+              stack.push(fv.x * 16384);
+              stack.push(fv.y * 16384);
+            }            // SFVTPV[] Set Freedom Vector To Projection Vector
+            // 0x0E
+
+            function SFVTPV(state) {
+              state.fv = state.pv;
+              if (exports.DEBUG) {
+                console.log(state.step, 'SFVTPV[]');
+              }
+            }            // ISECT[] moves point p to the InterSECTion of two lines
+            // 0x0F
+
+            function ISECT(state) {
+              var stack = state.stack;
+              var pa0i = stack.pop();
+              var pa1i = stack.pop();
+              var pb0i = stack.pop();
+              var pb1i = stack.pop();
+              var pi = stack.pop();
+              var z0 = state.z0;
+              var z1 = state.z1;
+              var pa0 = z0[pa0i];
+              var pa1 = z0[pa1i];
+              var pb0 = z1[pb0i];
+              var pb1 = z1[pb1i];
+              var p = state.z2[pi];
+              if (exports.DEBUG) {
+                console.log('ISECT[], ', pa0i, pa1i, pb0i, pb1i, pi);
+              }              // math from
+              // en.wikipedia.org/wiki/Line%E2%80%93line_intersection#Given_two_points_on_each_line
+
+              var x1 = pa0.x;
+              var y1 = pa0.y;
+              var x2 = pa1.x;
+              var y2 = pa1.y;
+              var x3 = pb0.x;
+              var y3 = pb0.y;
+              var x4 = pb1.x;
+              var y4 = pb1.y;
+              var div = (x1 - x2) * (y3 - y4) - (y1 - y2) * (x3 - x4);
+              var f1 = x1 * y2 - y1 * x2;
+              var f2 = x3 * y4 - y3 * x4;
+              p.x = (f1 * (x3 - x4) - f2 * (x1 - x2)) / div;
+              p.y = (f1 * (y3 - y4) - f2 * (y1 - y2)) / div;
+            }            // SRP0[] Set Reference Point 0
+            // 0x10
+
+            function SRP0(state) {
+              state.rp0 = state.stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'SRP0[]', state.rp0);
+              }
+            }            // SRP1[] Set Reference Point 1
+            // 0x11
+
+            function SRP1(state) {
+              state.rp1 = state.stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'SRP1[]', state.rp1);
+              }
+            }            // SRP1[] Set Reference Point 2
+            // 0x12
+
+            function SRP2(state) {
+              state.rp2 = state.stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'SRP2[]', state.rp2);
+              }
+            }            // SZP0[] Set Zone Pointer 0
+            // 0x13
+
+            function SZP0(state) {
+              var n = state.stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'SZP0[]', n);
+              }
+              state.zp0 = n;
+              switch (n) {
+                case 0:
+                  if (!state.tZone) {
+                    initTZone(state);
+                  }
+                  state.z0 = state.tZone;
+                  break;
+                case 1:
+                  state.z0 = state.gZone;
+                  break;
+                default:
+                  throw new Error('Invalid zone pointer');
+              }
+            }            // SZP1[] Set Zone Pointer 1
+            // 0x14
+
+            function SZP1(state) {
+              var n = state.stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'SZP1[]', n);
+              }
+              state.zp1 = n;
+              switch (n) {
+                case 0:
+                  if (!state.tZone) {
+                    initTZone(state);
+                  }
+                  state.z1 = state.tZone;
+                  break;
+                case 1:
+                  state.z1 = state.gZone;
+                  break;
+                default:
+                  throw new Error('Invalid zone pointer');
+              }
+            }            // SZP2[] Set Zone Pointer 2
+            // 0x15
+
+            function SZP2(state) {
+              var n = state.stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'SZP2[]', n);
+              }
+              state.zp2 = n;
+              switch (n) {
+                case 0:
+                  if (!state.tZone) {
+                    initTZone(state);
+                  }
+                  state.z2 = state.tZone;
+                  break;
+                case 1:
+                  state.z2 = state.gZone;
+                  break;
+                default:
+                  throw new Error('Invalid zone pointer');
+              }
+            }            // SZPS[] Set Zone PointerS
+            // 0x16
+
+            function SZPS(state) {
+              var n = state.stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'SZPS[]', n);
+              }
+              state.zp0 = state.zp1 = state.zp2 = n;
+              switch (n) {
+                case 0:
+                  if (!state.tZone) {
+                    initTZone(state);
+                  }
+                  state.z0 = state.z1 = state.z2 = state.tZone;
+                  break;
+                case 1:
+                  state.z0 = state.z1 = state.z2 = state.gZone;
+                  break;
+                default:
+                  throw new Error('Invalid zone pointer');
+              }
+            }            // SLOOP[] Set LOOP variable
+            // 0x17
+
+            function SLOOP(state) {
+              state.loop = state.stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'SLOOP[]', state.loop);
+              }
+            }            // RTG[] Round To Grid
+            // 0x18
+
+            function RTG(state) {
+              if (exports.DEBUG) {
+                console.log(state.step, 'RTG[]');
+              }
+              state.round = roundToGrid;
+            }            // RTHG[] Round To Half Grid
+            // 0x19
+
+            function RTHG(state) {
+              if (exports.DEBUG) {
+                console.log(state.step, 'RTHG[]');
+              }
+              state.round = roundToHalfGrid;
+            }            // SMD[] Set Minimum Distance
+            // 0x1A
+
+            function SMD(state) {
+              var d = state.stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'SMD[]', d);
+              }
+              state.minDis = d / 64;
+            }            // ELSE[] ELSE clause
+            // 0x1B
+
+            function ELSE(state) {
+              // This instruction has been reached by executing a then branch
+              // so it just skips ahead until matching EIF.
+              //
+              // In case the IF was negative the IF[] instruction already
+              // skipped forward over the ELSE[]
+              if (exports.DEBUG) {
+                console.log(state.step, 'ELSE[]');
+              }
+              skip(state, false);
+            }            // JMPR[] JuMP Relative
+            // 0x1C
+
+            function JMPR(state) {
+              var o = state.stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'JMPR[]', o);
+              }              // A jump by 1 would do nothing.
+
+              state.ip += o - 1;
+            }            // SCVTCI[] Set Control Value Table Cut-In
+            // 0x1D
+
+            function SCVTCI(state) {
+              var n = state.stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'SCVTCI[]', n);
+              }
+              state.cvCutIn = n / 64;
+            }            // DUP[] DUPlicate top stack element
+            // 0x20
+
+            function DUP(state) {
+              var stack = state.stack;
+              if (exports.DEBUG) {
+                console.log(state.step, 'DUP[]');
+              }
+              stack.push(stack[stack.length - 1]);
+            }            // POP[] POP top stack element
+            // 0x21
+
+            function POP(state) {
+              if (exports.DEBUG) {
+                console.log(state.step, 'POP[]');
+              }
+              state.stack.pop();
+            }            // CLEAR[] CLEAR the stack
+            // 0x22
+
+            function CLEAR(state) {
+              if (exports.DEBUG) {
+                console.log(state.step, 'CLEAR[]');
+              }
+              state.stack.length = 0;
+            }            // SWAP[] SWAP the top two elements on the stack
+            // 0x23
+
+            function SWAP(state) {
+              var stack = state.stack;
+              var a = stack.pop();
+              var b = stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'SWAP[]');
+              }
+              stack.push(a);
+              stack.push(b);
+            }            // DEPTH[] DEPTH of the stack
+            // 0x24
+
+            function DEPTH(state) {
+              var stack = state.stack;
+              if (exports.DEBUG) {
+                console.log(state.step, 'DEPTH[]');
+              }
+              stack.push(stack.length);
+            }            // LOOPCALL[] LOOPCALL function
+            // 0x2A
+
+            function LOOPCALL(state) {
+              var stack = state.stack;
+              var fn = stack.pop();
+              var c = stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'LOOPCALL[]', fn, c);
+              }              // saves callers program
+
+              var cip = state.ip;
+              var cprog = state.prog;
+              state.prog = state.funcs[fn];
+              // executes the function
+              for (var i = 0; i < c; i++) {
+                exec(state);
+                if (exports.DEBUG) {
+                  console.log(++state.step, i + 1 < c ? 'next loopcall' : 'done loopcall', i);
+                }
+              }              // restores the callers program
+
+              state.ip = cip;
+              state.prog = cprog;
+            }            // CALL[] CALL function
+            // 0x2B
+
+            function CALL(state) {
+              var fn = state.stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'CALL[]', fn);
+              }              // saves callers program
+
+              var cip = state.ip;
+              var cprog = state.prog;
+              state.prog = state.funcs[fn];
+              // executes the function
+              exec(state);
+              // restores the callers program
+              state.ip = cip;
+              state.prog = cprog;
+              if (exports.DEBUG) {
+                console.log(++state.step, 'returning from', fn);
+              }
+            }            // CINDEX[] Copy the INDEXed element to the top of the stack
+            // 0x25
+
+            function CINDEX(state) {
+              var stack = state.stack;
+              var k = stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'CINDEX[]', k);
+              }              // In case of k == 1, it copies the last element after popping
+              // thus stack.length - k.
+
+              stack.push(stack[stack.length - k]);
+            }            // MINDEX[] Move the INDEXed element to the top of the stack
+            // 0x26
+
+            function MINDEX(state) {
+              var stack = state.stack;
+              var k = stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'MINDEX[]', k);
+              }
+              stack.push(stack.splice(stack.length - k, 1) [0]);
+            }            // FDEF[] Function DEFinition
+            // 0x2C
+
+            function FDEF(state) {
+              if (state.env !== 'fpgm') {
+                throw new Error('FDEF not allowed here');
+              }
+              var stack = state.stack;
+              var prog = state.prog;
+              var ip = state.ip;
+              var fn = stack.pop();
+              var ipBegin = ip;
+              if (exports.DEBUG) {
+                console.log(state.step, 'FDEF[]', fn);
+              }
+              while (prog[++ip] !== 45) {
+              }
+              state.ip = ip;
+              state.funcs[fn] = prog.slice(ipBegin + 1, ip);
+            }            // MDAP[a] Move Direct Absolute Point
+            // 0x2E-0x2F
+
+            function MDAP(round, state) {
+              var pi = state.stack.pop();
+              var p = state.z0[pi];
+              var fv = state.fv;
+              var pv = state.pv;
+              if (exports.DEBUG) {
+                console.log(state.step, 'MDAP[' + round + ']', pi);
+              }
+              var d = pv.distance(p, HPZero);
+              if (round) {
+                d = state.round(d);
+              }
+              fv.setRelative(p, HPZero, d, pv);
+              fv.touch(p);
+              state.rp0 = state.rp1 = pi;
+            }            // IUP[a] Interpolate Untouched Points through the outline
+            // 0x30
+
+            function IUP(v, state) {
+              var z2 = state.z2;
+              var pLen = z2.length - 2;
+              var cp;
+              var pp;
+              var np;
+              if (exports.DEBUG) {
+                console.log(state.step, 'IUP[' + v.axis + ']');
+              }
+              for (var i = 0; i < pLen; i++) {
+                cp = z2[i]; // current point
+                // if this point has been touched go on
+                if (v.touched(cp)) {
+                  continue;
+                }
+                pp = cp.prevTouched(v);
+                // no point on the contour has been touched?
+                if (pp === cp) {
+                  continue;
+                }
+                np = cp.nextTouched(v);
+                if (pp === np) {
+                  // only one point on the contour has been touched
+                  // so simply moves the point like that
+                  v.setRelative(cp, cp, v.distance(pp, pp, false, true), v, true);
+                }
+                v.interpolate(cp, pp, np, v);
+              }
+            }            // SHP[] SHift Point using reference point
+            // 0x32-0x33
+
+            function SHP(a, state) {
+              var stack = state.stack;
+              var rpi = a ? state.rp1 : state.rp2;
+              var rp = (a ? state.z0 : state.z1) [rpi];
+              var fv = state.fv;
+              var pv = state.pv;
+              var loop = state.loop;
+              var z2 = state.z2;
+              while (loop--) {
+                var pi = stack.pop();
+                var p = z2[pi];
+                var d = pv.distance(rp, rp, false, true);
+                fv.setRelative(p, p, d, pv);
+                fv.touch(p);
+                if (exports.DEBUG) {
+                  console.log(state.step, (state.loop > 1 ? 'loop ' + (state.loop - loop) + ': ' : '') + 'SHP[' + (a ? 'rp1' : 'rp2') + ']', pi);
+                }
+              }
+              state.loop = 1;
+            }            // SHC[] SHift Contour using reference point
+            // 0x36-0x37
+
+            function SHC(a, state) {
+              var stack = state.stack;
+              var rpi = a ? state.rp1 : state.rp2;
+              var rp = (a ? state.z0 : state.z1) [rpi];
+              var fv = state.fv;
+              var pv = state.pv;
+              var ci = stack.pop();
+              var sp = state.z2[state.contours[ci]];
+              var p = sp;
+              if (exports.DEBUG) {
+                console.log(state.step, 'SHC[' + a + ']', ci);
+              }
+              var d = pv.distance(rp, rp, false, true);
+              do {
+                if (p !== rp) {
+                  fv.setRelative(p, p, d, pv);
+                }
+                p = p.nextPointOnContour;
+              } while (p !== sp);
+            }            // SHZ[] SHift Zone using reference point
+            // 0x36-0x37
+
+            function SHZ(a, state) {
+              var stack = state.stack;
+              var rpi = a ? state.rp1 : state.rp2;
+              var rp = (a ? state.z0 : state.z1) [rpi];
+              var fv = state.fv;
+              var pv = state.pv;
+              var e = stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'SHZ[' + a + ']', e);
+              }
+              var z;
+              switch (e) {
+                case 0:
+                  z = state.tZone;
+                  break;
+                case 1:
+                  z = state.gZone;
+                  break;
+                default:
+                  throw new Error('Invalid zone');
+              }
+              var p;
+              var d = pv.distance(rp, rp, false, true);
+              var pLen = z.length - 2;
+              for (var i = 0; i < pLen; i++) {
+                p = z[i];
+                fv.setRelative(p, p, d, pv);
+                //if (p !== rp) fv.setRelative(p, p, d, pv);
+              }
+            }            // SHPIX[] SHift point by a PIXel amount
+            // 0x38
+
+            function SHPIX(state) {
+              var stack = state.stack;
+              var loop = state.loop;
+              var fv = state.fv;
+              var d = stack.pop() / 64;
+              var z2 = state.z2;
+              while (loop--) {
+                var pi = stack.pop();
+                var p = z2[pi];
+                if (exports.DEBUG) {
+                  console.log(state.step, (state.loop > 1 ? 'loop ' + (state.loop - loop) + ': ' : '') + 'SHPIX[]', pi, d);
+                }
+                fv.setRelative(p, p, d);
+                fv.touch(p);
+              }
+              state.loop = 1;
+            }            // IP[] Interpolate Point
+            // 0x39
+
+            function IP(state) {
+              var stack = state.stack;
+              var rp1i = state.rp1;
+              var rp2i = state.rp2;
+              var loop = state.loop;
+              var rp1 = state.z0[rp1i];
+              var rp2 = state.z1[rp2i];
+              var fv = state.fv;
+              var pv = state.dpv;
+              var z2 = state.z2;
+              while (loop--) {
+                var pi = stack.pop();
+                var p = z2[pi];
+                if (exports.DEBUG) {
+                  console.log(state.step, (state.loop > 1 ? 'loop ' + (state.loop - loop) + ': ' : '') + 'IP[]', pi, rp1i, '<->', rp2i);
+                }
+                fv.interpolate(p, rp1, rp2, pv);
+                fv.touch(p);
+              }
+              state.loop = 1;
+            }            // MSIRP[a] Move Stack Indirect Relative Point
+            // 0x3A-0x3B
+
+            function MSIRP(a, state) {
+              var stack = state.stack;
+              var d = stack.pop() / 64;
+              var pi = stack.pop();
+              var p = state.z1[pi];
+              var rp0 = state.z0[state.rp0];
+              var fv = state.fv;
+              var pv = state.pv;
+              fv.setRelative(p, rp0, d, pv);
+              fv.touch(p);
+              if (exports.DEBUG) {
+                console.log(state.step, 'MSIRP[' + a + ']', d, pi);
+              }
+              state.rp1 = state.rp0;
+              state.rp2 = pi;
+              if (a) {
+                state.rp0 = pi;
+              }
+            }            // ALIGNRP[] Align to reference point.
+            // 0x3C
+
+            function ALIGNRP(state) {
+              var stack = state.stack;
+              var rp0i = state.rp0;
+              var rp0 = state.z0[rp0i];
+              var loop = state.loop;
+              var fv = state.fv;
+              var pv = state.pv;
+              var z1 = state.z1;
+              while (loop--) {
+                var pi = stack.pop();
+                var p = z1[pi];
+                if (exports.DEBUG) {
+                  console.log(state.step, (state.loop > 1 ? 'loop ' + (state.loop - loop) + ': ' : '') + 'ALIGNRP[]', pi);
+                }
+                fv.setRelative(p, rp0, 0, pv);
+                fv.touch(p);
+              }
+              state.loop = 1;
+            }            // RTG[] Round To Double Grid
+            // 0x3D
+
+            function RTDG(state) {
+              if (exports.DEBUG) {
+                console.log(state.step, 'RTDG[]');
+              }
+              state.round = roundToDoubleGrid;
+            }            // MIAP[a] Move Indirect Absolute Point
+            // 0x3E-0x3F
+
+            function MIAP(round, state) {
+              var stack = state.stack;
+              var n = stack.pop();
+              var pi = stack.pop();
+              var p = state.z0[pi];
+              var fv = state.fv;
+              var pv = state.pv;
+              var cv = state.cvt[n];
+              if (exports.DEBUG) {
+                console.log(state.step, 'MIAP[' + round + ']', n, '(', cv, ')', pi);
+              }
+              var d = pv.distance(p, HPZero);
+              if (round) {
+                if (Math.abs(d - cv) < state.cvCutIn) {
+                  d = cv;
+                }
+                d = state.round(d);
+              }
+              fv.setRelative(p, HPZero, d, pv);
+              if (state.zp0 === 0) {
+                p.xo = p.x;
+                p.yo = p.y;
+              }
+              fv.touch(p);
+              state.rp0 = state.rp1 = pi;
+            }            // NPUSB[] PUSH N Bytes
+            // 0x40
+
+            function NPUSHB(state) {
+              var prog = state.prog;
+              var ip = state.ip;
+              var stack = state.stack;
+              var n = prog[++ip];
+              if (exports.DEBUG) {
+                console.log(state.step, 'NPUSHB[]', n);
+              }
+              for (var i = 0; i < n; i++) {
+                stack.push(prog[++ip]);
+              }
+              state.ip = ip;
+            }            // NPUSHW[] PUSH N Words
+            // 0x41
+
+            function NPUSHW(state) {
+              var ip = state.ip;
+              var prog = state.prog;
+              var stack = state.stack;
+              var n = prog[++ip];
+              if (exports.DEBUG) {
+                console.log(state.step, 'NPUSHW[]', n);
+              }
+              for (var i = 0; i < n; i++) {
+                var w = prog[++ip] << 8 | prog[++ip];
+                if (w & 32768) {
+                  w = - ((w ^ 65535) + 1);
+                }
+                stack.push(w);
+              }
+              state.ip = ip;
+            }            // WS[] Write Store
+            // 0x42
+
+            function WS(state) {
+              var stack = state.stack;
+              var store = state.store;
+              if (!store) {
+                store = state.store = [
+                ];
+              }
+              var v = stack.pop();
+              var l = stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'WS', v, l);
+              }
+              store[l] = v;
+            }            // RS[] Read Store
+            // 0x43
+
+            function RS(state) {
+              var stack = state.stack;
+              var store = state.store;
+              var l = stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'RS', l);
+              }
+              var v = store && store[l] || 0;
+              stack.push(v);
+            }            // WCVTP[] Write Control Value Table in Pixel units
+            // 0x44
+
+            function WCVTP(state) {
+              var stack = state.stack;
+              var v = stack.pop();
+              var l = stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'WCVTP', v, l);
+              }
+              state.cvt[l] = v / 64;
+            }            // RCVT[] Read Control Value Table entry
+            // 0x45
+
+            function RCVT(state) {
+              var stack = state.stack;
+              var cvte = stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'RCVT', cvte);
+              }
+              stack.push(state.cvt[cvte] * 64);
+            }            // GC[] Get Coordinate projected onto the projection vector
+            // 0x46-0x47
+
+            function GC(a, state) {
+              var stack = state.stack;
+              var pi = stack.pop();
+              var p = state.z2[pi];
+              if (exports.DEBUG) {
+                console.log(state.step, 'GC[' + a + ']', pi);
+              }
+              stack.push(state.dpv.distance(p, HPZero, a, false) * 64);
+            }            // MD[a] Measure Distance
+            // 0x49-0x4A
+
+            function MD(a, state) {
+              var stack = state.stack;
+              var pi2 = stack.pop();
+              var pi1 = stack.pop();
+              var p2 = state.z1[pi2];
+              var p1 = state.z0[pi1];
+              var d = state.dpv.distance(p1, p2, a, a);
+              if (exports.DEBUG) {
+                console.log(state.step, 'MD[' + a + ']', pi2, pi1, '->', d);
+              }
+              state.stack.push(Math.round(d * 64));
+            }            // MPPEM[] Measure Pixels Per EM
+            // 0x4B
+
+            function MPPEM(state) {
+              if (exports.DEBUG) {
+                console.log(state.step, 'MPPEM[]');
+              }
+              state.stack.push(state.ppem);
+            }            // FLIPON[] set the auto FLIP Boolean to ON
+            // 0x4D
+
+            function FLIPON(state) {
+              if (exports.DEBUG) {
+                console.log(state.step, 'FLIPON[]');
+              }
+              state.autoFlip = true;
+            }            // LT[] Less Than
+            // 0x50
+
+            function LT(state) {
+              var stack = state.stack;
+              var e2 = stack.pop();
+              var e1 = stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'LT[]', e2, e1);
+              }
+              stack.push(e1 < e2 ? 1 : 0);
+            }            // LTEQ[] Less Than or EQual
+            // 0x53
+
+            function LTEQ(state) {
+              var stack = state.stack;
+              var e2 = stack.pop();
+              var e1 = stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'LTEQ[]', e2, e1);
+              }
+              stack.push(e1 <= e2 ? 1 : 0);
+            }            // GTEQ[] Greater Than
+            // 0x52
+
+            function GT(state) {
+              var stack = state.stack;
+              var e2 = stack.pop();
+              var e1 = stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'GT[]', e2, e1);
+              }
+              stack.push(e1 > e2 ? 1 : 0);
+            }            // GTEQ[] Greater Than or EQual
+            // 0x53
+
+            function GTEQ(state) {
+              var stack = state.stack;
+              var e2 = stack.pop();
+              var e1 = stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'GTEQ[]', e2, e1);
+              }
+              stack.push(e1 >= e2 ? 1 : 0);
+            }            // EQ[] EQual
+            // 0x54
+
+            function EQ(state) {
+              var stack = state.stack;
+              var e2 = stack.pop();
+              var e1 = stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'EQ[]', e2, e1);
+              }
+              stack.push(e2 === e1 ? 1 : 0);
+            }            // NEQ[] Not EQual
+            // 0x55
+
+            function NEQ(state) {
+              var stack = state.stack;
+              var e2 = stack.pop();
+              var e1 = stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'NEQ[]', e2, e1);
+              }
+              stack.push(e2 !== e1 ? 1 : 0);
+            }            // ODD[] ODD
+            // 0x56
+
+            function ODD(state) {
+              var stack = state.stack;
+              var n = stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'ODD[]', n);
+              }
+              stack.push(Math.trunc(n) % 2 ? 1 : 0);
+            }            // EVEN[] EVEN
+            // 0x57
+
+            function EVEN(state) {
+              var stack = state.stack;
+              var n = stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'EVEN[]', n);
+              }
+              stack.push(Math.trunc(n) % 2 ? 0 : 1);
+            }            // IF[] IF test
+            // 0x58
+
+            function IF(state) {
+              var test = state.stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'IF[]', test);
+              }              // if test is true it just continues
+              // if not the ip is skipped until matching ELSE or EIF
+
+              if (!test) {
+                skip(state, true);
+                if (exports.DEBUG) {
+                  console.log(state.step, 'EIF[]');
+                }
+              }
+            }            // EIF[] End IF
+            // 0x59
+
+            function EIF(state) {
+              // this can be reached normally when
+              // executing an else branch.
+              // -> just ignore it
+              if (exports.DEBUG) {
+                console.log(state.step, 'EIF[]');
+              }
+            }            // AND[] logical AND
+            // 0x5A
+
+            function AND(state) {
+              var stack = state.stack;
+              var e2 = stack.pop();
+              var e1 = stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'AND[]', e2, e1);
+              }
+              stack.push(e2 && e1 ? 1 : 0);
+            }            // OR[] logical OR
+            // 0x5B
+
+            function OR(state) {
+              var stack = state.stack;
+              var e2 = stack.pop();
+              var e1 = stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'OR[]', e2, e1);
+              }
+              stack.push(e2 || e1 ? 1 : 0);
+            }            // NOT[] logical NOT
+            // 0x5C
+
+            function NOT(state) {
+              var stack = state.stack;
+              var e = stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'NOT[]', e);
+              }
+              stack.push(e ? 0 : 1);
+            }            // DELTAP1[] DELTA exception P1
+            // DELTAP2[] DELTA exception P2
+            // DELTAP3[] DELTA exception P3
+            // 0x5D, 0x71, 0x72
+
+            function DELTAP123(b, state) {
+              var stack = state.stack;
+              var n = stack.pop();
+              var fv = state.fv;
+              var pv = state.pv;
+              var ppem = state.ppem;
+              var base = state.deltaBase + (b - 1) * 16;
+              var ds = state.deltaShift;
+              var z0 = state.z0;
+              if (exports.DEBUG) {
+                console.log(state.step, 'DELTAP[' + b + ']', n, stack);
+              }
+              for (var i = 0; i < n; i++) {
+                var pi = stack.pop();
+                var arg = stack.pop();
+                var appem = base + ((arg & 240) >> 4);
+                if (appem !== ppem) {
+                  continue;
+                }
+                var mag = (arg & 15) - 8;
+                if (mag >= 0) {
+                  mag++;
+                }
+                if (exports.DEBUG) {
+                  console.log(state.step, 'DELTAPFIX', pi, 'by', mag * ds);
+                }
+                var p = z0[pi];
+                fv.setRelative(p, p, mag * ds, pv);
+              }
+            }            // SDB[] Set Delta Base in the graphics state
+            // 0x5E
+
+            function SDB(state) {
+              var stack = state.stack;
+              var n = stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'SDB[]', n);
+              }
+              state.deltaBase = n;
+            }            // SDS[] Set Delta Shift in the graphics state
+            // 0x5F
+
+            function SDS(state) {
+              var stack = state.stack;
+              var n = stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'SDS[]', n);
+              }
+              state.deltaShift = Math.pow(0.5, n);
+            }            // ADD[] ADD
+            // 0x60
+
+            function ADD(state) {
+              var stack = state.stack;
+              var n2 = stack.pop();
+              var n1 = stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'ADD[]', n2, n1);
+              }
+              stack.push(n1 + n2);
+            }            // SUB[] SUB
+            // 0x61
+
+            function SUB(state) {
+              var stack = state.stack;
+              var n2 = stack.pop();
+              var n1 = stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'SUB[]', n2, n1);
+              }
+              stack.push(n1 - n2);
+            }            // DIV[] DIV
+            // 0x62
+
+            function DIV(state) {
+              var stack = state.stack;
+              var n2 = stack.pop();
+              var n1 = stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'DIV[]', n2, n1);
+              }
+              stack.push(n1 * 64 / n2);
+            }            // MUL[] MUL
+            // 0x63
+
+            function MUL(state) {
+              var stack = state.stack;
+              var n2 = stack.pop();
+              var n1 = stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'MUL[]', n2, n1);
+              }
+              stack.push(n1 * n2 / 64);
+            }            // ABS[] ABSolute value
+            // 0x64
+
+            function ABS(state) {
+              var stack = state.stack;
+              var n = stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'ABS[]', n);
+              }
+              stack.push(Math.abs(n));
+            }            // NEG[] NEGate
+            // 0x65
+
+            function NEG(state) {
+              var stack = state.stack;
+              var n = stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'NEG[]', n);
+              }
+              stack.push( - n);
+            }            // FLOOR[] FLOOR
+            // 0x66
+
+            function FLOOR(state) {
+              var stack = state.stack;
+              var n = stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'FLOOR[]', n);
+              }
+              stack.push(Math.floor(n / 64) * 64);
+            }            // CEILING[] CEILING
+            // 0x67
+
+            function CEILING(state) {
+              var stack = state.stack;
+              var n = stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'CEILING[]', n);
+              }
+              stack.push(Math.ceil(n / 64) * 64);
+            }            // ROUND[ab] ROUND value
+            // 0x68-0x6B
+
+            function ROUND(dt, state) {
+              var stack = state.stack;
+              var n = stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'ROUND[]');
+              }
+              stack.push(state.round(n / 64) * 64);
+            }            // WCVTF[] Write Control Value Table in Funits
+            // 0x70
+
+            function WCVTF(state) {
+              var stack = state.stack;
+              var v = stack.pop();
+              var l = stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'WCVTF[]', v, l);
+              }
+              state.cvt[l] = v * state.ppem / state.font.unitsPerEm;
+            }            // DELTAC1[] DELTA exception C1
+            // DELTAC2[] DELTA exception C2
+            // DELTAC3[] DELTA exception C3
+            // 0x73, 0x74, 0x75
+
+            function DELTAC123(b, state) {
+              var stack = state.stack;
+              var n = stack.pop();
+              var ppem = state.ppem;
+              var base = state.deltaBase + (b - 1) * 16;
+              var ds = state.deltaShift;
+              if (exports.DEBUG) {
+                console.log(state.step, 'DELTAC[' + b + ']', n, stack);
+              }
+              for (var i = 0; i < n; i++) {
+                var c = stack.pop();
+                var arg = stack.pop();
+                var appem = base + ((arg & 240) >> 4);
+                if (appem !== ppem) {
+                  continue;
+                }
+                var mag = (arg & 15) - 8;
+                if (mag >= 0) {
+                  mag++;
+                }
+                var delta = mag * ds;
+                if (exports.DEBUG) {
+                  console.log(state.step, 'DELTACFIX', c, 'by', delta);
+                }
+                state.cvt[c] += delta;
+              }
+            }            // SROUND[] Super ROUND
+            // 0x76
+
+            function SROUND(state) {
+              var n = state.stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'SROUND[]', n);
+              }
+              state.round = roundSuper;
+              var period;
+              switch (n & 192) {
+                case 0:
+                  period = 0.5;
+                  break;
+                case 64:
+                  period = 1;
+                  break;
+                case 128:
+                  period = 2;
+                  break;
+                default:
+                  throw new Error('invalid SROUND value');
+              }
+              state.srPeriod = period;
+              switch (n & 48) {
+                case 0:
+                  state.srPhase = 0;
+                  break;
+                case 16:
+                  state.srPhase = 0.25 * period;
+                  break;
+                case 32:
+                  state.srPhase = 0.5 * period;
+                  break;
+                case 48:
+                  state.srPhase = 0.75 * period;
+                  break;
+                default:
+                  throw new Error('invalid SROUND value');
+              }
+              n &= 15;
+              if (n === 0) {
+                state.srThreshold = 0;
+              } else {
+                state.srThreshold = (n / 8 - 0.5) * period;
+              }
+            }            // S45ROUND[] Super ROUND 45 degrees
+            // 0x77
+
+            function S45ROUND(state) {
+              var n = state.stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'S45ROUND[]', n);
+              }
+              state.round = roundSuper;
+              var period;
+              switch (n & 192) {
+                case 0:
+                  period = Math.sqrt(2) / 2;
+                  break;
+                case 64:
+                  period = Math.sqrt(2);
+                  break;
+                case 128:
+                  period = 2 * Math.sqrt(2);
+                  break;
+                default:
+                  throw new Error('invalid S45ROUND value');
+              }
+              state.srPeriod = period;
+              switch (n & 48) {
+                case 0:
+                  state.srPhase = 0;
+                  break;
+                case 16:
+                  state.srPhase = 0.25 * period;
+                  break;
+                case 32:
+                  state.srPhase = 0.5 * period;
+                  break;
+                case 48:
+                  state.srPhase = 0.75 * period;
+                  break;
+                default:
+                  throw new Error('invalid S45ROUND value');
+              }
+              n &= 15;
+              if (n === 0) {
+                state.srThreshold = 0;
+              } else {
+                state.srThreshold = (n / 8 - 0.5) * period;
+              }
+            }            // ROFF[] Round Off
+            // 0x7A
+
+            function ROFF(state) {
+              if (exports.DEBUG) {
+                console.log(state.step, 'ROFF[]');
+              }
+              state.round = roundOff;
+            }            // RUTG[] Round Up To Grid
+            // 0x7C
+
+            function RUTG(state) {
+              if (exports.DEBUG) {
+                console.log(state.step, 'RUTG[]');
+              }
+              state.round = roundUpToGrid;
+            }            // RDTG[] Round Down To Grid
+            // 0x7D
+
+            function RDTG(state) {
+              if (exports.DEBUG) {
+                console.log(state.step, 'RDTG[]');
+              }
+              state.round = roundDownToGrid;
+            }            // SCANCTRL[] SCAN conversion ConTRoL
+            // 0x85
+
+            function SCANCTRL(state) {
+              var n = state.stack.pop();
+              // ignored by opentype.js
+              if (exports.DEBUG) {
+                console.log(state.step, 'SCANCTRL[]', n);
+              }
+            }            // SDPVTL[a] Set Dual Projection Vector To Line
+            // 0x86-0x87
+
+            function SDPVTL(a, state) {
+              var stack = state.stack;
+              var p2i = stack.pop();
+              var p1i = stack.pop();
+              var p2 = state.z2[p2i];
+              var p1 = state.z1[p1i];
+              if (exports.DEBUG) {
+                console.log(state.step, 'SDPVTL[' + a + ']', p2i, p1i);
+              }
+              var dx;
+              var dy;
+              if (!a) {
+                dx = p1.x - p2.x;
+                dy = p1.y - p2.y;
+              } else {
+                dx = p2.y - p1.y;
+                dy = p1.x - p2.x;
+              }
+              state.dpv = getUnitVector(dx, dy);
+            }            // GETINFO[] GET INFOrmation
+            // 0x88
+
+            function GETINFO(state) {
+              var stack = state.stack;
+              var sel = stack.pop();
+              var r = 0;
+              if (exports.DEBUG) {
+                console.log(state.step, 'GETINFO[]', sel);
+              }              // v35 as in no subpixel hinting
+
+              if (sel & 1) {
+                r = 35;
+              }              // TODO rotation and stretch currently not supported
+              // and thus those GETINFO are always 0.
+              // opentype.js is always gray scaling
+
+              if (sel & 32) {
+                r |= 4096;
+              }
+              stack.push(r);
+            }            // ROLL[] ROLL the top three stack elements
+            // 0x8A
+
+            function ROLL(state) {
+              var stack = state.stack;
+              var a = stack.pop();
+              var b = stack.pop();
+              var c = stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'ROLL[]');
+              }
+              stack.push(b);
+              stack.push(a);
+              stack.push(c);
+            }            // MAX[] MAXimum of top two stack elements
+            // 0x8B
+
+            function MAX(state) {
+              var stack = state.stack;
+              var e2 = stack.pop();
+              var e1 = stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'MAX[]', e2, e1);
+              }
+              stack.push(Math.max(e1, e2));
+            }            // MIN[] MINimum of top two stack elements
+            // 0x8C
+
+            function MIN(state) {
+              var stack = state.stack;
+              var e2 = stack.pop();
+              var e1 = stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'MIN[]', e2, e1);
+              }
+              stack.push(Math.min(e1, e2));
+            }            // SCANTYPE[] SCANTYPE
+            // 0x8D
+
+            function SCANTYPE(state) {
+              var n = state.stack.pop();
+              // ignored by opentype.js
+              if (exports.DEBUG) {
+                console.log(state.step, 'SCANTYPE[]', n);
+              }
+            }            // INSTCTRL[] INSTCTRL
+            // 0x8D
+
+            function INSTCTRL(state) {
+              var s = state.stack.pop();
+              var v = state.stack.pop();
+              if (exports.DEBUG) {
+                console.log(state.step, 'INSTCTRL[]', s, v);
+              }
+              switch (s) {
+                case 1:
+                  state.inhibitGridFit = !!v;
+                  return;
+                case 2:
+                  state.ignoreCvt = !!v;
+                  return;
+                default:
+                  throw new Error('invalid INSTCTRL[] selector');
+              }
+            }            // PUSHB[abc] PUSH Bytes
+            // 0xB0-0xB7
+
+            function PUSHB(n, state) {
+              var stack = state.stack;
+              var prog = state.prog;
+              var ip = state.ip;
+              if (exports.DEBUG) {
+                console.log(state.step, 'PUSHB[' + n + ']');
+              }
+              for (var i = 0; i < n; i++) {
+                stack.push(prog[++ip]);
+              }
+              state.ip = ip;
+            }            // PUSHW[abc] PUSH Words
+            // 0xB8-0xBF
+
+            function PUSHW(n, state) {
+              var ip = state.ip;
+              var prog = state.prog;
+              var stack = state.stack;
+              if (exports.DEBUG) {
+                console.log(state.ip, 'PUSHW[' + n + ']');
+              }
+              for (var i = 0; i < n; i++) {
+                var w = prog[++ip] << 8 | prog[++ip];
+                if (w & 32768) {
+                  w = - ((w ^ 65535) + 1);
+                }
+                stack.push(w);
+              }
+              state.ip = ip;
+            }            // MDRP[abcde] Move Direct Relative Point
+            // 0xD0-0xEF
+            // (if indirect is 0)
+            //
+            // and
+            //
+            // MIRP[abcde] Move Indirect Relative Point
+            // 0xE0-0xFF
+            // (if indirect is 1)
+
+            function MDRP_MIRP(indirect, setRp0, keepD, ro, dt, state) {
+              var stack = state.stack;
+              var cvte = indirect && stack.pop();
+              var pi = stack.pop();
+              var rp0i = state.rp0;
+              var rp = state.z0[rp0i];
+              var p = state.z1[pi];
+              var md = state.minDis;
+              var fv = state.fv;
+              var pv = state.dpv;
+              var od; // original distance
+              var d; // moving distance
+              var sign; // sign of distance
+              var cv;
+              d = od = pv.distance(p, rp, true, true);
+              sign = d >= 0 ? 1 : - 1; // Math.sign would be 0 in case of 0
+              // TODO consider autoFlip
+              d = Math.abs(d);
+              if (indirect) {
+                cv = state.cvt[cvte];
+                if (ro && Math.abs(d - cv) < state.cvCutIn) {
+                  d = cv;
+                }
+              }
+              if (keepD && d < md) {
+                d = md;
+              }
+              if (ro) {
+                d = state.round(d);
+              }
+              fv.setRelative(p, rp, sign * d, pv);
+              fv.touch(p);
+              if (exports.DEBUG) {
+                console.log(state.step, (indirect ? 'MIRP[' : 'MDRP[') + (setRp0 ? 'M' : 'm') + (keepD ? '>' : '_') + (ro ? 'R' : '_') + (dt === 0 ? 'Gr' : dt === 1 ? 'Bl' : dt === 2 ? 'Wh' : '') + ']', indirect ? cvte + '(' + state.cvt[cvte] + ',' + cv + ')' : '', pi, '(d =', od, '->', sign * d, ')');
+              }
+              state.rp1 = state.rp0;
+              state.rp2 = pi;
+              if (setRp0) {
+                state.rp0 = pi;
+              }
+            }            /*
+  * The instruction table.
+  */
+
+            instructionTable = [ /* 0x00 */ SVTCA.bind(undefined, yUnitVector), /* 0x01 */ SVTCA.bind(undefined, xUnitVector), /* 0x02 */ SPVTCA.bind(undefined, yUnitVector), /* 0x03 */ SPVTCA.bind(undefined, xUnitVector), /* 0x04 */ SFVTCA.bind(undefined, yUnitVector), /* 0x05 */ SFVTCA.bind(undefined, xUnitVector), /* 0x06 */ SPVTL.bind(undefined, 0), /* 0x07 */ SPVTL.bind(undefined, 1), /* 0x08 */ SFVTL.bind(undefined, 0), /* 0x09 */ SFVTL.bind(undefined, 1), /* 0x0A */ SPVFS, /* 0x0B */ SFVFS, /* 0x0C */ GPV, /* 0x0D */ GFV, /* 0x0E */ SFVTPV, /* 0x0F */ ISECT, /* 0x10 */ SRP0, /* 0x11 */ SRP1, /* 0x12 */ SRP2, /* 0x13 */ SZP0, /* 0x14 */ SZP1, /* 0x15 */ SZP2, /* 0x16 */ SZPS, /* 0x17 */ SLOOP, /* 0x18 */ RTG, /* 0x19 */ RTHG, /* 0x1A */ SMD, /* 0x1B */ ELSE, /* 0x1C */ JMPR, /* 0x1D */ SCVTCI, /* 0x1E */ undefined,
+              // TODO SSWCI
+              /* 0x1F */
+              undefined,
+              // TODO SSW
+              /* 0x20 */
+              DUP, /* 0x21 */ POP, /* 0x22 */ CLEAR, /* 0x23 */ SWAP, /* 0x24 */ DEPTH, /* 0x25 */ CINDEX, /* 0x26 */ MINDEX, /* 0x27 */ undefined,
+              // TODO ALIGNPTS
+              /* 0x28 */
+              undefined, /* 0x29 */ undefined,
+              // TODO UTP
+              /* 0x2A */
+              LOOPCALL, /* 0x2B */ CALL, /* 0x2C */ FDEF, /* 0x2D */ undefined,
+              // ENDF (eaten by FDEF)
+              /* 0x2E */
+              MDAP.bind(undefined, 0), /* 0x2F */ MDAP.bind(undefined, 1), /* 0x30 */ IUP.bind(undefined, yUnitVector), /* 0x31 */ IUP.bind(undefined, xUnitVector), /* 0x32 */ SHP.bind(undefined, 0), /* 0x33 */ SHP.bind(undefined, 1), /* 0x34 */ SHC.bind(undefined, 0), /* 0x35 */ SHC.bind(undefined, 1), /* 0x36 */ SHZ.bind(undefined, 0), /* 0x37 */ SHZ.bind(undefined, 1), /* 0x38 */ SHPIX, /* 0x39 */ IP, /* 0x3A */ MSIRP.bind(undefined, 0), /* 0x3B */ MSIRP.bind(undefined, 1), /* 0x3C */ ALIGNRP, /* 0x3D */ RTDG, /* 0x3E */ MIAP.bind(undefined, 0), /* 0x3F */ MIAP.bind(undefined, 1), /* 0x40 */ NPUSHB, /* 0x41 */ NPUSHW, /* 0x42 */ WS, /* 0x43 */ RS, /* 0x44 */ WCVTP, /* 0x45 */ RCVT, /* 0x46 */ GC.bind(undefined, 0), /* 0x47 */ GC.bind(undefined, 1), /* 0x48 */ undefined,
+              // TODO SCFS
+              /* 0x49 */
+              MD.bind(undefined, 0), /* 0x4A */ MD.bind(undefined, 1), /* 0x4B */ MPPEM, /* 0x4C */ undefined,
+              // TODO MPS
+              /* 0x4D */
+              FLIPON, /* 0x4E */ undefined,
+              // TODO FLIPOFF
+              /* 0x4F */
+              undefined,
+              // TODO DEBUG
+              /* 0x50 */
+              LT, /* 0x51 */ LTEQ, /* 0x52 */ GT, /* 0x53 */ GTEQ, /* 0x54 */ EQ, /* 0x55 */ NEQ, /* 0x56 */ ODD, /* 0x57 */ EVEN, /* 0x58 */ IF, /* 0x59 */ EIF, /* 0x5A */ AND, /* 0x5B */ OR, /* 0x5C */ NOT, /* 0x5D */ DELTAP123.bind(undefined, 1), /* 0x5E */ SDB, /* 0x5F */ SDS, /* 0x60 */ ADD, /* 0x61 */ SUB, /* 0x62 */ DIV, /* 0x63 */ MUL, /* 0x64 */ ABS, /* 0x65 */ NEG, /* 0x66 */ FLOOR, /* 0x67 */ CEILING, /* 0x68 */ ROUND.bind(undefined, 0), /* 0x69 */ ROUND.bind(undefined, 1), /* 0x6A */ ROUND.bind(undefined, 2), /* 0x6B */ ROUND.bind(undefined, 3), /* 0x6C */ undefined,
+              // TODO NROUND[ab]
+              /* 0x6D */
+              undefined,
+              // TODO NROUND[ab]
+              /* 0x6E */
+              undefined,
+              // TODO NROUND[ab]
+              /* 0x6F */
+              undefined,
+              // TODO NROUND[ab]
+              /* 0x70 */
+              WCVTF, /* 0x71 */ DELTAP123.bind(undefined, 2), /* 0x72 */ DELTAP123.bind(undefined, 3), /* 0x73 */ DELTAC123.bind(undefined, 1), /* 0x74 */ DELTAC123.bind(undefined, 2), /* 0x75 */ DELTAC123.bind(undefined, 3), /* 0x76 */ SROUND, /* 0x77 */ S45ROUND, /* 0x78 */ undefined,
+              // TODO JROT[]
+              /* 0x79 */
+              undefined,
+              // TODO JROF[]
+              /* 0x7A */
+              ROFF, /* 0x7B */ undefined, /* 0x7C */ RUTG, /* 0x7D */ RDTG, /* 0x7E */ POP,
+              // actually SANGW, supposed to do only a pop though
+              /* 0x7F */
+              POP,
+              // actually AA, supposed to do only a pop though
+              /* 0x80 */
+              undefined,
+              // TODO FLIPPT
+              /* 0x81 */
+              undefined,
+              // TODO FLIPRGON
+              /* 0x82 */
+              undefined,
+              // TODO FLIPRGOFF
+              /* 0x83 */
+              undefined, /* 0x84 */ undefined, /* 0x85 */ SCANCTRL, /* 0x86 */ SDPVTL.bind(undefined, 0), /* 0x87 */ SDPVTL.bind(undefined, 1), /* 0x88 */ GETINFO, /* 0x89 */ undefined,
+              // TODO IDEF
+              /* 0x8A */
+              ROLL, /* 0x8B */ MAX, /* 0x8C */ MIN, /* 0x8D */ SCANTYPE, /* 0x8E */ INSTCTRL, /* 0x8F */ undefined, /* 0x90 */ undefined, /* 0x91 */ undefined, /* 0x92 */ undefined, /* 0x93 */ undefined, /* 0x94 */ undefined, /* 0x95 */ undefined, /* 0x96 */ undefined, /* 0x97 */ undefined, /* 0x98 */ undefined, /* 0x99 */ undefined, /* 0x9A */ undefined, /* 0x9B */ undefined, /* 0x9C */ undefined, /* 0x9D */ undefined, /* 0x9E */ undefined, /* 0x9F */ undefined, /* 0xA0 */ undefined, /* 0xA1 */ undefined, /* 0xA2 */ undefined, /* 0xA3 */ undefined, /* 0xA4 */ undefined, /* 0xA5 */ undefined, /* 0xA6 */ undefined, /* 0xA7 */ undefined, /* 0xA8 */ undefined, /* 0xA9 */ undefined, /* 0xAA */ undefined, /* 0xAB */ undefined, /* 0xAC */ undefined, /* 0xAD */ undefined, /* 0xAE */ undefined, /* 0xAF */ undefined, /* 0xB0 */ PUSHB.bind(undefined, 1), /* 0xB1 */ PUSHB.bind(undefined, 2), /* 0xB2 */ PUSHB.bind(undefined, 3), /* 0xB3 */ PUSHB.bind(undefined, 4), /* 0xB4 */ PUSHB.bind(undefined, 5), /* 0xB5 */ PUSHB.bind(undefined, 6), /* 0xB6 */ PUSHB.bind(undefined, 7), /* 0xB7 */ PUSHB.bind(undefined, 8), /* 0xB8 */ PUSHW.bind(undefined, 1), /* 0xB9 */ PUSHW.bind(undefined, 2), /* 0xBA */ PUSHW.bind(undefined, 3), /* 0xBB */ PUSHW.bind(undefined, 4), /* 0xBC */ PUSHW.bind(undefined, 5), /* 0xBD */ PUSHW.bind(undefined, 6), /* 0xBE */ PUSHW.bind(undefined, 7), /* 0xBF */ PUSHW.bind(undefined, 8), /* 0xC0 */ MDRP_MIRP.bind(undefined, 0, 0, 0, 0, 0), /* 0xC1 */ MDRP_MIRP.bind(undefined, 0, 0, 0, 0, 1), /* 0xC2 */ MDRP_MIRP.bind(undefined, 0, 0, 0, 0, 2), /* 0xC3 */ MDRP_MIRP.bind(undefined, 0, 0, 0, 0, 3), /* 0xC4 */ MDRP_MIRP.bind(undefined, 0, 0, 0, 1, 0), /* 0xC5 */ MDRP_MIRP.bind(undefined, 0, 0, 0, 1, 1), /* 0xC6 */ MDRP_MIRP.bind(undefined, 0, 0, 0, 1, 2), /* 0xC7 */ MDRP_MIRP.bind(undefined, 0, 0, 0, 1, 3), /* 0xC8 */ MDRP_MIRP.bind(undefined, 0, 0, 1, 0, 0), /* 0xC9 */ MDRP_MIRP.bind(undefined, 0, 0, 1, 0, 1), /* 0xCA */ MDRP_MIRP.bind(undefined, 0, 0, 1, 0, 2), /* 0xCB */ MDRP_MIRP.bind(undefined, 0, 0, 1, 0, 3), /* 0xCC */ MDRP_MIRP.bind(undefined, 0, 0, 1, 1, 0), /* 0xCD */ MDRP_MIRP.bind(undefined, 0, 0, 1, 1, 1), /* 0xCE */ MDRP_MIRP.bind(undefined, 0, 0, 1, 1, 2), /* 0xCF */ MDRP_MIRP.bind(undefined, 0, 0, 1, 1, 3), /* 0xD0 */ MDRP_MIRP.bind(undefined, 0, 1, 0, 0, 0), /* 0xD1 */ MDRP_MIRP.bind(undefined, 0, 1, 0, 0, 1), /* 0xD2 */ MDRP_MIRP.bind(undefined, 0, 1, 0, 0, 2), /* 0xD3 */ MDRP_MIRP.bind(undefined, 0, 1, 0, 0, 3), /* 0xD4 */ MDRP_MIRP.bind(undefined, 0, 1, 0, 1, 0), /* 0xD5 */ MDRP_MIRP.bind(undefined, 0, 1, 0, 1, 1), /* 0xD6 */ MDRP_MIRP.bind(undefined, 0, 1, 0, 1, 2), /* 0xD7 */ MDRP_MIRP.bind(undefined, 0, 1, 0, 1, 3), /* 0xD8 */ MDRP_MIRP.bind(undefined, 0, 1, 1, 0, 0), /* 0xD9 */ MDRP_MIRP.bind(undefined, 0, 1, 1, 0, 1), /* 0xDA */ MDRP_MIRP.bind(undefined, 0, 1, 1, 0, 2), /* 0xDB */ MDRP_MIRP.bind(undefined, 0, 1, 1, 0, 3), /* 0xDC */ MDRP_MIRP.bind(undefined, 0, 1, 1, 1, 0), /* 0xDD */ MDRP_MIRP.bind(undefined, 0, 1, 1, 1, 1), /* 0xDE */ MDRP_MIRP.bind(undefined, 0, 1, 1, 1, 2), /* 0xDF */ MDRP_MIRP.bind(undefined, 0, 1, 1, 1, 3), /* 0xE0 */ MDRP_MIRP.bind(undefined, 1, 0, 0, 0, 0), /* 0xE1 */ MDRP_MIRP.bind(undefined, 1, 0, 0, 0, 1), /* 0xE2 */ MDRP_MIRP.bind(undefined, 1, 0, 0, 0, 2), /* 0xE3 */ MDRP_MIRP.bind(undefined, 1, 0, 0, 0, 3), /* 0xE4 */ MDRP_MIRP.bind(undefined, 1, 0, 0, 1, 0), /* 0xE5 */ MDRP_MIRP.bind(undefined, 1, 0, 0, 1, 1), /* 0xE6 */ MDRP_MIRP.bind(undefined, 1, 0, 0, 1, 2), /* 0xE7 */ MDRP_MIRP.bind(undefined, 1, 0, 0, 1, 3), /* 0xE8 */ MDRP_MIRP.bind(undefined, 1, 0, 1, 0, 0), /* 0xE9 */ MDRP_MIRP.bind(undefined, 1, 0, 1, 0, 1), /* 0xEA */ MDRP_MIRP.bind(undefined, 1, 0, 1, 0, 2), /* 0xEB */ MDRP_MIRP.bind(undefined, 1, 0, 1, 0, 3), /* 0xEC */ MDRP_MIRP.bind(undefined, 1, 0, 1, 1, 0), /* 0xED */ MDRP_MIRP.bind(undefined, 1, 0, 1, 1, 1), /* 0xEE */ MDRP_MIRP.bind(undefined, 1, 0, 1, 1, 2), /* 0xEF */ MDRP_MIRP.bind(undefined, 1, 0, 1, 1, 3), /* 0xF0 */ MDRP_MIRP.bind(undefined, 1, 1, 0, 0, 0), /* 0xF1 */ MDRP_MIRP.bind(undefined, 1, 1, 0, 0, 1), /* 0xF2 */ MDRP_MIRP.bind(undefined, 1, 1, 0, 0, 2), /* 0xF3 */ MDRP_MIRP.bind(undefined, 1, 1, 0, 0, 3), /* 0xF4 */ MDRP_MIRP.bind(undefined, 1, 1, 0, 1, 0), /* 0xF5 */ MDRP_MIRP.bind(undefined, 1, 1, 0, 1, 1), /* 0xF6 */ MDRP_MIRP.bind(undefined, 1, 1, 0, 1, 2), /* 0xF7 */ MDRP_MIRP.bind(undefined, 1, 1, 0, 1, 3), /* 0xF8 */ MDRP_MIRP.bind(undefined, 1, 1, 1, 0, 0), /* 0xF9 */ MDRP_MIRP.bind(undefined, 1, 1, 1, 0, 1), /* 0xFA */ MDRP_MIRP.bind(undefined, 1, 1, 1, 0, 2), /* 0xFB */ MDRP_MIRP.bind(undefined, 1, 1, 1, 0, 3), /* 0xFC */ MDRP_MIRP.bind(undefined, 1, 1, 1, 1, 0), /* 0xFD */ MDRP_MIRP.bind(undefined, 1, 1, 1, 1, 1), /* 0xFE */ MDRP_MIRP.bind(undefined, 1, 1, 1, 1, 2), /* 0xFF */ MDRP_MIRP.bind(undefined, 1, 1, 1, 1, 3)
+            ];
+            /*****************************
+    Mathematical Considerations
+  ******************************
+  	fv ... refers to freedom vector
+  pv ... refers to projection vector
+  rp ... refers to reference point
+  p  ... refers to to point being operated on
+  d  ... refers to distance
+  	SETRELATIVE:
+  ============
+  	case freedom vector == x-axis:
+  ------------------------------
+  	                        (pv)
+                       .-'
+                rpd .-'
+                 .-*
+            d .-'90°'
+           .-'       '
+        .-'           '
+     *-'               ' b
+    rp                  '
+                         '
+                          '
+              p *----------*-------------- (fv)
+                            pm
+  	  rpdx = rpx + d * pv.x
+    rpdy = rpy + d * pv.y
+  	  equation of line b
+  	   y - rpdy = pvns * (x- rpdx)
+  	   y = p.y
+  	   x = rpdx + ( p.y - rpdy ) / pvns
+  
+  case freedom vector == y-axis:
+  ------------------------------
+  	    * pm
+      |\
+      | \
+      |  \
+      |   \
+      |    \
+      |     \
+      |      \
+      |       \
+      |        \
+      |         \ b
+      |          \
+      |           \
+      |            \    .-' (pv)
+      |         90° \.-'
+      |           .-'* rpd
+      |        .-'
+      *     *-'  d
+      p     rp
+  	  rpdx = rpx + d * pv.x
+    rpdy = rpy + d * pv.y
+  	  equation of line b:
+             pvns ... normal slope to pv
+  	   y - rpdy = pvns * (x - rpdx)
+  	   x = p.x
+  	   y = rpdy +  pvns * (p.x - rpdx)
+  
+  	generic case:
+  -------------
+  
+                                .'(fv)
+                              .'
+                            .* pm
+                          .' !
+                        .'    .
+                      .'      !
+                    .'         . b
+                  .'           !
+                 *              .
+                p               !
+                           90°   .    ... (pv)
+                             ...-*-'''
+                    ...---'''    rpd
+           ...---'''   d
+     *--'''
+    rp
+  	    rpdx = rpx + d * pv.x
+      rpdy = rpy + d * pv.y
+  	 equation of line b:
+      pvns... normal slope to pv
+  	    y - rpdy = pvns * (x - rpdx)
+  	 equation of freedom vector line:
+      fvs ... slope of freedom vector (=fy/fx)
+  	    y - py = fvs * (x - px)
+  
+    on pm both equations are true for same x/y
+  	    y - rpdy = pvns * (x - rpdx)
+  	    y - py = fvs * (x - px)
+  	  form to y and set equal:
+  	    pvns * (x - rpdx) + rpdy = fvs * (x - px) + py
+  	  expand:
+  	    pvns * x - pvns * rpdx + rpdy = fvs * x - fvs * px + py
+  	  switch:
+  	    fvs * x - fvs * px + py = pvns * x - pvns * rpdx + rpdy
+  	  solve for x:
+  	    fvs * x - pvns * x = fvs * px - pvns * rpdx - py + rpdy
+  
+  	          fvs * px - pvns * rpdx + rpdy - py
+      x =  -----------------------------------
+                   fvs - pvns
+  	  and:
+  	    y = fvs * (x - px) + py
+  
+  	INTERPOLATE:
+  ============
+  	Examples of point interpolation.
+  	The weight of the movement of the reference point gets bigger
+  the further the other reference point is away, thus the safest
+  option (that is avoiding 0/0 divisions) is to weight the
+  original distance of the other point by the sum of both distances.
+  	If the sum of both distances is 0, then move the point by the
+  arithmetic average of the movement of both reference points.
+  
+  
+             (+6)
+      rp1o *---->*rp1
+           .     .                          (+12)
+           .     .                  rp2o *---------->* rp2
+           .     .                       .           .
+           .     .                       .           .
+           .    10          20           .           .
+           |.........|...................|           .
+                 .   .                               .
+                 .   . (+8)                          .
+                  po *------>*p                      .
+                 .           .                       .
+                 .    12     .          24           .
+                 |...........|.......................|
+                                    36
+  
+  -------
+  
+  	           (+10)
+      rp1o *-------->*rp1
+           .         .                      (-10)
+           .         .              rp2 *<---------* rpo2
+           .         .                   .         .
+           .         .                   .         .
+           .    10   .          30       .         .
+           |.........|.............................|
+                     .                   .
+                     . (+5)              .
+                  po *--->* p            .
+                     .    .              .
+                     .    .   20         .
+                     |....|..............|
+                       5        15
+  
+  -------
+  
+             (+10)
+      rp1o *-------->*rp1
+           .         .
+           .         .
+      rp2o *-------->*rp2
+  
+                                 (+10)
+                            po *-------->* p
+  	-------
+  
+             (+10)
+      rp1o *-------->*rp1
+           .         .
+           .         .(+30)
+      rp2o *---------------------------->*rp2
+  
+                                          (+25)
+                            po *----------------------->* p
+  
+  	vim: set ts=4 sw=4 expandtab:
+  *****/
+            // The Font object
+            // This code is based on Array.from implementation for strings in https://github.com/mathiasbynens/Array.from
+            var arrayFromString = Array.from || function (s) {
+              return s.match(/[\uD800-\uDBFF][\uDC00-\uDFFF]?|[^\uD800-\uDFFF]|./g) || [
+              ];
+            };
+            /**
+   * @typedef FontOptions
+   * @type Object
+   * @property {Boolean} empty - whether to create a new empty font
+   * @property {string} familyName
+   * @property {string} styleName
+   * @property {string=} fullName
+   * @property {string=} postScriptName
+   * @property {string=} designer
+   * @property {string=} designerURL
+   * @property {string=} manufacturer
+   * @property {string=} manufacturerURL
+   * @property {string=} license
+   * @property {string=} licenseURL
+   * @property {string=} version
+   * @property {string=} description
+   * @property {string=} copyright
+   * @property {string=} trademark
+   * @property {Number} unitsPerEm
+   * @property {Number} ascender
+   * @property {Number} descender
+   * @property {Number} createdTimestamp
+   * @property {string=} weightClass
+   * @property {string=} widthClass
+   * @property {string=} fsSelection
+   */
+            /**
+   * A Font represents a loaded OpenType font file.
+   * It contains a set of glyphs and methods to draw text on a drawing context,
+   * or to get a path representing the text.
+   * @exports opentype.Font
+   * @class
+   * @param {FontOptions}
+   * @constructor
+   */
+            function Font(options) {
+              options = options || {
+              };
+              if (!options.empty) {
+                // Check that we've provided the minimum set of names.
+                checkArgument(options.familyName, 'When creating a new Font object, familyName is required.');
+                checkArgument(options.styleName, 'When creating a new Font object, styleName is required.');
+                checkArgument(options.unitsPerEm, 'When creating a new Font object, unitsPerEm is required.');
+                checkArgument(options.ascender, 'When creating a new Font object, ascender is required.');
+                checkArgument(options.descender, 'When creating a new Font object, descender is required.');
+                checkArgument(options.descender < 0, 'Descender should be negative (e.g. -512).');
+                // OS X will complain if the names are empty, so we put a single space everywhere by default.
+                this.names = {
+                  fontFamily: {
+                    en: options.familyName || ' '
+                  },
+                  fontSubfamily: {
+                    en: options.styleName || ' '
+                  },
+                  fullName: {
+                    en: options.fullName || options.familyName + ' ' + options.styleName
+                  },
+                  // postScriptName may not contain any whitespace
+                  postScriptName: {
+                    en: options.postScriptName || (options.familyName + options.styleName).replace(/\s/g, '')
+                  },
+                  designer: {
+                    en: options.designer || ' '
+                  },
+                  designerURL: {
+                    en: options.designerURL || ' '
+                  },
+                  manufacturer: {
+                    en: options.manufacturer || ' '
+                  },
+                  manufacturerURL: {
+                    en: options.manufacturerURL || ' '
+                  },
+                  license: {
+                    en: options.license || ' '
+                  },
+                  licenseURL: {
+                    en: options.licenseURL || ' '
+                  },
+                  version: {
+                    en: options.version || 'Version 0.1'
+                  },
+                  description: {
+                    en: options.description || ' '
+                  },
+                  copyright: {
+                    en: options.copyright || ' '
+                  },
+                  trademark: {
+                    en: options.trademark || ' '
+                  }
+                };
+                this.unitsPerEm = options.unitsPerEm || 1000;
+                this.ascender = options.ascender;
+                this.descender = options.descender;
+                this.createdTimestamp = options.createdTimestamp;
+                this.tables = {
+                  os2: {
+                    usWeightClass: options.weightClass || this.usWeightClasses.MEDIUM,
+                    usWidthClass: options.widthClass || this.usWidthClasses.MEDIUM,
+                    fsSelection: options.fsSelection || this.fsSelectionValues.REGULAR
+                  }
+                };
+              }
+              this.supported = true; // Deprecated: parseBuffer will throw an error if font is not supported.
+              this.glyphs = new glyphset.GlyphSet(this, options.glyphs || [
+              ]);
+              this.encoding = new DefaultEncoding(this);
+              this.position = new Position(this);
+              this.substitution = new Substitution(this);
+              this.tables = this.tables || {
+              };
+              Object.defineProperty(this, 'hinting', {
+                get: function () {
+                  if (this._hinting) {
+                    return this._hinting;
+                  }
+                  if (this.outlinesFormat === 'truetype') {
+                    return this._hinting = new Hinting(this);
+                  }
+                }
+              });
+            }            /**
+   * Check if the font has a glyph for the given character.
+   * @param  {string}
+   * @return {Boolean}
+   */
+
+            Font.prototype.hasChar = function (c) {
+              return this.encoding.charToGlyphIndex(c) !== null;
+            };
+            /**
+   * Convert the given character to a single glyph index.
+   * Note that this function assumes that there is a one-to-one mapping between
+   * the given character and a glyph; for complex scripts this might not be the case.
+   * @param  {string}
+   * @return {Number}
+   */
+            Font.prototype.charToGlyphIndex = function (s) {
+              return this.encoding.charToGlyphIndex(s);
+            };
+            /**
+   * Convert the given character to a single Glyph object.
+   * Note that this function assumes that there is a one-to-one mapping between
+   * the given character and a glyph; for complex scripts this might not be the case.
+   * @param  {string}
+   * @return {opentype.Glyph}
+   */
+            Font.prototype.charToGlyph = function (c) {
+              var glyphIndex = this.charToGlyphIndex(c);
+              var glyph = this.glyphs.get(glyphIndex);
+              if (!glyph) {
+                // .notdef
+                glyph = this.glyphs.get(0);
+              }
+              return glyph;
+            };
+            /**
+   * Convert the given text to a list of Glyph objects.
+   * Note that there is no strict one-to-one mapping between characters and
+   * glyphs, so the list of returned glyphs can be larger or smaller than the
+   * length of the given string.
+   * @param  {string}
+   * @param  {GlyphRenderOptions} [options]
+   * @return {opentype.Glyph[]}
+   */
+            Font.prototype.stringToGlyphs = function (s, options) {
+              var this$1 = this;
+              options = options || this.defaultRenderOptions;
+              // Get glyph indexes
+              var chars = arrayFromString(s);
+              var indexes = [
+              ];
+              for (var i = 0; i < chars.length; i += 1) {
+                var c = chars[i];
+                indexes.push(this$1.charToGlyphIndex(c));
+              }
+              var length = indexes.length;
+              // Apply substitutions on glyph indexes
+              if (options.features) {
+                var script = options.script || this.substitution.getDefaultScriptName();
+                var manyToOne = [
+                ];
+                if (options.features.liga) {
+                  manyToOne = manyToOne.concat(this.substitution.getFeature('liga', script, options.language));
+                }
+                if (options.features.rlig) {
+                  manyToOne = manyToOne.concat(this.substitution.getFeature('rlig', script, options.language));
+                }
+                for (var i$1 = 0; i$1 < length; i$1 += 1) {
+                  for (var j = 0; j < manyToOne.length; j++) {
+                    var ligature = manyToOne[j];
+                    var components = ligature.sub;
+                    var compCount = components.length;
+                    var k = 0;
+                    while (k < compCount && components[k] === indexes[i$1 + k]) {
+                      k++;
+                    }
+                    if (k === compCount) {
+                      indexes.splice(i$1, compCount, ligature.by);
+                      length = length - compCount + 1;
+                    }
+                  }
+                }
+              }              // convert glyph indexes to glyph objects
+
+              var glyphs = new Array(length);
+              var notdef = this.glyphs.get(0);
+              for (var i$2 = 0; i$2 < length; i$2 += 1) {
+                glyphs[i$2] = this$1.glyphs.get(indexes[i$2]) || notdef;
+              }
+              return glyphs;
+            };
+            /**
+   * @param  {string}
+   * @return {Number}
+   */
+            Font.prototype.nameToGlyphIndex = function (name) {
+              return this.glyphNames.nameToGlyphIndex(name);
+            };
+            /**
+   * @param  {string}
+   * @return {opentype.Glyph}
+   */
+            Font.prototype.nameToGlyph = function (name) {
+              var glyphIndex = this.nameToGlyphIndex(name);
+              var glyph = this.glyphs.get(glyphIndex);
+              if (!glyph) {
+                // .notdef
+                glyph = this.glyphs.get(0);
+              }
+              return glyph;
+            };
+            /**
+   * @param  {Number}
+   * @return {String}
+   */
+            Font.prototype.glyphIndexToName = function (gid) {
+              if (!this.glyphNames.glyphIndexToName) {
+                return '';
+              }
+              return this.glyphNames.glyphIndexToName(gid);
+            };
+            /**
+   * Retrieve the value of the kerning pair between the left glyph (or its index)
+   * and the right glyph (or its index). If no kerning pair is found, return 0.
+   * The kerning value gets added to the advance width when calculating the spacing
+   * between glyphs.
+   * For GPOS kerning, this method uses the default script and language, which covers
+   * most use cases. To have greater control, use font.position.getKerningValue .
+   * @param  {opentype.Glyph} leftGlyph
+   * @param  {opentype.Glyph} rightGlyph
+   * @return {Number}
+   */
+            Font.prototype.getKerningValue = function (leftGlyph, rightGlyph) {
+              leftGlyph = leftGlyph.index || leftGlyph;
+              rightGlyph = rightGlyph.index || rightGlyph;
+              var gposKerning = this.position.defaultKerningTables;
+              if (gposKerning) {
+                return this.position.getKerningValue(gposKerning, leftGlyph, rightGlyph);
+              }              // "kern" table
+
+              return this.kerningPairs[leftGlyph + ',' + rightGlyph] || 0;
+            };
+            /**
+   * @typedef GlyphRenderOptions
+   * @type Object
+   * @property {string} [script] - script used to determine which features to apply. By default, 'DFLT' or 'latn' is used.
+   *                               See https://www.microsoft.com/typography/otspec/scripttags.htm
+   * @property {string} [language='dflt'] - language system used to determine which features to apply.
+   *                                        See https://www.microsoft.com/typography/developers/opentype/languagetags.aspx
+   * @property {boolean} [kerning=true] - whether to include kerning values
+   * @property {object} [features] - OpenType Layout feature tags. Used to enable or disable the features of the given script/language system.
+   *                                 See https://www.microsoft.com/typography/otspec/featuretags.htm
+   */
+            Font.prototype.defaultRenderOptions = {
+              kerning: true,
+              features: {
+                liga: true,
+                rlig: true
+              }
+            };
+            /**
+   * Helper function that invokes the given callback for each glyph in the given text.
+   * The callback gets `(glyph, x, y, fontSize, options)`.* @param  {string} text
+   * @param {string} text - The text to apply.
+   * @param  {number} [x=0] - Horizontal position of the beginning of the text.
+   * @param  {number} [y=0] - Vertical position of the *baseline* of the text.
+   * @param  {number} [fontSize=72] - Font size in pixels. We scale the glyph units by `1 / unitsPerEm * fontSize`.
+   * @param  {GlyphRenderOptions=} options
+   * @param  {Function} callback
+   */
+            Font.prototype.forEachGlyph = function (text, x, y, fontSize, options, callback) {
+              var this$1 = this;
+              x = x !== undefined ? x : 0;
+              y = y !== undefined ? y : 0;
+              fontSize = fontSize !== undefined ? fontSize : 72;
+              options = options || this.defaultRenderOptions;
+              var fontScale = 1 / this.unitsPerEm * fontSize;
+              var glyphs = this.stringToGlyphs(text, options);
+              var kerningLookups;
+              if (options.kerning) {
+                var script = options.script || this.position.getDefaultScriptName();
+                kerningLookups = this.position.getKerningTables(script, options.language);
+              }
+              for (var i = 0; i < glyphs.length; i += 1) {
+                var glyph = glyphs[i];
+                callback.call(this$1, glyph, x, y, fontSize, options);
+                if (glyph.advanceWidth) {
+                  x += glyph.advanceWidth * fontScale;
+                }
+                if (options.kerning && i < glyphs.length - 1) {
+                  // We should apply position adjustment lookups in a more generic way.
+                  // Here we only use the xAdvance value.
+                  var kerningValue = kerningLookups ? this$1.position.getKerningValue(kerningLookups, glyph.index, glyphs[i + 1].index) : this$1.getKerningValue(glyph, glyphs[i + 1]);
+                  x += kerningValue * fontScale;
+                }
+                if (options.letterSpacing) {
+                  x += options.letterSpacing * fontSize;
+                } else if (options.tracking) {
+                  x += options.tracking / 1000 * fontSize;
+                }
+              }
+              return x;
+            };
+            /**
+   * Create a Path object that represents the given text.
+   * @param  {string} text - The text to create.
+   * @param  {number} [x=0] - Horizontal position of the beginning of the text.
+   * @param  {number} [y=0] - Vertical position of the *baseline* of the text.
+   * @param  {number} [fontSize=72] - Font size in pixels. We scale the glyph units by `1 / unitsPerEm * fontSize`.
+   * @param  {GlyphRenderOptions=} options
+   * @return {opentype.Path}
+   */
+            Font.prototype.getPath = function (text, x, y, fontSize, options) {
+              var fullPath = new Path();
+              this.forEachGlyph(text, x, y, fontSize, options, function (glyph, gX, gY, gFontSize) {
+                var glyphPath = glyph.getPath(gX, gY, gFontSize, options, this);
+                fullPath.extend(glyphPath);
+              });
+              return fullPath;
+            };
+            /**
+   * Create an array of Path objects that represent the glyphs of a given text.
+   * @param  {string} text - The text to create.
+   * @param  {number} [x=0] - Horizontal position of the beginning of the text.
+   * @param  {number} [y=0] - Vertical position of the *baseline* of the text.
+   * @param  {number} [fontSize=72] - Font size in pixels. We scale the glyph units by `1 / unitsPerEm * fontSize`.
+   * @param  {GlyphRenderOptions=} options
+   * @return {opentype.Path[]}
+   */
+            Font.prototype.getPaths = function (text, x, y, fontSize, options) {
+              var glyphPaths = [
+              ];
+              this.forEachGlyph(text, x, y, fontSize, options, function (glyph, gX, gY, gFontSize) {
+                var glyphPath = glyph.getPath(gX, gY, gFontSize, options, this);
+                glyphPaths.push(glyphPath);
+              });
+              return glyphPaths;
+            };
+            /**
+   * Returns the advance width of a text.
+   *
+   * This is something different than Path.getBoundingBox() as for example a
+   * suffixed whitespace increases the advanceWidth but not the bounding box
+   * or an overhanging letter like a calligraphic 'f' might have a quite larger
+   * bounding box than its advance width.
+   *
+   * This corresponds to canvas2dContext.measureText(text).width
+   *
+   * @param  {string} text - The text to create.
+   * @param  {number} [fontSize=72] - Font size in pixels. We scale the glyph units by `1 / unitsPerEm * fontSize`.
+   * @param  {GlyphRenderOptions=} options
+   * @return advance width
+   */
+            Font.prototype.getAdvanceWidth = function (text, fontSize, options) {
+              return this.forEachGlyph(text, 0, 0, fontSize, options, function () {
+              });
+            };
+            /**
+   * Draw the text on the given drawing context.
+   * @param  {CanvasRenderingContext2D} ctx - A 2D drawing context, like Canvas.
+   * @param  {string} text - The text to create.
+   * @param  {number} [x=0] - Horizontal position of the beginning of the text.
+   * @param  {number} [y=0] - Vertical position of the *baseline* of the text.
+   * @param  {number} [fontSize=72] - Font size in pixels. We scale the glyph units by `1 / unitsPerEm * fontSize`.
+   * @param  {GlyphRenderOptions=} options
+   */
+            Font.prototype.draw = function (ctx, text, x, y, fontSize, options) {
+              this.getPath(text, x, y, fontSize, options).draw(ctx);
+            };
+            /**
+   * Draw the points of all glyphs in the text.
+   * On-curve points will be drawn in blue, off-curve points will be drawn in red.
+   * @param {CanvasRenderingContext2D} ctx - A 2D drawing context, like Canvas.
+   * @param {string} text - The text to create.
+   * @param {number} [x=0] - Horizontal position of the beginning of the text.
+   * @param {number} [y=0] - Vertical position of the *baseline* of the text.
+   * @param {number} [fontSize=72] - Font size in pixels. We scale the glyph units by `1 / unitsPerEm * fontSize`.
+   * @param {GlyphRenderOptions=} options
+   */
+            Font.prototype.drawPoints = function (ctx, text, x, y, fontSize, options) {
+              this.forEachGlyph(text, x, y, fontSize, options, function (glyph, gX, gY, gFontSize) {
+                glyph.drawPoints(ctx, gX, gY, gFontSize);
+              });
+            };
+            /**
+   * Draw lines indicating important font measurements for all glyphs in the text.
+   * Black lines indicate the origin of the coordinate system (point 0,0).
+   * Blue lines indicate the glyph bounding box.
+   * Green line indicates the advance width of the glyph.
+   * @param {CanvasRenderingContext2D} ctx - A 2D drawing context, like Canvas.
+   * @param {string} text - The text to create.
+   * @param {number} [x=0] - Horizontal position of the beginning of the text.
+   * @param {number} [y=0] - Vertical position of the *baseline* of the text.
+   * @param {number} [fontSize=72] - Font size in pixels. We scale the glyph units by `1 / unitsPerEm * fontSize`.
+   * @param {GlyphRenderOptions=} options
+   */
+            Font.prototype.drawMetrics = function (ctx, text, x, y, fontSize, options) {
+              this.forEachGlyph(text, x, y, fontSize, options, function (glyph, gX, gY, gFontSize) {
+                glyph.drawMetrics(ctx, gX, gY, gFontSize);
+              });
+            };
+            /**
+   * @param  {string}
+   * @return {string}
+   */
+            Font.prototype.getEnglishName = function (name) {
+              var translations = this.names[name];
+              if (translations) {
+                return translations.en;
+              }
+            };
+            /**
+   * Validate
+   */
+            Font.prototype.validate = function () {
+              var _this = this;
+              function assert(predicate, message) {
+              }
+              function assertNamePresent(name) {
+                var englishName = _this.getEnglishName(name);
+                assert(englishName && englishName.trim().length > 0, 'No English ' + name + ' specified.');
+              }              // Identification information
+
+              assertNamePresent('fontFamily');
+              assertNamePresent('weightName');
+              assertNamePresent('manufacturer');
+              assertNamePresent('copyright');
+              assertNamePresent('version');
+              // Dimension information
+              assert(this.unitsPerEm > 0, 'No unitsPerEm specified.');
+            };
+            /**
+   * Convert the font object to a SFNT data structure.
+   * This structure contains all the necessary tables and metadata to create a binary OTF file.
+   * @return {opentype.Table}
+   */
+            Font.prototype.toTables = function () {
+              return sfnt.fontToTable(this);
+            };
+            /**
+   * @deprecated Font.toBuffer is deprecated. Use Font.toArrayBuffer instead.
+   */
+            Font.prototype.toBuffer = function () {
+              console.warn('Font.toBuffer is deprecated. Use Font.toArrayBuffer instead.');
+              return this.toArrayBuffer();
+            };
+            /**
+   * Converts a `opentype.Font` into an `ArrayBuffer`
+   * @return {ArrayBuffer}
+   */
+            Font.prototype.toArrayBuffer = function () {
+              var sfntTable = this.toTables();
+              var bytes = sfntTable.encode();
+              var buffer = new ArrayBuffer(bytes.length);
+              var intArray = new Uint8Array(buffer);
+              for (var i = 0; i < bytes.length; i++) {
+                intArray[i] = bytes[i];
+              }
+              return buffer;
+            };
+            /**
+   * Initiate a download of the OpenType font.
+   */
+            Font.prototype.download = function (fileName) {
+              var familyName = this.getEnglishName('fontFamily');
+              var styleName = this.getEnglishName('fontSubfamily');
+              fileName = fileName || familyName.replace(/\s/g, '') + '-' + styleName + '.otf';
+              var arrayBuffer = this.toArrayBuffer();
+              if (isBrowser()) {
+                window.requestFileSystem = window.requestFileSystem || window.webkitRequestFileSystem;
+                window.requestFileSystem(window.TEMPORARY, arrayBuffer.byteLength, function (fs) {
+                  fs.root.getFile(fileName, {
+                    create: true
+                  }, function (fileEntry) {
+                    fileEntry.createWriter(function (writer) {
+                      var dataView = new DataView(arrayBuffer);
+                      var blob = new Blob([dataView], {
+                        type: 'font/opentype'
+                      });
+                      writer.write(blob);
+                      writer.addEventListener('writeend', function () {
+                        // Navigating to the file will download it.
+                        location.href = fileEntry.toURL();
+                      }, false);
+                    });
+                  });
+                }, function (err) {
+                  throw new Error(err.name + ': ' + err.message);
+                });
+              } else {
+                var fs = _dereq_('fs');
+                var buffer = arrayBufferToNodeBuffer(arrayBuffer);
+                fs.writeFileSync(fileName, buffer);
+              }
+            };
+            /**
+   * @private
+   */
+            Font.prototype.fsSelectionValues = {
+              ITALIC: 1,
+              //1
+              UNDERSCORE: 2,
+              //2
+              NEGATIVE: 4,
+              //4
+              OUTLINED: 8,
+              //8
+              STRIKEOUT: 16,
+              //16
+              BOLD: 32,
+              //32
+              REGULAR: 64,
+              //64
+              USER_TYPO_METRICS: 128,
+              //128
+              WWS: 256,
+              //256
+              OBLIQUE: 512 //512
+            };
+            /**
+   * @private
+   */
+            Font.prototype.usWidthClasses = {
+              ULTRA_CONDENSED: 1,
+              EXTRA_CONDENSED: 2,
+              CONDENSED: 3,
+              SEMI_CONDENSED: 4,
+              MEDIUM: 5,
+              SEMI_EXPANDED: 6,
+              EXPANDED: 7,
+              EXTRA_EXPANDED: 8,
+              ULTRA_EXPANDED: 9
+            };
+            /**
+   * @private
+   */
+            Font.prototype.usWeightClasses = {
+              THIN: 100,
+              EXTRA_LIGHT: 200,
+              LIGHT: 300,
+              NORMAL: 400,
+              MEDIUM: 500,
+              SEMI_BOLD: 600,
+              BOLD: 700,
+              EXTRA_BOLD: 800,
+              BLACK: 900
+            };
+            // The `fvar` table stores font variation axes and instances.
+            function addName(name, names) {
+              var nameString = JSON.stringify(name);
+              var nameID = 256;
+              for (var nameKey in names) {
+                var n = parseInt(nameKey);
+                if (!n || n < 256) {
+                  continue;
+                }
+                if (JSON.stringify(names[nameKey]) === nameString) {
+                  return n;
+                }
+                if (nameID <= n) {
+                  nameID = n + 1;
+                }
+              }
+              names[nameID] = name;
+              return nameID;
+            }
+            function makeFvarAxis(n, axis, names) {
+              var nameID = addName(axis.name, names);
+              return [{
+                name: 'tag_' + n,
+                type: 'TAG',
+                value: axis.tag
+              },
+              {
+                name: 'minValue_' + n,
+                type: 'FIXED',
+                value: axis.minValue << 16
+              },
+              {
+                name: 'defaultValue_' + n,
+                type: 'FIXED',
+                value: axis.defaultValue << 16
+              },
+              {
+                name: 'maxValue_' + n,
+                type: 'FIXED',
+                value: axis.maxValue << 16
+              },
+              {
+                name: 'flags_' + n,
+                type: 'USHORT',
+                value: 0
+              },
+              {
+                name: 'nameID_' + n,
+                type: 'USHORT',
+                value: nameID
+              }
+              ];
+            }
+            function parseFvarAxis(data, start, names) {
+              var axis = {
+              };
+              var p = new parse.Parser(data, start);
+              axis.tag = p.parseTag();
+              axis.minValue = p.parseFixed();
+              axis.defaultValue = p.parseFixed();
+              axis.maxValue = p.parseFixed();
+              p.skip('uShort', 1); // reserved for flags; no values defined
+              axis.name = names[p.parseUShort()] || {
+              };
+              return axis;
+            }
+            function makeFvarInstance(n, inst, axes, names) {
+              var nameID = addName(inst.name, names);
+              var fields = [
+                {
+                  name: 'nameID_' + n,
+                  type: 'USHORT',
+                  value: nameID
+                },
+                {
+                  name: 'flags_' + n,
+                  type: 'USHORT',
+                  value: 0
+                }
+              ];
+              for (var i = 0; i < axes.length; ++i) {
+                var axisTag = axes[i].tag;
+                fields.push({
+                  name: 'axis_' + n + ' ' + axisTag,
+                  type: 'FIXED',
+                  value: inst.coordinates[axisTag] << 16
+                });
+              }
+              return fields;
+            }
+            function parseFvarInstance(data, start, axes, names) {
+              var inst = {
+              };
+              var p = new parse.Parser(data, start);
+              inst.name = names[p.parseUShort()] || {
+              };
+              p.skip('uShort', 1); // reserved for flags; no values defined
+              inst.coordinates = {
+              };
+              for (var i = 0; i < axes.length; ++i) {
+                inst.coordinates[axes[i].tag] = p.parseFixed();
+              }
+              return inst;
+            }
+            function makeFvarTable(fvar, names) {
+              var result = new table.Table('fvar', [
+                {
+                  name: 'version',
+                  type: 'ULONG',
+                  value: 65536
+                },
+                {
+                  name: 'offsetToData',
+                  type: 'USHORT',
+                  value: 0
+                },
+                {
+                  name: 'countSizePairs',
+                  type: 'USHORT',
+                  value: 2
+                },
+                {
+                  name: 'axisCount',
+                  type: 'USHORT',
+                  value: fvar.axes.length
+                },
+                {
+                  name: 'axisSize',
+                  type: 'USHORT',
+                  value: 20
+                },
+                {
+                  name: 'instanceCount',
+                  type: 'USHORT',
+                  value: fvar.instances.length
+                },
+                {
+                  name: 'instanceSize',
+                  type: 'USHORT',
+                  value: 4 + fvar.axes.length * 4
+                }
+              ]);
+              result.offsetToData = result.sizeOf();
+              for (var i = 0; i < fvar.axes.length; i++) {
+                result.fields = result.fields.concat(makeFvarAxis(i, fvar.axes[i], names));
+              }
+              for (var j = 0; j < fvar.instances.length; j++) {
+                result.fields = result.fields.concat(makeFvarInstance(j, fvar.instances[j], fvar.axes, names));
+              }
+              return result;
+            }
+            function parseFvarTable(data, start, names) {
+              var p = new parse.Parser(data, start);
+              var tableVersion = p.parseULong();
+              check.argument(tableVersion === 65536, 'Unsupported fvar table version.');
+              var offsetToData = p.parseOffset16();
+              // Skip countSizePairs.
+              p.skip('uShort', 1);
+              var axisCount = p.parseUShort();
+              var axisSize = p.parseUShort();
+              var instanceCount = p.parseUShort();
+              var instanceSize = p.parseUShort();
+              var axes = [
+              ];
+              for (var i = 0; i < axisCount; i++) {
+                axes.push(parseFvarAxis(data, start + offsetToData + i * axisSize, names));
+              }
+              var instances = [
+              ];
+              var instanceStart = start + offsetToData + axisCount * axisSize;
+              for (var j = 0; j < instanceCount; j++) {
+                instances.push(parseFvarInstance(data, instanceStart + j * instanceSize, axes, names));
+              }
+              return {
+                axes: axes,
+                instances: instances
+              };
+            }
+            var fvar = {
+              make: makeFvarTable,
+              parse: parseFvarTable
+            };
+            // The `GPOS` table contains kerning pairs, among other things.
+            var subtableParsers$1 = new Array(10); // subtableParsers[0] is unused
+            // https://docs.microsoft.com/en-us/typography/opentype/spec/gpos#lookup-type-1-single-adjustment-positioning-subtable
+            // this = Parser instance
+            subtableParsers$1[1] = function parseLookup1() {
+              var start = this.offset + this.relativeOffset;
+              var posformat = this.parseUShort();
+              if (posformat === 1) {
+                return {
+                  posFormat: 1,
+                  coverage: this.parsePointer(Parser.coverage),
+                  value: this.parseValueRecord()
+                };
+              } else if (posformat === 2) {
+                return {
+                  posFormat: 2,
+                  coverage: this.parsePointer(Parser.coverage),
+                  values: this.parseValueRecordList()
+                };
+              }
+              check.assert(false, '0x' + start.toString(16) + ': GPOS lookup type 1 format must be 1 or 2.');
+            };
+            // https://docs.microsoft.com/en-us/typography/opentype/spec/gpos#lookup-type-2-pair-adjustment-positioning-subtable
+            subtableParsers$1[2] = function parseLookup2() {
+              var start = this.offset + this.relativeOffset;
+              var posFormat = this.parseUShort();
+              check.assert(posFormat === 1 || posFormat === 2, '0x' + start.toString(16) + ': GPOS lookup type 2 format must be 1 or 2.');
+              var coverage = this.parsePointer(Parser.coverage);
+              var valueFormat1 = this.parseUShort();
+              var valueFormat2 = this.parseUShort();
+              if (posFormat === 1) {
+                // Adjustments for Glyph Pairs
+                return {
+                  posFormat: posFormat,
+                  coverage: coverage,
+                  valueFormat1: valueFormat1,
+                  valueFormat2: valueFormat2,
+                  pairSets: this.parseList(Parser.pointer(Parser.list(function () {
+                    return {
+                      // pairValueRecord
+                      secondGlyph: this.parseUShort(),
+                      value1: this.parseValueRecord(valueFormat1),
+                      value2: this.parseValueRecord(valueFormat2)
+                    };
+                  })))
+                };
+              } else if (posFormat === 2) {
+                var classDef1 = this.parsePointer(Parser.classDef);
+                var classDef2 = this.parsePointer(Parser.classDef);
+                var class1Count = this.parseUShort();
+                var class2Count = this.parseUShort();
+                return {
+                  // Class Pair Adjustment
+                  posFormat: posFormat,
+                  coverage: coverage,
+                  valueFormat1: valueFormat1,
+                  valueFormat2: valueFormat2,
+                  classDef1: classDef1,
+                  classDef2: classDef2,
+                  class1Count: class1Count,
+                  class2Count: class2Count,
+                  classRecords: this.parseList(class1Count, Parser.list(class2Count, function () {
+                    return {
+                      value1: this.parseValueRecord(valueFormat1),
+                      value2: this.parseValueRecord(valueFormat2)
+                    };
+                  }))
+                };
+              }
+            };
+            subtableParsers$1[3] = function parseLookup3() {
+              return {
+                error: 'GPOS Lookup 3 not supported'
+              };
+            };
+            subtableParsers$1[4] = function parseLookup4() {
+              return {
+                error: 'GPOS Lookup 4 not supported'
+              };
+            };
+            subtableParsers$1[5] = function parseLookup5() {
+              return {
+                error: 'GPOS Lookup 5 not supported'
+              };
+            };
+            subtableParsers$1[6] = function parseLookup6() {
+              return {
+                error: 'GPOS Lookup 6 not supported'
+              };
+            };
+            subtableParsers$1[7] = function parseLookup7() {
+              return {
+                error: 'GPOS Lookup 7 not supported'
+              };
+            };
+            subtableParsers$1[8] = function parseLookup8() {
+              return {
+                error: 'GPOS Lookup 8 not supported'
+              };
+            };
+            subtableParsers$1[9] = function parseLookup9() {
+              return {
+                error: 'GPOS Lookup 9 not supported'
+              };
+            };
+            // https://docs.microsoft.com/en-us/typography/opentype/spec/gpos
+            function parseGposTable(data, start) {
+              start = start || 0;
+              var p = new Parser(data, start);
+              var tableVersion = p.parseVersion(1);
+              check.argument(tableVersion === 1 || tableVersion === 1.1, 'Unsupported GPOS table version ' + tableVersion);
+              if (tableVersion === 1) {
+                return {
+                  version: tableVersion,
+                  scripts: p.parseScriptList(),
+                  features: p.parseFeatureList(),
+                  lookups: p.parseLookupList(subtableParsers$1)
+                };
+              } else {
+                return {
+                  version: tableVersion,
+                  scripts: p.parseScriptList(),
+                  features: p.parseFeatureList(),
+                  lookups: p.parseLookupList(subtableParsers$1),
+                  variations: p.parseFeatureVariationsList()
+                };
+              }
+            }            // GPOS Writing //////////////////////////////////////////////
+            // NOT SUPPORTED
+
+            var subtableMakers$1 = new Array(10);
+            function makeGposTable(gpos) {
+              return new table.Table('GPOS', [
+                {
+                  name: 'version',
+                  type: 'ULONG',
+                  value: 65536
+                },
+                {
+                  name: 'scripts',
+                  type: 'TABLE',
+                  value: new table.ScriptList(gpos.scripts)
+                },
+                {
+                  name: 'features',
+                  type: 'TABLE',
+                  value: new table.FeatureList(gpos.features)
+                },
+                {
+                  name: 'lookups',
+                  type: 'TABLE',
+                  value: new table.LookupList(gpos.lookups, subtableMakers$1)
+                }
+              ]);
+            }
+            var gpos = {
+              parse: parseGposTable,
+              make: makeGposTable
+            };
+            // The `kern` table contains kerning pairs.
+            function parseWindowsKernTable(p) {
+              var pairs = {
+              };
+              // Skip nTables.
+              p.skip('uShort');
+              var subtableVersion = p.parseUShort();
+              check.argument(subtableVersion === 0, 'Unsupported kern sub-table version.');
+              // Skip subtableLength, subtableCoverage
+              p.skip('uShort', 2);
+              var nPairs = p.parseUShort();
+              // Skip searchRange, entrySelector, rangeShift.
+              p.skip('uShort', 3);
+              for (var i = 0; i < nPairs; i += 1) {
+                var leftIndex = p.parseUShort();
+                var rightIndex = p.parseUShort();
+                var value = p.parseShort();
+                pairs[leftIndex + ',' + rightIndex] = value;
+              }
+              return pairs;
+            }
+            function parseMacKernTable(p) {
+              var pairs = {
+              };
+              // The Mac kern table stores the version as a fixed (32 bits) but we only loaded the first 16 bits.
+              // Skip the rest.
+              p.skip('uShort');
+              var nTables = p.parseULong();
+              //check.argument(nTables === 1, 'Only 1 subtable is supported (got ' + nTables + ').');
+              if (nTables > 1) {
+                console.warn('Only the first kern subtable is supported.');
+              }
+              p.skip('uLong');
+              var coverage = p.parseUShort();
+              var subtableVersion = coverage & 255;
+              p.skip('uShort');
+              if (subtableVersion === 0) {
+                var nPairs = p.parseUShort();
+                // Skip searchRange, entrySelector, rangeShift.
+                p.skip('uShort', 3);
+                for (var i = 0; i < nPairs; i += 1) {
+                  var leftIndex = p.parseUShort();
+                  var rightIndex = p.parseUShort();
+                  var value = p.parseShort();
+                  pairs[leftIndex + ',' + rightIndex] = value;
+                }
+              }
+              return pairs;
+            }            // Parse the `kern` table which contains kerning pairs.
+
+            function parseKernTable(data, start) {
+              var p = new parse.Parser(data, start);
+              var tableVersion = p.parseUShort();
+              if (tableVersion === 0) {
+                return parseWindowsKernTable(p);
+              } else if (tableVersion === 1) {
+                return parseMacKernTable(p);
+              } else {
+                throw new Error('Unsupported kern table version (' + tableVersion + ').');
+              }
+            }
+            var kern = {
+              parse: parseKernTable
+            };
+            // The `loca` table stores the offsets to the locations of the glyphs in the font.
+            // Parse the `loca` table. This table stores the offsets to the locations of the glyphs in the font,
+            // relative to the beginning of the glyphData table.
+            // The number of glyphs stored in the `loca` table is specified in the `maxp` table (under numGlyphs)
+            // The loca table has two versions: a short version where offsets are stored as uShorts, and a long
+            // version where offsets are stored as uLongs. The `head` table specifies which version to use
+            // (under indexToLocFormat).
+            function parseLocaTable(data, start, numGlyphs, shortVersion) {
+              var p = new parse.Parser(data, start);
+              var parseFn = shortVersion ? p.parseUShort : p.parseULong;
+              // There is an extra entry after the last index element to compute the length of the last glyph.
+              // That's why we use numGlyphs + 1.
+              var glyphOffsets = [
+              ];
+              for (var i = 0; i < numGlyphs + 1; i += 1) {
+                var glyphOffset = parseFn.call(p);
+                if (shortVersion) {
+                  // The short table version stores the actual offset divided by 2.
+                  glyphOffset *= 2;
+                }
+                glyphOffsets.push(glyphOffset);
+              }
+              return glyphOffsets;
+            }
+            var loca = {
+              parse: parseLocaTable
+            };
+            // opentype.js
+            /**
+   * The opentype library.
+   * @namespace opentype
+   */
+            // File loaders /////////////////////////////////////////////////////////
+            /**
+   * Loads a font from a file. The callback throws an error message as the first parameter if it fails
+   * and the font as an ArrayBuffer in the second parameter if it succeeds.
+   * @param  {string} path - The path of the file
+   * @param  {Function} callback - The function to call when the font load completes
+   */
+            function loadFromFile(path, callback) {
+              var fs = _dereq_('fs');
+              fs.readFile(path, function (err, buffer) {
+                if (err) {
+                  return callback(err.message);
+                }
+                callback(null, nodeBufferToArrayBuffer(buffer));
+              });
+            }            /**
+   * Loads a font from a URL. The callback throws an error message as the first parameter if it fails
+   * and the font as an ArrayBuffer in the second parameter if it succeeds.
+   * @param  {string} url - The URL of the font file.
+   * @param  {Function} callback - The function to call when the font load completes
+   */
+
+            function loadFromUrl(url, callback) {
+              var request = new XMLHttpRequest();
+              request.open('get', url, true);
+              request.responseType = 'arraybuffer';
+              request.onload = function () {
+                if (request.response) {
+                  return callback(null, request.response);
+                } else {
+                  return callback('Font could not be loaded: ' + request.statusText);
+                }
+              };
+              request.onerror = function () {
+                callback('Font could not be loaded');
+              };
+              request.send();
+            }            // Table Directory Entries //////////////////////////////////////////////
+            /**
+   * Parses OpenType table entries.
+   * @param  {DataView}
+   * @param  {Number}
+   * @return {Object[]}
+   */
+
+            function parseOpenTypeTableEntries(data, numTables) {
+              var tableEntries = [
+              ];
+              var p = 12;
+              for (var i = 0; i < numTables; i += 1) {
+                var tag = parse.getTag(data, p);
+                var checksum = parse.getULong(data, p + 4);
+                var offset = parse.getULong(data, p + 8);
+                var length = parse.getULong(data, p + 12);
+                tableEntries.push({
+                  tag: tag,
+                  checksum: checksum,
+                  offset: offset,
+                  length: length,
+                  compression: false
+                });
+                p += 16;
+              }
+              return tableEntries;
+            }            /**
+   * Parses WOFF table entries.
+   * @param  {DataView}
+   * @param  {Number}
+   * @return {Object[]}
+   */
+
+            function parseWOFFTableEntries(data, numTables) {
+              var tableEntries = [
+              ];
+              var p = 44; // offset to the first table directory entry.
+              for (var i = 0; i < numTables; i += 1) {
+                var tag = parse.getTag(data, p);
+                var offset = parse.getULong(data, p + 4);
+                var compLength = parse.getULong(data, p + 8);
+                var origLength = parse.getULong(data, p + 12);
+                var compression = void 0;
+                if (compLength < origLength) {
+                  compression = 'WOFF';
+                } else {
+                  compression = false;
+                }
+                tableEntries.push({
+                  tag: tag,
+                  offset: offset,
+                  compression: compression,
+                  compressedLength: compLength,
+                  length: origLength
+                });
+                p += 20;
+              }
+              return tableEntries;
+            }            /**
+   * @typedef TableData
+   * @type Object
+   * @property {DataView} data - The DataView
+   * @property {number} offset - The data offset.
+   */
+            /**
+   * @param  {DataView}
+   * @param  {Object}
+   * @return {TableData}
+   */
+
+            function uncompressTable(data, tableEntry) {
+              if (tableEntry.compression === 'WOFF') {
+                var inBuffer = new Uint8Array(data.buffer, tableEntry.offset + 2, tableEntry.compressedLength - 2);
+                var outBuffer = new Uint8Array(tableEntry.length);
+                tinyInflate(inBuffer, outBuffer);
+                if (outBuffer.byteLength !== tableEntry.length) {
+                  throw new Error('Decompression error: ' + tableEntry.tag + ' decompressed length doesn\'t match recorded length');
+                }
+                var view = new DataView(outBuffer.buffer, 0);
+                return {
+                  data: view,
+                  offset: 0
+                };
+              } else {
+                return {
+                  data: data,
+                  offset: tableEntry.offset
+                };
+              }
+            }            // Public API ///////////////////////////////////////////////////////////
+            /**
+   * Parse the OpenType file data (as an ArrayBuffer) and return a Font object.
+   * Throws an error if the font could not be parsed.
+   * @param  {ArrayBuffer}
+   * @return {opentype.Font}
+   */
+
+            function parseBuffer(buffer) {
+              var indexToLocFormat;
+              var ltagTable;
+              // Since the constructor can also be called to create new fonts from scratch, we indicate this
+              // should be an empty font that we'll fill with our own data.
+              var font = new Font({
+                empty: true
+              });
+              // OpenType fonts use big endian byte ordering.
+              // We can't rely on typed array view types, because they operate with the endianness of the host computer.
+              // Instead we use DataViews where we can specify endianness.
+              var data = new DataView(buffer, 0);
+              var numTables;
+              var tableEntries = [
+              ];
+              var signature = parse.getTag(data, 0);
+              if (signature === String.fromCharCode(0, 1, 0, 0) || signature === 'true' || signature === 'typ1') {
+                font.outlinesFormat = 'truetype';
+                numTables = parse.getUShort(data, 4);
+                tableEntries = parseOpenTypeTableEntries(data, numTables);
+              } else if (signature === 'OTTO') {
+                font.outlinesFormat = 'cff';
+                numTables = parse.getUShort(data, 4);
+                tableEntries = parseOpenTypeTableEntries(data, numTables);
+              } else if (signature === 'wOFF') {
+                var flavor = parse.getTag(data, 4);
+                if (flavor === String.fromCharCode(0, 1, 0, 0)) {
+                  font.outlinesFormat = 'truetype';
+                } else if (flavor === 'OTTO') {
+                  font.outlinesFormat = 'cff';
+                } else {
+                  throw new Error('Unsupported OpenType flavor ' + signature);
+                }
+                numTables = parse.getUShort(data, 12);
+                tableEntries = parseWOFFTableEntries(data, numTables);
+              } else {
+                throw new Error('Unsupported OpenType signature ' + signature);
+              }
+              var cffTableEntry;
+              var fvarTableEntry;
+              var glyfTableEntry;
+              var gposTableEntry;
+              var gsubTableEntry;
+              var hmtxTableEntry;
+              var kernTableEntry;
+              var locaTableEntry;
+              var nameTableEntry;
+              var metaTableEntry;
+              var p;
+              for (var i = 0; i < numTables; i += 1) {
+                var tableEntry = tableEntries[i];
+                var table = void 0;
+                switch (tableEntry.tag) {
+                  case 'cmap':
+                    table = uncompressTable(data, tableEntry);
+                    font.tables.cmap = cmap.parse(table.data, table.offset);
+                    font.encoding = new CmapEncoding(font.tables.cmap);
+                    break;
+                  case 'cvt ':
+                    table = uncompressTable(data, tableEntry);
+                    p = new parse.Parser(table.data, table.offset);
+                    font.tables.cvt = p.parseShortList(tableEntry.length / 2);
+                    break;
+                  case 'fvar':
+                    fvarTableEntry = tableEntry;
+                    break;
+                  case 'fpgm':
+                    table = uncompressTable(data, tableEntry);
+                    p = new parse.Parser(table.data, table.offset);
+                    font.tables.fpgm = p.parseByteList(tableEntry.length);
+                    break;
+                  case 'head':
+                    table = uncompressTable(data, tableEntry);
+                    font.tables.head = head.parse(table.data, table.offset);
+                    font.unitsPerEm = font.tables.head.unitsPerEm;
+                    indexToLocFormat = font.tables.head.indexToLocFormat;
+                    break;
+                  case 'hhea':
+                    table = uncompressTable(data, tableEntry);
+                    font.tables.hhea = hhea.parse(table.data, table.offset);
+                    font.ascender = font.tables.hhea.ascender;
+                    font.descender = font.tables.hhea.descender;
+                    font.numberOfHMetrics = font.tables.hhea.numberOfHMetrics;
+                    break;
+                  case 'hmtx':
+                    hmtxTableEntry = tableEntry;
+                    break;
+                  case 'ltag':
+                    table = uncompressTable(data, tableEntry);
+                    ltagTable = ltag.parse(table.data, table.offset);
+                    break;
+                  case 'maxp':
+                    table = uncompressTable(data, tableEntry);
+                    font.tables.maxp = maxp.parse(table.data, table.offset);
+                    font.numGlyphs = font.tables.maxp.numGlyphs;
+                    break;
+                  case 'name':
+                    nameTableEntry = tableEntry;
+                    break;
+                  case 'OS/2':
+                    table = uncompressTable(data, tableEntry);
+                    font.tables.os2 = os2.parse(table.data, table.offset);
+                    break;
+                  case 'post':
+                    table = uncompressTable(data, tableEntry);
+                    font.tables.post = post.parse(table.data, table.offset);
+                    font.glyphNames = new GlyphNames(font.tables.post);
+                    break;
+                  case 'prep':
+                    table = uncompressTable(data, tableEntry);
+                    p = new parse.Parser(table.data, table.offset);
+                    font.tables.prep = p.parseByteList(tableEntry.length);
+                    break;
+                  case 'glyf':
+                    glyfTableEntry = tableEntry;
+                    break;
+                  case 'loca':
+                    locaTableEntry = tableEntry;
+                    break;
+                  case 'CFF ':
+                    cffTableEntry = tableEntry;
+                    break;
+                  case 'kern':
+                    kernTableEntry = tableEntry;
+                    break;
+                  case 'GPOS':
+                    gposTableEntry = tableEntry;
+                    break;
+                  case 'GSUB':
+                    gsubTableEntry = tableEntry;
+                    break;
+                  case 'meta':
+                    metaTableEntry = tableEntry;
+                    break;
+                }
+              }
+              var nameTable = uncompressTable(data, nameTableEntry);
+              font.tables.name = _name.parse(nameTable.data, nameTable.offset, ltagTable);
+              font.names = font.tables.name;
+              if (glyfTableEntry && locaTableEntry) {
+                var shortVersion = indexToLocFormat === 0;
+                var locaTable = uncompressTable(data, locaTableEntry);
+                var locaOffsets = loca.parse(locaTable.data, locaTable.offset, font.numGlyphs, shortVersion);
+                var glyfTable = uncompressTable(data, glyfTableEntry);
+                font.glyphs = glyf.parse(glyfTable.data, glyfTable.offset, locaOffsets, font);
+              } else if (cffTableEntry) {
+                var cffTable = uncompressTable(data, cffTableEntry);
+                cff.parse(cffTable.data, cffTable.offset, font);
+              } else {
+                throw new Error('Font doesn\'t contain TrueType or CFF outlines.');
+              }
+              var hmtxTable = uncompressTable(data, hmtxTableEntry);
+              hmtx.parse(hmtxTable.data, hmtxTable.offset, font.numberOfHMetrics, font.numGlyphs, font.glyphs);
+              addGlyphNames(font);
+              if (kernTableEntry) {
+                var kernTable = uncompressTable(data, kernTableEntry);
+                font.kerningPairs = kern.parse(kernTable.data, kernTable.offset);
+              } else {
+                font.kerningPairs = {
+                };
+              }
+              if (gposTableEntry) {
+                var gposTable = uncompressTable(data, gposTableEntry);
+                font.tables.gpos = gpos.parse(gposTable.data, gposTable.offset);
+                font.position.init();
+              }
+              if (gsubTableEntry) {
+                var gsubTable = uncompressTable(data, gsubTableEntry);
+                font.tables.gsub = gsub.parse(gsubTable.data, gsubTable.offset);
+              }
+              if (fvarTableEntry) {
+                var fvarTable = uncompressTable(data, fvarTableEntry);
+                font.tables.fvar = fvar.parse(fvarTable.data, fvarTable.offset, font.names);
+              }
+              if (metaTableEntry) {
+                var metaTable = uncompressTable(data, metaTableEntry);
+                font.tables.meta = meta.parse(metaTable.data, metaTable.offset);
+                font.metas = font.tables.meta;
+              }
+              return font;
+            }            /**
+   * Asynchronously load the font from a URL or a filesystem. When done, call the callback
+   * with two arguments `(err, font)`. The `err` will be null on success,
+   * the `font` is a Font object.
+   * We use the node.js callback convention so that
+   * opentype.js can integrate with frameworks like async.js.
+   * @alias opentype.load
+   * @param  {string} url - The URL of the font to load.
+   * @param  {Function} callback - The callback.
+   */
+
+            function load(url, callback) {
+              var isNode$$1 = typeof window === 'undefined';
+              var loadFn = isNode$$1 ? loadFromFile : loadFromUrl;
+              loadFn(url, function (err, arrayBuffer) {
+                if (err) {
+                  return callback(err);
+                }
+                var font;
+                try {
+                  font = parseBuffer(arrayBuffer);
+                } catch (e) {
+                  return callback(e, null);
+                }
+                return callback(null, font);
+              });
+            }            /**
+   * Synchronously load the font from a URL or file.
+   * When done, returns the font object or throws an error.
+   * @alias opentype.loadSync
+   * @param  {string} url - The URL of the font to load.
+   * @return {opentype.Font}
+   */
+
+            function loadSync(url) {
+              var fs = _dereq_('fs');
+              var buffer = fs.readFileSync(url);
+              return parseBuffer(nodeBufferToArrayBuffer(buffer));
+            }
+            exports.Font = Font;
+            exports.Glyph = Glyph;
+            exports.Path = Path;
+            exports.BoundingBox = BoundingBox;
+            exports._parse = parse;
+            exports.parse = parseBuffer;
+            exports.load = load;
+            exports.loadSync = loadSync;
+            Object.defineProperty(exports, '__esModule', {
+              value: true
+            });
+          });
+        }).call(this, _dereq_('buffer').Buffer)
+      },
+      {
+        'buffer': 22,
+        'fs': 21
+      }
+    ],
+    272: [
+      function (_dereq_, module, exports) {
+        (function (process) {
+          // .dirname, .basename, and .extname methods are extracted from Node.js v8.11.1,
+          // backported and transplited with Babel, with backwards-compat fixes
+          // Copyright Joyent, Inc. and other Node 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:
+          //
+          // 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.
+          // resolves . and .. elements in a path array with directory names there
+          // must be no slashes, empty elements, or device names (c:\) in the array
+          // (so also no leading and trailing slashes - it does not distinguish
+          // relative and absolute paths)
+          function normalizeArray(parts, allowAboveRoot) {
+            // if the path tries to go above the root, `up` ends up > 0
+            var up = 0;
+            for (var i = parts.length - 1; i >= 0; i--) {
+              var last = parts[i];
+              if (last === '.') {
+                parts.splice(i, 1);
+              } else if (last === '..') {
+                parts.splice(i, 1);
+                up++;
+              } else if (up) {
+                parts.splice(i, 1);
+                up--;
+              }
+            }            // if the path is allowed to go above the root, restore leading ..s
+
+            if (allowAboveRoot) {
+              for (; up--; up) {
+                parts.unshift('..');
+              }
+            }
+            return parts;
+          }          // path.resolve([from ...], to)
+          // posix version
+
+          exports.resolve = function () {
+            var resolvedPath = '',
+            resolvedAbsolute = false;
+            for (var i = arguments.length - 1; i >= - 1 && !resolvedAbsolute; i--) {
+              var path = i >= 0 ? arguments[i] : process.cwd();
+              // Skip empty and invalid entries
+              if (typeof path !== 'string') {
+                throw new TypeError('Arguments to path.resolve must be strings');
+              } else if (!path) {
+                continue;
+              }
+              resolvedPath = path + '/' + resolvedPath;
+              resolvedAbsolute = path.charAt(0) === '/';
+            }            // At this point the path should be resolved to a full absolute path, but
+            // handle relative paths to be safe (might happen when process.cwd() fails)
+            // Normalize the path
+
+            resolvedPath = normalizeArray(filter(resolvedPath.split('/'), function (p) {
+              return !!p;
+            }), !resolvedAbsolute).join('/');
+            return (resolvedAbsolute ? '/' : '') + resolvedPath || '.';
+          };
+          // path.normalize(path)
+          // posix version
+          exports.normalize = function (path) {
+            var isAbsolute = exports.isAbsolute(path),
+            trailingSlash = substr(path, - 1) === '/';
+            // Normalize the path
+            path = normalizeArray(filter(path.split('/'), function (p) {
+              return !!p;
+            }), !isAbsolute).join('/');
+            if (!path && !isAbsolute) {
+              path = '.';
+            }
+            if (path && trailingSlash) {
+              path += '/';
+            }
+            return (isAbsolute ? '/' : '') + path;
+          };
+          // posix version
+          exports.isAbsolute = function (path) {
+            return path.charAt(0) === '/';
+          };
+          // posix version
+          exports.join = function () {
+            var paths = Array.prototype.slice.call(arguments, 0);
+            return exports.normalize(filter(paths, function (p, index) {
+              if (typeof p !== 'string') {
+                throw new TypeError('Arguments to path.join must be strings');
+              }
+              return p;
+            }).join('/'));
+          };
+          // path.relative(from, to)
+          // posix version
+          exports.relative = function (from, to) {
+            from = exports.resolve(from).substr(1);
+            to = exports.resolve(to).substr(1);
+            function trim(arr) {
+              var start = 0;
+              for (; start < arr.length; start++) {
+                if (arr[start] !== '') break;
+              }
+              var end = arr.length - 1;
+              for (; end >= 0; end--) {
+                if (arr[end] !== '') break;
+              }
+              if (start > end) return [];
+              return arr.slice(start, end - start + 1);
+            }
+            var fromParts = trim(from.split('/'));
+            var toParts = trim(to.split('/'));
+            var length = Math.min(fromParts.length, toParts.length);
+            var samePartsLength = length;
+            for (var i = 0; i < length; i++) {
+              if (fromParts[i] !== toParts[i]) {
+                samePartsLength = i;
+                break;
+              }
+            }
+            var outputParts = [
+            ];
+            for (var i = samePartsLength; i < fromParts.length; i++) {
+              outputParts.push('..');
+            }
+            outputParts = outputParts.concat(toParts.slice(samePartsLength));
+            return outputParts.join('/');
+          };
+          exports.sep = '/';
+          exports.delimiter = ':';
+          exports.dirname = function (path) {
+            if (typeof path !== 'string') path = path + '';
+            if (path.length === 0) return '.';
+            var code = path.charCodeAt(0);
+            var hasRoot = code === 47 /*/*/ ;
+            var end = - 1;
+            var matchedSlash = true;
+            for (var i = path.length - 1; i >= 1; --i) {
+              code = path.charCodeAt(i);
+              if (code === 47 /*/*/ ) {
+                if (!matchedSlash) {
+                  end = i;
+                  break;
+                }
+              } else {
+                // We saw the first non-path separator
+                matchedSlash = false;
+              }
+            }
+            if (end === - 1) return hasRoot ? '/' : '.';
+            if (hasRoot && end === 1) {
+              // return '//';
+              // Backwards-compat fix:
+              return '/';
+            }
+            return path.slice(0, end);
+          };
+          function basename(path) {
+            if (typeof path !== 'string') path = path + '';
+            var start = 0;
+            var end = - 1;
+            var matchedSlash = true;
+            var i;
+            for (i = path.length - 1; i >= 0; --i) {
+              if (path.charCodeAt(i) === 47 /*/*/ ) {
+                // If we reached a path separator that was not part of a set of path
+                // separators at the end of the string, stop now
+                if (!matchedSlash) {
+                  start = i + 1;
+                  break;
+                }
+              } else if (end === - 1) {
+                // We saw the first non-path separator, mark this as the end of our
+                // path component
+                matchedSlash = false;
+                end = i + 1;
+              }
+            }
+            if (end === - 1) return '';
+            return path.slice(start, end);
+          }          // Uses a mixed approach for backwards-compatibility, as ext behavior changed
+          // in new Node.js versions, so only basename() above is backported here
+
+          exports.basename = function (path, ext) {
+            var f = basename(path);
+            if (ext && f.substr( - 1 * ext.length) === ext) {
+              f = f.substr(0, f.length - ext.length);
+            }
+            return f;
+          };
+          exports.extname = function (path) {
+            if (typeof path !== 'string') path = path + '';
+            var startDot = - 1;
+            var startPart = 0;
+            var end = - 1;
+            var matchedSlash = true;
+            // Track the state of characters (if any) we see before our first dot and
+            // after any path separator we find
+            var preDotState = 0;
+            for (var i = path.length - 1; i >= 0; --i) {
+              var code = path.charCodeAt(i);
+              if (code === 47 /*/*/ ) {
+                // If we reached a path separator that was not part of a set of path
+                // separators at the end of the string, stop now
+                if (!matchedSlash) {
+                  startPart = i + 1;
+                  break;
+                }
+                continue;
+              }
+              if (end === - 1) {
+                // We saw the first non-path separator, mark this as the end of our
+                // extension
+                matchedSlash = false;
+                end = i + 1;
+              }
+              if (code === 46 /*.*/ ) {
+                // If this is our first dot, mark it as the start of our extension
+                if (startDot === - 1) startDot = i;
+                 else if (preDotState !== 1) preDotState = 1;
+              } else if (startDot !== - 1) {
+                // We saw a non-dot and non-path separator before our dot, so we should
+                // have a good chance at having a non-empty extension
+                preDotState = - 1;
+              }
+            }
+            if (startDot === - 1 || end === - 1 ||            // We saw a non-dot character immediately before the dot
+            preDotState === 0 ||            // The (right-most) trimmed path component is exactly '..'
+            preDotState === 1 && startDot === end - 1 && startDot === startPart + 1) {
+              return '';
+            }
+            return path.slice(startDot, end);
+          };
+          function filter(xs, f) {
+            if (xs.filter) return xs.filter(f);
+            var res = [
+            ];
+            for (var i = 0; i < xs.length; i++) {
+              if (f(xs[i], i, xs)) res.push(xs[i]);
+            }
+            return res;
+          }          // String.prototype.substr - negative index don't work in IE8
+
+          var substr = 'ab'.substr( - 1) === 'b' ? function (str, start, len) {
+            return str.substr(start, len);
+          }
+           : function (str, start, len) {
+            if (start < 0) start = str.length + start;
+            return str.substr(start, len);
+          };
+        }).call(this, _dereq_('_process'))
+      },
+      {
+        '_process': 273
+      }
+    ],
+    273: [
+      function (_dereq_, module, exports) {
+        // shim for using process in browser
+        var process = module.exports = {
+        };
+        // cached from whatever global is present so that test runners that stub it
+        // don't break things.  But we need to wrap it in a try catch in case it is
+        // wrapped in strict mode code which doesn't define any globals.  It's inside a
+        // function because try/catches deoptimize in certain engines.
+        var cachedSetTimeout;
+        var cachedClearTimeout;
+        function defaultSetTimout() {
+          throw new Error('setTimeout has not been defined');
+        }
+        function defaultClearTimeout() {
+          throw new Error('clearTimeout has not been defined');
+        }(function () {
+          try {
+            if (typeof setTimeout === 'function') {
+              cachedSetTimeout = setTimeout;
+            } else {
+              cachedSetTimeout = defaultSetTimout;
+            }
+          } catch (e) {
+            cachedSetTimeout = defaultSetTimout;
+          }
+          try {
+            if (typeof clearTimeout === 'function') {
+              cachedClearTimeout = clearTimeout;
+            } else {
+              cachedClearTimeout = defaultClearTimeout;
+            }
+          } catch (e) {
+            cachedClearTimeout = defaultClearTimeout;
+          }
+        }) ();
+        function runTimeout(fun) {
+          if (cachedSetTimeout === setTimeout) {
+            //normal enviroments in sane situations
+            return setTimeout(fun, 0);
+          }          // if setTimeout wasn't available but was latter defined
+
+          if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {
+            cachedSetTimeout = setTimeout;
+            return setTimeout(fun, 0);
+          }
+          try {
+            // when when somebody has screwed with setTimeout but no I.E. maddness
+            return cachedSetTimeout(fun, 0);
+          } catch (e) {
+            try {
+              // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
+              return cachedSetTimeout.call(null, fun, 0);
+            } catch (e) {
+              // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error
+              return cachedSetTimeout.call(this, fun, 0);
+            }
+          }
+        }
+        function runClearTimeout(marker) {
+          if (cachedClearTimeout === clearTimeout) {
+            //normal enviroments in sane situations
+            return clearTimeout(marker);
+          }          // if clearTimeout wasn't available but was latter defined
+
+          if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {
+            cachedClearTimeout = clearTimeout;
+            return clearTimeout(marker);
+          }
+          try {
+            // when when somebody has screwed with setTimeout but no I.E. maddness
+            return cachedClearTimeout(marker);
+          } catch (e) {
+            try {
+              // When we are in I.E. but the script has been evaled so I.E. doesn't  trust the global object when called normally
+              return cachedClearTimeout.call(null, marker);
+            } catch (e) {
+              // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.
+              // Some versions of I.E. have different rules for clearTimeout vs setTimeout
+              return cachedClearTimeout.call(this, marker);
+            }
+          }
+        }
+        var queue = [
+        ];
+        var draining = false;
+        var currentQueue;
+        var queueIndex = - 1;
+        function cleanUpNextTick() {
+          if (!draining || !currentQueue) {
+            return;
+          }
+          draining = false;
+          if (currentQueue.length) {
+            queue = currentQueue.concat(queue);
+          } else {
+            queueIndex = - 1;
+          }
+          if (queue.length) {
+            drainQueue();
+          }
+        }
+        function drainQueue() {
+          if (draining) {
+            return;
+          }
+          var timeout = runTimeout(cleanUpNextTick);
+          draining = true;
+          var len = queue.length;
+          while (len) {
+            currentQueue = queue;
+            queue = [
+            ];
+            while (++queueIndex < len) {
+              if (currentQueue) {
+                currentQueue[queueIndex].run();
+              }
+            }
+            queueIndex = - 1;
+            len = queue.length;
+          }
+          currentQueue = null;
+          draining = false;
+          runClearTimeout(timeout);
+        }
+        process.nextTick = function (fun) {
+          var args = new Array(arguments.length - 1);
+          if (arguments.length > 1) {
+            for (var i = 1; i < arguments.length; i++) {
+              args[i - 1] = arguments[i];
+            }
+          }
+          queue.push(new Item(fun, args));
+          if (queue.length === 1 && !draining) {
+            runTimeout(drainQueue);
+          }
+        };
+        // v8 likes predictible objects
+        function Item(fun, array) {
+          this.fun = fun;
+          this.array = array;
+        }
+        Item.prototype.run = function () {
+          this.fun.apply(null, this.array);
+        };
+        process.title = 'browser';
+        process.browser = true;
+        process.env = {
+        };
+        process.argv = [
+        ];
+        process.version = ''; // empty string to avoid regexp issues
+        process.versions = {
+        };
+        function noop() {
+        }
+        process.on = noop;
+        process.addListener = noop;
+        process.once = noop;
+        process.off = noop;
+        process.removeListener = noop;
+        process.removeAllListeners = noop;
+        process.emit = noop;
+        process.prependListener = noop;
+        process.prependOnceListener = noop;
+        process.listeners = function (name) {
+          return [];
+        };
+        process.binding = function (name) {
+          throw new Error('process.binding is not supported');
+        };
+        process.cwd = function () {
+          return '/';
+        };
+        process.chdir = function (dir) {
+          throw new Error('process.chdir is not supported');
+        };
+        process.umask = function () {
+          return 0;
+        };
+      },
+      {
+      }
+    ],
+    274: [
+      function (_dereq_, module, exports) {
+        /**
+ * Copyright (c) 2014-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+        var runtime = function (exports) {
+          'use strict';
+          var Op = Object.prototype;
+          var hasOwn = Op.hasOwnProperty;
+          var undefined; // More compressible than void 0.
+          var $Symbol = typeof Symbol === 'function' ? Symbol : {
+          };
+          var iteratorSymbol = $Symbol.iterator || '@@iterator';
+          var asyncIteratorSymbol = $Symbol.asyncIterator || '@@asyncIterator';
+          var toStringTagSymbol = $Symbol.toStringTag || '@@toStringTag';
+          function wrap(innerFn, outerFn, self, tryLocsList) {
+            // If outerFn provided and outerFn.prototype is a Generator, then outerFn.prototype instanceof Generator.
+            var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator;
+            var generator = Object.create(protoGenerator.prototype);
+            var context = new Context(tryLocsList || [
+            ]);
+            // The ._invoke method unifies the implementations of the .next,
+            // .throw, and .return methods.
+            generator._invoke = makeInvokeMethod(innerFn, self, context);
+            return generator;
+          }
+          exports.wrap = wrap;
+          // Try/catch helper to minimize deoptimizations. Returns a completion
+          // record like context.tryEntries[i].completion. This interface could
+          // have been (and was previously) designed to take a closure to be
+          // invoked without arguments, but in all the cases we care about we
+          // already have an existing method we want to call, so there's no need
+          // to create a new function object. We can even get away with assuming
+          // the method takes exactly one argument, since that happens to be true
+          // in every case, so we don't have to touch the arguments object. The
+          // only additional allocation required is the completion record, which
+          // has a stable shape and so hopefully should be cheap to allocate.
+          function tryCatch(fn, obj, arg) {
+            try {
+              return {
+                type: 'normal',
+                arg: fn.call(obj, arg)
+              };
+            } catch (err) {
+              return {
+                type: 'throw',
+                arg: err
+              };
+            }
+          }
+          var GenStateSuspendedStart = 'suspendedStart';
+          var GenStateSuspendedYield = 'suspendedYield';
+          var GenStateExecuting = 'executing';
+          var GenStateCompleted = 'completed';
+          // Returning this object from the innerFn has the same effect as
+          // breaking out of the dispatch switch statement.
+          var ContinueSentinel = {
+          };
+          // Dummy constructor functions that we use as the .constructor and
+          // .constructor.prototype properties for functions that return Generator
+          // objects. For full spec compliance, you may wish to configure your
+          // minifier not to mangle the names of these two functions.
+          function Generator() {
+          }
+          function GeneratorFunction() {
+          }
+          function GeneratorFunctionPrototype() {
+          }          // This is a polyfill for %IteratorPrototype% for environments that
+          // don't natively support it.
+
+          var IteratorPrototype = {
+          };
+          IteratorPrototype[iteratorSymbol] = function () {
+            return this;
+          };
+          var getProto = Object.getPrototypeOf;
+          var NativeIteratorPrototype = getProto && getProto(getProto(values([])));
+          if (NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol)) {
+            // This environment has a native %IteratorPrototype%; use it instead
+            // of the polyfill.
+            IteratorPrototype = NativeIteratorPrototype;
+          }
+          var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
+          GeneratorFunction.prototype = Gp.constructor = GeneratorFunctionPrototype;
+          GeneratorFunctionPrototype.constructor = GeneratorFunction;
+          GeneratorFunctionPrototype[toStringTagSymbol] = GeneratorFunction.displayName = 'GeneratorFunction';
+          // Helper for defining the .next, .throw, and .return methods of the
+          // Iterator interface in terms of a single ._invoke method.
+          function defineIteratorMethods(prototype) {
+            [
+              'next',
+              'throw',
+              'return'
+            ].forEach(function (method) {
+              prototype[method] = function (arg) {
+                return this._invoke(method, arg);
+              };
+            });
+          }
+          exports.isGeneratorFunction = function (genFun) {
+            var ctor = typeof genFun === 'function' && genFun.constructor;
+            return ctor ? ctor === GeneratorFunction ||            // For the native GeneratorFunction constructor, the best we can
+            // do is to check its .name property.
+            (ctor.displayName || ctor.name) === 'GeneratorFunction' : false;
+          };
+          exports.mark = function (genFun) {
+            if (Object.setPrototypeOf) {
+              Object.setPrototypeOf(genFun, GeneratorFunctionPrototype);
+            } else {
+              genFun.__proto__ = GeneratorFunctionPrototype;
+              if (!(toStringTagSymbol in genFun)) {
+                genFun[toStringTagSymbol] = 'GeneratorFunction';
+              }
+            }
+            genFun.prototype = Object.create(Gp);
+            return genFun;
+          };
+          // Within the body of any async function, `await x` is transformed to
+          // `yield regeneratorRuntime.awrap(x)`, so that the runtime can test
+          // `hasOwn.call(value, "__await")` to determine if the yielded value is
+          // meant to be awaited.
+          exports.awrap = function (arg) {
+            return {
+              __await: arg
+            };
+          };
+          function AsyncIterator(generator) {
+            function invoke(method, arg, resolve, reject) {
+              var record = tryCatch(generator[method], generator, arg);
+              if (record.type === 'throw') {
+                reject(record.arg);
+              } else {
+                var result = record.arg;
+                var value = result.value;
+                if (value && typeof value === 'object' && hasOwn.call(value, '__await')) {
+                  return Promise.resolve(value.__await).then(function (value) {
+                    invoke('next', value, resolve, reject);
+                  }, function (err) {
+                    invoke('throw', err, resolve, reject);
+                  });
+                }
+                return Promise.resolve(value).then(function (unwrapped) {
+                  // When a yielded Promise is resolved, its final value becomes
+                  // the .value of the Promise<{value,done}> result for the
+                  // current iteration.
+                  result.value = unwrapped;
+                  resolve(result);
+                }, function (error) {
+                  // If a rejected Promise was yielded, throw the rejection back
+                  // into the async generator function so it can be handled there.
+                  return invoke('throw', error, resolve, reject);
+                });
+              }
+            }
+            var previousPromise;
+            function enqueue(method, arg) {
+              function callInvokeWithMethodAndArg() {
+                return new Promise(function (resolve, reject) {
+                  invoke(method, arg, resolve, reject);
+                });
+              }
+              return previousPromise =              // If enqueue has been called before, then we want to wait until
+              // all previous Promises have been resolved before calling invoke,
+              // so that results are always delivered in the correct order. If
+              // enqueue has not been called before, then it is important to
+              // call invoke immediately, without waiting on a callback to fire,
+              // so that the async generator function has the opportunity to do
+              // any necessary setup in a predictable way. This predictability
+              // is why the Promise constructor synchronously invokes its
+              // executor callback, and why async functions synchronously
+              // execute code before the first await. Since we implement simple
+              // async functions in terms of async generators, it is especially
+              // important to get this right, even though it requires care.
+              previousPromise ? previousPromise.then(callInvokeWithMethodAndArg,              // Avoid propagating failures to Promises returned by later
+              // invocations of the iterator.
+              callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
+            }            // Define the unified helper method that is used to implement .next,
+            // .throw, and .return (see defineIteratorMethods).
+
+            this._invoke = enqueue;
+          }
+          defineIteratorMethods(AsyncIterator.prototype);
+          AsyncIterator.prototype[asyncIteratorSymbol] = function () {
+            return this;
+          };
+          exports.AsyncIterator = AsyncIterator;
+          // Note that simple async functions are implemented on top of
+          // AsyncIterator objects; they just return a Promise for the value of
+          // the final result produced by the iterator.
+          exports.async = function (innerFn, outerFn, self, tryLocsList) {
+            var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList));
+            return exports.isGeneratorFunction(outerFn) ? iter // If outerFn is a generator, return the full iterator.
+             : iter.next().then(function (result) {
+              return result.done ? result.value : iter.next();
+            });
+          };
+          function makeInvokeMethod(innerFn, self, context) {
+            var state = GenStateSuspendedStart;
+            return function invoke(method, arg) {
+              if (state === GenStateExecuting) {
+                throw new Error('Generator is already running');
+              }
+              if (state === GenStateCompleted) {
+                if (method === 'throw') {
+                  throw arg;
+                }                // Be forgiving, per 25.3.3.3.3 of the spec:
+                // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-generatorresume
+
+                return doneResult();
+              }
+              context.method = method;
+              context.arg = arg;
+              while (true) {
+                var delegate = context.delegate;
+                if (delegate) {
+                  var delegateResult = maybeInvokeDelegate(delegate, context);
+                  if (delegateResult) {
+                    if (delegateResult === ContinueSentinel) continue;
+                    return delegateResult;
+                  }
+                }
+                if (context.method === 'next') {
+                  // Setting context._sent for legacy support of Babel's
+                  // function.sent implementation.
+                  context.sent = context._sent = context.arg;
+                } else if (context.method === 'throw') {
+                  if (state === GenStateSuspendedStart) {
+                    state = GenStateCompleted;
+                    throw context.arg;
+                  }
+                  context.dispatchException(context.arg);
+                } else if (context.method === 'return') {
+                  context.abrupt('return', context.arg);
+                }
+                state = GenStateExecuting;
+                var record = tryCatch(innerFn, self, context);
+                if (record.type === 'normal') {
+                  // If an exception is thrown from innerFn, we leave state ===
+                  // GenStateExecuting and loop back for another invocation.
+                  state = context.done ? GenStateCompleted : GenStateSuspendedYield;
+                  if (record.arg === ContinueSentinel) {
+                    continue;
+                  }
+                  return {
+                    value: record.arg,
+                    done: context.done
+                  };
+                } else if (record.type === 'throw') {
+                  state = GenStateCompleted;
+                  // Dispatch the exception by looping back around to the
+                  // context.dispatchException(context.arg) call above.
+                  context.method = 'throw';
+                  context.arg = record.arg;
+                }
+              }
+            };
+          }          // Call delegate.iterator[context.method](context.arg) and handle the
+          // result, either by returning a { value, done } result from the
+          // delegate iterator, or by modifying context.method and context.arg,
+          // setting context.delegate to null, and returning the ContinueSentinel.
+
+          function maybeInvokeDelegate(delegate, context) {
+            var method = delegate.iterator[context.method];
+            if (method === undefined) {
+              // A .throw or .return when the delegate iterator has no .throw
+              // method always terminates the yield* loop.
+              context.delegate = null;
+              if (context.method === 'throw') {
+                // Note: ["return"] must be used for ES3 parsing compatibility.
+                if (delegate.iterator['return']) {
+                  // If the delegate iterator has a return method, give it a
+                  // chance to clean up.
+                  context.method = 'return';
+                  context.arg = undefined;
+                  maybeInvokeDelegate(delegate, context);
+                  if (context.method === 'throw') {
+                    // If maybeInvokeDelegate(context) changed context.method from
+                    // "return" to "throw", let that override the TypeError below.
+                    return ContinueSentinel;
+                  }
+                }
+                context.method = 'throw';
+                context.arg = new TypeError('The iterator does not provide a \'throw\' method');
+              }
+              return ContinueSentinel;
+            }
+            var record = tryCatch(method, delegate.iterator, context.arg);
+            if (record.type === 'throw') {
+              context.method = 'throw';
+              context.arg = record.arg;
+              context.delegate = null;
+              return ContinueSentinel;
+            }
+            var info = record.arg;
+            if (!info) {
+              context.method = 'throw';
+              context.arg = new TypeError('iterator result is not an object');
+              context.delegate = null;
+              return ContinueSentinel;
+            }
+            if (info.done) {
+              // Assign the result of the finished delegate to the temporary
+              // variable specified by delegate.resultName (see delegateYield).
+              context[delegate.resultName] = info.value;
+              // Resume execution at the desired location (see delegateYield).
+              context.next = delegate.nextLoc;
+              // If context.method was "throw" but the delegate handled the
+              // exception, let the outer generator proceed normally. If
+              // context.method was "next", forget context.arg since it has been
+              // "consumed" by the delegate iterator. If context.method was
+              // "return", allow the original .return call to continue in the
+              // outer generator.
+              if (context.method !== 'return') {
+                context.method = 'next';
+                context.arg = undefined;
+              }
+            } else {
+              // Re-yield the result returned by the delegate method.
+              return info;
+            }            // The delegate iterator is finished, so forget it and continue with
+            // the outer generator.
+
+            context.delegate = null;
+            return ContinueSentinel;
+          }          // Define Generator.prototype.{next,throw,return} in terms of the
+          // unified ._invoke helper method.
+
+          defineIteratorMethods(Gp);
+          Gp[toStringTagSymbol] = 'Generator';
+          // A Generator should always return itself as the iterator object when the
+          // @@iterator function is called on it. Some browsers' implementations of the
+          // iterator prototype chain incorrectly implement this, causing the Generator
+          // object to not be returned from this call. This ensures that doesn't happen.
+          // See https://github.com/facebook/regenerator/issues/274 for more details.
+          Gp[iteratorSymbol] = function () {
+            return this;
+          };
+          Gp.toString = function () {
+            return '[object Generator]';
+          };
+          function pushTryEntry(locs) {
+            var entry = {
+              tryLoc: locs[0]
+            };
+            if (1 in locs) {
+              entry.catchLoc = locs[1];
+            }
+            if (2 in locs) {
+              entry.finallyLoc = locs[2];
+              entry.afterLoc = locs[3];
+            }
+            this.tryEntries.push(entry);
+          }
+          function resetTryEntry(entry) {
+            var record = entry.completion || {
+            };
+            record.type = 'normal';
+            delete record.arg;
+            entry.completion = record;
+          }
+          function Context(tryLocsList) {
+            // The root entry object (effectively a try statement without a catch
+            // or a finally block) gives us a place to store values thrown from
+            // locations where there is no enclosing try statement.
+            this.tryEntries = [
+              {
+                tryLoc: 'root'
+              }
+            ];
+            tryLocsList.forEach(pushTryEntry, this);
+            this.reset(true);
+          }
+          exports.keys = function (object) {
+            var keys = [
+            ];
+            for (var key in object) {
+              keys.push(key);
+            }
+            keys.reverse();
+            // Rather than returning an object with a next method, we keep
+            // things simple and return the next function itself.
+            return function next() {
+              while (keys.length) {
+                var key = keys.pop();
+                if (key in object) {
+                  next.value = key;
+                  next.done = false;
+                  return next;
+                }
+              }              // To avoid creating an additional object, we just hang the .value
+              // and .done properties off the next function object itself. This
+              // also ensures that the minifier will not anonymize the function.
+
+              next.done = true;
+              return next;
+            };
+          };
+          function values(iterable) {
+            if (iterable) {
+              var iteratorMethod = iterable[iteratorSymbol];
+              if (iteratorMethod) {
+                return iteratorMethod.call(iterable);
+              }
+              if (typeof iterable.next === 'function') {
+                return iterable;
+              }
+              if (!isNaN(iterable.length)) {
+                var i = - 1,
+                next = function next() {
+                  while (++i < iterable.length) {
+                    if (hasOwn.call(iterable, i)) {
+                      next.value = iterable[i];
+                      next.done = false;
+                      return next;
+                    }
+                  }
+                  next.value = undefined;
+                  next.done = true;
+                  return next;
+                };
+                return next.next = next;
+              }
+            }            // Return an iterator with no values.
+
+            return {
+              next: doneResult
+            };
+          }
+          exports.values = values;
+          function doneResult() {
+            return {
+              value: undefined,
+              done: true
+            };
+          }
+          Context.prototype = {
+            constructor: Context,
+            reset: function (skipTempReset) {
+              this.prev = 0;
+              this.next = 0;
+              // Resetting context._sent for legacy support of Babel's
+              // function.sent implementation.
+              this.sent = this._sent = undefined;
+              this.done = false;
+              this.delegate = null;
+              this.method = 'next';
+              this.arg = undefined;
+              this.tryEntries.forEach(resetTryEntry);
+              if (!skipTempReset) {
+                for (var name in this) {
+                  // Not sure about the optimal order of these conditions:
+                  if (name.charAt(0) === 't' && hasOwn.call(this, name) && !isNaN( + name.slice(1))) {
+                    this[name] = undefined;
+                  }
+                }
+              }
+            },
+            stop: function () {
+              this.done = true;
+              var rootEntry = this.tryEntries[0];
+              var rootRecord = rootEntry.completion;
+              if (rootRecord.type === 'throw') {
+                throw rootRecord.arg;
+              }
+              return this.rval;
+            },
+            dispatchException: function (exception) {
+              if (this.done) {
+                throw exception;
+              }
+              var context = this;
+              function handle(loc, caught) {
+                record.type = 'throw';
+                record.arg = exception;
+                context.next = loc;
+                if (caught) {
+                  // If the dispatched exception was caught by a catch block,
+                  // then let that catch block handle the exception normally.
+                  context.method = 'next';
+                  context.arg = undefined;
+                }
+                return !!caught;
+              }
+              for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+                var entry = this.tryEntries[i];
+                var record = entry.completion;
+                if (entry.tryLoc === 'root') {
+                  // Exception thrown outside of any try block that could handle
+                  // it, so set the completion value of the entire function to
+                  // throw the exception.
+                  return handle('end');
+                }
+                if (entry.tryLoc <= this.prev) {
+                  var hasCatch = hasOwn.call(entry, 'catchLoc');
+                  var hasFinally = hasOwn.call(entry, 'finallyLoc');
+                  if (hasCatch && hasFinally) {
+                    if (this.prev < entry.catchLoc) {
+                      return handle(entry.catchLoc, true);
+                    } else if (this.prev < entry.finallyLoc) {
+                      return handle(entry.finallyLoc);
+                    }
+                  } else if (hasCatch) {
+                    if (this.prev < entry.catchLoc) {
+                      return handle(entry.catchLoc, true);
+                    }
+                  } else if (hasFinally) {
+                    if (this.prev < entry.finallyLoc) {
+                      return handle(entry.finallyLoc);
+                    }
+                  } else {
+                    throw new Error('try statement without catch or finally');
+                  }
+                }
+              }
+            },
+            abrupt: function (type, arg) {
+              for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+                var entry = this.tryEntries[i];
+                if (entry.tryLoc <= this.prev && hasOwn.call(entry, 'finallyLoc') && this.prev < entry.finallyLoc) {
+                  var finallyEntry = entry;
+                  break;
+                }
+              }
+              if (finallyEntry && (type === 'break' || type === 'continue') && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc) {
+                // Ignore the finally entry if control is not jumping to a
+                // location outside the try/catch block.
+                finallyEntry = null;
+              }
+              var record = finallyEntry ? finallyEntry.completion : {
+              };
+              record.type = type;
+              record.arg = arg;
+              if (finallyEntry) {
+                this.method = 'next';
+                this.next = finallyEntry.finallyLoc;
+                return ContinueSentinel;
+              }
+              return this.complete(record);
+            },
+            complete: function (record, afterLoc) {
+              if (record.type === 'throw') {
+                throw record.arg;
+              }
+              if (record.type === 'break' || record.type === 'continue') {
+                this.next = record.arg;
+              } else if (record.type === 'return') {
+                this.rval = this.arg = record.arg;
+                this.method = 'return';
+                this.next = 'end';
+              } else if (record.type === 'normal' && afterLoc) {
+                this.next = afterLoc;
+              }
+              return ContinueSentinel;
+            },
+            finish: function (finallyLoc) {
+              for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+                var entry = this.tryEntries[i];
+                if (entry.finallyLoc === finallyLoc) {
+                  this.complete(entry.completion, entry.afterLoc);
+                  resetTryEntry(entry);
+                  return ContinueSentinel;
+                }
+              }
+            },
+            'catch': function (tryLoc) {
+              for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+                var entry = this.tryEntries[i];
+                if (entry.tryLoc === tryLoc) {
+                  var record = entry.completion;
+                  if (record.type === 'throw') {
+                    var thrown = record.arg;
+                    resetTryEntry(entry);
+                  }
+                  return thrown;
+                }
+              }              // The context.catch method must only be called with a location
+              // argument that corresponds to a known catch block.
+
+              throw new Error('illegal catch attempt');
+            },
+            delegateYield: function (iterable, resultName, nextLoc) {
+              this.delegate = {
+                iterator: values(iterable),
+                resultName: resultName,
+                nextLoc: nextLoc
+              };
+              if (this.method === 'next') {
+                // Deliberately forget the last sent value so that we don't
+                // accidentally pass it on to the delegate.
+                this.arg = undefined;
+              }
+              return ContinueSentinel;
+            }
+          };
+          // Regardless of whether this script is executing as a CommonJS module
+          // or not, return the runtime object so that we can declare the variable
+          // regeneratorRuntime in the outer scope, which allows this module to be
+          // injected easily by `bin/regenerator --include-runtime script.js`.
+          return exports;
+        }(        // If this script is executing as a CommonJS module, use module.exports
+        // as the regeneratorRuntime namespace. Otherwise create a new empty
+        // object. Either way, the resulting object will be used to initialize
+        // the regeneratorRuntime variable at the top of this file.
+        typeof module === 'object' ? module.exports : {
+        });
+        try {
+          regeneratorRuntime = runtime;
+        } catch (accidentalStrictMode) {
+          // This module should not be running in strict mode, so the above
+          // assignment should always work unless something is misconfigured. Just
+          // in case runtime.js accidentally runs in strict mode, we can escape
+          // strict mode using a global Function call. This could conceivably fail
+          // if a Content Security Policy forbids using Function, but in that case
+          // the proper solution is to fix the accidental strict mode problem. If
+          // you've misconfigured your bundler to force strict mode and applied a
+          // CSP to forbid Function, and you're not willing to fix either of those
+          // problems, please detail your unique predicament in a GitHub issue.
+          Function('r', 'regeneratorRuntime = r') (runtime);
+        }
+      },
+      {
+      }
+    ],
+    275: [
+      function (_dereq_, module, exports) {
+        (function (self) {
+          'use strict';
+          if (self.fetch) {
+            return;
+          }
+          var support = {
+            searchParams: 'URLSearchParams' in self,
+            iterable: 'Symbol' in self && 'iterator' in Symbol,
+            blob: 'FileReader' in self && 'Blob' in self && function () {
+              try {
+                new Blob();
+                return true;
+              } catch (e) {
+                return false;
+              }
+            }(),
+            formData: 'FormData' in self,
+            arrayBuffer: 'ArrayBuffer' in self
+          };
+          if (support.arrayBuffer) {
+            var viewClasses = [
+              '[object Int8Array]',
+              '[object Uint8Array]',
+              '[object Uint8ClampedArray]',
+              '[object Int16Array]',
+              '[object Uint16Array]',
+              '[object Int32Array]',
+              '[object Uint32Array]',
+              '[object Float32Array]',
+              '[object Float64Array]'
+            ];
+            var isDataView = function (obj) {
+              return obj && DataView.prototype.isPrototypeOf(obj);
+            };
+            var isArrayBufferView = ArrayBuffer.isView || function (obj) {
+              return obj && viewClasses.indexOf(Object.prototype.toString.call(obj)) > - 1;
+            };
+          }
+          function normalizeName(name) {
+            if (typeof name !== 'string') {
+              name = String(name);
+            }
+            if (/[^a-z0-9\-#$%&'*+.\^_`|~]/i.test(name)) {
+              throw new TypeError('Invalid character in header field name');
+            }
+            return name.toLowerCase();
+          }
+          function normalizeValue(value) {
+            if (typeof value !== 'string') {
+              value = String(value);
+            }
+            return value;
+          }          // Build a destructive iterator for the value list
+
+          function iteratorFor(items) {
+            var iterator = {
+              next: function () {
+                var value = items.shift();
+                return {
+                  done: value === undefined,
+                  value: value
+                };
+              }
+            };
+            if (support.iterable) {
+              iterator[Symbol.iterator] = function () {
+                return iterator;
+              };
+            }
+            return iterator;
+          }
+          function Headers(headers) {
+            this.map = {
+            };
+            if (headers instanceof Headers) {
+              headers.forEach(function (value, name) {
+                this.append(name, value);
+              }, this);
+            } else if (Array.isArray(headers)) {
+              headers.forEach(function (header) {
+                this.append(header[0], header[1]);
+              }, this);
+            } else if (headers) {
+              Object.getOwnPropertyNames(headers).forEach(function (name) {
+                this.append(name, headers[name]);
+              }, this);
+            }
+          }
+          Headers.prototype.append = function (name, value) {
+            name = normalizeName(name);
+            value = normalizeValue(value);
+            var oldValue = this.map[name];
+            this.map[name] = oldValue ? oldValue + ',' + value : value;
+          };
+          Headers.prototype['delete'] = function (name) {
+            delete this.map[normalizeName(name)];
+          };
+          Headers.prototype.get = function (name) {
+            name = normalizeName(name);
+            return this.has(name) ? this.map[name] : null;
+          };
+          Headers.prototype.has = function (name) {
+            return this.map.hasOwnProperty(normalizeName(name));
+          };
+          Headers.prototype.set = function (name, value) {
+            this.map[normalizeName(name)] = normalizeValue(value);
+          };
+          Headers.prototype.forEach = function (callback, thisArg) {
+            for (var name in this.map) {
+              if (this.map.hasOwnProperty(name)) {
+                callback.call(thisArg, this.map[name], name, this);
+              }
+            }
+          };
+          Headers.prototype.keys = function () {
+            var items = [
+            ];
+            this.forEach(function (value, name) {
+              items.push(name);
+            });
+            return iteratorFor(items);
+          };
+          Headers.prototype.values = function () {
+            var items = [
+            ];
+            this.forEach(function (value) {
+              items.push(value);
+            });
+            return iteratorFor(items);
+          };
+          Headers.prototype.entries = function () {
+            var items = [
+            ];
+            this.forEach(function (value, name) {
+              items.push([name,
+              value]);
+            });
+            return iteratorFor(items);
+          };
+          if (support.iterable) {
+            Headers.prototype[Symbol.iterator] = Headers.prototype.entries;
+          }
+          function consumed(body) {
+            if (body.bodyUsed) {
+              return Promise.reject(new TypeError('Already read'));
+            }
+            body.bodyUsed = true;
+          }
+          function fileReaderReady(reader) {
+            return new Promise(function (resolve, reject) {
+              reader.onload = function () {
+                resolve(reader.result);
+              };
+              reader.onerror = function () {
+                reject(reader.error);
+              };
+            });
+          }
+          function readBlobAsArrayBuffer(blob) {
+            var reader = new FileReader();
+            var promise = fileReaderReady(reader);
+            reader.readAsArrayBuffer(blob);
+            return promise;
+          }
+          function readBlobAsText(blob) {
+            var reader = new FileReader();
+            var promise = fileReaderReady(reader);
+            reader.readAsText(blob);
+            return promise;
+          }
+          function readArrayBufferAsText(buf) {
+            var view = new Uint8Array(buf);
+            var chars = new Array(view.length);
+            for (var i = 0; i < view.length; i++) {
+              chars[i] = String.fromCharCode(view[i]);
+            }
+            return chars.join('');
+          }
+          function bufferClone(buf) {
+            if (buf.slice) {
+              return buf.slice(0);
+            } else {
+              var view = new Uint8Array(buf.byteLength);
+              view.set(new Uint8Array(buf));
+              return view.buffer;
+            }
+          }
+          function Body() {
+            this.bodyUsed = false;
+            this._initBody = function (body) {
+              this._bodyInit = body;
+              if (!body) {
+                this._bodyText = '';
+              } else if (typeof body === 'string') {
+                this._bodyText = body;
+              } else if (support.blob && Blob.prototype.isPrototypeOf(body)) {
+                this._bodyBlob = body;
+              } else if (support.formData && FormData.prototype.isPrototypeOf(body)) {
+                this._bodyFormData = body;
+              } else if (support.searchParams && URLSearchParams.prototype.isPrototypeOf(body)) {
+                this._bodyText = body.toString();
+              } else if (support.arrayBuffer && support.blob && isDataView(body)) {
+                this._bodyArrayBuffer = bufferClone(body.buffer);
+                // IE 10-11 can't handle a DataView body.
+                this._bodyInit = new Blob([this._bodyArrayBuffer]);
+              } else if (support.arrayBuffer && (ArrayBuffer.prototype.isPrototypeOf(body) || isArrayBufferView(body))) {
+                this._bodyArrayBuffer = bufferClone(body);
+              } else {
+                throw new Error('unsupported BodyInit type');
+              }
+              if (!this.headers.get('content-type')) {
+                if (typeof body === 'string') {
+                  this.headers.set('content-type', 'text/plain;charset=UTF-8');
+                } else if (this._bodyBlob && this._bodyBlob.type) {
+                  this.headers.set('content-type', this._bodyBlob.type);
+                } else if (support.searchParams && URLSearchParams.prototype.isPrototypeOf(body)) {
+                  this.headers.set('content-type', 'application/x-www-form-urlencoded;charset=UTF-8');
+                }
+              }
+            };
+            if (support.blob) {
+              this.blob = function () {
+                var rejected = consumed(this);
+                if (rejected) {
+                  return rejected;
+                }
+                if (this._bodyBlob) {
+                  return Promise.resolve(this._bodyBlob);
+                } else if (this._bodyArrayBuffer) {
+                  return Promise.resolve(new Blob([this._bodyArrayBuffer]));
+                } else if (this._bodyFormData) {
+                  throw new Error('could not read FormData body as blob');
+                } else {
+                  return Promise.resolve(new Blob([this._bodyText]));
+                }
+              };
+              this.arrayBuffer = function () {
+                if (this._bodyArrayBuffer) {
+                  return consumed(this) || Promise.resolve(this._bodyArrayBuffer);
+                } else {
+                  return this.blob().then(readBlobAsArrayBuffer);
+                }
+              };
+            }
+            this.text = function () {
+              var rejected = consumed(this);
+              if (rejected) {
+                return rejected;
+              }
+              if (this._bodyBlob) {
+                return readBlobAsText(this._bodyBlob);
+              } else if (this._bodyArrayBuffer) {
+                return Promise.resolve(readArrayBufferAsText(this._bodyArrayBuffer));
+              } else if (this._bodyFormData) {
+                throw new Error('could not read FormData body as text');
+              } else {
+                return Promise.resolve(this._bodyText);
+              }
+            };
+            if (support.formData) {
+              this.formData = function () {
+                return this.text().then(decode);
+              };
+            }
+            this.json = function () {
+              return this.text().then(JSON.parse);
+            };
+            return this;
+          }          // HTTP methods whose capitalization should be normalized
+
+          var methods = [
+            'DELETE',
+            'GET',
+            'HEAD',
+            'OPTIONS',
+            'POST',
+            'PUT'
+          ];
+          function normalizeMethod(method) {
+            var upcased = method.toUpperCase();
+            return methods.indexOf(upcased) > - 1 ? upcased : method;
+          }
+          function Request(input, options) {
+            options = options || {
+            };
+            var body = options.body;
+            if (input instanceof Request) {
+              if (input.bodyUsed) {
+                throw new TypeError('Already read');
+              }
+              this.url = input.url;
+              this.credentials = input.credentials;
+              if (!options.headers) {
+                this.headers = new Headers(input.headers);
+              }
+              this.method = input.method;
+              this.mode = input.mode;
+              if (!body && input._bodyInit != null) {
+                body = input._bodyInit;
+                input.bodyUsed = true;
+              }
+            } else {
+              this.url = String(input);
+            }
+            this.credentials = options.credentials || this.credentials || 'omit';
+            if (options.headers || !this.headers) {
+              this.headers = new Headers(options.headers);
+            }
+            this.method = normalizeMethod(options.method || this.method || 'GET');
+            this.mode = options.mode || this.mode || null;
+            this.referrer = null;
+            if ((this.method === 'GET' || this.method === 'HEAD') && body) {
+              throw new TypeError('Body not allowed for GET or HEAD requests');
+            }
+            this._initBody(body);
+          }
+          Request.prototype.clone = function () {
+            return new Request(this, {
+              body: this._bodyInit
+            });
+          };
+          function decode(body) {
+            var form = new FormData();
+            body.trim().split('&').forEach(function (bytes) {
+              if (bytes) {
+                var split = bytes.split('=');
+                var name = split.shift().replace(/\+/g, ' ');
+                var value = split.join('=').replace(/\+/g, ' ');
+                form.append(decodeURIComponent(name), decodeURIComponent(value));
+              }
+            });
+            return form;
+          }
+          function parseHeaders(rawHeaders) {
+            var headers = new Headers();
+            // Replace instances of \r\n and \n followed by at least one space or horizontal tab with a space
+            // https://tools.ietf.org/html/rfc7230#section-3.2
+            var preProcessedHeaders = rawHeaders.replace(/\r?\n[\t ]+/g, ' ');
+            preProcessedHeaders.split(/\r?\n/).forEach(function (line) {
+              var parts = line.split(':');
+              var key = parts.shift().trim();
+              if (key) {
+                var value = parts.join(':').trim();
+                headers.append(key, value);
+              }
+            });
+            return headers;
+          }
+          Body.call(Request.prototype);
+          function Response(bodyInit, options) {
+            if (!options) {
+              options = {
+              };
+            }
+            this.type = 'default';
+            this.status = options.status === undefined ? 200 : options.status;
+            this.ok = this.status >= 200 && this.status < 300;
+            this.statusText = 'statusText' in options ? options.statusText : 'OK';
+            this.headers = new Headers(options.headers);
+            this.url = options.url || '';
+            this._initBody(bodyInit);
+          }
+          Body.call(Response.prototype);
+          Response.prototype.clone = function () {
+            return new Response(this._bodyInit, {
+              status: this.status,
+              statusText: this.statusText,
+              headers: new Headers(this.headers),
+              url: this.url
+            });
+          };
+          Response.error = function () {
+            var response = new Response(null, {
+              status: 0,
+              statusText: ''
+            });
+            response.type = 'error';
+            return response;
+          };
+          var redirectStatuses = [
+            301,
+            302,
+            303,
+            307,
+            308
+          ];
+          Response.redirect = function (url, status) {
+            if (redirectStatuses.indexOf(status) === - 1) {
+              throw new RangeError('Invalid status code');
+            }
+            return new Response(null, {
+              status: status,
+              headers: {
+                location: url
+              }
+            });
+          };
+          self.Headers = Headers;
+          self.Request = Request;
+          self.Response = Response;
+          self.fetch = function (input, init) {
+            return new Promise(function (resolve, reject) {
+              var request = new Request(input, init);
+              var xhr = new XMLHttpRequest();
+              xhr.onload = function () {
+                var options = {
+                  status: xhr.status,
+                  statusText: xhr.statusText,
+                  headers: parseHeaders(xhr.getAllResponseHeaders() || '')
+                };
+                options.url = 'responseURL' in xhr ? xhr.responseURL : options.headers.get('X-Request-URL');
+                var body = 'response' in xhr ? xhr.response : xhr.responseText;
+                resolve(new Response(body, options));
+              };
+              xhr.onerror = function () {
+                reject(new TypeError('Network request failed'));
+              };
+              xhr.ontimeout = function () {
+                reject(new TypeError('Network request failed'));
+              };
+              xhr.open(request.method, request.url, true);
+              if (request.credentials === 'include') {
+                xhr.withCredentials = true;
+              } else if (request.credentials === 'omit') {
+                xhr.withCredentials = false;
+              }
+              if ('responseType' in xhr && support.blob) {
+                xhr.responseType = 'blob';
+              }
+              request.headers.forEach(function (value, name) {
+                xhr.setRequestHeader(name, value);
+              });
+              xhr.send(typeof request._bodyInit === 'undefined' ? null : request._bodyInit);
+            });
+          };
+          self.fetch.polyfill = true;
+        }) (typeof self !== 'undefined' ? self : this);
+      },
+      {
+      }
+    ],
+    276: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.function.name');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.regexp.exec');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        _dereq_('core-js/modules/es.string.split');
+        _dereq_('core-js/modules/es.function.name');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.regexp.exec');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        _dereq_('core-js/modules/es.string.split');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        var _color_conversion = _interopRequireDefault(_dereq_('../color/color_conversion'));
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }        /**
+ * @module Environment
+ * @submodule Environment
+ * @for p5
+ * @requires core
+ */
+        //stores the original hsb values
+
+        var originalHSB;
+        //stores values for color name exceptions
+        var colorExceptions = [
+          {
+            h: 0,
+            s: 0,
+            b: 0.8275,
+            name: 'gray'
+          },
+          {
+            h: 0,
+            s: 0,
+            b: 0.8627,
+            name: 'gray'
+          },
+          {
+            h: 0,
+            s: 0,
+            b: 0.7529,
+            name: 'gray'
+          },
+          {
+            h: 0.0167,
+            s: 0.1176,
+            b: 1,
+            name: 'light pink'
+          }
+        ];
+        //stores values for color names
+        var colorLookUp = [
+          {
+            h: 0,
+            s: 0,
+            b: 0,
+            name: 'black'
+          },
+          {
+            h: 0,
+            s: 0,
+            b: 0.5,
+            name: 'gray'
+          },
+          {
+            h: 0,
+            s: 0,
+            b: 1,
+            name: 'white'
+          },
+          {
+            h: 0,
+            s: 0.5,
+            b: 0.5,
+            name: 'dark maroon'
+          },
+          {
+            h: 0,
+            s: 0.5,
+            b: 1,
+            name: 'salmon pink'
+          },
+          {
+            h: 0,
+            s: 1,
+            b: 0,
+            name: 'black'
+          },
+          {
+            h: 0,
+            s: 1,
+            b: 0.5,
+            name: 'dark red'
+          },
+          {
+            h: 0,
+            s: 1,
+            b: 1,
+            name: 'red'
+          },
+          {
+            h: 5,
+            s: 0,
+            b: 1,
+            name: 'very light peach'
+          },
+          {
+            h: 5,
+            s: 0.5,
+            b: 0.5,
+            name: 'brown'
+          },
+          {
+            h: 5,
+            s: 0.5,
+            b: 1,
+            name: 'peach'
+          },
+          {
+            h: 5,
+            s: 1,
+            b: 0.5,
+            name: 'brick red'
+          },
+          {
+            h: 5,
+            s: 1,
+            b: 1,
+            name: 'crimson'
+          },
+          {
+            h: 10,
+            s: 0,
+            b: 1,
+            name: 'light peach'
+          },
+          {
+            h: 10,
+            s: 0.5,
+            b: 0.5,
+            name: 'brown'
+          },
+          {
+            h: 10,
+            s: 0.5,
+            b: 1,
+            name: 'light orange'
+          },
+          {
+            h: 10,
+            s: 1,
+            b: 0.5,
+            name: 'brown'
+          },
+          {
+            h: 10,
+            s: 1,
+            b: 1,
+            name: 'orange'
+          },
+          {
+            h: 15,
+            s: 0,
+            b: 1,
+            name: 'very light yellow'
+          },
+          {
+            h: 15,
+            s: 0.5,
+            b: 0.5,
+            name: 'olive green'
+          },
+          {
+            h: 15,
+            s: 0.5,
+            b: 1,
+            name: 'light yellow'
+          },
+          {
+            h: 15,
+            s: 1,
+            b: 0,
+            name: 'dark olive green'
+          },
+          {
+            h: 15,
+            s: 1,
+            b: 0.5,
+            name: 'olive green'
+          },
+          {
+            h: 15,
+            s: 1,
+            b: 1,
+            name: 'yellow'
+          },
+          {
+            h: 20,
+            s: 0,
+            b: 1,
+            name: 'very light yellow'
+          },
+          {
+            h: 20,
+            s: 0.5,
+            b: 0.5,
+            name: 'olive green'
+          },
+          {
+            h: 20,
+            s: 0.5,
+            b: 1,
+            name: 'light yellow green'
+          },
+          {
+            h: 20,
+            s: 1,
+            b: 0,
+            name: 'dark olive green'
+          },
+          {
+            h: 20,
+            s: 1,
+            b: 0.5,
+            name: 'dark yellow green'
+          },
+          {
+            h: 20,
+            s: 1,
+            b: 1,
+            name: 'yellow green'
+          },
+          {
+            h: 25,
+            s: 0.5,
+            b: 0.5,
+            name: 'dark yellow green'
+          },
+          {
+            h: 25,
+            s: 0.5,
+            b: 1,
+            name: 'light green'
+          },
+          {
+            h: 25,
+            s: 1,
+            b: 0.5,
+            name: 'dark green'
+          },
+          {
+            h: 25,
+            s: 1,
+            b: 1,
+            name: 'green'
+          },
+          {
+            h: 30,
+            s: 0.5,
+            b: 1,
+            name: 'light green'
+          },
+          {
+            h: 30,
+            s: 1,
+            b: 0.5,
+            name: 'dark green'
+          },
+          {
+            h: 30,
+            s: 1,
+            b: 1,
+            name: 'green'
+          },
+          {
+            h: 35,
+            s: 0,
+            b: 0.5,
+            name: 'light green'
+          },
+          {
+            h: 35,
+            s: 0,
+            b: 1,
+            name: 'very light green'
+          },
+          {
+            h: 35,
+            s: 0.5,
+            b: 0.5,
+            name: 'dark green'
+          },
+          {
+            h: 35,
+            s: 0.5,
+            b: 1,
+            name: 'light green'
+          },
+          {
+            h: 35,
+            s: 1,
+            b: 0,
+            name: 'very dark green'
+          },
+          {
+            h: 35,
+            s: 1,
+            b: 0.5,
+            name: 'dark green'
+          },
+          {
+            h: 35,
+            s: 1,
+            b: 1,
+            name: 'green'
+          },
+          {
+            h: 40,
+            s: 0,
+            b: 1,
+            name: 'very light green'
+          },
+          {
+            h: 40,
+            s: 0.5,
+            b: 0.5,
+            name: 'dark green'
+          },
+          {
+            h: 40,
+            s: 0.5,
+            b: 1,
+            name: 'light green'
+          },
+          {
+            h: 40,
+            s: 1,
+            b: 0.5,
+            name: 'dark green'
+          },
+          {
+            h: 40,
+            s: 1,
+            b: 1,
+            name: 'green'
+          },
+          {
+            h: 45,
+            s: 0.5,
+            b: 1,
+            name: 'light turquoise'
+          },
+          {
+            h: 45,
+            s: 1,
+            b: 0.5,
+            name: 'dark turquoise'
+          },
+          {
+            h: 45,
+            s: 1,
+            b: 1,
+            name: 'turquoise'
+          },
+          {
+            h: 50,
+            s: 0,
+            b: 1,
+            name: 'light sky blue'
+          },
+          {
+            h: 50,
+            s: 0.5,
+            b: 0.5,
+            name: 'dark cyan'
+          },
+          {
+            h: 50,
+            s: 0.5,
+            b: 1,
+            name: 'light cyan'
+          },
+          {
+            h: 50,
+            s: 1,
+            b: 0.5,
+            name: 'dark cyan'
+          },
+          {
+            h: 50,
+            s: 1,
+            b: 1,
+            name: 'cyan'
+          },
+          {
+            h: 55,
+            s: 0,
+            b: 1,
+            name: 'light sky blue'
+          },
+          {
+            h: 55,
+            s: 0.5,
+            b: 1,
+            name: 'light sky blue'
+          },
+          {
+            h: 55,
+            s: 1,
+            b: 0.5,
+            name: 'dark blue'
+          },
+          {
+            h: 55,
+            s: 1,
+            b: 1,
+            name: 'sky blue'
+          },
+          {
+            h: 60,
+            s: 0,
+            b: 0.5,
+            name: 'gray'
+          },
+          {
+            h: 60,
+            s: 0,
+            b: 1,
+            name: 'very light blue'
+          },
+          {
+            h: 60,
+            s: 0.5,
+            b: 0.5,
+            name: 'blue'
+          },
+          {
+            h: 60,
+            s: 0.5,
+            b: 1,
+            name: 'light blue'
+          },
+          {
+            h: 60,
+            s: 1,
+            b: 0.5,
+            name: 'navy blue'
+          },
+          {
+            h: 60,
+            s: 1,
+            b: 1,
+            name: 'blue'
+          },
+          {
+            h: 65,
+            s: 0,
+            b: 1,
+            name: 'lavender'
+          },
+          {
+            h: 65,
+            s: 0.5,
+            b: 0.5,
+            name: 'navy blue'
+          },
+          {
+            h: 65,
+            s: 0.5,
+            b: 1,
+            name: 'light purple'
+          },
+          {
+            h: 65,
+            s: 1,
+            b: 0.5,
+            name: 'dark navy blue'
+          },
+          {
+            h: 65,
+            s: 1,
+            b: 1,
+            name: 'blue'
+          },
+          {
+            h: 70,
+            s: 0,
+            b: 1,
+            name: 'lavender'
+          },
+          {
+            h: 70,
+            s: 0.5,
+            b: 0.5,
+            name: 'navy blue'
+          },
+          {
+            h: 70,
+            s: 0.5,
+            b: 1,
+            name: 'lavender blue'
+          },
+          {
+            h: 70,
+            s: 1,
+            b: 0.5,
+            name: 'dark navy blue'
+          },
+          {
+            h: 70,
+            s: 1,
+            b: 1,
+            name: 'blue'
+          },
+          {
+            h: 75,
+            s: 0.5,
+            b: 1,
+            name: 'lavender'
+          },
+          {
+            h: 75,
+            s: 1,
+            b: 0.5,
+            name: 'dark purple'
+          },
+          {
+            h: 75,
+            s: 1,
+            b: 1,
+            name: 'purple'
+          },
+          {
+            h: 80,
+            s: 0.5,
+            b: 1,
+            name: 'pinkish purple'
+          },
+          {
+            h: 80,
+            s: 1,
+            b: 0.5,
+            name: 'dark purple'
+          },
+          {
+            h: 80,
+            s: 1,
+            b: 1,
+            name: 'purple'
+          },
+          {
+            h: 85,
+            s: 0,
+            b: 1,
+            name: 'light pink'
+          },
+          {
+            h: 85,
+            s: 0.5,
+            b: 0.5,
+            name: 'purple'
+          },
+          {
+            h: 85,
+            s: 0.5,
+            b: 1,
+            name: 'light fuchsia'
+          },
+          {
+            h: 85,
+            s: 1,
+            b: 0.5,
+            name: 'dark fuchsia'
+          },
+          {
+            h: 85,
+            s: 1,
+            b: 1,
+            name: 'fuchsia'
+          },
+          {
+            h: 90,
+            s: 0.5,
+            b: 0.5,
+            name: 'dark fuchsia'
+          },
+          {
+            h: 90,
+            s: 0.5,
+            b: 1,
+            name: 'hot pink'
+          },
+          {
+            h: 90,
+            s: 1,
+            b: 0.5,
+            name: 'dark fuchsia'
+          },
+          {
+            h: 90,
+            s: 1,
+            b: 1,
+            name: 'fuchsia'
+          },
+          {
+            h: 95,
+            s: 0,
+            b: 1,
+            name: 'pink'
+          },
+          {
+            h: 95,
+            s: 0.5,
+            b: 1,
+            name: 'light pink'
+          },
+          {
+            h: 95,
+            s: 1,
+            b: 0.5,
+            name: 'dark magenta'
+          },
+          {
+            h: 95,
+            s: 1,
+            b: 1,
+            name: 'magenta'
+          }
+        ];
+        //returns text with color name
+        function _calculateColor(hsb) {
+          var colortext;
+          //round hue
+          if (hsb[0] !== 0) {
+            hsb[0] = Math.round(hsb[0] * 100);
+            var hue = hsb[0].toString().split('');
+            var last = hue.length - 1;
+            hue[last] = parseInt(hue[last]);
+            //if last digit of hue is < 2.5 make it 0
+            if (hue[last] < 2.5) {
+              hue[last] = 0;
+              //if last digit of hue is >= 2.5 and less than 7.5 make it 5
+            } else if (hue[last] >= 2.5 && hue[last] < 7.5) {
+              hue[last] = 5;
+            }            //if hue only has two digits
+
+            if (hue.length === 2) {
+              hue[0] = parseInt(hue[0]);
+              //if last is greater than 7.5
+              if (hue[last] >= 7.5) {
+                //add one to the tens
+                hue[last] = 0;
+                hue[0] = hue[0] + 1;
+              }
+              hsb[0] = hue[0] * 10 + hue[1];
+            } else {
+              if (hue[last] >= 7.5) {
+                hsb[0] = 10;
+              } else {
+                hsb[0] = hue[last];
+              }
+            }
+          }          //map brightness from 0 to 1
+
+          hsb[2] = hsb[2] / 255;
+          //round saturation and brightness
+          for (var i = hsb.length - 1; i >= 1; i--) {
+            if (hsb[i] <= 0.25) {
+              hsb[i] = 0;
+            } else if (hsb[i] > 0.25 && hsb[i] < 0.75) {
+              hsb[i] = 0.5;
+            } else {
+              hsb[i] = 1;
+            }
+          }          //after rounding, if the values are hue 0, saturation 0 and brightness 1
+          //look at color exceptions which includes several tones from white to gray
+
+          if (hsb[0] === 0 && hsb[1] === 0 && hsb[2] === 1) {
+            //round original hsb values
+            for (var _i = 2; _i >= 0; _i--) {
+              originalHSB[_i] = Math.round(originalHSB[_i] * 10000) / 10000;
+            }            //compare with the values in the colorExceptions array
+
+            for (var e = 0; e < colorExceptions.length; e++) {
+              if (colorExceptions[e].h === originalHSB[0] && colorExceptions[e].s === originalHSB[1] && colorExceptions[e].b === originalHSB[2]) {
+                colortext = colorExceptions[e].name;
+                break;
+              } else {
+                //if there is no match return white
+                colortext = 'white';
+              }
+            }
+          } else {
+            //otherwise, compare with values in colorLookUp
+            for (var _i2 = 0; _i2 < colorLookUp.length; _i2++) {
+              if (colorLookUp[_i2].h === hsb[0] && colorLookUp[_i2].s === hsb[1] && colorLookUp[_i2].b === hsb[2]) {
+                colortext = colorLookUp[_i2].name;
+                break;
+              }
+            }
+          }
+          return colortext;
+        }        //gets rgba and returs a color name
+
+        _main.default.prototype._rgbColorName = function (arg) {
+          //conversts rgba to hsb
+          var hsb = _color_conversion.default._rgbaToHSBA(arg);
+          //stores hsb in global variable
+          originalHSB = hsb;
+          //calculate color name
+          return _calculateColor([hsb[0],
+          hsb[1],
+          hsb[2]]);
+        };
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        '../color/color_conversion': 282,
+        '../core/main': 298,
+        'core-js/modules/es.function.name': 186,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.regexp.exec': 205,
+        'core-js/modules/es.regexp.to-string': 206,
+        'core-js/modules/es.string.split': 216
+      }
+    ],
+    277: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.array.concat');
+        _dereq_('core-js/modules/es.regexp.exec');
+        _dereq_('core-js/modules/es.string.ends-with');
+        _dereq_('core-js/modules/es.string.replace');
+        _dereq_('core-js/modules/es.array.concat');
+        _dereq_('core-js/modules/es.regexp.exec');
+        _dereq_('core-js/modules/es.string.ends-with');
+        _dereq_('core-js/modules/es.string.replace');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }        /**
+ * @module Environment
+ * @submodule Environment
+ * @for p5
+ * @requires core
+ */
+
+        var descContainer = '_Description'; //Fallback container
+        var fallbackDescId = '_fallbackDesc'; //Fallback description
+        var fallbackTableId = '_fallbackTable'; //Fallback Table
+        var fallbackTableElId = '_fte_'; //Fallback Table Element
+        var labelContainer = '_Label'; //Label container
+        var labelDescId = '_labelDesc'; //Label description
+        var labelTableId = '_labelTable'; //Label Table
+        var labelTableElId = '_lte_'; //Label Table Element
+        /**
+ * Creates a screen reader-accessible description for the canvas.
+ *
+ * The first parameter, `text`, is the description of the canvas.
+ *
+ * The second parameter, `display`, is optional. It determines how the
+ * description is displayed. If `LABEL` is passed, as in
+ * `describe('A description.', LABEL)`, the description will be visible in
+ * a div element next to the canvas. If `FALLBACK` is passed, as in
+ * `describe('A description.', FALLBACK)`, the description will only be
+ * visible to screen readers. This is the default mode.
+ *
+ * Read
+ * <a href="/learn/labeling-canvases.html">How to label your p5.js code</a> to
+ * learn more about making sketches accessible.
+ *
+ * @method describe
+ * @param  {String} text        description of the canvas.
+ * @param  {Constant} [display] either LABEL or FALLBACK.
+ *
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   background('pink');
+ *
+ *   // Draw a heart.
+ *   fill('red');
+ *   noStroke();
+ *   circle(67, 67, 20);
+ *   circle(83, 67, 20);
+ *   triangle(91, 73, 75, 95, 59, 73);
+ *
+ *   // Add a general description of the canvas.
+ *   describe('A pink square with a red heart in the bottom-right corner.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function setup() {
+ *   background('pink');
+ *
+ *   // Draw a heart.
+ *   fill('red');
+ *   noStroke();
+ *   circle(67, 67, 20);
+ *   circle(83, 67, 20);
+ *   triangle(91, 73, 75, 95, 59, 73);
+ *
+ *   // Add a general description of the canvas
+ *   // and display it for debugging.
+ *   describe('A pink square with a red heart in the bottom-right corner.', LABEL);
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function draw() {
+ *   background(200);
+ *
+ *   // The expression
+ *   // frameCount % 100
+ *   // causes x to increase from 0
+ *   // to 99, then restart from 0.
+ *   let x = frameCount % 100;
+ *
+ *   // Draw the circle.
+ *   fill(0, 255, 0);
+ *   circle(x, 50, 40);
+ *
+ *   // Add a general description of the canvas.
+ *   describe(`A green circle at (${x}, 50) moves from left to right on a gray square.`);
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function draw() {
+ *   background(200);
+ *
+ *   // The expression
+ *   // frameCount % 100
+ *   // causes x to increase from 0
+ *   // to 99, then restart from 0.
+ *   let x = frameCount % 100;
+ *
+ *   // Draw the circle.
+ *   fill(0, 255, 0);
+ *   circle(x, 50, 40);
+ *
+ *   // Add a general description of the canvas
+ *   // and display it for debugging.
+ *   describe(`A green circle at (${x}, 50) moves from left to right on a gray square.`, LABEL);
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.describe = function (text, display) {
+          _main.default._validateParameters('describe', arguments);
+          if (typeof text !== 'string') {
+            return;
+          }
+          var cnvId = this.canvas.id;
+          //calls function that adds punctuation for better screen reading
+          text = _descriptionText(text);
+          //if there is no dummyDOM
+          if (!this.dummyDOM) {
+            this.dummyDOM = document.getElementById(cnvId).parentNode;
+          }
+          if (!this.descriptions) {
+            this.descriptions = {
+            };
+          }          //check if html structure for description is ready
+
+          if (this.descriptions.fallback) {
+            //check if text is different from current description
+            if (this.descriptions.fallback.innerHTML !== text) {
+              //update description
+              this.descriptions.fallback.innerHTML = text;
+            }
+          } else {
+            //create fallback html structure
+            this._describeHTML('fallback', text);
+          }          //if display is LABEL
+
+          if (display === this.LABEL) {
+            //check if html structure for label is ready
+            if (this.descriptions.label) {
+              //check if text is different from current label
+              if (this.descriptions.label.innerHTML !== text) {
+                //update label description
+                this.descriptions.label.innerHTML = text;
+              }
+            } else {
+              //create label html structure
+              this._describeHTML('label', text);
+            }
+          }
+        };
+        /**
+ * Creates a screen reader-accessible description for elements in the canvas.
+ * Elements are shapes or groups of shapes that create meaning together.
+ *
+ * The first parameter, `name`, is the name of the element.
+ *
+ * The second parameter, `text`, is the description of the element.
+ *
+ * The third parameter, `display`, is optional. It determines how the
+ * description is displayed. If `LABEL` is passed, as in
+ * `describe('A description.', LABEL)`, the description will be visible in
+ * a div element next to the canvas. Using `LABEL` creates unhelpful
+ * duplicates for screen readers. Only use `LABEL` during development. If
+ * `FALLBACK` is passed, as in `describe('A description.', FALLBACK)`, the
+ * description will only be visible to screen readers. This is the default
+ * mode.
+ *
+ * Read
+ * <a href="/learn/labeling-canvases.html">How to label your p5.js code</a> to
+ * learn more about making sketches accessible.
+ *
+ * @method describeElement
+ * @param  {String} name        name of the element.
+ * @param  {String} text        description of the element.
+ * @param  {Constant} [display] either LABEL or FALLBACK.
+ *
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   background('pink');
+ *
+ *   // Describe the first element
+ *   // and draw it.
+ *   describeElement('Circle', 'A yellow circle in the top-left corner.');
+ *   noStroke();
+ *   fill('yellow');
+ *   circle(25, 25, 40);
+ *
+ *   // Describe the second element
+ *   // and draw it.
+ *   describeElement('Heart', 'A red heart in the bottom-right corner.');
+ *   fill('red');
+ *   circle(66.6, 66.6, 20);
+ *   circle(83.2, 66.6, 20);
+ *   triangle(91.2, 72.6, 75, 95, 58.6, 72.6);
+ *
+ *   // Add a general description of the canvas.
+ *   describe('A red heart and yellow circle over a pink background.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function setup() {
+ *   background('pink');
+ *
+ *   // Describe the first element
+ *   // and draw it. Display the
+ *   // description for debugging.
+ *   describeElement('Circle', 'A yellow circle in the top-left corner.', LABEL);
+ *   noStroke();
+ *   fill('yellow');
+ *   circle(25, 25, 40);
+ *
+ *   // Describe the second element
+ *   // and draw it. Display the
+ *   // description for debugging.
+ *   describeElement('Heart', 'A red heart in the bottom-right corner.', LABEL);
+ *   fill('red');
+ *   circle(66.6, 66.6, 20);
+ *   circle(83.2, 66.6, 20);
+ *   triangle(91.2, 72.6, 75, 95, 58.6, 72.6);
+ *
+ *   // Add a general description of the canvas.
+ *   describe('A red heart and yellow circle over a pink background.');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.describeElement = function (name, text, display) {
+          _main.default._validateParameters('describeElement', arguments);
+          if (typeof text !== 'string' || typeof name !== 'string') {
+            return;
+          }
+          var cnvId = this.canvas.id;
+          //calls function that adds punctuation for better screen reading
+          text = _descriptionText(text);
+          //calls function that adds punctuation for better screen reading
+          var elementName = _elementName(name);
+          //remove any special characters from name to use it as html id
+          name = name.replace(/[^a-zA-Z0-9]/g, '');
+          //store element description
+          var inner = '<th scope="row">'.concat(elementName, '</th><td>').concat(text, '</td>');
+          //if there is no dummyDOM
+          if (!this.dummyDOM) {
+            this.dummyDOM = document.getElementById(cnvId).parentNode;
+          }
+          if (!this.descriptions) {
+            this.descriptions = {
+              fallbackElements: {
+              }
+            };
+          } else if (!this.descriptions.fallbackElements) {
+            this.descriptions.fallbackElements = {
+            };
+          }          //check if html structure for element description is ready
+
+          if (this.descriptions.fallbackElements[name]) {
+            //if current element description is not the same as inner
+            if (this.descriptions.fallbackElements[name].innerHTML !== inner) {
+              //update element description
+              this.descriptions.fallbackElements[name].innerHTML = inner;
+            }
+          } else {
+            //create fallback html structure
+            this._describeElementHTML('fallback', name, inner);
+          }          //if display is LABEL
+
+          if (display === this.LABEL) {
+            if (!this.descriptions.labelElements) {
+              this.descriptions.labelElements = {
+              };
+            }            //if html structure for label element description is ready
+
+            if (this.descriptions.labelElements[name]) {
+              //if label element description is different
+              if (this.descriptions.labelElements[name].innerHTML !== inner) {
+                //update label element description
+                this.descriptions.labelElements[name].innerHTML = inner;
+              }
+            } else {
+              //create label element html structure
+              this._describeElementHTML('label', name, inner);
+            }
+          }
+        };
+        /*
+ *
+ * Helper functions for describe() and describeElement().
+ *
+ */
+        // check that text is not LABEL or FALLBACK and ensure text ends with punctuation mark
+        function _descriptionText(text) {
+          if (text === 'label' || text === 'fallback') {
+            throw new Error('description should not be LABEL or FALLBACK');
+          }          //if string does not end with '.'
+
+          if (!text.endsWith('.') && !text.endsWith(';') && !text.endsWith(',') && !text.endsWith('?') && !text.endsWith('!')) {
+            //add '.' to the end of string
+            text = text + '.';
+          }
+          return text;
+        }        /*
+ * Helper functions for describe()
+ */
+        //creates HTML structure for canvas descriptions
+
+        _main.default.prototype._describeHTML = function (type, text) {
+          var cnvId = this.canvas.id;
+          if (type === 'fallback') {
+            //if there is no description container
+            if (!this.dummyDOM.querySelector('#'.concat(cnvId + descContainer))) {
+              //if there are no accessible outputs (see textOutput() and gridOutput())
+              var html = '<div id="'.concat(cnvId).concat(descContainer, '" role="region" aria-label="Canvas Description"><p id="').concat(cnvId).concat(fallbackDescId, '"></p></div>');
+              if (!this.dummyDOM.querySelector('#'.concat(cnvId, 'accessibleOutput'))) {
+                //create description container + <p> for fallback description
+                this.dummyDOM.querySelector('#'.concat(cnvId)).innerHTML = html;
+              } else {
+                //create description container + <p> for fallback description before outputs
+                this.dummyDOM.querySelector('#'.concat(cnvId, 'accessibleOutput')).insertAdjacentHTML('beforebegin', html);
+              }
+            } else {
+              //if describeElement() has already created the container and added a table of elements
+              //create fallback description <p> before the table
+              this.dummyDOM.querySelector('#' + cnvId + fallbackTableId).insertAdjacentHTML('beforebegin', '<p id="'.concat(cnvId + fallbackDescId, '"></p>'));
+            }            //if the container for the description exists
+
+            this.descriptions.fallback = this.dummyDOM.querySelector('#'.concat(cnvId).concat(fallbackDescId));
+            this.descriptions.fallback.innerHTML = text;
+            return;
+          } else if (type === 'label') {
+            //if there is no label container
+            if (!this.dummyDOM.querySelector('#'.concat(cnvId + labelContainer))) {
+              var _html = '<div id="'.concat(cnvId).concat(labelContainer, '" class="p5Label"><p id="').concat(cnvId).concat(labelDescId, '"></p></div>');
+              //if there are no accessible outputs (see textOutput() and gridOutput())
+              if (!this.dummyDOM.querySelector('#'.concat(cnvId, 'accessibleOutputLabel'))) {
+                //create label container + <p> for label description
+                this.dummyDOM.querySelector('#' + cnvId).insertAdjacentHTML('afterend', _html);
+              } else {
+                //create label container + <p> for label description before outputs
+                this.dummyDOM.querySelector('#'.concat(cnvId, 'accessibleOutputLabel')).insertAdjacentHTML('beforebegin', _html);
+              }
+            } else if (this.dummyDOM.querySelector('#'.concat(cnvId + labelTableId))) {
+              //if describeElement() has already created the container and added a table of elements
+              //create label description <p> before the table
+              this.dummyDOM.querySelector('#'.concat(cnvId + labelTableId)).insertAdjacentHTML('beforebegin', '<p id="'.concat(cnvId).concat(labelDescId, '"></p>'));
+            }
+            this.descriptions.label = this.dummyDOM.querySelector('#' + cnvId + labelDescId);
+            this.descriptions.label.innerHTML = text;
+            return;
+          }
+        };
+        /*
+ * Helper functions for describeElement().
+ */
+        //check that name is not LABEL or FALLBACK and ensure text ends with colon
+        function _elementName(name) {
+          if (name === 'label' || name === 'fallback') {
+            throw new Error('element name should not be LABEL or FALLBACK');
+          }          //check if last character of string n is '.', ';', or ','
+
+          if (name.endsWith('.') || name.endsWith(';') || name.endsWith(',')) {
+            //replace last character with ':'
+            name = name.replace(/.$/, ':');
+          } else if (!name.endsWith(':')) {
+            //if string n does not end with ':'
+            //add ':'' at the end of string
+            name = name + ':';
+          }
+          return name;
+        }        //creates HTML structure for element descriptions
+
+        _main.default.prototype._describeElementHTML = function (type, name, text) {
+          var cnvId = this.canvas.id;
+          if (type === 'fallback') {
+            //if there is no description container
+            if (!this.dummyDOM.querySelector('#'.concat(cnvId + descContainer))) {
+              //if there are no accessible outputs (see textOutput() and gridOutput())
+              var html = '<div id="'.concat(cnvId).concat(descContainer, '" role="region" aria-label="Canvas Description"><table id="').concat(cnvId).concat(fallbackTableId, '"><caption>Canvas elements and their descriptions</caption></table></div>');
+              if (!this.dummyDOM.querySelector('#'.concat(cnvId, 'accessibleOutput'))) {
+                //create container + table for element descriptions
+                this.dummyDOM.querySelector('#' + cnvId).innerHTML = html;
+              } else {
+                //create container + table for element descriptions before outputs
+                this.dummyDOM.querySelector('#'.concat(cnvId, 'accessibleOutput')).insertAdjacentHTML('beforebegin', html);
+              }
+            } else if (!this.dummyDOM.querySelector('#' + cnvId + fallbackTableId)) {
+              //if describe() has already created the container and added a description
+              //and there is no table create fallback table for element description after
+              //fallback description
+              this.dummyDOM.querySelector('#' + cnvId + fallbackDescId).insertAdjacentHTML('afterend', '<table id="'.concat(cnvId).concat(fallbackTableId, '"><caption>Canvas elements and their descriptions</caption></table>'));
+            }            //create a table row for the element
+
+            var tableRow = document.createElement('tr');
+            tableRow.id = cnvId + fallbackTableElId + name;
+            this.dummyDOM.querySelector('#' + cnvId + fallbackTableId).appendChild(tableRow);
+            //update element description
+            this.descriptions.fallbackElements[name] = this.dummyDOM.querySelector('#'.concat(cnvId).concat(fallbackTableElId).concat(name));
+            this.descriptions.fallbackElements[name].innerHTML = text;
+            return;
+          } else if (type === 'label') {
+            //If display is LABEL creates a div adjacent to the canvas element with
+            //a table, a row header cell with the name of the elements,
+            //and adds the description of the element in adjecent cell.
+            //if there is no label description container
+            if (!this.dummyDOM.querySelector('#'.concat(cnvId + labelContainer))) {
+              //if there are no accessible outputs (see textOutput() and gridOutput())
+              var _html2 = '<div id="'.concat(cnvId).concat(labelContainer, '" class="p5Label"><table id="').concat(cnvId).concat(labelTableId, '"></table></div>');
+              if (!this.dummyDOM.querySelector('#'.concat(cnvId, 'accessibleOutputLabel'))) {
+                //create container + table for element descriptions
+                this.dummyDOM.querySelector('#' + cnvId).insertAdjacentHTML('afterend', _html2);
+              } else {
+                //create container + table for element descriptions before outputs
+                this.dummyDOM.querySelector('#'.concat(cnvId, 'accessibleOutputLabel')).insertAdjacentHTML('beforebegin', _html2);
+              }
+            } else if (!this.dummyDOM.querySelector('#'.concat(cnvId + labelTableId))) {
+              //if describe() has already created the label container and added a description
+              //and there is no table create label table for element description after
+              //label description
+              this.dummyDOM.querySelector('#' + cnvId + labelDescId).insertAdjacentHTML('afterend', '<table id="'.concat(cnvId + labelTableId, '"></table>'));
+            }            //create a table row for the element label description
+
+            var _tableRow = document.createElement('tr');
+            _tableRow.id = cnvId + labelTableElId + name;
+            this.dummyDOM.querySelector('#' + cnvId + labelTableId).appendChild(_tableRow);
+            //update element label description
+            this.descriptions.labelElements[name] = this.dummyDOM.querySelector('#'.concat(cnvId).concat(labelTableElId).concat(name));
+            this.descriptions.labelElements[name].innerHTML = text;
+          }
+        };
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        '../core/main': 298,
+        'core-js/modules/es.array.concat': 169,
+        'core-js/modules/es.regexp.exec': 205,
+        'core-js/modules/es.string.ends-with': 208,
+        'core-js/modules/es.string.replace': 214
+      }
+    ],
+    278: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.array.concat');
+        _dereq_('core-js/modules/es.array.from');
+        _dereq_('core-js/modules/es.array.map');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.array.concat');
+        _dereq_('core-js/modules/es.array.from');
+        _dereq_('core-js/modules/es.array.map');
+        _dereq_('core-js/modules/es.string.iterator');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }        /**
+ * @module Environment
+ * @submodule Environment
+ * @for p5
+ * @requires core
+ */
+        //the functions in this file support updating the grid output
+        //updates gridOutput
+
+        _main.default.prototype._updateGridOutput = function (idT) {
+          //if html structure is not there yet
+          if (!this.dummyDOM.querySelector('#'.concat(idT, '_summary'))) {
+            return;
+          }
+          var current = this._accessibleOutputs[idT];
+          //create shape details list
+          var innerShapeDetails = _gridShapeDetails(idT, this.ingredients.shapes);
+          //create summary
+          var innerSummary = _gridSummary(innerShapeDetails.numShapes, this.ingredients.colors.background, this.width, this.height);
+          //create grid map
+          var innerMap = _gridMap(idT, this.ingredients.shapes);
+          //if it is different from current summary
+          if (innerSummary !== current.summary.innerHTML) {
+            //update
+            current.summary.innerHTML = innerSummary;
+          }          //if it is different from current map
+
+          if (innerMap !== current.map.innerHTML) {
+            //update
+            current.map.innerHTML = innerMap;
+          }          //if it is different from current shape details
+
+          if (innerShapeDetails.details !== current.shapeDetails.innerHTML) {
+            //update
+            current.shapeDetails.innerHTML = innerShapeDetails.details;
+          }
+          this._accessibleOutputs[idT] = current;
+        };
+        //creates spatial grid that maps the location of shapes
+        function _gridMap(idT, ingredients) {
+          var shapeNumber = 0;
+          var table = '';
+          //create an array of arrays 10*10 of empty cells
+          var cells = Array.from(Array(10), function () {
+            return Array(10);
+          });
+          for (var x in ingredients) {
+            for (var y in ingredients[x]) {
+              var fill = void 0;
+              if (x !== 'line') {
+                fill = '<a href="#'.concat(idT, 'shape').concat(shapeNumber, '">').concat(ingredients[x][y].color, ' ').concat(x, '</a>');
+              } else {
+                fill = '<a href="#'.concat(idT, 'shape').concat(shapeNumber, '">').concat(ingredients[x][y].color, ' ').concat(x, ' midpoint</a>');
+              }              //if empty cell of location of shape is undefined
+
+              if (!cells[ingredients[x][y].loc.locY][ingredients[x][y].loc.locX]) {
+                //fill it with shape info
+                cells[ingredients[x][y].loc.locY][ingredients[x][y].loc.locX] = fill;
+                //if a shape is already in that location
+              } else {
+                //add it
+                cells[ingredients[x][y].loc.locY][ingredients[x][y].loc.locX] = cells[ingredients[x][y].loc.locY][ingredients[x][y].loc.locX] + '  ' + fill;
+              }
+              shapeNumber++;
+            }
+          }          //make table based on array
+
+          for (var _r in cells) {
+            var row = '<tr>';
+            for (var c in cells[_r]) {
+              row = row + '<td>';
+              if (cells[_r][c] !== undefined) {
+                row = row + cells[_r][c];
+              }
+              row = row + '</td>';
+            }
+            table = table + row + '</tr>';
+          }
+          return table;
+        }        //creates grid summary
+
+        function _gridSummary(numShapes, background, width, height) {
+          var text = ''.concat(background, ' canvas, ').concat(width, ' by ').concat(height, ' pixels, contains ').concat(numShapes[0]);
+          if (numShapes[0] === 1) {
+            text = ''.concat(text, ' shape: ').concat(numShapes[1]);
+          } else {
+            text = ''.concat(text, ' shapes: ').concat(numShapes[1]);
+          }
+          return text;
+        }        //creates list of shapes
+
+        function _gridShapeDetails(idT, ingredients) {
+          var shapeDetails = '';
+          var shapes = '';
+          var totalShapes = 0;
+          //goes trhough every shape type in ingredients
+          for (var x in ingredients) {
+            var shapeNum = 0;
+            for (var y in ingredients[x]) {
+              //it creates a line in a list
+              var line = '<li id="'.concat(idT, 'shape').concat(totalShapes, '">').concat(ingredients[x][y].color, ' ').concat(x, ',');
+              if (x === 'line') {
+                line = line + ' location = '.concat(ingredients[x][y].pos, ', length = ').concat(ingredients[x][y].length, ' pixels');
+              } else {
+                line = line + ' location = '.concat(ingredients[x][y].pos);
+                if (x !== 'point') {
+                  line = line + ', area = '.concat(ingredients[x][y].area, ' %');
+                }
+                line = line + '</li>';
+              }
+              shapeDetails = shapeDetails + line;
+              shapeNum++;
+              totalShapes++;
+            }
+            if (shapeNum > 1) {
+              shapes = ''.concat(shapes, ' ').concat(shapeNum, ' ').concat(x, 's');
+            } else {
+              shapes = ''.concat(shapes, ' ').concat(shapeNum, ' ').concat(x);
+            }
+          }
+          return {
+            numShapes: [
+              totalShapes,
+              shapes
+            ],
+            details: shapeDetails
+          };
+        }
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        '../core/main': 298,
+        'core-js/modules/es.array.concat': 169,
+        'core-js/modules/es.array.from': 176,
+        'core-js/modules/es.array.map': 182,
+        'core-js/modules/es.string.iterator': 210
+      }
+    ],
+    279: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.concat');
+        _dereq_('core-js/modules/es.array.fill');
+        _dereq_('core-js/modules/es.array.from');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.map');
+        _dereq_('core-js/modules/es.number.to-fixed');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        _dereq_('core-js/modules/es.array.concat');
+        _dereq_('core-js/modules/es.array.fill');
+        _dereq_('core-js/modules/es.array.map');
+        _dereq_('core-js/modules/es.number.to-fixed');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }
+        function _toConsumableArray(arr) {
+          return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
+        }
+        function _nonIterableSpread() {
+          throw new TypeError('Invalid attempt to spread non-iterable instance');
+        }
+        function _iterableToArray(iter) {
+          if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === '[object Arguments]') return Array.from(iter);
+        }
+        function _arrayWithoutHoles(arr) {
+          if (Array.isArray(arr)) {
+            for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) {
+              arr2[i] = arr[i];
+            }
+            return arr2;
+          }
+        } /**
+   * @module Environment
+   * @submodule Environment
+   * @for p5
+   * @requires core
+   */
+        /**
+ * Creates a screen reader-accessible description for shapes on the canvas.
+ * `textOutput()` adds a general description, list of shapes, and
+ * table of shapes to the web page.
+ *
+ * The general description includes the canvas size, canvas color, and number
+ * of shapes. For example,
+ * `Your output is a, 100 by 100 pixels, gray canvas containing the following 2 shapes:`.
+ *
+ * A list of shapes follows the general description. The list describes the
+ * color, location, and area of each shape. For example,
+ * `a red circle at middle covering 3% of the canvas`. Each shape can be
+ * selected to get more details.
+ *
+ * `textOutput()` uses its table of shapes as a list. The table describes the
+ * shape, color, location, coordinates and area. For example,
+ * `red circle location = middle area = 3%`. This is different from
+ * <a href="#/p5/gridOutput">gridOutput()</a>, which uses its table as a grid.
+ *
+ * The `display` parameter is optional. It determines how the description is
+ * displayed. If `LABEL` is passed, as in `textOutput(LABEL)`, the description
+ * will be visible in a div element next to the canvas. Using `LABEL` creates
+ * unhelpful duplicates for screen readers. Only use `LABEL` during
+ * development. If `FALLBACK` is passed, as in `textOutput(FALLBACK)`, the
+ * description will only be visible to screen readers. This is the default
+ * mode.
+ *
+ * Read
+ * <a href="/learn/labeling-canvases.html">How to label your p5.js code</a> to
+ * learn more about making sketches accessible.
+ *
+ * @method textOutput
+ * @param  {Constant} [display] either FALLBACK or LABEL.
+ *
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   // Add the text description.
+ *   textOutput();
+ *
+ *   // Draw a couple of shapes.
+ *   background(200);
+ *   fill(255, 0, 0);
+ *   circle(20, 20, 20);
+ *   fill(0, 0, 255);
+ *   square(50, 50, 50);
+ *
+ *   // Add a general description of the canvas.
+ *   describe('A red circle and a blue square on a gray background.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function setup() {
+ *   // Add the text description and
+ *   // display it for debugging.
+ *   textOutput(LABEL);
+ *
+ *   // Draw a couple of shapes.
+ *   background(200);
+ *   fill(255, 0, 0);
+ *   circle(20, 20, 20);
+ *   fill(0, 0, 255);
+ *   square(50, 50, 50);
+ *
+ *   // Add a general description of the canvas.
+ *   describe('A red circle and a blue square on a gray background.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function draw() {
+ *   // Add the text description.
+ *   textOutput();
+ *
+ *   // Draw a moving circle.
+ *   background(200);
+ *   let x = frameCount * 0.1;
+ *   fill(255, 0, 0);
+ *   circle(x, 20, 20);
+ *   fill(0, 0, 255);
+ *   square(50, 50, 50);
+ *
+ *   // Add a general description of the canvas.
+ *   describe('A red circle moves from left to right above a blue square.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function draw() {
+ *   // Add the text description and
+ *   // display it for debugging.
+ *   textOutput(LABEL);
+ *
+ *   // Draw a moving circle.
+ *   background(200);
+ *   let x = frameCount * 0.1;
+ *   fill(255, 0, 0);
+ *   circle(x, 20, 20);
+ *   fill(0, 0, 255);
+ *   square(50, 50, 50);
+ *
+ *   // Add a general description of the canvas.
+ *   describe('A red circle moves from left to right above a blue square.');
+ * }
+ * </code>
+ * </div>
+ */
+
+        _main.default.prototype.textOutput = function (display) {
+          _main.default._validateParameters('textOutput', arguments);
+          //if textOutput is already true
+          if (this._accessibleOutputs.text) {
+            return;
+          } else {
+            //make textOutput true
+            this._accessibleOutputs.text = true;
+            //create output for fallback
+            this._createOutput('textOutput', 'Fallback');
+            if (display === this.LABEL) {
+              //make textOutput label true
+              this._accessibleOutputs.textLabel = true;
+              //create output for label
+              this._createOutput('textOutput', 'Label');
+            }
+          }
+        };
+        /**
+ * Creates a screen reader-accessible description for shapes on the canvas.
+ * `gridOutput()` adds a general description, table of shapes, and list of
+ * shapes to the web page.
+ *
+ * The general description includes the canvas size, canvas color, and number of
+ * shapes. For example,
+ * `gray canvas, 100 by 100 pixels, contains 2 shapes:  1 circle 1 square`.
+ *
+ * `gridOutput()` uses its table of shapes as a grid. Each shape in the grid
+ * is placed in a cell whose row and column correspond to the shape's location
+ * on the canvas. The grid cells describe the color and type of shape at that
+ * location. For example, `red circle`. These descriptions can be selected
+ * individually to get more details. This is different from
+ * <a href="#/p5/textOutput">textOutput()</a>, which uses its table as a list.
+ *
+ * A list of shapes follows the table. The list describes the color, type,
+ * location, and area of each shape. For example,
+ * `red circle, location = middle, area = 3 %`.
+ *
+ * The `display` parameter is optional. It determines how the description is
+ * displayed. If `LABEL` is passed, as in `gridOutput(LABEL)`, the description
+ * will be visible in a div element next to the canvas. Using `LABEL` creates
+ * unhelpful duplicates for screen readers. Only use `LABEL` during
+ * development. If `FALLBACK` is passed, as in `gridOutput(FALLBACK)`, the
+ * description will only be visible to screen readers. This is the default
+ * mode.
+ *
+ * Read
+ * <a href="/learn/labeling-canvases.html">How to label your p5.js code</a> to
+ * learn more about making sketches accessible.
+ *
+ * @method gridOutput
+ * @param  {Constant} [display] either FALLBACK or LABEL.
+ *
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   // Add the grid description.
+ *   gridOutput();
+ *
+ *   // Draw a couple of shapes.
+ *   background(200);
+ *   fill(255, 0, 0);
+ *   circle(20, 20, 20);
+ *   fill(0, 0, 255);
+ *   square(50, 50, 50);
+ *
+ *   // Add a general description of the canvas.
+ *   describe('A red circle and a blue square on a gray background.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function setup() {
+ *   // Add the grid description and
+ *   // display it for debugging.
+ *   gridOutput(LABEL);
+ *
+ *   // Draw a couple of shapes.
+ *   background(200);
+ *   fill(255, 0, 0);
+ *   circle(20, 20, 20);
+ *   fill(0, 0, 255);
+ *   square(50, 50, 50);
+ *
+ *   // Add a general description of the canvas.
+ *   describe('A red circle and a blue square on a gray background.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function draw() {
+ *   // Add the grid description.
+ *   gridOutput();
+ *
+ *   // Draw a moving circle.
+ *   background(200);
+ *   let x = frameCount * 0.1;
+ *   fill(255, 0, 0);
+ *   circle(x, 20, 20);
+ *   fill(0, 0, 255);
+ *   square(50, 50, 50);
+ *
+ *   // Add a general description of the canvas.
+ *   describe('A red circle moves from left to right above a blue square.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function draw() {
+ *   // Add the grid description and
+ *   // display it for debugging.
+ *   gridOutput(LABEL);
+ *
+ *   // Draw a moving circle.
+ *   background(200);
+ *   let x = frameCount * 0.1;
+ *   fill(255, 0, 0);
+ *   circle(x, 20, 20);
+ *   fill(0, 0, 255);
+ *   square(50, 50, 50);
+ *
+ *   // Add a general description of the canvas.
+ *   describe('A red circle moves from left to right above a blue square.');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.gridOutput = function (display) {
+          _main.default._validateParameters('gridOutput', arguments);
+          //if gridOutput is already true
+          if (this._accessibleOutputs.grid) {
+            return;
+          } else {
+            //make gridOutput true
+            this._accessibleOutputs.grid = true;
+            //create output for fallback
+            this._createOutput('gridOutput', 'Fallback');
+            if (display === this.LABEL) {
+              //make gridOutput label true
+              this._accessibleOutputs.gridLabel = true;
+              //create output for label
+              this._createOutput('gridOutput', 'Label');
+            }
+          }
+        };
+        //helper function returns true when accessible outputs are true
+        _main.default.prototype._addAccsOutput = function () {
+          //if there are no accessible outputs create object with all false
+          if (!this._accessibleOutputs) {
+            this._accessibleOutputs = {
+              text: false,
+              grid: false,
+              textLabel: false,
+              gridLabel: false
+            };
+          }
+          return this._accessibleOutputs.grid || this._accessibleOutputs.text;
+        };
+        //helper function that creates html structure for accessible outputs
+        _main.default.prototype._createOutput = function (type, display) {
+          var cnvId = this.canvas.id;
+          //if there are no ingredients create object. this object stores data for the outputs
+          if (!this.ingredients) {
+            this.ingredients = {
+              shapes: {
+              },
+              colors: {
+                background: 'white',
+                fill: 'white',
+                stroke: 'black'
+              },
+              pShapes: ''
+            };
+          }          //if there is no dummyDOM create it
+
+          if (!this.dummyDOM) {
+            this.dummyDOM = document.getElementById(cnvId).parentNode;
+          }
+          var cIdT,
+          container,
+          inner;
+          var query = '';
+          if (display === 'Fallback') {
+            cIdT = cnvId + type;
+            container = cnvId + 'accessibleOutput';
+            if (!this.dummyDOM.querySelector('#'.concat(container))) {
+              //if there is no canvas description (see describe() and describeElement())
+              if (!this.dummyDOM.querySelector('#'.concat(cnvId, '_Description'))) {
+                //create html structure inside of canvas
+                this.dummyDOM.querySelector('#'.concat(cnvId)).innerHTML = '<div id="'.concat(container, '" role="region" aria-label="Canvas Outputs"></div>');
+              } else {
+                //create html structure after canvas description container
+                this.dummyDOM.querySelector('#'.concat(cnvId, '_Description')).insertAdjacentHTML('afterend', '<div id="'.concat(container, '" role="region" aria-label="Canvas Outputs"></div>'));
+              }
+            }
+          } else if (display === 'Label') {
+            query = display;
+            cIdT = cnvId + type + display;
+            container = cnvId + 'accessibleOutput' + display;
+            if (!this.dummyDOM.querySelector('#'.concat(container))) {
+              //if there is no canvas description label (see describe() and describeElement())
+              if (!this.dummyDOM.querySelector('#'.concat(cnvId, '_Label'))) {
+                //create html structure adjacent to canvas
+                this.dummyDOM.querySelector('#'.concat(cnvId)).insertAdjacentHTML('afterend', '<div id="'.concat(container, '"></div>'));
+              } else {
+                //create html structure after canvas label
+                this.dummyDOM.querySelector('#'.concat(cnvId, '_Label')).insertAdjacentHTML('afterend', '<div id="'.concat(container, '"></div>'));
+              }
+            }
+          }          //create an object to store the latest output. this object is used in _updateTextOutput() and _updateGridOutput()
+
+          this._accessibleOutputs[cIdT] = {
+          };
+          if (type === 'textOutput') {
+            query = '#'.concat(cnvId, 'gridOutput').concat(query); //query is used to check if gridOutput already exists
+            inner = '<div id="'.concat(cIdT, '">Text Output<div id="').concat(cIdT, 'Summary" aria-label="text output summary"><p id="').concat(cIdT, '_summary"></p><ul id="').concat(cIdT, '_list"></ul></div><table id="').concat(cIdT, '_shapeDetails" summary="text output shape details"></table></div>');
+            //if gridOutput already exists
+            if (this.dummyDOM.querySelector(query)) {
+              //create textOutput before gridOutput
+              this.dummyDOM.querySelector(query).insertAdjacentHTML('beforebegin', inner);
+            } else {
+              //create output inside of container
+              this.dummyDOM.querySelector('#'.concat(container)).innerHTML = inner;
+            }            //store output html elements
+
+            this._accessibleOutputs[cIdT].list = this.dummyDOM.querySelector('#'.concat(cIdT, '_list'));
+          } else if (type === 'gridOutput') {
+            query = '#'.concat(cnvId, 'textOutput').concat(query); //query is used to check if textOutput already exists
+            inner = '<div id="'.concat(cIdT, '">Grid Output<p id="').concat(cIdT, '_summary" aria-label="grid output summary"><table id="').concat(cIdT, '_map" summary="grid output content"></table><ul id="').concat(cIdT, '_shapeDetails" aria-label="grid output shape details"></ul></div>');
+            //if textOutput already exists
+            if (this.dummyDOM.querySelector(query)) {
+              //create gridOutput after textOutput
+              this.dummyDOM.querySelector(query).insertAdjacentHTML('afterend', inner);
+            } else {
+              //create output inside of container
+              this.dummyDOM.querySelector('#'.concat(container)).innerHTML = inner;
+            }            //store output html elements
+
+            this._accessibleOutputs[cIdT].map = this.dummyDOM.querySelector('#'.concat(cIdT, '_map'));
+          }
+          this._accessibleOutputs[cIdT].shapeDetails = this.dummyDOM.querySelector('#'.concat(cIdT, '_shapeDetails'));
+          this._accessibleOutputs[cIdT].summary = this.dummyDOM.querySelector('#'.concat(cIdT, '_summary'));
+        };
+        //this function is called at the end of setup and draw if using
+        //accessibleOutputs and calls update functions of outputs
+        _main.default.prototype._updateAccsOutput = function () {
+          var cnvId = this.canvas.id;
+          //if the shapes are not the same as before
+          if (JSON.stringify(this.ingredients.shapes) !== this.ingredients.pShapes) {
+            //save current shapes as string in pShapes
+            this.ingredients.pShapes = JSON.stringify(this.ingredients.shapes);
+            if (this._accessibleOutputs.text) {
+              this._updateTextOutput(cnvId + 'textOutput');
+            }
+            if (this._accessibleOutputs.grid) {
+              this._updateGridOutput(cnvId + 'gridOutput');
+            }
+            if (this._accessibleOutputs.textLabel) {
+              this._updateTextOutput(cnvId + 'textOutputLabel');
+            }
+            if (this._accessibleOutputs.gridLabel) {
+              this._updateGridOutput(cnvId + 'gridOutputLabel');
+            }
+          }
+        };
+        //helper function that resets all ingredients when background is called
+        //and saves background color name
+        _main.default.prototype._accsBackground = function (args) {
+          //save current shapes as string in pShapes
+          this.ingredients.pShapes = JSON.stringify(this.ingredients.shapes);
+          //empty shapes JSON
+          this.ingredients.shapes = {
+          };
+          //update background different
+          if (this.ingredients.colors.backgroundRGBA !== args) {
+            this.ingredients.colors.backgroundRGBA = args;
+            this.ingredients.colors.background = this._rgbColorName(args);
+          }
+        };
+        //helper function that gets fill and stroke of shapes
+        _main.default.prototype._accsCanvasColors = function (f, args) {
+          if (f === 'fill') {
+            //update fill different
+            if (this.ingredients.colors.fillRGBA !== args) {
+              this.ingredients.colors.fillRGBA = args;
+              this.ingredients.colors.fill = this._rgbColorName(args);
+            }
+          } else if (f === 'stroke') {
+            //update stroke if different
+            if (this.ingredients.colors.strokeRGBA !== args) {
+              this.ingredients.colors.strokeRGBA = args;
+              this.ingredients.colors.stroke = this._rgbColorName(args);
+            }
+          }
+        };
+        //builds ingredients.shapes used for building outputs
+        _main.default.prototype._accsOutput = function (f, args) {
+          if (f === 'ellipse' && args[2] === args[3]) {
+            f = 'circle';
+          } else if (f === 'rectangle' && args[2] === args[3]) {
+            f = 'square';
+          }
+          var include = {
+          };
+          var add = true;
+          var middle = _getMiddle(f, args);
+          if (f === 'line') {
+            //make color stroke
+            include.color = this.ingredients.colors.stroke;
+            //get lenght
+            include.length = Math.round(this.dist(args[0], args[1], args[2], args[3]));
+            //get position of end points
+            var p1 = this._getPos(args[0], [
+              1
+            ]);
+            var p2 = this._getPos(args[2], [
+              3
+            ]);
+            include.loc = _canvasLocator(middle, this.width, this.height);
+            if (p1 === p2) {
+              include.pos = 'at '.concat(p1);
+            } else {
+              include.pos = 'from '.concat(p1, ' to ').concat(p2);
+            }
+          } else {
+            if (f === 'point') {
+              //make color stroke
+              include.color = this.ingredients.colors.stroke;
+            } else {
+              //make color fill
+              include.color = this.ingredients.colors.fill;
+              //get area of shape
+              include.area = this._getArea(f, args);
+            }            //get middle of shapes
+            //calculate position using middle of shape
+
+            include.pos = this._getPos.apply(this, _toConsumableArray(middle));
+            //calculate location using middle of shape
+            include.loc = _canvasLocator(middle, this.width, this.height);
+          }          //if it is the first time this shape is created
+
+          if (!this.ingredients.shapes[f]) {
+            this.ingredients.shapes[f] = [
+              include
+            ];
+            //if other shapes of this type have been created
+          } else if (this.ingredients.shapes[f] !== [include]) {
+            //for every shape of this type
+            for (var y in this.ingredients.shapes[f]) {
+              //compare it with current shape and if it already exists make add false
+              if (JSON.stringify(this.ingredients.shapes[f][y]) === JSON.stringify(include)) {
+                add = false;
+              }
+            }            //add shape by pushing it to the end
+
+            if (add === true) {
+              this.ingredients.shapes[f].push(include);
+            }
+          }
+        };
+        //gets middle point / centroid of shape
+        function _getMiddle(f, args) {
+          var x,
+          y;
+          if (f === 'rectangle' || f === 'ellipse' || f === 'arc' || f === 'circle' || f === 'square') {
+            x = Math.round(args[0] + args[2] / 2);
+            y = Math.round(args[1] + args[3] / 2);
+          } else if (f === 'triangle') {
+            x = (args[0] + args[2] + args[4]) / 3;
+            y = (args[1] + args[3] + args[5]) / 3;
+          } else if (f === 'quadrilateral') {
+            x = (args[0] + args[2] + args[4] + args[6]) / 4;
+            y = (args[1] + args[3] + args[5] + args[7]) / 4;
+          } else if (f === 'line') {
+            x = (args[0] + args[2]) / 2;
+            y = (args[1] + args[3]) / 2;
+          } else {
+            x = args[0];
+            y = args[1];
+          }
+          return [x,
+          y];
+        }        //gets position of shape in the canvas
+
+        _main.default.prototype._getPos = function (x, y) {
+          var untransformedPosition = new DOMPointReadOnly(x, y);
+          var currentTransform = this._renderer.isP3D ? new DOMMatrix(this._renderer.uMVMatrix.mat4) : this.drawingContext.getTransform();
+          var _untransformedPositio = untransformedPosition.matrixTransform(currentTransform),
+          transformedX = _untransformedPositio.x,
+          transformedY = _untransformedPositio.y;
+          var canvasWidth = this.width,
+          canvasHeight = this.height;
+          if (transformedX < 0.4 * canvasWidth) {
+            if (transformedY < 0.4 * canvasHeight) {
+              return 'top left';
+            } else if (transformedY > 0.6 * canvasHeight) {
+              return 'bottom left';
+            } else {
+              return 'mid left';
+            }
+          } else if (transformedX > 0.6 * canvasWidth) {
+            if (transformedY < 0.4 * canvasHeight) {
+              return 'top right';
+            } else if (transformedY > 0.6 * canvasHeight) {
+              return 'bottom right';
+            } else {
+              return 'mid right';
+            }
+          } else {
+            if (transformedY < 0.4 * canvasHeight) {
+              return 'top middle';
+            } else if (transformedY > 0.6 * canvasHeight) {
+              return 'bottom middle';
+            } else {
+              return 'middle';
+            }
+          }
+        };
+        //locates shape in a 10*10 grid
+        function _canvasLocator(args, canvasWidth, canvasHeight) {
+          var noRows = 10;
+          var noCols = 10;
+          var locX = Math.floor(args[0] / canvasWidth * noRows);
+          var locY = Math.floor(args[1] / canvasHeight * noCols);
+          if (locX === noRows) {
+            locX = locX - 1;
+          }
+          if (locY === noCols) {
+            locY = locY - 1;
+          }
+          return {
+            locX: locX,
+            locY: locY
+          };
+        }        //calculates area of shape
+
+        _main.default.prototype._getArea = function (objectType, shapeArgs) {
+          var objectArea = 0;
+          if (objectType === 'arc') {
+            // area of full ellipse = PI * horizontal radius * vertical radius.
+            // therefore, area of arc = difference bet. arc's start and end radians * horizontal radius * vertical radius.
+            // the below expression is adjusted for negative values and differences in arc's start and end radians over PI*2
+            var arcSizeInRadians = ((shapeArgs[5] - shapeArgs[4]) % (Math.PI * 2) + Math.PI * 2) % (Math.PI * 2);
+            objectArea = arcSizeInRadians * shapeArgs[2] * shapeArgs[3] / 8;
+            if (shapeArgs[6] === 'open' || shapeArgs[6] === 'chord') {
+              // when the arc's mode is OPEN or CHORD, we need to account for the area of the triangle that is formed to close the arc
+              // (Ax( By −  Cy) + Bx(Cy − Ay) + Cx(Ay − By ) )/2
+              var Ax = shapeArgs[0];
+              var Ay = shapeArgs[1];
+              var Bx = shapeArgs[0] + shapeArgs[2] / 2 * Math.cos(shapeArgs[4]).toFixed(2);
+              var By = shapeArgs[1] + shapeArgs[3] / 2 * Math.sin(shapeArgs[4]).toFixed(2);
+              var Cx = shapeArgs[0] + shapeArgs[2] / 2 * Math.cos(shapeArgs[5]).toFixed(2);
+              var Cy = shapeArgs[1] + shapeArgs[3] / 2 * Math.sin(shapeArgs[5]).toFixed(2);
+              var areaOfExtraTriangle = Math.abs(Ax * (By - Cy) + Bx * (Cy - Ay) + Cx * (Ay - By)) / 2;
+              if (arcSizeInRadians > Math.PI) {
+                objectArea = objectArea + areaOfExtraTriangle;
+              } else {
+                objectArea = objectArea - areaOfExtraTriangle;
+              }
+            }
+          } else if (objectType === 'ellipse' || objectType === 'circle') {
+            objectArea = 3.14 * shapeArgs[2] / 2 * shapeArgs[3] / 2;
+          } else if (objectType === 'line') {
+            objectArea = 0;
+          } else if (objectType === 'point') {
+            objectArea = 0;
+          } else if (objectType === 'quadrilateral') {
+            // ((x4+x1)*(y4-y1)+(x1+x2)*(y1-y2)+(x2+x3)*(y2-y3)+(x3+x4)*(y3-y4))/2
+            objectArea = Math.abs((shapeArgs[6] + shapeArgs[0]) * (shapeArgs[7] - shapeArgs[1]) + (shapeArgs[0] + shapeArgs[2]) * (shapeArgs[1] - shapeArgs[3]) + (shapeArgs[2] + shapeArgs[4]) * (shapeArgs[3] - shapeArgs[5]) + (shapeArgs[4] + shapeArgs[6]) * (shapeArgs[5] - shapeArgs[7])) / 2;
+          } else if (objectType === 'rectangle' || objectType === 'square') {
+            objectArea = shapeArgs[2] * shapeArgs[3];
+          } else if (objectType === 'triangle') {
+            objectArea = Math.abs(shapeArgs[0] * (shapeArgs[3] - shapeArgs[5]) + shapeArgs[2] * (shapeArgs[5] - shapeArgs[1]) + shapeArgs[4] * (shapeArgs[1] - shapeArgs[3])) / 2;
+            // (Ax( By −  Cy) + Bx(Cy − Ay) + Cx(Ay − By ))/2
+          }          //  Store the positions of the canvas corners
+
+          var canvasWidth = this.width * this._pixelDensity;
+          var canvasHeight = this.height * this._pixelDensity;
+          var canvasCorners = [
+            new DOMPoint(0, 0),
+            new DOMPoint(canvasWidth, 0),
+            new DOMPoint(canvasWidth, canvasHeight),
+            new DOMPoint(0, canvasHeight)
+          ];
+          //  Apply the inverse of the current transformations to the canvas corners
+          var currentTransform = this._renderer.isP3D ? new DOMMatrix(this._renderer.uMVMatrix.mat4) : this.drawingContext.getTransform();
+          var invertedTransform = currentTransform.inverse();
+          var tc = canvasCorners.map(function (corner) {
+            return corner.matrixTransform(invertedTransform);
+          });
+          /*  Use same shoelace formula used for quad area (above) to calculate
+  the area of the canvas with inverted transformation applied */
+          var transformedCanvasArea = Math.abs((tc[3].x + tc[0].x) * (tc[3].y - tc[0].y) + (tc[0].x + tc[1].x) * (tc[0].y - tc[1].y) + (tc[1].x + tc[2].x) * (tc[1].y - tc[2].y) + (tc[2].x + tc[3].x) * (tc[2].y - tc[3].y)) / 2;
+          /*  Compare area of shape (minus transformations) to area of canvas
+  with inverted transformation applied.
+  Return percentage  */
+          var untransformedArea = Math.round(objectArea * 100 / transformedCanvasArea);
+          return untransformedArea;
+        };
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        '../core/main': 298,
+        'core-js/modules/es.array.concat': 169,
+        'core-js/modules/es.array.fill': 172,
+        'core-js/modules/es.array.from': 176,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.array.map': 182,
+        'core-js/modules/es.number.to-fixed': 193,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.regexp.to-string': 206,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/web.dom-collections.iterator': 256
+      }
+    ],
+    280: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.array.concat');
+        _dereq_('core-js/modules/es.array.concat');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }        /**
+ * @module Environment
+ * @submodule Environment
+ * @for p5
+ * @requires core
+ */
+        //the functions in this file support updating the text output
+        //updates textOutput
+
+        _main.default.prototype._updateTextOutput = function (idT) {
+          //if html structure is not there yet
+          if (!this.dummyDOM.querySelector('#'.concat(idT, '_summary'))) {
+            return;
+          }
+          var current = this._accessibleOutputs[idT];
+          //create shape list
+          var innerList = _shapeList(idT, this.ingredients.shapes);
+          //create output summary
+          var innerSummary = _textSummary(innerList.numShapes, this.ingredients.colors.background, this.width, this.height);
+          //create shape details
+          var innerShapeDetails = _shapeDetails(idT, this.ingredients.shapes);
+          //if it is different from current summary
+          if (innerSummary !== current.summary.innerHTML) {
+            //update
+            current.summary.innerHTML = innerSummary;
+          }          //if it is different from current shape list
+
+          if (innerList.listShapes !== current.list.innerHTML) {
+            //update
+            current.list.innerHTML = innerList.listShapes;
+          }          //if it is different from current shape details
+
+          if (innerShapeDetails !== current.shapeDetails.innerHTML) {
+            //update
+            current.shapeDetails.innerHTML = innerShapeDetails;
+          }
+          this._accessibleOutputs[idT] = current;
+        };
+        //Builds textOutput summary
+        function _textSummary(numShapes, background, width, height) {
+          var text = 'Your output is a, '.concat(width, ' by ').concat(height, ' pixels, ').concat(background, ' canvas containing the following');
+          if (numShapes === 1) {
+            text = ''.concat(text, ' shape:');
+          } else {
+            text = ''.concat(text, ' ').concat(numShapes, ' shapes:');
+          }
+          return text;
+        }        //Builds textOutput table with shape details
+
+        function _shapeDetails(idT, ingredients) {
+          var shapeDetails = '';
+          var shapeNumber = 0;
+          //goes trhough every shape type in ingredients
+          for (var x in ingredients) {
+            //and for every shape
+            for (var y in ingredients[x]) {
+              //it creates a table row
+              var row = '<tr id="'.concat(idT, 'shape').concat(shapeNumber, '"><th>').concat(ingredients[x][y].color, ' ').concat(x, '</th>');
+              if (x === 'line') {
+                row = row + '<td>location = '.concat(ingredients[x][y].pos, '</td><td>length = ').concat(ingredients[x][y].length, ' pixels</td></tr>');
+              } else {
+                row = row + '<td>location = '.concat(ingredients[x][y].pos, '</td>');
+                if (x !== 'point') {
+                  row = row + '<td> area = '.concat(ingredients[x][y].area, '%</td>');
+                }
+                row = row + '</tr>';
+              }
+              shapeDetails = shapeDetails + row;
+              shapeNumber++;
+            }
+          }
+          return shapeDetails;
+        }        //Builds textOutput shape list
+
+        function _shapeList(idT, ingredients) {
+          var shapeList = '';
+          var shapeNumber = 0;
+          //goes trhough every shape type in ingredients
+          for (var x in ingredients) {
+            for (var y in ingredients[x]) {
+              //it creates a line in a list
+              var _line = '<li><a href="#'.concat(idT, 'shape').concat(shapeNumber, '">').concat(ingredients[x][y].color, ' ').concat(x, '</a>');
+              if (x === 'line') {
+                _line = _line + ', '.concat(ingredients[x][y].pos, ', ').concat(ingredients[x][y].length, ' pixels long.</li>');
+              } else {
+                _line = _line + ', at '.concat(ingredients[x][y].pos);
+                if (x !== 'point') {
+                  _line = _line + ', covering '.concat(ingredients[x][y].area, '% of the canvas');
+                }
+                _line = _line + '.</li>';
+              }
+              shapeList = shapeList + _line;
+              shapeNumber++;
+            }
+          }
+          return {
+            numShapes: shapeNumber,
+            listShapes: shapeList
+          };
+        }
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        '../core/main': 298,
+        'core-js/modules/es.array.concat': 169
+      }
+    ],
+    281: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        var _main = _interopRequireDefault(_dereq_('./core/main'));
+        _dereq_('./core/constants');
+        _dereq_('./core/environment');
+        _dereq_('./core/friendly_errors/stacktrace');
+        _dereq_('./core/friendly_errors/validate_params');
+        _dereq_('./core/friendly_errors/file_errors');
+        _dereq_('./core/friendly_errors/fes_core');
+        _dereq_('./core/friendly_errors/sketch_reader');
+        _dereq_('./core/helpers');
+        _dereq_('./core/legacy');
+        _dereq_('./core/preload');
+        _dereq_('./core/p5.Element');
+        _dereq_('./core/p5.Graphics');
+        _dereq_('./core/p5.Renderer');
+        _dereq_('./core/p5.Renderer2D');
+        _dereq_('./core/rendering');
+        _dereq_('./core/shim');
+        _dereq_('./core/structure');
+        _dereq_('./core/transform');
+        _dereq_('./core/shape/2d_primitives');
+        _dereq_('./core/shape/attributes');
+        _dereq_('./core/shape/curves');
+        _dereq_('./core/shape/vertex');
+        _dereq_('./accessibility/outputs');
+        _dereq_('./accessibility/textOutput');
+        _dereq_('./accessibility/gridOutput');
+        _dereq_('./accessibility/color_namer');
+        _dereq_('./color/color_conversion');
+        _dereq_('./color/creating_reading');
+        _dereq_('./color/p5.Color');
+        _dereq_('./color/setting');
+        _dereq_('./data/p5.TypedDict');
+        _dereq_('./data/local_storage.js');
+        _dereq_('./dom/dom');
+        _dereq_('./accessibility/describe');
+        _dereq_('./events/acceleration');
+        _dereq_('./events/keyboard');
+        _dereq_('./events/mouse');
+        _dereq_('./events/touch');
+        _dereq_('./image/filters');
+        _dereq_('./image/image');
+        _dereq_('./image/loading_displaying');
+        _dereq_('./image/p5.Image');
+        _dereq_('./image/pixels');
+        _dereq_('./io/files');
+        _dereq_('./io/p5.Table');
+        _dereq_('./io/p5.TableRow');
+        _dereq_('./io/p5.XML');
+        _dereq_('./math/calculation');
+        _dereq_('./math/math');
+        _dereq_('./math/noise');
+        _dereq_('./math/p5.Vector');
+        _dereq_('./math/random');
+        _dereq_('./math/trigonometry');
+        _dereq_('./typography/attributes');
+        _dereq_('./typography/loading_displaying');
+        _dereq_('./typography/p5.Font');
+        _dereq_('./utilities/array_functions');
+        _dereq_('./utilities/conversion');
+        _dereq_('./utilities/string_functions');
+        _dereq_('./utilities/time_date');
+        _dereq_('./webgl/3d_primitives');
+        _dereq_('./webgl/interaction');
+        _dereq_('./webgl/light');
+        _dereq_('./webgl/loading');
+        _dereq_('./webgl/material');
+        _dereq_('./webgl/p5.Camera');
+        _dereq_('./webgl/p5.DataArray');
+        _dereq_('./webgl/p5.Geometry');
+        _dereq_('./webgl/p5.Matrix');
+        _dereq_('./webgl/p5.RendererGL.Immediate');
+        _dereq_('./webgl/p5.RendererGL');
+        _dereq_('./webgl/p5.RendererGL.Retained');
+        _dereq_('./webgl/p5.Framebuffer');
+        _dereq_('./webgl/p5.Shader');
+        _dereq_('./webgl/p5.RenderBuffer');
+        _dereq_('./webgl/p5.Texture');
+        _dereq_('./webgl/text');
+        _dereq_('./core/init');
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }        // core
+        //accessibility
+        // color
+        // data
+        // DOM
+        // accessibility
+        // events
+        // image
+        // io
+        // math
+        // typography
+        // utilities
+        // webgl
+
+        module.exports = _main.default;
+      },
+      {
+        './accessibility/color_namer': 276,
+        './accessibility/describe': 277,
+        './accessibility/gridOutput': 278,
+        './accessibility/outputs': 279,
+        './accessibility/textOutput': 280,
+        './color/color_conversion': 282,
+        './color/creating_reading': 283,
+        './color/p5.Color': 284,
+        './color/setting': 285,
+        './core/constants': 286,
+        './core/environment': 287,
+        './core/friendly_errors/fes_core': 289,
+        './core/friendly_errors/file_errors': 290,
+        './core/friendly_errors/sketch_reader': 291,
+        './core/friendly_errors/stacktrace': 292,
+        './core/friendly_errors/validate_params': 293,
+        './core/helpers': 294,
+        './core/init': 295,
+        './core/legacy': 297,
+        './core/main': 298,
+        './core/p5.Element': 299,
+        './core/p5.Graphics': 300,
+        './core/p5.Renderer': 301,
+        './core/p5.Renderer2D': 302,
+        './core/preload': 303,
+        './core/rendering': 304,
+        './core/shape/2d_primitives': 305,
+        './core/shape/attributes': 306,
+        './core/shape/curves': 307,
+        './core/shape/vertex': 308,
+        './core/shim': 309,
+        './core/structure': 310,
+        './core/transform': 311,
+        './data/local_storage.js': 312,
+        './data/p5.TypedDict': 313,
+        './dom/dom': 314,
+        './events/acceleration': 315,
+        './events/keyboard': 316,
+        './events/mouse': 317,
+        './events/touch': 318,
+        './image/filters': 319,
+        './image/image': 320,
+        './image/loading_displaying': 321,
+        './image/p5.Image': 322,
+        './image/pixels': 323,
+        './io/files': 324,
+        './io/p5.Table': 325,
+        './io/p5.TableRow': 326,
+        './io/p5.XML': 327,
+        './math/calculation': 328,
+        './math/math': 329,
+        './math/noise': 330,
+        './math/p5.Vector': 331,
+        './math/random': 332,
+        './math/trigonometry': 333,
+        './typography/attributes': 334,
+        './typography/loading_displaying': 335,
+        './typography/p5.Font': 336,
+        './utilities/array_functions': 337,
+        './utilities/conversion': 338,
+        './utilities/string_functions': 339,
+        './utilities/time_date': 340,
+        './webgl/3d_primitives': 341,
+        './webgl/interaction': 343,
+        './webgl/light': 344,
+        './webgl/loading': 345,
+        './webgl/material': 346,
+        './webgl/p5.Camera': 347,
+        './webgl/p5.DataArray': 348,
+        './webgl/p5.Framebuffer': 349,
+        './webgl/p5.Geometry': 350,
+        './webgl/p5.Matrix': 351,
+        './webgl/p5.RenderBuffer': 352,
+        './webgl/p5.RendererGL': 355,
+        './webgl/p5.RendererGL.Immediate': 353,
+        './webgl/p5.RendererGL.Retained': 354,
+        './webgl/p5.Shader': 356,
+        './webgl/p5.Texture': 357,
+        './webgl/text': 358
+      }
+    ],
+    282: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }        /**
+ * @module Color
+ * @submodule Color Conversion
+ * @for p5
+ * @requires core
+ */
+        /**
+ * Conversions adapted from <http://www.easyrgb.com/en/math.php>.
+ *
+ * In these functions, hue is always in the range [0, 1], just like all other
+ * components are in the range [0, 1]. 'Brightness' and 'value' are used
+ * interchangeably.
+ */
+
+        _main.default.ColorConversion = {
+          /**
+   * Convert an HSBA array to HSLA.
+   */
+          _hsbaToHSLA: function _hsbaToHSLA(hsba) {
+            var hue = hsba[0];
+            var sat = hsba[1];
+            var val = hsba[2];
+            // Calculate lightness.
+            var li = (2 - sat) * val / 2;
+            // Convert saturation.
+            if (li !== 0) {
+              if (li === 1) {
+                sat = 0;
+              } else if (li < 0.5) {
+                sat = sat / (2 - sat);
+              } else {
+                sat = sat * val / (2 - li * 2);
+              }
+            }            // Hue and alpha stay the same.
+
+            return [hue,
+            sat,
+            li,
+            hsba[3]];
+          },
+          /**
+   * Convert an HSBA array to RGBA.
+   */
+          _hsbaToRGBA: function _hsbaToRGBA(hsba) {
+            var hue = hsba[0] * 6; // We will split hue into 6 sectors.
+            var sat = hsba[1];
+            var val = hsba[2];
+            var RGBA = [
+            ];
+            if (sat === 0) {
+              RGBA = [
+                val,
+                val,
+                val,
+                hsba[3]
+              ]; // Return early if grayscale.
+            } else {
+              var sector = Math.floor(hue);
+              var tint1 = val * (1 - sat);
+              var tint2 = val * (1 - sat * (hue - sector));
+              var tint3 = val * (1 - sat * (1 + sector - hue));
+              var red,
+              green,
+              blue;
+              if (sector === 1) {
+                // Yellow to green.
+                red = tint2;
+                green = val;
+                blue = tint1;
+              } else if (sector === 2) {
+                // Green to cyan.
+                red = tint1;
+                green = val;
+                blue = tint3;
+              } else if (sector === 3) {
+                // Cyan to blue.
+                red = tint1;
+                green = tint2;
+                blue = val;
+              } else if (sector === 4) {
+                // Blue to magenta.
+                red = tint3;
+                green = tint1;
+                blue = val;
+              } else if (sector === 5) {
+                // Magenta to red.
+                red = val;
+                green = tint1;
+                blue = tint2;
+              } else {
+                // Red to yellow (sector could be 0 or 6).
+                red = val;
+                green = tint3;
+                blue = tint1;
+              }
+              RGBA = [
+                red,
+                green,
+                blue,
+                hsba[3]
+              ];
+            }
+            return RGBA;
+          },
+          /**
+   * Convert an HSLA array to HSBA.
+   */
+          _hslaToHSBA: function _hslaToHSBA(hsla) {
+            var hue = hsla[0];
+            var sat = hsla[1];
+            var li = hsla[2];
+            // Calculate brightness.
+            var val;
+            if (li < 0.5) {
+              val = (1 + sat) * li;
+            } else {
+              val = li + sat - li * sat;
+            }            // Convert saturation.
+
+            sat = 2 * (val - li) / val;
+            // Hue and alpha stay the same.
+            return [hue,
+            sat,
+            val,
+            hsla[3]];
+          },
+          /**
+   * Convert an HSLA array to RGBA.
+   *
+   * We need to change basis from HSLA to something that can be more easily be
+   * projected onto RGBA. We will choose hue and brightness as our first two
+   * components, and pick a convenient third one ('zest') so that we don't need
+   * to calculate formal HSBA saturation.
+   */
+          _hslaToRGBA: function _hslaToRGBA(hsla) {
+            var hue = hsla[0] * 6; // We will split hue into 6 sectors.
+            var sat = hsla[1];
+            var li = hsla[2];
+            var RGBA = [
+            ];
+            if (sat === 0) {
+              RGBA = [
+                li,
+                li,
+                li,
+                hsla[3]
+              ]; // Return early if grayscale.
+            } else {
+              // Calculate brightness.
+              var val;
+              if (li < 0.5) {
+                val = (1 + sat) * li;
+              } else {
+                val = li + sat - li * sat;
+              }              // Define zest.
+
+              var zest = 2 * li - val;
+              // Implement projection (project onto green by default).
+              var hzvToRGB = function hzvToRGB(hue, zest, val) {
+                if (hue < 0) {
+                  // Hue must wrap to allow projection onto red and blue.
+                  hue += 6;
+                } else if (hue >= 6) {
+                  hue -= 6;
+                }
+                if (hue < 1) {
+                  // Red to yellow (increasing green).
+                  return zest + (val - zest) * hue;
+                } else if (hue < 3) {
+                  // Yellow to cyan (greatest green).
+                  return val;
+                } else if (hue < 4) {
+                  // Cyan to blue (decreasing green).
+                  return zest + (val - zest) * (4 - hue);
+                } else {
+                  // Blue to red (least green).
+                  return zest;
+                }
+              };
+              // Perform projections, offsetting hue as necessary.
+              RGBA = [
+                hzvToRGB(hue + 2, zest, val),
+                hzvToRGB(hue, zest, val),
+                hzvToRGB(hue - 2, zest, val),
+                hsla[3]
+              ];
+            }
+            return RGBA;
+          },
+          /**
+   * Convert an RGBA array to HSBA.
+   */
+          _rgbaToHSBA: function _rgbaToHSBA(rgba) {
+            var red = rgba[0];
+            var green = rgba[1];
+            var blue = rgba[2];
+            var val = Math.max(red, green, blue);
+            var chroma = val - Math.min(red, green, blue);
+            var hue,
+            sat;
+            if (chroma === 0) {
+              // Return early if grayscale.
+              hue = 0;
+              sat = 0;
+            } else {
+              sat = chroma / val;
+              if (red === val) {
+                // Magenta to yellow.
+                hue = (green - blue) / chroma;
+              } else if (green === val) {
+                // Yellow to cyan.
+                hue = 2 + (blue - red) / chroma;
+              } else if (blue === val) {
+                // Cyan to magenta.
+                hue = 4 + (red - green) / chroma;
+              }
+              if (hue < 0) {
+                // Confine hue to the interval [0, 1).
+                hue += 6;
+              } else if (hue >= 6) {
+                hue -= 6;
+              }
+            }
+            return [hue / 6,
+            sat,
+            val,
+            rgba[3]];
+          },
+          /**
+   * Convert an RGBA array to HSLA.
+   */
+          _rgbaToHSLA: function _rgbaToHSLA(rgba) {
+            var red = rgba[0];
+            var green = rgba[1];
+            var blue = rgba[2];
+            var val = Math.max(red, green, blue);
+            var min = Math.min(red, green, blue);
+            var li = val + min; // We will halve this later.
+            var chroma = val - min;
+            var hue,
+            sat;
+            if (chroma === 0) {
+              // Return early if grayscale.
+              hue = 0;
+              sat = 0;
+            } else {
+              if (li < 1) {
+                sat = chroma / li;
+              } else {
+                sat = chroma / (2 - li);
+              }
+              if (red === val) {
+                // Magenta to yellow.
+                hue = (green - blue) / chroma;
+              } else if (green === val) {
+                // Yellow to cyan.
+                hue = 2 + (blue - red) / chroma;
+              } else if (blue === val) {
+                // Cyan to magenta.
+                hue = 4 + (red - green) / chroma;
+              }
+              if (hue < 0) {
+                // Confine hue to the interval [0, 1).
+                hue += 6;
+              } else if (hue >= 6) {
+                hue -= 6;
+              }
+            }
+            return [hue / 6,
+            sat,
+            li / 2,
+            rgba[3]];
+          }
+        };
+        var _default = _main.default.ColorConversion;
+        exports.default = _default;
+      },
+      {
+        '../core/main': 298
+      }
+    ],
+    283: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.map');
+        _dereq_('core-js/modules/es.object.get-own-property-descriptor');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.weak-map');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        function _typeof2(obj) {
+          if (typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol') {
+            _typeof2 = function _typeof2(obj) {
+              return typeof obj;
+            };
+          } else {
+            _typeof2 = function _typeof2(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj;
+            };
+          }
+          return _typeof2(obj);
+        }
+        function _typeof(obj) {
+          if (typeof Symbol === 'function' && _typeof2(Symbol.iterator) === 'symbol') {
+            _typeof = function _typeof(obj) {
+              return _typeof2(obj);
+            };
+          } else {
+            _typeof = function _typeof(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : _typeof2(obj);
+            };
+          }
+          return _typeof(obj);
+        }
+        _dereq_('core-js/modules/es.array.map');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        var constants = _interopRequireWildcard(_dereq_('../core/constants'));
+        _dereq_('./p5.Color');
+        _dereq_('../core/friendly_errors/validate_params');
+        _dereq_('../core/friendly_errors/file_errors');
+        _dereq_('../core/friendly_errors/fes_core');
+        function _getRequireWildcardCache() {
+          if (typeof WeakMap !== 'function') return null;
+          var cache = new WeakMap();
+          _getRequireWildcardCache = function _getRequireWildcardCache() {
+            return cache;
+          };
+          return cache;
+        }
+        function _interopRequireWildcard(obj) {
+          if (obj && obj.__esModule) {
+            return obj;
+          }
+          if (obj === null || _typeof(obj) !== 'object' && typeof obj !== 'function') {
+            return {
+            default:
+              obj
+            };
+          }
+          var cache = _getRequireWildcardCache();
+          if (cache && cache.has(obj)) {
+            return cache.get(obj);
+          }
+          var newObj = {
+          };
+          var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+          for (var key in obj) {
+            if (Object.prototype.hasOwnProperty.call(obj, key)) {
+              var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+              if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+              } else {
+                newObj[key] = obj[key];
+              }
+            }
+          }
+          newObj.default = obj;
+          if (cache) {
+            cache.set(obj, newObj);
+          }
+          return newObj;
+        }
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }        /**
+ * @module Color
+ * @submodule Creating & Reading
+ * @for p5
+ * @requires core
+ * @requires constants
+ */
+        /**
+ * Extracts the alpha (transparency) value from a
+ * <a href="#/p5.Color">p5.Color</a> object, array of color components, or
+ * CSS color string.
+ *
+ * @method alpha
+ * @param {p5.Color|Number[]|String} color <a href="#/p5.Color">p5.Color</a> object, array of
+ *                                         color components, or CSS color string.
+ * @return {Number} the alpha value.
+ *
+ * @example
+ * <div>
+ * <code>
+ * noStroke();
+ * const c = color(0, 126, 255, 102);
+ * fill(c);
+ * rect(15, 15, 35, 70);
+ * // Sets 'alphaValue' to 102.
+ * const alphaValue = alpha(c);
+ * fill(alphaValue);
+ * rect(50, 15, 35, 70);
+ * describe('Two rectangles. The left one is light blue and the right one is charcoal gray.');
+ * </code>
+ * </div>
+ */
+
+        _main.default.prototype.alpha = function (c) {
+          _main.default._validateParameters('alpha', arguments);
+          return this.color(c)._getAlpha();
+        };
+        /**
+ * Extracts the blue value from a <a href="#/p5.Color">p5.Color</a> object,
+ * array of color components, or CSS color string.
+ *
+ * @method blue
+ * @param {p5.Color|Number[]|String} color <a href="#/p5.Color">p5.Color</a> object, array of
+ *                                         color components, or CSS color string.
+ * @return {Number} the blue value.
+ * @example
+ * <div>
+ * <code>
+ * const c = color(175, 100, 220);
+ * fill(c);
+ * rect(15, 20, 35, 60);
+ * // Sets 'blueValue' to 220.
+ * const blueValue = blue(c);
+ * fill(0, 0, blueValue);
+ * rect(50, 20, 35, 60);
+ * describe('Two rectangles. The left one is light purple and the right one is royal blue.');
+ * </code>
+ * </div>
+ *
+ */
+        _main.default.prototype.blue = function (c) {
+          _main.default._validateParameters('blue', arguments);
+          return this.color(c)._getBlue();
+        };
+        /**
+ * Extracts the HSB brightness value from a
+ * <a href="#/p5.Color">p5.Color</a> object, array of color components, or
+ * CSS color string.
+ *
+ * @method brightness
+ * @param {p5.Color|Number[]|String} color <a href="#/p5.Color">p5.Color</a> object, array of
+ *                                         color components, or CSS color string.
+ * @return {Number} the brightness value.
+ *
+ * @example
+ * <div>
+ * <code>
+ * noStroke();
+ * colorMode(HSB, 255);
+ * const c = color(0, 126, 255);
+ * fill(c);
+ * rect(15, 20, 35, 60);
+ * // Sets 'brightValue' to 255.
+ * const brightValue = brightness(c);
+ * fill(brightValue);
+ * rect(50, 20, 35, 60);
+ * describe('Two rectangles. The left one is salmon pink and the right one is white.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * noStroke();
+ * colorMode(HSB, 255);
+ * const c = color('hsb(60, 100%, 50%)');
+ * fill(c);
+ * rect(15, 20, 35, 60);
+ * // Sets 'brightValue' to 127.5 (50% of 255)
+ * const brightValue = brightness(c);
+ * fill(brightValue);
+ * rect(50, 20, 35, 60);
+ * describe('Two rectangles. The left one is olive and the right one is gray.');
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.brightness = function (c) {
+          _main.default._validateParameters('brightness', arguments);
+          return this.color(c)._getBrightness();
+        };
+        /**
+ * Creates a <a href="#/p5/p5.Color">p5.Color</a> object. By default, the
+ * parameters are interpreted as RGB values. Calling `color(255, 204, 0)` will
+ * return a bright yellow color. The way these parameters are interpreted may
+ * be changed with the <a href="#/p5/colorMode">colorMode()</a> function.
+ *
+ * The version of `color()` with one parameter interprets the value one of two
+ * ways. If the parameter is a number, it's interpreted as a grayscale value.
+ * If the parameter is a string, it's interpreted as a CSS color string.
+ *
+ * The version of `color()` with two parameters interprets the first one as a
+ * grayscale value. The second parameter sets the alpha (transparency) value.
+ *
+ * The version of `color()` with three parameters interprets them as RGB, HSB,
+ * or HSL colors, depending on the current `colorMode()`.
+ *
+ * The version of `color()` with four parameters interprets them as RGBA, HSBA,
+ * or HSLA colors, depending on the current `colorMode()`. The last parameter
+ * sets the alpha (transparency) value.
+ *
+ * @method color
+ * @param  {Number} gray number specifying value between white and black.
+ * @param  {Number} [alpha] alpha value relative to current color range
+ *                                 (default is 0-255).
+ * @return {p5.Color} resulting color.
+ *
+ * @example
+ * <div>
+ * <code>
+ * const c = color(255, 204, 0);
+ * fill(c);
+ * noStroke();
+ * rect(30, 20, 55, 55);
+ * describe('A yellow rectangle on a gray canvas.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * // RGB values.
+ * let c = color(255, 204, 0);
+ * fill(c);
+ * noStroke();
+ * circle(25, 25, 80);
+ * // A grayscale value.
+ * c = color(65);
+ * fill(c);
+ * circle(75, 75, 80);
+ * describe(
+ *   'Two ellipses. The circle in the top-left corner is yellow and the one at the bottom-right is gray.'
+ * );
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * // A CSS named color.
+ * const c = color('magenta');
+ * fill(c);
+ * noStroke();
+ * square(20, 20, 60);
+ * describe('A magenta square on a gray canvas.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * // CSS hex color codes.
+ * noStroke();
+ * let c = color('#0f0');
+ * fill(c);
+ * rect(0, 10, 45, 80);
+ * c = color('#00ff00');
+ * fill(c);
+ * rect(55, 10, 45, 80);
+ * describe('Two bright green rectangles on a gray canvas.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * // RGB and RGBA color strings.
+ * noStroke();
+ * let c = color('rgb(0,0,255)');
+ * fill(c);
+ * square(10, 10, 35);
+ * c = color('rgb(0%, 0%, 100%)');
+ * fill(c);
+ * square(55, 10, 35);
+ * c = color('rgba(0, 0, 255, 1)');
+ * fill(c);
+ * square(10, 55, 35);
+ * c = color('rgba(0%, 0%, 100%, 1)');
+ * fill(c);
+ * square(55, 55, 35);
+ * describe('Four blue squares in corners of a gray canvas.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * // HSL and HSLA color strings.
+ * let c = color('hsl(160, 100%, 50%)');
+ * noStroke();
+ * fill(c);
+ * rect(0, 10, 45, 80);
+ * c = color('hsla(160, 100%, 50%, 0.5)');
+ * fill(c);
+ * rect(55, 10, 45, 80);
+ * describe('Two sea green rectangles. A darker rectangle on the left and a brighter one on the right.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * // HSB and HSBA color strings.
+ * let c = color('hsb(160, 100%, 50%)');
+ * noStroke();
+ * fill(c);
+ * rect(0, 10, 45, 80);
+ * c = color('hsba(160, 100%, 50%, 0.5)');
+ * fill(c);
+ * rect(55, 10, 45, 80);
+ * describe('Two green rectangles. A darker rectangle on the left and a brighter one on the right.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * // Changing color modes.
+ * noStroke();
+ * let c = color(50, 55, 100);
+ * fill(c);
+ * rect(0, 10, 45, 80);
+ * colorMode(HSB, 100);
+ * c = color(50, 55, 100);
+ * fill(c);
+ * rect(55, 10, 45, 80);
+ * describe('Two blue rectangles. A darker rectangle on the left and a brighter one on the right.');
+ * </code>
+ * </div>
+ */
+        /**
+ * @method color
+ * @param  {Number}        v1      red or hue value relative to
+ *                                 the current color range.
+ * @param  {Number}        v2      green or saturation value
+ *                                 relative to the current color range.
+ * @param  {Number}        v3      blue or brightness value
+ *                                 relative to the current color range.
+ * @param  {Number}        [alpha]
+ * @return {p5.Color}
+ */
+        /**
+ * @method color
+ * @param  {String}        value   a color string.
+ * @return {p5.Color}
+ */
+        /**
+ * @method color
+ * @param  {Number[]}      values  an array containing the red, green, blue,
+ *                                 and alpha components of the color.
+ * @return {p5.Color}
+ */
+        /**
+ * @method color
+ * @param  {p5.Color}     color
+ * @return {p5.Color}
+ */
+        _main.default.prototype.color = function () {
+          _main.default._validateParameters('color', arguments);
+          if (arguments[0] instanceof _main.default.Color) {
+            return arguments[0]; // Do nothing if argument is already a color object.
+          }
+          var args = arguments[0] instanceof Array ? arguments[0] : arguments;
+          return new _main.default.Color(this, args);
+        };
+        /**
+ * Extracts the green value from a <a href="#/p5.Color">p5.Color</a> object,
+ * array of color components, or CSS color string.
+ *
+ * @method green
+ * @param {p5.Color|Number[]|String} color <a href="#/p5.Color">p5.Color</a> object, array of
+ *                                         color components, or CSS color string.
+ * @return {Number} the green value.
+ * @example
+ * <div>
+ * <code>
+ * const c = color(20, 75, 200);
+ * fill(c);
+ * rect(15, 20, 35, 60);
+ * // Sets 'greenValue' to 75.
+ * const greenValue = green(c);
+ * fill(0, greenValue, 0);
+ * rect(50, 20, 35, 60);
+ * describe('Two rectangles. The rectangle on the left is blue and the one on the right is green.');
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.green = function (c) {
+          _main.default._validateParameters('green', arguments);
+          return this.color(c)._getGreen();
+        };
+        /**
+ * Extracts the hue value from a
+ * <a href="#/p5.Color">p5.Color</a> object, array of color components, or
+ * CSS color string.
+ *
+ * Hue exists in both HSB and HSL. It describes a color's position on the
+ * color wheel. By default, this function returns the HSL-normalized hue. If
+ * the <a href="#/colorMode">colorMode()</a> is set to HSB, it returns the
+ * HSB-normalized hue.
+ *
+ * @method hue
+ * @param {p5.Color|Number[]|String} color <a href="#/p5.Color">p5.Color</a> object, array of
+ *                                         color components, or CSS color string.
+ * @return {Number} the hue
+ * @example
+ * <div>
+ * <code>
+ * noStroke();
+ * colorMode(HSB, 255);
+ * const c = color(0, 126, 255);
+ * fill(c);
+ * rect(15, 20, 35, 60);
+ * // Sets 'hueValue' to 0.
+ * const hueValue = hue(c);
+ * fill(hueValue);
+ * rect(50, 20, 35, 60);
+ * describe(
+ *   'Two rectangles. The rectangle on the left is salmon pink and the one on the right is black.'
+ * );
+ * </code>
+ * </div>
+ *
+ */
+        _main.default.prototype.hue = function (c) {
+          _main.default._validateParameters('hue', arguments);
+          return this.color(c)._getHue();
+        };
+        /**
+ * Blends two colors to find a third color between them. The `amt` parameter
+ * specifies the amount to interpolate between the two values. 0 is equal to
+ * the first color, 0.1 is very near the first color, 0.5 is halfway between
+ * the two colors, and so on. Negative numbers are set to 0. Numbers greater
+ * than 1 are set to 1. This differs from the behavior of
+ * <a href="#/lerp">lerp</a>. It's necessary because numbers outside of the
+ * interval [0, 1] will produce strange and unexpected colors.
+ *
+ * The way that colors are interpolated depends on the current
+ * <a href="#/colorMode">colorMode()</a>.
+ *
+ * @method lerpColor
+ * @param  {p5.Color} c1  interpolate from this color.
+ * @param  {p5.Color} c2  interpolate to this color.
+ * @param  {Number}       amt number between 0 and 1.
+ * @return {p5.Color}     interpolated color.
+ *
+ * @example
+ * <div>
+ * <code>
+ * colorMode(RGB);
+ * stroke(255);
+ * background(51);
+ * const from = color(218, 165, 32);
+ * const to = color(72, 61, 139);
+ * colorMode(RGB);
+ * const interA = lerpColor(from, to, 0.33);
+ * const interB = lerpColor(from, to, 0.66);
+ * fill(from);
+ * rect(10, 20, 20, 60);
+ * fill(interA);
+ * rect(30, 20, 20, 60);
+ * fill(interB);
+ * rect(50, 20, 20, 60);
+ * fill(to);
+ * rect(70, 20, 20, 60);
+ * describe(
+ *   'Four rectangles with white edges. From left to right, the rectangles are tan, brown, brownish purple, and purple.'
+ * );
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.lerpColor = function (c1, c2, amt) {
+          _main.default._validateParameters('lerpColor', arguments);
+          var mode = this._colorMode;
+          var maxes = this._colorMaxes;
+          var l0,
+          l1,
+          l2,
+          l3;
+          var fromArray,
+          toArray;
+          if (mode === constants.RGB) {
+            fromArray = c1.levels.map(function (level) {
+              return level / 255;
+            });
+            toArray = c2.levels.map(function (level) {
+              return level / 255;
+            });
+          } else if (mode === constants.HSB) {
+            c1._getBrightness(); // Cache hsba so it definitely exists.
+            c2._getBrightness();
+            fromArray = c1.hsba;
+            toArray = c2.hsba;
+          } else if (mode === constants.HSL) {
+            c1._getLightness(); // Cache hsla so it definitely exists.
+            c2._getLightness();
+            fromArray = c1.hsla;
+            toArray = c2.hsla;
+          } else {
+            throw new Error(''.concat(mode, 'cannot be used for interpolation.'));
+          }          // Prevent extrapolation.
+
+          amt = Math.max(Math.min(amt, 1), 0);
+          // Define lerp here itself if user isn't using math module.
+          // Maintains the definition as found in math/calculation.js
+          if (typeof this.lerp === 'undefined') {
+            this.lerp = function (start, stop, amt) {
+              return amt * (stop - start) + start;
+            };
+          }          // Perform interpolation.
+
+          l0 = this.lerp(fromArray[0], toArray[0], amt);
+          l1 = this.lerp(fromArray[1], toArray[1], amt);
+          l2 = this.lerp(fromArray[2], toArray[2], amt);
+          l3 = this.lerp(fromArray[3], toArray[3], amt);
+          // Scale components.
+          l0 *= maxes[mode][0];
+          l1 *= maxes[mode][1];
+          l2 *= maxes[mode][2];
+          l3 *= maxes[mode][3];
+          return this.color(l0, l1, l2, l3);
+        };
+        /**
+ * Extracts the HSL lightness value from a
+ * <a href="#/p5.Color">p5.Color</a> object, array of color components, or
+ * CSS color string.
+ *
+ * @method lightness
+ * @param {p5.Color|Number[]|String} color <a href="#/p5.Color">p5.Color</a> object, array of
+ *                                         color components, or CSS color string.
+ * @return {Number} the lightness
+ *
+ * @example
+ * <div>
+ * <code>
+ * noStroke();
+ * colorMode(HSL);
+ * const c = color(156, 100, 50, 1);
+ * fill(c);
+ * rect(15, 20, 35, 60);
+ * // Sets 'lightValue' to 50.
+ * const lightValue = lightness(c);
+ * fill(lightValue);
+ * rect(50, 20, 35, 60);
+ * describe('Two rectangles. The rectangle on the left is light green and the one on the right is gray.');
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.lightness = function (c) {
+          _main.default._validateParameters('lightness', arguments);
+          return this.color(c)._getLightness();
+        };
+        /**
+ * Extracts the red value from a
+ * <a href="#/p5.Color">p5.Color</a> object, array of color components, or
+ * CSS color string.
+ *
+ * @method red
+ * @param {p5.Color|Number[]|String} color <a href="#/p5.Color">p5.Color</a> object, array of
+ *                                         color components, or CSS color string.
+ * @return {Number} the red value.
+ * @example
+ * <div>
+ * <code>
+ * const c = color(255, 204, 0);
+ * fill(c);
+ * rect(15, 20, 35, 60);
+ * // Sets 'redValue' to 255.
+ * const redValue = red(c);
+ * fill(redValue, 0, 0);
+ * rect(50, 20, 35, 60);
+ * describe(
+ *   'Two rectangles with black edges. The rectangle on the left is yellow and the one on the right is red.'
+ * );
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.red = function (c) {
+          _main.default._validateParameters('red', arguments);
+          return this.color(c)._getRed();
+        };
+        /**
+ * Extracts the saturation value from a
+ * <a href="#/p5.Color">p5.Color</a> object, array of color components, or
+ * CSS color string.
+ *
+ * Saturation is scaled differently in HSB and HSL. By default, this function
+ * returns the HSL saturation. If the <a href="#/colorMode">colorMode()</a>
+ * is set to HSB, it returns the HSB saturation.
+ *
+ * @method saturation
+ * @param {p5.Color|Number[]|String} color <a href="#/p5.Color">p5.Color</a> object, array of
+ *                                         color components, or CSS color string.
+ * @return {Number} the saturation value
+ * @example
+ * <div>
+ * <code>
+ * noStroke();
+ * colorMode(HSB, 255);
+ * const c = color(0, 126, 255);
+ * fill(c);
+ * rect(15, 20, 35, 60);
+ * // Sets 'satValue' to 126.
+ * const satValue = saturation(c);
+ * fill(satValue);
+ * rect(50, 20, 35, 60);
+ * describe(
+ *   'Two rectangles. The rectangle on the left is deep pink and the one on the right is gray.'
+ * );
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.saturation = function (c) {
+          _main.default._validateParameters('saturation', arguments);
+          return this.color(c)._getSaturation();
+        };
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        '../core/constants': 286,
+        '../core/friendly_errors/fes_core': 289,
+        '../core/friendly_errors/file_errors': 290,
+        '../core/friendly_errors/validate_params': 293,
+        '../core/main': 298,
+        './p5.Color': 284,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.array.map': 182,
+        'core-js/modules/es.object.get-own-property-descriptor': 196,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/es.weak-map': 254,
+        'core-js/modules/web.dom-collections.iterator': 256
+      }
+    ],
+    284: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.includes');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.join');
+        _dereq_('core-js/modules/es.array.map');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.object.get-own-property-descriptor');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.regexp.constructor');
+        _dereq_('core-js/modules/es.regexp.exec');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        _dereq_('core-js/modules/es.string.includes');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.string.trim');
+        _dereq_('core-js/modules/es.weak-map');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        function _typeof2(obj) {
+          if (typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol') {
+            _typeof2 = function _typeof2(obj) {
+              return typeof obj;
+            };
+          } else {
+            _typeof2 = function _typeof2(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj;
+            };
+          }
+          return _typeof2(obj);
+        }
+        function _typeof(obj) {
+          if (typeof Symbol === 'function' && _typeof2(Symbol.iterator) === 'symbol') {
+            _typeof = function _typeof(obj) {
+              return _typeof2(obj);
+            };
+          } else {
+            _typeof = function _typeof(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : _typeof2(obj);
+            };
+          }
+          return _typeof(obj);
+        }
+        _dereq_('core-js/modules/es.array.includes');
+        _dereq_('core-js/modules/es.array.join');
+        _dereq_('core-js/modules/es.array.map');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.regexp.constructor');
+        _dereq_('core-js/modules/es.regexp.exec');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        _dereq_('core-js/modules/es.string.includes');
+        _dereq_('core-js/modules/es.string.trim');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        var constants = _interopRequireWildcard(_dereq_('../core/constants'));
+        var _color_conversion = _interopRequireDefault(_dereq_('./color_conversion'));
+        function _getRequireWildcardCache() {
+          if (typeof WeakMap !== 'function') return null;
+          var cache = new WeakMap();
+          _getRequireWildcardCache = function _getRequireWildcardCache() {
+            return cache;
+          };
+          return cache;
+        }
+        function _interopRequireWildcard(obj) {
+          if (obj && obj.__esModule) {
+            return obj;
+          }
+          if (obj === null || _typeof(obj) !== 'object' && typeof obj !== 'function') {
+            return {
+            default:
+              obj
+            };
+          }
+          var cache = _getRequireWildcardCache();
+          if (cache && cache.has(obj)) {
+            return cache.get(obj);
+          }
+          var newObj = {
+          };
+          var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+          for (var key in obj) {
+            if (Object.prototype.hasOwnProperty.call(obj, key)) {
+              var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+              if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+              } else {
+                newObj[key] = obj[key];
+              }
+            }
+          }
+          newObj.default = obj;
+          if (cache) {
+            cache.set(obj, newObj);
+          }
+          return newObj;
+        }
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            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;
+        } /**
+   * @module Color
+   * @submodule Creating & Reading
+   * @for p5
+   * @requires core
+   * @requires constants
+   * @requires color_conversion
+   */
+        /**
+ * CSS named colors.
+ */
+
+        var namedColors = {
+          aliceblue: '#f0f8ff',
+          antiquewhite: '#faebd7',
+          aqua: '#00ffff',
+          aquamarine: '#7fffd4',
+          azure: '#f0ffff',
+          beige: '#f5f5dc',
+          bisque: '#ffe4c4',
+          black: '#000000',
+          blanchedalmond: '#ffebcd',
+          blue: '#0000ff',
+          blueviolet: '#8a2be2',
+          brown: '#a52a2a',
+          burlywood: '#deb887',
+          cadetblue: '#5f9ea0',
+          chartreuse: '#7fff00',
+          chocolate: '#d2691e',
+          coral: '#ff7f50',
+          cornflowerblue: '#6495ed',
+          cornsilk: '#fff8dc',
+          crimson: '#dc143c',
+          cyan: '#00ffff',
+          darkblue: '#00008b',
+          darkcyan: '#008b8b',
+          darkgoldenrod: '#b8860b',
+          darkgray: '#a9a9a9',
+          darkgreen: '#006400',
+          darkgrey: '#a9a9a9',
+          darkkhaki: '#bdb76b',
+          darkmagenta: '#8b008b',
+          darkolivegreen: '#556b2f',
+          darkorange: '#ff8c00',
+          darkorchid: '#9932cc',
+          darkred: '#8b0000',
+          darksalmon: '#e9967a',
+          darkseagreen: '#8fbc8f',
+          darkslateblue: '#483d8b',
+          darkslategray: '#2f4f4f',
+          darkslategrey: '#2f4f4f',
+          darkturquoise: '#00ced1',
+          darkviolet: '#9400d3',
+          deeppink: '#ff1493',
+          deepskyblue: '#00bfff',
+          dimgray: '#696969',
+          dimgrey: '#696969',
+          dodgerblue: '#1e90ff',
+          firebrick: '#b22222',
+          floralwhite: '#fffaf0',
+          forestgreen: '#228b22',
+          fuchsia: '#ff00ff',
+          gainsboro: '#dcdcdc',
+          ghostwhite: '#f8f8ff',
+          gold: '#ffd700',
+          goldenrod: '#daa520',
+          gray: '#808080',
+          green: '#008000',
+          greenyellow: '#adff2f',
+          grey: '#808080',
+          honeydew: '#f0fff0',
+          hotpink: '#ff69b4',
+          indianred: '#cd5c5c',
+          indigo: '#4b0082',
+          ivory: '#fffff0',
+          khaki: '#f0e68c',
+          lavender: '#e6e6fa',
+          lavenderblush: '#fff0f5',
+          lawngreen: '#7cfc00',
+          lemonchiffon: '#fffacd',
+          lightblue: '#add8e6',
+          lightcoral: '#f08080',
+          lightcyan: '#e0ffff',
+          lightgoldenrodyellow: '#fafad2',
+          lightgray: '#d3d3d3',
+          lightgreen: '#90ee90',
+          lightgrey: '#d3d3d3',
+          lightpink: '#ffb6c1',
+          lightsalmon: '#ffa07a',
+          lightseagreen: '#20b2aa',
+          lightskyblue: '#87cefa',
+          lightslategray: '#778899',
+          lightslategrey: '#778899',
+          lightsteelblue: '#b0c4de',
+          lightyellow: '#ffffe0',
+          lime: '#00ff00',
+          limegreen: '#32cd32',
+          linen: '#faf0e6',
+          magenta: '#ff00ff',
+          maroon: '#800000',
+          mediumaquamarine: '#66cdaa',
+          mediumblue: '#0000cd',
+          mediumorchid: '#ba55d3',
+          mediumpurple: '#9370db',
+          mediumseagreen: '#3cb371',
+          mediumslateblue: '#7b68ee',
+          mediumspringgreen: '#00fa9a',
+          mediumturquoise: '#48d1cc',
+          mediumvioletred: '#c71585',
+          midnightblue: '#191970',
+          mintcream: '#f5fffa',
+          mistyrose: '#ffe4e1',
+          moccasin: '#ffe4b5',
+          navajowhite: '#ffdead',
+          navy: '#000080',
+          oldlace: '#fdf5e6',
+          olive: '#808000',
+          olivedrab: '#6b8e23',
+          orange: '#ffa500',
+          orangered: '#ff4500',
+          orchid: '#da70d6',
+          palegoldenrod: '#eee8aa',
+          palegreen: '#98fb98',
+          paleturquoise: '#afeeee',
+          palevioletred: '#db7093',
+          papayawhip: '#ffefd5',
+          peachpuff: '#ffdab9',
+          peru: '#cd853f',
+          pink: '#ffc0cb',
+          plum: '#dda0dd',
+          powderblue: '#b0e0e6',
+          purple: '#800080',
+          rebeccapurple: '#663399',
+          red: '#ff0000',
+          rosybrown: '#bc8f8f',
+          royalblue: '#4169e1',
+          saddlebrown: '#8b4513',
+          salmon: '#fa8072',
+          sandybrown: '#f4a460',
+          seagreen: '#2e8b57',
+          seashell: '#fff5ee',
+          sienna: '#a0522d',
+          silver: '#c0c0c0',
+          skyblue: '#87ceeb',
+          slateblue: '#6a5acd',
+          slategray: '#708090',
+          slategrey: '#708090',
+          snow: '#fffafa',
+          springgreen: '#00ff7f',
+          steelblue: '#4682b4',
+          tan: '#d2b48c',
+          teal: '#008080',
+          thistle: '#d8bfd8',
+          tomato: '#ff6347',
+          turquoise: '#40e0d0',
+          violet: '#ee82ee',
+          wheat: '#f5deb3',
+          white: '#ffffff',
+          whitesmoke: '#f5f5f5',
+          yellow: '#ffff00',
+          yellowgreen: '#9acd32'
+        };
+        /**
+ * These regular expressions are used to build up the patterns for matching
+ * viable CSS color strings: fragmenting the regexes in this way increases the
+ * legibility and comprehensibility of the code.
+ *
+ * Note that RGB values of .9 are not parsed by IE, but are supported here for
+ * color string consistency.
+ */
+        var WHITESPACE = /\s*/; // Match zero or more whitespace characters.
+        var INTEGER = /(\d{1,3})/; // Match integers: 79, 255, etc.
+        var DECIMAL = /((?:\d+(?:\.\d+)?)|(?:\.\d+))/; // Match 129.6, 79, .9, etc.
+        var PERCENT = new RegExp(''.concat(DECIMAL.source, '%')); // Match 12.9%, 79%, .9%, etc.
+        /**
+ * Full color string patterns. The capture groups are necessary.
+ */
+        var colorPatterns = {
+          // Match colors in format #XXX, e.g. #416.
+          HEX3: /^#([a-f0-9])([a-f0-9])([a-f0-9])$/i,
+          // Match colors in format #XXXX, e.g. #5123.
+          HEX4: /^#([a-f0-9])([a-f0-9])([a-f0-9])([a-f0-9])$/i,
+          // Match colors in format #XXXXXX, e.g. #b4d455.
+          HEX6: /^#([a-f0-9]{2})([a-f0-9]{2})([a-f0-9]{2})$/i,
+          // Match colors in format #XXXXXXXX, e.g. #b4d45535.
+          HEX8: /^#([a-f0-9]{2})([a-f0-9]{2})([a-f0-9]{2})([a-f0-9]{2})$/i,
+          // Match colors in format rgb(R, G, B), e.g. rgb(255, 0, 128).
+          RGB: new RegExp(['^rgb\\(',
+          INTEGER.source,
+          ',',
+          INTEGER.source,
+          ',',
+          INTEGER.source,
+          '\\)$'].join(WHITESPACE.source), 'i'),
+          // Match colors in format rgb(R%, G%, B%), e.g. rgb(100%, 0%, 28.9%).
+          RGB_PERCENT: new RegExp(['^rgb\\(',
+          PERCENT.source,
+          ',',
+          PERCENT.source,
+          ',',
+          PERCENT.source,
+          '\\)$'].join(WHITESPACE.source), 'i'),
+          // Match colors in format rgb(R, G, B, A), e.g. rgb(255, 0, 128, 0.25).
+          RGBA: new RegExp(['^rgba\\(',
+          INTEGER.source,
+          ',',
+          INTEGER.source,
+          ',',
+          INTEGER.source,
+          ',',
+          DECIMAL.source,
+          '\\)$'].join(WHITESPACE.source), 'i'),
+          // Match colors in format rgb(R%, G%, B%, A), e.g. rgb(100%, 0%, 28.9%, 0.5).
+          RGBA_PERCENT: new RegExp(['^rgba\\(',
+          PERCENT.source,
+          ',',
+          PERCENT.source,
+          ',',
+          PERCENT.source,
+          ',',
+          DECIMAL.source,
+          '\\)$'].join(WHITESPACE.source), 'i'),
+          // Match colors in format hsla(H, S%, L%), e.g. hsl(100, 40%, 28.9%).
+          HSL: new RegExp(['^hsl\\(',
+          INTEGER.source,
+          ',',
+          PERCENT.source,
+          ',',
+          PERCENT.source,
+          '\\)$'].join(WHITESPACE.source), 'i'),
+          // Match colors in format hsla(H, S%, L%, A), e.g. hsla(100, 40%, 28.9%, 0.5).
+          HSLA: new RegExp(['^hsla\\(',
+          INTEGER.source,
+          ',',
+          PERCENT.source,
+          ',',
+          PERCENT.source,
+          ',',
+          DECIMAL.source,
+          '\\)$'].join(WHITESPACE.source), 'i'),
+          // Match colors in format hsb(H, S%, B%), e.g. hsb(100, 40%, 28.9%).
+          HSB: new RegExp(['^hsb\\(',
+          INTEGER.source,
+          ',',
+          PERCENT.source,
+          ',',
+          PERCENT.source,
+          '\\)$'].join(WHITESPACE.source), 'i'),
+          // Match colors in format hsba(H, S%, B%, A), e.g. hsba(100, 40%, 28.9%, 0.5).
+          HSBA: new RegExp(['^hsba\\(',
+          INTEGER.source,
+          ',',
+          PERCENT.source,
+          ',',
+          PERCENT.source,
+          ',',
+          DECIMAL.source,
+          '\\)$'].join(WHITESPACE.source), 'i')
+        };
+        /**
+ * A class to describe a color. Each `p5.Color` object stores the color mode
+ * and level maxes that were active during its construction. These values are
+ * used to interpret the arguments passed to the object's constructor. They
+ * also determine output formatting such as when
+ * <a href="#/p5/saturation">saturation()</a> is called.
+ *
+ * Color is stored internally as an array of ideal RGBA values in floating
+ * point form, normalized from 0 to 1. These values are used to calculate the
+ * closest screen colors, which are RGBA levels from 0 to 255. Screen colors
+ * are sent to the renderer.
+ *
+ * When different color representations are calculated, the results are cached
+ * for performance. These values are normalized, floating-point numbers.
+ *
+ * <a href="#/p5/color">color()</a> is the recommended way to create an instance
+ * of this class.
+ *
+ * @class p5.Color
+ * @constructor
+ * @param {p5} [pInst]                      pointer to p5 instance.
+ *
+ * @param {Number[]|String} vals            an array containing the color values
+ *                                          for red, green, blue and alpha channel
+ *                                          or CSS color.
+ */
+        _main.default.Color = /*#__PURE__*/ function () {
+          function Color(pInst, vals) {
+            _classCallCheck(this, Color);
+            // Record color mode and maxes at time of construction.
+            this._storeModeAndMaxes(pInst._colorMode, pInst._colorMaxes);
+            // Calculate normalized RGBA values.
+            if (![constants.RGB,
+            constants.HSL,
+            constants.HSB].includes(this.mode)) {
+              throw new Error(''.concat(this.mode, ' is an invalid colorMode.'));
+            } else {
+              this._array = Color._parseInputs.apply(this, vals);
+            }            // Expose closest screen color.
+
+            this._calculateLevels();
+          }          /**
+   * Returns the color formatted as a string. Doing so can be useful for
+   * debugging, or for using p5.js with other libraries.
+   *
+   * @method toString
+   * @param {String} [format] how the color string will be formatted.
+   * Leaving this empty formats the string as rgba(r, g, b, a).
+   * '#rgb' '#rgba' '#rrggbb' and '#rrggbbaa' format as hexadecimal color codes.
+   * 'rgb' 'hsb' and 'hsl' return the color formatted in the specified color mode.
+   * 'rgba' 'hsba' and 'hsla' are the same as above but with alpha channels.
+   * 'rgb%' 'hsb%' 'hsl%' 'rgba%' 'hsba%' and 'hsla%' format as percentages.
+   * @return {String} the formatted string.
+   *
+   * @example
+   * <div>
+   * <code>
+   * createCanvas(200, 100);
+   * stroke(255);
+   * const myColor = color(100, 100, 250);
+   * fill(myColor);
+   * rotate(HALF_PI);
+   * text(myColor.toString(), 0, -5);
+   * text(myColor.toString('#rrggbb'), 0, -30);
+   * text(myColor.toString('rgba%'), 0, -55);
+   * describe('Three text representation of a color written sideways.');
+   * </code>
+   * </div>
+   *
+   * <div>
+   * <code>
+   * const myColor = color(100, 130, 250);
+   * text(myColor.toString('#rrggbb'), 25, 25);
+   * describe('A hexadecimal representation of a color.');
+   * </code>
+   * </div>
+   */
+
+          _createClass(Color, [
+            {
+              key: 'toString',
+              value: function toString(format) {
+                var a = this.levels;
+                var f = this._array;
+                var alpha = f[3]; // String representation uses normalized alpha
+                switch (format) {
+                  case '#rrggbb':
+                    return '#'.concat(a[0] < 16 ? '0'.concat(a[0].toString(16)) : a[0].toString(16), a[1] < 16 ? '0'.concat(a[1].toString(16)) : a[1].toString(16), a[2] < 16 ? '0'.concat(a[2].toString(16)) : a[2].toString(16));
+                  case '#rrggbbaa':
+                    return '#'.concat(a[0] < 16 ? '0'.concat(a[0].toString(16)) : a[0].toString(16), a[1] < 16 ? '0'.concat(a[1].toString(16)) : a[1].toString(16), a[2] < 16 ? '0'.concat(a[2].toString(16)) : a[2].toString(16), a[3] < 16 ? '0'.concat(a[3].toString(16)) : a[3].toString(16));
+                  case '#rgb':
+                    return '#'.concat(Math.round(f[0] * 15).toString(16), Math.round(f[1] * 15).toString(16), Math.round(f[2] * 15).toString(16));
+                  case '#rgba':
+                    return '#'.concat(Math.round(f[0] * 15).toString(16), Math.round(f[1] * 15).toString(16), Math.round(f[2] * 15).toString(16), Math.round(f[3] * 15).toString(16));
+                  case 'rgb':
+                    return 'rgb('.concat(a[0], ', ', a[1], ', ', a[2], ')');
+                  case 'rgb%':
+                    return 'rgb('.concat((100 * f[0]).toPrecision(3), '%, ', (100 * f[1]).toPrecision(3), '%, ', (100 * f[2]).toPrecision(3), '%)');
+                  case 'rgba%':
+                    return 'rgba('.concat((100 * f[0]).toPrecision(3), '%, ', (100 * f[1]).toPrecision(3), '%, ', (100 * f[2]).toPrecision(3), '%, ', (100 * f[3]).toPrecision(3), '%)');
+                  case 'hsb':
+                  case 'hsv':
+                    if (!this.hsba) this.hsba = _color_conversion.default._rgbaToHSBA(this._array);
+                    return 'hsb('.concat(this.hsba[0] * this.maxes[constants.HSB][0], ', ', this.hsba[1] * this.maxes[constants.HSB][1], ', ', this.hsba[2] * this.maxes[constants.HSB][2], ')');
+                  case 'hsb%':
+                  case 'hsv%':
+                    if (!this.hsba) this.hsba = _color_conversion.default._rgbaToHSBA(this._array);
+                    return 'hsb('.concat((100 * this.hsba[0]).toPrecision(3), '%, ', (100 * this.hsba[1]).toPrecision(3), '%, ', (100 * this.hsba[2]).toPrecision(3), '%)');
+                  case 'hsba':
+                  case 'hsva':
+                    if (!this.hsba) this.hsba = _color_conversion.default._rgbaToHSBA(this._array);
+                    return 'hsba('.concat(this.hsba[0] * this.maxes[constants.HSB][0], ', ', this.hsba[1] * this.maxes[constants.HSB][1], ', ', this.hsba[2] * this.maxes[constants.HSB][2], ', ', alpha, ')');
+                  case 'hsba%':
+                  case 'hsva%':
+                    if (!this.hsba) this.hsba = _color_conversion.default._rgbaToHSBA(this._array);
+                    return 'hsba('.concat((100 * this.hsba[0]).toPrecision(3), '%, ', (100 * this.hsba[1]).toPrecision(3), '%, ', (100 * this.hsba[2]).toPrecision(3), '%, ', (100 * alpha).toPrecision(3), '%)');
+                  case 'hsl':
+                    if (!this.hsla) this.hsla = _color_conversion.default._rgbaToHSLA(this._array);
+                    return 'hsl('.concat(this.hsla[0] * this.maxes[constants.HSL][0], ', ', this.hsla[1] * this.maxes[constants.HSL][1], ', ', this.hsla[2] * this.maxes[constants.HSL][2], ')');
+                  case 'hsl%':
+                    if (!this.hsla) this.hsla = _color_conversion.default._rgbaToHSLA(this._array);
+                    return 'hsl('.concat((100 * this.hsla[0]).toPrecision(3), '%, ', (100 * this.hsla[1]).toPrecision(3), '%, ', (100 * this.hsla[2]).toPrecision(3), '%)');
+                  case 'hsla':
+                    if (!this.hsla) this.hsla = _color_conversion.default._rgbaToHSLA(this._array);
+                    return 'hsla('.concat(this.hsla[0] * this.maxes[constants.HSL][0], ', ', this.hsla[1] * this.maxes[constants.HSL][1], ', ', this.hsla[2] * this.maxes[constants.HSL][2], ', ', alpha, ')');
+                  case 'hsla%':
+                    if (!this.hsla) this.hsla = _color_conversion.default._rgbaToHSLA(this._array);
+                    return 'hsl('.concat((100 * this.hsla[0]).toPrecision(3), '%, ', (100 * this.hsla[1]).toPrecision(3), '%, ', (100 * this.hsla[2]).toPrecision(3), '%, ', (100 * alpha).toPrecision(3), '%)');
+                  case 'rgba':
+                  default:
+                    return 'rgba('.concat(a[0], ',', a[1], ',', a[2], ',', alpha, ')');
+                }
+              }              /**
+     * Sets the red component of a color. The range depends on the
+     * <a href="#/colorMode">colorMode()</a>. In the default RGB mode it's
+     * between 0 and 255.
+     *
+     * @method setRed
+     * @param {Number} red the new red value.
+     *
+     * @example
+     * <div>
+     * <code>
+     * let backgroundColor;
+     *
+     * function setup() {
+     *   backgroundColor = color(100, 50, 150);
+     * }
+     *
+     * function draw() {
+     *   backgroundColor.setRed(128 + 128 * sin(millis() / 1000));
+     *   background(backgroundColor);
+     *   describe('A canvas with a gradually changing background color.');
+     * }
+     * </code>
+     * </div>
+     */
+
+            },
+            {
+              key: 'setRed',
+              value: function setRed(new_red) {
+                this._array[0] = new_red / this.maxes[constants.RGB][0];
+                this._calculateLevels();
+              }              /**
+     * Sets the green component of a color. The range depends on the
+     * <a href="#/colorMode">colorMode()</a>. In the default RGB mode it's
+     * between 0 and 255.
+     *
+     * @method setGreen
+     * @param {Number} green the new green value.
+     *
+     * @example
+     * <div>
+     * <code>
+     * let backgroundColor;
+     *
+     * function setup() {
+     *   backgroundColor = color(100, 50, 150);
+     * }
+     *
+     * function draw() {
+     *   backgroundColor.setGreen(128 + 128 * sin(millis() / 1000));
+     *   background(backgroundColor);
+     *   describe('A canvas with a gradually changing background color.');
+     * }
+     * </code>
+     * </div>
+     **/
+
+            },
+            {
+              key: 'setGreen',
+              value: function setGreen(new_green) {
+                this._array[1] = new_green / this.maxes[constants.RGB][1];
+                this._calculateLevels();
+              }              /**
+     * Sets the blue component of a color. The range depends on the
+     * <a href="#/colorMode">colorMode()</a>. In the default RGB mode it's
+     * between 0 and 255.
+     *
+     * @method setBlue
+     * @param {Number} blue the new blue value.
+     *
+     * @example
+     * <div>
+     * <code>
+     * let backgroundColor;
+     *
+     * function setup() {
+     *   backgroundColor = color(100, 50, 150);
+     * }
+     *
+     * function draw() {
+     *   backgroundColor.setBlue(128 + 128 * sin(millis() / 1000));
+     *   background(backgroundColor);
+     *   describe('A canvas with a gradually changing background color.');
+     * }
+     * </code>
+     * </div>
+     **/
+
+            },
+            {
+              key: 'setBlue',
+              value: function setBlue(new_blue) {
+                this._array[2] = new_blue / this.maxes[constants.RGB][2];
+                this._calculateLevels();
+              }              /**
+     * Sets the alpha (transparency) value of a color. The range depends on the
+     * <a href="#/colorMode">colorMode()</a>. In the default RGB mode it's
+     * between 0 and 255.
+     *
+     * @method setAlpha
+     * @param {Number} alpha the new alpha value.
+     *
+     * @example
+     * <div>
+     * <code>
+     * function draw() {
+     *   clear();
+     *   background(200);
+     *   const squareColor = color(100, 50, 100);
+     *   squareColor.setAlpha(128 + 128 * sin(millis() / 1000));
+     *   fill(squareColor);
+     *   rect(13, 13, width - 26, height - 26);
+     *   describe(
+     *     'A purple square with gradually changing opacity drawn on a gray background.'
+     *   );
+     * }
+     * </code>
+     * </div>
+     **/
+
+            },
+            {
+              key: 'setAlpha',
+              value: function setAlpha(new_alpha) {
+                this._array[3] = new_alpha / this.maxes[this.mode][3];
+                this._calculateLevels();
+              } // calculates and stores the closest screen levels
+
+            },
+            {
+              key: '_calculateLevels',
+              value: function _calculateLevels() {
+                var array = this._array;
+                // (loop backwards for performance)
+                var levels = this.levels = new Array(array.length);
+                for (var i = array.length - 1; i >= 0; --i) {
+                  levels[i] = Math.round(array[i] * 255);
+                }                // Clear cached HSL/HSB values
+
+                this.hsla = null;
+                this.hsba = null;
+              }
+            },
+            {
+              key: '_getAlpha',
+              value: function _getAlpha() {
+                return this._array[3] * this.maxes[this.mode][3];
+              } // stores the color mode and maxes in this instance of Color
+              // for later use (by _parseInputs())
+
+            },
+            {
+              key: '_storeModeAndMaxes',
+              value: function _storeModeAndMaxes(new_mode, new_maxes) {
+                this.mode = new_mode;
+                this.maxes = new_maxes;
+              }
+            },
+            {
+              key: '_getMode',
+              value: function _getMode() {
+                return this.mode;
+              }
+            },
+            {
+              key: '_getMaxes',
+              value: function _getMaxes() {
+                return this.maxes;
+              }
+            },
+            {
+              key: '_getBlue',
+              value: function _getBlue() {
+                return this._array[2] * this.maxes[constants.RGB][2];
+              }
+            },
+            {
+              key: '_getBrightness',
+              value: function _getBrightness() {
+                if (!this.hsba) {
+                  this.hsba = _color_conversion.default._rgbaToHSBA(this._array);
+                }
+                return this.hsba[2] * this.maxes[constants.HSB][2];
+              }
+            },
+            {
+              key: '_getGreen',
+              value: function _getGreen() {
+                return this._array[1] * this.maxes[constants.RGB][1];
+              }              /**
+     * Hue is the same in HSB and HSL, but the maximum value may be different.
+     * This function will return the HSB-normalized saturation when supplied with
+     * an HSB color object, but will default to the HSL-normalized saturation
+     * otherwise.
+     */
+
+            },
+            {
+              key: '_getHue',
+              value: function _getHue() {
+                if (this.mode === constants.HSB) {
+                  if (!this.hsba) {
+                    this.hsba = _color_conversion.default._rgbaToHSBA(this._array);
+                  }
+                  return this.hsba[0] * this.maxes[constants.HSB][0];
+                } else {
+                  if (!this.hsla) {
+                    this.hsla = _color_conversion.default._rgbaToHSLA(this._array);
+                  }
+                  return this.hsla[0] * this.maxes[constants.HSL][0];
+                }
+              }
+            },
+            {
+              key: '_getLightness',
+              value: function _getLightness() {
+                if (!this.hsla) {
+                  this.hsla = _color_conversion.default._rgbaToHSLA(this._array);
+                }
+                return this.hsla[2] * this.maxes[constants.HSL][2];
+              }
+            },
+            {
+              key: '_getRed',
+              value: function _getRed() {
+                return this._array[0] * this.maxes[constants.RGB][0];
+              }              /**
+     * Saturation is scaled differently in HSB and HSL. This function will return
+     * the HSB saturation when supplied with an HSB color object, but will default
+     * to the HSL saturation otherwise.
+     */
+
+            },
+            {
+              key: '_getSaturation',
+              value: function _getSaturation() {
+                if (this.mode === constants.HSB) {
+                  if (!this.hsba) {
+                    this.hsba = _color_conversion.default._rgbaToHSBA(this._array);
+                  }
+                  return this.hsba[1] * this.maxes[constants.HSB][1];
+                } else {
+                  if (!this.hsla) {
+                    this.hsla = _color_conversion.default._rgbaToHSLA(this._array);
+                  }
+                  return this.hsla[1] * this.maxes[constants.HSL][1];
+                }
+              }              /**
+    * For a number of different inputs, returns a color formatted as [r, g, b, a]
+    * arrays, with each component normalized between 0 and 1.
+    *
+    * @private
+    * @param {Array} [...args] An 'array-like' object that represents a list of
+    *                          arguments
+    * @return {Number[]}       a color formatted as [r, g, b, a]
+    *                          Example:
+    *                          input        ==> output
+    *                          g            ==> [g, g, g, 255]
+    *                          g,a          ==> [g, g, g, a]
+    *                          r, g, b      ==> [r, g, b, 255]
+    *                          r, g, b, a   ==> [r, g, b, a]
+    *                          [g]          ==> [g, g, g, 255]
+    *                          [g, a]       ==> [g, g, g, a]
+    *                          [r, g, b]    ==> [r, g, b, 255]
+    *                          [r, g, b, a] ==> [r, g, b, a]
+    * @example
+    * <div>
+    * <code>
+    * // todo
+    * //
+    * // describe('');
+    * </code>
+    * </div>
+    */
+
+            }
+          ], [
+            {
+              key: '_parseInputs',
+              value: function _parseInputs(r, g, b, a) {
+                var numArgs = arguments.length;
+                var mode = this.mode;
+                var maxes = this.maxes[mode];
+                var results = [
+                ];
+                var i;
+                if (numArgs >= 3) {
+                  // Argument is a list of component values.
+                  results[0] = r / maxes[0];
+                  results[1] = g / maxes[1];
+                  results[2] = b / maxes[2];
+                  // Alpha may be undefined, so default it to 100%.
+                  if (typeof a === 'number') {
+                    results[3] = a / maxes[3];
+                  } else {
+                    results[3] = 1;
+                  }                  // Constrain components to the range [0,1].
+                  // (loop backwards for performance)
+
+                  for (i = results.length - 1; i >= 0; --i) {
+                    var result = results[i];
+                    if (result < 0) {
+                      results[i] = 0;
+                    } else if (result > 1) {
+                      results[i] = 1;
+                    }
+                  }                  // Convert to RGBA and return.
+
+                  if (mode === constants.HSL) {
+                    return _color_conversion.default._hslaToRGBA(results);
+                  } else if (mode === constants.HSB) {
+                    return _color_conversion.default._hsbaToRGBA(results);
+                  } else {
+                    return results;
+                  }
+                } else if (numArgs === 1 && typeof r === 'string') {
+                  var str = r.trim().toLowerCase();
+                  // Return if string is a named colour.
+                  if (namedColors[str]) {
+                    return Color._parseInputs.call(this, namedColors[str]);
+                  }                  // Try RGBA pattern matching.
+
+                  if (colorPatterns.HEX3.test(str)) {
+                    // #rgb
+                    results = colorPatterns.HEX3.exec(str).slice(1).map(function (color) {
+                      return parseInt(color + color, 16) / 255;
+                    });
+                    results[3] = 1;
+                    return results;
+                  } else if (colorPatterns.HEX6.test(str)) {
+                    // #rrggbb
+                    results = colorPatterns.HEX6.exec(str).slice(1).map(function (color) {
+                      return parseInt(color, 16) / 255;
+                    });
+                    results[3] = 1;
+                    return results;
+                  } else if (colorPatterns.HEX4.test(str)) {
+                    // #rgba
+                    results = colorPatterns.HEX4.exec(str).slice(1).map(function (color) {
+                      return parseInt(color + color, 16) / 255;
+                    });
+                    return results;
+                  } else if (colorPatterns.HEX8.test(str)) {
+                    // #rrggbbaa
+                    results = colorPatterns.HEX8.exec(str).slice(1).map(function (color) {
+                      return parseInt(color, 16) / 255;
+                    });
+                    return results;
+                  } else if (colorPatterns.RGB.test(str)) {
+                    // rgb(R,G,B)
+                    results = colorPatterns.RGB.exec(str).slice(1).map(function (color) {
+                      return color / 255;
+                    });
+                    results[3] = 1;
+                    return results;
+                  } else if (colorPatterns.RGB_PERCENT.test(str)) {
+                    // rgb(R%,G%,B%)
+                    results = colorPatterns.RGB_PERCENT.exec(str).slice(1).map(function (color) {
+                      return parseFloat(color) / 100;
+                    });
+                    results[3] = 1;
+                    return results;
+                  } else if (colorPatterns.RGBA.test(str)) {
+                    // rgba(R,G,B,A)
+                    results = colorPatterns.RGBA.exec(str).slice(1).map(function (color, idx) {
+                      if (idx === 3) {
+                        return parseFloat(color);
+                      }
+                      return color / 255;
+                    });
+                    return results;
+                  } else if (colorPatterns.RGBA_PERCENT.test(str)) {
+                    // rgba(R%,G%,B%,A%)
+                    results = colorPatterns.RGBA_PERCENT.exec(str).slice(1).map(function (color, idx) {
+                      if (idx === 3) {
+                        return parseFloat(color);
+                      }
+                      return parseFloat(color) / 100;
+                    });
+                    return results;
+                  }                  // Try HSLA pattern matching.
+
+                  if (colorPatterns.HSL.test(str)) {
+                    // hsl(H,S,L)
+                    results = colorPatterns.HSL.exec(str).slice(1).map(function (color, idx) {
+                      if (idx === 0) {
+                        return parseInt(color, 10) / 360;
+                      }
+                      return parseInt(color, 10) / 100;
+                    });
+                    results[3] = 1;
+                  } else if (colorPatterns.HSLA.test(str)) {
+                    // hsla(H,S,L,A)
+                    results = colorPatterns.HSLA.exec(str).slice(1).map(function (color, idx) {
+                      if (idx === 0) {
+                        return parseInt(color, 10) / 360;
+                      } else if (idx === 3) {
+                        return parseFloat(color);
+                      }
+                      return parseInt(color, 10) / 100;
+                    });
+                  }
+                  results = results.map(function (value) {
+                    return Math.max(Math.min(value, 1), 0);
+                  });
+                  if (results.length) {
+                    return _color_conversion.default._hslaToRGBA(results);
+                  }                  // Try HSBA pattern matching.
+
+                  if (colorPatterns.HSB.test(str)) {
+                    // hsb(H,S,B)
+                    results = colorPatterns.HSB.exec(str).slice(1).map(function (color, idx) {
+                      if (idx === 0) {
+                        return parseInt(color, 10) / 360;
+                      }
+                      return parseInt(color, 10) / 100;
+                    });
+                    results[3] = 1;
+                  } else if (colorPatterns.HSBA.test(str)) {
+                    // hsba(H,S,B,A)
+                    results = colorPatterns.HSBA.exec(str).slice(1).map(function (color, idx) {
+                      if (idx === 0) {
+                        return parseInt(color, 10) / 360;
+                      } else if (idx === 3) {
+                        return parseFloat(color);
+                      }
+                      return parseInt(color, 10) / 100;
+                    });
+                  }
+                  if (results.length) {
+                    // (loop backwards for performance)
+                    for (i = results.length - 1; i >= 0; --i) {
+                      results[i] = Math.max(Math.min(results[i], 1), 0);
+                    }
+                    return _color_conversion.default._hsbaToRGBA(results);
+                  }                  // Input did not match any CSS color pattern: default to white.
+
+                  results = [
+                    1,
+                    1,
+                    1,
+                    1
+                  ];
+                } else if ((numArgs === 1 || numArgs === 2) && typeof r === 'number') {
+                  // 'Grayscale' mode.
+                  /**
+         * For HSB and HSL, interpret the gray level as a brightness/lightness
+         * value (they are equivalent when chroma is zero). For RGB, normalize the
+         * gray level according to the blue maximum.
+         */
+                  results[0] = r / maxes[2];
+                  results[1] = r / maxes[2];
+                  results[2] = r / maxes[2];
+                  // Alpha may be undefined, so default it to 100%.
+                  if (typeof g === 'number') {
+                    results[3] = g / maxes[3];
+                  } else {
+                    results[3] = 1;
+                  }                  // Constrain components to the range [0,1].
+
+                  results = results.map(function (value) {
+                    return Math.max(Math.min(value, 1), 0);
+                  });
+                } else {
+                  throw new Error(''.concat(arguments, 'is not a valid color representation.'));
+                }
+                return results;
+              }
+            }
+          ]);
+          return Color;
+        }();
+        var _default = _main.default.Color;
+        exports.default = _default;
+      },
+      {
+        '../core/constants': 286,
+        '../core/main': 298,
+        './color_conversion': 282,
+        'core-js/modules/es.array.includes': 177,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.array.join': 180,
+        'core-js/modules/es.array.map': 182,
+        'core-js/modules/es.array.slice': 183,
+        'core-js/modules/es.object.get-own-property-descriptor': 196,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.regexp.constructor': 204,
+        'core-js/modules/es.regexp.exec': 205,
+        'core-js/modules/es.regexp.to-string': 206,
+        'core-js/modules/es.string.includes': 209,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.string.trim': 219,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/es.weak-map': 254,
+        'core-js/modules/web.dom-collections.iterator': 256
+      }
+    ],
+    285: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.fill');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.object.get-own-property-descriptor');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.weak-map');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        function _typeof2(obj) {
+          if (typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol') {
+            _typeof2 = function _typeof2(obj) {
+              return typeof obj;
+            };
+          } else {
+            _typeof2 = function _typeof2(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj;
+            };
+          }
+          return _typeof2(obj);
+        }
+        function _typeof(obj) {
+          if (typeof Symbol === 'function' && _typeof2(Symbol.iterator) === 'symbol') {
+            _typeof = function _typeof(obj) {
+              return _typeof2(obj);
+            };
+          } else {
+            _typeof = function _typeof(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : _typeof2(obj);
+            };
+          }
+          return _typeof(obj);
+        }
+        _dereq_('core-js/modules/es.array.fill');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        var constants = _interopRequireWildcard(_dereq_('../core/constants'));
+        _dereq_('./p5.Color');
+        function _getRequireWildcardCache() {
+          if (typeof WeakMap !== 'function') return null;
+          var cache = new WeakMap();
+          _getRequireWildcardCache = function _getRequireWildcardCache() {
+            return cache;
+          };
+          return cache;
+        }
+        function _interopRequireWildcard(obj) {
+          if (obj && obj.__esModule) {
+            return obj;
+          }
+          if (obj === null || _typeof(obj) !== 'object' && typeof obj !== 'function') {
+            return {
+            default:
+              obj
+            };
+          }
+          var cache = _getRequireWildcardCache();
+          if (cache && cache.has(obj)) {
+            return cache.get(obj);
+          }
+          var newObj = {
+          };
+          var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+          for (var key in obj) {
+            if (Object.prototype.hasOwnProperty.call(obj, key)) {
+              var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+              if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+              } else {
+                newObj[key] = obj[key];
+              }
+            }
+          }
+          newObj.default = obj;
+          if (cache) {
+            cache.set(obj, newObj);
+          }
+          return newObj;
+        }
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }        /**
+ * @module Color
+ * @submodule Setting
+ * @for p5
+ * @requires core
+ * @requires constants
+ */
+        /**
+ * Start defining a shape that will mask subsequent things drawn to the canvas.
+ * Only opaque regions of the mask shape will allow content to be drawn.
+ * Any shapes drawn between this and <a href="#/p5/endClip">endClip()</a> will
+ * contribute to the mask shape.
+ *
+ * The mask will apply to anything drawn after this call. To draw without a mask, contain
+ * the code to apply the mask and to draw the masked content between
+ * <a href="#/p5/push">push()</a> and <a href="#/p5/pop">pop()</a>.
+ *
+ * Alternatively, rather than drawing the mask between this and
+ * <a href="#/p5/endClip">endClip()</a>, draw the mask in a callback function
+ * passed to <a href="#/p5/clip">clip()</a>.
+ *
+ * Options can include:
+ * - `invert`: A boolean specifying whether or not to mask the areas *not* filled by the mask shape. Defaults to false.
+ *
+ * @method beginClip
+ * @param {Object} [options] An object containing clip settings.
+ *
+ * @example
+ * <div>
+ * <code>
+ * noStroke();
+ *
+ * // Mask in some shapes
+ * push();
+ * beginClip();
+ * triangle(15, 37, 30, 13, 43, 37);
+ * circle(45, 45, 7);
+ * endClip();
+ *
+ * fill('red');
+ * rect(5, 5, 45, 45);
+ * pop();
+ *
+ * translate(50, 50);
+ *
+ * // Mask out the same shapes
+ * push();
+ * beginClip({ invert: true });
+ * triangle(15, 37, 30, 13, 43, 37);
+ * circle(45, 45, 7);
+ * endClip();
+ *
+ * fill('red');
+ * rect(5, 5, 45, 45);
+ * pop();
+ * </code>
+ * </div>
+ *
+ * @alt
+ * In the top left, a red triangle and circle. In the bottom right, a red
+ * square with a triangle and circle cut out of it.
+ *
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ * }
+ *
+ * function draw() {
+ *   background(255);
+ *   noStroke();
+ *
+ *   beginClip();
+ *   push();
+ *   rotateX(frameCount * 0.01);
+ *   rotateY(frameCount * 0.01);
+ *   scale(0.5);
+ *   torus(30, 15);
+ *   pop();
+ *   endClip();
+ *
+ *   beginShape(QUAD_STRIP);
+ *   fill(0, 255, 255);
+ *   vertex(-width/2, -height/2);
+ *   vertex(width/2, -height/2);
+ *   fill(100, 0, 100);
+ *   vertex(-width/2, height/2);
+ *   vertex(width/2, height/2);
+ *   endShape();
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * A silhouette of a rotating torus colored with a gradient from
+ * cyan to purple
+ */
+
+        _main.default.prototype.beginClip = function () {
+          var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+          };
+          this._renderer.beginClip(options);
+        };
+        /**
+ * Finishes defining a shape that will mask subsequent things drawn to the canvas.
+ * Only opaque regions of the mask shape will allow content to be drawn.
+ * Any shapes drawn between <a href="#/p5/beginClip">beginClip()</a> and this
+ * will contribute to the mask shape.
+ *
+ * @method endClip
+ */
+        _main.default.prototype.endClip = function () {
+          this._renderer.endClip();
+        };
+        /**
+ * Use the shape drawn by a callback function to mask subsequent things drawn to the canvas.
+ * Only opaque regions of the mask shape will allow content to be drawn.
+ *
+ * The mask will apply to anything drawn after this call. To draw without a mask, contain
+ * the code to apply the mask and to draw the masked content between
+ * <a href="#/p5/push">push()</a> and <a href="#/p5/pop">pop()</a>.
+ *
+ * Alternatively, rather than drawing the mask shape in a function, draw the
+ * shape between <a href="#/p5/beginClip">beginClip()</a> and <a href="#/p5/endClip">endClip()</a>.
+ *
+ * Options can include:
+ * - `invert`: A boolean specifying whether or not to mask the areas *not* filled by the mask shape. Defaults to false.
+ *
+ * @method clip
+ * @param {Function} callback A function that draws the mask shape.
+ * @param {Object} [options] An object containing clip settings.
+ *
+ * @example
+ * <div>
+ * <code>
+ * noStroke();
+ *
+ * // Mask in some shapes
+ * push();
+ * clip(() => {
+ *   triangle(15, 37, 30, 13, 43, 37);
+ *   circle(45, 45, 7);
+ * });
+ *
+ * fill('red');
+ * rect(5, 5, 45, 45);
+ * pop();
+ *
+ * translate(50, 50);
+ *
+ * // Mask out the same shapes
+ * push();
+ * clip(() => {
+ *   triangle(15, 37, 30, 13, 43, 37);
+ *   circle(45, 45, 7);
+ * }, { invert: true });
+ *
+ * fill('red');
+ * rect(5, 5, 45, 45);
+ * pop();
+ * </code>
+ * </div>
+ *
+ * @alt
+ * In the top left, a red triangle and circle. In the bottom right, a red
+ * square with a triangle and circle cut out of it.
+ *
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ * }
+ *
+ * function draw() {
+ *   background(255);
+ *   noStroke();
+ *
+ *   clip(() => {
+ *     push();
+ *     rotateX(frameCount * 0.01);
+ *     rotateY(frameCount * 0.01);
+ *     scale(0.5);
+ *     torus(30, 15);
+ *     pop();
+ *   });
+ *
+ *   beginShape(QUAD_STRIP);
+ *   fill(0, 255, 255);
+ *   vertex(-width/2, -height/2);
+ *   vertex(width/2, -height/2);
+ *   fill(100, 0, 100);
+ *   vertex(-width/2, height/2);
+ *   vertex(width/2, height/2);
+ *   endShape();
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * A silhouette of a rotating torus colored with a gradient from
+ * cyan to purple
+ */
+        _main.default.prototype.clip = function (callback, options) {
+          this._renderer.beginClip(options);
+          callback();
+          this._renderer.endClip(options);
+        };
+        /**
+ * Sets the color used for the background of the canvas. By default, the
+ * background is transparent. This function is typically used within
+ * <a href="#/p5/draw">draw()</a> to clear the display window at the beginning
+ * of each frame. It can also be used inside <a href="#/p5/setup">setup()</a> to
+ * set the background on the first frame of animation.
+ *
+ * The version of `background()` with one parameter interprets the value one of four
+ * ways. If the parameter is a number, it's interpreted as a grayscale value.
+ * If the parameter is a string, it's interpreted as a CSS color string.  RGB, RGBA,
+ * HSL, HSLA, hex, and named color strings are supported. If the parameter is a
+ * <a href="#/p5.Color">p5.Color</a> object, it will be used as the background color.
+ * If the parameter is a <a href="#/p5.Image">p5.Image</a> object, it will be used as
+ * the background image.
+ *
+ * The version of `background()` with two parameters interprets the first one as a
+ * grayscale value. The second parameter sets the alpha (transparency) value.
+ *
+ * The version of `background()` with three parameters interprets them as RGB, HSB,
+ * or HSL colors, depending on the current <a href="#/p5/colorMode">colorMode()</a>.
+ * By default, colors are specified in RGB values. Calling background(255, 204, 0)
+ * sets the background a bright yellow color.
+ *
+ * @method background
+ * @param {p5.Color} color  any value created by the <a href="#/p5/color">color()</a> function
+ * @chainable
+ *
+ * @example
+ * <div>
+ * <code>
+ * // A grayscale integer value.
+ * background(51);
+ * describe('A canvas with a dark charcoal gray background.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * // A grayscale integer value and an alpha value.
+ * background(51, 0.4);
+ * describe('A canvas with a transparent gray background.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * // R, G & B integer values.
+ * background(255, 204, 0);
+ * describe('A canvas with a yellow background.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * // H, S & B integer values.
+ * colorMode(HSB);
+ * background(255, 204, 100);
+ * describe('A canvas with a royal blue background.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * // A CSS named color.
+ * background('red');
+ * describe('A canvas with a red background.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * // Three-digit hex RGB notation.
+ * background('#fae');
+ * describe('A canvas with a pink background.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * // Six-digit hex RGB notation.
+ * background('#222222');
+ * describe('A canvas with a black background.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * // Integer RGB notation.
+ * background('rgb(0,255,0)');
+ * describe('A canvas with a bright green background.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * // Integer RGBA notation.
+ * background('rgba(0,255,0, 0.25)');
+ * describe('A canvas with a transparent green background.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * // Percentage RGB notation.
+ * background('rgb(100%,0%,10%)');
+ * describe('A canvas with a red background.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * // Percentage RGBA notation.
+ * background('rgba(100%,0%,100%,0.5)');
+ * describe('A canvas with a transparent purple background.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * // A p5.Color object.
+ * let c = color(0, 0, 255);
+ * background(c);
+ * describe('A canvas with a blue background.');
+ * </code>
+ * </div>
+ *
+ */
+        /**
+ * @method background
+ * @param {String} colorstring color string, possible formats include: integer
+ *                         rgb() or rgba(), percentage rgb() or rgba(),
+ *                         3-digit hex, 6-digit hex.
+ * @param {Number} [a]         opacity of the background relative to current
+ *                             color range (default is 0-255).
+ * @chainable
+ */
+        /**
+ * @method background
+ * @param {Number} gray   specifies a value between white and black.
+ * @param {Number} [a]
+ * @chainable
+ */
+        /**
+ * @method background
+ * @param {Number} v1     red value if color mode is RGB, or hue value if color mode is HSB.
+ * @param {Number} v2     green value if color mode is RGB, or saturation value if color mode is HSB.
+ * @param {Number} v3     blue value if color mode is RGB, or brightness value if color mode is HSB.
+ * @param  {Number} [a]
+ * @chainable
+ */
+        /**
+ * @method background
+ * @param  {Number[]}      values  an array containing the red, green, blue
+ *                                 and alpha components of the color.
+ * @chainable
+ */
+        /**
+ * @method background
+ * @param {p5.Image} image     image created with <a href="#/p5/loadImage">loadImage()</a>
+ *                             or <a href="#/p5/createImage">createImage()</a>,
+ *                             to set as background.
+ *                             (must be same size as the sketch window).
+ * @param  {Number}  [a]
+ * @chainable
+ */
+        _main.default.prototype.background = function () {
+          var _this$_renderer;
+          (_this$_renderer = this._renderer).background.apply(_this$_renderer, arguments);
+          return this;
+        };
+        /**
+ * Clears the pixels on the canvas. This function makes every pixel 100%
+ * transparent. Calling `clear()` doesn't clear objects created by `createX()`
+ * functions such as <a href="#/p5/createGraphics">createGraphics()</a>,
+ * <a href="#/p5/createVideo">createVideo()</a>, and
+ * <a href="#/p5/createImg">createImg()</a>. These objects will remain
+ * unchanged after calling clear() and can be redrawn.
+ *
+ * In WebGL mode, this function can clear the screen to a specific color. It
+ * interprets four numeric parameters as normalized RGBA color values. It also
+ * clears the depth buffer. If you are not using the WebGL renderer, these
+ * parameters will have no effect.
+ *
+ * @method clear
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * function draw() {
+ *   circle(mouseX, mouseY, 20);
+ *   describe('A white circle is drawn at the mouse x- and y-coordinates.');
+ * }
+ *
+ * function mousePressed() {
+ *   clear();
+ *   background(128);
+ *   describe('The canvas is cleared when the mouse is clicked.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let pg;
+ *
+ * function setup() {
+ *   createCanvas(100, 100);
+ *   background(200);
+ *
+ *   pg = createGraphics(60, 60);
+ *   pg.background(200);
+ *   pg.noStroke();
+ *   pg.circle(pg.width / 2, pg.height / 2, 15);
+ *   image(pg, 20, 20);
+ *   describe('A white circle drawn on a gray square. The square gets smaller when the mouse is pressed.');
+ * }
+ *
+ * function mousePressed() {
+ *   clear();
+ *   image(pg, 20, 20);
+ * }
+ * </code>
+ * </div>
+ *
+ * @param {Number} r normalized red value.
+ * @param {Number} g normalized green value.
+ * @param {Number} b normalized blue value.
+ * @param {Number} a normalized alpha value.
+ */
+        _main.default.prototype.clear = function () {
+          var _r = (arguments.length <= 0 ? undefined : arguments[0]) || 0;
+          var _g = (arguments.length <= 1 ? undefined : arguments[1]) || 0;
+          var _b = (arguments.length <= 2 ? undefined : arguments[2]) || 0;
+          var _a = (arguments.length <= 3 ? undefined : arguments[3]) || 0;
+          this._renderer.clear(_r, _g, _b, _a);
+          return this;
+        };
+        /**
+ * Changes the way p5.js interprets color data. By default, the numeric
+ * parameters for <a href="#/p5/fill">fill()</a>,
+ * <a href="#/p5/stroke">stroke()</a>,
+ * <a href="#/p5/background">background()</a>, and
+ * <a href="#/p5/color">color()</a> are defined by values between 0 and 255
+ * using the RGB color model. This is equivalent to calling
+ * `colorMode(RGB, 255)`. Pure red is `color(255, 0, 0)` in this model.
+ *
+ * Calling `colorMode(RGB, 100)` sets colors to be interpreted as RGB color
+ * values between 0 and 100.  Pure red is `color(100, 0, 0)` in this model.
+ *
+ * Calling `colorMode(HSB)` or `colorMode(HSL)` changes to HSB or HSL system
+ * instead of RGB.
+ *
+ * <a href="#/p5.Color">p5.Color</a> objects remember the mode that they were
+ * created in. Changing modes doesn't affect their appearance.
+ *
+ * @method colorMode
+ * @param {Constant} mode   either RGB, HSB or HSL, corresponding to
+ *                          Red/Green/Blue and Hue/Saturation/Brightness
+ *                          (or Lightness).
+ * @param {Number}  [max]  range for all values.
+ * @chainable
+ *
+ * @example
+ * <div>
+ * <code>
+ * noStroke();
+ * colorMode(RGB, 100);
+ * for (let i = 0; i < 100; i += 1) {
+ *   for (let j = 0; j < 100; j += 1) {
+ *     stroke(i, j, 0);
+ *     point(i, j);
+ *   }
+ * }
+ * describe(
+ *   'A diagonal green to red gradient from bottom-left to top-right with shading transitioning to black at top-left corner.'
+ * );
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * noStroke();
+ * colorMode(HSB, 100);
+ * for (let i = 0; i < 100; i++) {
+ *   for (let j = 0; j < 100; j++) {
+ *     stroke(i, j, 100);
+ *     point(i, j);
+ *   }
+ * }
+ * describe('A rainbow gradient from left-to-right. Brightness transitions to white at the top.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * colorMode(RGB, 255);
+ * let myColor = color(180, 175, 230);
+ * background(myColor);
+ * colorMode(RGB, 1);
+ * let redValue = red(myColor);
+ * let greenValue = green(myColor);
+ * let blueValue = blue(myColor);
+ * text(`Red: ${redValue}`, 10, 10, 80, 80);
+ * text(`Green: ${greenValue}`, 10, 40, 80, 80);
+ * text(`Blue: ${blueValue}`, 10, 70, 80, 80);
+ * describe('A purple canvas with the red, green, and blue decimal values of the color written on it.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * noFill();
+ * colorMode(RGB, 255, 255, 255, 1);
+ * background(255);
+ * strokeWeight(4);
+ * stroke(255, 0, 10, 0.3);
+ * circle(40, 40, 50);
+ * circle(50, 60, 50);
+ * describe('Two overlapping translucent pink circle outlines.');
+ * </code>
+ * </div>
+ *
+ */
+        /**
+ * @method colorMode
+ * @param {Constant} mode
+ * @param {Number} max1     range for the red or hue depending on the
+ *                              current color mode.
+ * @param {Number} max2     range for the green or saturation depending
+ *                              on the current color mode.
+ * @param {Number} max3     range for the blue or brightness/lightness
+ *                              depending on the current color mode.
+ * @param {Number} [maxA]   range for the alpha.
+ * @chainable
+ */
+        _main.default.prototype.colorMode = function (mode, max1, max2, max3, maxA) {
+          _main.default._validateParameters('colorMode', arguments);
+          if (mode === constants.RGB || mode === constants.HSB || mode === constants.HSL) {
+            // Set color mode.
+            this._colorMode = mode;
+            // Set color maxes.
+            var maxes = this._colorMaxes[mode];
+            if (arguments.length === 2) {
+              maxes[0] = max1; // Red
+              maxes[1] = max1; // Green
+              maxes[2] = max1; // Blue
+              maxes[3] = max1; // Alpha
+            } else if (arguments.length === 4) {
+              maxes[0] = max1; // Red
+              maxes[1] = max2; // Green
+              maxes[2] = max3; // Blue
+            } else if (arguments.length === 5) {
+              maxes[0] = max1; // Red
+              maxes[1] = max2; // Green
+              maxes[2] = max3; // Blue
+              maxes[3] = maxA; // Alpha
+            }
+          }
+          return this;
+        };
+        /**
+ * Sets the color used to fill shapes. Calling `fill(255, 165, 0)` or
+ * `fill('orange')` means all shapes drawn after the fill command will be
+ * filled with the color orange.
+ *
+ * The version of `fill()` with one parameter interprets the value one of
+ * three ways. If the parameter is a number, it's interpreted as a grayscale
+ * value. If the parameter is a string, it's interpreted as a CSS color
+ * string. A <a href="#/p5.Color">p5.Color</a> object can also be provided to
+ * set the fill color.
+ *
+ * The version of `fill()` with three parameters interprets them as RGB, HSB,
+ * or HSL colors, depending on the current
+ * <a href="#/p5/colorMode">colorMode()</a>. The default color space is RGB,
+ * with each value in the range from 0 to 255.
+ *
+ * @method fill
+ * @param  {Number}        v1      red value if color mode is RGB or hue value if color mode is HSB.
+ * @param  {Number}        v2      green value if color mode is RGB or saturation value if color mode is HSB.
+ * @param  {Number}        v3      blue value if color mode is RGB or brightness value if color mode is HSB.
+ * @param  {Number}        [alpha]
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * // Grayscale integer value.
+ * fill(51);
+ * square(20, 20, 60);
+ * describe('A dark charcoal gray square with a black outline.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * // R, G & B integer values.
+ * fill(255, 204, 0);
+ * square(20, 20, 60);
+ * describe('A yellow square with a black outline.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * // H, S & B integer values.
+ * colorMode(HSB);
+ * fill(255, 204, 100);
+ * square(20, 20, 60);
+ * describe('A royal blue square with a black outline.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * // A CSS named color.
+ * fill('red');
+ * square(20, 20, 60);
+ * describe('A red square with a black outline.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * // Three-digit hex RGB notation.
+ * fill('#fae');
+ * square(20, 20, 60);
+ * describe('A pink square with a black outline.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * // Six-digit hex RGB notation.
+ * fill('#A251FA');
+ * square(20, 20, 60);
+ * describe('A purple square with a black outline.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * // Integer RGB notation.
+ * fill('rgb(0,255,0)');
+ * square(20, 20, 60);
+ * describe('A bright green square with a black outline.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * // Integer RGBA notation.
+ * fill('rgba(0,255,0, 0.25)');
+ * square(20, 20, 60);
+ * describe('A soft green rectange with a black outline.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * // Percentage RGB notation.
+ * fill('rgb(100%,0%,10%)');
+ * square(20, 20, 60);
+ * describe('A red square with a black outline.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * // Percentage RGBA notation.
+ * fill('rgba(100%,0%,100%,0.5)');
+ * square(20, 20, 60);
+ * describe('A dark fuchsia square with a black outline.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * // p5.Color object.
+ * let c = color(0, 0, 255);
+ * fill(c);
+ * square(20, 20, 60);
+ * describe('A blue square with a black outline.');
+ * </code>
+ * </div>
+ */
+        /**
+ * @method fill
+ * @param  {String}        value   a color string.
+ * @chainable
+ */
+        /**
+ * @method fill
+ * @param  {Number}        gray   a grayscale value.
+ * @param  {Number}        [alpha]
+ * @chainable
+ */
+        /**
+ * @method fill
+ * @param  {Number[]}      values  an array containing the red, green, blue &
+ *                                 and alpha components of the color.
+ * @chainable
+ */
+        /**
+ * @method fill
+ * @param  {p5.Color}      color   the fill color.
+ * @chainable
+ */
+        _main.default.prototype.fill = function () {
+          var _this$_renderer2;
+          this._renderer._setProperty('_fillSet', true);
+          this._renderer._setProperty('_doFill', true);
+          (_this$_renderer2 = this._renderer).fill.apply(_this$_renderer2, arguments);
+          return this;
+        };
+        /**
+ * Disables setting the interior color of shapes. This is the same as making
+ * the fill completely transparent. If both
+ * <a href="#/p5/noStroke">noStroke()</a> and
+ * <a href="#/p5/noFill">noFill()</a> are called, nothing will be drawn to the
+ * screen.
+ *
+ * @method noFill
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * square(32, 10, 35);
+ * noFill();
+ * square(32, 55, 35);
+ * describe('A white square on top of an empty square. Both squares have black outlines.');
+ * </code>
+ * </div>
+ *
+ * <div modernizr='webgl'>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ * }
+ *
+ * function draw() {
+ *   background(0);
+ *   noFill();
+ *   stroke(100, 100, 240);
+ *   rotateX(frameCount * 0.01);
+ *   rotateY(frameCount * 0.01);
+ *   box(45, 45, 45);
+ *   describe('A purple cube wireframe spinning on a black canvas.');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.noFill = function () {
+          this._renderer._setProperty('_doFill', false);
+          return this;
+        };
+        /**
+ * Disables drawing the stroke (outline). If both
+ * <a href="#/p5/noStroke">noStroke()</a> and
+ * <a href="#/p5/noFill">noFill()</a> are called, nothing will be drawn to the
+ * screen.
+ *
+ * @method noStroke
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * noStroke();
+ * square(20, 20, 60);
+ * describe('A white square with no outline.');
+ * </code>
+ * </div>
+ *
+ * <div modernizr='webgl'>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ * }
+ *
+ * function draw() {
+ *   background(0);
+ *   noStroke();
+ *   fill(240, 150, 150);
+ *   rotateX(frameCount * 0.01);
+ *   rotateY(frameCount * 0.01);
+ *   box(45, 45, 45);
+ *   describe('A pink cube with no edge outlines spinning on a black canvas.');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.noStroke = function () {
+          this._renderer._setProperty('_doStroke', false);
+          return this;
+        };
+        /**
+ * Sets the color used to draw lines and borders around shapes. Calling
+ * `stroke(255, 165, 0)` or `stroke('orange')` means all shapes drawn after
+ * the `stroke()` command will be filled with the color orange. The way these
+ * parameters are interpreted may be changed with the
+ * <a href="#/p5/colorMode">colorMode()</a> function.
+ *
+ * The version of `stroke()` with one parameter interprets the value one of
+ * three ways. If the parameter is a number, it's interpreted as a grayscale
+ * value. If the parameter is a string, it's interpreted as a CSS color
+ * string. A <a href="#/p5.Color">p5.Color</a> object can also be provided to
+ * set the stroke color.
+ *
+ * The version of `stroke()` with two parameters interprets the first one as a
+ * grayscale value. The second parameter sets the alpha (transparency) value.
+ *
+ * The version of `stroke()` with three parameters interprets them as RGB, HSB,
+ * or HSL colors, depending on the current `colorMode()`.
+ *
+ * The version of `stroke()` with four parameters interprets them as RGBA, HSBA,
+ * or HSLA colors, depending on the current `colorMode()`. The last parameter
+ * sets the alpha (transparency) value.
+ *
+ * @method stroke
+ * @param  {Number}        v1      red value if color mode is RGB or hue value if color mode is HSB.
+ * @param  {Number}        v2      green value if color mode is RGB or saturation value if color mode is HSB.
+ * @param  {Number}        v3      blue value if color mode is RGB or brightness value if color mode is HSB.
+ * @param  {Number}        [alpha]
+ * @chainable
+ *
+ * @example
+ * <div>
+ * <code>
+ * // Grayscale integer value.
+ * strokeWeight(4);
+ * stroke(51);
+ * rect(20, 20, 60, 60);
+ * describe('A white rectangle with a dark charcoal gray outline.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * // R, G & B integer values.
+ * stroke(255, 204, 0);
+ * strokeWeight(4);
+ * rect(20, 20, 60, 60);
+ * describe('A white rectangle with a yellow outline.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * // H, S & B integer values.
+ * colorMode(HSB);
+ * strokeWeight(4);
+ * stroke(255, 204, 100);
+ * rect(20, 20, 60, 60);
+ * describe('A white rectangle with a royal blue outline.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * // A CSS named color.
+ * stroke('red');
+ * strokeWeight(4);
+ * rect(20, 20, 60, 60);
+ * describe('A white rectangle with a red outline.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * // Three-digit hex RGB notation.
+ * stroke('#fae');
+ * strokeWeight(4);
+ * rect(20, 20, 60, 60);
+ * describe('A white rectangle with a pink outline.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * // Six-digit hex RGB notation.
+ * stroke('#222222');
+ * strokeWeight(4);
+ * rect(20, 20, 60, 60);
+ * describe('A white rectangle with a black outline.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * // Integer RGB notation.
+ * stroke('rgb(0,255,0)');
+ * strokeWeight(4);
+ * rect(20, 20, 60, 60);
+ * describe('A whiite rectangle with a bright green outline.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * // Integer RGBA notation.
+ * stroke('rgba(0,255,0,0.25)');
+ * strokeWeight(4);
+ * rect(20, 20, 60, 60);
+ * describe('A white rectangle with a soft green outline.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * // Percentage RGB notation.
+ * stroke('rgb(100%,0%,10%)');
+ * strokeWeight(4);
+ * rect(20, 20, 60, 60);
+ * describe('A white rectangle with a red outline.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * // Percentage RGBA notation.
+ * stroke('rgba(100%,0%,100%,0.5)');
+ * strokeWeight(4);
+ * rect(20, 20, 60, 60);
+ * describe('A white rectangle with a dark fuchsia outline.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * // p5.Color object.
+ * stroke(color(0, 0, 255));
+ * strokeWeight(4);
+ * rect(20, 20, 60, 60);
+ * describe('A white rectangle with a blue outline.');
+ * </code>
+ * </div>
+ */
+        /**
+ * @method stroke
+ * @param  {String}        value   a color string.
+ * @chainable
+ */
+        /**
+ * @method stroke
+ * @param  {Number}        gray   a grayscale value.
+ * @param  {Number}        [alpha]
+ * @chainable
+ */
+        /**
+ * @method stroke
+ * @param  {Number[]}      values  an array containing the red, green, blue,
+ *                                 and alpha components of the color.
+ * @chainable
+ */
+        /**
+ * @method stroke
+ * @param  {p5.Color}      color   the stroke color.
+ * @chainable
+ */
+        _main.default.prototype.stroke = function () {
+          var _this$_renderer3;
+          this._renderer._setProperty('_strokeSet', true);
+          this._renderer._setProperty('_doStroke', true);
+          (_this$_renderer3 = this._renderer).stroke.apply(_this$_renderer3, arguments);
+          return this;
+        };
+        /**
+ * All drawing that follows <a href="#/p5/erase">erase()</a> will subtract
+ * from the canvas, revealing the web page underneath. The erased areas will
+ * become transparent, allowing the content behind the canvas to show through.
+ * The <a href="#/p5/fill">fill()</a>, <a href="#/p5/stroke">stroke()</a>, and
+ * <a href="#/p5/blendMode">blendMode()</a> have no effect once `erase()` is
+ * called.
+ *
+ * The `erase()` function has two optional parameters. The first parameter
+ * sets the strength of erasing by the shape's interior. A value of 0 means
+ * that no erasing will occur. A value of 255 means that the shape's interior
+ * will fully erase the content underneath. The default value is 255
+ * (full strength).
+ *
+ * The second parameter sets the strength of erasing by the shape's edge. A
+ * value of 0 means that no erasing will occur. A value of 255 means that the
+ * shape's edge will fully erase the content underneath. The default value is
+ * 255 (full strength).
+ *
+ * To cancel the erasing effect, use the <a href="#/p5/noErase">noErase()</a>
+ * function.
+ *
+ * `erase()` has no effect on drawing done with the
+ * <a href="#/p5/image">image()</a> and
+ * <a href="#/p5/background">background()</a> functions.
+ *
+ * @method erase
+ * @param  {Number}   [strengthFill]      a number (0-255) for the strength of erasing under a shape's interior.
+ *                                        Defaults to 255, which is full strength.
+ * @param  {Number}   [strengthStroke]    a number (0-255) for the strength of erasing under a shape's edge.
+ *                                        Defaults to 255, which is full strength.
+ *
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * background(100, 100, 250);
+ * fill(250, 100, 100);
+ * square(20, 20, 60);
+ * erase();
+ * circle(25, 30, 30);
+ * noErase();
+ * describe('A purple canvas with a pink square in the middle. A circle is erased from the top-left, leaving a white hole.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let p = createP('I am a DOM element');
+ * p.style('font-size', '12px');
+ * p.style('width', '65px');
+ * p.style('text-align', 'center');
+ * p.position(18, 26);
+ *
+ * background(100, 170, 210);
+ * erase(200, 100);
+ * circle(50, 50, 77);
+ * noErase();
+ * describe('A blue canvas with a circular hole in the center that reveals the message "I am a DOM element".');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * background(150, 250, 150);
+ * fill(100, 100, 250);
+ * square(20, 20, 60);
+ * strokeWeight(5);
+ * erase(150, 255);
+ * triangle(50, 10, 70, 50, 90, 10);
+ * noErase();
+ * describe('A mint green canvas with a purple square in the center. A triangle in the top-right corner partially erases its interior and a fully erases its outline.');
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.erase = function () {
+          var opacityFill = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 255;
+          var opacityStroke = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 255;
+          this._renderer.erase(opacityFill, opacityStroke);
+          return this;
+        };
+        /**
+ * Ends erasing that was started with <a href="#/p5/erase">erase()</a>.
+ * The <a href="#/p5/fill">fill()</a>, <a href="#/p5/stroke">stroke()</a>, and
+ * <a href="#/p5/blendMode">blendMode()</a> settings will return to what they
+ * were prior to calling <a href="#/p5/erase">erase()</a>.
+ *
+ * @method noErase
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * background(235, 145, 15);
+ * noStroke();
+ * fill(30, 45, 220);
+ * rect(30, 10, 10, 80);
+ * erase();
+ * circle(50, 50, 60);
+ * noErase();
+ * rect(70, 10, 10, 80);
+ * describe('An orange canvas with two tall blue rectangles. A circular hole in the center erases the rectangle on the left but not the one on the right.');
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.noErase = function () {
+          this._renderer.noErase();
+          return this;
+        };
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        '../core/constants': 286,
+        '../core/main': 298,
+        './p5.Color': 284,
+        'core-js/modules/es.array.fill': 172,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.object.get-own-property-descriptor': 196,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/es.weak-map': 254,
+        'core-js/modules/web.dom-collections.iterator': 256
+      }
+    ],
+    286: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.QUADRATIC = exports.LINEAR = exports._CTX_MIDDLE = exports._DEFAULT_LEADMULT = exports._DEFAULT_TEXT_FILL = exports.WORD = exports.CHAR = exports.BOLDITALIC = exports.BOLD = exports.ITALIC = exports.NORMAL = exports.BLUR = exports.ERODE = exports.DILATE = exports.POSTERIZE = exports.INVERT = exports.OPAQUE = exports.GRAY = exports.THRESHOLD = exports.BURN = exports.DODGE = exports.SOFT_LIGHT = exports.HARD_LIGHT = exports.OVERLAY = exports.REPLACE = exports.SCREEN = exports.MULTIPLY = exports.EXCLUSION = exports.SUBTRACT = exports.DIFFERENCE = exports.LIGHTEST = exports.DARKEST = exports.ADD = exports.REMOVE = exports.BLEND = exports.UP_ARROW = exports.TAB = exports.SHIFT = exports.RIGHT_ARROW = exports.RETURN = exports.OPTION = exports.LEFT_ARROW = exports.ESCAPE = exports.ENTER = exports.DOWN_ARROW = exports.DELETE = exports.CONTROL = exports.BACKSPACE = exports.ALT = exports.AUTO = exports.HSL = exports.HSB = exports.RGB = exports.MITER = exports.BEVEL = exports.ROUND = exports.SQUARE = exports.PROJECT = exports.PIE = exports.CHORD = exports.OPEN = exports.CLOSE = exports.TESS = exports.QUAD_STRIP = exports.QUADS = exports.TRIANGLE_STRIP = exports.TRIANGLE_FAN = exports.TRIANGLES = exports.LINE_LOOP = exports.LINE_STRIP = exports.LINES = exports.POINTS = exports.BASELINE = exports.BOTTOM = exports.TOP = exports.CENTER = exports.LEFT = exports.RIGHT = exports.RADIUS = exports.CORNERS = exports.CORNER = exports.RAD_TO_DEG = exports.DEG_TO_RAD = exports.RADIANS = exports.DEGREES = exports.TWO_PI = exports.TAU = exports.QUARTER_PI = exports.PI = exports.HALF_PI = exports.WAIT = exports.TEXT = exports.MOVE = exports.HAND = exports.CROSS = exports.ARROW = exports.WEBGL2 = exports.WEBGL = exports.P2D = exports.VERSION = void 0;
+        exports.RGBA = exports.HALF_FLOAT = exports.FLOAT = exports.UNSIGNED_INT = exports.UNSIGNED_BYTE = exports.COVER = exports.CONTAIN = exports.FALLBACK = exports.LABEL = exports.AXES = exports.GRID = exports._DEFAULT_FILL = exports._DEFAULT_STROKE = exports.PORTRAIT = exports.LANDSCAPE = exports.SMOOTH = exports.FLAT = exports.MIRROR = exports.CLAMP = exports.REPEAT = exports.NEAREST = exports.IMAGE = exports.IMMEDIATE = exports.TEXTURE = exports.FILL = exports.STROKE = exports.CURVE = exports.BEZIER = void 0;
+        /**
+ * @module Constants
+ * @submodule Constants
+ * @for p5
+ */
+        var _PI = Math.PI;
+        /**
+ * Version of this p5.js.
+ * @property {String} VERSION
+ * @final
+ */
+        var VERSION = '1.9.0';
+        // GRAPHICS RENDERER
+        /**
+ * The default, two-dimensional renderer.
+ * @property {String} P2D
+ * @final
+ */
+        exports.VERSION = VERSION;
+        var P2D = 'p2d';
+        /**
+ * One of the two render modes in p5.js, used for computationally intensive tasks like 3D rendering and shaders.
+ *
+ * `WEBGL` differs from the default <a href="/reference/#/p5/P2D">`P2D`</a> renderer in the following ways:
+ *
+ * - **Coordinate System** - When drawing in `WEBGL` mode, the origin point (0,0,0) is located at the center of the screen, not the top-left corner. See <a href="https://p5js.org/learn/getting-started-in-webgl-coords-and-transform.html">the learn page about coordinates and transformations</a>.
+ * - **3D Shapes** - `WEBGL` mode can be used to draw 3-dimensional shapes like <a href="/reference/#/p5/box">box()</a>, <a href="/reference/#/p5/sphere">sphere()</a>, <a href="/reference/#/p5/cone">cone()</a>, and <a href="/#Shape3D%20Primitives">more</a>. See <a href="https://p5js.org/learn/getting-started-in-webgl-custom-geometry.html">the learn page about custom geometry</a> to make more complex objects.
+ * - **Shape Detail** - When drawing in `WEBGL` mode, you can specify how smooth curves should be drawn by using a `detail` parameter. See <a href="https://github.com/processing/p5.js/wiki/Getting-started-with-WebGL-in-p5#3d-primitives-shapes">the wiki section about shapes</a> for a more information and an example.
+ * - **Textures** - A texture is like a skin that wraps onto a shape. See <a href="https://github.com/processing/p5.js/wiki/Getting-started-with-WebGL-in-p5#textures">the wiki section about textures</a> for examples of mapping images onto surfaces with textures.
+ * - **Materials and Lighting** - `WEBGL` offers different types of lights like <a href="/reference/#/p5/ambientLight">ambientLight()</a> to place around a scene. Materials like <a href="/reference/#/p5/specularMaterial">specularMaterial()</a> reflect the lighting to convey shape and depth. See <a href="https://p5js.org/learn/getting-started-in-webgl-appearance.html">the learn page for styling and appearance</a> to experiment with different combinations.
+ * - **Camera** - The viewport of a `WEBGL` sketch can be adjusted by changing camera attributes. See <a href="https://p5js.org/learn/getting-started-in-webgl-appearance.html#camera">the learn page section about cameras</a> for an explanation of camera controls.
+ * - **Text** - `WEBGL` requires opentype/truetype font files to be preloaded using <a href="/reference/#/p5/loadFont">loadFont()</a>. See <a href="https://github.com/processing/p5.js/wiki/Getting-started-with-WebGL-in-p5#text">the wiki section about text</a> for details, along with a workaround.
+ * - **Shaders** - Shaders are hardware accelerated programs that can be used for a variety of effects and graphics. See the <a href="https://p5js.org/learn/getting-started-in-webgl-shaders.html">introduction to shaders</a> to get started with shaders in p5.js.
+ * - **Graphics Acceleration** - `WEBGL` mode uses the graphics card instead of the CPU, so it may help boost the performance of your sketch (example: drawing more shapes on the screen at once).
+ *
+ * To learn more about WEBGL mode, check out <a href="https://p5js.org/learn/#:~:text=Getting%20Started%20in%20WebGL">all the interactive WEBGL tutorials</a> in the "Learn" section of this website, or read the wiki article <a href="https://github.com/processing/p5.js/wiki/Getting-started-with-WebGL-in-p5">"Getting started with WebGL in p5"</a>.
+ *
+ * @property {String} WEBGL
+ * @final
+ */
+        exports.P2D = P2D;
+        var WEBGL = 'webgl';
+        /**
+ * One of the two possible values of a WebGL canvas (either WEBGL or WEBGL2),
+ * which can be used to determine what capabilities the rendering environment
+ * has.
+ * @property {String} WEBGL2
+ * @final
+ */
+        exports.WEBGL = WEBGL;
+        var WEBGL2 = 'webgl2';
+        // ENVIRONMENT
+        /**
+ * @property {String} ARROW
+ * @final
+ */
+        exports.WEBGL2 = WEBGL2;
+        var ARROW = 'default';
+        /**
+ * @property {String} CROSS
+ * @final
+ */
+        exports.ARROW = ARROW;
+        var CROSS = 'crosshair';
+        /**
+ * @property {String} HAND
+ * @final
+ */
+        exports.CROSS = CROSS;
+        var HAND = 'pointer';
+        /**
+ * @property {String} MOVE
+ * @final
+ */
+        exports.HAND = HAND;
+        var MOVE = 'move';
+        /**
+ * @property {String} TEXT
+ * @final
+ */
+        exports.MOVE = MOVE;
+        var TEXT = 'text';
+        /**
+ * @property {String} WAIT
+ * @final
+ */
+        exports.TEXT = TEXT;
+        var WAIT = 'wait';
+        // TRIGONOMETRY
+        /**
+ * HALF_PI is a mathematical constant with the value
+ * 1.57079632679489661923. It is half the ratio of the
+ * circumference of a circle to its diameter. It is useful in
+ * combination with the trigonometric functions <a href="#/p5/sin">sin()</a> and <a href="#/p5/cos">cos()</a>.
+ *
+ * @property {Number} HALF_PI
+ * @final
+ *
+ * @example
+ * <div><code>
+ * arc(50, 50, 80, 80, 0, HALF_PI);
+ * </code></div>
+ *
+ * @alt
+ * 80×80 white quarter-circle with curve toward bottom right of canvas.
+ */
+        exports.WAIT = WAIT;
+        var HALF_PI = _PI / 2;
+        /**
+ * PI is a mathematical constant with the value
+ * 3.14159265358979323846. It is the ratio of the circumference
+ * of a circle to its diameter. It is useful in combination with
+ * the trigonometric functions <a href="#/p5/sin">sin()</a> and <a href="#/p5/cos">cos()</a>.
+ *
+ * @property {Number} PI
+ * @final
+ *
+ * @example
+ * <div><code>
+ * arc(50, 50, 80, 80, 0, PI);
+ * </code></div>
+ *
+ * @alt
+ * white half-circle with curve toward bottom of canvas.
+ */
+        exports.HALF_PI = HALF_PI;
+        var PI = _PI;
+        /**
+ * QUARTER_PI is a mathematical constant with the value 0.7853982.
+ * It is one quarter the ratio of the circumference of a circle to
+ * its diameter. It is useful in combination with the trigonometric
+ * functions <a href="#/p5/sin">sin()</a> and <a href="#/p5/cos">cos()</a>.
+ *
+ * @property {Number} QUARTER_PI
+ * @final
+ *
+ * @example
+ * <div><code>
+ * arc(50, 50, 80, 80, 0, QUARTER_PI);
+ * </code></div>
+ *
+ * @alt
+ * white eighth-circle rotated about 40 degrees with curve bottom right canvas.
+ */
+        exports.PI = PI;
+        var QUARTER_PI = _PI / 4;
+        /**
+ * TAU is an alias for TWO_PI, a mathematical constant with the
+ * value 6.28318530717958647693. It is twice the ratio of the
+ * circumference of a circle to its diameter. It is useful in
+ * combination with the trigonometric functions <a href="#/p5/sin">sin()</a> and <a href="#/p5/cos">cos()</a>.
+ *
+ * @property {Number} TAU
+ * @final
+ *
+ * @example
+ * <div><code>
+ * arc(50, 50, 80, 80, 0, TAU);
+ * </code></div>
+ *
+ * @alt
+ * 80×80 white ellipse shape in center of canvas.
+ */
+        exports.QUARTER_PI = QUARTER_PI;
+        var TAU = _PI * 2;
+        /**
+ * TWO_PI is a mathematical constant with the value
+ * 6.28318530717958647693. It is twice the ratio of the
+ * circumference of a circle to its diameter. It is useful in
+ * combination with the trigonometric functions <a href="#/p5/sin">sin()</a> and <a href="#/p5/cos">cos()</a>.
+ *
+ * @property {Number} TWO_PI
+ * @final
+ *
+ * @example
+ * <div><code>
+ * arc(50, 50, 80, 80, 0, TWO_PI);
+ * </code></div>
+ *
+ * @alt
+ * 80×80 white ellipse shape in center of canvas.
+ */
+        exports.TAU = TAU;
+        var TWO_PI = _PI * 2;
+        /**
+ * Constant to be used with the <a href="#/p5/angleMode">angleMode()</a> function, to set the mode in
+ * which p5.js interprets and calculates angles (either DEGREES or RADIANS).
+ * @property {String} DEGREES
+ * @final
+ *
+ * @example
+ * <div class='norender'><code>
+ * function setup() {
+ *   angleMode(DEGREES);
+ * }
+ * </code></div>
+ */
+        exports.TWO_PI = TWO_PI;
+        var DEGREES = 'degrees';
+        /**
+ * Constant to be used with the <a href="#/p5/angleMode">angleMode()</a> function, to set the mode
+ * in which p5.js interprets and calculates angles (either RADIANS or DEGREES).
+ * @property {String} RADIANS
+ * @final
+ *
+ * @example
+ * <div class='norender'><code>
+ * function setup() {
+ *   angleMode(RADIANS);
+ * }
+ * </code></div>
+ */
+        exports.DEGREES = DEGREES;
+        var RADIANS = 'radians';
+        exports.RADIANS = RADIANS;
+        var DEG_TO_RAD = _PI / 180;
+        exports.DEG_TO_RAD = DEG_TO_RAD;
+        var RAD_TO_DEG = 180 / _PI;
+        // SHAPE
+        /**
+ * @property {String} CORNER
+ * @final
+ */
+        exports.RAD_TO_DEG = RAD_TO_DEG;
+        var CORNER = 'corner';
+        /**
+ * @property {String} CORNERS
+ * @final
+ */
+        exports.CORNER = CORNER;
+        var CORNERS = 'corners';
+        /**
+ * @property {String} RADIUS
+ * @final
+ */
+        exports.CORNERS = CORNERS;
+        var RADIUS = 'radius';
+        /**
+ * @property {String} RIGHT
+ * @final
+ */
+        exports.RADIUS = RADIUS;
+        var RIGHT = 'right';
+        /**
+ * @property {String} LEFT
+ * @final
+ */
+        exports.RIGHT = RIGHT;
+        var LEFT = 'left';
+        /**
+ * @property {String} CENTER
+ * @final
+ */
+        exports.LEFT = LEFT;
+        var CENTER = 'center';
+        /**
+ * @property {String} TOP
+ * @final
+ */
+        exports.CENTER = CENTER;
+        var TOP = 'top';
+        /**
+ * @property {String} BOTTOM
+ * @final
+ */
+        exports.TOP = TOP;
+        var BOTTOM = 'bottom';
+        /**
+ * @property {String} BASELINE
+ * @final
+ * @default alphabetic
+ */
+        exports.BOTTOM = BOTTOM;
+        var BASELINE = 'alphabetic';
+        /**
+ * @property {Number} POINTS
+ * @final
+ * @default 0x0000
+ */
+        exports.BASELINE = BASELINE;
+        var POINTS = 0;
+        /**
+ * @property {Number} LINES
+ * @final
+ * @default 0x0001
+ */
+        exports.POINTS = POINTS;
+        var LINES = 1;
+        /**
+ * @property {Number} LINE_STRIP
+ * @final
+ * @default 0x0003
+ */
+        exports.LINES = LINES;
+        var LINE_STRIP = 3;
+        /**
+ * @property {Number} LINE_LOOP
+ * @final
+ * @default 0x0002
+ */
+        exports.LINE_STRIP = LINE_STRIP;
+        var LINE_LOOP = 2;
+        /**
+ * @property {Number} TRIANGLES
+ * @final
+ * @default 0x0004
+ */
+        exports.LINE_LOOP = LINE_LOOP;
+        var TRIANGLES = 4;
+        /**
+ * @property {Number} TRIANGLE_FAN
+ * @final
+ * @default 0x0006
+ */
+        exports.TRIANGLES = TRIANGLES;
+        var TRIANGLE_FAN = 6;
+        /**
+ * @property {Number} TRIANGLE_STRIP
+ * @final
+ * @default 0x0005
+ */
+        exports.TRIANGLE_FAN = TRIANGLE_FAN;
+        var TRIANGLE_STRIP = 5;
+        /**
+ * @property {String} QUADS
+ * @final
+ */
+        exports.TRIANGLE_STRIP = TRIANGLE_STRIP;
+        var QUADS = 'quads';
+        /**
+ * @property {String} QUAD_STRIP
+ * @final
+ * @default quad_strip
+ */
+        exports.QUADS = QUADS;
+        var QUAD_STRIP = 'quad_strip';
+        /**
+ * @property {String} TESS
+ * @final
+ * @default tess
+ */
+        exports.QUAD_STRIP = QUAD_STRIP;
+        var TESS = 'tess';
+        /**
+ * @property {String} CLOSE
+ * @final
+ */
+        exports.TESS = TESS;
+        var CLOSE = 'close';
+        /**
+ * @property {String} OPEN
+ * @final
+ */
+        exports.CLOSE = CLOSE;
+        var OPEN = 'open';
+        /**
+ * @property {String} CHORD
+ * @final
+ */
+        exports.OPEN = OPEN;
+        var CHORD = 'chord';
+        /**
+ * @property {String} PIE
+ * @final
+ */
+        exports.CHORD = CHORD;
+        var PIE = 'pie';
+        /**
+ * @property {String} PROJECT
+ * @final
+ * @default square
+ */
+        exports.PIE = PIE;
+        var PROJECT = 'square'; // PEND: careful this is counterintuitive
+        /**
+ * @property {String} SQUARE
+ * @final
+ * @default butt
+ */
+        exports.PROJECT = PROJECT;
+        var SQUARE = 'butt';
+        /**
+ * @property {String} ROUND
+ * @final
+ */
+        exports.SQUARE = SQUARE;
+        var ROUND = 'round';
+        /**
+ * @property {String} BEVEL
+ * @final
+ */
+        exports.ROUND = ROUND;
+        var BEVEL = 'bevel';
+        /**
+ * @property {String} MITER
+ * @final
+ */
+        exports.BEVEL = BEVEL;
+        var MITER = 'miter';
+        // COLOR
+        /**
+ * @property {String} RGB
+ * @final
+ */
+        exports.MITER = MITER;
+        var RGB = 'rgb';
+        /**
+ * HSB (hue, saturation, brightness) is a type of color model.
+ * You can learn more about it at
+ * <a href="https://learnui.design/blog/the-hsb-color-system-practicioners-primer.html">HSB</a>.
+ *
+ * @property {String} HSB
+ * @final
+ */
+        exports.RGB = RGB;
+        var HSB = 'hsb';
+        /**
+ * @property {String} HSL
+ * @final
+ */
+        exports.HSB = HSB;
+        var HSL = 'hsl';
+        // DOM EXTENSION
+        /**
+ * AUTO allows us to automatically set the width or height of an element (but not both),
+ * based on the current height and width of the element. Only one parameter can
+ * be passed to the <a href="/reference/#/p5.Element/size">size</a> function as AUTO, at a time.
+ *
+ * @property {String} AUTO
+ * @final
+ */
+        exports.HSL = HSL;
+        var AUTO = 'auto';
+        /**
+ * @property {Number} ALT
+ * @final
+ */
+        // INPUT
+        exports.AUTO = AUTO;
+        var ALT = 18;
+        /**
+ * @property {Number} BACKSPACE
+ * @final
+ */
+        exports.ALT = ALT;
+        var BACKSPACE = 8;
+        /**
+ * @property {Number} CONTROL
+ * @final
+ */
+        exports.BACKSPACE = BACKSPACE;
+        var CONTROL = 17;
+        /**
+ * @property {Number} DELETE
+ * @final
+ */
+        exports.CONTROL = CONTROL;
+        var DELETE = 46;
+        /**
+ * @property {Number} DOWN_ARROW
+ * @final
+ */
+        exports.DELETE = DELETE;
+        var DOWN_ARROW = 40;
+        /**
+ * @property {Number} ENTER
+ * @final
+ */
+        exports.DOWN_ARROW = DOWN_ARROW;
+        var ENTER = 13;
+        /**
+ * @property {Number} ESCAPE
+ * @final
+ */
+        exports.ENTER = ENTER;
+        var ESCAPE = 27;
+        /**
+ * @property {Number} LEFT_ARROW
+ * @final
+ */
+        exports.ESCAPE = ESCAPE;
+        var LEFT_ARROW = 37;
+        /**
+ * @property {Number} OPTION
+ * @final
+ */
+        exports.LEFT_ARROW = LEFT_ARROW;
+        var OPTION = 18;
+        /**
+ * @property {Number} RETURN
+ * @final
+ */
+        exports.OPTION = OPTION;
+        var RETURN = 13;
+        /**
+ * @property {Number} RIGHT_ARROW
+ * @final
+ */
+        exports.RETURN = RETURN;
+        var RIGHT_ARROW = 39;
+        /**
+ * @property {Number} SHIFT
+ * @final
+ */
+        exports.RIGHT_ARROW = RIGHT_ARROW;
+        var SHIFT = 16;
+        /**
+ * @property {Number} TAB
+ * @final
+ */
+        exports.SHIFT = SHIFT;
+        var TAB = 9;
+        /**
+ * @property {Number} UP_ARROW
+ * @final
+ */
+        exports.TAB = TAB;
+        var UP_ARROW = 38;
+        // RENDERING
+        /**
+ * @property {String} BLEND
+ * @final
+ * @default source-over
+ */
+        exports.UP_ARROW = UP_ARROW;
+        var BLEND = 'source-over';
+        /**
+ * @property {String} REMOVE
+ * @final
+ * @default destination-out
+ */
+        exports.BLEND = BLEND;
+        var REMOVE = 'destination-out';
+        /**
+ * @property {String} ADD
+ * @final
+ * @default lighter
+ */
+        exports.REMOVE = REMOVE;
+        var ADD = 'lighter';
+        //ADD: 'add', //
+        //SUBTRACT: 'subtract', //
+        /**
+ * @property {String} DARKEST
+ * @final
+ */
+        exports.ADD = ADD;
+        var DARKEST = 'darken';
+        /**
+ * @property {String} LIGHTEST
+ * @final
+ * @default lighten
+ */
+        exports.DARKEST = DARKEST;
+        var LIGHTEST = 'lighten';
+        /**
+ * @property {String} DIFFERENCE
+ * @final
+ */
+        exports.LIGHTEST = LIGHTEST;
+        var DIFFERENCE = 'difference';
+        /**
+ * @property {String} SUBTRACT
+ * @final
+ */
+        exports.DIFFERENCE = DIFFERENCE;
+        var SUBTRACT = 'subtract';
+        /**
+ * @property {String} EXCLUSION
+ * @final
+ */
+        exports.SUBTRACT = SUBTRACT;
+        var EXCLUSION = 'exclusion';
+        /**
+ * @property {String} MULTIPLY
+ * @final
+ */
+        exports.EXCLUSION = EXCLUSION;
+        var MULTIPLY = 'multiply';
+        /**
+ * @property {String} SCREEN
+ * @final
+ */
+        exports.MULTIPLY = MULTIPLY;
+        var SCREEN = 'screen';
+        /**
+ * @property {String} REPLACE
+ * @final
+ * @default copy
+ */
+        exports.SCREEN = SCREEN;
+        var REPLACE = 'copy';
+        /**
+ * @property {String} OVERLAY
+ * @final
+ */
+        exports.REPLACE = REPLACE;
+        var OVERLAY = 'overlay';
+        /**
+ * @property {String} HARD_LIGHT
+ * @final
+ */
+        exports.OVERLAY = OVERLAY;
+        var HARD_LIGHT = 'hard-light';
+        /**
+ * @property {String} SOFT_LIGHT
+ * @final
+ */
+        exports.HARD_LIGHT = HARD_LIGHT;
+        var SOFT_LIGHT = 'soft-light';
+        /**
+ * @property {String} DODGE
+ * @final
+ * @default color-dodge
+ */
+        exports.SOFT_LIGHT = SOFT_LIGHT;
+        var DODGE = 'color-dodge';
+        /**
+ * @property {String} BURN
+ * @final
+ * @default color-burn
+ */
+        exports.DODGE = DODGE;
+        var BURN = 'color-burn';
+        // FILTERS
+        /**
+ * @property {String} THRESHOLD
+ * @final
+ */
+        exports.BURN = BURN;
+        var THRESHOLD = 'threshold';
+        /**
+ * @property {String} GRAY
+ * @final
+ */
+        exports.THRESHOLD = THRESHOLD;
+        var GRAY = 'gray';
+        /**
+ * @property {String} OPAQUE
+ * @final
+ */
+        exports.GRAY = GRAY;
+        var OPAQUE = 'opaque';
+        /**
+ * @property {String} INVERT
+ * @final
+ */
+        exports.OPAQUE = OPAQUE;
+        var INVERT = 'invert';
+        /**
+ * @property {String} POSTERIZE
+ * @final
+ */
+        exports.INVERT = INVERT;
+        var POSTERIZE = 'posterize';
+        /**
+ * @property {String} DILATE
+ * @final
+ */
+        exports.POSTERIZE = POSTERIZE;
+        var DILATE = 'dilate';
+        /**
+ * @property {String} ERODE
+ * @final
+ */
+        exports.DILATE = DILATE;
+        var ERODE = 'erode';
+        /**
+ * @property {String} BLUR
+ * @final
+ */
+        exports.ERODE = ERODE;
+        var BLUR = 'blur';
+        // TYPOGRAPHY
+        /**
+ * @property {String} NORMAL
+ * @final
+ */
+        exports.BLUR = BLUR;
+        var NORMAL = 'normal';
+        /**
+ * @property {String} ITALIC
+ * @final
+ */
+        exports.NORMAL = NORMAL;
+        var ITALIC = 'italic';
+        /**
+ * @property {String} BOLD
+ * @final
+ */
+        exports.ITALIC = ITALIC;
+        var BOLD = 'bold';
+        /**
+ * @property {String} BOLDITALIC
+ * @final
+ */
+        exports.BOLD = BOLD;
+        var BOLDITALIC = 'bold italic';
+        /**
+ * @property {String} CHAR
+ * @final
+ */
+        exports.BOLDITALIC = BOLDITALIC;
+        var CHAR = 'CHAR';
+        /**
+ * @property {String} WORD
+ * @final
+ */
+        exports.CHAR = CHAR;
+        var WORD = 'WORD';
+        // TYPOGRAPHY-INTERNAL
+        exports.WORD = WORD;
+        var _DEFAULT_TEXT_FILL = '#000000';
+        exports._DEFAULT_TEXT_FILL = _DEFAULT_TEXT_FILL;
+        var _DEFAULT_LEADMULT = 1.25;
+        exports._DEFAULT_LEADMULT = _DEFAULT_LEADMULT;
+        var _CTX_MIDDLE = 'middle';
+        // VERTICES
+        /**
+ * @property {String} LINEAR
+ * @final
+ */
+        exports._CTX_MIDDLE = _CTX_MIDDLE;
+        var LINEAR = 'linear';
+        /**
+ * @property {String} QUADRATIC
+ * @final
+ */
+        exports.LINEAR = LINEAR;
+        var QUADRATIC = 'quadratic';
+        /**
+ * @property {String} BEZIER
+ * @final
+ */
+        exports.QUADRATIC = QUADRATIC;
+        var BEZIER = 'bezier';
+        /**
+ * @property {String} CURVE
+ * @final
+ */
+        exports.BEZIER = BEZIER;
+        var CURVE = 'curve';
+        // WEBGL DRAWMODES
+        /**
+ * @property {String} STROKE
+ * @final
+ */
+        exports.CURVE = CURVE;
+        var STROKE = 'stroke';
+        /**
+ * @property {String} FILL
+ * @final
+ */
+        exports.STROKE = STROKE;
+        var FILL = 'fill';
+        /**
+ * @property {String} TEXTURE
+ * @final
+ */
+        exports.FILL = FILL;
+        var TEXTURE = 'texture';
+        /**
+ * @property {String} IMMEDIATE
+ * @final
+ */
+        exports.TEXTURE = TEXTURE;
+        var IMMEDIATE = 'immediate';
+        // WEBGL TEXTURE MODE
+        // NORMAL already exists for typography
+        /**
+ * @property {String} IMAGE
+ * @final
+ */
+        exports.IMMEDIATE = IMMEDIATE;
+        var IMAGE = 'image';
+        // WEBGL TEXTURE WRAP AND FILTERING
+        // LINEAR already exists above
+        /**
+ * @property {String} NEAREST
+ * @final
+ */
+        exports.IMAGE = IMAGE;
+        var NEAREST = 'nearest';
+        /**
+ * @property {String} REPEAT
+ * @final
+ */
+        exports.NEAREST = NEAREST;
+        var REPEAT = 'repeat';
+        /**
+ * @property {String} CLAMP
+ * @final
+ */
+        exports.REPEAT = REPEAT;
+        var CLAMP = 'clamp';
+        /**
+ * @property {String} MIRROR
+ * @final
+ */
+        exports.CLAMP = CLAMP;
+        var MIRROR = 'mirror';
+        // WEBGL GEOMETRY SHADING
+        /**
+ * @property {String} FLAT
+ * @final
+ */
+        exports.MIRROR = MIRROR;
+        var FLAT = 'flat';
+        /**
+ * @property {String} SMOOTH
+ * @final
+ */
+        exports.FLAT = FLAT;
+        var SMOOTH = 'smooth';
+        // DEVICE-ORIENTATION
+        /**
+ * @property {String} LANDSCAPE
+ * @final
+ */
+        exports.SMOOTH = SMOOTH;
+        var LANDSCAPE = 'landscape';
+        /**
+ * @property {String} PORTRAIT
+ * @final
+ */
+        exports.LANDSCAPE = LANDSCAPE;
+        var PORTRAIT = 'portrait';
+        // DEFAULTS
+        exports.PORTRAIT = PORTRAIT;
+        var _DEFAULT_STROKE = '#000000';
+        exports._DEFAULT_STROKE = _DEFAULT_STROKE;
+        var _DEFAULT_FILL = '#FFFFFF';
+        /**
+ * @property {String} GRID
+ * @final
+ */
+        exports._DEFAULT_FILL = _DEFAULT_FILL;
+        var GRID = 'grid';
+        /**
+ * @property {String} AXES
+ * @final
+ */
+        exports.GRID = GRID;
+        var AXES = 'axes';
+        /**
+ * @property {String} LABEL
+ * @final
+ */
+        exports.AXES = AXES;
+        var LABEL = 'label';
+        /**
+ * @property {String} FALLBACK
+ * @final
+ */
+        exports.LABEL = LABEL;
+        var FALLBACK = 'fallback';
+        /**
+ * @property {String} CONTAIN
+ * @final
+ */
+        exports.FALLBACK = FALLBACK;
+        var CONTAIN = 'contain';
+        /**
+ * @property {String} COVER
+ * @final
+ */
+        exports.CONTAIN = CONTAIN;
+        var COVER = 'cover';
+        /**
+ * @property {String} UNSIGNED_BYTE
+ * @final
+ */
+        exports.COVER = COVER;
+        var UNSIGNED_BYTE = 'unsigned-byte';
+        /**
+ * @property {String} UNSIGNED_INT
+ * @final
+ */
+        exports.UNSIGNED_BYTE = UNSIGNED_BYTE;
+        var UNSIGNED_INT = 'unsigned-int';
+        /**
+ * @property {String} FLOAT
+ * @final
+ */
+        exports.UNSIGNED_INT = UNSIGNED_INT;
+        var FLOAT = 'float';
+        /**
+ * @property {String} HALF_FLOAT
+ * @final
+ */
+        exports.FLOAT = FLOAT;
+        var HALF_FLOAT = 'half-float';
+        /**
+ * @property {String} RGBA
+ * @final
+ */
+        exports.HALF_FLOAT = HALF_FLOAT;
+        var RGBA = 'rgba';
+        exports.RGBA = RGBA;
+      },
+      {
+      }
+    ],
+    287: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.concat');
+        _dereq_('core-js/modules/es.array.filter');
+        _dereq_('core-js/modules/es.array.includes');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.object.get-own-property-descriptor');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.regexp.exec');
+        _dereq_('core-js/modules/es.string.includes');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.string.search');
+        _dereq_('core-js/modules/es.string.split');
+        _dereq_('core-js/modules/es.weak-map');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        function _typeof2(obj) {
+          if (typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol') {
+            _typeof2 = function _typeof2(obj) {
+              return typeof obj;
+            };
+          } else {
+            _typeof2 = function _typeof2(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj;
+            };
+          }
+          return _typeof2(obj);
+        }
+        function _typeof(obj) {
+          if (typeof Symbol === 'function' && _typeof2(Symbol.iterator) === 'symbol') {
+            _typeof = function _typeof(obj) {
+              return _typeof2(obj);
+            };
+          } else {
+            _typeof = function _typeof(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : _typeof2(obj);
+            };
+          }
+          return _typeof(obj);
+        }
+        _dereq_('core-js/modules/es.array.concat');
+        _dereq_('core-js/modules/es.array.filter');
+        _dereq_('core-js/modules/es.array.includes');
+        _dereq_('core-js/modules/es.regexp.exec');
+        _dereq_('core-js/modules/es.string.includes');
+        _dereq_('core-js/modules/es.string.search');
+        _dereq_('core-js/modules/es.string.split');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('./main'));
+        var C = _interopRequireWildcard(_dereq_('./constants'));
+        function _getRequireWildcardCache() {
+          if (typeof WeakMap !== 'function') return null;
+          var cache = new WeakMap();
+          _getRequireWildcardCache = function _getRequireWildcardCache() {
+            return cache;
+          };
+          return cache;
+        }
+        function _interopRequireWildcard(obj) {
+          if (obj && obj.__esModule) {
+            return obj;
+          }
+          if (obj === null || _typeof(obj) !== 'object' && typeof obj !== 'function') {
+            return {
+            default:
+              obj
+            };
+          }
+          var cache = _getRequireWildcardCache();
+          if (cache && cache.has(obj)) {
+            return cache.get(obj);
+          }
+          var newObj = {
+          };
+          var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+          for (var key in obj) {
+            if (Object.prototype.hasOwnProperty.call(obj, key)) {
+              var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+              if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+              } else {
+                newObj[key] = obj[key];
+              }
+            }
+          }
+          newObj.default = obj;
+          if (cache) {
+            cache.set(obj, newObj);
+          }
+          return newObj;
+        }
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }        /**
+ * @module Environment
+ * @submodule Environment
+ * @for p5
+ * @requires core
+ * @requires constants
+ */
+
+        var standardCursors = [
+          C.ARROW,
+          C.CROSS,
+          C.HAND,
+          C.MOVE,
+          C.TEXT,
+          C.WAIT
+        ];
+        _main.default.prototype._frameRate = 0;
+        _main.default.prototype._lastFrameTime = window.performance.now();
+        _main.default.prototype._targetFrameRate = 60;
+        var _windowPrint = window.print;
+        var windowPrintDisabled = false;
+        /**
+ * Displays text in the web browser's console.
+ *
+ * `print()` is helpful for printing values while debugging. Each call to
+ * `print()` creates a new line of text.
+ *
+ * Note: Call `print('\n')` to print a blank line. Calling `print()` without
+ * an argument opens the browser's dialog for printing documents.
+ *
+ * @method print
+ * @param {Any} contents content to print to the console.
+ * @example
+ * <div>
+ * <code class="norender">
+ * function setup() {
+ *   // Prints "hello, world" to the console.
+ *   print('hello, world');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code class="norender">
+ * function setup() {
+ *   let name = 'ada';
+ *   // Prints "hello, ada" to the console.
+ *   print(`hello, ${name}`);
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.print = function () {
+          if (!arguments.length) {
+            if (!windowPrintDisabled) {
+              _windowPrint();
+              if (window.confirm('You just tried to print the webpage. Do you want to prevent this from running again?')) {
+                windowPrintDisabled = true;
+              }
+            }
+          } else {
+            var _console;
+            (_console = console).log.apply(_console, arguments);
+          }
+        };
+        /**
+ * Tracks the number of frames drawn since the sketch started.
+ *
+ * `frameCount`'s value is 0 inside <a href="#/p5/setup">setup()</a>. It
+ * increments by 1 each time the code in <a href="#/p5/draw">draw()</a>
+ * finishes executing.
+ *
+ * @property {Integer} frameCount
+ * @readOnly
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   background(200);
+ *
+ *   // Display the value of
+ *   // frameCount.
+ *   textSize(30);
+ *   textAlign(CENTER, CENTER);
+ *   text(frameCount, 50, 50);
+ *
+ *   describe('The number 0 written in black in the middle of a gray square.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function setup() {
+ *   // Set the frameRate to 30.
+ *   frameRate(30);
+ *
+ *   textSize(30);
+ *   textAlign(CENTER, CENTER);
+ * }
+ *
+ * function draw() {
+ *   background(200);
+ *
+ *   // Display the value of
+ *   // frameCount.
+ *   text(frameCount, 50, 50);
+ *
+ *   describe('A number written in black in the middle of a gray square. Its value increases rapidly.');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.frameCount = 0;
+        /**
+ * Tracks the amount of time, in milliseconds, it took for
+ * <a href="#/p5/draw">draw</a> to draw the previous frame. `deltaTime` is
+ * useful for simulating physics.
+ *
+ * @property {Integer} deltaTime
+ * @readOnly
+ * @example
+ * <div>
+ * <code>
+ * let x = 0;
+ * let speed = 0.05;
+ *
+ * function setup()  {
+ *   // Set the frameRate to 30.
+ *   frameRate(30);
+ * }
+ *
+ * function draw() {
+ *   background(200);
+ *
+ *   // Use deltaTime to calculate
+ *   // a change in position.
+ *   let deltaX = speed * deltaTime;
+ *
+ *   // Update the x variable.
+ *   x += deltaX;
+ *
+ *   // Reset x to 0 if it's
+ *   // greater than 100.
+ *   if (x > 100)  {
+ *     x = 0;
+ *   }
+ *
+ *   // Use x to set the circle's
+ *   // position.
+ *   circle(x, 50, 20);
+ *
+ *   describe('A white circle moves from left to right on a gray background. It reappears on the left side when it reaches the right side.');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.deltaTime = 0;
+        /**
+ * Tracks whether the browser window is focused and can receive user input.
+ * `focused` is `true` if the window if focused and `false` if not.
+ *
+ * @property {Boolean} focused
+ * @readOnly
+ * @example
+ * <div>
+ * <code>
+ * // Open this example in two separate browser
+ * // windows placed side-by-side to demonstrate.
+ *
+ * function draw() {
+ *   // Change the background color
+ *   // when the browser window
+ *   // goes in/out of focus.
+ *   if (focused === true) {
+ *     background(0, 255, 0);
+ *   } else {
+ *     background(255, 0, 0);
+ *   }
+ *
+ *   describe('A square changes color from green to red when the browser window is out of focus.');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.focused = document.hasFocus();
+        /**
+ * Changes the cursor's appearance.
+ *
+ * The first parameter, `type`, sets the type of cursor to display. The
+ * built-in options are `ARROW`, `CROSS`, `HAND`, `MOVE`, `TEXT`, and `WAIT`.
+ * `cursor()` also recognizes standard CSS cursor properties passed as
+ * strings: `'help'`, `'wait'`, `'crosshair'`, `'not-allowed'`, `'zoom-in'`,
+ * and `'grab'`. If the path to an image is passed, as in
+ * `cursor('assets/target.png')`, then the image will be used as the cursor.
+ * Images must be in .cur, .gif, .jpg, .jpeg, or .png format.
+ *
+ * The parameters `x` and `y` are optional. If an image is used for the
+ * cursor, `x` and `y` set the location pointed to within the image. They are
+ * both 0 by default, so the cursor points to the image's top-left corner. `x`
+ * and `y` must be less than the image's width and height, respectively.
+ *
+ * @method cursor
+ * @param {String|Constant} type Built-in: either ARROW, CROSS, HAND, MOVE, TEXT, or WAIT.
+ *                               Native CSS properties: 'grab', 'progress', and so on.
+ *                               Path to cursor image.
+ * @param {Number}          [x]  horizontal active spot of the cursor.
+ * @param {Number}          [y]  vertical active spot of the cursor.
+ * @example
+ * <div>
+ * <code>
+ * function draw() {
+ *   background(200);
+ *
+ *   // Set the cursor to crosshairs: +
+ *   cursor(CROSS);
+ *
+ *   describe('A gray square. The cursor appears as crosshairs.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function draw() {
+ *   background(200);
+ *
+ *   // Divide the canvas into quadrants.
+ *   line(50, 0, 50, 100);
+ *   line(0, 50, 100, 50);
+ *
+ *   // Change cursor based on mouse position.
+ *   if (mouseX < 50 && mouseY < 50) {
+ *     cursor(CROSS);
+ *   } else if (mouseX > 50 && mouseY < 50) {
+ *     cursor('progress');
+ *   } else if (mouseX > 50 && mouseY > 50) {
+ *     cursor('https://avatars0.githubusercontent.com/u/1617169?s=16');
+ *   } else {
+ *     cursor('grab');
+ *   }
+ *
+ *   describe('A gray square divided into quadrants. The cursor image changes when the mouse moves to each quadrant.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function draw() {
+ *   background(200);
+ *
+ *   // Change the cursor's active spot
+ *   // when the mouse is pressed.
+ *   if (mouseIsPressed === true) {
+ *     cursor('https://avatars0.githubusercontent.com/u/1617169?s=16', 8, 8);
+ *   } else {
+ *     cursor('https://avatars0.githubusercontent.com/u/1617169?s=16');
+ *   }
+ *
+ *   describe('An image of three purple curves follows the mouse. The image shifts when the mouse is pressed.');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.cursor = function (type, x, y) {
+          var cursor = 'auto';
+          var canvas = this._curElement.elt;
+          if (standardCursors.includes(type)) {
+            // Standard css cursor
+            cursor = type;
+          } else if (typeof type === 'string') {
+            var coords = '';
+            if (x && y && typeof x === 'number' && typeof y === 'number') {
+              // Note that x and y values must be unit-less positive integers < 32
+              // https://developer.mozilla.org/en-US/docs/Web/CSS/cursor
+              coords = ''.concat(x, ' ').concat(y);
+            }
+            if (type.substring(0, 7) === 'http://' || type.substring(0, 8) === 'https://') {
+              // Image (absolute url)
+              cursor = 'url('.concat(type, ') ').concat(coords, ', auto');
+            } else if (/\.(cur|jpg|jpeg|gif|png|CUR|JPG|JPEG|GIF|PNG)$/.test(type)) {
+              // Image file (relative path) - Separated for performance reasons
+              cursor = 'url('.concat(type, ') ').concat(coords, ', auto');
+            } else {
+              // Any valid string for the css cursor property
+              cursor = type;
+            }
+          }
+          canvas.style.cursor = cursor;
+        };
+        /**
+ * Sets the number of frames to draw per second.
+ *
+ * Calling `frameRate()` with one numeric argument, as in `frameRate(30)`,
+ * attempts to draw 30 frames per second (FPS). The target frame rate may not
+ * be achieved depending on the sketch's processing needs. Most computers
+ * default to a frame rate of 60 FPS. Frame rates of 24 FPS and above are
+ * fast enough for smooth animations.
+ *
+ * Calling `frameRate()` without an argument returns the current frame rate.
+ * The value returned is an approximation.
+ *
+ * @method frameRate
+ * @param  {Number} fps number of frames to draw per second.
+ * @chainable
+ *
+ * @example
+ * <div>
+ * <code>
+ * function draw() {
+ *   background(200);
+ *
+ *   // Set the x variable based
+ *   // on the current frameCount.
+ *   let x = frameCount % 100;
+ *
+ *   // If the mouse is pressed,
+ *   // decrease the frame rate.
+ *   if (mouseIsPressed === true) {
+ *     frameRate(10);
+ *   } else {
+ *     frameRate(60);
+ *   }
+ *
+ *   // Use x to set the circle's
+ *   // position.
+ *   circle(x, 50, 20);
+ *
+ *   describe('A white circle on a gray background. The circle moves from left to right in a loop. It slows down when the mouse is pressed.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function draw() {
+ *   background(200);
+ *
+ *   // If the mouse is pressed, do lots
+ *   // of math to slow down drawing.
+ *   if (mouseIsPressed === true) {
+ *     for (let i = 0; i < 1000000; i += 1) {
+ *       random();
+ *     }
+ *   }
+ *
+ *   // Get the current frame rate
+ *   // and display it.
+ *   let fps = frameRate();
+ *   text(fps, 50, 50);
+ *
+ *   describe('A number written in black written on a gray background. The number decreases when the mouse is pressed.');
+ * }
+ * </code>
+ * </div>
+ */
+        /**
+ * @method frameRate
+ * @return {Number}       current frame rate.
+ */
+        _main.default.prototype.frameRate = function (fps) {
+          _main.default._validateParameters('frameRate', arguments);
+          if (typeof fps !== 'number' || fps < 0) {
+            return this._frameRate;
+          } else {
+            this._setProperty('_targetFrameRate', fps);
+            if (fps === 0) {
+              this._setProperty('_frameRate', fps);
+            }
+            return this;
+          }
+        };
+        /**
+ * Returns the current framerate.
+ *
+ * @private
+ * @return {Number} current frameRate
+ */
+        _main.default.prototype.getFrameRate = function () {
+          return this.frameRate();
+        };
+        /**
+ * Specifies the number of frames to be displayed every second. For example,
+ * the function call frameRate(30) will attempt to refresh 30 times a second.
+ * If the processor is not fast enough to maintain the specified rate, the
+ * frame rate will not be achieved. Setting the frame rate within <a href="#/p5/setup">setup()</a> is
+ * recommended. The default rate is 60 frames per second.
+ *
+ * Calling `frameRate()` with no arguments returns the current frame rate.
+ *
+ * @private
+ * @param {Number} [fps] number of frames to be displayed every second
+ */
+        _main.default.prototype.setFrameRate = function (fps) {
+          return this.frameRate(fps);
+        };
+        /**
+ * Returns the target frame rate. The value is either the system frame rate or
+ * the last value passed to <a href="#/p5/frameRate">frameRate()</a>.
+ *
+ * @method getTargetFrameRate
+ * @return {Number} _targetFrameRate
+ * @example
+ * <div>
+ * <code>
+ * function draw() {
+ *   background(200);
+ *
+ *   // Set the frame rate to 20.
+ *   frameRate(20);
+ *
+ *   // Get the target frame rate and
+ *   // display it.
+ *   let fps = getTargetFrameRate();
+ *   text(fps, 43, 54);
+ *
+ *   describe('The number 20 written in black on a gray background.');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.getTargetFrameRate = function () {
+          return this._targetFrameRate;
+        };
+        /**
+ * Hides the cursor from view.
+ *
+ * @method noCursor
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   // Hide the cursor.
+ *   noCursor();
+ * }
+ *
+ * function draw() {
+ *   background(200);
+ *
+ *   circle(mouseX, mouseY, 10);
+ *
+ *   describe('A white circle on a gray background. The circle follows the mouse as it moves. The cursor is hidden.');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.noCursor = function () {
+          this._curElement.elt.style.cursor = 'none';
+        };
+        /**
+ * A string variable with the WebGL version in use. Its value equals one of
+ * the followin string constants:
+ *
+ * - `WEBGL2` whose value is `'webgl2'`,
+ * - `WEBGL` whose value is `'webgl'`, or
+ * - `P2D` whose value is `'p2d'`. This is the default for 2D sketches.
+ *
+ * See <a href="#/p5/setAttributes">setAttributes()</a> for ways to set the
+ * WebGL version.
+ *
+ * @property {String} webglVersion
+ * @readOnly
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   background(200);
+ *
+ *   // Display the current WebGL version.
+ *   text(webglVersion, 42, 54);
+ *
+ *   describe('The text "p2d" written in black on a gray background.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let font;
+ *
+ * function preload() {
+ *   // Load a font to use.
+ *   font = loadFont('assets/inconsolata.otf');
+ * }
+ *
+ * function setup() {
+ *   // Create a canvas using WEBGL mode.
+ *   createCanvas(100, 50, WEBGL);
+ *   background(200);
+ *
+ *   // Display the current WebGL version.
+ *   fill(0);
+ *   textFont(font);
+ *   text(webglVersion, -15, 5);
+ *
+ *   describe('The text "webgl2" written in black on a gray background.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let font;
+ *
+ * function preload() {
+ *   // Load a font to use.
+ *   font = loadFont('assets/inconsolata.otf');
+ * }
+ *
+ * function setup() {
+ *   // Create a canvas using WEBGL mode.
+ *   createCanvas(100, 50, WEBGL);
+ *
+ *   // Set WebGL to version 1.
+ *   setAttributes({ version: 1 });
+ *
+ *   background(200);
+ *
+ *   // Display the current WebGL version.
+ *   fill(0);
+ *   textFont(font);
+ *   text(webglVersion, -14, 5);
+ *
+ *   describe('The text "webgl" written in black on a gray background.');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.webglVersion = C.P2D;
+        /**
+ * A numeric variable that stores the width of the screen display. Its value
+ * depends on the current <a href="#/p5/pixelDensity">pixelDensity()</a>.
+ * `displayWidth` is useful for running full-screen programs.
+ *
+ * Note: The actual screen width can be computed as
+ * `displayWidth * pixelDensity()`.
+ *
+ * @property {Number} displayWidth
+ * @readOnly
+ * @example
+ * <div class="norender">
+ * <code>
+ * function setup() {
+ *   // Set the canvas' width and height
+ *   // using the display's dimensions.
+ *   createCanvas(displayWidth, displayHeight);
+ *
+ *   background(200);
+ *
+ *   describe('A gray canvas that is the same size as the display.');
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * This example does not render anything.
+ */
+        _main.default.prototype.displayWidth = screen.width;
+        /**
+ * A numeric variable that stores the height of the screen display. Its value
+ * depends on the current <a href="#/p5/pixelDensity">pixelDensity()</a>.
+ * `displayHeight` is useful for running full-screen programs.
+ *
+ * Note: The actual screen height can be computed as
+ * `displayHeight * pixelDensity()`.
+ *
+ * @property {Number} displayHeight
+ * @readOnly
+ * @example
+ * <div class="norender">
+ * <code>
+ * function setup() {
+ *   // Set the canvas' width and height
+ *   // using the display's dimensions.
+ *   createCanvas(displayWidth, displayHeight);
+ *
+ *   background(200);
+ *
+ *   describe('A gray canvas that is the same size as the display.');
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * This example does not render anything.
+ */
+        _main.default.prototype.displayHeight = screen.height;
+        /**
+ * A numeric variable that stores the width of the browser's
+ * <a href="https://developer.mozilla.org/en-US/docs/Glossary/Layout_viewport" target="_blank">layout viewport</a>.
+ * This viewport is the area within the browser that's available for drawing.
+ *
+ * @property {Number} windowWidth
+ * @readOnly
+ * @example
+ * <div class="norender">
+ * <code>
+ * function setup() {
+ *   // Set the canvas' width and height
+ *   // using the browser's dimensions.
+ *   createCanvas(windowWidth, windowHeight);
+ *
+ *   background(200);
+ *
+ *   describe('A gray canvas that takes up the entire browser window.');
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * This example does not render anything.
+ */
+        _main.default.prototype.windowWidth = getWindowWidth();
+        /**
+ * A numeric variable that stores the height of the browser's
+ * <a href="https://developer.mozilla.org/en-US/docs/Glossary/Layout_viewport" target="_blank">layout viewport</a>.
+ * This viewport is the area within the browser that's available for drawing.
+ *
+ * @property {Number} windowHeight
+ * @readOnly
+ * @example
+ * <div class="norender">
+ * <code>
+ * function setup() {
+ *   // Set the canvas' width and height
+ *   // using the browser's dimensions.
+ *   createCanvas(windowWidth, windowHeight);
+ *
+ *   background(200);
+ *
+ *   describe('A gray canvas that takes up the entire browser window.');
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * This example does not render anything.
+ */
+        _main.default.prototype.windowHeight = getWindowHeight();
+        /**
+ * The code in `windowResized()` is called once each time the browser window
+ * is resized. It's a good place to resize the canvas or make other
+ * adjustments to accommodate the new window size.
+ *
+ * The `event` parameter is optional. If added to the function definition, it
+ * can be used for debugging or other purposes.
+ *
+ * @method windowResized
+ * @param {UIEvent} [event] optional resize Event.
+ * @example
+ * <div class="norender">
+ * <code>
+ * function setup() {
+ *   createCanvas(windowWidth, windowHeight);
+ * }
+ *
+ * function draw() {
+ *   background(200);
+ *
+ *   describe('A gray canvas that takes up the entire browser window. It changes size to match the browser window.');
+ * }
+ *
+ * // Resize the canvas when the
+ * // browser's size changes.
+ * function windowResized() {
+ *   resizeCanvas(windowWidth, windowHeight);
+ * }
+ * </code>
+ * </div>
+ * @alt
+ * This example does not render anything.
+ *
+ * <div class="norender">
+ * <code>
+ * function setup() {
+ *   createCanvas(windowWidth, windowHeight);
+ * }
+ *
+ * function draw() {
+ *   background(200);
+ *
+ *   describe('A gray canvas that takes up the entire browser window. It changes size to match the browser window.');
+ * }
+ *
+ * function windowResized(event) {
+ *   // Resize the canvas when the
+ *   // browser's size changes.
+ *   resizeCanvas(windowWidth, windowHeight);
+ *
+ *   // Print the resize event to the console for debugging.
+ *   print(event);
+ * }
+ * </code>
+ * </div>
+ * @alt
+ * This example does not render anything.
+ */
+        _main.default.prototype._onresize = function (e) {
+          this._setProperty('windowWidth', getWindowWidth());
+          this._setProperty('windowHeight', getWindowHeight());
+          var context = this._isGlobal ? window : this;
+          var executeDefault;
+          if (typeof context.windowResized === 'function') {
+            executeDefault = context.windowResized(e);
+            if (executeDefault !== undefined && !executeDefault) {
+              e.preventDefault();
+            }
+          }
+        };
+        function getWindowWidth() {
+          return window.innerWidth || document.documentElement && document.documentElement.clientWidth || document.body && document.body.clientWidth || 0;
+        }
+        function getWindowHeight() {
+          return window.innerHeight || document.documentElement && document.documentElement.clientHeight || document.body && document.body.clientHeight || 0;
+        }        /**
+ * A numeric variable that stores the width of the drawing canvas. Its
+ * default value is 100.
+ *
+ * Calling <a href="#/p5/createCanvas">createCanvas()</a> or
+ * <a href="#/p5/resizeCanvas">resizeCanvas()</a> changes the value of
+ * `width`. Calling <a href="#/p5/noCanvas">noCanvas()</a> sets its value to
+ * 0.
+ *
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   background(200);
+ *
+ *   // Display the canvas' width.
+ *   text(width, 42, 54);
+ *
+ *   describe('The number 100 written in black on a gray square.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(50, 100);
+ *
+ *   background(200);
+ *
+ *   // Display the canvas' width.
+ *   text(width, 21, 54);
+ *
+ *   describe('The number 50 written in black on a gray rectangle.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100);
+ *
+ *   background(200);
+ *
+ *   // Display the canvas' width.
+ *   text(width, 42, 54);
+ *
+ *   describe('The number 100 written in black on a gray square. When the mouse is pressed, the square becomes a rectangle and the number becomes 50.');
+ * }
+ *
+ * // If the mouse is pressed, reisze
+ * // the canvas and display its new
+ * // width.
+ * function mousePressed() {
+ *   if (mouseX > 0 && mouseX < width && mouseY > 0 && mouseY < height) {
+ *     resizeCanvas(50, 100);
+ *     background(200);
+ *     text(width, 42, 27);
+ *   }
+ * }
+ * </code>
+ * </div>
+ *
+ * @property {Number} width
+ * @readOnly
+ */
+
+        _main.default.prototype.width = 0;
+        /**
+ * A numeric variable that stores the height of the drawing canvas. Its
+ * default value is 100.
+ *
+ * Calling <a href="#/p5/createCanvas">createCanvas()</a> or
+ * <a href="#/p5/resizeCanvas">resizeCanvas()</a> changes the value of
+ * `height`. Calling <a href="#/p5/noCanvas">noCanvas()</a> sets its value to
+ * 0.
+ *
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   background(200);
+ *
+ *   // Display the canvas' height.
+ *   text(height, 42, 54);
+ *
+ *   describe('The number 100 written in black on a gray square.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 50);
+ *
+ *   background(200);
+ *
+ *   // Display the canvas' height.
+ *   text(height, 21, 54);
+ *
+ *   describe('The number 50 written in black on a gray rectangle.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100);
+ *
+ *   background(200);
+ *
+ *   // Display the canvas' height.
+ *   text(height, 42, 54);
+ *
+ *   describe('The number 100 written in black on a gray square. When the mouse is pressed, the square becomes a rectangle and the number becomes 50.');
+ * }
+ *
+ * // If the mouse is pressed, reisze
+ * // the canvas and display its new
+ * // height.
+ * function mousePressed() {
+ *   if (mouseX > 0 && mouseX < width && mouseY > 0 && mouseY < height) {
+ *     resizeCanvas(100, 50);
+ *     background(200);
+ *     text(height, 42, 27);
+ *   }
+ * }
+ * </code>
+ * </div>
+ *
+ * @property {Number} height
+ * @readOnly
+ */
+        _main.default.prototype.height = 0;
+        /**
+ * Toggles full-screen mode or returns the current mode.
+ *
+ * Calling `fullscreen(true)` makes the sketch full-screen. Calling
+ * `fullscreen(false)` makes the sketch its original size.
+ *
+ * Calling `fullscreen()` without an argument returns `true` if the sketch
+ * is in full-screen mode and `false` if not.
+ *
+ * Note: Due to browser restrictions, `fullscreen()` can only be called with
+ * user input such as a mouse press.
+ *
+ * @method fullscreen
+ * @param  {Boolean} [val] whether the sketch should be in fullscreen mode.
+ * @return {Boolean} current fullscreen state.
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   background(200);
+ *
+ *   describe('A gray canvas that switches between default and full-screen display when clicked.');
+ * }
+ *
+ * // If the mouse is pressed,
+ * // toggle full-screen mode.
+ * function mousePressed() {
+ *   if (mouseX > 0 && mouseX < width && mouseY > 0 && mouseY < height) {
+ *     let fs = fullscreen();
+ *     fullscreen(!fs);
+ *   }
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.fullscreen = function (val) {
+          _main.default._validateParameters('fullscreen', arguments);
+          // no arguments, return fullscreen or not
+          if (typeof val === 'undefined') {
+            return document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement;
+          } else {
+            // otherwise set to fullscreen or not
+            if (val) {
+              launchFullscreen(document.documentElement);
+            } else {
+              exitFullscreen();
+            }
+          }
+        };
+        /**
+ * Sets the pixel scaling for high pixel density displays.
+ *
+ * By default, the pixel density is set to match display density. Calling
+ * `pixelDensity(1)` turn this off.
+ *
+ * Calling `pixelDensity()` without an argument returns the current pixel
+ * density.
+ *
+ * @method pixelDensity
+ * @param  {Number} [val] desired pixel density.
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   // Set the pixel density to 1.
+ *   pixelDensity(1);
+ *
+ *   // Create a canvas and draw
+ *   // a circle.
+ *   createCanvas(100, 100);
+ *   background(200);
+ *   circle(50, 50, 70);
+ *
+ *   describe('A fuzzy white circle on a gray canvas.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function setup() {
+ *   // Set the pixel density to 3.
+ *   pixelDensity(3);
+ *
+ *   // Create a canvas, paint the
+ *   // background, and draw a
+ *   // circle.
+ *   createCanvas(100, 100);
+ *   background(200);
+ *   circle(50, 50, 70);
+ *
+ *   describe('A sharp white circle on a gray canvas.');
+ * }
+ * </code>
+ * </div>
+ */
+        /**
+ * @method pixelDensity
+ * @returns {Number} current pixel density of the sketch.
+ */
+        _main.default.prototype.pixelDensity = function (val) {
+          _main.default._validateParameters('pixelDensity', arguments);
+          var returnValue;
+          if (typeof val === 'number') {
+            if (val !== this._pixelDensity) {
+              this._pixelDensity = val;
+            }
+            returnValue = this;
+            this.resizeCanvas(this.width, this.height, true); // as a side effect, it will clear the canvas
+          } else {
+            returnValue = this._pixelDensity;
+          }
+          return returnValue;
+        };
+        /**
+ * Returns the display's current pixel density.
+ *
+ * @method displayDensity
+ * @returns {Number} current pixel density of the display.
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   // Set the pixel density to 1.
+ *   pixelDensity(1);
+ *
+ *   // Create a canvas and draw
+ *   // a circle.
+ *   createCanvas(100, 100);
+ *   background(200);
+ *   circle(50, 50, 70);
+ *
+ *   describe('A fuzzy white circle drawn on a gray background. The circle becomes sharper when the mouse is pressed.');
+ * }
+ *
+ * function mousePressed() {
+ *   // Get the current display density.
+ *   let d = displayDensity();
+ *
+ *   // Use the display density to set
+ *   // the sketch's pixel density.
+ *   pixelDensity(d);
+ *
+ *   // Paint the background and
+ *   // draw a circle.
+ *   background(200);
+ *   circle(50, 50, 70);
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.displayDensity = function () {
+          return window.devicePixelRatio;
+        };
+        function launchFullscreen(element) {
+          var enabled = document.fullscreenEnabled || document.webkitFullscreenEnabled || document.mozFullScreenEnabled || document.msFullscreenEnabled;
+          if (!enabled) {
+            throw new Error('Fullscreen not enabled in this browser.');
+          }
+          if (element.requestFullscreen) {
+            element.requestFullscreen();
+          } else if (element.mozRequestFullScreen) {
+            element.mozRequestFullScreen();
+          } else if (element.webkitRequestFullscreen) {
+            element.webkitRequestFullscreen();
+          } else if (element.msRequestFullscreen) {
+            element.msRequestFullscreen();
+          }
+        }
+        function exitFullscreen() {
+          if (document.exitFullscreen) {
+            document.exitFullscreen();
+          } else if (document.mozCancelFullScreen) {
+            document.mozCancelFullScreen();
+          } else if (document.webkitExitFullscreen) {
+            document.webkitExitFullscreen();
+          } else if (document.msExitFullscreen) {
+            document.msExitFullscreen();
+          }
+        }        /**
+ * Returns the sketch's current
+ * <a href="https://developer.mozilla.org/en-US/docs/Learn/Common_questions/Web_mechanics/What_is_a_URL" target="_blank">URL</a>
+ * as a string.
+ *
+ * @method getURL
+ * @return {String} url
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   background(200);
+ *
+ *   // Get the sketch's URL
+ *   // and display it.
+ *   let url = getURL();
+ *   textWrap(CHAR);
+ *   text(url, 0, 40, 100);
+ *
+ *   describe('The URL "https://p5js.org/reference/#/p5/getURL" written in black on a gray background.');
+ * }
+ * </code>
+ * </div>
+ */
+
+        _main.default.prototype.getURL = function () {
+          return location.href;
+        };
+        /**
+ * Returns the current
+ * <a href="https://developer.mozilla.org/en-US/docs/Learn/Common_questions/Web_mechanics/What_is_a_URL#path_to_resource" target="_blank">URL</a>
+ * path as an array of strings.
+ *
+ * For example, consider a sketch hosted at the URL
+ * `https://example.com/sketchbook`. Calling `getURLPath()` returns
+ * `['sketchbook']`. For a sketch hosted at the URL
+ * `https://example.com/sketchbook/monday`, `getURLPath()` returns
+ * `['sketchbook', 'monday']`.
+ *
+ * @method getURLPath
+ * @return {String[]} path components.
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   background(200);
+ *
+ *   // Get the sketch's URL path
+ *   // and display the first
+ *   // part.
+ *   let path = getURLPath();
+ *   text(path[0], 25, 54);
+ *
+ *   describe('The word "reference" written in black on a gray background.');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.getURLPath = function () {
+          return location.pathname.split('/').filter(function (v) {
+            return v !== '';
+          });
+        };
+        /**
+ * Returns the current
+ * <a href="https://developer.mozilla.org/en-US/docs/Learn/Common_questions/Web_mechanics/What_is_a_URL#parameters" target="_blank">URL parameters</a>
+ * in an Object.
+ *
+ * For example, calling `getURLParams()` in a sketch hosted at the URL
+ * `http://p5js.org?year=2014&month=May&day=15` returns
+ * `{ year: 2014, month: 'May', day: 15 }`.
+ *
+ * @method getURLParams
+ * @return {Object} URL params
+ * @example
+ * <div class='norender notest'>
+ * <code>
+ * // Imagine this sketch is hosted at the following URL:
+ * // https://p5js.org?year=2014&month=May&day=15
+ *
+ * function setup() {
+ *   background(200);
+ *
+ *   // Get the sketch's URL
+ *   // parameters and display
+ *   // them.
+ *   let params = getURLParams();
+ *   text(params.day, 10, 20);
+ *   text(params.month, 10, 40);
+ *   text(params.year, 10, 60);
+ *
+ *   describe('The text "15", "May", and "2014" written in black on separate lines.');
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * This example does not render anything.
+ */
+        _main.default.prototype.getURLParams = function () {
+          var re = /[?&]([^&=]+)(?:[&=])([^&=]+)/gim;
+          var m;
+          var v = {
+          };
+          while ((m = re.exec(location.search)) != null) {
+            if (m.index === re.lastIndex) {
+              re.lastIndex++;
+            }
+            v[m[1]] = m[2];
+          }
+          return v;
+        };
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        './constants': 286,
+        './main': 298,
+        'core-js/modules/es.array.concat': 169,
+        'core-js/modules/es.array.filter': 173,
+        'core-js/modules/es.array.includes': 177,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.object.get-own-property-descriptor': 196,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.regexp.exec': 205,
+        'core-js/modules/es.string.includes': 209,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.string.search': 215,
+        'core-js/modules/es.string.split': 216,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/es.weak-map': 254,
+        'core-js/modules/web.dom-collections.iterator': 256
+      }
+    ],
+    288: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        // This contains a data table used by ./fes_core.js/fesErrorMonitor().
+        //
+        // Note: Different browsers use different error strings for the same error.
+        // Extracting info from the browser error messages is easier and cleaner
+        // if we have a predefined lookup. This file serves as that lookup.
+        // Using this lookup we match the errors obtained from the browser, classify
+        // them into types and extract the required information.
+        // The FES can use the extracted info to generate a friendly error message
+        // for the matching error.
+        var strings = {
+          ReferenceError: [
+            {
+              msg: '{{}} is not defined',
+              type: 'NOTDEFINED',
+              browser: 'all'
+            },
+            {
+              msg: 'Can\'t find variable: {{}}',
+              type: 'NOTDEFINED',
+              browser: 'Safari'
+            },
+            {
+              msg: 'Cannot access \'{{.}}\' before initialization',
+              type: 'CANNOTACCESS',
+              browser: 'Chrome'
+            },
+            {
+              msg: 'can\'t access lexical declaration \'{{.}}\' before initialization',
+              type: 'CANNOTACCESS',
+              browser: 'Firefox'
+            }
+          ],
+          SyntaxError: [
+            {
+              msg: 'illegal character',
+              type: 'INVALIDTOKEN',
+              browser: 'Firefox'
+            },
+            {
+              msg: 'Invalid character',
+              type: 'INVALIDTOKEN',
+              browser: 'Safari'
+            },
+            {
+              msg: 'Invalid or unexpected token',
+              type: 'INVALIDTOKEN',
+              browser: 'Chrome'
+            },
+            {
+              msg: 'Unexpected token \'{{.}}\'',
+              type: 'UNEXPECTEDTOKEN',
+              browser: 'Chrome'
+            },
+            {
+              msg: 'expected {{.}}, got \'{{.}}\'',
+              type: 'UNEXPECTEDTOKEN',
+              browser: 'Chrome'
+            },
+            {
+              msg: 'Identifier \'{{.}}\' has already been declared',
+              type: 'REDECLAREDVARIABLE',
+              browser: 'Chrome'
+            },
+            {
+              msg: 'redeclaration of {} {{.}}',
+              type: 'REDECLAREDVARIABLE',
+              browser: 'Firefox'
+            },
+            {
+              msg: 'Missing initializer in const declaration',
+              type: 'MISSINGINITIALIZER',
+              browser: 'Chrome'
+            },
+            {
+              msg: 'missing = in const declaration',
+              type: 'MISSINGINITIALIZER',
+              browser: 'Firefox'
+            },
+            {
+              msg: 'Illegal return statement',
+              type: 'BADRETURNORYIELD',
+              browser: 'Chrome'
+            },
+            {
+              msg: 'return not in function',
+              type: 'BADRETURNORYIELD',
+              browser: 'Firefox'
+            }
+          ],
+          TypeError: [
+            {
+              msg: '{{.}} is not a function',
+              type: 'NOTFUNC',
+              browser: 'all'
+            },
+            {
+              msg: 'Cannot read {{.}} null',
+              type: 'READNULL',
+              browser: 'Chrome'
+            },
+            {
+              msg: '{{.}} is null',
+              type: 'READNULL',
+              browser: 'Firefox'
+            },
+            {
+              msg: 'Cannot read {{.}} undefined',
+              type: 'READUDEFINED',
+              browser: 'Chrome'
+            },
+            {
+              msg: '{{.}} is undefined',
+              type: 'READUDEFINED',
+              browser: 'Firefox'
+            },
+            {
+              msg: 'Assignment to constant variable',
+              type: 'CONSTASSIGN',
+              browser: 'Chrome'
+            },
+            {
+              msg: 'invalid assignment to const \'{{.}}\'',
+              type: 'CONSTASSIGN',
+              browser: 'Firefox'
+            }
+          ]
+        };
+        var _default = strings;
+        exports.default = _default;
+      },
+      {
+      }
+    ],
+    289: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.concat');
+        _dereq_('core-js/modules/es.array.filter');
+        _dereq_('core-js/modules/es.array.for-each');
+        _dereq_('core-js/modules/es.array.includes');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.join');
+        _dereq_('core-js/modules/es.array.map');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.array.some');
+        _dereq_('core-js/modules/es.function.name');
+        _dereq_('core-js/modules/es.object.assign');
+        _dereq_('core-js/modules/es.object.get-own-property-names');
+        _dereq_('core-js/modules/es.object.keys');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.regexp.constructor');
+        _dereq_('core-js/modules/es.regexp.exec');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.string.match');
+        _dereq_('core-js/modules/es.string.replace');
+        _dereq_('core-js/modules/es.string.split');
+        _dereq_('core-js/modules/es.string.starts-with');
+        _dereq_('core-js/modules/web.dom-collections.for-each');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        function _typeof2(obj) {
+          if (typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol') {
+            _typeof2 = function _typeof2(obj) {
+              return typeof obj;
+            };
+          } else {
+            _typeof2 = function _typeof2(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj;
+            };
+          }
+          return _typeof2(obj);
+        }
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.concat');
+        _dereq_('core-js/modules/es.array.filter');
+        _dereq_('core-js/modules/es.array.for-each');
+        _dereq_('core-js/modules/es.array.includes');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.join');
+        _dereq_('core-js/modules/es.array.map');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.array.some');
+        _dereq_('core-js/modules/es.function.name');
+        _dereq_('core-js/modules/es.object.assign');
+        _dereq_('core-js/modules/es.object.get-own-property-names');
+        _dereq_('core-js/modules/es.object.keys');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.regexp.constructor');
+        _dereq_('core-js/modules/es.regexp.exec');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.string.match');
+        _dereq_('core-js/modules/es.string.replace');
+        _dereq_('core-js/modules/es.string.split');
+        _dereq_('core-js/modules/es.string.starts-with');
+        _dereq_('core-js/modules/web.dom-collections.for-each');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../main'));
+        var _internationalization = _dereq_('../internationalization');
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }
+        function _slicedToArray(arr, i) {
+          return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+        }
+        function _nonIterableRest() {
+          throw new TypeError('Invalid attempt to destructure non-iterable instance');
+        }
+        function _iterableToArrayLimit(arr, i) {
+          if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === '[object Arguments]')) {
+            return;
+          }
+          var _arr = [
+          ];
+          var _n = true;
+          var _d = false;
+          var _e = undefined;
+          try {
+            for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+              _arr.push(_s.value);
+              if (i && _arr.length === i) break;
+            }
+          } catch (err) {
+            _d = true;
+            _e = err;
+          } finally {
+            try {
+              if (!_n && _i['return'] != null) _i['return']();
+            } finally {
+              if (_d) throw _e;
+            }
+          }
+          return _arr;
+        }
+        function _arrayWithHoles(arr) {
+          if (Array.isArray(arr)) return arr;
+        }
+        function _typeof(obj) {
+          if (typeof Symbol === 'function' && _typeof2(Symbol.iterator) === 'symbol') {
+            _typeof = function _typeof(obj) {
+              return _typeof2(obj);
+            };
+          } else {
+            _typeof = function _typeof(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : _typeof2(obj);
+            };
+          }
+          return _typeof(obj);
+        } /**
+   * @for p5
+   * @requires core
+   *
+   * This is the main file for the Friendly Error System (FES), containing
+   * the core as well as miscellaneous functionality of the FES. Here is a
+   * brief outline of the functions called in this system.
+   *
+   * The FES may be invoked by a call to either
+   * (1) _validateParameters, (2) _friendlyFileLoadError, (3) _friendlyError,
+   * (4) helpForMisusedAtTopLevelCode, or (5) _fesErrorMonitor.
+   *
+   * _validateParameters is located in validate_params.js along with other code
+   * used for parameter validation.
+   * _friendlyFileLoadError is located in file_errors.js along with other code
+   * used for dealing with file load errors.
+   * Apart from this, there's also a file stacktrace.js, which contains the code
+   * to parse the error stack, borrowed from:
+   * https://github.com/stacktracejs/stacktrace.js
+   *
+   * For more detailed information on the FES functions, including the call
+   * sequence of each function, please look at the FES Reference + Dev Notes:
+   * https://github.com/processing/p5.js/blob/main/contributor_docs/fes_reference_dev_notes.md
+   */
+        // p5.js blue, p5.js orange, auto dark green; fallback p5.js darkened magenta
+        // See testColors below for all the color codes and names
+
+        var typeColors = [
+          '#2D7BB6',
+          '#EE9900',
+          '#4DB200',
+          '#C83C00'
+        ];
+        var misusedAtTopLevelCode = null;
+        var defineMisusedAtTopLevelCode = null;
+        // the threshold for the maximum allowed levenshtein distance
+        // used in misspelling detection
+        var EDIT_DIST_THRESHOLD = 2;
+        // to enable or disable styling (color, font-size, etc. ) for fes messages
+        var ENABLE_FES_STYLING = false;
+        if (typeof IS_MINIFIED !== 'undefined') {
+          _main.default._friendlyError = _main.default._checkForUserDefinedFunctions = _main.default._fesErrorMonitor = function () {
+          };
+        } else {
+          var doFriendlyWelcome = false; // TEMP until we get it all working LM
+          var errorTable = _dereq_('./browser_errors').default;
+          // -- Borrowed from jQuery 1.11.3 --
+          var class2type = {
+          };
+          var _toString = class2type.toString;
+          var names = [
+            'Boolean',
+            'Number',
+            'String',
+            'Function',
+            'Array',
+            'Date',
+            'RegExp',
+            'Object',
+            'Error'
+          ];
+          for (var n = 0; n < names.length; n++) {
+            class2type['[object '.concat(names[n], ']')] = names[n].toLowerCase();
+          }
+          var getType = function getType(obj) {
+            if (obj == null) {
+              return ''.concat(obj);
+            }
+            return _typeof(obj) === 'object' || typeof obj === 'function' ? class2type[_toString.call(obj)] || 'object' : _typeof(obj);
+          };
+          // -- End borrow --
+          // entry points into user-defined code
+          var entryPoints = [
+            'setup',
+            'draw',
+            'preload',
+            'deviceMoved',
+            'deviceTurned',
+            'deviceShaken',
+            'doubleClicked',
+            'mousePressed',
+            'mouseReleased',
+            'mouseMoved',
+            'mouseDragged',
+            'mouseClicked',
+            'mouseWheel',
+            'touchStarted',
+            'touchMoved',
+            'touchEnded',
+            'keyPressed',
+            'keyReleased',
+            'keyTyped',
+            'windowResized'
+          ];
+          var friendlyWelcome = function friendlyWelcome() {
+            // p5.js brand - magenta: #ED225D
+            //const astrixBgColor = 'transparent';
+            //const astrixTxtColor = '#ED225D';
+            //const welcomeBgColor = '#ED225D';
+            //const welcomeTextColor = 'white';
+            var welcomeMessage = (0, _internationalization.translator) ('fes.pre', {
+              message: (0, _internationalization.translator) ('fes.welcome')
+            });
+            console.log('    _ \n' + ' /\\| |/\\ \n' + ' \\ ` \' /  \n' + ' / , . \\  \n' + ' \\/|_|\\/ ' + '\n\n' + welcomeMessage);
+          };
+          /**
+   * Takes a message and a p5 function func, and adds a link pointing to
+   * the reference documentation of func at the end of the message
+   *
+   * @method mapToReference
+   * @private
+   * @param {String}  message   the words to be said
+   * @param {String}  [func]    the name of function
+   *
+   * @returns {String}
+   */
+          var mapToReference = function mapToReference(message, func) {
+            var msgWithReference = '';
+            if (func == null || func.substring(0, 4) === 'load') {
+              msgWithReference = message;
+            } else {
+              var methodParts = func.split('.');
+              var referenceSection = methodParts.length > 1 ? ''.concat(methodParts[0], '.').concat(methodParts[1]) : 'p5';
+              var funcName = methodParts.length === 1 ? func : methodParts.slice(2).join('/');
+              //Whenever func having p5.[Class] is encountered, we need to have the error link as mentioned below else different link
+              funcName.startsWith('p5.') ? msgWithReference = ''.concat(message, ' (http://p5js.org/reference/#/').concat(referenceSection, '.').concat(funcName, ')') : msgWithReference = ''.concat(message, ' (http://p5js.org/reference/#/').concat(referenceSection, '/').concat(funcName, ')');
+            }
+            return msgWithReference;
+          };
+          /**
+   * Prints out a fancy, colorful message to the console log
+   * Attaches Friendly Errors prefix [fes.pre] to the message.
+   *
+   * @method _report
+   * @private
+   * @param  {String}          message  Message to be printed
+   * @param  {String}          [func]   Name of function
+   * @param  {Number|String}   [color]  CSS color code
+   *
+   * @return console logs
+   */
+          _main.default._report = function (message, func, color) {
+            // if p5._fesLogger is set ( i.e we are running tests ), use that
+            // instead of console.log
+            var log = _main.default._fesLogger == null ? console.log.bind(console) : _main.default._fesLogger;
+            if (doFriendlyWelcome) {
+              friendlyWelcome();
+              doFriendlyWelcome = false;
+            }
+            if ('undefined' === getType(color)) {
+              color = '#B40033'; // dark magenta
+            } else if (getType(color) === 'number') {
+              // Type to color
+              color = typeColors[color];
+            }            // Add a link to the reference docs of func at the end of the message
+
+            message = mapToReference(message, func);
+            var style = [
+              'color: '.concat(color),
+              'font-family: Arial',
+              'font-size: larger'
+            ];
+            var prefixedMsg = (0, _internationalization.translator) ('fes.pre', {
+              message: message
+            });
+            if (ENABLE_FES_STYLING) {
+              log('%c' + prefixedMsg, style.join(';'));
+            } else {
+              log(prefixedMsg);
+            }
+          };
+          /**
+   * This is a generic method that can be called from anywhere in the p5
+   * library to alert users to a common error.
+   *
+   * @method _friendlyError
+   * @private
+   * @param  {String}         message   Message to be printed
+   * @param  {String}         [func]    Name of the function linked to error
+   * @param  {Number|String}  [color]   CSS color code
+   */
+          _main.default._friendlyError = function (message, func, color) {
+            _main.default._report(message, func, color);
+          };
+          /**
+   * This is called internally if there is an error with autoplay. Generates
+   * and prints a friendly error message [fes.autoplay].
+   *
+   * @method _friendlyAutoplayError
+   * @private
+   */
+          _main.default._friendlyAutoplayError = function (src) {
+            var message = (0, _internationalization.translator) ('fes.autoplay', {
+              src: src,
+              url: 'https://developer.mozilla.org/docs/Web/Media/Autoplay_guide'
+            });
+            console.log((0, _internationalization.translator) ('fes.pre', {
+              message: message
+            }));
+          };
+          /**
+   * Measures dissimilarity between two strings by calculating
+   * the Levenshtein distance.
+   *
+   * If the "distance" between them is small enough, it is
+   * reasonable to think that one is the misspelled version of the other.
+   *
+   * Specifically, this uses the Wagner–Fischer algorithm.
+   * @method computeEditDistance
+   * @private
+   * @param {String} w1 the first word
+   * @param {String} w2 the second word
+   *
+   * @returns {Number} the "distance" between the two words, a smaller value
+   *                   indicates that the words are similar
+   */
+          var computeEditDistance = function computeEditDistance(w1, w2) {
+            var l1 = w1.length,
+            l2 = w2.length;
+            if (l1 === 0) return w2;
+            if (l2 === 0) return w1;
+            var prev = [
+            ];
+            var cur = [
+            ];
+            for (var j = 0; j < l2 + 1; j++) {
+              cur[j] = j;
+            }
+            prev = cur;
+            for (var i = 1; i < l1 + 1; i++) {
+              cur = [
+              ];
+              for (var _j = 0; _j < l2 + 1; _j++) {
+                if (_j === 0) {
+                  cur[_j] = i;
+                } else {
+                  var a1 = w1[i - 1],
+                  a2 = w2[_j - 1];
+                  var temp = 999999;
+                  var cost = a1.toLowerCase() === a2.toLowerCase() ? 0 : 1;
+                  temp = temp > cost + prev[_j - 1] ? cost + prev[_j - 1] : temp;
+                  temp = temp > 1 + cur[_j - 1] ? 1 + cur[_j - 1] : temp;
+                  temp = temp > 1 + prev[_j] ? 1 + prev[_j] : temp;
+                  cur[_j] = temp;
+                }
+              }
+              prev = cur;
+            }
+            return cur[l2];
+          };
+          /**
+   * Checks capitalization for user defined functions.
+   *
+   * Generates and prints a friendly error message using key:
+   * "fes.checkUserDefinedFns".
+   *
+   * @method checkForUserDefinedFunctions
+   * @private
+   * @param {*} context   Current default context. Set to window in
+   *                      "global mode" and to a p5 instance in "instance mode"
+   */
+          var checkForUserDefinedFunctions = function checkForUserDefinedFunctions(context) {
+            if (_main.default.disableFriendlyErrors) return;
+            // if using instance mode, this function would be called with the current
+            // instance as context
+            var instanceMode = context instanceof _main.default;
+            context = instanceMode ? context : window;
+            var fnNames = entryPoints;
+            var fxns = {
+            };
+            // lowercasename -> actualName mapping
+            fnNames.forEach(function (symbol) {
+              fxns[symbol.toLowerCase()] = symbol;
+            });
+            for (var _i = 0, _Object$keys = Object.keys(context); _i < _Object$keys.length; _i++) {
+              var prop = _Object$keys[_i];
+              var lowercase = prop.toLowerCase();
+              // check if the lowercase property name has an entry in fxns, if the
+              // actual name with correct capitalization doesnt exist in context,
+              // and if the user-defined symbol is of the type function
+              if (fxns[lowercase] && !context[fxns[lowercase]] && typeof context[prop] === 'function') {
+                var msg = (0, _internationalization.translator) ('fes.checkUserDefinedFns', {
+                  name: prop,
+                  actualName: fxns[lowercase]
+                });
+                _main.default._friendlyError(msg, fxns[lowercase]);
+              }
+            }
+          };
+          /**
+   * Compares the symbol caught in the ReferenceError to everything in
+   * misusedAtTopLevel ( all public p5 properties ).
+   *
+   * Generates and prints a friendly error message using key: "fes.misspelling".
+   *
+   * @method handleMisspelling
+   * @private
+   * @param {String} errSym   Symbol to whose spelling to check
+   * @param {Error} error     ReferenceError object
+   *
+   * @returns {Boolean} tell whether error was likely due to typo
+   */
+          var handleMisspelling = function handleMisspelling(errSym, error) {
+            if (!misusedAtTopLevelCode) {
+              defineMisusedAtTopLevelCode();
+            }
+            var distanceMap = {
+            };
+            var min = 999999;
+            // compute the levenshtein distance for the symbol against all known
+            // public p5 properties. Find the property with the minimum distance
+            misusedAtTopLevelCode.forEach(function (symbol) {
+              var dist = computeEditDistance(errSym, symbol.name);
+              if (distanceMap[dist]) distanceMap[dist].push(symbol);
+               else distanceMap[dist] = [
+                symbol
+              ];
+              if (dist < min) min = dist;
+            });
+            // if the closest match has more "distance" than the max allowed threshold
+            if (min > Math.min(EDIT_DIST_THRESHOLD, errSym.length)) return false;
+            // Show a message only if the caught symbol and the matched property name
+            // differ in their name ( either letter difference or difference of case )
+            var matchedSymbols = distanceMap[min].filter(function (symbol) {
+              return symbol.name !== errSym;
+            });
+            if (matchedSymbols.length !== 0) {
+              var parsed = _main.default._getErrorStackParser().parse(error);
+              var locationObj;
+              if (parsed && parsed[0] && parsed[0].fileName && parsed[0].lineNumber && parsed[0].columnNumber) {
+                locationObj = {
+                  location: ''.concat(parsed[0].fileName, ':').concat(parsed[0].lineNumber, ':').concat(parsed[0].columnNumber),
+                  file: parsed[0].fileName.split('/').slice( - 1),
+                  line: parsed[0].lineNumber
+                };
+              }
+              var msg;
+              if (matchedSymbols.length === 1) {
+                // To be used when there is only one closest match. The count parameter
+                // allows i18n to pick between the keys "fes.misspelling" and
+                // "fes.misspelling_plural"
+                msg = (0, _internationalization.translator) ('fes.misspelling', {
+                  name: errSym,
+                  actualName: matchedSymbols[0].name,
+                  type: matchedSymbols[0].type,
+                  location: locationObj ? (0, _internationalization.translator) ('fes.location', locationObj) : '',
+                  count: matchedSymbols.length
+                });
+              } else {
+                // To be used when there are multiple closest matches. Gives each
+                // suggestion on its own line, the function name followed by a link to
+                // reference documentation
+                var suggestions = matchedSymbols.map(function (symbol) {
+                  var message = '▶️ ' + symbol.name + (symbol.type === 'function' ? '()' : '');
+                  return mapToReference(message, symbol.name);
+                }).join('\n');
+                msg = (0, _internationalization.translator) ('fes.misspelling', {
+                  name: errSym,
+                  suggestions: suggestions,
+                  location: locationObj ? (0, _internationalization.translator) ('fes.location', locationObj) : '',
+                  count: matchedSymbols.length
+                });
+              }              // If there is only one closest match, tell _friendlyError to also add
+              // a link to the reference documentation. In case of multiple matches,
+              // this is already done in the suggestions variable, one link for each
+              // suggestion.
+
+              _main.default._friendlyError(msg, matchedSymbols.length === 1 ? matchedSymbols[0].name : undefined);
+              return true;
+            }
+            return false;
+          };
+          /**
+   * Prints a friendly stacktrace for user-written functions for "global" errors
+   *
+   * Generates and prints a friendly error message using key:
+   * "fes.globalErrors.stackTop", "fes.globalErrors.stackSubseq".
+   *
+   * @method printFriendlyStack
+   * @private
+   * @param {Array} friendlyStack
+   */
+          var printFriendlyStack = function printFriendlyStack(friendlyStack) {
+            var log = _main.default._fesLogger && typeof _main.default._fesLogger === 'function' ? _main.default._fesLogger : console.log.bind(console);
+            if (friendlyStack.length > 1) {
+              var stacktraceMsg = '';
+              friendlyStack.forEach(function (frame, idx) {
+                var location = ''.concat(frame.fileName, ':').concat(frame.lineNumber, ':').concat(frame.columnNumber);
+                var frameMsg,
+                translationObj = {
+                  func: frame.functionName,
+                  line: frame.lineNumber,
+                  location: location,
+                  file: frame.fileName.split('/').slice( - 1)
+                };
+                if (idx === 0) {
+                  frameMsg = (0, _internationalization.translator) ('fes.globalErrors.stackTop', translationObj);
+                } else {
+                  frameMsg = (0, _internationalization.translator) ('fes.globalErrors.stackSubseq', translationObj);
+                }
+                stacktraceMsg += frameMsg;
+              });
+              log(stacktraceMsg);
+            }
+          };
+          /**
+   * Takes a stacktrace array and filters out all frames that show internal p5
+   * details.
+   *
+   * Generates and prints a friendly error message using key:
+   * "fes.wrongPreload", "fes.libraryError".
+   *
+   * The processed stack is used to find whether the error happened internally
+   * within the library, and if the error was due to a non-loadX() method
+   * being used in preload.
+   *
+   * "Internally" here means that the exact location of the error (the top of
+   * the stack) is a piece of code written in the p5.js library (which may or
+   * may not have been called from the user's sketch).
+   *
+   * @method processStack
+   * @private
+   * @param {Error} error
+   * @param {Array} stacktrace
+   *
+   * @returns {Array} An array with two elements, [isInternal, friendlyStack]
+   *                 isInternal: a boolean value indicating whether the error
+   *                             happened internally
+   *                 friendlyStack: the filtered (simplified) stacktrace
+   */
+          var processStack = function processStack(error, stacktrace) {
+            // cannot process a stacktrace that doesn't exist
+            if (!stacktrace) return [false,
+            null];
+            stacktrace.forEach(function (frame) {
+              frame.functionName = frame.functionName || '';
+            });
+            // isInternal - Did this error happen inside the library
+            var isInternal = false;
+            var p5FileName,
+            friendlyStack,
+            currentEntryPoint;
+            // Intentionally throw an error that we catch so that we can check the name
+            // of the current file. Any errors we see from this file, we treat as
+            // internal errors.
+            try {
+              throw new Error();
+            } catch (testError) {
+              var testStacktrace = _main.default._getErrorStackParser().parse(testError);
+              p5FileName = testStacktrace[0].fileName;
+            }
+            for (var i = stacktrace.length - 1; i >= 0; i--) {
+              var splitted = stacktrace[i].functionName.split('.');
+              if (entryPoints.includes(splitted[splitted.length - 1])) {
+                // remove everything below an entry point function (setup, draw, etc).
+                // (it's usually the internal initialization calls)
+                friendlyStack = stacktrace.slice(0, i + 1);
+                currentEntryPoint = splitted[splitted.length - 1];
+                // We call the error "internal" if the source of the error was a
+                // function from within the p5.js library file, but called from the
+                // user's code directly. We only need to check the topmost frame in
+                // the stack trace since any function internal to p5 should pass this
+                // check, not just public p5 functions.
+                if (stacktrace[0].fileName === p5FileName) {
+                  isInternal = true;
+                  break;
+                }
+                break;
+              }
+            }            // in some cases ( errors in promises, callbacks, etc), no entry-point
+            // function may be found in the stacktrace. In that case just use the
+            // entire stacktrace for friendlyStack
+
+            if (!friendlyStack) friendlyStack = stacktrace;
+            if (isInternal) {
+              // the frameIndex property is added before the filter, so frameIndex
+              // corresponds to the index of a frame in the original stacktrace.
+              // Then we filter out all frames which belong to the file that contains
+              // the p5 library
+              friendlyStack = friendlyStack.map(function (frame, index) {
+                frame.frameIndex = index;
+                return frame;
+              }).filter(function (frame) {
+                return frame.fileName !== p5FileName;
+              });
+              // a weird case, if for some reason we can't identify the function called
+              // from user's code
+              if (friendlyStack.length === 0) return [true,
+              null];
+              // get the function just above the topmost frame in the friendlyStack.
+              // i.e the name of the library function called from user's code
+              var func = stacktrace[friendlyStack[0].frameIndex - 1].functionName.split('.').slice( - 1) [0];
+              // Try and get the location (line no.) from the top element of the stack
+              var locationObj;
+              if (friendlyStack[0].fileName && friendlyStack[0].lineNumber && friendlyStack[0].columnNumber) {
+                locationObj = {
+                  location: ''.concat(friendlyStack[0].fileName, ':').concat(friendlyStack[0].lineNumber, ':').concat(friendlyStack[0].columnNumber),
+                  file: friendlyStack[0].fileName.split('/').slice( - 1),
+                  line: friendlyStack[0].lineNumber
+                };
+                // if already handled by another part of the FES, don't handle again
+                if (_main.default._fesLogCache[locationObj.location]) return [true,
+                null];
+              }              // Check if the error is due to a non loadX method being used incorrectly
+              // in preload
+
+              if (currentEntryPoint === 'preload' && _main.default.prototype._preloadMethods[func] == null) {
+                _main.default._friendlyError((0, _internationalization.translator) ('fes.wrongPreload', {
+                  func: func,
+                  location: locationObj ? (0, _internationalization.translator) ('fes.location', locationObj) : '',
+                  error: error.message
+                }), 'preload');
+              } else {
+                // Library error
+                _main.default._friendlyError((0, _internationalization.translator) ('fes.libraryError', {
+                  func: func,
+                  location: locationObj ? (0, _internationalization.translator) ('fes.location', locationObj) : '',
+                  error: error.message
+                }), func);
+              }              // Finally, if it's an internal error, print the friendlyStack
+              // ( fesErrorMonitor won't handle this error )
+
+              if (friendlyStack && friendlyStack.length) {
+                printFriendlyStack(friendlyStack);
+              }
+            }
+            return [isInternal,
+            friendlyStack];
+          };
+          /**
+   * Handles "global" errors that the browser catches.
+   *
+   * Called when an error event happens and detects the type of error.
+   *
+   * Generates and prints a friendly error message using key:
+   * "fes.globalErrors.syntax.[*]", "fes.globalErrors.reference.[*]",
+   * "fes.globalErrors.type.[*]".
+   *
+   * @method fesErrorMonitor
+   * @private
+   * @param {*} e  Event object to extract error details from
+   */
+          var fesErrorMonitor = function fesErrorMonitor(e) {
+            if (_main.default.disableFriendlyErrors) return;
+            // Try to get the error object from e
+            var error;
+            if (e instanceof Error) {
+              error = e;
+            } else if (e instanceof ErrorEvent) {
+              error = e.error;
+            } else if (e instanceof PromiseRejectionEvent) {
+              error = e.reason;
+              if (!(error instanceof Error)) return;
+            }
+            if (!error) return;
+            var stacktrace = _main.default._getErrorStackParser().parse(error);
+            // process the stacktrace from the browser and simplify it to give
+            // friendlyStack.
+            var _processStack = processStack(error, stacktrace),
+            _processStack2 = _slicedToArray(_processStack, 2),
+            isInternal = _processStack2[0],
+            friendlyStack = _processStack2[1]; // if this is an internal library error, the type of the error is not relevant,
+            // only the user code that lead to it is.
+            if (isInternal) {
+              return;
+            }
+            var errList = errorTable[error.name];
+            if (!errList) return; // this type of error can't be handled yet
+            var matchedError;
+            var _iteratorNormalCompletion = true;
+            var _didIteratorError = false;
+            var _iteratorError = undefined;
+            try {
+              for (var _iterator = errList[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+                var obj = _step.value;
+                var string = obj.msg;
+                // capture the primary symbol mentioned in the error
+                string = string.replace(new RegExp('{{}}', 'g'), '([a-zA-Z0-9_]+)');
+                string = string.replace(new RegExp('{{.}}', 'g'), '(.+)');
+                string = string.replace(new RegExp('{}', 'g'), '(?:[a-zA-Z0-9_]+)');
+                var matched = error.message.match(string);
+                if (matched) {
+                  matchedError = Object.assign({
+                  }, obj);
+                  matchedError.match = matched;
+                  break;
+                }
+              }
+            } catch (err) {
+              _didIteratorError = true;
+              _iteratorError = err;
+            } finally {
+              try {
+                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                  _iterator.return();
+                }
+              } finally {
+                if (_didIteratorError) {
+                  throw _iteratorError;
+                }
+              }
+            }
+            if (!matchedError) return;
+            // Try and get the location from the top element of the stack
+            var locationObj;
+            if (stacktrace && stacktrace[0].fileName && stacktrace[0].lineNumber && stacktrace[0].columnNumber) {
+              locationObj = {
+                location: ''.concat(stacktrace[0].fileName, ':').concat(stacktrace[0].lineNumber, ':').concat(stacktrace[0].columnNumber),
+                file: stacktrace[0].fileName.split('/').slice( - 1),
+                line: friendlyStack[0].lineNumber
+              };
+            }
+            switch (error.name) {
+              case 'SyntaxError':
+                {
+                  // We can't really do much with syntax errors other than try to use
+                  // a simpler framing of the error message. The stack isn't available
+                  // for syntax errors
+                  switch (matchedError.type) {
+                    case 'INVALIDTOKEN':
+                      {
+                        //Error if there is an invalid or unexpected token that doesn't belong at this position in the code
+                        //let x = “not a string”; -> string not in proper quotes
+                        var url = 'https://developer.mozilla.org/docs/Web/JavaScript/Reference/Errors/Illegal_character#What_went_wrong';
+                        _main.default._friendlyError((0, _internationalization.translator) ('fes.globalErrors.syntax.invalidToken', {
+                          url: url
+                        }));
+                        break;
+                      }
+                    case 'UNEXPECTEDTOKEN':
+                      {
+                        //Error if a specific language construct(, { ; etc) was expected, but something else was provided
+                        //for (let i = 0; i < 5,; ++i) -> a comma after i<5 instead of a semicolon
+                        var _url = 'https://developer.mozilla.org/docs/Web/JavaScript/Reference/Errors/Unexpected_token#What_went_wrong';
+                        _main.default._friendlyError((0, _internationalization.translator) ('fes.globalErrors.syntax.unexpectedToken', {
+                          url: _url
+                        }));
+                        break;
+                      }
+                    case 'REDECLAREDVARIABLE':
+                      {
+                        //Error if a variable is redeclared by the user. Example=>
+                        //let a = 10;
+                        //let a = 100;
+                        var errSym = matchedError.match[1];
+                        var _url2 = 'https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Errors/Redeclared_parameter#what_went_wrong';
+                        _main.default._friendlyError((0, _internationalization.translator) ('fes.globalErrors.syntax.redeclaredVariable', {
+                          symbol: errSym,
+                          url: _url2
+                        }));
+                        break;
+                      }
+                    case 'MISSINGINITIALIZER':
+                      {
+                        //Error if a const variable is not initialized during declaration
+                        //Example => const a;
+                        var _url3 = 'https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Errors/Missing_initializer_in_const#what_went_wrong';
+                        _main.default._friendlyError((0, _internationalization.translator) ('fes.globalErrors.syntax.missingInitializer', {
+                          url: _url3
+                        }));
+                        break;
+                      }
+                    case 'BADRETURNORYIELD':
+                      {
+                        //Error when a return statement is misplaced(usually outside of a function)
+                        // const a = function(){
+                        //  .....
+                        //  }
+                        //  return; -> misplaced return statement
+                        var _url4 = 'https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Errors/Bad_return_or_yield#what_went_wrong';
+                        _main.default._friendlyError((0, _internationalization.translator) ('fes.globalErrors.syntax.badReturnOrYield', {
+                          url: _url4
+                        }));
+                        break;
+                      }
+                  }
+                  break;
+                }
+              case 'ReferenceError':
+                {
+                  switch (matchedError.type) {
+                    case 'NOTDEFINED':
+                      {
+                        //Error if there is a non-existent variable referenced somewhere
+                        //let a = 10;
+                        //console.log(x);
+                        var _errSym = matchedError.match[1];
+                        if (_errSym && handleMisspelling(_errSym, error)) {
+                          break;
+                        }                        // if the flow gets this far, this is likely not a misspelling
+                        // of a p5 property/function
+
+                        var _url5 = 'https://p5js.org/examples/data-variable-scope.html';
+                        _main.default._friendlyError((0, _internationalization.translator) ('fes.globalErrors.reference.notDefined', {
+                          url: _url5,
+                          symbol: _errSym,
+                          location: locationObj ? (0, _internationalization.translator) ('fes.location', locationObj) : ''
+                        }));
+                        if (friendlyStack) printFriendlyStack(friendlyStack);
+                        break;
+                      }
+                    case 'CANNOTACCESS':
+                      {
+                        //Error if a lexical variable was accessed before it was initialized
+                        //console.log(a); -> variable accessed before it was initialized
+                        //let a=100;
+                        var _errSym2 = matchedError.match[1];
+                        var _url6 = 'https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Errors/Cant_access_lexical_declaration_before_init#what_went_wrong';
+                        _main.default._friendlyError((0, _internationalization.translator) ('fes.globalErrors.reference.cannotAccess', {
+                          url: _url6,
+                          symbol: _errSym2,
+                          location: locationObj ? (0, _internationalization.translator) ('fes.location', locationObj) : ''
+                        }));
+                        if (friendlyStack) printFriendlyStack(friendlyStack);
+                        break;
+                      }
+                  }
+                  break;
+                }
+              case 'TypeError':
+                {
+                  switch (matchedError.type) {
+                    case 'NOTFUNC':
+                      {
+                        //Error when some code expects you to provide a function, but that didn't happen
+                        //let a = document.getElementByID('foo'); -> getElementById instead of getElementByID
+                        var _errSym3 = matchedError.match[1];
+                        var splitSym = _errSym3.split('.');
+                        var _url7 = 'https://developer.mozilla.org/docs/Web/JavaScript/Reference/Errors/Not_a_function#What_went_wrong';
+                        // if errSym is aa.bb.cc , symbol would be cc and obj would aa.bb
+                        var translationObj = {
+                          url: _url7,
+                          symbol: splitSym[splitSym.length - 1],
+                          obj: splitSym.slice(0, splitSym.length - 1).join('.'),
+                          location: locationObj ? (0, _internationalization.translator) ('fes.location', locationObj) : ''
+                        };
+                        // There are two cases to handle here. When the function is called
+                        // as a property of an object and when it's called independently.
+                        // Both have different explanations.
+                        if (splitSym.length > 1) {
+                          _main.default._friendlyError((0, _internationalization.translator) ('fes.globalErrors.type.notfuncObj', translationObj));
+                        } else {
+                          _main.default._friendlyError((0, _internationalization.translator) ('fes.globalErrors.type.notfunc', translationObj));
+                        }
+                        if (friendlyStack) printFriendlyStack(friendlyStack);
+                        break;
+                      }
+                    case 'READNULL':
+                      {
+                        //Error if a property of null is accessed
+                        //let a = null;
+                        //console.log(a.property); -> a is null
+                        var _errSym4 = matchedError.match[1];
+                        var _url8 = 'https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Errors/Cant_access_property#what_went_wrong';
+                        /*let url2 =
+                  'https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/null';*/
+                        _main.default._friendlyError((0, _internationalization.translator) ('fes.globalErrors.type.readFromNull', {
+                          url: _url8,
+                          symbol: _errSym4,
+                          location: locationObj ? (0, _internationalization.translator) ('fes.location', locationObj) : ''
+                        }));
+                        if (friendlyStack) printFriendlyStack(friendlyStack);
+                        break;
+                      }
+                    case 'READUDEFINED':
+                      {
+                        //Error if a property of undefined is accessed
+                        //let a; -> default value of a is undefined
+                        //console.log(a.property); -> a is undefined
+                        var _errSym5 = matchedError.match[1];
+                        var _url9 = 'https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Errors/Cant_access_property#what_went_wrong';
+                        /*let url2 =
+                  'https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/undefined#description';*/
+                        _main.default._friendlyError((0, _internationalization.translator) ('fes.globalErrors.type.readFromUndefined', {
+                          url: _url9,
+                          symbol: _errSym5,
+                          location: locationObj ? (0, _internationalization.translator) ('fes.location', locationObj) : ''
+                        }));
+                        if (friendlyStack) printFriendlyStack(friendlyStack);
+                        break;
+                      }
+                    case 'CONSTASSIGN':
+                      {
+                        //Error when a const variable is reassigned a value
+                        //const a = 100;
+                        //a=10;
+                        var _url10 = 'https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Errors/Invalid_const_assignment#what_went_wrong';
+                        _main.default._friendlyError((0, _internationalization.translator) ('fes.globalErrors.type.constAssign', {
+                          url: _url10,
+                          location: locationObj ? (0, _internationalization.translator) ('fes.location', locationObj) : ''
+                        }));
+                        if (friendlyStack) printFriendlyStack(friendlyStack);
+                        break;
+                      }
+                  }
+                }
+            }
+          };
+          _main.default._fesErrorMonitor = fesErrorMonitor;
+          _main.default._checkForUserDefinedFunctions = checkForUserDefinedFunctions;
+          // logger for testing purposes.
+          _main.default._fesLogger = null;
+          _main.default._fesLogCache = {
+          };
+          window.addEventListener('load', checkForUserDefinedFunctions, false);
+          window.addEventListener('error', _main.default._fesErrorMonitor, false);
+          window.addEventListener('unhandledrejection', _main.default._fesErrorMonitor, false);
+          /**
+   * Prints out all the colors in the color pallete with white text.
+   * For color blindness testing.
+   */
+          /* function testColors() {
+    const str = 'A box of biscuits, a box of mixed biscuits and a biscuit mixer';
+    p5._friendlyError(str, 'print', '#ED225D'); // p5.js magenta
+    p5._friendlyError(str, 'print', '#2D7BB6'); // p5.js blue
+    p5._friendlyError(str, 'print', '#EE9900'); // p5.js orange
+    p5._friendlyError(str, 'print', '#A67F59'); // p5.js light brown
+    p5._friendlyError(str, 'print', '#704F21'); // p5.js gold
+    p5._friendlyError(str, 'print', '#1CC581'); // auto cyan
+    p5._friendlyError(str, 'print', '#FF6625'); // auto orange
+    p5._friendlyError(str, 'print', '#79EB22'); // auto green
+    p5._friendlyError(str, 'print', '#B40033'); // p5.js darkened magenta
+    p5._friendlyError(str, 'print', '#084B7F'); // p5.js darkened blue
+    p5._friendlyError(str, 'print', '#945F00'); // p5.js darkened orange
+    p5._friendlyError(str, 'print', '#6B441D'); // p5.js darkened brown
+    p5._friendlyError(str, 'print', '#2E1B00'); // p5.js darkened gold
+    p5._friendlyError(str, 'print', '#008851'); // auto dark cyan
+    p5._friendlyError(str, 'print', '#C83C00'); // auto dark orange
+    p5._friendlyError(str, 'print', '#4DB200'); // auto dark green
+  } */
+        }        // This is a lazily-defined list of p5 symbols that may be
+        // misused by beginners at top-level code, outside of setup/draw. We'd like
+        // to detect these errors and help the user by suggesting they move them
+        // into setup/draw.
+        //
+        // For more details, see https://github.com/processing/p5.js/issues/1121.
+
+        misusedAtTopLevelCode = null;
+        var FAQ_URL = 'https://github.com/processing/p5.js/wiki/p5.js-overview#why-cant-i-assign-variables-using-p5-functions-and-variables-before-setup';
+        /**
+ * A helper function for populating misusedAtTopLevel list.
+ *
+ * @method defineMisusedAtTopLevelCode
+ * @private
+ */
+        defineMisusedAtTopLevelCode = function defineMisusedAtTopLevelCode() {
+          var uniqueNamesFound = {
+          };
+          var getSymbols = function getSymbols(obj) {
+            return Object.getOwnPropertyNames(obj).filter(function (name) {
+              if (name[0] === '_') {
+                return false;
+              }
+              if (name in uniqueNamesFound) {
+                return false;
+              }
+              uniqueNamesFound[name] = true;
+              return true;
+            }).map(function (name) {
+              var type;
+              if (typeof obj[name] === 'function') {
+                type = 'function';
+              } else if (name === name.toUpperCase()) {
+                type = 'constant';
+              } else {
+                type = 'variable';
+              }
+              return {
+                name: name,
+                type: type
+              };
+            });
+          };
+          misusedAtTopLevelCode = [
+          ].concat(getSymbols(_main.default.prototype),          // At present, p5 only adds its constants to p5.prototype during
+          // construction, which may not have happened at the time a
+          // ReferenceError is thrown, so we'll manually add them to our list.
+          getSymbols(_dereq_('../constants')));
+          // This will ultimately ensure that we report the most specific error
+          // possible to the user, e.g. advising them about HALF_PI instead of PI
+          // when their code misuses the former.
+          misusedAtTopLevelCode.sort(function (a, b) {
+            return b.name.length - a.name.length;
+          });
+        };
+        /**
+ * Detects browser level error event for p5 constants/functions used outside
+ * of setup() and draw().
+ *
+ * Generates and prints a friendly error message using key:
+ * "fes.misusedTopLevel".
+ *
+ * @method helpForMisusedAtTopLevelCode
+ * @private
+ * @param {Event} e       Error event
+ * @param {Boolean} log   false
+ *
+ * @returns {Boolean} true
+ */
+        var helpForMisusedAtTopLevelCode = function helpForMisusedAtTopLevelCode(e, log) {
+          if (!log) {
+            log = console.log.bind(console);
+          }
+          if (!misusedAtTopLevelCode) {
+            defineMisusedAtTopLevelCode();
+          }          // If we find that we're logging lots of false positives, we can
+          // uncomment the following code to avoid displaying anything if the
+          // user's code isn't likely to be using p5's global mode. (Note that
+          // setup/draw are more likely to be defined due to JS function hoisting.)
+          //
+          //if (!('setup' in window || 'draw' in window)) {
+          //  return;
+          //}
+
+          misusedAtTopLevelCode.some(function (symbol) {
+            // Note that while just checking for the occurrence of the
+            // symbol name in the error message could result in false positives,
+            // a more rigorous test is difficult because different browsers
+            // log different messages, and the format of those messages may
+            // change over time.
+            //
+            // For example, if the user uses 'PI' in their code, it may result
+            // in any one of the following messages:
+            //
+            //   * 'PI' is undefined                           (Microsoft Edge)
+            //   * ReferenceError: PI is undefined             (Firefox)
+            //   * Uncaught ReferenceError: PI is not defined  (Chrome)
+            if (e.message && e.message.match('\\W?'.concat(symbol.name, '\\W')) !== null) {
+              var symbolName = symbol.type === 'function' ? ''.concat(symbol.name, '()') : symbol.name;
+              if (typeof IS_MINIFIED !== 'undefined') {
+                log('Did you just try to use p5.js\'s '.concat(symbolName, ' ').concat(symbol.type, '? If so, you may want to move it into your sketch\'s setup() function.\n\nFor more details, see: ').concat(FAQ_URL));
+              } else {
+                log((0, _internationalization.translator) ('fes.misusedTopLevel', {
+                  symbolName: symbolName,
+                  symbolType: symbol.type,
+                  url: FAQ_URL
+                }));
+              }
+              return true;
+            }
+          });
+        };
+        // Exposing this primarily for unit testing.
+        _main.default.prototype._helpForMisusedAtTopLevelCode = helpForMisusedAtTopLevelCode;
+        if (document.readyState !== 'complete') {
+          window.addEventListener('error', helpForMisusedAtTopLevelCode, false);
+          // Our job is only to catch ReferenceErrors that are thrown when
+          // global (non-instance mode) p5 APIs are used at the top-level
+          // scope of a file, so we'll unbind our error listener now to make
+          // sure we don't log false positives later.
+          window.addEventListener('load', function () {
+            window.removeEventListener('error', helpForMisusedAtTopLevelCode, false);
+          });
+        }
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        '../constants': 286,
+        '../internationalization': 296,
+        '../main': 298,
+        './browser_errors': 288,
+        'core-js/modules/es.array.concat': 169,
+        'core-js/modules/es.array.filter': 173,
+        'core-js/modules/es.array.for-each': 175,
+        'core-js/modules/es.array.includes': 177,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.array.join': 180,
+        'core-js/modules/es.array.map': 182,
+        'core-js/modules/es.array.slice': 183,
+        'core-js/modules/es.array.some': 184,
+        'core-js/modules/es.function.name': 186,
+        'core-js/modules/es.object.assign': 194,
+        'core-js/modules/es.object.get-own-property-names': 197,
+        'core-js/modules/es.object.keys': 199,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.regexp.constructor': 204,
+        'core-js/modules/es.regexp.exec': 205,
+        'core-js/modules/es.regexp.to-string': 206,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.string.match': 211,
+        'core-js/modules/es.string.replace': 214,
+        'core-js/modules/es.string.split': 216,
+        'core-js/modules/es.string.starts-with': 217,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/web.dom-collections.for-each': 255,
+        'core-js/modules/web.dom-collections.iterator': 256
+      }
+    ],
+    290: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../main'));
+        var _internationalization = _dereq_('../internationalization');
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }        /**
+ * @for p5
+ * @requires core
+ */
+
+        if (typeof IS_MINIFIED !== 'undefined') {
+          _main.default._friendlyFileLoadError = function () {
+          };
+        } else {
+          // mapping used by `_friendlyFileLoadError`
+          var fileLoadErrorCases = function fileLoadErrorCases(num, filePath) {
+            var suggestion = (0, _internationalization.translator) ('fes.fileLoadError.suggestion', {
+              filePath: filePath,
+              url: 'https://github.com/processing/p5.js/wiki/Local-server'
+            });
+            switch (num) {
+              case 0:
+                return {
+                  message: (0, _internationalization.translator) ('fes.fileLoadError.image', {
+                    suggestion: suggestion
+                  }),
+                  method: 'loadImage'
+                };
+              case 1:
+                return {
+                  message: (0, _internationalization.translator) ('fes.fileLoadError.xml', {
+                    suggestion: suggestion
+                  }),
+                  method: 'loadXML'
+                };
+              case 2:
+                return {
+                  message: (0, _internationalization.translator) ('fes.fileLoadError.table', {
+                    suggestion: suggestion
+                  }),
+                  method: 'loadTable'
+                };
+              case 3:
+                return {
+                  message: (0, _internationalization.translator) ('fes.fileLoadError.strings', {
+                    suggestion: suggestion
+                  }),
+                  method: 'loadStrings'
+                };
+              case 4:
+                return {
+                  message: (0, _internationalization.translator) ('fes.fileLoadError.font', {
+                    suggestion: suggestion
+                  }),
+                  method: 'loadFont'
+                };
+              case 5:
+                return {
+                  message: (0, _internationalization.translator) ('fes.fileLoadError.json', {
+                    suggestion: suggestion
+                  }),
+                  method: 'loadJSON'
+                };
+              case 6:
+                return {
+                  message: (0, _internationalization.translator) ('fes.fileLoadError.bytes', {
+                    suggestion: suggestion
+                  }),
+                  method: 'loadBytes'
+                };
+              case 7:
+                return {
+                  message: (0, _internationalization.translator) ('fes.fileLoadError.large'),
+                  method: 'loadX'
+                };
+              case 8:
+                return {
+                  message: (0, _internationalization.translator) ('fes.fileLoadError.gif'),
+                  method: 'loadImage'
+                };
+            }
+          };
+          /**
+   * Called internally if there is an error during file loading.
+   *
+   * Generates and prints a friendly error message using key:
+   * "fes.fileLoadError.[*]".
+   *
+   * @method _friendlyFileLoadError
+   * @private
+   * @param  {Number} errorType   Number of file load error type
+   * @param  {String} filePath    Path to file caused the error
+   */
+          _main.default._friendlyFileLoadError = function (errorType, filePath) {
+            var _fileLoadErrorCases = fileLoadErrorCases(errorType, filePath),
+            message = _fileLoadErrorCases.message,
+            method = _fileLoadErrorCases.method;
+            _main.default._friendlyError(message, method, 3);
+          };
+        }
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        '../internationalization': 296,
+        '../main': 298
+      }
+    ],
+    291: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.filter');
+        _dereq_('core-js/modules/es.array.for-each');
+        _dereq_('core-js/modules/es.array.from');
+        _dereq_('core-js/modules/es.array.includes');
+        _dereq_('core-js/modules/es.array.index-of');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.join');
+        _dereq_('core-js/modules/es.array.map');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.object.get-own-property-descriptor');
+        _dereq_('core-js/modules/es.object.keys');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.regexp.constructor');
+        _dereq_('core-js/modules/es.regexp.exec');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        _dereq_('core-js/modules/es.string.includes');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.string.match');
+        _dereq_('core-js/modules/es.string.split');
+        _dereq_('core-js/modules/es.string.trim');
+        _dereq_('core-js/modules/es.weak-map');
+        _dereq_('core-js/modules/web.dom-collections.for-each');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        function _typeof2(obj) {
+          if (typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol') {
+            _typeof2 = function _typeof2(obj) {
+              return typeof obj;
+            };
+          } else {
+            _typeof2 = function _typeof2(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj;
+            };
+          }
+          return _typeof2(obj);
+        }
+        function _typeof(obj) {
+          if (typeof Symbol === 'function' && _typeof2(Symbol.iterator) === 'symbol') {
+            _typeof = function _typeof(obj) {
+              return _typeof2(obj);
+            };
+          } else {
+            _typeof = function _typeof(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : _typeof2(obj);
+            };
+          }
+          return _typeof(obj);
+        }
+        _dereq_('core-js/modules/es.array.filter');
+        _dereq_('core-js/modules/es.array.for-each');
+        _dereq_('core-js/modules/es.array.includes');
+        _dereq_('core-js/modules/es.array.index-of');
+        _dereq_('core-js/modules/es.array.join');
+        _dereq_('core-js/modules/es.array.map');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.object.keys');
+        _dereq_('core-js/modules/es.regexp.constructor');
+        _dereq_('core-js/modules/es.regexp.exec');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        _dereq_('core-js/modules/es.string.includes');
+        _dereq_('core-js/modules/es.string.match');
+        _dereq_('core-js/modules/es.string.split');
+        _dereq_('core-js/modules/es.string.trim');
+        _dereq_('core-js/modules/web.dom-collections.for-each');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../main'));
+        var _internationalization = _dereq_('../internationalization');
+        var constants = _interopRequireWildcard(_dereq_('../constants'));
+        function _getRequireWildcardCache() {
+          if (typeof WeakMap !== 'function') return null;
+          var cache = new WeakMap();
+          _getRequireWildcardCache = function _getRequireWildcardCache() {
+            return cache;
+          };
+          return cache;
+        }
+        function _interopRequireWildcard(obj) {
+          if (obj && obj.__esModule) {
+            return obj;
+          }
+          if (obj === null || _typeof(obj) !== 'object' && typeof obj !== 'function') {
+            return {
+            default:
+              obj
+            };
+          }
+          var cache = _getRequireWildcardCache();
+          if (cache && cache.has(obj)) {
+            return cache.get(obj);
+          }
+          var newObj = {
+          };
+          var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+          for (var key in obj) {
+            if (Object.prototype.hasOwnProperty.call(obj, key)) {
+              var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+              if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+              } else {
+                newObj[key] = obj[key];
+              }
+            }
+          }
+          newObj.default = obj;
+          if (cache) {
+            cache.set(obj, newObj);
+          }
+          return newObj;
+        }
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }
+        function _toConsumableArray(arr) {
+          return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
+        }
+        function _nonIterableSpread() {
+          throw new TypeError('Invalid attempt to spread non-iterable instance');
+        }
+        function _iterableToArray(iter) {
+          if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === '[object Arguments]') return Array.from(iter);
+        }
+        function _arrayWithoutHoles(arr) {
+          if (Array.isArray(arr)) {
+            for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) {
+              arr2[i] = arr[i];
+            }
+            return arr2;
+          }
+        } /**
+   * @for p5
+   * @requires core
+   */
+        /**
+ * Checks if any p5.js constant/function is declared outside of setup()
+ * and draw() function. Also checks any reserved constant/function is
+ * redeclared.
+ *
+ * Generates and prints a friendly error message using key:
+ * "fes.sketchReaderErrors.reservedConst",
+ * "fes.sketchReaderErrors.reservedFunc".
+ *
+ * @method _fesCodeReader
+ * @private
+ */
+
+        if (typeof IS_MINIFIED !== 'undefined') {
+          _main.default._fesCodeReader = function () {
+          };
+        } else {
+          //list of functions to ignore as they either
+          //are ment to be defined or generate false positive
+          //outputs
+          var ignoreFunction = [
+            'setup',
+            'draw',
+            'preload',
+            'deviceMoved',
+            'deviceTurned',
+            'deviceShaken',
+            'doubleClicked',
+            'mousePressed',
+            'mouseReleased',
+            'mouseMoved',
+            'mouseDragged',
+            'mouseClicked',
+            'mouseWheel',
+            'touchStarted',
+            'touchMoved',
+            'touchEnded',
+            'keyPressed',
+            'keyReleased',
+            'keyTyped',
+            'windowResized',
+            'name',
+            'parent',
+            'toString',
+            'print',
+            'stop',
+            'onended'
+          ];
+          /**
+   * Takes a list of variables defined by the user in the code
+   * as an array and checks if the list contains p5.js constants and functions.
+   *
+   * @method checkForConstsAndFuncs
+   * @private
+   * @param {Array} variableArray
+   */
+          var checkForConstsAndFuncs = function checkForConstsAndFuncs(variableArray) {
+            for (var i = 0; i < variableArray.length; i++) {
+              //if the element in variableArray is a  p5.js constant then the below condidion
+              //will be true, hence a match is found
+              if (constants[variableArray[i]] !== undefined) {
+                var url = 'https://p5js.org/reference/#/p5/'.concat(variableArray[i]);
+                //display the FES message if a match is found
+                _main.default._friendlyError((0, _internationalization.translator) ('fes.sketchReaderErrors.reservedConst', {
+                  url: url,
+                  symbol: variableArray[i]
+                }));
+                return;
+                //if match found then end search
+              }
+            }
+            var p5Constructors = {
+            };
+            for (var _i = 0, _Object$keys = Object.keys(_main.default); _i < _Object$keys.length; _i++) {
+              var key = _Object$keys[_i];
+              // Get a list of all constructors in p5. They are functions whose names
+              // start with a capital letter
+              if (typeof _main.default[key] === 'function' && key[0] !== key[0].toLowerCase()) {
+                p5Constructors[key] = _main.default[key];
+              }
+            }
+            for (var _i2 = 0; _i2 < variableArray.length; _i2++) {
+              //ignoreFunction contains the list of functions to be ignored
+              if (!ignoreFunction.includes(variableArray[_i2])) {
+                var keyArray = Object.keys(p5Constructors);
+                var j = 0;
+                //for every function name obtained check if it matches any p5.js function name
+                for (; j < keyArray.length; j++) {
+                  if (p5Constructors[keyArray[j]].prototype[variableArray[_i2]] !== undefined) {
+                    //if a p5.js function is used ie it is in the funcs array
+                    var _url = 'https://p5js.org/reference/#/p5/'.concat(variableArray[_i2]);
+                    _main.default._friendlyError((0, _internationalization.translator) ('fes.sketchReaderErrors.reservedFunc', {
+                      url: _url,
+                      symbol: variableArray[_i2]
+                    }));
+                    return;
+                  }
+                }
+              }
+            }
+          };
+          //these regex are used to perform variable extraction
+          //visit https://regexr.com/ for the detailed view
+          var optionalVarKeyword = /(?:(?:let|const|var)\s+)?/;
+          // Bracketed expressions start with an opening bracket, some amount of non
+          // bracket characters, then a closing bracket. Note that this won't properly
+          // parse nested brackets: `constrain(millis(), 0, 1000)` will match
+          // `constrain(millis()` only, but will still fail gracefully and not try to
+          // mistakenly read any subsequent code as assignment expressions.
+          var roundBracketedExpr = /(?:\([^)]*\))/;
+          var squareBracketedExpr = /(?:\[[^\]]*\])/;
+          var curlyBracketedExpr = /(?:\{[^}]*\})/;
+          var bracketedExpr = new RegExp([roundBracketedExpr,
+          squareBracketedExpr,
+          curlyBracketedExpr].map(function (regex) {
+            return regex.source;
+          }).join('|'));
+          // In an a = b expression, `b` can be any character up to a newline or comma,
+          // unless the comma is inside of a bracketed expression of some kind (to make
+          // sure we parse function calls with multiple arguments properly.)
+          var rightHandSide = new RegExp('(?:' + bracketedExpr.source + '|[^\\n,])+');
+          var leftHandSide = /([\w$]+)/;
+          var assignmentOperator = /\s*=\s*/;
+          var singleAssignment = new RegExp(leftHandSide.source + assignmentOperator.source + rightHandSide.source);
+          var listSeparator = /,\s*/;
+          var oneOrMoreAssignments = new RegExp('(?:' + singleAssignment.source + listSeparator.source + ')*' + singleAssignment.source);
+          var assignmentStatement = new RegExp('^' + optionalVarKeyword.source + oneOrMoreAssignments.source);
+          var letConstName = /(?:(?:let|const)\s+)([\w$]+)/;
+          /**
+   * Takes an array in which each element is a line of code
+   * containing a variable definition(Eg: arr=['let x = 100', 'const y = 200'])
+   * and extracts the variables defined.
+   *
+   * @method extractVariables
+   * @private
+   * @param {Array} linesArray array of lines of code
+   */
+          var extractVariables = function extractVariables(linesArray) {
+            //extract variable names from the user's code
+            var matches = [
+            ];
+            linesArray.forEach(function (ele) {
+              // Match 0 is the part of the line of code that the regex looked at.
+              // Matches 1 and onward will be only the variable names on the left hand
+              // side of assignment expressions.
+              var match = ele.match(assignmentStatement);
+              if (!match) return;
+              matches.push.apply(matches, _toConsumableArray(match.slice(1).filter(function (group) {
+                return group !== undefined;
+              })));
+            });
+            //check if the obtained variables are a part of p5.js or not
+            checkForConstsAndFuncs(matches);
+          };
+          /**
+   * Takes an array in which each element is a line of code
+   * containing a function definition(array=['let x = () => {...}'])
+   * and extracts the functions defined.
+   *
+   * @method extractFuncVariables
+   * @private
+   * @param {Array} linesArray array of lines of code
+   */
+          var extractFuncVariables = function extractFuncVariables(linesArray) {
+            var matches = [
+            ];
+            //RegExp to extract function names from let/const x = function()...
+            //visit https://regexr.com/ for the detailed view.
+            linesArray.forEach(function (ele) {
+              var m = ele.match(letConstName);
+              if (m !== null) matches.push(ele.match(letConstName) [1]);
+            });
+            //matches array contains the names of the functions
+            checkForConstsAndFuncs(matches);
+          };
+          /**
+   * Converts code written by the user to an array
+   * every element of which is a seperate line of code.
+   *
+   * @method codeToLines
+   * @private
+   * @param {String} code code written by the user
+   */
+          var codeToLines = function codeToLines(code) {
+            //convert code to array of code and filter out
+            //unnecessary lines
+            var arrayVariables = code.split('\n').map(function (line) {
+              return line.trim();
+            }).filter(function (line) {
+              return line !== '' && !line.includes('//') && (line.includes('let') || line.includes('const')) && !line.includes('=>') && !line.includes('function');
+            }            //filter out lines containing variable names
+            );
+            //filter out lines containing function names
+            var arrayFunctions = code.split('\n').map(function (line) {
+              return line.trim();
+            }).filter(function (line) {
+              return line !== '' && !line.includes('//') && (line.includes('let') || line.includes('const')) && (line.includes('=>') || line.includes('function'));
+            });
+            //pass the relevant array to a function which will extract all the variables/functions names
+            extractVariables(arrayVariables);
+            extractFuncVariables(arrayFunctions);
+          };
+          /**
+   *  Remove multiline comments and the content inside it.
+   *
+   * @method removeMultilineComments
+   * @private
+   * @param {String} code code written by the user
+   * @returns {String}
+   */
+          var removeMultilineComments = function removeMultilineComments(code) {
+            var start = code.indexOf('/*');
+            var end = code.indexOf('*/');
+            //create a new string which don't have multiline comments
+            while (start !== - 1 && end !== - 1) {
+              if (start === 0) {
+                code = code.slice(end + 2);
+              } else code = code.slice(0, start) + code.slice(end + 2);
+              start = code.indexOf('/*');
+              end = code.indexOf('*/');
+            }
+            return code;
+          };
+          /**
+   * Checks if any p5.js constant or function is declared outside a function
+   * and reports it if found.
+   *
+   * @method globalConstFuncCheck
+   * @private
+   * @returns {Boolean}
+   */
+          var globalConstFuncCheck = function globalConstFuncCheck() {
+            // generate all the const key data as an array
+            var tempArray = Object.keys(constants);
+            var element;
+            for (var i = 0; i < tempArray.length; i++) {
+              try {
+                //if the user has not declared p5.js constant anywhere outside the
+                //setup or draw function then this will throw an
+                //error.
+                element = eval(tempArray[i]);
+              } catch (e) {
+                //We are catching the error due to the above mentioned
+                //reason. Since there is no declaration of constant everything
+                //is OK so we will skip the current iteration and check for the
+                //next element.
+                continue;
+              }              //if we are not getting an error this means
+              //user have changed the value. We will check
+              //if the value is changed and if it is changed
+              //then report.
+
+              if (constants[tempArray[i]] !== element) {
+                var url = 'https://p5js.org/reference/#/p5/'.concat(tempArray[i]);
+                _main.default._friendlyError((0, _internationalization.translator) ('fes.sketchReaderErrors.reservedConst', {
+                  url: url,
+                  symbol: tempArray[i]
+                }));
+                //if a p5.js constant is already reported then no need to check
+                //for p5.js functions.
+                return true;
+              }
+            }            //the below code gets a list of p5.js functions
+
+            var p5Constructors = {
+            };
+            for (var _i3 = 0, _Object$keys2 = Object.keys(_main.default); _i3 < _Object$keys2.length; _i3++) {
+              var key = _Object$keys2[_i3];
+              // Get a list of all constructors in p5. They are functions whose names
+              // start with a capital letter
+              if (typeof _main.default[key] === 'function' && key[0] !== key[0].toLowerCase()) {
+                p5Constructors[key] = _main.default[key];
+              }
+            }
+            var keyArray = Object.keys(p5Constructors);
+            var classesWithGlobalFns = [
+              'Renderer',
+              'Renderer2D',
+              'RendererGL'
+            ];
+            var functionArray = [
+            ];
+            //get the names of all p5.js functions which are available globally
+            for (var _i4 = 0; _i4 < classesWithGlobalFns.length; _i4++) {
+              functionArray.push.apply(functionArray, _toConsumableArray(Object.keys(p5Constructors[classesWithGlobalFns[_i4]].prototype)));
+            }            //we have p5.js function names with us so we will check
+            //if they have been declared or not.
+
+            for (var _i5 = 0; _i5 < functionArray.length; _i5++) {
+              //ignoreFunction contains the list of functions to be ignored
+              if (!ignoreFunction.includes(functionArray[_i5])) {
+                try {
+                  //if we get an error that means the function is not declared
+                  element = eval(functionArray[_i5]);
+                } catch (e) {
+                  //we will skip the iteration
+                  continue;
+                }                //if we are not getting an error this means
+                //user have used p5.js function. Check if it is
+                //changed and if so then report it.
+
+                for (var k = 0; k < keyArray.length; k++) {
+                  if (p5Constructors[keyArray[k]].prototype[functionArray[_i5]] === undefined);
+                   else {
+                    if (p5Constructors[keyArray[k]].prototype[functionArray[_i5]] !== element) {
+                      var _url2 = 'https://p5js.org/reference/#/p5/'.concat(functionArray[_i5]);
+                      _main.default._friendlyError((0, _internationalization.translator) ('fes.sketchReaderErrors.reservedFunc', {
+                        url: _url2,
+                        symbol: functionArray[_i5]
+                      }));
+                      return true;
+                    }
+                  }
+                }
+              }
+            }
+          };
+          /**
+   * Initiates the sketch_reader's processes.
+   * Obtains the code in setup and draw function
+   * and forwards it for further processing and evaluation.
+   *
+   * @method fesCodeReader
+   * @private
+   */
+          var fesCodeReader = function fesCodeReader() {
+            //moveAhead will determine if a match is found outside
+            //the setup and draw function. If a match is found then
+            //to prevent further potential reporting we will exit immidiately
+            var moveAhead = globalConstFuncCheck();
+            if (moveAhead) return;
+            var code = '';
+            try {
+              //get code from setup
+              code += '' + setup;
+            } catch (e) {
+              code += '';
+            }
+            try {
+              //get code from draw
+              code += '\n' + draw;
+            } catch (e) {
+              code += '';
+            }
+            if (code === '') return;
+            code = removeMultilineComments(code);
+            codeToLines(code);
+          };
+          _main.default._fesCodeReader = fesCodeReader;
+          window.addEventListener('load', _main.default._fesCodeReader);
+        }
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        '../constants': 286,
+        '../internationalization': 296,
+        '../main': 298,
+        'core-js/modules/es.array.filter': 173,
+        'core-js/modules/es.array.for-each': 175,
+        'core-js/modules/es.array.from': 176,
+        'core-js/modules/es.array.includes': 177,
+        'core-js/modules/es.array.index-of': 178,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.array.join': 180,
+        'core-js/modules/es.array.map': 182,
+        'core-js/modules/es.array.slice': 183,
+        'core-js/modules/es.object.get-own-property-descriptor': 196,
+        'core-js/modules/es.object.keys': 199,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.regexp.constructor': 204,
+        'core-js/modules/es.regexp.exec': 205,
+        'core-js/modules/es.regexp.to-string': 206,
+        'core-js/modules/es.string.includes': 209,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.string.match': 211,
+        'core-js/modules/es.string.split': 216,
+        'core-js/modules/es.string.trim': 219,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/es.weak-map': 254,
+        'core-js/modules/web.dom-collections.for-each': 255,
+        'core-js/modules/web.dom-collections.iterator': 256
+      }
+    ],
+    292: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.array.filter');
+        _dereq_('core-js/modules/es.array.index-of');
+        _dereq_('core-js/modules/es.array.join');
+        _dereq_('core-js/modules/es.array.map');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.regexp.exec');
+        _dereq_('core-js/modules/es.string.match');
+        _dereq_('core-js/modules/es.string.replace');
+        _dereq_('core-js/modules/es.string.split');
+        _dereq_('core-js/modules/es.array.filter');
+        _dereq_('core-js/modules/es.array.index-of');
+        _dereq_('core-js/modules/es.array.join');
+        _dereq_('core-js/modules/es.array.map');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.regexp.exec');
+        _dereq_('core-js/modules/es.string.match');
+        _dereq_('core-js/modules/es.string.replace');
+        _dereq_('core-js/modules/es.string.split');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../main'));
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }        /**
+ * @for p5
+ * @requires core
+ */
+        // Borrow from stacktracejs https://github.com/stacktracejs/stacktrace.js with
+        // minor modifications. The license for the same and the code is included below
+        // Copyright (c) 2017 Eric Wendelin and other 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:
+        // 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.
+
+        function ErrorStackParser() {
+          var FIREFOX_SAFARI_STACK_REGEXP = /(^|@)\S+:\d+/;
+          var CHROME_IE_STACK_REGEXP = /^\s*at .*(\S+:\d+|\(native\))/m;
+          var SAFARI_NATIVE_CODE_REGEXP = /^(eval@)?(\[native code])?$/;
+          return {
+            /**
+     * Given an Error object, extract the most information from it.
+     * @private
+     * @param {Error} error object
+     * @return {Array} of stack frames
+     */
+            parse: function ErrorStackParser$$parse(error) {
+              if (typeof error.stacktrace !== 'undefined' || typeof error['opera#sourceloc'] !== 'undefined') {
+                return this.parseOpera(error);
+              } else if (error.stack && error.stack.match(CHROME_IE_STACK_REGEXP)) {
+                return this.parseV8OrIE(error);
+              } else if (error.stack) {
+                return this.parseFFOrSafari(error);
+              } else {
+                // throw new Error('Cannot parse given Error object');
+              }
+            },
+            // Separate line and column numbers from a string of the form: (URI:Line:Column)
+            extractLocation: function ErrorStackParser$$extractLocation(urlLike) {
+              // Fail-fast but return locations like "(native)"
+              if (urlLike.indexOf(':') === - 1) {
+                return [urlLike];
+              }
+              var regExp = /(.+?)(?::(\d+))?(?::(\d+))?$/;
+              var parts = regExp.exec(urlLike.replace(/[()]/g, ''));
+              return [parts[1],
+              parts[2] || undefined,
+              parts[3] || undefined];
+            },
+            parseV8OrIE: function ErrorStackParser$$parseV8OrIE(error) {
+              var filtered = error.stack.split('\n').filter(function (line) {
+                return !!line.match(CHROME_IE_STACK_REGEXP);
+              }, this);
+              return filtered.map(function (line) {
+                if (line.indexOf('(eval ') > - 1) {
+                  // Throw away eval information until we implement stacktrace.js/stackframe#8
+                  line = line.replace(/eval code/g, 'eval').replace(/(\(eval at [^()]*)|(\),.*$)/g, '');
+                }
+                var sanitizedLine = line.replace(/^\s+/, '').replace(/\(eval code/g, '(');
+                // capture and preseve the parenthesized location "(/foo/my bar.js:12:87)" in
+                // case it has spaces in it, as the string is split on \s+ later on
+                var location = sanitizedLine.match(/ (\((.+):(\d+):(\d+)\)$)/);
+                // remove the parenthesized location from the line, if it was matched
+                sanitizedLine = location ? sanitizedLine.replace(location[0], '') : sanitizedLine;
+                var tokens = sanitizedLine.split(/\s+/).slice(1);
+                // if a location was matched, pass it to extractLocation() otherwise pop the last token
+                var locationParts = this.extractLocation(location ? location[1] : tokens.pop());
+                var functionName = tokens.join(' ') || undefined;
+                var fileName = [
+                  'eval',
+                  '<anonymous>'
+                ].indexOf(locationParts[0]) > - 1 ? undefined : locationParts[0];
+                return {
+                  functionName: functionName,
+                  fileName: fileName,
+                  lineNumber: locationParts[1],
+                  columnNumber: locationParts[2],
+                  source: line
+                };
+              }, this);
+            },
+            parseFFOrSafari: function ErrorStackParser$$parseFFOrSafari(error) {
+              var filtered = error.stack.split('\n').filter(function (line) {
+                return !line.match(SAFARI_NATIVE_CODE_REGEXP);
+              }, this);
+              return filtered.map(function (line) {
+                // Throw away eval information until we implement stacktrace.js/stackframe#8
+                if (line.indexOf(' > eval') > - 1) {
+                  line = line.replace(/ line (\d+)(?: > eval line \d+)* > eval:\d+:\d+/g, ':$1');
+                }
+                if (line.indexOf('@') === - 1 && line.indexOf(':') === - 1) {
+                  // Safari eval frames only have function names and nothing else
+                  return {
+                    functionName: line
+                  };
+                } else {
+                  var functionNameRegex = /((.*".+"[^@]*)?[^@]*)(?:@)/;
+                  var matches = line.match(functionNameRegex);
+                  var functionName = matches && matches[1] ? matches[1] : undefined;
+                  var locationParts = this.extractLocation(line.replace(functionNameRegex, ''));
+                  return {
+                    functionName: functionName,
+                    fileName: locationParts[0],
+                    lineNumber: locationParts[1],
+                    columnNumber: locationParts[2],
+                    source: line
+                  };
+                }
+              }, this);
+            },
+            parseOpera: function ErrorStackParser$$parseOpera(e) {
+              if (!e.stacktrace || e.message.indexOf('\n') > - 1 && e.message.split('\n').length > e.stacktrace.split('\n').length) {
+                return this.parseOpera9(e);
+              } else if (!e.stack) {
+                return this.parseOpera10(e);
+              } else {
+                return this.parseOpera11(e);
+              }
+            },
+            parseOpera9: function ErrorStackParser$$parseOpera9(e) {
+              var lineRE = /Line (\d+).*script (?:in )?(\S+)/i;
+              var lines = e.message.split('\n');
+              var result = [
+              ];
+              for (var i = 2, len = lines.length; i < len; i += 2) {
+                var match = lineRE.exec(lines[i]);
+                if (match) {
+                  result.push({
+                    fileName: match[2],
+                    lineNumber: match[1],
+                    source: lines[i]
+                  });
+                }
+              }
+              return result;
+            },
+            parseOpera10: function ErrorStackParser$$parseOpera10(e) {
+              var lineRE = /Line (\d+).*script (?:in )?(\S+)(?:: In function (\S+))?$/i;
+              var lines = e.stacktrace.split('\n');
+              var result = [
+              ];
+              for (var i = 0, len = lines.length; i < len; i += 2) {
+                var match = lineRE.exec(lines[i]);
+                if (match) {
+                  result.push({
+                    functionName: match[3] || undefined,
+                    fileName: match[2],
+                    lineNumber: match[1],
+                    source: lines[i]
+                  });
+                }
+              }
+              return result;
+            },
+            // Opera 10.65+ Error.stack very similar to FF/Safari
+            parseOpera11: function ErrorStackParser$$parseOpera11(error) {
+              var filtered = error.stack.split('\n').filter(function (line) {
+                return !!line.match(FIREFOX_SAFARI_STACK_REGEXP) && !line.match(/^Error created at/);
+              }, this);
+              return filtered.map(function (line) {
+                var tokens = line.split('@');
+                var locationParts = this.extractLocation(tokens.pop());
+                var functionCall = tokens.shift() || '';
+                var functionName = functionCall.replace(/<anonymous function(: (\w+))?>/, '$2').replace(/\([^)]*\)/g, '') || undefined;
+                var argsRaw;
+                if (functionCall.match(/\(([^)]*)\)/)) {
+                  argsRaw = functionCall.replace(/^[^(]+\(([^)]*)\)$/, '$1');
+                }
+                var args = argsRaw === undefined || argsRaw === '[arguments not available]' ? undefined : argsRaw.split(',');
+                return {
+                  functionName: functionName,
+                  args: args,
+                  fileName: locationParts[0],
+                  lineNumber: locationParts[1],
+                  columnNumber: locationParts[2],
+                  source: line
+                };
+              }, this);
+            }
+          };
+        }        // End borrow
+        // wrapper exposing ErrorStackParser
+
+        _main.default._getErrorStackParser = function getErrorStackParser() {
+          return new ErrorStackParser();
+        };
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        '../main': 298,
+        'core-js/modules/es.array.filter': 173,
+        'core-js/modules/es.array.index-of': 178,
+        'core-js/modules/es.array.join': 180,
+        'core-js/modules/es.array.map': 182,
+        'core-js/modules/es.array.slice': 183,
+        'core-js/modules/es.regexp.exec': 205,
+        'core-js/modules/es.string.match': 211,
+        'core-js/modules/es.string.replace': 214,
+        'core-js/modules/es.string.split': 216
+      }
+    ],
+    293: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.concat');
+        _dereq_('core-js/modules/es.array.for-each');
+        _dereq_('core-js/modules/es.array.includes');
+        _dereq_('core-js/modules/es.array.index-of');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.join');
+        _dereq_('core-js/modules/es.array.last-index-of');
+        _dereq_('core-js/modules/es.array.map');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.function.name');
+        _dereq_('core-js/modules/es.map');
+        _dereq_('core-js/modules/es.number.constructor');
+        _dereq_('core-js/modules/es.object.get-own-property-descriptor');
+        _dereq_('core-js/modules/es.object.get-prototype-of');
+        _dereq_('core-js/modules/es.object.keys');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.reflect.construct');
+        _dereq_('core-js/modules/es.regexp.exec');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        _dereq_('core-js/modules/es.set');
+        _dereq_('core-js/modules/es.string.includes');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.string.split');
+        _dereq_('core-js/modules/es.weak-map');
+        _dereq_('core-js/modules/web.dom-collections.for-each');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        function _typeof2(obj) {
+          if (typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol') {
+            _typeof2 = function _typeof2(obj) {
+              return typeof obj;
+            };
+          } else {
+            _typeof2 = function _typeof2(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj;
+            };
+          }
+          return _typeof2(obj);
+        }
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.concat');
+        _dereq_('core-js/modules/es.array.for-each');
+        _dereq_('core-js/modules/es.array.includes');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.join');
+        _dereq_('core-js/modules/es.array.last-index-of');
+        _dereq_('core-js/modules/es.array.map');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.function.name');
+        _dereq_('core-js/modules/es.number.constructor');
+        _dereq_('core-js/modules/es.object.keys');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.regexp.exec');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        _dereq_('core-js/modules/es.set');
+        _dereq_('core-js/modules/es.string.includes');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.string.split');
+        _dereq_('core-js/modules/web.dom-collections.for-each');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../main'));
+        var constants = _interopRequireWildcard(_dereq_('../constants'));
+        var _internationalization = _dereq_('../internationalization');
+        function _getRequireWildcardCache() {
+          if (typeof WeakMap !== 'function') return null;
+          var cache = new WeakMap();
+          _getRequireWildcardCache = function _getRequireWildcardCache() {
+            return cache;
+          };
+          return cache;
+        }
+        function _interopRequireWildcard(obj) {
+          if (obj && obj.__esModule) {
+            return obj;
+          }
+          if (obj === null || _typeof(obj) !== 'object' && typeof obj !== 'function') {
+            return {
+            default:
+              obj
+            };
+          }
+          var cache = _getRequireWildcardCache();
+          if (cache && cache.has(obj)) {
+            return cache.get(obj);
+          }
+          var newObj = {
+          };
+          var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+          for (var key in obj) {
+            if (Object.prototype.hasOwnProperty.call(obj, key)) {
+              var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+              if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+              } else {
+                newObj[key] = obj[key];
+              }
+            }
+          }
+          newObj.default = obj;
+          if (cache) {
+            cache.set(obj, newObj);
+          }
+          return newObj;
+        }
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }
+        function _classCallCheck(instance, Constructor) {
+          if (!(instance instanceof Constructor)) {
+            throw new TypeError('Cannot call a class as a function');
+          }
+        }
+        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 _createSuper(Derived) {
+          function isNativeReflectConstruct() {
+            if (typeof Reflect === 'undefined' || !Reflect.construct) return false;
+            if (Reflect.construct.sham) return false;
+            if (typeof Proxy === 'function') return true;
+            try {
+              Date.prototype.toString.call(Reflect.construct(Date, [
+              ], function () {
+              }));
+              return true;
+            } catch (e) {
+              return false;
+            }
+          }
+          return function () {
+            var Super = _getPrototypeOf(Derived),
+            result;
+            if (isNativeReflectConstruct()) {
+              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(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 _wrapNativeSuper(Class) {
+          var _cache = typeof Map === 'function' ? new Map() : undefined;
+          _wrapNativeSuper = function _wrapNativeSuper(Class) {
+            if (Class === null || !_isNativeFunction(Class)) return Class;
+            if (typeof Class !== 'function') {
+              throw new TypeError('Super expression must either be null or a function');
+            }
+            if (typeof _cache !== 'undefined') {
+              if (_cache.has(Class)) return _cache.get(Class);
+              _cache.set(Class, Wrapper);
+            }
+            function Wrapper() {
+              return _construct(Class, arguments, _getPrototypeOf(this).constructor);
+            }
+            Wrapper.prototype = Object.create(Class.prototype, {
+              constructor: {
+                value: Wrapper,
+                enumerable: false,
+                writable: true,
+                configurable: true
+              }
+            });
+            return _setPrototypeOf(Wrapper, Class);
+          };
+          return _wrapNativeSuper(Class);
+        }
+        function isNativeReflectConstruct() {
+          if (typeof Reflect === 'undefined' || !Reflect.construct) return false;
+          if (Reflect.construct.sham) return false;
+          if (typeof Proxy === 'function') return true;
+          try {
+            Date.prototype.toString.call(Reflect.construct(Date, [
+            ], function () {
+            }));
+            return true;
+          } catch (e) {
+            return false;
+          }
+        }
+        function _construct(Parent, args, Class) {
+          if (isNativeReflectConstruct()) {
+            _construct = Reflect.construct;
+          } else {
+            _construct = function _construct(Parent, args, Class) {
+              var a = [
+                null
+              ];
+              a.push.apply(a, args);
+              var Constructor = Function.bind.apply(Parent, a);
+              var instance = new Constructor();
+              if (Class) _setPrototypeOf(instance, Class.prototype);
+              return instance;
+            };
+          }
+          return _construct.apply(null, arguments);
+        }
+        function _isNativeFunction(fn) {
+          return Function.toString.call(fn).indexOf('[native code]') !== - 1;
+        }
+        function _setPrototypeOf(o, p) {
+          _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+            o.__proto__ = p;
+            return o;
+          };
+          return _setPrototypeOf(o, p);
+        }
+        function _getPrototypeOf(o) {
+          _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+            return o.__proto__ || Object.getPrototypeOf(o);
+          };
+          return _getPrototypeOf(o);
+        }
+        function _typeof(obj) {
+          if (typeof Symbol === 'function' && _typeof2(Symbol.iterator) === 'symbol') {
+            _typeof = function _typeof(obj) {
+              return _typeof2(obj);
+            };
+          } else {
+            _typeof = function _typeof(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : _typeof2(obj);
+            };
+          }
+          return _typeof(obj);
+        } /**
+   * @for p5
+   * @requires core
+   */
+
+        if (typeof IS_MINIFIED !== 'undefined') {
+          _main.default._validateParameters = _main.default._clearValidateParamsCache = function () {
+          };
+        } else {
+          // for parameter validation
+          var dataDoc = _dereq_('../../../docs/parameterData.json');
+          var arrDoc = JSON.parse(JSON.stringify(dataDoc));
+          var docCache = {
+          };
+          var builtinTypes = new Set(['null',
+          'number',
+          'string',
+          'boolean',
+          'constant',
+          'function',
+          'any',
+          'integer']);
+          var basicTypes = {
+            number: true,
+            boolean: true,
+            string: true,
+            function : true,
+            undefined: true
+          };
+          // reverse map of all constants
+          var constantsReverseMap = {
+          };
+          for (var key in constants) {
+            constantsReverseMap[constants[key]] = key;
+          }          // mapping names of p5 types to their constructor function
+          // p5Constructors:
+          //    - Color: f()
+          //    - Graphics: f()
+          //    - Vector: f()
+          // and so on
+
+          var p5Constructors = {
+          };
+          // For speedup over many runs. funcSpecificConstructors[func] only has the
+          // constructors for types which were seen earlier as args of "func"
+          var funcSpecificConstructors = {
+          };
+          window.addEventListener('load', function () {
+            // Make a list of all p5 classes to be used for argument validation
+            // This must be done only when everything has loaded otherwise we get
+            // an empty array
+            for (var _i = 0, _Object$keys = Object.keys(_main.default); _i < _Object$keys.length; _i++) {
+              var _key = _Object$keys[_i];
+              // Get a list of all constructors in p5. They are functions whose names
+              // start with a capital letter
+              if (typeof _main.default[_key] === 'function' && _key[0] !== _key[0].toLowerCase()) {
+                p5Constructors[_key] = _main.default[_key];
+              }
+            }
+          });
+          var argumentTree = {
+          };
+          // The following two functions are responsible for querying and inserting
+          // into the argument tree. It stores the types of arguments that each
+          // function has seen so far. It is used to query if a sequence of
+          // arguments seen in validate parameters was seen before.
+          // Lets consider that the following segment of code runs repeatedly, perhaps
+          // in a loop or in draw()
+          //   color(10, 10, 10);
+          //   color(10, 10);
+          //   color('r', 'g', 'b');
+          // After the first of run the code segment, the argument tree looks like
+          // - color
+          //     - number
+          //        - number
+          //            - number
+          //                - seen: true
+          //            - seen: true
+          //     - string
+          //        - string
+          //            - string
+          //                - seen: true
+          // seen: true signifies that this argument was also seen as the last
+          // argument in a call. Now in the second run of the sketch, it would traverse
+          // the existing tree and see seen: true, i.e this sequence was seen
+          // before and so scoring can be skipped. This also prevents logging multiple
+          // validation messages for the same thing.
+          /**
+   * Query type and return the result as an object
+   *
+   * This would be called repeatedly over and over again,
+   * so it needs to be as optimized for performance as possible
+   * @method addType
+   * @private
+   */
+          var addType = function addType(value, obj, func) {
+            var type = _typeof(value);
+            if (basicTypes[type]) {
+              if (constantsReverseMap[value]) {
+                // check if the value is a p5 constant and if it is, we would want the
+                // value itself to be stored in the tree instead of the type
+                obj = obj[value] || (obj[value] = {
+                });
+              } else {
+                obj = obj[type] || (obj[type] = {
+                });
+              }
+            } else if (value === null) {
+              // typeof null -> "object". don't want that
+              obj = obj['null'] || (obj['null'] = {
+              });
+            } else {
+              // objects which are instances of p5 classes have nameless constructors.
+              // native objects have a constructor named "Object". This check
+              // differentiates between the two so that we dont waste time finding the
+              // p5 class if we just have a native object
+              if (value.constructor && value.constructor.name) {
+                obj = obj[value.constructor.name] || (obj[value.constructor.name] = {
+                });
+                return obj;
+              }              // constructors for types defined in p5 do not have a name property.
+              // e.constructor.name gives "". Code in this segment is a workaround for it
+              // p5C will only have the name: constructor mapping for types
+              // which were already seen as args of "func"
+
+              var p5C = funcSpecificConstructors[func];
+              // p5C would contain much fewer items than p5Constructors. if we find our
+              // answer in p5C, we don't have to scan through p5Constructors
+              if (p5C === undefined) {
+                // if there isn't an entry yet for func
+                // make an entry of empty object
+                p5C = funcSpecificConstructors[func] = {
+                };
+              }
+              for (var _key2 in p5C) {
+                // search on the constructors we have already seen (smaller search space)
+                if (value instanceof p5C[_key2]) {
+                  obj = obj[_key2] || (obj[_key2] = {
+                  });
+                  return obj;
+                }
+              }
+              for (var _key3 in p5Constructors) {
+                // if the above search didn't work, search on all p5 constructors
+                if (value instanceof p5Constructors[_key3]) {
+                  obj = obj[_key3] || (obj[_key3] = {
+                  });
+                  // if found, add to known constructors for this function
+                  p5C[_key3] = p5Constructors[_key3];
+                  return obj;
+                }
+              }              // nothing worked, put the type as it is
+
+              obj = obj[type] || (obj[type] = {
+              });
+            }
+            return obj;
+          };
+          /**
+   * Build the argument type tree, argumentTree
+   *
+   * This would be called repeatedly over and over again,
+   * so it needs to be as optimized for performance as possible
+   * @method buildArgTypeCache
+   * @private
+   */
+          var buildArgTypeCache = function buildArgTypeCache(func, arr) {
+            // get the if an argument tree for current function already exists
+            var obj = argumentTree[func];
+            if (obj === undefined) {
+              // if it doesn't, create an empty tree
+              obj = argumentTree[func] = {
+              };
+            }
+            for (var i = 0, len = arr.length; i < len; ++i) {
+              var value = arr[i];
+              if (value instanceof Array) {
+                // an array is passed as an argument, expand it and get the type of
+                // each of its element. We distinguish the start of an array with 'as'
+                // or arraystart. This would help distinguish between the arguments
+                // (number, number, number) and (number, [number, number])
+                obj = obj['as'] || (obj['as'] = {
+                });
+                for (var j = 0, lenA = value.length; j < lenA; ++j) {
+                  obj = addType(value[j], obj, func);
+                }
+              } else {
+                obj = addType(value, obj, func);
+              }
+            }
+            return obj;
+          };
+          /**
+   * Query data.json
+   * This is a helper function for validateParameters()
+   * @method lookupParamDoc
+   * @private
+   */
+          var lookupParamDoc = function lookupParamDoc(func) {
+            // look for the docs in the `data.json` datastructure
+            var ichDot = func.lastIndexOf('.');
+            var funcName = func.slice(ichDot + 1);
+            var funcClass = func.slice(0, ichDot !== - 1 ? ichDot : 0) || 'p5';
+            var classitems = arrDoc;
+            var queryResult = classitems[funcClass][funcName];
+            // different JSON structure for funct with multi-format
+            var overloads = [
+            ];
+            if (queryResult.hasOwnProperty('overloads')) {
+              // add all the overloads
+              for (var i = 0; i < queryResult.overloads.length; i++) {
+                overloads.push({
+                  formats: queryResult.overloads[i].params
+                });
+              }
+            } else {
+              // no overloads, just add the main method definition
+              overloads.push({
+                formats: queryResult.params || [
+                ]
+              });
+            }            // parse the parameter types for each overload
+
+            var mapConstants = {
+            };
+            var maxParams = 0;
+            overloads.forEach(function (overload) {
+              var formats = overload.formats;
+              // keep a record of the maximum number of arguments
+              // this method requires.
+              if (maxParams < formats.length) {
+                maxParams = formats.length;
+              }              // calculate the minimum number of arguments
+              // this overload requires.
+
+              var minParams = formats.length;
+              while (minParams > 0 && formats[minParams - 1].optional) {
+                minParams--;
+              }
+              overload.minParams = minParams;
+              // loop through each parameter position, and parse its types
+              formats.forEach(function (format) {
+                // split this parameter's types
+                format.types = format.type.split('|').map(function ct(type) {
+                  // array
+                  if (type.slice( - 2) === '[]') {
+                    return {
+                      name: type,
+                      array: ct(type.slice(0, - 2))
+                    };
+                  }
+                  var lowerType = type.toLowerCase();
+                  // constant
+                  if (lowerType === 'constant') {
+                    var constant;
+                    if (mapConstants.hasOwnProperty(format.name)) {
+                      constant = mapConstants[format.name];
+                    } else {
+                      // parse possible constant values from description
+                      var myRe = /either\s+(?:[A-Z0-9_]+\s*,?\s*(?:or)?\s*)+/g;
+                      var values = {
+                      };
+                      var names = [
+                      ];
+                      constant = mapConstants[format.name] = {
+                        values: values,
+                        names: names
+                      };
+                      var myArray = myRe.exec(format.description);
+                      if (func === 'endShape' && format.name === 'mode') {
+                        values[constants.CLOSE] = true;
+                        names.push('CLOSE');
+                      } else {
+                        var match = myArray[0];
+                        var reConst = /[A-Z0-9_]+/g;
+                        var matchConst;
+                        while ((matchConst = reConst.exec(match)) !== null) {
+                          var name = matchConst[0];
+                          if (constants.hasOwnProperty(name)) {
+                            values[constants[name]] = true;
+                            names.push(name);
+                          }
+                        }
+                      }
+                    }
+                    return {
+                      name: type,
+                      builtin: lowerType,
+                      names: constant.names,
+                      values: constant.values
+                    };
+                  }                  // function
+
+                  if (lowerType.slice(0, 'function'.length) === 'function') {
+                    lowerType = 'function';
+                  }                  // builtin
+
+                  if (builtinTypes.has(lowerType)) {
+                    return {
+                      name: type,
+                      builtin: lowerType
+                    };
+                  }                  // find type's prototype
+
+                  var t = window;
+                  var typeParts = type.split('.');
+                  // special-case 'p5' since it may be non-global
+                  if (typeParts[0] === 'p5') {
+                    t = _main.default;
+                    typeParts.shift();
+                  }
+                  typeParts.forEach(function (p) {
+                    t = t && t[p];
+                  });
+                  if (t) {
+                    return {
+                      name: type,
+                      prototype: t
+                    };
+                  }
+                  return {
+                    name: type,
+                    type: lowerType
+                  };
+                });
+              });
+            });
+            return {
+              overloads: overloads,
+              maxParams: maxParams
+            };
+          };
+          /**
+   * Checks whether input type is Number
+   * This is a helper function for validateParameters()
+   * @method isNumber
+   * @private
+   *
+   * @returns {Boolean} a boolean indicating whether input type is Number
+   */
+          var isNumber = function isNumber(param) {
+            if (isNaN(parseFloat(param))) return false;
+            switch (_typeof(param)) {
+              case 'number':
+                return true;
+              case 'string':
+                return !isNaN(param);
+              default:
+                return false;
+            }
+          };
+          /**
+   * Test type for non-object type parameter validation
+   * @method testParamType
+   * @private
+   */
+          var testParamType = function testParamType(param, type) {
+            var isArray = param instanceof Array;
+            var matches = true;
+            if (type.array && isArray) {
+              for (var i = 0; i < param.length; i++) {
+                var error = testParamType(param[i], type.array);
+                if (error) return error / 2; // half error for elements
+              }
+            } else if (type.prototype) {
+              matches = param instanceof type.prototype;
+            } else if (type.builtin) {
+              switch (type.builtin) {
+                case 'number':
+                  matches = isNumber(param);
+                  break;
+                case 'integer':
+                  matches = isNumber(param) && Number(param) === Math.floor(param);
+                  break;
+                case 'boolean':
+                case 'any':
+                  matches = true;
+                  break;
+                case 'array':
+                  matches = isArray;
+                  break;
+                case 'string':
+                  matches = /*typeof param === 'number' ||*/ typeof param === 'string';
+                  break;
+                case 'constant':
+                  matches = type.values.hasOwnProperty(param);
+                  break;
+                case 'function':
+                  matches = param instanceof Function;
+                  break;
+                case 'null':
+                  matches = param === null;
+                  break;
+              }
+            } else {
+              matches = _typeof(param) === type.t;
+            }
+            return matches ? 0 : 1;
+          };
+          /**
+   * Test type for multiple parameters
+   * @method testParamTypes
+   * @private
+   */
+          var testParamTypes = function testParamTypes(param, types) {
+            var minScore = 9999;
+            for (var i = 0; minScore > 0 && i < types.length; i++) {
+              var score = testParamType(param, types[i]);
+              if (minScore > score) minScore = score;
+            }
+            return minScore;
+          };
+          /**
+   * generate a score (higher is worse) for applying these args to
+   * this overload.
+   * @method scoreOverload
+   * @private
+   */
+          var scoreOverload = function scoreOverload(args, argCount, overload, minScore) {
+            var score = 0;
+            var formats = overload.formats;
+            var minParams = overload.minParams;
+            // check for too few/many args
+            // the score is double number of extra/missing args
+            if (argCount < minParams) {
+              score = (minParams - argCount) * 2;
+            } else if (argCount > formats.length) {
+              score = (argCount - formats.length) * 2;
+            }            // loop through the formats, adding up the error score for each arg.
+            // quit early if the score gets higher than the previous best overload.
+
+            for (var p = 0; score <= minScore && p < formats.length; p++) {
+              var arg = args[p];
+              var format = formats[p];
+              // '== null' checks for 'null' and typeof 'undefined'
+              if (arg == null) {
+                // handle undefined args
+                if (!format.optional || p < minParams || p < argCount) {
+                  score += 1;
+                }
+              } else {
+                score += testParamTypes(arg, format.types);
+              }
+            }
+            return score;
+          };
+          /**
+   * Gets a list of errors for this overload
+   * @method getOverloadErrors
+   * @private
+   */
+          var getOverloadErrors = function getOverloadErrors(args, argCount, overload) {
+            var formats = overload.formats;
+            var minParams = overload.minParams;
+            // check for too few/many args
+            if (argCount < minParams) {
+              return [{
+                type: 'TOO_FEW_ARGUMENTS',
+                argCount: argCount,
+                minParams: minParams
+              }
+              ];
+            } else if (argCount > formats.length) {
+              return [{
+                type: 'TOO_MANY_ARGUMENTS',
+                argCount: argCount,
+                maxParams: formats.length
+              }
+              ];
+            }
+            var errorArray = [
+            ];
+            for (var p = 0; p < formats.length; p++) {
+              var arg = args[p];
+              var format = formats[p];
+              // '== null' checks for 'null' and typeof 'undefined'
+              if (arg == null) {
+                // handle undefined args
+                if (!format.optional || p < minParams || p < argCount) {
+                  errorArray.push({
+                    type: 'EMPTY_VAR',
+                    position: p,
+                    format: format
+                  });
+                }
+              } else if (testParamTypes(arg, format.types) > 0) {
+                errorArray.push({
+                  type: 'WRONG_TYPE',
+                  position: p,
+                  format: format,
+                  arg: arg
+                });
+              }
+            }
+            return errorArray;
+          };
+          /**
+   * a custom error type, used by the mocha
+   * tests when expecting validation errors
+   * @method ValidationError
+   * @private
+   */
+          _main.default.ValidationError = function (name) {
+            var err = /*#__PURE__*/ function (_Error) {
+              _inherits(err, _Error);
+              var _super = _createSuper(err);
+              function err(message, func, type) {
+                var _this;
+                _classCallCheck(this, err);
+                _this = _super.call(this);
+                _this.message = message;
+                _this.func = func;
+                _this.type = type;
+                if ('captureStackTrace' in Error) Error.captureStackTrace(_assertThisInitialized(_this), err);
+                 else _this.stack = new Error().stack;
+                return _this;
+              }
+              return err;
+            }( /*#__PURE__*/ _wrapNativeSuper(Error));
+            err.prototype.name = name;
+            return err;
+          }('ValidationError');
+          /**
+   * Prints a friendly msg after parameter validation
+   * @method _friendlyParamError
+   * @private
+   */
+          _main.default._friendlyParamError = function (errorObj, func) {
+            var message;
+            var translationObj;
+            function formatType() {
+              var format = errorObj.format;
+              return format.types.map(function (type) {
+                return type.names ? type.names.join('|') : type.name;
+              }).join('|');
+            }
+            switch (errorObj.type) {
+              case 'EMPTY_VAR':
+                {
+                  translationObj = {
+                    func: func,
+                    formatType: formatType(),
+                    // It needs to be this way for i18next-extract to work. The comment
+                    // specifies the values that the context can take so that it can
+                    // statically prepare the translation files with them.
+                    /* i18next-extract-mark-context-next-line ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"] */
+                    position: (0, _internationalization.translator) ('fes.positions.p', {
+                      context: (errorObj.position + 1).toString(),
+                      defaultValue: (errorObj.position + 1).toString()
+                    }),
+                    url: 'https://p5js.org/examples/data-variable-scope.html'
+                  };
+                  break;
+                }
+              case 'WRONG_TYPE':
+                {
+                  var arg = errorObj.arg;
+                  var argType = arg instanceof Array ? 'array' : arg === null ? 'null' : arg === undefined ? 'undefined' : typeof arg === 'number' && isNaN(arg) ? 'NaN' : arg.name || _typeof(arg);
+                  translationObj = {
+                    func: func,
+                    formatType: formatType(),
+                    argType: argType,
+                    /* i18next-extract-mark-context-next-line ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"] */
+                    position: (0, _internationalization.translator) ('fes.positions.p', {
+                      context: (errorObj.position + 1).toString(),
+                      defaultValue: (errorObj.position + 1).toString()
+                    })
+                  };
+                  break;
+                }
+              case 'TOO_FEW_ARGUMENTS':
+                {
+                  translationObj = {
+                    func: func,
+                    minParams: errorObj.minParams,
+                    argCount: errorObj.argCount
+                  };
+                  break;
+                }
+              case 'TOO_MANY_ARGUMENTS':
+                {
+                  translationObj = {
+                    func: func,
+                    maxParams: errorObj.maxParams,
+                    argCount: errorObj.argCount
+                  };
+                  break;
+                }
+            }
+            if (translationObj) {
+              try {
+                // const re = /Function\.validateParameters.*[\r\n].*[\r\n].*\(([^)]*)/;
+                var myError = new Error();
+                var parsed = _main.default._getErrorStackParser().parse(myError);
+                if (parsed[3] && parsed[3].functionName && parsed[3].functionName.includes('.') && _main.default.prototype[parsed[3].functionName.split('.').slice( - 1) [0]]) {
+                  return;
+                }
+                if (_main.default._throwValidationErrors) {
+                  throw new _main.default.ValidationError(message, func, errorObj.type);
+                }                // try to extract the location from where the function was called
+
+                if (parsed[3] && parsed[3].fileName && parsed[3].lineNumber && parsed[3].columnNumber) {
+                  var location = ''.concat(parsed[3].fileName, ':').concat(parsed[3].lineNumber, ':').concat(parsed[3].columnNumber);
+                  translationObj.location = (0, _internationalization.translator) ('fes.location', {
+                    location: location,
+                    // for e.g. get "sketch.js" from "https://example.com/abc/sketch.js"
+                    file: parsed[3].fileName.split('/').slice( - 1),
+                    line: parsed[3].lineNumber
+                  });
+                  // tell fesErrorMonitor that we have already given a friendly message
+                  // for this line, so it need not to do the same in case of an error
+                  _main.default._fesLogCache[location] = true;
+                }
+              } catch (err) {
+                if (err instanceof _main.default.ValidationError) {
+                  throw err;
+                }
+              }
+              translationObj.context = errorObj.type;
+              // i18next-extract-mark-context-next-line ["EMPTY_VAR", "TOO_MANY_ARGUMENTS", "TOO_FEW_ARGUMENTS", "WRONG_TYPE"]
+              message = (0, _internationalization.translator) ('fes.friendlyParamError.type', translationObj);
+              _main.default._friendlyError(''.concat(message), func, 3);
+            }
+          };
+          /**
+   * Clears cache to avoid having multiple FES messages for the same set of
+   * parameters.
+   *
+   * If a function is called with some set of wrong arguments, and then called
+   * again with the same set of arguments, the messages due to the second call
+   * will be supressed. If two tests test on the same wrong arguments, the
+   * second test won't see the validationError. clearing argumentTree solves it
+   *
+   * @method _clearValidateParamsCache
+   * @private
+   */
+          _main.default._clearValidateParamsCache = function clearValidateParamsCache() {
+            for (var _i2 = 0, _Object$keys2 = Object.keys(argumentTree); _i2 < _Object$keys2.length; _i2++) {
+              var _key4 = _Object$keys2[_i2];
+              delete argumentTree[_key4];
+            }
+          };
+          // allowing access to argumentTree for testing
+          _main.default._getValidateParamsArgTree = function getValidateParamsArgTree() {
+            return argumentTree;
+          };
+          /**
+   * Runs parameter validation by matching the input parameters with information
+   * from `docs/reference/data.json`.
+   * Generates and prints a friendly error message using key:
+   * "fes.friendlyParamError.[*]".
+   *
+   * @method _validateParameters
+   * @private
+   * @param  {String}   func    Name of the function
+   * @param  {Array}    args    User input arguments
+   *
+   * @example:
+   *  const a;
+   *  ellipse(10,10,a,5);
+   * console output:
+   *  "It looks like ellipse received an empty variable in spot #2."
+   *
+   * @example:
+   *  ellipse(10,"foo",5,5);
+   * console output:
+   *  "ellipse was expecting a number for parameter #1,
+   *           received "foo" instead."
+   */
+          _main.default._validateParameters = function validateParameters(func, args) {
+            if (_main.default.disableFriendlyErrors) {
+              return; // skip FES
+            }            // query / build the argument type tree and check if this sequence
+            // has already been seen before.
+
+            var obj = buildArgTypeCache(func, args);
+            if (obj.seen) {
+              return;
+            }            // mark this sequence as seen
+
+            obj.seen = true;
+            // lookup the docs in the 'data.json' file
+            var docs = docCache[func] || (docCache[func] = lookupParamDoc(func));
+            var overloads = docs.overloads;
+            var argCount = args.length;
+            // the following line ignores trailing undefined arguments, commenting
+            // it to resolve https://github.com/processing/p5.js/issues/4571
+            // '== null' checks for 'null' and typeof 'undefined'
+            // while (argCount > 0 && args[argCount - 1] == null) argCount--;
+            // find the overload with the best score
+            var minScore = 99999;
+            var minOverload;
+            for (var i = 0; i < overloads.length; i++) {
+              var score = scoreOverload(args, argCount, overloads[i], minScore);
+              if (score === 0) {
+                return; // done!
+              } else if (minScore > score) {
+                // this score is better that what we have so far...
+                minScore = score;
+                minOverload = i;
+              }
+            }            // this should _always_ be true here...
+
+            if (minScore > 0) {
+              // get the errors for the best overload
+              var errorArray = getOverloadErrors(args, argCount, overloads[minOverload]);
+              // generate err msg
+              for (var n = 0; n < errorArray.length; n++) {
+                _main.default._friendlyParamError(errorArray[n], func);
+              }
+            }
+          };
+          _main.default.prototype._validateParameters = _main.default.validateParameters;
+        }
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        '../../../docs/parameterData.json': 1,
+        '../constants': 286,
+        '../internationalization': 296,
+        '../main': 298,
+        'core-js/modules/es.array.concat': 169,
+        'core-js/modules/es.array.for-each': 175,
+        'core-js/modules/es.array.includes': 177,
+        'core-js/modules/es.array.index-of': 178,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.array.join': 180,
+        'core-js/modules/es.array.last-index-of': 181,
+        'core-js/modules/es.array.map': 182,
+        'core-js/modules/es.array.slice': 183,
+        'core-js/modules/es.function.name': 186,
+        'core-js/modules/es.map': 187,
+        'core-js/modules/es.number.constructor': 191,
+        'core-js/modules/es.object.get-own-property-descriptor': 196,
+        'core-js/modules/es.object.get-prototype-of': 198,
+        'core-js/modules/es.object.keys': 199,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.reflect.construct': 202,
+        'core-js/modules/es.regexp.exec': 205,
+        'core-js/modules/es.regexp.to-string': 206,
+        'core-js/modules/es.set': 207,
+        'core-js/modules/es.string.includes': 209,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.string.split': 216,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/es.weak-map': 254,
+        'core-js/modules/web.dom-collections.for-each': 255,
+        'core-js/modules/web.dom-collections.iterator': 256
+      }
+    ],
+    294: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.object.get-own-property-descriptor');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.weak-map');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        function _typeof2(obj) {
+          if (typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol') {
+            _typeof2 = function _typeof2(obj) {
+              return typeof obj;
+            };
+          } else {
+            _typeof2 = function _typeof2(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj;
+            };
+          }
+          return _typeof2(obj);
+        }
+        function _typeof(obj) {
+          if (typeof Symbol === 'function' && _typeof2(Symbol.iterator) === 'symbol') {
+            _typeof = function _typeof(obj) {
+              return _typeof2(obj);
+            };
+          } else {
+            _typeof = function _typeof(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : _typeof2(obj);
+            };
+          }
+          return _typeof(obj);
+        }
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var constants = _interopRequireWildcard(_dereq_('./constants'));
+        function _getRequireWildcardCache() {
+          if (typeof WeakMap !== 'function') return null;
+          var cache = new WeakMap();
+          _getRequireWildcardCache = function _getRequireWildcardCache() {
+            return cache;
+          };
+          return cache;
+        }
+        function _interopRequireWildcard(obj) {
+          if (obj && obj.__esModule) {
+            return obj;
+          }
+          if (obj === null || _typeof(obj) !== 'object' && typeof obj !== 'function') {
+            return {
+            default:
+              obj
+            };
+          }
+          var cache = _getRequireWildcardCache();
+          if (cache && cache.has(obj)) {
+            return cache.get(obj);
+          }
+          var newObj = {
+          };
+          var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+          for (var key in obj) {
+            if (Object.prototype.hasOwnProperty.call(obj, key)) {
+              var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+              if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+              } else {
+                newObj[key] = obj[key];
+              }
+            }
+          }
+          newObj.default = obj;
+          if (cache) {
+            cache.set(obj, newObj);
+          }
+          return newObj;
+        }        /**
+ * @requires constants
+ */
+
+        function modeAdjust(a, b, c, d, mode) {
+          if (mode === constants.CORNER) {
+            return {
+              x: a,
+              y: b,
+              w: c,
+              h: d
+            };
+          } else if (mode === constants.CORNERS) {
+            return {
+              x: a,
+              y: b,
+              w: c - a,
+              h: d - b
+            };
+          } else if (mode === constants.RADIUS) {
+            return {
+              x: a - c,
+              y: b - d,
+              w: 2 * c,
+              h: 2 * d
+            };
+          } else if (mode === constants.CENTER) {
+            return {
+              x: a - c * 0.5,
+              y: b - d * 0.5,
+              w: c,
+              h: d
+            };
+          }
+        }
+        var _default = {
+          modeAdjust: modeAdjust
+        };
+        exports.default = _default;
+      },
+      {
+        './constants': 286,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.object.get-own-property-descriptor': 196,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/es.weak-map': 254,
+        'core-js/modules/web.dom-collections.iterator': 256
+      }
+    ],
+    295: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.promise');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.promise');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        var _internationalization = _dereq_('./internationalization');
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }        /**
+ * _globalInit
+ *
+ * TODO: ???
+ * if sketch is on window
+ * assume "global" mode
+ * and instantiate p5 automatically
+ * otherwise do nothing
+ *
+ * @private
+ * @return {Undefined}
+ */
+
+        var _globalInit = function _globalInit() {
+          // Could have been any property defined within the p5 constructor.
+          // If that property is already a part of the global object,
+          // this code has already run before, likely due to a duplicate import
+          if (typeof window._setupDone !== 'undefined') {
+            console.warn('p5.js seems to have been imported multiple times. Please remove the duplicate import');
+            return;
+          }
+          if (!window.mocha) {
+            // If there is a setup or draw function on the window
+            // then instantiate p5 in "global" mode
+            if ((window.setup && typeof window.setup === 'function' || window.draw && typeof window.draw === 'function') && !_main.default.instance) {
+              new _main.default();
+            }
+          }
+        };
+        // make a promise that resolves when the document is ready
+        var waitForDocumentReady = function waitForDocumentReady() {
+          return new Promise(function (resolve, reject) {
+            // if the page is ready, initialize p5 immediately
+            if (document.readyState === 'complete') {
+              resolve();
+              // if the page is still loading, add an event listener
+              // and initialize p5 as soon as it finishes loading
+            } else {
+              window.addEventListener('load', resolve, false);
+            }
+          });
+        };
+        // only load translations if we're using the full, un-minified library
+        var waitingForTranslator = typeof IS_MINIFIED === 'undefined' ? (0, _internationalization.initialize) () : Promise.resolve();
+        Promise.all([waitForDocumentReady(),
+        waitingForTranslator]).then(_globalInit);
+      },
+      {
+        '../core/main': 298,
+        './internationalization': 296,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.promise': 201,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/web.dom-collections.iterator': 256
+      }
+    ],
+    296: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.array.includes');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.join');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.object.keys');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.promise');
+        _dereq_('core-js/modules/es.regexp.exec');
+        _dereq_('core-js/modules/es.string.includes');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.string.split');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        _dereq_('core-js/modules/es.array.includes');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.join');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.object.keys');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.promise');
+        _dereq_('core-js/modules/es.regexp.exec');
+        _dereq_('core-js/modules/es.string.includes');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.string.split');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.setTranslatorLanguage = exports.currentTranslatorLanguage = exports.availableTranslatorLanguages = exports.initialize = exports.translator = void 0;
+        var _i18next = _interopRequireDefault(_dereq_('i18next'));
+        var _i18nextBrowserLanguagedetector = _interopRequireDefault(_dereq_('i18next-browser-languagedetector'));
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            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;
+        }
+        var fallbackResources,
+        languages;
+        if (typeof IS_MINIFIED === 'undefined') {
+          // internationalization is only for the unminified build
+          var translationsModule = _dereq_('../../translations');
+          fallbackResources = translationsModule.default;
+          languages = translationsModule.languages;
+          if (typeof P5_DEV_BUILD !== 'undefined') {
+            // When the library is built in development mode ( using npm run dev )
+            // we want to use the current translation files on the disk, which may have
+            // been updated but not yet pushed to the CDN.
+            var completeResources = _dereq_('../../translations/dev');
+            for (var _i = 0, _Object$keys = Object.keys(completeResources); _i < _Object$keys.length; _i++) {
+              var language = _Object$keys[_i];
+              // In es_translation, language is es and namespace is translation
+              // In es_MX_translation, language is es-MX and namespace is translation
+              var parts = language.split('_');
+              var lng = parts.slice(0, parts.length - 1).join('-');
+              var ns = parts[parts.length - 1];
+              fallbackResources[lng] = fallbackResources[lng] || {
+              };
+              fallbackResources[lng][ns] = completeResources[language];
+            }
+          }
+        }        /**
+ * This is our i18next "backend" plugin. It tries to fetch languages
+ * from a CDN.
+ */
+
+        var FetchResources = /*#__PURE__*/ function () {
+          function FetchResources(services, options) {
+            _classCallCheck(this, FetchResources);
+            this.init(services, options);
+          }          // run fetch with a timeout. Automatically rejects on timeout
+          // default timeout = 2000 ms
+
+          _createClass(FetchResources, [
+            {
+              key: 'fetchWithTimeout',
+              value: function fetchWithTimeout(url, options) {
+                var timeout = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 2000;
+                return Promise.race([fetch(url, options),
+                new Promise(function (_, reject) {
+                  return setTimeout(function () {
+                    return reject(new Error('timeout'));
+                  }, timeout);
+                })]);
+              }
+            },
+            {
+              key: 'init',
+              value: function init(services) {
+                var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+                };
+                this.services = services;
+                this.options = options;
+              }
+            },
+            {
+              key: 'read',
+              value: function read(language, namespace, callback) {
+                var loadPath = this.options.loadPath;
+                if (language === this.options.fallback) {
+                  // if the default language of the user is the same as our inbuilt fallback,
+                  // there's no need to fetch resources from the cdn. This won't actually
+                  // need to run when we use "partialBundledLanguages" in the init
+                  // function.
+                  callback(null, fallbackResources[language][namespace]);
+                } else if (languages.includes(language)) {
+                  // The user's language is included in the list of languages
+                  // that we so far added translations for.
+                  var url = this.services.interpolator.interpolate(loadPath, {
+                    lng: language,
+                    ns: namespace
+                  });
+                  this.loadUrl(url, callback);
+                } else {
+                  // We don't have translations for this language. i18next will use
+                  // the default language instead.
+                  callback('Not found', false);
+                }
+              }
+            },
+            {
+              key: 'loadUrl',
+              value: function loadUrl(url, callback) {
+                this.fetchWithTimeout(url).then(function (response) {
+                  var ok = response.ok;
+                  if (!ok) {
+                    // caught in the catch() below
+                    throw new Error('failed loading '.concat(url));
+                  }
+                  return response.json();
+                }, function () {
+                  // caught in the catch() below
+                  throw new Error('failed loading '.concat(url));
+                }).then(function (data) {
+                  return callback(null, data);
+                }).catch(callback);
+              }
+            }
+          ]);
+          return FetchResources;
+        }();
+        FetchResources.type = 'backend';
+        /**
+ * This is our translation function. Give it a key and
+ * it will retrieve the appropriate string
+ * (within supported languages) according to the
+ * user's browser's language settings.
+ * @function translator
+ * @param {String} key a key that corresponds to a message in our translation files
+ * @param {Object} values values for use in the message under the given `key`
+ * @returns {String} message (with values inserted) in the user's browser language
+ * @private
+ */
+        var translator = function translator(key, values) {
+          console.debug('p5.js translator called before translations were loaded');
+          // Certain FES functionality may trigger before translations are downloaded.
+          // Using "partialBundledLanguages" option during initialization, we can
+          // still use our fallback language to display messages
+          _i18next.default.t(key, values); /* i18next-extract-disable-line */
+        };
+        // (We'll set this to a real value in the init function below!)
+        /**
+ * Set up our translation function, with loaded languages
+ */
+        exports.translator = translator;
+        var initialize = function initialize() {
+          var i18init = _i18next.default.use(_i18nextBrowserLanguagedetector.default).use(FetchResources).init({
+            fallbackLng: 'en',
+            nestingPrefix: '$tr(',
+            nestingSuffix: ')',
+            defaultNS: 'translation',
+            returnEmptyString: false,
+            interpolation: {
+              escapeValue: false
+            },
+            detection: {
+              checkWhitelist: false,
+              // prevent storing or locating language from cookie or localStorage
+              // more info on https://github.com/processing/p5.js/issues/4862
+              order: [
+                'querystring',
+                'navigator',
+                'htmlTag',
+                'path',
+                'subdomain'
+              ],
+              caches: [
+              ]
+            },
+            backend: {
+              fallback: 'en',
+              loadPath: 'https://cdn.jsdelivr.net/npm/p5/translations/{{lng}}/{{ns}}.json'
+            },
+            partialBundledLanguages: true,
+            resources: fallbackResources
+          }).then(function (translateFn) {
+            exports.translator = translator = translateFn;
+          }, function (e) {
+            return console.debug('Translations failed to load ('.concat(e, ')'));
+          });
+          // i18next.init() returns a promise that resolves when the translations
+          // are loaded. We use this in core/init.js to hold p5 initialization until
+          // we have the translation files.
+          return i18init;
+        };
+        /**
+ * Returns a list of languages we have translations loaded for
+ */
+        exports.initialize = initialize;
+        var availableTranslatorLanguages = function availableTranslatorLanguages() {
+          return _i18next.default.languages;
+        };
+        /**
+ * Returns the current language selected for translation
+ */
+        exports.availableTranslatorLanguages = availableTranslatorLanguages;
+        var currentTranslatorLanguage = function currentTranslatorLanguage(language) {
+          return _i18next.default.language;
+        };
+        /**
+ * Sets the current language for translation
+ * Returns a promise that resolved when loading is finished,
+ * or rejects if it fails.
+ */
+        exports.currentTranslatorLanguage = currentTranslatorLanguage;
+        var setTranslatorLanguage = function setTranslatorLanguage(language) {
+          return _i18next.default.changeLanguage(language || undefined, function (e) {
+            return console.debug('Translations failed to load ('.concat(e, ')'));
+          });
+        };
+        exports.setTranslatorLanguage = setTranslatorLanguage;
+      },
+      {
+        '../../translations': 360,
+        '../../translations/dev': undefined,
+        'core-js/modules/es.array.includes': 177,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.array.join': 180,
+        'core-js/modules/es.array.slice': 183,
+        'core-js/modules/es.object.keys': 199,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.promise': 201,
+        'core-js/modules/es.regexp.exec': 205,
+        'core-js/modules/es.string.includes': 209,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.string.split': 216,
+        'core-js/modules/web.dom-collections.iterator': 256,
+        'i18next': 267,
+        'i18next-browser-languagedetector': 264
+      }
+    ],
+    297: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('./main'));
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }        /**
+ * @for p5
+ * @requires core
+ * These are functions that are part of the Processing API but are not part of
+ * the p5.js API. In some cases they have a new name, in others, they are
+ * removed completely. Not all unsupported Processing functions are listed here
+ * but we try to include ones that a user coming from Processing might likely
+ * call.
+ */
+
+        _main.default.prototype.pushStyle = function () {
+          throw new Error('pushStyle() not used, see push()');
+        };
+        _main.default.prototype.popStyle = function () {
+          throw new Error('popStyle() not used, see pop()');
+        };
+        _main.default.prototype.popMatrix = function () {
+          throw new Error('popMatrix() not used, see pop()');
+        };
+        _main.default.prototype.pushMatrix = function () {
+          throw new Error('pushMatrix() not used, see push()');
+        };
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        './main': 298
+      }
+    ],
+    298: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.for-each');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.array.splice');
+        _dereq_('core-js/modules/es.object.get-own-property-descriptor');
+        _dereq_('core-js/modules/es.object.get-own-property-names');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.weak-map');
+        _dereq_('core-js/modules/web.dom-collections.for-each');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        function _typeof2(obj) {
+          if (typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol') {
+            _typeof2 = function _typeof2(obj) {
+              return typeof obj;
+            };
+          } else {
+            _typeof2 = function _typeof2(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj;
+            };
+          }
+          return _typeof2(obj);
+        }
+        function _typeof(obj) {
+          if (typeof Symbol === 'function' && _typeof2(Symbol.iterator) === 'symbol') {
+            _typeof = function _typeof(obj) {
+              return _typeof2(obj);
+            };
+          } else {
+            _typeof = function _typeof(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : _typeof2(obj);
+            };
+          }
+          return _typeof(obj);
+        }
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.for-each');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.array.splice');
+        _dereq_('core-js/modules/es.object.get-own-property-names');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/web.dom-collections.for-each');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        _dereq_('./shim');
+        var constants = _interopRequireWildcard(_dereq_('./constants'));
+        function _getRequireWildcardCache() {
+          if (typeof WeakMap !== 'function') return null;
+          var cache = new WeakMap();
+          _getRequireWildcardCache = function _getRequireWildcardCache() {
+            return cache;
+          };
+          return cache;
+        }
+        function _interopRequireWildcard(obj) {
+          if (obj && obj.__esModule) {
+            return obj;
+          }
+          if (obj === null || _typeof(obj) !== 'object' && typeof obj !== 'function') {
+            return {
+            default:
+              obj
+            };
+          }
+          var cache = _getRequireWildcardCache();
+          if (cache && cache.has(obj)) {
+            return cache.get(obj);
+          }
+          var newObj = {
+          };
+          var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+          for (var key in obj) {
+            if (Object.prototype.hasOwnProperty.call(obj, key)) {
+              var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+              if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+              } else {
+                newObj[key] = obj[key];
+              }
+            }
+          }
+          newObj.default = obj;
+          if (cache) {
+            cache.set(obj, newObj);
+          }
+          return newObj;
+        }
+        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;
+        } /**
+   * @module Structure
+   * @submodule Structure
+   * @for p5
+   * @requires constants
+   */
+        // Core needs the PVariables object
+        /**
+ * This is the p5 instance constructor.
+ *
+ * A p5 instance holds all the properties and methods related to
+ * a p5 sketch.  It expects an incoming sketch closure and it can also
+ * take an optional node parameter for attaching the generated p5 canvas
+ * to a node.  The sketch closure takes the newly created p5 instance as
+ * its sole argument and may optionally set <a href="#/p5/preload">preload()</a>,
+ * <a href="#/p5/setup">setup()</a>, and/or
+ * <a href="#/p5/draw">draw()</a> properties on it for running a sketch.
+ *
+ * A p5 sketch can run in "global" or "instance" mode:
+ * "global"   - all properties and methods are attached to the window
+ * "instance" - all properties and methods are bound to this p5 object
+ *
+ * @class p5
+ * @constructor
+ * @param  {function(p5)}       sketch a closure that can set optional <a href="#/p5/preload">preload()</a>,
+ *                              <a href="#/p5/setup">setup()</a>, and/or <a href="#/p5/draw">draw()</a> properties on the
+ *                              given p5 instance
+ * @param  {HTMLElement}        [node] element to attach canvas to
+ * @return {p5}                 a p5 instance
+ */
+
+        var p5 = /*#__PURE__*/ function () {
+          function p5(sketch, node) {
+            var _this = this;
+            _classCallCheck(this, p5);
+            //////////////////////////////////////////////
+            // PUBLIC p5 PROPERTIES AND METHODS
+            //////////////////////////////////////////////
+            /**
+     * Called directly before <a href="#/p5/setup">setup()</a>, the <a href="#/p5/preload">preload()</a> function is used to handle
+     * asynchronous loading of external files in a blocking way. If a preload
+     * function is defined, <a href="#/p5/setup">setup()</a> will wait until any load calls within have
+     * finished. Nothing besides load calls (<a href="#/p5/loadImage">loadImage</a>, <a href="#/p5/loadJSON">loadJSON</a>, <a href="#/p5/loadFont">loadFont</a>,
+     * <a href="#/p5/loadStrings">loadStrings</a>, etc.) should be inside the preload function. If asynchronous
+     * loading is preferred, the load methods can instead be called in <a href="#/p5/setup">setup()</a>
+     * or anywhere else with the use of a callback parameter.
+     *
+     * By default the text "loading..." will be displayed. To make your own
+     * loading page, include an HTML element with id "p5_loading" in your
+     * page. More information <a href="http://bit.ly/2kQ6Nio">here</a>.
+     *
+     * @method preload
+     * @example
+     * <div><code>
+     * let img;
+     * let c;
+     * function preload() {
+     *   // preload() runs once
+     *   img = loadImage('assets/laDefense.jpg');
+     * }
+     *
+     * function setup() {
+     *   // setup() waits until preload() is done
+     *   img.loadPixels();
+     *   // get color of middle pixel
+     *   c = img.get(img.width / 2, img.height / 2);
+     * }
+     *
+     * function draw() {
+     *   background(c);
+     *   image(img, 25, 25, 50, 50);
+     * }
+     * </code></div>
+     *
+     * @alt
+     * nothing displayed
+     *
+     */
+            /**
+     * The <a href="#/p5/setup">setup()</a> function is called once when the program starts. It's used to
+     * define initial environment properties such as screen size and background
+     * color and to load media such as images and fonts as the program starts.
+     * There can only be one <a href="#/p5/setup">setup()</a> function for each program and it shouldn't
+     * be called again after its initial execution.
+     *
+     * Note: Variables declared within <a href="#/p5/setup">setup()</a> are not accessible within other
+     * functions, including <a href="#/p5/draw">draw()</a>.
+     *
+     * @method setup
+     * @example
+     * <div><code>
+     * let a = 0;
+     *
+     * function setup() {
+     *   background(0);
+     *   noStroke();
+     *   fill(102);
+     * }
+     *
+     * function draw() {
+     *   rect(a++ % width, 10, 2, 80);
+     * }
+     * </code></div>
+     *
+     * @alt
+     * nothing displayed
+     *
+     */
+            /**
+     * Called directly after <a href="#/p5/setup">setup()</a>, the <a href="#/p5/draw">draw()</a> function continuously executes
+     * the lines of code contained inside its block until the program is stopped
+     * or <a href="#/p5/noLoop">noLoop()</a> is called. Note if <a href="#/p5/noLoop">noLoop()</a> is called in <a href="#/p5/setup">setup()</a>, <a href="#/p5/draw">draw()</a> will
+     * still be executed once before stopping. <a href="#/p5/draw">draw()</a> is called automatically and
+     * should never be called explicitly.
+     *
+     * It should always be controlled with <a href="#/p5/noLoop">noLoop()</a>, <a href="#/p5/redraw">redraw()</a> and <a href="#/p5/loop">loop()</a>. After
+     * <a href="#/p5/noLoop">noLoop()</a> stops the code in <a href="#/p5/draw">draw()</a> from executing, <a href="#/p5/redraw">redraw()</a> causes the
+     * code inside <a href="#/p5/draw">draw()</a> to execute once, and <a href="#/p5/loop">loop()</a> will cause the code
+     * inside <a href="#/p5/draw">draw()</a> to resume executing continuously.
+     *
+     * The number of times <a href="#/p5/draw">draw()</a> executes in each second may be controlled with
+     * the <a href="#/p5/frameRate">frameRate()</a> function.
+     *
+     * There can only be one <a href="#/p5/draw">draw()</a> function for each sketch, and <a href="#/p5/draw">draw()</a> must
+     * exist if you want the code to run continuously, or to process events such
+     * as <a href="#/p5/mousePressed">mousePressed()</a>. Sometimes, you might have an empty call to <a href="#/p5/draw">draw()</a> in
+     * your program, as shown in the above example.
+     *
+     * It is important to note that the drawing coordinate system will be reset
+     * at the beginning of each <a href="#/p5/draw">draw()</a> call. If any transformations are performed
+     * within <a href="#/p5/draw">draw()</a> (ex: scale, rotate, translate), their effects will be
+     * undone at the beginning of <a href="#/p5/draw">draw()</a>, so transformations will not accumulate
+     * over time. On the other hand, styling applied (ex: fill, stroke, etc) will
+     * remain in effect.
+     *
+     * @method draw
+     * @example
+     * <div><code>
+     * let yPos = 0;
+     * function setup() {
+     *   // setup() runs once
+     *   frameRate(30);
+     * }
+     * function draw() {
+     *   // draw() loops forever, until stopped
+     *   background(204);
+     *   yPos = yPos - 1;
+     *   if (yPos < 0) {
+     *     yPos = height;
+     *   }
+     *   line(0, yPos, width, yPos);
+     * }
+     * </code></div>
+     *
+     * @alt
+     * nothing displayed
+     *
+     */
+            //////////////////////////////////////////////
+            // PRIVATE p5 PROPERTIES AND METHODS
+            //////////////////////////////////////////////
+            this._setupDone = false;
+            this._preloadDone = false;
+            // for handling hidpi
+            this._pixelDensity = Math.ceil(window.devicePixelRatio) || 1;
+            this._userNode = node;
+            this._curElement = null;
+            this._elements = [
+            ];
+            this._glAttributes = null;
+            this._requestAnimId = 0;
+            this._preloadCount = 0;
+            this._isGlobal = false;
+            this._loop = true;
+            this._startListener = null;
+            this._initializeInstanceVariables();
+            this._defaultCanvasSize = {
+              width: 100,
+              height: 100
+            };
+            this._events = {
+              // keep track of user-events for unregistering later
+              mousemove: null,
+              mousedown: null,
+              mouseup: null,
+              dragend: null,
+              dragover: null,
+              click: null,
+              dblclick: null,
+              mouseover: null,
+              mouseout: null,
+              keydown: null,
+              keyup: null,
+              keypress: null,
+              touchstart: null,
+              touchmove: null,
+              touchend: null,
+              resize: null,
+              blur: null
+            };
+            this._millisStart = - 1;
+            this._recording = false;
+            // States used in the custom random generators
+            this._lcg_random_state = null;
+            this._gaussian_previous = false;
+            this._events.wheel = null;
+            this._loadingScreenId = 'p5_loading';
+            // Allows methods to be registered on an instance that
+            // are instance-specific.
+            this._registeredMethods = {
+            };
+            var methods = Object.getOwnPropertyNames(p5.prototype._registeredMethods);
+            var _iteratorNormalCompletion = true;
+            var _didIteratorError = false;
+            var _iteratorError = undefined;
+            try {
+              for (var _iterator = methods[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+                var prop = _step.value;
+                this._registeredMethods[prop] = p5.prototype._registeredMethods[prop].slice();
+              }
+            } catch (err) {
+              _didIteratorError = true;
+              _iteratorError = err;
+            } finally {
+              try {
+                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                  _iterator.return();
+                }
+              } finally {
+                if (_didIteratorError) {
+                  throw _iteratorError;
+                }
+              }
+            }
+            if (window.DeviceOrientationEvent) {
+              this._events.deviceorientation = null;
+            }
+            if (window.DeviceMotionEvent && !window._isNodeWebkit) {
+              this._events.devicemotion = null;
+            }            // Function to invoke registered hooks before or after events such as preload, setup, and pre/post draw.
+
+            p5.prototype.callRegisteredHooksFor = function (hookName) {
+              var target = this || p5.prototype;
+              var context = this._isGlobal ? window : this;
+              if (target._registeredMethods.hasOwnProperty(hookName)) {
+                var _methods = target._registeredMethods[hookName];
+                var _iteratorNormalCompletion2 = true;
+                var _didIteratorError2 = false;
+                var _iteratorError2 = undefined;
+                try {
+                  for (var _iterator2 = _methods[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+                    var method = _step2.value;
+                    if (typeof method === 'function') {
+                      method.call(context);
+                    }
+                  }
+                } catch (err) {
+                  _didIteratorError2 = true;
+                  _iteratorError2 = err;
+                } finally {
+                  try {
+                    if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
+                      _iterator2.return();
+                    }
+                  } finally {
+                    if (_didIteratorError2) {
+                      throw _iteratorError2;
+                    }
+                  }
+                }
+              }
+            };
+            this._start = function () {
+              // Find node if id given
+              if (_this._userNode) {
+                if (typeof _this._userNode === 'string') {
+                  _this._userNode = document.getElementById(_this._userNode);
+                }
+              }
+              var context = _this._isGlobal ? window : _this;
+              if (context.preload) {
+                _this.callRegisteredHooksFor('beforePreload');
+                // Setup loading screen
+                // Set loading screen into dom if not present
+                // Otherwise displays and removes user provided loading screen
+                var loadingScreen = document.getElementById(_this._loadingScreenId);
+                if (!loadingScreen) {
+                  loadingScreen = document.createElement('div');
+                  loadingScreen.innerHTML = 'Loading...';
+                  loadingScreen.style.position = 'absolute';
+                  loadingScreen.id = _this._loadingScreenId;
+                  var _node = _this._userNode || document.body;
+                  _node.appendChild(loadingScreen);
+                }
+                var _methods2 = _this._preloadMethods;
+                for (var method in _methods2) {
+                  // default to p5 if no object defined
+                  _methods2[method] = _methods2[method] || p5;
+                  var obj = _methods2[method];
+                  //it's p5, check if it's global or instance
+                  if (obj === p5.prototype || obj === p5) {
+                    if (_this._isGlobal) {
+                      window[method] = _this._wrapPreload(_this, method);
+                    }
+                    obj = _this;
+                  }
+                  _this._registeredPreloadMethods[method] = obj[method];
+                  obj[method] = _this._wrapPreload(obj, method);
+                }
+                context.preload();
+                _this._runIfPreloadsAreDone();
+              } else {
+                _this._setup();
+                if (!_this._recording) {
+                  _this._draw();
+                }
+              }
+            };
+            this._runIfPreloadsAreDone = function () {
+              var context = this._isGlobal ? window : this;
+              if (context._preloadCount === 0) {
+                var loadingScreen = document.getElementById(context._loadingScreenId);
+                if (loadingScreen) {
+                  loadingScreen.parentNode.removeChild(loadingScreen);
+                }
+                this.callRegisteredHooksFor('afterPreload');
+                if (!this._setupDone) {
+                  this._lastTargetFrameTime = window.performance.now();
+                  this._lastRealFrameTime = window.performance.now();
+                  context._setup();
+                  if (!this._recording) {
+                    context._draw();
+                  }
+                }
+              }
+            };
+            this._decrementPreload = function () {
+              var context = this._isGlobal ? window : this;
+              if (!context._preloadDone && typeof context.preload === 'function') {
+                context._setProperty('_preloadCount', context._preloadCount - 1);
+                context._runIfPreloadsAreDone();
+              }
+            };
+            this._wrapPreload = function (obj, fnName) {
+              var _this2 = this;
+              return function () {
+                //increment counter
+                _this2._incrementPreload();
+                //call original function
+                for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+                  args[_key] = arguments[_key];
+                }
+                return _this2._registeredPreloadMethods[fnName].apply(obj, args);
+              };
+            };
+            this._incrementPreload = function () {
+              var context = this._isGlobal ? window : this;
+              // Do nothing if we tried to increment preloads outside of `preload`
+              if (context._preloadDone) return;
+              context._setProperty('_preloadCount', context._preloadCount + 1);
+            };
+            this._setup = function () {
+              _this.callRegisteredHooksFor('beforeSetup');
+              // Always create a default canvas.
+              // Later on if the user calls createCanvas, this default one
+              // will be replaced
+              _this.createCanvas(_this._defaultCanvasSize.width, _this._defaultCanvasSize.height, 'p2d');
+              // return preload functions to their normal vals if switched by preload
+              var context = _this._isGlobal ? window : _this;
+              if (typeof context.preload === 'function') {
+                for (var f in _this._preloadMethods) {
+                  context[f] = _this._preloadMethods[f][f];
+                  if (context[f] && _this) {
+                    context[f] = context[f].bind(_this);
+                  }
+                }
+              }              // Record the time when sketch starts
+
+              _this._millisStart = window.performance.now();
+              context._preloadDone = true;
+              // Short-circuit on this, in case someone used the library in "global"
+              // mode earlier
+              if (typeof context.setup === 'function') {
+                context.setup();
+              }              // unhide any hidden canvases that were created
+
+              var canvases = document.getElementsByTagName('canvas');
+              var _iteratorNormalCompletion3 = true;
+              var _didIteratorError3 = false;
+              var _iteratorError3 = undefined;
+              try {
+                for (var _iterator3 = canvases[Symbol.iterator](), _step3; !(_iteratorNormalCompletion3 = (_step3 = _iterator3.next()).done); _iteratorNormalCompletion3 = true) {
+                  var k = _step3.value;
+                  if (k.dataset.hidden === 'true') {
+                    k.style.visibility = '';
+                    delete k.dataset.hidden;
+                  }
+                }
+              } catch (err) {
+                _didIteratorError3 = true;
+                _iteratorError3 = err;
+              } finally {
+                try {
+                  if (!_iteratorNormalCompletion3 && _iterator3.return != null) {
+                    _iterator3.return();
+                  }
+                } finally {
+                  if (_didIteratorError3) {
+                    throw _iteratorError3;
+                  }
+                }
+              }
+              _this._lastTargetFrameTime = window.performance.now();
+              _this._lastRealFrameTime = window.performance.now();
+              _this._setupDone = true;
+              if (_this._accessibleOutputs.grid || _this._accessibleOutputs.text) {
+                _this._updateAccsOutput();
+              }
+              _this.callRegisteredHooksFor('afterSetup');
+            };
+            this._draw = function () {
+              var now = window.performance.now();
+              var time_since_last = now - _this._lastTargetFrameTime;
+              var target_time_between_frames = 1000 / _this._targetFrameRate;
+              // only draw if we really need to; don't overextend the browser.
+              // draw if we're within 5ms of when our next frame should paint
+              // (this will prevent us from giving up opportunities to draw
+              // again when it's really about time for us to do so). fixes an
+              // issue where the frameRate is too low if our refresh loop isn't
+              // in sync with the browser. note that we have to draw once even
+              // if looping is off, so we bypass the time delay if that
+              // is the case.
+              var epsilon = 5;
+              if (!_this._loop || time_since_last >= target_time_between_frames - epsilon) {
+                //mandatory update values(matrixes and stack)
+                _this.deltaTime = now - _this._lastRealFrameTime;
+                _this._setProperty('deltaTime', _this.deltaTime);
+                _this._frameRate = 1000 / _this.deltaTime;
+                _this.redraw();
+                _this._lastTargetFrameTime = Math.max(_this._lastTargetFrameTime + target_time_between_frames, now);
+                _this._lastRealFrameTime = now;
+                // If the user is actually using mouse module, then update
+                // coordinates, otherwise skip. We can test this by simply
+                // checking if any of the mouse functions are available or not.
+                // NOTE : This reflects only in complete build or modular build.
+                if (typeof _this._updateMouseCoords !== 'undefined') {
+                  _this._updateMouseCoords();
+                  //reset delta values so they reset even if there is no mouse event to set them
+                  // for example if the mouse is outside the screen
+                  _this._setProperty('movedX', 0);
+                  _this._setProperty('movedY', 0);
+                }
+              }              // get notified the next time the browser gives us
+              // an opportunity to draw.
+
+              if (_this._loop) {
+                _this._requestAnimId = window.requestAnimationFrame(_this._draw);
+              }
+            };
+            this._setProperty = function (prop, value) {
+              _this[prop] = value;
+              if (_this._isGlobal) {
+                window[prop] = value;
+              }
+            };
+            /**
+     * Removes the entire p5 sketch. This will remove the canvas and any
+     * elements created by p5.js. It will also stop the draw loop and unbind
+     * any properties or methods from the window global scope. It will
+     * leave a variable p5 in case you wanted to create a new p5 sketch.
+     * If you like, you can set p5 = null to erase it. While all functions and
+     * variables and objects created by the p5 library will be removed, any
+     * other global variables created by your code will remain.
+     *
+     * @method remove
+     * @example
+     * <div class='norender'><code>
+     * function draw() {
+     *   ellipse(50, 50, 10, 10);
+     * }
+     *
+     * function mousePressed() {
+     *   remove(); // remove whole sketch on mouse press
+     * }
+     * </code></div>
+     *
+     * @alt
+     * nothing displayed
+     *
+     */
+            this.remove = function () {
+              // Remove start listener to prevent orphan canvas being created
+              if (_this._startListener) {
+                window.removeEventListener('load', _this._startListener, false);
+              }
+              var loadingScreen = document.getElementById(_this._loadingScreenId);
+              if (loadingScreen) {
+                loadingScreen.parentNode.removeChild(loadingScreen);
+                // Add 1 to preload counter to prevent the sketch ever executing setup()
+                _this._incrementPreload();
+              }
+              if (_this._curElement) {
+                // stop draw
+                _this._loop = false;
+                if (_this._requestAnimId) {
+                  window.cancelAnimationFrame(_this._requestAnimId);
+                }                // unregister events sketch-wide
+
+                for (var ev in _this._events) {
+                  window.removeEventListener(ev, _this._events[ev]);
+                }                // remove DOM elements created by p5, and listeners
+
+                var _iteratorNormalCompletion4 = true;
+                var _didIteratorError4 = false;
+                var _iteratorError4 = undefined;
+                try {
+                  for (var _iterator4 = _this._elements[Symbol.iterator](), _step4; !(_iteratorNormalCompletion4 = (_step4 = _iterator4.next()).done); _iteratorNormalCompletion4 = true) {
+                    var e = _step4.value;
+                    if (e.elt && e.elt.parentNode) {
+                      e.elt.parentNode.removeChild(e.elt);
+                    }
+                    for (var elt_ev in e._events) {
+                      e.elt.removeEventListener(elt_ev, e._events[elt_ev]);
+                    }
+                  }                  // call any registered remove functions
+
+                } catch (err) {
+                  _didIteratorError4 = true;
+                  _iteratorError4 = err;
+                } finally {
+                  try {
+                    if (!_iteratorNormalCompletion4 && _iterator4.return != null) {
+                      _iterator4.return();
+                    }
+                  } finally {
+                    if (_didIteratorError4) {
+                      throw _iteratorError4;
+                    }
+                  }
+                }
+                var self = _this;
+                _this._registeredMethods.remove.forEach(function (f) {
+                  if (typeof f !== 'undefined') {
+                    f.call(self);
+                  }
+                });
+              }              // remove window bound properties and methods
+
+              if (_this._isGlobal) {
+                for (var p in p5.prototype) {
+                  try {
+                    delete window[p];
+                  } catch (x) {
+                    window[p] = undefined;
+                  }
+                }
+                for (var p2 in _this) {
+                  if (_this.hasOwnProperty(p2)) {
+                    try {
+                      delete window[p2];
+                    } catch (x) {
+                      window[p2] = undefined;
+                    }
+                  }
+                }
+                p5.instance = null;
+              }
+            };
+            // call any registered init functions
+            this._registeredMethods.init.forEach(function (f) {
+              if (typeof f !== 'undefined') {
+                f.call(this);
+              }
+            }, this);
+            // Set up promise preloads
+            this._setupPromisePreloads();
+            var friendlyBindGlobal = this._createFriendlyGlobalFunctionBinder();
+            // If the user has created a global setup or draw function,
+            // assume "global" mode and make everything global (i.e. on the window)
+            if (!sketch) {
+              this._isGlobal = true;
+              p5.instance = this;
+              // Loop through methods on the prototype and attach them to the window
+              for (var p in p5.prototype) {
+                if (typeof p5.prototype[p] === 'function') {
+                  var ev = p.substring(2);
+                  if (!this._events.hasOwnProperty(ev)) {
+                    if (Math.hasOwnProperty(p) && Math[p] === p5.prototype[p]) {
+                      // Multiple p5 methods are just native Math functions. These can be
+                      // called without any binding.
+                      friendlyBindGlobal(p, p5.prototype[p]);
+                    } else {
+                      friendlyBindGlobal(p, p5.prototype[p].bind(this));
+                    }
+                  }
+                } else {
+                  friendlyBindGlobal(p, p5.prototype[p]);
+                }
+              }              // Attach its properties to the window
+
+              for (var p2 in this) {
+                if (this.hasOwnProperty(p2)) {
+                  friendlyBindGlobal(p2, this[p2]);
+                }
+              }
+            } else {
+              // Else, the user has passed in a sketch closure that may set
+              // user-provided 'setup', 'draw', etc. properties on this instance of p5
+              sketch(this);
+              // Run a check to see if the user has misspelled 'setup', 'draw', etc
+              // detects capitalization mistakes only ( Setup, SETUP, MouseClicked, etc)
+              p5._checkForUserDefinedFunctions(this);
+            }            // Bind events to window (not using container div bc key events don't work)
+
+            for (var e in this._events) {
+              var f = this['_on'.concat(e)];
+              if (f) {
+                var m = f.bind(this);
+                window.addEventListener(e, m, {
+                  passive: false
+                });
+                this._events[e] = m;
+              }
+            }
+            var focusHandler = function focusHandler() {
+              _this._setProperty('focused', true);
+            };
+            var blurHandler = function blurHandler() {
+              _this._setProperty('focused', false);
+            };
+            window.addEventListener('focus', focusHandler);
+            window.addEventListener('blur', blurHandler);
+            this.registerMethod('remove', function () {
+              window.removeEventListener('focus', focusHandler);
+              window.removeEventListener('blur', blurHandler);
+            });
+            if (document.readyState === 'complete') {
+              this._start();
+            } else {
+              this._startListener = this._start.bind(this);
+              window.addEventListener('load', this._startListener, false);
+            }
+          }
+          _createClass(p5, [
+            {
+              key: '_initializeInstanceVariables',
+              value: function _initializeInstanceVariables() {
+                this._accessibleOutputs = {
+                  text: false,
+                  grid: false,
+                  textLabel: false,
+                  gridLabel: false
+                };
+                this._styles = [
+                ];
+                this._bezierDetail = 20;
+                this._curveDetail = 20;
+                this._colorMode = constants.RGB;
+                this._colorMaxes = {
+                  rgb: [
+                    255,
+                    255,
+                    255,
+                    255
+                  ],
+                  hsb: [
+                    360,
+                    100,
+                    100,
+                    1
+                  ],
+                  hsl: [
+                    360,
+                    100,
+                    100,
+                    1
+                  ]
+                };
+                this._downKeys = {
+                }; //Holds the key codes of currently pressed keys
+              }
+            },
+            {
+              key: 'registerPreloadMethod',
+              value: function registerPreloadMethod(fnString, obj) {
+                // obj = obj || p5.prototype;
+                if (!p5.prototype._preloadMethods.hasOwnProperty(fnString)) {
+                  p5.prototype._preloadMethods[fnString] = obj;
+                }
+              }
+            },
+            {
+              key: 'registerMethod',
+              value: function registerMethod(name, m) {
+                var target = this || p5.prototype;
+                if (!target._registeredMethods.hasOwnProperty(name)) {
+                  target._registeredMethods[name] = [
+                  ];
+                }
+                target._registeredMethods[name].push(m);
+              }
+            },
+            {
+              key: 'unregisterMethod',
+              value: function unregisterMethod(name, m) {
+                var target = this || p5.prototype;
+                if (target._registeredMethods.hasOwnProperty(name)) {
+                  var methods = target._registeredMethods[name];
+                  var indexesToRemove = [
+                  ];
+                  // Find all indexes of the method `m` in the array of registered methods
+                  for (var i = 0; i < methods.length; i++) {
+                    if (methods[i] === m) {
+                      indexesToRemove.push(i);
+                    }
+                  }                  // Remove all instances of the method `m` from the array
+
+                  for (var _i = indexesToRemove.length - 1; _i >= 0; _i--) {
+                    methods.splice(indexesToRemove[_i], 1);
+                  }
+                }
+              } // create a function which provides a standardized process for binding
+              // globals; this is implemented as a factory primarily so that there's a
+              // way to redefine what "global" means for the binding function so it
+              // can be used in scenarios like unit testing where the window object
+              // might not exist
+
+            },
+            {
+              key: '_createFriendlyGlobalFunctionBinder',
+              value: function _createFriendlyGlobalFunctionBinder() {
+                var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+                };
+                var globalObject = options.globalObject || window;
+                var log = options.log || console.log.bind(console);
+                var propsToForciblyOverwrite = {
+                  // p5.print actually always overwrites an existing global function,
+                  // albeit one that is very unlikely to be used:
+                  //
+                  //   https://developer.mozilla.org/en-US/docs/Web/API/Window/print
+                  print: true
+                };
+                return function (prop, value) {
+                  if (!p5.disableFriendlyErrors && typeof IS_MINIFIED === 'undefined' && typeof value === 'function' && !(prop in p5.prototype._preloadMethods)) {
+                    try {
+                      // Because p5 has so many common function names, it's likely
+                      // that users may accidentally overwrite global p5 functions with
+                      // their own variables. Let's allow this but log a warning to
+                      // help users who may be doing this unintentionally.
+                      //
+                      // For more information, see:
+                      //
+                      //   https://github.com/processing/p5.js/issues/1317
+                      if (prop in globalObject && !(prop in propsToForciblyOverwrite)) {
+                        throw new Error('global "'.concat(prop, '" already exists'));
+                      }                      // It's possible that this might throw an error because there
+                      // are a lot of edge-cases in which `Object.defineProperty` might
+                      // not succeed; since this functionality is only intended to
+                      // help beginners anyways, we'll just catch such an exception
+                      // if it occurs, and fall back to legacy behavior.
+
+                      Object.defineProperty(globalObject, prop, {
+                        configurable: true,
+                        enumerable: true,
+                        get: function get() {
+                          return value;
+                        },
+                        set: function set(newValue) {
+                          Object.defineProperty(globalObject, prop, {
+                            configurable: true,
+                            enumerable: true,
+                            value: newValue,
+                            writable: true
+                          });
+                          log('You just changed the value of "'.concat(prop, '", which was a p5 function. This could cause problems later if you\'re not careful.'));
+                        }
+                      });
+                    } catch (e) {
+                      var message = 'p5 had problems creating the global function "'.concat(prop, '", possibly because your code is already using that name as a variable. You may want to rename your variable to something else.');
+                      p5._friendlyError(message, prop);
+                      globalObject[prop] = value;
+                    }
+                  } else {
+                    globalObject[prop] = value;
+                  }
+                };
+              }
+            }
+          ]);
+          return p5;
+        }(); // This is a pointer to our global mode p5 instance, if we're in
+        // global mode.
+        p5.instance = null;
+        /**
+ * Turn off some features of the friendly error system (FES), which can give
+ * a significant boost to performance when needed.
+ *
+ * Note that this will disable the parts of the FES that cause performance
+ * slowdown (like argument checking). Friendly errors that have no performance
+ * cost (like giving a descriptive error if a file load fails, or warning you
+ * if you try to override p5.js functions in the global space),
+ * will remain in place.
+ *
+ * See <a href='https://github.com/processing/p5.js/wiki/Optimizing-p5.js-Code-for-Performance#disable-the-friendly-error-system-fes'>
+ * disabling the friendly error system</a>.
+ *
+ * @property {Boolean} disableFriendlyErrors
+ * @example
+ * <div class="norender notest"><code>
+ * p5.disableFriendlyErrors = true;
+ *
+ * function setup() {
+ *   createCanvas(100, 50);
+ * }
+ * </code></div>
+ */
+        p5.disableFriendlyErrors = false;
+        // attach constants to p5 prototype
+        for (var k in constants) {
+          p5.prototype[k] = constants[k];
+        }        // makes the `VERSION` constant available on the p5 object
+        // in instance mode, even if it hasn't been instantiated yet
+
+        p5.VERSION = constants.VERSION;
+        // functions that cause preload to wait
+        // more can be added by using registerPreloadMethod(func)
+        p5.prototype._preloadMethods = {
+          loadJSON: p5.prototype,
+          loadImage: p5.prototype,
+          loadStrings: p5.prototype,
+          loadXML: p5.prototype,
+          loadBytes: p5.prototype,
+          loadTable: p5.prototype,
+          loadFont: p5.prototype,
+          loadModel: p5.prototype,
+          loadShader: p5.prototype
+        };
+        p5.prototype._registeredMethods = {
+          init: [
+          ],
+          pre: [
+          ],
+          post: [
+          ],
+          remove: [
+          ]
+        };
+        p5.prototype._registeredPreloadMethods = {
+        };
+        var _default = p5;
+        exports.default = _default;
+      },
+      {
+        './constants': 286,
+        './shim': 309,
+        'core-js/modules/es.array.for-each': 175,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.array.slice': 183,
+        'core-js/modules/es.array.splice': 185,
+        'core-js/modules/es.object.get-own-property-descriptor': 196,
+        'core-js/modules/es.object.get-own-property-names': 197,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/es.weak-map': 254,
+        'core-js/modules/web.dom-collections.for-each': 255,
+        'core-js/modules/web.dom-collections.iterator': 256
+      }
+    ],
+    299: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('./main'));
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            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;
+        } /**
+   * @module DOM
+   * @submodule DOM
+   * @for p5.Element
+   */
+        /**
+ * A class to describe an
+ * <a href="https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started" target="_blank">HTML element</a>.
+ * Sketches can use many elements. Common elements include the drawing canvas,
+ * buttons, sliders, webcam feeds, and so on.
+ *
+ * All elements share the methods of the `p5.Element` class. They're created
+ * with functions such as <a href="#/p5/createCanvas">createCanvas()</a> and
+ * <a href="#/p5/createButton">createButton()</a>.
+ *
+ * @class p5.Element
+ * @constructor
+ * @param {HTMLElement} elt wrapped DOM element.
+ * @param {p5} [pInst] pointer to p5 instance.
+ *
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100);
+ *
+ *   background(200);
+ *
+ *   // Create a button element and
+ *   // place it beneath the canvas.
+ *   let btn = createButton('change');
+ *   btn.position(0, 100);
+ *
+ *   // Call randomColor() when
+ *   // the button is pressed.
+ *   btn.mousePressed(randomColor);
+ *
+ *   describe('A gray square with a button that says "change" beneath it. The square changes color when the user presses the button.');
+ * }
+ *
+ * // Paint the background either
+ * // red, yellow, blue, or green.
+ * function randomColor() {
+ *   let c = random(['red', 'yellow', 'blue', 'green']);
+ *   background(c);
+ * }
+ * </code>
+ * </div>
+ */
+
+        _main.default.Element = /*#__PURE__*/ function () {
+          function _class(elt, pInst) {
+            _classCallCheck(this, _class);
+            /**
+     * Underlying
+     * <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement" target="_blank">HTMLElement</a>
+     * object. Its properties and methods can be used directly.
+     *
+     * @example
+     * <div>
+     * <code>
+     * function setup() {
+     *   // Create a canvas element and
+     *   // assign it to cnv.
+     *   let cnv = createCanvas(100, 100);
+     *
+     *   background(200);
+     *
+     *   // Set the border style for the
+     *   // canvas.
+     *   cnv.elt.style.border = '5px dashed deeppink';
+     *
+     *   describe('A gray square with a pink border drawn with dashed lines.');
+     * }
+     * </code>
+     * </div>
+     *
+     * @property elt
+     * @name elt
+     * @readOnly
+     */
+            this.elt = elt;
+            /**
+     * @private
+     * @type {p5.Element}
+     * @name _pInst
+     */
+            this._pInst = this._pixelsState = pInst;
+            this._events = {
+            };
+            /**
+     * @type {Number}
+     * @property width
+     * @name width
+     */
+            this.width = this.elt.offsetWidth;
+            /**
+     * @type {Number}
+     * @property height
+     * @name height
+     */
+            this.height = this.elt.offsetHeight;
+          }          /**
+   * Attaches this element to a parent element.
+   *
+   * For example, a `&lt;div&gt;&lt;/div&gt;` element may be used as a box to
+   * hold two pieces of text, a header and a paragraph. The
+   * `&lt;div&gt;&lt;/div&gt;` is the parent element of both the header and
+   * paragraph.
+   *
+   * The parameter `parent` can have one of three types. `parent` can be a
+   * string with the parent element's ID, as in
+   * `myElement.parent('container')`. It can also be another
+   * <a href="#/p5.Element">p5.Element</a> object, as in
+   * `myElement.parent(myDiv)`. Finally, `parent` can be an `HTMLElement`
+   * object, as in `myElement.parent(anotherElement)`.
+   *
+   * Calling `myElement.parent()` without an argument returns this element's
+   * parent.
+   *
+   * @method parent
+   * @param  {String|p5.Element|Object} parent ID, <a href="#/p5.Element">p5.Element</a>,
+   *                                           or HTMLElement of desired parent element.
+   * @chainable
+   *
+   * @example
+   * <div>
+   * <code>
+   * function setup()  {
+   *   background(200);
+   *
+   *   // Create a div element.
+   *   let div = createDiv();
+   *   // Place the div in the top-left corner.
+   *   div.position(10, 20);
+   *   // Set its width and height.
+   *   div.size(80, 60);
+   *   // Set its background color to white
+   *   div.style('background-color', 'white');
+   *   // Align any text to the center.
+   *   div.style('text-align', 'center');
+   *   // Set its ID to "container".
+   *   div.id('container');
+   *
+   *   // Create a paragraph element.
+   *   let p = createP('p5*js');
+   *   // Make the div its parent
+   *   // using its ID "container".
+   *   p.parent('container');
+   *
+   *   describe('The text "p5*js" written in black at the center of a white rectangle. The rectangle is inside a gray square.');
+   * }
+   * </code>
+   * </div>
+   *
+   * <div>
+   * <code>
+   * function setup()  {
+   *   background(200);
+   *
+   *   // Create rectangular div element.
+   *   let div = createDiv();
+   *   // Place the div in the top-left corner.
+   *   div.position(10, 20);
+   *   // Set its width and height.
+   *   div.size(80, 60);
+   *   // Set its background color and align
+   *   // any text to the center.
+   *   div.style('background-color', 'white');
+   *   div.style('text-align', 'center');
+   *
+   *   // Create a paragraph element.
+   *   let p = createP('p5*js');
+   *   // Make the div its parent.
+   *   p.parent(div);
+   *
+   *   describe('The text "p5*js" written in black at the center of a white rectangle. The rectangle is inside a gray square.');
+   * }
+   * </code>
+   * </div>
+   *
+   * <div>
+   * <code>
+   * function setup()  {
+   *   background(200);
+   *
+   *   // Create rectangular div element.
+   *   let div = createDiv();
+   *   // Place the div in the top-left corner.
+   *   div.position(10, 20);
+   *   // Set its width and height.
+   *   div.size(80, 60);
+   *   // Set its background color and align
+   *   // any text to the center.
+   *   div.style('background-color', 'white');
+   *   div.style('text-align', 'center');
+   *
+   *   // Create a paragraph element.
+   *   let p = createP('p5*js');
+   *   // Make the div its parent
+   *   // using the underlying
+   *   // HTMLElement.
+   *   p.parent(div.elt);
+   *
+   *   describe('The text "p5*js" written in black at the center of a white rectangle. The rectangle is inside a gray square.');
+   * }
+   * </code>
+   * </div>
+   */
+          /**
+   * @method parent
+   * @return {p5.Element}
+   */
+
+          _createClass(_class, [
+            {
+              key: 'parent',
+              value: function parent(p) {
+                if (typeof p === 'undefined') {
+                  return this.elt.parentNode;
+                }
+                if (typeof p === 'string') {
+                  if (p[0] === '#') {
+                    p = p.substring(1);
+                  }
+                  p = document.getElementById(p);
+                } else if (p instanceof _main.default.Element) {
+                  p = p.elt;
+                }
+                p.appendChild(this.elt);
+                return this;
+              }              /**
+     * Sets this element's ID using a given string.
+     *
+     * Calling `myElement.id()` without an argument returns its ID as a string.
+     *
+     * @method id
+     * @param  {String} id ID of the element.
+     * @chainable
+     *
+     * @example
+     * <div>
+     * <code>
+     * function setup() {
+     *   // Create a canvas element and
+     *   // assign it to cnv.
+     *   let cnv = createCanvas(100, 100);
+     *
+     *   background(200);
+     *
+     *   // Set the canvas' ID
+     *   // to "mycanvas".
+     *   cnv.id('mycanvas');
+     *
+     *   // Get the canvas' ID.
+     *   let id = cnv.id();
+     *   text(id, 24, 54);
+     *
+     *   describe('The text "mycanvas" written in black on a gray background.');
+     * }
+     * </code>
+     * </div>
+     */
+              /**
+     * @method id
+     * @return {String} ID of the element.
+     */
+
+            },
+            {
+              key: 'id',
+              value: function id(_id) {
+                if (typeof _id === 'undefined') {
+                  return this.elt.id;
+                }
+                this.elt.id = _id;
+                this.width = this.elt.offsetWidth;
+                this.height = this.elt.offsetHeight;
+                return this;
+              }              /**
+     * Adds a
+     * <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class" target="_blank">class attribute</a>
+     * to the element.
+     *
+     * Calling `myElement.class()` without an argument returns a string with its current classes.
+     *
+     * @method class
+     * @param  {String} class class to add.
+     * @chainable
+     *
+     * @example
+     * <div>
+     * <code>
+     * function setup() {
+     *   // Create a canvas element and
+     *   // assign it to cnv.
+     *   let cnv = createCanvas(100, 100);
+     *
+     *   background(200);
+     *
+     *   // Add the class "small" to the
+     *   // canvas element.
+     *   cnv.class('small');
+     *
+     *   // Get the canvas element's class
+     *   // and display it.
+     *   let c = cnv.class();
+     *   text(c, 35, 54);
+     *
+     *   describe('The word "small" written in black on a gray canvas.');
+     *
+     * }
+     * </code>
+     * </div>
+     */
+              /**
+     * @method class
+     * @return {String} element's classes, if any.
+     */
+
+            },
+            {
+              key: 'class',
+              value: function _class(c) {
+                if (typeof c === 'undefined') {
+                  return this.elt.className;
+                }
+                this.elt.className = c;
+                return this;
+              }              /**
+     * Calls a function when the mouse is pressed over the element.
+     * Calling `myElement.mousePressed(false)` disables the function.
+     *
+     * Note: Some mobile browsers may also trigger this event when the element
+     * receives a quick tap.
+     *
+     * @method mousePressed
+     * @param  {Function|Boolean} fxn function to call when the mouse is
+     *                                pressed over the element.
+     *                                `false` disables the function.
+     * @chainable
+     * @example
+     * <div>
+     * <code>
+     * function setup() {
+     *   // Create a canvas element and
+     *   // assign it to cnv.
+     *   let cnv = createCanvas(100, 100);
+     *
+     *   background(200);
+     *
+     *   // Call randomColor() when the canvas
+     *   // is pressed.
+     *   cnv.mousePressed(randomColor);
+     *
+     *   describe('A gray square changes color when the mouse is pressed.');
+     * }
+     *
+     * // Paint the background either
+     * // red, yellow, blue, or green.
+     * function randomColor() {
+     *   let c = random(['red', 'yellow', 'blue', 'green']);
+     *   background(c);
+     * }
+     * </code>
+     * </div>
+     *
+     * <div>
+     * <code>
+     * function setup() {
+     *   // Create a canvas element and
+     *   // assign it to cnv.
+     *   let cnv = createCanvas(100, 100);
+     *
+     *   background(200);
+     *
+     *   // Paint the background either
+     *   // red, yellow, blue, or green
+     *   // when the canvas is pressed.
+     *   cnv.mousePressed(() => {
+     *     let c = random(['red', 'yellow', 'blue', 'green']);
+     *     background(c);
+     *   });
+     *
+     *   describe('A gray square changes color when the mouse is pressed.');
+     * }
+     * </code>
+     * </div>
+     */
+
+            },
+            {
+              key: 'mousePressed',
+              value: function mousePressed(fxn) {
+                // Prepend the mouse property setters to the event-listener.
+                // This is required so that mouseButton is set correctly prior to calling the callback (fxn).
+                // For details, see https://github.com/processing/p5.js/issues/3087.
+                var eventPrependedFxn = function eventPrependedFxn(event) {
+                  this._pInst._setProperty('mouseIsPressed', true);
+                  this._pInst._setMouseButton(event);
+                  // Pass along the return-value of the callback:
+                  return fxn.call(this, event);
+                };
+                // Pass along the event-prepended form of the callback.
+                _main.default.Element._adjustListener('mousedown', eventPrependedFxn, this);
+                return this;
+              }              /**
+     * Calls a function when the mouse is pressed twice over the element.
+     * Calling `myElement.doubleClicked(false)` disables the function.
+     *
+     * @method doubleClicked
+     * @param  {Function|Boolean} fxn function to call when the mouse is
+     *                                double clicked over the element.
+     *                                `false` disables the function.
+     * @chainable
+     * @example
+     * <div>
+     * <code>
+     * function setup() {
+     *   // Create a canvas element and
+     *   // assign it to cnv.
+     *   let cnv = createCanvas(100, 100);
+     *
+     *   background(200);
+     *
+     *   // Call randomColor() when the
+     *   // canvas is double-clicked.
+     *   cnv.doubleClicked(randomColor);
+     *
+     *   describe('A gray square changes color when the user double-clicks the canvas.');
+     * }
+     *
+     * // Paint the background either
+     * // red, yellow, blue, or green.
+     * function randomColor() {
+     *   let c = random(['red', 'yellow', 'blue', 'green']);
+     *   background(c);
+     * }
+     * </code>
+     * </div>
+     *
+     * <div>
+     * <code>
+     * function setup() {
+     *   // Create a canvas element and
+     *   // assign it to cnv.
+     *   let cnv = createCanvas(100, 100);
+     *
+     *   background(200);
+     *
+     *   // Paint the background either
+     *   // red, yellow, blue, or green
+     *   // when the canvas is double-clicked.
+     *   cnv.doubleClicked(() => {
+     *     let c = random(['red', 'yellow', 'blue', 'green']);
+     *     background(c);
+     *   });
+     *
+     *   describe('A gray square changes color when the user double-clicks the canvas.');
+     * }
+     * </code>
+     * </div>
+     */
+
+            },
+            {
+              key: 'doubleClicked',
+              value: function doubleClicked(fxn) {
+                _main.default.Element._adjustListener('dblclick', fxn, this);
+                return this;
+              }              /**
+     * Calls a function when the mouse wheel scrolls over th element.
+     *
+     * The callback function, `fxn`, is passed an `event` object. `event` has
+     * two numeric properties, `deltaY` and `deltaX`. `event.deltaY` is
+     * negative if the mouse wheel rotates away from the user. It's positive if
+     * the mouse wheel rotates toward the user. `event.deltaX` is positive if
+     * the mouse wheel moves to the right. It's negative if the mouse wheel moves
+     * to the left.
+     *
+     * Calling `myElement.mouseWheel(false)` disables the function.
+     *
+     * @method mouseWheel
+     * @param  {Function|Boolean} fxn function to call when the mouse wheel is
+     *                                scrolled over the element.
+     *                                `false` disables the function.
+     * @chainable
+     * @example
+     * <div>
+     * <code>
+     * function setup() {
+     *   // Create a canvas element and
+     *   // assign it to cnv.
+     *   let cnv = createCanvas(100, 100);
+     *
+     *   background(200);
+     *
+     *   // Call randomColor() when the
+     *   // mouse wheel moves.
+     *   cnv.mouseWheel(randomColor);
+     *
+     *   describe('A gray square changes color when the user scrolls the mouse wheel over the canvas.');
+     * }
+     *
+     * // Paint the background either
+     * // red, yellow, blue, or green.
+     * function randomColor() {
+     *   let c = random(['red', 'yellow', 'blue', 'green']);
+     *   background(c);
+     * }
+     * </code>
+     * </div>
+     *
+     * <div>
+     * <code>
+     * function setup() {
+     *   // Create a canvas element and
+     *   // assign it to cnv.
+     *   let cnv = createCanvas(100, 100);
+     *
+     *   background(200);
+     *
+     *   // Paint the background either
+     *   // red, yellow, blue, or green
+     *   // when the mouse wheel moves.
+     *   cnv.mouseWheel(() => {
+     *     let c = random(['red', 'yellow', 'blue', 'green']);
+     *     background(c);
+     *   });
+     *
+     *   describe('A gray square changes color when the user scrolls the mouse wheel over the canvas.');
+     * }
+     * </code>
+     * </div>
+     *
+     * <div>
+     * <code>
+     * function setup() {
+     *   // Create a canvas element and
+     *   // assign it to cnv.
+     *   let cnv = createCanvas(100, 100);
+     *
+     *   background(200);
+     *
+     *   // Call changeBackground() when the
+     *   // mouse wheel moves.
+     *   cnv.mouseWheel(changeBackground);
+     *
+     *   describe('A gray square. When the mouse wheel scrolls over the square, it changes color and displays shapes.');
+     * }
+     *
+     * function changeBackground(event) {
+     *   // Change the background color
+     *   // based on deltaY.
+     *   if (event.deltaY > 0) {
+     *     background('deeppink');
+     *   } else if (event.deltaY < 0) {
+     *     background('cornflowerblue');
+     *   } else {
+     *     background(200);
+     *   }
+     *
+     *   // Draw a shape based on deltaX.
+     *   if (event.deltaX > 0) {
+     *     circle(50, 50, 20);
+     *   } else if (event.deltaX < 0) {
+     *     square(40, 40, 20);
+     *   }
+     * }
+     * </code>
+     * </div>
+     */
+
+            },
+            {
+              key: 'mouseWheel',
+              value: function mouseWheel(fxn) {
+                _main.default.Element._adjustListener('wheel', fxn, this);
+                return this;
+              }              /**
+     * Calls a function when the mouse is released over the element. Calling
+     * `myElement.mouseReleased(false)` disables the function.
+     *
+     * Note: Some mobile browsers may also trigger this event when the element
+     * receives a quick tap.
+     *
+     * @method mouseReleased
+     * @param  {Function|Boolean} fxn function to call when the mouse is
+     *                                pressed over the element.
+     *                                `false` disables the function.
+     * @chainable
+     * @example
+     * <div>
+     * <code>
+     * function setup() {
+     *   // Create a canvas element and
+     *   // assign it to cnv.
+     *   let cnv = createCanvas(100, 100);
+     *
+     *   background(200);
+     *
+     *   // Call randomColor() when a
+     *   // mouse press ends.
+     *   cnv.mouseReleased(randomColor);
+     *
+     *   describe('A gray square changes color when the user releases a mouse press.');
+     * }
+     *
+     * // Paint the background either
+     * // red, yellow, blue, or green.
+     * function randomColor() {
+     *   let c = random(['red', 'yellow', 'blue', 'green']);
+     *   background(c);
+     * }
+     * </code>
+     * </div>
+     *
+     * <div>
+     * <code>
+     * function setup() {
+     *   // Create a canvas element and
+     *   // assign it to cnv.
+     *   let cnv = createCanvas(100, 100);
+     *
+     *   background(200);
+     *
+     *   // Paint the background either
+     *   // red, yellow, blue, or green
+     *   // when a mouse press ends.
+     *   cnv.mouseReleased(() => {
+     *     let c = random(['red', 'yellow', 'blue', 'green']);
+     *     background(c);
+     *   });
+     *
+     *   describe('A gray square changes color when the user releases a mouse press.');
+     * }
+     * </code>
+     * </div>
+     */
+
+            },
+            {
+              key: 'mouseReleased',
+              value: function mouseReleased(fxn) {
+                _main.default.Element._adjustListener('mouseup', fxn, this);
+                return this;
+              }              /**
+     * Calls a function when the mouse is pressed and released over the element.
+     * Calling `myElement.mouseReleased(false)` disables the function.
+     *
+     * Note: Some mobile browsers may also trigger this event when the element
+     * receives a quick tap.
+     *
+     * @method mouseClicked
+     * @param  {Function|Boolean} fxn function to call when the mouse is
+     *                                pressed and released over the element.
+     *                                `false` disables the function.
+     * @chainable
+     * @example
+     * <div>
+     * <code>
+     * function setup() {
+     *   // Create a canvas element and
+     *   // assign it to cnv.
+     *   let cnv = createCanvas(100, 100);
+     *
+     *   background(200);
+     *
+     *   // Call randomColor() when a
+     *   // mouse press ends.
+     *   cnv.mouseClicked(randomColor);
+     *
+     *   describe('A gray square changes color when the user releases a mouse press.');
+     * }
+     *
+     * // Paint the background either
+     * // red, yellow, blue, or green.
+     * function randomColor() {
+     *   let c = random(['red', 'yellow', 'blue', 'green']);
+     *   background(c);
+     * }
+     * </code>
+     * </div>
+     *
+     * <div>
+     * <code>
+     * function setup() {
+     *   // Create a canvas element and
+     *   // assign it to cnv.
+     *   let cnv = createCanvas(100, 100);
+     *
+     *   background(200);
+     *
+     *   // Paint the background either
+     *   // red, yellow, blue, or green
+     *   // when a mouse press ends.
+     *   cnv.mouseClicked(() => {
+     *     let c = random(['red', 'yellow', 'blue', 'green']);
+     *     background(c);
+     *   });
+     *
+     *   describe('A gray square changes color when the user releases a mouse press.');
+     * }
+     * </code>
+     * </div>
+     */
+
+            },
+            {
+              key: 'mouseClicked',
+              value: function mouseClicked(fxn) {
+                _main.default.Element._adjustListener('click', fxn, this);
+                return this;
+              }              /**
+     * Calls a function when the mouse moves over the element. Calling
+     * `myElement.mouseMoved(false)` disables the function.
+     *
+     * @method mouseMoved
+     * @param  {Function|Boolean} fxn function to call when the mouse
+     *                                moves over the element.
+     *                                `false` disables the function.
+     * @chainable
+     * @example
+     * <div>
+     * <code>
+     * function setup() {
+     *   // Create a canvas element and
+     *   // assign it to cnv.
+     *   let cnv = createCanvas(100, 100);
+     *
+     *   background(200);
+     *
+     *   // Call randomColor() when the
+     *   // mouse moves.
+     *   cnv.mouseMoved(randomColor);
+     *
+     *   describe('A gray square changes color when the mouse moves over the canvas.');
+     * }
+     *
+     * // Paint the background either
+     * // red, yellow, blue, or green.
+     * function randomColor() {
+     *   let c = random(['red', 'yellow', 'blue', 'green']);
+     *   background(c);
+     * }
+     * </code>
+     * </div>
+     *
+     * <div>
+     * <code>
+     * function setup() {
+     *   // Create a canvas element and
+     *   // assign it to cnv.
+     *   let cnv = createCanvas(100, 100);
+     *
+     *   background(200);
+     *
+     *   // Paint the background either
+     *   // red, yellow, blue, or green
+     *   // when the mouse moves.
+     *   cnv.mouseMoved(() => {
+     *     let c = random(['red', 'yellow', 'blue', 'green']);
+     *     background(c);
+     *   });
+     *
+     *   describe('A gray square changes color when the mouse moves over the canvas.');
+     * }
+     * </code>
+     * </div>
+     */
+
+            },
+            {
+              key: 'mouseMoved',
+              value: function mouseMoved(fxn) {
+                _main.default.Element._adjustListener('mousemove', fxn, this);
+                return this;
+              }              /**
+     * Calls a function when the mouse moves onto the element. Calling
+     * `myElement.mouseOver(false)` disables the function.
+     *
+     * @method mouseOver
+     * @param  {Function|Boolean} fxn function to call when the mouse
+     *                                moves onto the element.
+     *                                `false` disables the function.
+     * @chainable
+     * @example
+     * <div>
+     * <code>
+     * function setup() {
+     *   // Create a canvas element and
+     *   // assign it to cnv.
+     *   let cnv = createCanvas(100, 100);
+     *
+     *   background(200);
+     *
+     *   // Call randomColor() when the
+     *   // mouse moves onto the canvas.
+     *   cnv.mouseOver(randomColor);
+     *
+     *   describe('A gray square changes color when the mouse moves onto the canvas.');
+     * }
+     *
+     * // Paint the background either
+     * // red, yellow, blue, or green.
+     * function randomColor() {
+     *   let c = random(['red', 'yellow', 'blue', 'green']);
+     *   background(c);
+     * }
+     * </code>
+     * </div>
+     *
+     * <div>
+     * <code>
+     * function setup() {
+     *   // Create a canvas element and
+     *   // assign it to cnv.
+     *   let cnv = createCanvas(100, 100);
+     *
+     *   background(200);
+     *
+     *   // Paint the background either
+     *   // red, yellow, blue, or green
+     *   // when the mouse moves onto
+     *   // the canvas.
+     *   cnv.mouseOver(() => {
+     *     let c = random(['red', 'yellow', 'blue', 'green']);
+     *     background(c);
+     *   });
+     *
+     *   describe('A gray square changes color when the mouse moves onto the canvas.');
+     * }
+     * </code>
+     * </div>
+     */
+
+            },
+            {
+              key: 'mouseOver',
+              value: function mouseOver(fxn) {
+                _main.default.Element._adjustListener('mouseover', fxn, this);
+                return this;
+              }              /**
+     * Calls a function when the mouse moves off the element. Calling
+     * `myElement.mouseOut(false)` disables the function.
+     *
+     * @method mouseOut
+     * @param  {Function|Boolean} fxn function to call when the mouse
+     *                                moves off the element.
+     *                                `false` disables the function.
+     * @chainable
+     * @example
+     * <div>
+     * <code>
+     * function setup() {
+     *   // Create a canvas element and
+     *   // assign it to cnv.
+     *   let cnv = createCanvas(100, 100);
+     *
+     *   background(200);
+     *
+     *   // Call randomColor() when the
+     *   // mouse moves off the canvas.
+     *   cnv.mouseOut(randomColor);
+     *
+     *   describe('A gray square changes color when the mouse moves off the canvas.');
+     * }
+     *
+     * // Paint the background either
+     * // red, yellow, blue, or green.
+     * function randomColor() {
+     *   let c = random(['red', 'yellow', 'blue', 'green']);
+     *   background(c);
+     * }
+     * </code>
+     * </div>
+     *
+     * <div>
+     * <code>
+     * function setup() {
+     *   // Create a canvas element and
+     *   // assign it to cnv.
+     *   let cnv = createCanvas(100, 100);
+     *
+     *   background(200);
+     *
+     *   // Paint the background either
+     *   // red, yellow, blue, or green
+     *   // when the mouse moves off
+     *   // the canvas.
+     *   cnv.mouseOut(() => {
+     *     let c = random(['red', 'yellow', 'blue', 'green']);
+     *     background(c);
+     *   });
+     *
+     *   describe('A gray square changes color when the mouse moves off the canvas.');
+     * }
+     * </code>
+     * </div>
+     */
+
+            },
+            {
+              key: 'mouseOut',
+              value: function mouseOut(fxn) {
+                _main.default.Element._adjustListener('mouseout', fxn, this);
+                return this;
+              }              /**
+     * Calls a function when the element is touched. Calling
+     * `myElement.touchStarted(false)` disables the function.
+     *
+     * Note: Touch functions only work on mobile devices.
+     *
+     * @method touchStarted
+     * @param  {Function|Boolean} fxn function to call when the touch
+     *                                starts.
+     *                                `false` disables the function.
+     * @chainable
+     * @example
+     * <div>
+     * <code>
+     * function setup() {
+     *   // Create a canvas element and
+     *   // assign it to cnv.
+     *   let cnv = createCanvas(100, 100);
+     *
+     *   background(200);
+     *
+     *   // Call randomColor() when the
+     *   // user touches the canvas.
+     *   cnv.touchStarted(randomColor);
+     *
+     *   describe('A gray square changes color when the user touches the canvas.');
+     * }
+     *
+     * // Paint the background either
+     * // red, yellow, blue, or green.
+     * function randomColor() {
+     *   let c = random(['red', 'yellow', 'blue', 'green']);
+     *   background(c);
+     * }
+     * </code>
+     * </div>
+     *
+     * <div>
+     * <code>
+     * function setup() {
+     *   // Create a canvas element and
+     *   // assign it to cnv.
+     *   let cnv = createCanvas(100, 100);
+     *
+     *   background(200);
+     *
+     *   // Paint the background either
+     *   // red, yellow, blue, or green
+     *   // when the user touches the
+     *   // canvas.
+     *   cnv.touchStarted(() => {
+     *     let c = random(['red', 'yellow', 'blue', 'green']);
+     *     background(c);
+     *   });
+     *
+     *   describe('A gray square changes color when the user touches the canvas.');
+     * }
+     * </code>
+     * </div>
+     */
+
+            },
+            {
+              key: 'touchStarted',
+              value: function touchStarted(fxn) {
+                _main.default.Element._adjustListener('touchstart', fxn, this);
+                return this;
+              }              /**
+     * Calls a function when the user touches the element and moves their
+     * finger. Calling `myElement.touchMoved(false)` disables the
+     * function.
+     *
+     * Note: Touch functions only work on mobile devices.
+     *
+     * @method touchMoved
+     * @param  {Function|Boolean} fxn function to call when the touch
+     *                                moves over the element.
+     *                                `false` disables the function.
+     * @chainable
+     * @example
+     * <div>
+     * <code>
+     * function setup() {
+     *   // Create a canvas element and
+     *   // assign it to cnv.
+     *   let cnv = createCanvas(100, 100);
+     *
+     *   background(200);
+     *
+     *   // Call randomColor() when the
+     *   // user touches the canvas
+     *   // and moves.
+     *   cnv.touchMoved(randomColor);
+     *
+     *   describe('A gray square changes color when the user touches the canvas and moves.');
+     * }
+     *
+     * // Paint the background either
+     * // red, yellow, blue, or green.
+     * function randomColor() {
+     *   let c = random(['red', 'yellow', 'blue', 'green']);
+     *   background(c);
+     * }
+     * </code>
+     * </div>
+     *
+     * <div>
+     * <code>
+     * function setup() {
+     *   // Create a canvas element and
+     *   // assign it to cnv.
+     *   let cnv = createCanvas(100, 100);
+     *
+     *   background(200);
+     *
+     *   // Paint the background either
+     *   // red, yellow, blue, or green
+     *   // when the user touches the
+     *   // canvas and moves.
+     *   cnv.touchMoved(() => {
+     *     let c = random(['red', 'yellow', 'blue', 'green']);
+     *     background(c);
+     *   });
+     *
+     *   describe('A gray square changes color when the user touches the canvas and moves.');
+     * }
+     * </code>
+     * </div>
+     */
+
+            },
+            {
+              key: 'touchMoved',
+              value: function touchMoved(fxn) {
+                _main.default.Element._adjustListener('touchmove', fxn, this);
+                return this;
+              }              /**
+     * Calls a function when the user stops touching the element. Calling
+     * `myElement.touchMoved(false)` disables the function.
+     *
+     * Note: Touch functions only work on mobile devices.
+     *
+     * @method touchEnded
+     * @param  {Function|Boolean} fxn function to call when the touch
+     *                                ends.
+     *                                `false` disables the function.
+     * @chainable
+     * @example
+     * <div>
+     * <code>
+     * function setup() {
+     *   // Create a canvas element and
+     *   // assign it to cnv.
+     *   let cnv = createCanvas(100, 100);
+     *
+     *   background(200);
+     *
+     *   // Call randomColor() when the
+     *   // user touches the canvas,
+     *   // then lifts their finger.
+     *   cnv.touchEnded(randomColor);
+     *
+     *   describe('A gray square changes color when the user touches the canvas, then lifts their finger.');
+     * }
+     *
+     * // Paint the background either
+     * // red, yellow, blue, or green.
+     * function randomColor() {
+     *   let c = random(['red', 'yellow', 'blue', 'green']);
+     *   background(c);
+     * }
+     * </code>
+     * </div>
+     *
+     * <div>
+     * <code>
+     * function setup() {
+     *   // Create a canvas element and
+     *   // assign it to cnv.
+     *   let cnv = createCanvas(100, 100);
+     *
+     *   background(200);
+     *
+     *   // Paint the background either
+     *   // red, yellow, blue, or green
+     *   // when the user touches the
+     *   // canvas, then lifts their
+     *   // finger.
+     *   cnv.touchEnded(() => {
+     *     let c = random(['red', 'yellow', 'blue', 'green']);
+     *     background(c);
+     *   });
+     *
+     *   describe('A gray square changes color when the user touches the canvas, then lifts their finger.');
+     * }
+     * </code>
+     * </div>
+     */
+
+            },
+            {
+              key: 'touchEnded',
+              value: function touchEnded(fxn) {
+                _main.default.Element._adjustListener('touchend', fxn, this);
+                return this;
+              }              /**
+     * Calls a function when a file is dragged over the element. Calling
+     * `myElement.dragOver(false)` disables the function.
+     *
+     * @method dragOver
+     * @param  {Function|Boolean} fxn function to call when the file is
+     *                                dragged over the element.
+     *                                `false` disables the function.
+     * @chainable
+     * @example
+     * <div>
+     * <code>
+     * // Drag a file over the canvas to test.
+     *
+     * function setup() {
+     *   // Create a canvas element and
+     *   // assign it to cnv.
+     *   let cnv = createCanvas(100, 100);
+     *
+     *   background(200);
+     *
+     *   // Call helloFile() when a
+     *   // file is dragged over
+     *   // the canvas.
+     *   cnv.dragOver(helloFile);
+     *
+     *   describe('A gray square. The text "hello, file" appears when a file is dragged over the square.');
+     * }
+     *
+     * function helloFile() {
+     *   text('hello, file', 50, 50);
+     * }
+     * </code>
+     * </div>
+     *
+     * <div>
+     * <code>
+     * // Drag a file over the canvas to test.
+     *
+     * function setup() {
+     *   // Create a canvas element and
+     *   // assign it to cnv.
+     *   let cnv = createCanvas(100, 100);
+     *
+     *   background(200);
+     *
+     *   // Say "hello, file" when a
+     *   // file is dragged over
+     *   // the canvas.
+     *   cnv.dragOver(() => {
+     *     text('hello, file', 50, 50);
+     *   });
+     *
+     *   describe('A gray square. The text "hello, file" appears when a file is dragged over the square.');
+     * }
+     * </code>
+     * </div>
+     */
+
+            },
+            {
+              key: 'dragOver',
+              value: function dragOver(fxn) {
+                _main.default.Element._adjustListener('dragover', fxn, this);
+                return this;
+              }              /**
+     * Calls a function when a file is dragged off the element. Calling
+     * Calling `myElement.dragLeave(false)` disables the function.
+     *
+     * @method dragLeave
+     * @param  {Function|Boolean} fxn function to call when the file is
+     *                                dragged off the element.
+     *                                `false` disables the function.
+     * @chainable
+     * @example
+     * <div>
+     * <code>
+     * // Drag a file over, then off
+     * // the canvas to test.
+     *
+     * function setup() {
+     *   // Create a canvas element and
+     *   // assign it to cnv.
+     *   let cnv = createCanvas(100, 100);
+     *
+     *   background(200);
+     *
+     *   // Call byeFile() when a
+     *   // file is dragged over,
+     *   // then off the canvas.
+     *   cnv.dragLeave(byeFile);
+     *
+     *   describe('A gray square. The text "bye, file" appears when a file is dragged over, then off the square.');
+     * }
+     *
+     * function byeFile() {
+     *   text('bye, file', 50, 50);
+     * }
+     * </code>
+     * </div>
+     *
+     * <div>
+     * <code>
+     * // Drag a file over, then off
+     * // the canvas to test.
+     *
+     * function setup() {
+     *   // Create a canvas element and
+     *   // assign it to cnv.
+     *   let cnv = createCanvas(100, 100);
+     *
+     *   background(200);
+     *
+     *   // Say "bye, file" when a
+     *   // file is dragged over,
+     *   // then off the canvas.
+     *   cnv.dragLeave(() => {
+     *     text('bye, file', 50, 50);
+     *   });
+     *
+     *   describe('A gray square. The text "bye, file" appears when a file is dragged over, then off the square.');
+     * }
+     * </code>
+     * </div>
+     */
+
+            },
+            {
+              key: 'dragLeave',
+              value: function dragLeave(fxn) {
+                _main.default.Element._adjustListener('dragleave', fxn, this);
+                return this;
+              }              /**
+     *
+     * @private
+     * @static
+     * @param {String} ev
+     * @param {Boolean|Function} fxn
+     * @param {Element} ctx
+     * @chainable
+     * @alt
+     * General handler for event attaching and detaching
+     */
+
+            },
+            {
+              key: '_setProperty',
+              /**
+     * Helper fxn for sharing pixel methods
+     */
+              value: function _setProperty(prop, value) {
+                this[prop] = value;
+              }
+            }
+          ], [
+            {
+              key: '_adjustListener',
+              value: function _adjustListener(ev, fxn, ctx) {
+                if (fxn === false) {
+                  _main.default.Element._detachListener(ev, ctx);
+                } else {
+                  _main.default.Element._attachListener(ev, fxn, ctx);
+                }
+                return this;
+              }              /**
+     *
+     * @private
+     * @static
+     * @param {String} ev
+     * @param {Function} fxn
+     * @param {Element} ctx
+     */
+
+            },
+            {
+              key: '_attachListener',
+              value: function _attachListener(ev, fxn, ctx) {
+                // detach the old listener if there was one
+                if (ctx._events[ev]) {
+                  _main.default.Element._detachListener(ev, ctx);
+                }
+                var f = fxn.bind(ctx);
+                ctx.elt.addEventListener(ev, f, false);
+                ctx._events[ev] = f;
+              }              /**
+     *
+     * @private
+     * @static
+     * @param {String} ev
+     * @param {Element} ctx
+     */
+
+            },
+            {
+              key: '_detachListener',
+              value: function _detachListener(ev, ctx) {
+                var f = ctx._events[ev];
+                ctx.elt.removeEventListener(ev, f, false);
+                ctx._events[ev] = null;
+              }
+            }
+          ]);
+          return _class;
+        }();
+        var _default = _main.default.Element;
+        exports.default = _default;
+      },
+      {
+        './main': 298
+      }
+    ],
+    300: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.index-of');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.splice');
+        _dereq_('core-js/modules/es.object.get-own-property-descriptor');
+        _dereq_('core-js/modules/es.object.get-prototype-of');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.reflect.construct');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.weak-map');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        function _typeof2(obj) {
+          if (typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol') {
+            _typeof2 = function _typeof2(obj) {
+              return typeof obj;
+            };
+          } else {
+            _typeof2 = function _typeof2(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj;
+            };
+          }
+          return _typeof2(obj);
+        }
+        function _typeof(obj) {
+          if (typeof Symbol === 'function' && _typeof2(Symbol.iterator) === 'symbol') {
+            _typeof = function _typeof(obj) {
+              return _typeof2(obj);
+            };
+          } else {
+            _typeof = function _typeof(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : _typeof2(obj);
+            };
+          }
+          return _typeof(obj);
+        }
+        _dereq_('core-js/modules/es.array.index-of');
+        _dereq_('core-js/modules/es.array.splice');
+        _dereq_('core-js/modules/es.object.get-prototype-of');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('./main'));
+        var constants = _interopRequireWildcard(_dereq_('./constants'));
+        function _getRequireWildcardCache() {
+          if (typeof WeakMap !== 'function') return null;
+          var cache = new WeakMap();
+          _getRequireWildcardCache = function _getRequireWildcardCache() {
+            return cache;
+          };
+          return cache;
+        }
+        function _interopRequireWildcard(obj) {
+          if (obj && obj.__esModule) {
+            return obj;
+          }
+          if (obj === null || _typeof(obj) !== 'object' && typeof obj !== 'function') {
+            return {
+            default:
+              obj
+            };
+          }
+          var cache = _getRequireWildcardCache();
+          if (cache && cache.has(obj)) {
+            return cache.get(obj);
+          }
+          var newObj = {
+          };
+          var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+          for (var key in obj) {
+            if (Object.prototype.hasOwnProperty.call(obj, key)) {
+              var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+              if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+              } else {
+                newObj[key] = obj[key];
+              }
+            }
+          }
+          newObj.default = obj;
+          if (cache) {
+            cache.set(obj, newObj);
+          }
+          return newObj;
+        }
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            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) {
+          function isNativeReflectConstruct() {
+            if (typeof Reflect === 'undefined' || !Reflect.construct) return false;
+            if (Reflect.construct.sham) return false;
+            if (typeof Proxy === 'function') return true;
+            try {
+              Date.prototype.toString.call(Reflect.construct(Date, [
+              ], function () {
+              }));
+              return true;
+            } catch (e) {
+              return false;
+            }
+          }
+          return function () {
+            var Super = _getPrototypeOf(Derived),
+            result;
+            if (isNativeReflectConstruct()) {
+              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(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 _getPrototypeOf(o) {
+          _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+            return o.__proto__ || Object.getPrototypeOf(o);
+          };
+          return _getPrototypeOf(o);
+        } /**
+   * @module Rendering
+   * @submodule Rendering
+   * @for p5
+   */
+        /**
+ * Thin wrapper around a renderer, to be used for creating a
+ * graphics buffer object. Use this class if you need
+ * to draw into an off-screen graphics buffer. The two parameters define the
+ * width and height in pixels. The fields and methods for this class are
+ * extensive, but mirror the normal drawing API for p5.
+ *
+ * @class p5.Graphics
+ * @constructor
+ * @extends p5.Element
+ * @param {Number} w            width
+ * @param {Number} h            height
+ * @param {Constant} renderer   the renderer to use, either P2D or WEBGL
+ * @param {p5} [pInst]          pointer to p5 instance
+ * @param {HTMLCanvasElement} [canvas]     existing html canvas element
+ */
+
+        _main.default.Graphics = /*#__PURE__*/ function (_p5$Element) {
+          _inherits(_class, _p5$Element);
+          var _super = _createSuper(_class);
+          function _class(w, h, renderer, pInst, canvas) {
+            var _this;
+            _classCallCheck(this, _class);
+            var canvasTemp;
+            if (canvas) {
+              canvasTemp = canvas;
+            } else {
+              canvasTemp = document.createElement('canvas');
+            }
+            _this = _super.call(this, canvasTemp, pInst);
+            _this.canvas = canvasTemp;
+            var r = renderer || constants.P2D;
+            var node = pInst._userNode || document.body;
+            if (!canvas) {
+              node.appendChild(_this.canvas);
+            }            // bind methods and props of p5 to the new object
+
+            for (var p in _main.default.prototype) {
+              if (!_this[p]) {
+                if (typeof _main.default.prototype[p] === 'function') {
+                  _this[p] = _main.default.prototype[p].bind(_assertThisInitialized(_this));
+                } else {
+                  _this[p] = _main.default.prototype[p];
+                }
+              }
+            }
+            _main.default.prototype._initializeInstanceVariables.apply(_assertThisInitialized(_this));
+            _this.width = w;
+            _this.height = h;
+            _this._pixelDensity = pInst._pixelDensity;
+            if (r === constants.WEBGL) {
+              _this._renderer = new _main.default.RendererGL(_this.canvas, _assertThisInitialized(_this), false);
+            } else {
+              _this._renderer = new _main.default.Renderer2D(_this.canvas, _assertThisInitialized(_this), false);
+            }
+            pInst._elements.push(_assertThisInitialized(_this));
+            Object.defineProperty(_assertThisInitialized(_this), 'deltaTime', {
+              get: function get() {
+                return this._pInst.deltaTime;
+              }
+            });
+            _this._renderer.resize(w, h);
+            _this._renderer._applyDefaults();
+            return _possibleConstructorReturn(_this, _assertThisInitialized(_this));
+          }          /**
+  * Resets certain values such as those modified by functions in the Transform category
+  * and in the Lights category that are not automatically reset
+  * with graphics buffer objects. Calling this in <a href='#/p5/draw'>draw()</a> will copy the behavior
+  * of the standard canvas.
+  *
+  * @method reset
+  * @example
+  *
+  * <div><code>
+  * let pg;
+  * function setup() {
+  *   createCanvas(100, 100);
+  *   background(0);
+  *   pg = createGraphics(50, 100);
+  *   pg.fill(0);
+  *   frameRate(5);
+  * }
+  *
+  * function draw() {
+  *   image(pg, width / 2, 0);
+  *   pg.background(255);
+  *   // p5.Graphics object behave a bit differently in some cases
+  *   // The normal canvas on the left resets the translate
+  *   // with every loop through draw()
+  *   // the graphics object on the right doesn't automatically reset
+  *   // so translate() is additive and it moves down the screen
+  *   rect(0, 0, width / 2, 5);
+  *   pg.rect(0, 0, width / 2, 5);
+  *   translate(0, 5, 0);
+  *   pg.translate(0, 5, 0);
+  * }
+  * function mouseClicked() {
+  *   // if you click you will see that
+  *   // reset() resets the translate back to the initial state
+  *   // of the Graphics object
+  *   pg.reset();
+  * }
+  * </code></div>
+  *
+  * @alt
+  * A white line on a black background stays still on the top-left half.
+  * A black line animates from top to bottom on a white background on the right half.
+  * When clicked, the black line starts back over at the top.
+  */
+
+          _createClass(_class, [
+            {
+              key: 'reset',
+              value: function reset() {
+                this._renderer.resetMatrix();
+                if (this._renderer.isP3D) {
+                  this._renderer._update();
+                }
+              }              /**
+    * Removes a Graphics object from the page and frees any resources
+    * associated with it.
+    *
+    * @method remove
+    *
+    * @example
+    * <div class='norender'><code>
+    * let bg;
+    * function setup() {
+    *   bg = createCanvas(100, 100);
+    *   bg.background(0);
+    *   image(bg, 0, 0);
+    *   bg.remove();
+    * }
+    * </code></div>
+    *
+    * <div><code>
+    * let bg;
+    * function setup() {
+    *   pixelDensity(1);
+    *   createCanvas(100, 100);
+    *   stroke(255);
+    *   fill(0);
+    *
+    *   // create and draw the background image
+    *   bg = createGraphics(100, 100);
+    *   bg.background(200);
+    *   bg.ellipse(50, 50, 80, 80);
+    * }
+    * function draw() {
+    *   let t = millis() / 1000;
+    *   // draw the background
+    *   if (bg) {
+    *     image(bg, frameCount % 100, 0);
+    *     image(bg, frameCount % 100 - 100, 0);
+    *   }
+    *   // draw the foreground
+    *   let p = p5.Vector.fromAngle(t, 35).add(50, 50);
+    *   ellipse(p.x, p.y, 30);
+    * }
+    * function mouseClicked() {
+    *   // remove the background
+    *   if (bg) {
+    *     bg.remove();
+    *     bg = null;
+    *   }
+    * }
+    * </code></div>
+    *
+    * @alt
+    * no image
+    * a multi-colored circle moving back and forth over a scrolling background.
+    */
+
+            },
+            {
+              key: 'remove',
+              value: function remove() {
+                if (this.elt.parentNode) {
+                  this.elt.parentNode.removeChild(this.elt);
+                }
+                var idx = this._pInst._elements.indexOf(this);
+                if (idx !== - 1) {
+                  this._pInst._elements.splice(idx, 1);
+                }
+                for (var elt_ev in this._events) {
+                  this.elt.removeEventListener(elt_ev, this._events[elt_ev]);
+                }
+              }              /**
+     * Creates and returns a new <a href="#/p5.Framebuffer">p5.Framebuffer</a>
+     * inside a p5.Graphics WebGL context.
+     *
+     * This takes the same parameters as the <a href="#/p5/createFramebuffer">global
+     * createFramebuffer function.</a>
+     *
+     * @method createFramebuffer
+     */
+
+            },
+            {
+              key: 'createFramebuffer',
+              value: function createFramebuffer(options) {
+                return new _main.default.Framebuffer(this, options);
+              }
+            }
+          ]);
+          return _class;
+        }(_main.default.Element);
+        var _default = _main.default.Graphics;
+        exports.default = _default;
+      },
+      {
+        './constants': 286,
+        './main': 298,
+        'core-js/modules/es.array.index-of': 178,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.array.splice': 185,
+        'core-js/modules/es.object.get-own-property-descriptor': 196,
+        'core-js/modules/es.object.get-prototype-of': 198,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.reflect.construct': 202,
+        'core-js/modules/es.regexp.to-string': 206,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/es.weak-map': 254,
+        'core-js/modules/web.dom-collections.iterator': 256
+      }
+    ],
+    301: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.number.constructor');
+        _dereq_('core-js/modules/es.object.assign');
+        _dereq_('core-js/modules/es.object.get-own-property-descriptor');
+        _dereq_('core-js/modules/es.object.get-prototype-of');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.reflect.construct');
+        _dereq_('core-js/modules/es.regexp.exec');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.string.replace');
+        _dereq_('core-js/modules/es.string.split');
+        _dereq_('core-js/modules/es.string.trim');
+        _dereq_('core-js/modules/es.weak-map');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        function _typeof2(obj) {
+          if (typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol') {
+            _typeof2 = function _typeof2(obj) {
+              return typeof obj;
+            };
+          } else {
+            _typeof2 = function _typeof2(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj;
+            };
+          }
+          return _typeof2(obj);
+        }
+        _dereq_('core-js/modules/es.number.constructor');
+        _dereq_('core-js/modules/es.object.assign');
+        _dereq_('core-js/modules/es.object.get-prototype-of');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.regexp.exec');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        _dereq_('core-js/modules/es.string.replace');
+        _dereq_('core-js/modules/es.string.split');
+        _dereq_('core-js/modules/es.string.trim');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('./main'));
+        var constants = _interopRequireWildcard(_dereq_('../core/constants'));
+        function _getRequireWildcardCache() {
+          if (typeof WeakMap !== 'function') return null;
+          var cache = new WeakMap();
+          _getRequireWildcardCache = function _getRequireWildcardCache() {
+            return cache;
+          };
+          return cache;
+        }
+        function _interopRequireWildcard(obj) {
+          if (obj && obj.__esModule) {
+            return obj;
+          }
+          if (obj === null || _typeof(obj) !== 'object' && typeof obj !== 'function') {
+            return {
+            default:
+              obj
+            };
+          }
+          var cache = _getRequireWildcardCache();
+          if (cache && cache.has(obj)) {
+            return cache.get(obj);
+          }
+          var newObj = {
+          };
+          var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+          for (var key in obj) {
+            if (Object.prototype.hasOwnProperty.call(obj, key)) {
+              var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+              if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+              } else {
+                newObj[key] = obj[key];
+              }
+            }
+          }
+          newObj.default = obj;
+          if (cache) {
+            cache.set(obj, newObj);
+          }
+          return newObj;
+        }
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }
+        function _typeof(obj) {
+          if (typeof Symbol === 'function' && _typeof2(Symbol.iterator) === 'symbol') {
+            _typeof = function _typeof(obj) {
+              return _typeof2(obj);
+            };
+          } else {
+            _typeof = function _typeof(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : _typeof2(obj);
+            };
+          }
+          return _typeof(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) {
+          function isNativeReflectConstruct() {
+            if (typeof Reflect === 'undefined' || !Reflect.construct) return false;
+            if (Reflect.construct.sham) return false;
+            if (typeof Proxy === 'function') return true;
+            try {
+              Date.prototype.toString.call(Reflect.construct(Date, [
+              ], function () {
+              }));
+              return true;
+            } catch (e) {
+              return false;
+            }
+          }
+          return function () {
+            var Super = _getPrototypeOf(Derived),
+            result;
+            if (isNativeReflectConstruct()) {
+              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(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 _getPrototypeOf(o) {
+          _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+            return o.__proto__ || Object.getPrototypeOf(o);
+          };
+          return _getPrototypeOf(o);
+        } /**
+   * @module Rendering
+   * @submodule Rendering
+   * @for p5
+   */
+        /**
+ * Main graphics and rendering context, as well as the base API
+ * implementation for p5.js "core". To be used as the superclass for
+ * Renderer2D and Renderer3D classes, respectively.
+ *
+ * @class p5.Renderer
+ * @constructor
+ * @extends p5.Element
+ * @param {HTMLElement} elt DOM node that is wrapped
+ * @param {p5} [pInst] pointer to p5 instance
+ * @param {Boolean} [isMainCanvas] whether we're using it as main canvas
+ */
+
+        var Renderer = /*#__PURE__*/ function (_p5$Element) {
+          _inherits(Renderer, _p5$Element);
+          var _super = _createSuper(Renderer);
+          function Renderer(elt, pInst, isMainCanvas) {
+            var _this;
+            _classCallCheck(this, Renderer);
+            _this = _super.call(this, elt, pInst);
+            _this.canvas = elt;
+            _this._pixelsState = pInst;
+            if (isMainCanvas) {
+              _this._isMainCanvas = true;
+              // for pixel method sharing with pimage
+              _this._pInst._setProperty('_curElement', _assertThisInitialized(_this));
+              _this._pInst._setProperty('canvas', _this.canvas);
+              _this._pInst._setProperty('width', _this.width);
+              _this._pInst._setProperty('height', _this.height);
+            } else {
+              // hide if offscreen buffer by default
+              _this.canvas.style.display = 'none';
+              _this._styles = [
+              ]; // non-main elt styles stored in p5.Renderer
+            }
+            _this._clipping = false;
+            _this._clipInvert = false;
+            _this._textSize = 12;
+            _this._textLeading = 15;
+            _this._textFont = 'sans-serif';
+            _this._textStyle = constants.NORMAL;
+            _this._textAscent = null;
+            _this._textDescent = null;
+            _this._textAlign = constants.LEFT;
+            _this._textBaseline = constants.BASELINE;
+            _this._textWrap = constants.WORD;
+            _this._rectMode = constants.CORNER;
+            _this._ellipseMode = constants.CENTER;
+            _this._curveTightness = 0;
+            _this._imageMode = constants.CORNER;
+            _this._tint = null;
+            _this._doStroke = true;
+            _this._doFill = true;
+            _this._strokeSet = false;
+            _this._fillSet = false;
+            _this._leadingSet = false;
+            _this._pushPopDepth = 0;
+            return _this;
+          }          // the renderer should return a 'style' object that it wishes to
+          // store on the push stack.
+
+          _createClass(Renderer, [
+            {
+              key: 'push',
+              value: function push() {
+                this._pushPopDepth++;
+                return {
+                  properties: {
+                    _doStroke: this._doStroke,
+                    _strokeSet: this._strokeSet,
+                    _doFill: this._doFill,
+                    _fillSet: this._fillSet,
+                    _tint: this._tint,
+                    _imageMode: this._imageMode,
+                    _rectMode: this._rectMode,
+                    _ellipseMode: this._ellipseMode,
+                    _textFont: this._textFont,
+                    _textLeading: this._textLeading,
+                    _leadingSet: this._leadingSet,
+                    _textSize: this._textSize,
+                    _textAlign: this._textAlign,
+                    _textBaseline: this._textBaseline,
+                    _textStyle: this._textStyle,
+                    _textWrap: this._textWrap
+                  }
+                };
+              } // a pop() operation is in progress
+              // the renderer is passed the 'style' object that it returned
+              // from its push() method.
+
+            },
+            {
+              key: 'pop',
+              value: function pop(style) {
+                this._pushPopDepth--;
+                if (style.properties) {
+                  // copy the style properties back into the renderer
+                  Object.assign(this, style.properties);
+                }
+              }
+            },
+            {
+              key: 'beginClip',
+              value: function beginClip() {
+                var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+                };
+                if (this._clipping) {
+                  throw new Error('It looks like you\'re trying to clip while already in the middle of clipping. Did you forget to endClip()?');
+                }
+                this._clipping = true;
+                this._clipInvert = options.invert;
+              }
+            },
+            {
+              key: 'endClip',
+              value: function endClip() {
+                if (!this._clipping) {
+                  throw new Error('It looks like you\'ve called endClip() without beginClip(). Did you forget to call beginClip() first?');
+                }
+                this._clipping = false;
+              }              /**
+    * Resize our canvas element.
+    */
+
+            },
+            {
+              key: 'resize',
+              value: function resize(w, h) {
+                this.width = w;
+                this.height = h;
+                this.elt.width = w * this._pInst._pixelDensity;
+                this.elt.height = h * this._pInst._pixelDensity;
+                this.elt.style.width = ''.concat(w, 'px');
+                this.elt.style.height = ''.concat(h, 'px');
+                if (this._isMainCanvas) {
+                  this._pInst._setProperty('width', this.width);
+                  this._pInst._setProperty('height', this.height);
+                }
+              }
+            },
+            {
+              key: 'get',
+              value: function get(x, y, w, h) {
+                var pixelsState = this._pixelsState;
+                var pd = pixelsState._pixelDensity;
+                var canvas = this.canvas;
+                if (typeof x === 'undefined' && typeof y === 'undefined') {
+                  // get()
+                  x = y = 0;
+                  w = pixelsState.width;
+                  h = pixelsState.height;
+                } else {
+                  x *= pd;
+                  y *= pd;
+                  if (typeof w === 'undefined' && typeof h === 'undefined') {
+                    // get(x,y)
+                    if (x < 0 || y < 0 || x >= canvas.width || y >= canvas.height) {
+                      return [0,
+                      0,
+                      0,
+                      0];
+                    }
+                    return this._getPixel(x, y);
+                  }                  // get(x,y,w,h)
+
+                }
+                var region = new _main.default.Image(w * pd, h * pd);
+                region.pixelDensity(pd);
+                region.canvas.getContext('2d').drawImage(canvas, x, y, w * pd, h * pd, 0, 0, w * pd, h * pd);
+                return region;
+              }
+            },
+            {
+              key: 'textLeading',
+              value: function textLeading(l) {
+                if (typeof l === 'number') {
+                  this._setProperty('_leadingSet', true);
+                  this._setProperty('_textLeading', l);
+                  return this._pInst;
+                }
+                return this._textLeading;
+              }
+            },
+            {
+              key: 'textStyle',
+              value: function textStyle(s) {
+                if (s) {
+                  if (s === constants.NORMAL || s === constants.ITALIC || s === constants.BOLD || s === constants.BOLDITALIC) {
+                    this._setProperty('_textStyle', s);
+                  }
+                  return this._applyTextProperties();
+                }
+                return this._textStyle;
+              }
+            },
+            {
+              key: 'textAscent',
+              value: function textAscent() {
+                if (this._textAscent === null) {
+                  this._updateTextMetrics();
+                }
+                return this._textAscent;
+              }
+            },
+            {
+              key: 'textDescent',
+              value: function textDescent() {
+                if (this._textDescent === null) {
+                  this._updateTextMetrics();
+                }
+                return this._textDescent;
+              }
+            },
+            {
+              key: 'textAlign',
+              value: function textAlign(h, v) {
+                if (typeof h !== 'undefined') {
+                  this._setProperty('_textAlign', h);
+                  if (typeof v !== 'undefined') {
+                    this._setProperty('_textBaseline', v);
+                  }
+                  return this._applyTextProperties();
+                } else {
+                  return {
+                    horizontal: this._textAlign,
+                    vertical: this._textBaseline
+                  };
+                }
+              }
+            },
+            {
+              key: 'textWrap',
+              value: function textWrap(wrapStyle) {
+                this._setProperty('_textWrap', wrapStyle);
+                return this._textWrap;
+              }
+            },
+            {
+              key: 'text',
+              value: function text(str, x, y, maxWidth, maxHeight) {
+                var p = this._pInst;
+                var textWrapStyle = this._textWrap;
+                var lines;
+                var line;
+                var testLine;
+                var testWidth;
+                var words;
+                var chars;
+                var shiftedY;
+                var finalMaxHeight = Number.MAX_VALUE;
+                // fix for #5785 (top of bounding box)
+                var finalMinHeight = y;
+                if (!(this._doFill || this._doStroke)) {
+                  return;
+                }
+                if (typeof str === 'undefined') {
+                  return;
+                } else if (typeof str !== 'string') {
+                  str = str.toString();
+                }                // Replaces tabs with double-spaces and splits string on any line
+                // breaks present in the original string
+
+                str = str.replace(/(\t)/g, '  ');
+                lines = str.split('\n');
+                if (typeof maxWidth !== 'undefined') {
+                  if (this._rectMode === constants.CENTER) {
+                    x -= maxWidth / 2;
+                  }
+                  switch (this._textAlign) {
+                    case constants.CENTER:
+                      x += maxWidth / 2;
+                      break;
+                    case constants.RIGHT:
+                      x += maxWidth;
+                      break;
+                  }
+                  if (typeof maxHeight !== 'undefined') {
+                    if (this._rectMode === constants.CENTER) {
+                      y -= maxHeight / 2;
+                      finalMinHeight -= maxHeight / 2;
+                    }
+                    var originalY = y;
+                    var ascent = p.textAscent();
+                    switch (this._textBaseline) {
+                      case constants.BOTTOM:
+                        shiftedY = y + maxHeight;
+                        y = Math.max(shiftedY, y);
+                        // fix for #5785 (top of bounding box)
+                        finalMinHeight += ascent;
+                        break;
+                      case constants.CENTER:
+                        shiftedY = y + maxHeight / 2;
+                        y = Math.max(shiftedY, y);
+                        // fix for #5785 (top of bounding box)
+                        finalMinHeight += ascent / 2;
+                        break;
+                    }                    // remember the max-allowed y-position for any line (fix to #928)
+
+                    finalMaxHeight = y + maxHeight - ascent;
+                    // fix for #5785 (bottom of bounding box)
+                    if (this._textBaseline === constants.CENTER) {
+                      finalMaxHeight = originalY + maxHeight - ascent / 2;
+                    }
+                  } else {
+                    // no text-height specified, show warning for BOTTOM / CENTER
+                    if (this._textBaseline === constants.BOTTOM || this._textBaseline === constants.CENTER) {
+                      // use rectHeight as an approximation for text height
+                      var rectHeight = p.textSize() * this._textLeading;
+                      finalMinHeight = y - rectHeight / 2;
+                      finalMaxHeight = y + rectHeight / 2;
+                    }
+                  }                  // Render lines of text according to settings of textWrap
+                  // Splits lines at spaces, for loop adds one word + space
+                  // at a time and tests length with next word added
+
+                  if (textWrapStyle === constants.WORD) {
+                    var nlines = [
+                    ];
+                    for (var lineIndex = 0; lineIndex < lines.length; lineIndex++) {
+                      line = '';
+                      words = lines[lineIndex].split(' ');
+                      for (var wordIndex = 0; wordIndex < words.length; wordIndex++) {
+                        testLine = ''.concat(line + words[wordIndex]) + ' ';
+                        testWidth = this.textWidth(testLine);
+                        if (testWidth > maxWidth && line.length > 0) {
+                          nlines.push(line);
+                          line = ''.concat(words[wordIndex]) + ' ';
+                        } else {
+                          line = testLine;
+                        }
+                      }
+                      nlines.push(line);
+                    }
+                    var offset = 0;
+                    if (this._textBaseline === constants.CENTER) {
+                      offset = (nlines.length - 1) * p.textLeading() / 2;
+                    } else if (this._textBaseline === constants.BOTTOM) {
+                      offset = (nlines.length - 1) * p.textLeading();
+                    }
+                    for (var _lineIndex = 0; _lineIndex < lines.length; _lineIndex++) {
+                      line = '';
+                      words = lines[_lineIndex].split(' ');
+                      for (var _wordIndex = 0; _wordIndex < words.length; _wordIndex++) {
+                        testLine = ''.concat(line + words[_wordIndex]) + ' ';
+                        testWidth = this.textWidth(testLine);
+                        if (testWidth > maxWidth && line.length > 0) {
+                          this._renderText(p, line.trim(), x, y - offset, finalMaxHeight, finalMinHeight);
+                          line = ''.concat(words[_wordIndex]) + ' ';
+                          y += p.textLeading();
+                        } else {
+                          line = testLine;
+                        }
+                      }
+                      this._renderText(p, line.trim(), x, y - offset, finalMaxHeight, finalMinHeight);
+                      y += p.textLeading();
+                    }
+                  } else {
+                    var _nlines = [
+                    ];
+                    for (var _lineIndex2 = 0; _lineIndex2 < lines.length; _lineIndex2++) {
+                      line = '';
+                      chars = lines[_lineIndex2].split('');
+                      for (var charIndex = 0; charIndex < chars.length; charIndex++) {
+                        testLine = ''.concat(line + chars[charIndex]);
+                        testWidth = this.textWidth(testLine);
+                        if (testWidth <= maxWidth) {
+                          line += chars[charIndex];
+                        } else if (testWidth > maxWidth && line.length > 0) {
+                          _nlines.push(line);
+                          line = ''.concat(chars[charIndex]);
+                        }
+                      }
+                    }
+                    _nlines.push(line);
+                    var _offset = 0;
+                    if (this._textBaseline === constants.CENTER) {
+                      _offset = (_nlines.length - 1) * p.textLeading() / 2;
+                    } else if (this._textBaseline === constants.BOTTOM) {
+                      _offset = (_nlines.length - 1) * p.textLeading();
+                    }                    // Splits lines at characters, for loop adds one char at a time
+                    // and tests length with next char added
+
+                    for (var _lineIndex3 = 0; _lineIndex3 < lines.length; _lineIndex3++) {
+                      line = '';
+                      chars = lines[_lineIndex3].split('');
+                      for (var _charIndex = 0; _charIndex < chars.length; _charIndex++) {
+                        testLine = ''.concat(line + chars[_charIndex]);
+                        testWidth = this.textWidth(testLine);
+                        if (testWidth <= maxWidth) {
+                          line += chars[_charIndex];
+                        } else if (testWidth > maxWidth && line.length > 0) {
+                          this._renderText(p, line.trim(), x, y - _offset, finalMaxHeight, finalMinHeight);
+                          y += p.textLeading();
+                          line = ''.concat(chars[_charIndex]);
+                        }
+                      }
+                    }
+                    this._renderText(p, line.trim(), x, y - _offset, finalMaxHeight, finalMinHeight);
+                    y += p.textLeading();
+                  }
+                } else {
+                  // Offset to account for vertically centering multiple lines of text - no
+                  // need to adjust anything for vertical align top or baseline
+                  var _offset2 = 0;
+                  if (this._textBaseline === constants.CENTER) {
+                    _offset2 = (lines.length - 1) * p.textLeading() / 2;
+                  } else if (this._textBaseline === constants.BOTTOM) {
+                    _offset2 = (lines.length - 1) * p.textLeading();
+                  }                  // Renders lines of text at any line breaks present in the original string
+
+                  for (var i = 0; i < lines.length; i++) {
+                    this._renderText(p, lines[i], x, y - _offset2, finalMaxHeight, finalMinHeight - _offset2);
+                    y += p.textLeading();
+                  }
+                }
+                return p;
+              }
+            },
+            {
+              key: '_applyDefaults',
+              value: function _applyDefaults() {
+                return this;
+              }              /**
+    * Helper function to check font type (system or otf)
+    */
+
+            },
+            {
+              key: '_isOpenType',
+              value: function _isOpenType() {
+                var f = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._textFont;
+                return _typeof(f) === 'object' && f.font && f.font.supported;
+              }
+            },
+            {
+              key: '_updateTextMetrics',
+              value: function _updateTextMetrics() {
+                if (this._isOpenType()) {
+                  this._setProperty('_textAscent', this._textFont._textAscent());
+                  this._setProperty('_textDescent', this._textFont._textDescent());
+                  return this;
+                }                // Adapted from http://stackoverflow.com/a/25355178
+
+                var text = document.createElement('span');
+                text.style.fontFamily = this._textFont;
+                text.style.fontSize = ''.concat(this._textSize, 'px');
+                text.innerHTML = 'ABCjgq|';
+                var block = document.createElement('div');
+                block.style.display = 'inline-block';
+                block.style.width = '1px';
+                block.style.height = '0px';
+                var container = document.createElement('div');
+                container.appendChild(text);
+                container.appendChild(block);
+                container.style.height = '0px';
+                container.style.overflow = 'hidden';
+                document.body.appendChild(container);
+                block.style.verticalAlign = 'baseline';
+                var blockOffset = calculateOffset(block);
+                var textOffset = calculateOffset(text);
+                var ascent = blockOffset[1] - textOffset[1];
+                block.style.verticalAlign = 'bottom';
+                blockOffset = calculateOffset(block);
+                textOffset = calculateOffset(text);
+                var height = blockOffset[1] - textOffset[1];
+                var descent = height - ascent;
+                document.body.removeChild(container);
+                this._setProperty('_textAscent', ascent);
+                this._setProperty('_textDescent', descent);
+                return this;
+              }
+            }
+          ]);
+          return Renderer;
+        }(_main.default.Element);
+        /**
+ * Helper fxn to measure ascent and descent.
+ * Adapted from http://stackoverflow.com/a/25355178
+ */
+        function calculateOffset(object) {
+          var currentLeft = 0,
+          currentTop = 0;
+          if (object.offsetParent) {
+            do {
+              currentLeft += object.offsetLeft;
+              currentTop += object.offsetTop;
+            } while (object = object.offsetParent);
+          } else {
+            currentLeft += object.offsetLeft;
+            currentTop += object.offsetTop;
+          }
+          return [currentLeft,
+          currentTop];
+        }        // This caused the test to failed.
+
+        Renderer.prototype.textSize = function (s) {
+          if (typeof s === 'number') {
+            this._setProperty('_textSize', s);
+            if (!this._leadingSet) {
+              // only use a default value if not previously set (#5181)
+              this._setProperty('_textLeading', s * constants._DEFAULT_LEADMULT);
+            }
+            return this._applyTextProperties();
+          }
+          return this._textSize;
+        };
+        _main.default.Renderer = Renderer;
+        var _default = _main.default.Renderer;
+        exports.default = _default;
+      },
+      {
+        '../core/constants': 286,
+        './main': 298,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.number.constructor': 191,
+        'core-js/modules/es.object.assign': 194,
+        'core-js/modules/es.object.get-own-property-descriptor': 196,
+        'core-js/modules/es.object.get-prototype-of': 198,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.reflect.construct': 202,
+        'core-js/modules/es.regexp.exec': 205,
+        'core-js/modules/es.regexp.to-string': 206,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.string.replace': 214,
+        'core-js/modules/es.string.split': 216,
+        'core-js/modules/es.string.trim': 219,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/es.weak-map': 254,
+        'core-js/modules/web.dom-collections.iterator': 256
+      }
+    ],
+    302: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.concat');
+        _dereq_('core-js/modules/es.array.fill');
+        _dereq_('core-js/modules/es.array.for-each');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.join');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.function.name');
+        _dereq_('core-js/modules/es.number.to-fixed');
+        _dereq_('core-js/modules/es.object.get-own-property-descriptor');
+        _dereq_('core-js/modules/es.object.get-prototype-of');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.reflect.construct');
+        _dereq_('core-js/modules/es.reflect.get');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.weak-map');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        function _typeof2(obj) {
+          if (typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol') {
+            _typeof2 = function _typeof2(obj) {
+              return typeof obj;
+            };
+          } else {
+            _typeof2 = function _typeof2(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj;
+            };
+          }
+          return _typeof2(obj);
+        }
+        function _typeof(obj) {
+          if (typeof Symbol === 'function' && _typeof2(Symbol.iterator) === 'symbol') {
+            _typeof = function _typeof(obj) {
+              return _typeof2(obj);
+            };
+          } else {
+            _typeof = function _typeof(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : _typeof2(obj);
+            };
+          }
+          return _typeof(obj);
+        }
+        _dereq_('core-js/modules/es.array.concat');
+        _dereq_('core-js/modules/es.array.fill');
+        _dereq_('core-js/modules/es.array.for-each');
+        _dereq_('core-js/modules/es.array.join');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.function.name');
+        _dereq_('core-js/modules/es.number.to-fixed');
+        _dereq_('core-js/modules/es.object.get-prototype-of');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('./main'));
+        var constants = _interopRequireWildcard(_dereq_('./constants'));
+        _dereq_('./p5.Renderer');
+        function _getRequireWildcardCache() {
+          if (typeof WeakMap !== 'function') return null;
+          var cache = new WeakMap();
+          _getRequireWildcardCache = function _getRequireWildcardCache() {
+            return cache;
+          };
+          return cache;
+        }
+        function _interopRequireWildcard(obj) {
+          if (obj && obj.__esModule) {
+            return obj;
+          }
+          if (obj === null || _typeof(obj) !== 'object' && typeof obj !== 'function') {
+            return {
+            default:
+              obj
+            };
+          }
+          var cache = _getRequireWildcardCache();
+          if (cache && cache.has(obj)) {
+            return cache.get(obj);
+          }
+          var newObj = {
+          };
+          var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+          for (var key in obj) {
+            if (Object.prototype.hasOwnProperty.call(obj, key)) {
+              var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+              if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+              } else {
+                newObj[key] = obj[key];
+              }
+            }
+          }
+          newObj.default = obj;
+          if (cache) {
+            cache.set(obj, newObj);
+          }
+          return newObj;
+        }
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            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 _get(target, property, receiver) {
+          if (typeof Reflect !== 'undefined' && Reflect.get) {
+            _get = Reflect.get;
+          } 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.value;
+            };
+          }
+          return _get(target, property, receiver || target);
+        }
+        function _superPropBase(object, property) {
+          while (!Object.prototype.hasOwnProperty.call(object, property)) {
+            object = _getPrototypeOf(object);
+            if (object === null) break;
+          }
+          return object;
+        }
+        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) {
+          function isNativeReflectConstruct() {
+            if (typeof Reflect === 'undefined' || !Reflect.construct) return false;
+            if (Reflect.construct.sham) return false;
+            if (typeof Proxy === 'function') return true;
+            try {
+              Date.prototype.toString.call(Reflect.construct(Date, [
+              ], function () {
+              }));
+              return true;
+            } catch (e) {
+              return false;
+            }
+          }
+          return function () {
+            var Super = _getPrototypeOf(Derived),
+            result;
+            if (isNativeReflectConstruct()) {
+              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(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 _getPrototypeOf(o) {
+          _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+            return o.__proto__ || Object.getPrototypeOf(o);
+          };
+          return _getPrototypeOf(o);
+        }        /**
+ * p5.Renderer2D
+ * The 2D graphics canvas renderer class.
+ * extends p5.Renderer
+ */
+
+        var styleEmpty = 'rgba(0,0,0,0)';
+        // const alphaThreshold = 0.00125; // minimum visible
+        var Renderer2D = /*#__PURE__*/ function (_p5$Renderer) {
+          _inherits(Renderer2D, _p5$Renderer);
+          var _super = _createSuper(Renderer2D);
+          function Renderer2D(elt, pInst, isMainCanvas) {
+            var _this;
+            _classCallCheck(this, Renderer2D);
+            _this = _super.call(this, elt, pInst, isMainCanvas);
+            _this.drawingContext = _this.canvas.getContext('2d');
+            _this._pInst._setProperty('drawingContext', _this.drawingContext);
+            return _this;
+          }
+          _createClass(Renderer2D, [
+            {
+              key: 'getFilterGraphicsLayer',
+              value: function getFilterGraphicsLayer() {
+                // create hidden webgl renderer if it doesn't exist
+                if (!this.filterGraphicsLayer) {
+                  // the real _pInst is buried when this is a secondary p5.Graphics
+                  var pInst = this._pInst instanceof _main.default.Graphics ? this._pInst._pInst : this._pInst;
+                  // create secondary layer
+                  this.filterGraphicsLayer = new _main.default.Graphics(this.width, this.height, constants.WEBGL, pInst);
+                }
+                if (this.filterGraphicsLayer.width !== this.width || this.filterGraphicsLayer.height !== this.height) {
+                  // Resize the graphics layer
+                  this.filterGraphicsLayer.resizeCanvas(this.width, this.height);
+                }
+                if (this.filterGraphicsLayer.pixelDensity() !== this._pInst.pixelDensity()) {
+                  this.filterGraphicsLayer.pixelDensity(this._pInst.pixelDensity());
+                }
+                return this.filterGraphicsLayer;
+              }
+            },
+            {
+              key: '_applyDefaults',
+              value: function _applyDefaults() {
+                this._cachedFillStyle = this._cachedStrokeStyle = undefined;
+                this._cachedBlendMode = constants.BLEND;
+                this._setFill(constants._DEFAULT_FILL);
+                this._setStroke(constants._DEFAULT_STROKE);
+                this.drawingContext.lineCap = constants.ROUND;
+                this.drawingContext.font = 'normal 12px sans-serif';
+              }
+            },
+            {
+              key: 'resize',
+              value: function resize(w, h) {
+                _get(_getPrototypeOf(Renderer2D.prototype), 'resize', this).call(this, w, h);
+                this.drawingContext.scale(this._pInst._pixelDensity, this._pInst._pixelDensity);
+              } //////////////////////////////////////////////
+              // COLOR | Setting
+              //////////////////////////////////////////////
+
+            },
+            {
+              key: 'background',
+              value: function background() {
+                this.drawingContext.save();
+                this.resetMatrix();
+                if ((arguments.length <= 0 ? undefined : arguments[0]) instanceof _main.default.Image) {
+                  if ((arguments.length <= 1 ? undefined : arguments[1]) >= 0) {
+                    // set transparency of background
+                    var img = arguments.length <= 0 ? undefined : arguments[0];
+                    this.drawingContext.globalAlpha = (arguments.length <= 1 ? undefined : arguments[1]) / 255;
+                    this._pInst.image(img, 0, 0, this.width, this.height);
+                  } else {
+                    this._pInst.image(arguments.length <= 0 ? undefined : arguments[0], 0, 0, this.width, this.height);
+                  }
+                } else {
+                  var _this$_pInst;
+                  var curFill = this._getFill();
+                  // create background rect
+                  var color = (_this$_pInst = this._pInst).color.apply(_this$_pInst, arguments);
+                  //accessible Outputs
+                  if (this._pInst._addAccsOutput()) {
+                    this._pInst._accsBackground(color.levels);
+                  }
+                  var newFill = color.toString();
+                  this._setFill(newFill);
+                  if (this._isErasing) {
+                    this.blendMode(this._cachedBlendMode);
+                  }
+                  this.drawingContext.fillRect(0, 0, this.width, this.height);
+                  // reset fill
+                  this._setFill(curFill);
+                  if (this._isErasing) {
+                    this._pInst.erase();
+                  }
+                }
+                this.drawingContext.restore();
+              }
+            },
+            {
+              key: 'clear',
+              value: function clear() {
+                this.drawingContext.save();
+                this.resetMatrix();
+                this.drawingContext.clearRect(0, 0, this.width, this.height);
+                this.drawingContext.restore();
+              }
+            },
+            {
+              key: 'fill',
+              value: function fill() {
+                var _this$_pInst2;
+                var color = (_this$_pInst2 = this._pInst).color.apply(_this$_pInst2, arguments);
+                this._setFill(color.toString());
+                //accessible Outputs
+                if (this._pInst._addAccsOutput()) {
+                  this._pInst._accsCanvasColors('fill', color.levels);
+                }
+              }
+            },
+            {
+              key: 'stroke',
+              value: function stroke() {
+                var _this$_pInst3;
+                var color = (_this$_pInst3 = this._pInst).color.apply(_this$_pInst3, arguments);
+                this._setStroke(color.toString());
+                //accessible Outputs
+                if (this._pInst._addAccsOutput()) {
+                  this._pInst._accsCanvasColors('stroke', color.levels);
+                }
+              }
+            },
+            {
+              key: 'erase',
+              value: function erase(opacityFill, opacityStroke) {
+                if (!this._isErasing) {
+                  // cache the fill style
+                  this._cachedFillStyle = this.drawingContext.fillStyle;
+                  var newFill = this._pInst.color(255, opacityFill).toString();
+                  this.drawingContext.fillStyle = newFill;
+                  // cache the stroke style
+                  this._cachedStrokeStyle = this.drawingContext.strokeStyle;
+                  var newStroke = this._pInst.color(255, opacityStroke).toString();
+                  this.drawingContext.strokeStyle = newStroke;
+                  // cache blendMode
+                  var tempBlendMode = this._cachedBlendMode;
+                  this.blendMode(constants.REMOVE);
+                  this._cachedBlendMode = tempBlendMode;
+                  this._isErasing = true;
+                }
+              }
+            },
+            {
+              key: 'noErase',
+              value: function noErase() {
+                if (this._isErasing) {
+                  this.drawingContext.fillStyle = this._cachedFillStyle;
+                  this.drawingContext.strokeStyle = this._cachedStrokeStyle;
+                  this.blendMode(this._cachedBlendMode);
+                  this._isErasing = false;
+                }
+              }
+            },
+            {
+              key: 'beginClip',
+              value: function beginClip() {
+                var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+                };
+                _get(_getPrototypeOf(Renderer2D.prototype), 'beginClip', this).call(this, options);
+                // cache the fill style
+                this._cachedFillStyle = this.drawingContext.fillStyle;
+                var newFill = this._pInst.color(255, 0).toString();
+                this.drawingContext.fillStyle = newFill;
+                // cache the stroke style
+                this._cachedStrokeStyle = this.drawingContext.strokeStyle;
+                var newStroke = this._pInst.color(255, 0).toString();
+                this.drawingContext.strokeStyle = newStroke;
+                // cache blendMode
+                var tempBlendMode = this._cachedBlendMode;
+                this.blendMode(constants.BLEND);
+                this._cachedBlendMode = tempBlendMode;
+                // Start a new path. Everything from here on out should become part of this
+                // one path so that we can clip to the whole thing.
+                this.drawingContext.beginPath();
+                if (this._clipInvert) {
+                  // Slight hack: draw a big rectangle over everything with reverse winding
+                  // order. This is hopefully large enough to cover most things.
+                  this.drawingContext.moveTo( - 2 * this.width, - 2 * this.height);
+                  this.drawingContext.lineTo( - 2 * this.width, 2 * this.height);
+                  this.drawingContext.lineTo(2 * this.width, 2 * this.height);
+                  this.drawingContext.lineTo(2 * this.width, - 2 * this.height);
+                  this.drawingContext.closePath();
+                }
+              }
+            },
+            {
+              key: 'endClip',
+              value: function endClip() {
+                this._doFillStrokeClose();
+                this.drawingContext.clip();
+                _get(_getPrototypeOf(Renderer2D.prototype), 'endClip', this).call(this);
+                this.drawingContext.fillStyle = this._cachedFillStyle;
+                this.drawingContext.strokeStyle = this._cachedStrokeStyle;
+                this.blendMode(this._cachedBlendMode);
+              } //////////////////////////////////////////////
+              // IMAGE | Loading & Displaying
+              //////////////////////////////////////////////
+
+            },
+            {
+              key: 'image',
+              value: function image(img, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight) {
+                var cnv;
+                if (img.gifProperties) {
+                  img._animateGif(this._pInst);
+                }
+                try {
+                  if (_main.default.MediaElement && img instanceof _main.default.MediaElement) {
+                    img._ensureCanvas();
+                  }
+                  if (this._tint && img.canvas) {
+                    cnv = this._getTintedImageCanvas(img);
+                  }
+                  if (!cnv) {
+                    cnv = img.canvas || img.elt;
+                  }
+                  var s = 1;
+                  if (img.width && img.width > 0) {
+                    s = cnv.width / img.width;
+                  }
+                  if (this._isErasing) {
+                    this.blendMode(this._cachedBlendMode);
+                  }
+                  this.drawingContext.drawImage(cnv, s * sx, s * sy, s * sWidth, s * sHeight, dx, dy, dWidth, dHeight);
+                  if (this._isErasing) {
+                    this._pInst.erase();
+                  }
+                } catch (e) {
+                  if (e.name !== 'NS_ERROR_NOT_AVAILABLE') {
+                    throw e;
+                  }
+                }
+              }
+            },
+            {
+              key: '_getTintedImageCanvas',
+              value: function _getTintedImageCanvas(img) {
+                if (!img.canvas) {
+                  return img;
+                }
+                if (!img.tintCanvas) {
+                  // Once an image has been tinted, keep its tint canvas
+                  // around so we don't need to re-incur the cost of
+                  // creating a new one for each tint
+                  img.tintCanvas = document.createElement('canvas');
+                }                // Keep the size of the tint canvas up-to-date
+
+                if (img.tintCanvas.width !== img.canvas.width) {
+                  img.tintCanvas.width = img.canvas.width;
+                }
+                if (img.tintCanvas.height !== img.canvas.height) {
+                  img.tintCanvas.height = img.canvas.height;
+                }                // Goal: multiply the r,g,b,a values of the source by
+                // the r,g,b,a values of the tint color
+
+                var ctx = img.tintCanvas.getContext('2d');
+                ctx.save();
+                ctx.clearRect(0, 0, img.canvas.width, img.canvas.height);
+                if (this._tint[0] < 255 || this._tint[1] < 255 || this._tint[2] < 255) {
+                  // Color tint: we need to use the multiply blend mode to change the colors.
+                  // However, the canvas implementation of this destroys the alpha channel of
+                  // the image. To accommodate, we first get a version of the image with full
+                  // opacity everywhere, tint using multiply, and then use the destination-in
+                  // blend mode to restore the alpha channel again.
+                  // Start with the original image
+                  ctx.drawImage(img.canvas, 0, 0);
+                  // This blend mode makes everything opaque but forces the luma to match
+                  // the original image again
+                  ctx.globalCompositeOperation = 'luminosity';
+                  ctx.drawImage(img.canvas, 0, 0);
+                  // This blend mode forces the hue and chroma to match the original image.
+                  // After this we should have the original again, but with full opacity.
+                  ctx.globalCompositeOperation = 'color';
+                  ctx.drawImage(img.canvas, 0, 0);
+                  // Apply color tint
+                  ctx.globalCompositeOperation = 'multiply';
+                  ctx.fillStyle = 'rgb('.concat(this._tint.slice(0, 3).join(', '), ')');
+                  ctx.fillRect(0, 0, img.canvas.width, img.canvas.height);
+                  // Replace the alpha channel with the original alpha * the alpha tint
+                  ctx.globalCompositeOperation = 'destination-in';
+                  ctx.globalAlpha = this._tint[3] / 255;
+                  ctx.drawImage(img.canvas, 0, 0);
+                } else {
+                  // If we only need to change the alpha, we can skip all the extra work!
+                  ctx.globalAlpha = this._tint[3] / 255;
+                  ctx.drawImage(img.canvas, 0, 0);
+                }
+                ctx.restore();
+                return img.tintCanvas;
+              } //////////////////////////////////////////////
+              // IMAGE | Pixels
+              //////////////////////////////////////////////
+
+            },
+            {
+              key: 'blendMode',
+              value: function blendMode(mode) {
+                if (mode === constants.SUBTRACT) {
+                  console.warn('blendMode(SUBTRACT) only works in WEBGL mode.');
+                } else if (mode === constants.BLEND || mode === constants.REMOVE || mode === constants.DARKEST || mode === constants.LIGHTEST || mode === constants.DIFFERENCE || mode === constants.MULTIPLY || mode === constants.EXCLUSION || mode === constants.SCREEN || mode === constants.REPLACE || mode === constants.OVERLAY || mode === constants.HARD_LIGHT || mode === constants.SOFT_LIGHT || mode === constants.DODGE || mode === constants.BURN || mode === constants.ADD) {
+                  this._cachedBlendMode = mode;
+                  this.drawingContext.globalCompositeOperation = mode;
+                } else {
+                  throw new Error('Mode '.concat(mode, ' not recognized.'));
+                }
+              }
+            },
+            {
+              key: 'blend',
+              value: function blend() {
+                var currBlend = this.drawingContext.globalCompositeOperation;
+                for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+                  args[_key] = arguments[_key];
+                }
+                var blendMode = args[args.length - 1];
+                var copyArgs = Array.prototype.slice.call(args, 0, args.length - 1);
+                this.drawingContext.globalCompositeOperation = blendMode;
+                _main.default.prototype.copy.apply(this, copyArgs);
+                this.drawingContext.globalCompositeOperation = currBlend;
+              } // p5.Renderer2D.prototype.get = p5.Renderer.prototype.get;
+              // .get() is not overridden
+              // x,y are canvas-relative (pre-scaled by _pixelDensity)
+
+            },
+            {
+              key: '_getPixel',
+              value: function _getPixel(x, y) {
+                var imageData,
+                index;
+                imageData = this.drawingContext.getImageData(x, y, 1, 1).data;
+                index = 0;
+                return [imageData[index + 0],
+                imageData[index + 1],
+                imageData[index + 2],
+                imageData[index + 3]];
+              }
+            },
+            {
+              key: 'loadPixels',
+              value: function loadPixels() {
+                var pixelsState = this._pixelsState; // if called by p5.Image
+                var pd = pixelsState._pixelDensity;
+                var w = this.width * pd;
+                var h = this.height * pd;
+                var imageData = this.drawingContext.getImageData(0, 0, w, h);
+                // @todo this should actually set pixels per object, so diff buffers can
+                // have diff pixel arrays.
+                pixelsState._setProperty('imageData', imageData);
+                pixelsState._setProperty('pixels', imageData.data);
+              }
+            },
+            {
+              key: 'set',
+              value: function set(x, y, imgOrCol) {
+                // round down to get integer numbers
+                x = Math.floor(x);
+                y = Math.floor(y);
+                var pixelsState = this._pixelsState;
+                if (imgOrCol instanceof _main.default.Image) {
+                  this.drawingContext.save();
+                  this.drawingContext.setTransform(1, 0, 0, 1, 0, 0);
+                  this.drawingContext.scale(pixelsState._pixelDensity, pixelsState._pixelDensity);
+                  this.drawingContext.clearRect(x, y, imgOrCol.width, imgOrCol.height);
+                  this.drawingContext.drawImage(imgOrCol.canvas, x, y);
+                  this.drawingContext.restore();
+                } else {
+                  var r = 0,
+                  g = 0,
+                  b = 0,
+                  a = 0;
+                  var idx = 4 * (y * pixelsState._pixelDensity * (this.width * pixelsState._pixelDensity) + x * pixelsState._pixelDensity);
+                  if (!pixelsState.imageData) {
+                    pixelsState.loadPixels.call(pixelsState);
+                  }
+                  if (typeof imgOrCol === 'number') {
+                    if (idx < pixelsState.pixels.length) {
+                      r = imgOrCol;
+                      g = imgOrCol;
+                      b = imgOrCol;
+                      a = 255;
+                      //this.updatePixels.call(this);
+                    }
+                  } else if (imgOrCol instanceof Array) {
+                    if (imgOrCol.length < 4) {
+                      throw new Error('pixel array must be of the form [R, G, B, A]');
+                    }
+                    if (idx < pixelsState.pixels.length) {
+                      r = imgOrCol[0];
+                      g = imgOrCol[1];
+                      b = imgOrCol[2];
+                      a = imgOrCol[3];
+                      //this.updatePixels.call(this);
+                    }
+                  } else if (imgOrCol instanceof _main.default.Color) {
+                    if (idx < pixelsState.pixels.length) {
+                      r = imgOrCol.levels[0];
+                      g = imgOrCol.levels[1];
+                      b = imgOrCol.levels[2];
+                      a = imgOrCol.levels[3];
+                      //this.updatePixels.call(this);
+                    }
+                  }                  // loop over pixelDensity * pixelDensity
+
+                  for (var i = 0; i < pixelsState._pixelDensity; i++) {
+                    for (var j = 0; j < pixelsState._pixelDensity; j++) {
+                      // loop over
+                      idx = 4 * ((y * pixelsState._pixelDensity + j) * this.width * pixelsState._pixelDensity + (x * pixelsState._pixelDensity + i));
+                      pixelsState.pixels[idx] = r;
+                      pixelsState.pixels[idx + 1] = g;
+                      pixelsState.pixels[idx + 2] = b;
+                      pixelsState.pixels[idx + 3] = a;
+                    }
+                  }
+                }
+              }
+            },
+            {
+              key: 'updatePixels',
+              value: function updatePixels(x, y, w, h) {
+                var pixelsState = this._pixelsState;
+                var pd = pixelsState._pixelDensity;
+                if (x === undefined && y === undefined && w === undefined && h === undefined) {
+                  x = 0;
+                  y = 0;
+                  w = this.width;
+                  h = this.height;
+                }
+                x *= pd;
+                y *= pd;
+                w *= pd;
+                h *= pd;
+                if (this.gifProperties) {
+                  this.gifProperties.frames[this.gifProperties.displayIndex].image = pixelsState.imageData;
+                }
+                this.drawingContext.putImageData(pixelsState.imageData, x, y, 0, 0, w, h);
+              } //////////////////////////////////////////////
+              // SHAPE | 2D Primitives
+              //////////////////////////////////////////////
+              /**
+    * Generate a cubic Bezier representing an arc on the unit circle of total
+    * angle `size` radians, beginning `start` radians above the x-axis. Up to
+    * four of these curves are combined to make a full arc.
+    *
+    * See ecridge.com/bezier.pdf for an explanation of the method.
+    */
+
+            },
+            {
+              key: '_acuteArcToBezier',
+              value: function _acuteArcToBezier(start, size) {
+                // Evaluate constants.
+                var alpha = size / 2,
+                cos_alpha = Math.cos(alpha),
+                sin_alpha = Math.sin(alpha),
+                cot_alpha = 1 / Math.tan(alpha),
+                // This is how far the arc needs to be rotated.
+                phi = start + alpha,
+                cos_phi = Math.cos(phi),
+                sin_phi = Math.sin(phi),
+                lambda = (4 - cos_alpha) / 3,
+                mu = sin_alpha + (cos_alpha - lambda) * cot_alpha;
+                // Return rotated waypoints.
+                return {
+                  ax: Math.cos(start).toFixed(7),
+                  ay: Math.sin(start).toFixed(7),
+                  bx: (lambda * cos_phi + mu * sin_phi).toFixed(7),
+                  by: (lambda * sin_phi - mu * cos_phi).toFixed(7),
+                  cx: (lambda * cos_phi - mu * sin_phi).toFixed(7),
+                  cy: (lambda * sin_phi + mu * cos_phi).toFixed(7),
+                  dx: Math.cos(start + size).toFixed(7),
+                  dy: Math.sin(start + size).toFixed(7)
+                };
+              }              /*
+    * This function requires that:
+    *
+    *   0 <= start < TWO_PI
+    *
+    *   start <= stop < start + TWO_PI
+    */
+
+            },
+            {
+              key: 'arc',
+              value: function arc(x, y, w, h, start, stop, mode) {
+                var ctx = this.drawingContext;
+                var rx = w / 2;
+                var ry = h / 2;
+                var epsilon = 0.00001; // Smallest visible angle on displays up to 4K.
+                var arcToDraw = 0;
+                var curves = [
+                ];
+                x += rx;
+                y += ry;
+                // Create curves
+                while (stop - start >= epsilon) {
+                  arcToDraw = Math.min(stop - start, constants.HALF_PI);
+                  curves.push(this._acuteArcToBezier(start, arcToDraw));
+                  start += arcToDraw;
+                }                // Fill curves
+
+                if (this._doFill) {
+                  if (!this._clipping) ctx.beginPath();
+                  curves.forEach(function (curve, index) {
+                    if (index === 0) {
+                      ctx.moveTo(x + curve.ax * rx, y + curve.ay * ry);
+                    }                    /* eslint-disable indent */
+
+                    ctx.bezierCurveTo(x + curve.bx * rx, y + curve.by * ry, x + curve.cx * rx, y + curve.cy * ry, x + curve.dx * rx, y + curve.dy * ry);
+                    /* eslint-enable indent */
+                  });
+                  if (mode === constants.PIE || mode == null) {
+                    ctx.lineTo(x, y);
+                  }
+                  ctx.closePath();
+                  if (!this._clipping) ctx.fill();
+                }                // Stroke curves
+
+                if (this._doStroke) {
+                  if (!this._clipping) ctx.beginPath();
+                  curves.forEach(function (curve, index) {
+                    if (index === 0) {
+                      ctx.moveTo(x + curve.ax * rx, y + curve.ay * ry);
+                    }                    /* eslint-disable indent */
+
+                    ctx.bezierCurveTo(x + curve.bx * rx, y + curve.by * ry, x + curve.cx * rx, y + curve.cy * ry, x + curve.dx * rx, y + curve.dy * ry);
+                    /* eslint-enable indent */
+                  });
+                  if (mode === constants.PIE) {
+                    ctx.lineTo(x, y);
+                    ctx.closePath();
+                  } else if (mode === constants.CHORD) {
+                    ctx.closePath();
+                  }
+                  if (!this._clipping) ctx.stroke();
+                }
+                return this;
+              }
+            },
+            {
+              key: 'ellipse',
+              value: function ellipse(args) {
+                var ctx = this.drawingContext;
+                var doFill = this._doFill,
+                doStroke = this._doStroke;
+                var x = parseFloat(args[0]),
+                y = parseFloat(args[1]),
+                w = parseFloat(args[2]),
+                h = parseFloat(args[3]);
+                if (doFill && !doStroke) {
+                  if (this._getFill() === styleEmpty) {
+                    return this;
+                  }
+                } else if (!doFill && doStroke) {
+                  if (this._getStroke() === styleEmpty) {
+                    return this;
+                  }
+                }
+                var kappa = 0.5522847498,
+                // control point offset horizontal
+                ox = w / 2 * kappa,
+                // control point offset vertical
+                oy = h / 2 * kappa,
+                // x-end
+                xe = x + w,
+                // y-end
+                ye = y + h,
+                // x-middle
+                xm = x + w / 2,
+                ym = y + h / 2; // y-middle
+                if (!this._clipping) ctx.beginPath();
+                ctx.moveTo(x, ym);
+                ctx.bezierCurveTo(x, ym - oy, xm - ox, y, xm, y);
+                ctx.bezierCurveTo(xm + ox, y, xe, ym - oy, xe, ym);
+                ctx.bezierCurveTo(xe, ym + oy, xm + ox, ye, xm, ye);
+                ctx.bezierCurveTo(xm - ox, ye, x, ym + oy, x, ym);
+                if (!this._clipping && doFill) {
+                  ctx.fill();
+                }
+                if (!this._clipping && doStroke) {
+                  ctx.stroke();
+                }
+              }
+            },
+            {
+              key: 'line',
+              value: function line(x1, y1, x2, y2) {
+                var ctx = this.drawingContext;
+                if (!this._doStroke) {
+                  return this;
+                } else if (this._getStroke() === styleEmpty) {
+                  return this;
+                }
+                if (!this._clipping) ctx.beginPath();
+                ctx.moveTo(x1, y1);
+                ctx.lineTo(x2, y2);
+                ctx.stroke();
+                return this;
+              }
+            },
+            {
+              key: 'point',
+              value: function point(x, y) {
+                var ctx = this.drawingContext;
+                if (!this._doStroke) {
+                  return this;
+                } else if (this._getStroke() === styleEmpty) {
+                  return this;
+                }
+                var s = this._getStroke();
+                var f = this._getFill();
+                if (!this._clipping) {
+                  // swapping fill color to stroke and back after for correct point rendering
+                  this._setFill(s);
+                }
+                if (!this._clipping) ctx.beginPath();
+                ctx.arc(x, y, ctx.lineWidth / 2, 0, constants.TWO_PI, false);
+                if (!this._clipping) {
+                  ctx.fill();
+                  this._setFill(f);
+                }
+              }
+            },
+            {
+              key: 'quad',
+              value: function quad(x1, y1, x2, y2, x3, y3, x4, y4) {
+                var ctx = this.drawingContext;
+                var doFill = this._doFill,
+                doStroke = this._doStroke;
+                if (doFill && !doStroke) {
+                  if (this._getFill() === styleEmpty) {
+                    return this;
+                  }
+                } else if (!doFill && doStroke) {
+                  if (this._getStroke() === styleEmpty) {
+                    return this;
+                  }
+                }
+                if (!this._clipping) ctx.beginPath();
+                ctx.moveTo(x1, y1);
+                ctx.lineTo(x2, y2);
+                ctx.lineTo(x3, y3);
+                ctx.lineTo(x4, y4);
+                ctx.closePath();
+                if (!this._clipping && doFill) {
+                  ctx.fill();
+                }
+                if (!this._clipping && doStroke) {
+                  ctx.stroke();
+                }
+                return this;
+              }
+            },
+            {
+              key: 'rect',
+              value: function rect(args) {
+                var x = args[0];
+                var y = args[1];
+                var w = args[2];
+                var h = args[3];
+                var tl = args[4];
+                var tr = args[5];
+                var br = args[6];
+                var bl = args[7];
+                var ctx = this.drawingContext;
+                var doFill = this._doFill,
+                doStroke = this._doStroke;
+                if (doFill && !doStroke) {
+                  if (this._getFill() === styleEmpty) {
+                    return this;
+                  }
+                } else if (!doFill && doStroke) {
+                  if (this._getStroke() === styleEmpty) {
+                    return this;
+                  }
+                }
+                if (!this._clipping) ctx.beginPath();
+                if (typeof tl === 'undefined') {
+                  // No rounded corners
+                  ctx.rect(x, y, w, h);
+                } else {
+                  // At least one rounded corner
+                  // Set defaults when not specified
+                  if (typeof tr === 'undefined') {
+                    tr = tl;
+                  }
+                  if (typeof br === 'undefined') {
+                    br = tr;
+                  }
+                  if (typeof bl === 'undefined') {
+                    bl = br;
+                  }                  // corner rounding must always be positive
+
+                  var absW = Math.abs(w);
+                  var absH = Math.abs(h);
+                  var hw = absW / 2;
+                  var hh = absH / 2;
+                  // Clip radii
+                  if (absW < 2 * tl) {
+                    tl = hw;
+                  }
+                  if (absH < 2 * tl) {
+                    tl = hh;
+                  }
+                  if (absW < 2 * tr) {
+                    tr = hw;
+                  }
+                  if (absH < 2 * tr) {
+                    tr = hh;
+                  }
+                  if (absW < 2 * br) {
+                    br = hw;
+                  }
+                  if (absH < 2 * br) {
+                    br = hh;
+                  }
+                  if (absW < 2 * bl) {
+                    bl = hw;
+                  }
+                  if (absH < 2 * bl) {
+                    bl = hh;
+                  }                  // Draw shape
+
+                  if (!this._clipping) ctx.beginPath();
+                  ctx.moveTo(x + tl, y);
+                  ctx.arcTo(x + w, y, x + w, y + h, tr);
+                  ctx.arcTo(x + w, y + h, x, y + h, br);
+                  ctx.arcTo(x, y + h, x, y, bl);
+                  ctx.arcTo(x, y, x + w, y, tl);
+                  ctx.closePath();
+                }
+                if (!this._clipping && this._doFill) {
+                  ctx.fill();
+                }
+                if (!this._clipping && this._doStroke) {
+                  ctx.stroke();
+                }
+                return this;
+              }
+            },
+            {
+              key: 'triangle',
+              value: function triangle(args) {
+                var ctx = this.drawingContext;
+                var doFill = this._doFill,
+                doStroke = this._doStroke;
+                var x1 = args[0],
+                y1 = args[1];
+                var x2 = args[2],
+                y2 = args[3];
+                var x3 = args[4],
+                y3 = args[5];
+                if (doFill && !doStroke) {
+                  if (this._getFill() === styleEmpty) {
+                    return this;
+                  }
+                } else if (!doFill && doStroke) {
+                  if (this._getStroke() === styleEmpty) {
+                    return this;
+                  }
+                }
+                if (!this._clipping) ctx.beginPath();
+                ctx.moveTo(x1, y1);
+                ctx.lineTo(x2, y2);
+                ctx.lineTo(x3, y3);
+                ctx.closePath();
+                if (!this._clipping && doFill) {
+                  ctx.fill();
+                }
+                if (!this._clipping && doStroke) {
+                  ctx.stroke();
+                }
+              }
+            },
+            {
+              key: 'endShape',
+              value: function endShape(mode, vertices, isCurve, isBezier, isQuadratic, isContour, shapeKind) {
+                if (vertices.length === 0) {
+                  return this;
+                }
+                if (!this._doStroke && !this._doFill) {
+                  return this;
+                }
+                var closeShape = mode === constants.CLOSE;
+                var v;
+                if (closeShape && !isContour) {
+                  vertices.push(vertices[0]);
+                }
+                var i,
+                j;
+                var numVerts = vertices.length;
+                if (isCurve && shapeKind === null) {
+                  if (numVerts > 3) {
+                    var b = [
+                    ],
+                    s = 1 - this._curveTightness;
+                    if (!this._clipping) this.drawingContext.beginPath();
+                    this.drawingContext.moveTo(vertices[1][0], vertices[1][1]);
+                    for (i = 1; i + 2 < numVerts; i++) {
+                      v = vertices[i];
+                      b[0] = [
+                        v[0],
+                        v[1]
+                      ];
+                      b[1] = [
+                        v[0] + (s * vertices[i + 1][0] - s * vertices[i - 1][0]) / 6,
+                        v[1] + (s * vertices[i + 1][1] - s * vertices[i - 1][1]) / 6
+                      ];
+                      b[2] = [
+                        vertices[i + 1][0] + (s * vertices[i][0] - s * vertices[i + 2][0]) / 6,
+                        vertices[i + 1][1] + (s * vertices[i][1] - s * vertices[i + 2][1]) / 6
+                      ];
+                      b[3] = [
+                        vertices[i + 1][0],
+                        vertices[i + 1][1]
+                      ];
+                      this.drawingContext.bezierCurveTo(b[1][0], b[1][1], b[2][0], b[2][1], b[3][0], b[3][1]);
+                    }
+                    if (closeShape) {
+                      this.drawingContext.lineTo(vertices[i + 1][0], vertices[i + 1][1]);
+                    }
+                    this._doFillStrokeClose(closeShape);
+                  }
+                } else if (isBezier && shapeKind === null) {
+                  if (!this._clipping) this.drawingContext.beginPath();
+                  for (i = 0; i < numVerts; i++) {
+                    if (vertices[i].isVert) {
+                      if (vertices[i].moveTo) {
+                        this.drawingContext.moveTo(vertices[i][0], vertices[i][1]);
+                      } else {
+                        this.drawingContext.lineTo(vertices[i][0], vertices[i][1]);
+                      }
+                    } else {
+                      this.drawingContext.bezierCurveTo(vertices[i][0], vertices[i][1], vertices[i][2], vertices[i][3], vertices[i][4], vertices[i][5]);
+                    }
+                  }
+                  this._doFillStrokeClose(closeShape);
+                } else if (isQuadratic && shapeKind === null) {
+                  if (!this._clipping) this.drawingContext.beginPath();
+                  for (i = 0; i < numVerts; i++) {
+                    if (vertices[i].isVert) {
+                      if (vertices[i].moveTo) {
+                        this.drawingContext.moveTo(vertices[i][0], vertices[i][1]);
+                      } else {
+                        this.drawingContext.lineTo(vertices[i][0], vertices[i][1]);
+                      }
+                    } else {
+                      this.drawingContext.quadraticCurveTo(vertices[i][0], vertices[i][1], vertices[i][2], vertices[i][3]);
+                    }
+                  }
+                  this._doFillStrokeClose(closeShape);
+                } else {
+                  if (shapeKind === constants.POINTS) {
+                    for (i = 0; i < numVerts; i++) {
+                      v = vertices[i];
+                      if (this._doStroke) {
+                        this._pInst.stroke(v[6]);
+                      }
+                      this._pInst.point(v[0], v[1]);
+                    }
+                  } else if (shapeKind === constants.LINES) {
+                    for (i = 0; i + 1 < numVerts; i += 2) {
+                      v = vertices[i];
+                      if (this._doStroke) {
+                        this._pInst.stroke(vertices[i + 1][6]);
+                      }
+                      this._pInst.line(v[0], v[1], vertices[i + 1][0], vertices[i + 1][1]);
+                    }
+                  } else if (shapeKind === constants.TRIANGLES) {
+                    for (i = 0; i + 2 < numVerts; i += 3) {
+                      v = vertices[i];
+                      if (!this._clipping) this.drawingContext.beginPath();
+                      this.drawingContext.moveTo(v[0], v[1]);
+                      this.drawingContext.lineTo(vertices[i + 1][0], vertices[i + 1][1]);
+                      this.drawingContext.lineTo(vertices[i + 2][0], vertices[i + 2][1]);
+                      this.drawingContext.closePath();
+                      if (!this._clipping && this._doFill) {
+                        this._pInst.fill(vertices[i + 2][5]);
+                        this.drawingContext.fill();
+                      }
+                      if (!this._clipping && this._doStroke) {
+                        this._pInst.stroke(vertices[i + 2][6]);
+                        this.drawingContext.stroke();
+                      }
+                    }
+                  } else if (shapeKind === constants.TRIANGLE_STRIP) {
+                    for (i = 0; i + 1 < numVerts; i++) {
+                      v = vertices[i];
+                      if (!this._clipping) this.drawingContext.beginPath();
+                      this.drawingContext.moveTo(vertices[i + 1][0], vertices[i + 1][1]);
+                      this.drawingContext.lineTo(v[0], v[1]);
+                      if (!this._clipping && this._doStroke) {
+                        this._pInst.stroke(vertices[i + 1][6]);
+                      }
+                      if (!this._clipping && this._doFill) {
+                        this._pInst.fill(vertices[i + 1][5]);
+                      }
+                      if (i + 2 < numVerts) {
+                        this.drawingContext.lineTo(vertices[i + 2][0], vertices[i + 2][1]);
+                        if (!this._clipping && this._doStroke) {
+                          this._pInst.stroke(vertices[i + 2][6]);
+                        }
+                        if (!this._clipping && this._doFill) {
+                          this._pInst.fill(vertices[i + 2][5]);
+                        }
+                      }
+                      this._doFillStrokeClose(closeShape);
+                    }
+                  } else if (shapeKind === constants.TRIANGLE_FAN) {
+                    if (numVerts > 2) {
+                      // For performance reasons, try to batch as many of the
+                      // fill and stroke calls as possible.
+                      if (!this._clipping) this.drawingContext.beginPath();
+                      for (i = 2; i < numVerts; i++) {
+                        v = vertices[i];
+                        this.drawingContext.moveTo(vertices[0][0], vertices[0][1]);
+                        this.drawingContext.lineTo(vertices[i - 1][0], vertices[i - 1][1]);
+                        this.drawingContext.lineTo(v[0], v[1]);
+                        this.drawingContext.lineTo(vertices[0][0], vertices[0][1]);
+                        // If the next colour is going to be different, stroke / fill now
+                        if (i < numVerts - 1) {
+                          if (this._doFill && v[5] !== vertices[i + 1][5] || this._doStroke && v[6] !== vertices[i + 1][6]) {
+                            if (!this._clipping && this._doFill) {
+                              this._pInst.fill(v[5]);
+                              this.drawingContext.fill();
+                              this._pInst.fill(vertices[i + 1][5]);
+                            }
+                            if (!this._clipping && this._doStroke) {
+                              this._pInst.stroke(v[6]);
+                              this.drawingContext.stroke();
+                              this._pInst.stroke(vertices[i + 1][6]);
+                            }
+                            this.drawingContext.closePath();
+                            if (!this._clipping) this.drawingContext.beginPath(); // Begin the next one
+                          }
+                        }
+                      }
+                      this._doFillStrokeClose(closeShape);
+                    }
+                  } else if (shapeKind === constants.QUADS) {
+                    for (i = 0; i + 3 < numVerts; i += 4) {
+                      v = vertices[i];
+                      if (!this._clipping) this.drawingContext.beginPath();
+                      this.drawingContext.moveTo(v[0], v[1]);
+                      for (j = 1; j < 4; j++) {
+                        this.drawingContext.lineTo(vertices[i + j][0], vertices[i + j][1]);
+                      }
+                      this.drawingContext.lineTo(v[0], v[1]);
+                      if (!this._clipping && this._doFill) {
+                        this._pInst.fill(vertices[i + 3][5]);
+                      }
+                      if (!this._clipping && this._doStroke) {
+                        this._pInst.stroke(vertices[i + 3][6]);
+                      }
+                      this._doFillStrokeClose(closeShape);
+                    }
+                  } else if (shapeKind === constants.QUAD_STRIP) {
+                    if (numVerts > 3) {
+                      for (i = 0; i + 1 < numVerts; i += 2) {
+                        v = vertices[i];
+                        if (!this._clipping) this.drawingContext.beginPath();
+                        if (i + 3 < numVerts) {
+                          this.drawingContext.moveTo(vertices[i + 2][0], vertices[i + 2][1]);
+                          this.drawingContext.lineTo(v[0], v[1]);
+                          this.drawingContext.lineTo(vertices[i + 1][0], vertices[i + 1][1]);
+                          this.drawingContext.lineTo(vertices[i + 3][0], vertices[i + 3][1]);
+                          if (!this._clipping && this._doFill) {
+                            this._pInst.fill(vertices[i + 3][5]);
+                          }
+                          if (!this._clipping && this._doStroke) {
+                            this._pInst.stroke(vertices[i + 3][6]);
+                          }
+                        } else {
+                          this.drawingContext.moveTo(v[0], v[1]);
+                          this.drawingContext.lineTo(vertices[i + 1][0], vertices[i + 1][1]);
+                        }
+                        this._doFillStrokeClose(closeShape);
+                      }
+                    }
+                  } else {
+                    if (!this._clipping) this.drawingContext.beginPath();
+                    this.drawingContext.moveTo(vertices[0][0], vertices[0][1]);
+                    for (i = 1; i < numVerts; i++) {
+                      v = vertices[i];
+                      if (v.isVert) {
+                        if (v.moveTo) {
+                          if (closeShape) this.drawingContext.closePath();
+                          this.drawingContext.moveTo(v[0], v[1]);
+                        } else {
+                          this.drawingContext.lineTo(v[0], v[1]);
+                        }
+                      }
+                    }
+                    this._doFillStrokeClose(closeShape);
+                  }
+                }
+                isCurve = false;
+                isBezier = false;
+                isQuadratic = false;
+                isContour = false;
+                if (closeShape) {
+                  vertices.pop();
+                }
+                return this;
+              } //////////////////////////////////////////////
+              // SHAPE | Attributes
+              //////////////////////////////////////////////
+
+            },
+            {
+              key: 'strokeCap',
+              value: function strokeCap(cap) {
+                if (cap === constants.ROUND || cap === constants.SQUARE || cap === constants.PROJECT) {
+                  this.drawingContext.lineCap = cap;
+                }
+                return this;
+              }
+            },
+            {
+              key: 'strokeJoin',
+              value: function strokeJoin(join) {
+                if (join === constants.ROUND || join === constants.BEVEL || join === constants.MITER) {
+                  this.drawingContext.lineJoin = join;
+                }
+                return this;
+              }
+            },
+            {
+              key: 'strokeWeight',
+              value: function strokeWeight(w) {
+                if (typeof w === 'undefined' || w === 0) {
+                  // hack because lineWidth 0 doesn't work
+                  this.drawingContext.lineWidth = 0.0001;
+                } else {
+                  this.drawingContext.lineWidth = w;
+                }
+                return this;
+              }
+            },
+            {
+              key: '_getFill',
+              value: function _getFill() {
+                if (!this._cachedFillStyle) {
+                  this._cachedFillStyle = this.drawingContext.fillStyle;
+                }
+                return this._cachedFillStyle;
+              }
+            },
+            {
+              key: '_setFill',
+              value: function _setFill(fillStyle) {
+                if (fillStyle !== this._cachedFillStyle) {
+                  this.drawingContext.fillStyle = fillStyle;
+                  this._cachedFillStyle = fillStyle;
+                }
+              }
+            },
+            {
+              key: '_getStroke',
+              value: function _getStroke() {
+                if (!this._cachedStrokeStyle) {
+                  this._cachedStrokeStyle = this.drawingContext.strokeStyle;
+                }
+                return this._cachedStrokeStyle;
+              }
+            },
+            {
+              key: '_setStroke',
+              value: function _setStroke(strokeStyle) {
+                if (strokeStyle !== this._cachedStrokeStyle) {
+                  this.drawingContext.strokeStyle = strokeStyle;
+                  this._cachedStrokeStyle = strokeStyle;
+                }
+              } //////////////////////////////////////////////
+              // SHAPE | Curves
+              //////////////////////////////////////////////
+
+            },
+            {
+              key: 'bezier',
+              value: function bezier(x1, y1, x2, y2, x3, y3, x4, y4) {
+                this._pInst.beginShape();
+                this._pInst.vertex(x1, y1);
+                this._pInst.bezierVertex(x2, y2, x3, y3, x4, y4);
+                this._pInst.endShape();
+                return this;
+              }
+            },
+            {
+              key: 'curve',
+              value: function curve(x1, y1, x2, y2, x3, y3, x4, y4) {
+                this._pInst.beginShape();
+                this._pInst.curveVertex(x1, y1);
+                this._pInst.curveVertex(x2, y2);
+                this._pInst.curveVertex(x3, y3);
+                this._pInst.curveVertex(x4, y4);
+                this._pInst.endShape();
+                return this;
+              } //////////////////////////////////////////////
+              // SHAPE | Vertex
+              //////////////////////////////////////////////
+
+            },
+            {
+              key: '_doFillStrokeClose',
+              value: function _doFillStrokeClose(closeShape) {
+                if (closeShape) {
+                  this.drawingContext.closePath();
+                }
+                if (!this._clipping && this._doFill) {
+                  this.drawingContext.fill();
+                }
+                if (!this._clipping && this._doStroke) {
+                  this.drawingContext.stroke();
+                }
+              } //////////////////////////////////////////////
+              // TRANSFORM
+              //////////////////////////////////////////////
+
+            },
+            {
+              key: 'applyMatrix',
+              value: function applyMatrix(a, b, c, d, e, f) {
+                this.drawingContext.transform(a, b, c, d, e, f);
+              }
+            },
+            {
+              key: 'resetMatrix',
+              value: function resetMatrix() {
+                this.drawingContext.setTransform(1, 0, 0, 1, 0, 0);
+                this.drawingContext.scale(this._pInst._pixelDensity, this._pInst._pixelDensity);
+                return this;
+              }
+            },
+            {
+              key: 'rotate',
+              value: function rotate(rad) {
+                this.drawingContext.rotate(rad);
+              }
+            },
+            {
+              key: 'scale',
+              value: function scale(x, y) {
+                this.drawingContext.scale(x, y);
+                return this;
+              }
+            },
+            {
+              key: 'translate',
+              value: function translate(x, y) {
+                // support passing a vector as the 1st parameter
+                if (x instanceof _main.default.Vector) {
+                  y = x.y;
+                  x = x.x;
+                }
+                this.drawingContext.translate(x, y);
+                return this;
+              } //////////////////////////////////////////////
+              // TYPOGRAPHY
+              //
+              //////////////////////////////////////////////
+
+            },
+            {
+              key: '_renderText',
+              value: function _renderText(p, line, x, y, maxY, minY) {
+                if (y < minY || y >= maxY) {
+                  return; // don't render lines beyond our minY/maxY bounds (see #5785)
+                }
+                p.push(); // fix to #803
+                if (!this._isOpenType()) {
+                  // a system/browser font
+                  // no stroke unless specified by user
+                  if (this._doStroke && this._strokeSet) {
+                    this.drawingContext.strokeText(line, x, y);
+                  }
+                  if (!this._clipping && this._doFill) {
+                    // if fill hasn't been set by user, use default text fill
+                    if (!this._fillSet) {
+                      this._setFill(constants._DEFAULT_TEXT_FILL);
+                    }
+                    this.drawingContext.fillText(line, x, y);
+                  }
+                } else {
+                  // an opentype font, let it handle the rendering
+                  this._textFont._renderPath(line, x, y, {
+                    renderer: this
+                  });
+                }
+                p.pop();
+                return p;
+              }
+            },
+            {
+              key: 'textWidth',
+              value: function textWidth(s) {
+                if (this._isOpenType()) {
+                  return this._textFont._textWidth(s, this._textSize);
+                }
+                return this.drawingContext.measureText(s).width;
+              }
+            },
+            {
+              key: '_applyTextProperties',
+              value: function _applyTextProperties() {
+                var font;
+                var p = this._pInst;
+                this._setProperty('_textAscent', null);
+                this._setProperty('_textDescent', null);
+                font = this._textFont;
+                if (this._isOpenType()) {
+                  font = this._textFont.font.familyName;
+                  this._setProperty('_textStyle', this._textFont.font.styleName);
+                }
+                this.drawingContext.font = ''.concat(this._textStyle || 'normal', ' ').concat(this._textSize || 12, 'px ').concat(font || 'sans-serif');
+                this.drawingContext.textAlign = this._textAlign;
+                if (this._textBaseline === constants.CENTER) {
+                  this.drawingContext.textBaseline = constants._CTX_MIDDLE;
+                } else {
+                  this.drawingContext.textBaseline = this._textBaseline;
+                }
+                return p;
+              } //////////////////////////////////////////////
+              // STRUCTURE
+              //////////////////////////////////////////////
+              // a push() operation is in progress.
+              // the renderer should return a 'style' object that it wishes to
+              // store on the push stack.
+              // derived renderers should call the base class' push() method
+              // to fetch the base style object.
+
+            },
+            {
+              key: 'push',
+              value: function push() {
+                this.drawingContext.save();
+                // get the base renderer style
+                return _get(_getPrototypeOf(Renderer2D.prototype), 'push', this).call(this);
+              } // a pop() operation is in progress
+              // the renderer is passed the 'style' object that it returned
+              // from its push() method.
+              // derived renderers should pass this object to their base
+              // class' pop method
+
+            },
+            {
+              key: 'pop',
+              value: function pop(style) {
+                this.drawingContext.restore();
+                // Re-cache the fill / stroke state
+                this._cachedFillStyle = this.drawingContext.fillStyle;
+                this._cachedStrokeStyle = this.drawingContext.strokeStyle;
+                _get(_getPrototypeOf(Renderer2D.prototype), 'pop', this).call(this, style);
+              }
+            }
+          ]);
+          return Renderer2D;
+        }(_main.default.Renderer); // Fix test
+        Renderer2D.prototype.text = function (str, x, y, maxWidth, maxHeight) {
+          var baselineHacked;
+          // baselineHacked: (HACK)
+          // A temporary fix to conform to Processing's implementation
+          // of BASELINE vertical alignment in a bounding box
+          if (typeof maxWidth !== 'undefined') {
+            if (this.drawingContext.textBaseline === constants.BASELINE) {
+              baselineHacked = true;
+              this.drawingContext.textBaseline = constants.TOP;
+            }
+          }
+          var p = _main.default.Renderer.prototype.text.apply(this, arguments);
+          if (baselineHacked) {
+            this.drawingContext.textBaseline = constants.BASELINE;
+          }
+          return p;
+        };
+        _main.default.Renderer2D = Renderer2D;
+        var _default = _main.default.Renderer2D;
+        exports.default = _default;
+      },
+      {
+        './constants': 286,
+        './main': 298,
+        './p5.Renderer': 301,
+        'core-js/modules/es.array.concat': 169,
+        'core-js/modules/es.array.fill': 172,
+        'core-js/modules/es.array.for-each': 175,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.array.join': 180,
+        'core-js/modules/es.array.slice': 183,
+        'core-js/modules/es.function.name': 186,
+        'core-js/modules/es.number.to-fixed': 193,
+        'core-js/modules/es.object.get-own-property-descriptor': 196,
+        'core-js/modules/es.object.get-prototype-of': 198,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.reflect.construct': 202,
+        'core-js/modules/es.reflect.get': 203,
+        'core-js/modules/es.regexp.to-string': 206,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/es.weak-map': 254,
+        'core-js/modules/web.dom-collections.iterator': 256
+      }
+    ],
+    303: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.object.assign');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.promise');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.object.assign');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.promise');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        var _main = _interopRequireDefault(_dereq_('./main'));
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }
+        _main.default.prototype._promisePreloads = [
+          /* Example object
+  {
+    target: p5.prototype, // The target object to have the method modified
+    method: 'loadXAsync', // The name of the preload function to wrap
+    addCallbacks: true,   // Whether to automatically handle the p5 callbacks
+    legacyPreloadSetup: { // Optional object to generate a legacy-style preload
+      method: 'loadX',    // The name of the legacy preload function to generate
+      createBaseObject: function() {
+        return {};
+      } // An optional function to create the base object for the legacy preload.
+    }
+  }
+  */
+        ];
+        _main.default.prototype.registerPromisePreload = function (setup) {
+          _main.default.prototype._promisePreloads.push(setup);
+        };
+        var initialSetupRan = false;
+        _main.default.prototype._setupPromisePreloads = function () {
+          var _iteratorNormalCompletion = true;
+          var _didIteratorError = false;
+          var _iteratorError = undefined;
+          try {
+            for (var _iterator = this._promisePreloads[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+              var preloadSetup = _step.value;
+              var thisValue = this;
+              var method = preloadSetup.method,
+              addCallbacks = preloadSetup.addCallbacks,
+              legacyPreloadSetup = preloadSetup.legacyPreloadSetup; // Get the target object that the preload gets assigned to by default,
+              // that is the current object.
+              var target = preloadSetup.target || this;
+              var sourceFunction = target[method].bind(target);
+              // If the target is the p5 prototype, then only set it up on the first run per page
+              if (target === _main.default.prototype) {
+                if (initialSetupRan) {
+                  continue;
+                }
+                thisValue = null;
+                sourceFunction = target[method];
+              }              // Replace the original method with a wrapped version
+
+              target[method] = this._wrapPromisePreload(thisValue, sourceFunction, addCallbacks);
+              // If a legacy preload is required
+              if (legacyPreloadSetup) {
+                // What is the name for this legacy preload
+                var legacyMethod = legacyPreloadSetup.method;
+                // Wrap the already wrapped Promise-returning method with the legacy setup
+                target[legacyMethod] = this._legacyPreloadGenerator(thisValue, legacyPreloadSetup, target[method]);
+              }
+            }
+          } catch (err) {
+            _didIteratorError = true;
+            _iteratorError = err;
+          } finally {
+            try {
+              if (!_iteratorNormalCompletion && _iterator.return != null) {
+                _iterator.return();
+              }
+            } finally {
+              if (_didIteratorError) {
+                throw _iteratorError;
+              }
+            }
+          }
+          initialSetupRan = true;
+        };
+        _main.default.prototype._wrapPromisePreload = function (thisValue, fn, addCallbacks) {
+          var replacementFunction = function replacementFunction() {
+            var _this = this;
+            // Uses the current preload counting mechanism for now.
+            this._incrementPreload();
+            // A variable for the callback function if specified
+            var callback = null;
+            // A variable for the errorCallback function if specified
+            var errorCallback = null;
+            for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+              args[_key] = arguments[_key];
+            }
+            if (addCallbacks) {
+              // Loop from the end of the args array, pulling up to two functions off of
+              // the end and putting them in fns
+              for (var i = args.length - 1; i >= 0 && !errorCallback; i--) {
+                if (typeof args[i] !== 'function') {
+                  break;
+                }
+                errorCallback = callback;
+                callback = args.pop();
+              }
+            }            // Call the underlying function and pass it to Promise.resolve,
+            // so that even if it didn't return a promise we can still
+            // act on the result as if it did.
+
+            var promise = Promise.resolve(fn.apply(this, args));
+            // Add the optional callbacks
+            if (callback) {
+              promise.then(callback);
+            }
+            if (errorCallback) {
+              promise.catch(errorCallback);
+            }            // Decrement the preload counter only if the promise resolved
+
+            promise.then(function () {
+              return _this._decrementPreload();
+            });
+            // Return the original promise so that neither callback changes the result.
+            return promise;
+          };
+          if (thisValue) {
+            replacementFunction = replacementFunction.bind(thisValue);
+          }
+          return replacementFunction;
+        };
+        var objectCreator = function objectCreator() {
+          return {
+          };
+        };
+        _main.default.prototype._legacyPreloadGenerator = function (thisValue, legacyPreloadSetup, fn) {
+          // Create a function that will generate an object before the preload is
+          // launched. For example, if the object should be an array or be an instance
+          // of a specific class.
+          var baseValueGenerator = legacyPreloadSetup.createBaseObject || objectCreator;
+          var returnedFunction = function returnedFunction() {
+            var _this2 = this;
+            // Our then clause needs to run before setup, so we also increment the preload counter
+            this._incrementPreload();
+            // Generate the return value based on the generator.
+            for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+              args[_key2] = arguments[_key2];
+            }
+            var returnValue = baseValueGenerator.apply(this, args);
+            // Run the original wrapper
+            fn.apply(this, args).then(function (data) {
+              // Copy each key from the resolved value into returnValue
+              Object.assign(returnValue, data);
+              // Decrement the preload counter, to allow setup to continue.
+              _this2._decrementPreload();
+            });
+            return returnValue;
+          };
+          if (thisValue) {
+            returnedFunction = returnedFunction.bind(thisValue);
+          }
+          return returnedFunction;
+        };
+      },
+      {
+        './main': 298,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.object.assign': 194,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.promise': 201,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/web.dom-collections.iterator': 256
+      }
+    ],
+    304: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.filter');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.object.get-own-property-descriptor');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.weak-map');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        function _typeof2(obj) {
+          if (typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol') {
+            _typeof2 = function _typeof2(obj) {
+              return typeof obj;
+            };
+          } else {
+            _typeof2 = function _typeof2(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj;
+            };
+          }
+          return _typeof2(obj);
+        }
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.filter');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('./main'));
+        var constants = _interopRequireWildcard(_dereq_('./constants'));
+        _dereq_('./p5.Graphics');
+        _dereq_('./p5.Renderer2D');
+        _dereq_('../webgl/p5.RendererGL');
+        function _getRequireWildcardCache() {
+          if (typeof WeakMap !== 'function') return null;
+          var cache = new WeakMap();
+          _getRequireWildcardCache = function _getRequireWildcardCache() {
+            return cache;
+          };
+          return cache;
+        }
+        function _interopRequireWildcard(obj) {
+          if (obj && obj.__esModule) {
+            return obj;
+          }
+          if (obj === null || _typeof(obj) !== 'object' && typeof obj !== 'function') {
+            return {
+            default:
+              obj
+            };
+          }
+          var cache = _getRequireWildcardCache();
+          if (cache && cache.has(obj)) {
+            return cache.get(obj);
+          }
+          var newObj = {
+          };
+          var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+          for (var key in obj) {
+            if (Object.prototype.hasOwnProperty.call(obj, key)) {
+              var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+              if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+              } else {
+                newObj[key] = obj[key];
+              }
+            }
+          }
+          newObj.default = obj;
+          if (cache) {
+            cache.set(obj, newObj);
+          }
+          return newObj;
+        }
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }
+        function _typeof(obj) {
+          if (typeof Symbol === 'function' && _typeof2(Symbol.iterator) === 'symbol') {
+            _typeof = function _typeof(obj) {
+              return _typeof2(obj);
+            };
+          } else {
+            _typeof = function _typeof(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : _typeof2(obj);
+            };
+          }
+          return _typeof(obj);
+        } /**
+   * @module Rendering
+   * @submodule Rendering
+   * @for p5
+   */
+
+        var defaultId = 'defaultCanvas0'; // this gets set again in createCanvas
+        var defaultClass = 'p5Canvas';
+        /**
+ * Creates a canvas element in the document and sets its dimensions
+ * in pixels. This method should be called only once at the start of <a href="#/p5/setup">setup()</a>.
+ * Calling <a href="#/p5/createCanvas">createCanvas</a> more than once in a
+ * sketch will result in very unpredictable behavior. If you want more than
+ * one drawing canvas you could use <a href="#/p5/createGraphics">createGraphics()</a>
+ * (hidden by default but it can be shown).
+ *
+ * Important note: in 2D mode (i.e. when `p5.Renderer` is not set) the origin (0,0)
+ * is positioned at the top left of the screen. In 3D mode (i.e. when `p5.Renderer`
+ * is set to `WEBGL`), the origin is positioned at the center of the canvas.
+ * See [this issue](https://github.com/processing/p5.js/issues/1545) for more information.
+ *
+ * A WebGL canvas will use a WebGL2 context if it is supported by the browser.
+ * Check the <a href="#/p5/webglVersion">webglVersion</a> property to check what
+ * version is being used, or call <a href="#/p5/setAttributes">setAttributes({ version: 1 })</a>
+ * to create a WebGL1 context.
+ *
+ * The system variables width and height are set by the parameters passed to this
+ * function. If <a href="#/p5/createCanvas">createCanvas()</a> is not used, the
+ * window will be given a default size of 100×100 pixels.
+ *
+ * Optionally, an existing canvas can be passed using a selector, ie. `document.getElementById('')`.
+ * If specified, avoid using `setAttributes()` afterwards, as this will remove and recreate the existing canvas.
+ *
+ * For more ways to position the canvas, see the
+ * <a href='https://github.com/processing/p5.js/wiki/Positioning-your-canvas'>
+ * positioning the canvas</a> wiki page.
+ *
+ * @method createCanvas
+ * @param  {Number} w width of the canvas
+ * @param  {Number} h height of the canvas
+ * @param  {Constant} [renderer] either P2D or WEBGL
+ * @param  {HTMLCanvasElement} [canvas] existing html canvas element
+ * @return {p5.Renderer} pointer to p5.Renderer holding canvas
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 50);
+ *   background(153);
+ *   line(0, 0, width, height);
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * Black line extending from top-left of canvas to bottom right.
+ */
+        /**
+ * @method createCanvas
+ * @param  {Number} w
+ * @param  {Number} h
+ * @param  {HTMLCanvasElement} [canvas]
+ * @return {p5.Renderer} pointer to p5.Renderer holding canvas
+ */
+        _main.default.prototype.createCanvas = function (w, h, renderer, canvas) {
+          _main.default._validateParameters('createCanvas', arguments);
+          //optional: renderer, otherwise defaults to p2d
+          var r;
+          if (arguments[2] instanceof HTMLCanvasElement) {
+            renderer = constants.P2D;
+            canvas = arguments[2];
+          } else {
+            r = renderer || constants.P2D;
+          }
+          var c;
+          if (canvas) {
+            c = document.getElementById(defaultId);
+            if (c) {
+              c.parentNode.removeChild(c); //replace the existing defaultCanvas
+            }
+            c = canvas;
+            this._defaultGraphicsCreated = false;
+          } else {
+            if (r === constants.WEBGL) {
+              c = document.getElementById(defaultId);
+              if (c) {
+                //if defaultCanvas already exists
+                c.parentNode.removeChild(c); //replace the existing defaultCanvas
+                var thisRenderer = this._renderer;
+                this._elements = this._elements.filter(function (e) {
+                  return e !== thisRenderer;
+                });
+              }
+              c = document.createElement('canvas');
+              c.id = defaultId;
+              c.classList.add(defaultClass);
+            } else {
+              if (!this._defaultGraphicsCreated) {
+                if (canvas) {
+                  c = canvas;
+                } else {
+                  c = document.createElement('canvas');
+                }
+                var i = 0;
+                while (document.getElementById('defaultCanvas'.concat(i))) {
+                  i++;
+                }
+                defaultId = 'defaultCanvas'.concat(i);
+                c.id = defaultId;
+                c.classList.add(defaultClass);
+              } else {
+                // resize the default canvas if new one is created
+                c = this.canvas;
+              }
+            }            // set to invisible if still in setup (to prevent flashing with manipulate)
+
+            if (!this._setupDone) {
+              c.dataset.hidden = true; // tag to show later
+              c.style.visibility = 'hidden';
+            }
+            if (this._userNode) {
+              // user input node case
+              this._userNode.appendChild(c);
+            } else {
+              //create main element
+              if (document.getElementsByTagName('main').length === 0) {
+                var m = document.createElement('main');
+                document.body.appendChild(m);
+              }              //append canvas to main
+
+              document.getElementsByTagName('main') [0].appendChild(c);
+            }
+          }          // Init our graphics renderer
+          //webgl mode
+
+          if (r === constants.WEBGL) {
+            this._setProperty('_renderer', new _main.default.RendererGL(c, this, true));
+            this._elements.push(this._renderer);
+          } else {
+            //P2D mode
+            if (!this._defaultGraphicsCreated) {
+              this._setProperty('_renderer', new _main.default.Renderer2D(c, this, true));
+              this._defaultGraphicsCreated = true;
+              this._elements.push(this._renderer);
+            }
+          }
+          this._renderer.resize(w, h);
+          this._renderer._applyDefaults();
+          return this._renderer;
+        };
+        /**
+ * Resizes the canvas to given width and height. The canvas will be cleared
+ * and draw will be called immediately, allowing the sketch to re-render itself
+ * in the resized canvas.
+ * @method resizeCanvas
+ * @param  {Number} w width of the canvas
+ * @param  {Number} h height of the canvas
+ * @param  {Boolean} [noRedraw] don't redraw the canvas immediately
+ * @example
+ * <div class="norender"><code>
+ * function setup() {
+ *   createCanvas(windowWidth, windowHeight);
+ * }
+ *
+ * function draw() {
+ *   background(0, 100, 200);
+ * }
+ *
+ * function windowResized() {
+ *   resizeCanvas(windowWidth, windowHeight);
+ * }
+ * </code></div>
+ *
+ * @alt
+ * No image displayed.
+ */
+        _main.default.prototype.resizeCanvas = function (w, h, noRedraw) {
+          _main.default._validateParameters('resizeCanvas', arguments);
+          if (this._renderer) {
+            // save canvas properties
+            var props = {
+            };
+            for (var key in this.drawingContext) {
+              var val = this.drawingContext[key];
+              if (_typeof(val) !== 'object' && typeof val !== 'function') {
+                props[key] = val;
+              }
+            }
+            this.width = w;
+            this.height = h;
+            // Make sure width and height are updated before the renderer resizes so
+            // that framebuffers updated from the resize read the correct size
+            this._renderer.resize(w, h);
+            // reset canvas properties
+            for (var savedKey in props) {
+              try {
+                this.drawingContext[savedKey] = props[savedKey];
+              } catch (err) {
+                // ignore read-only property errors
+              }
+            }
+            if (!noRedraw) {
+              this.redraw();
+            }
+          }          //accessible Outputs
+
+          if (this._addAccsOutput()) {
+            this._updateAccsOutput();
+          }
+        };
+        /**
+ * Removes the default canvas for a p5 sketch that doesn't require a canvas
+ * @method noCanvas
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   noCanvas();
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * no image displayed
+ */
+        _main.default.prototype.noCanvas = function () {
+          if (this.canvas) {
+            this.canvas.parentNode.removeChild(this.canvas);
+          }
+        };
+        /**
+ * Creates and returns a new p5.Graphics object. Use this class if you need
+ * to draw into an off-screen graphics buffer. The two parameters define the
+ * width and height in pixels.
+ *
+ * A WebGL p5.Graphics will use a WebGL2 context if it is supported by the browser.
+ * Check the <a href="#/p5/webglVersion">pg.webglVersion</a> property of the renderer
+ * to check what version is being used, or call <a href="#/p5/setAttributes">pg.setAttributes({ version: 1 })</a>
+ * to create a WebGL1 context.
+ *
+ * Optionally, an existing canvas can be passed using a selector, ie. document.getElementById('').
+ * By default this canvas will be hidden (offscreen buffer), to make visible, set element's style to display:block;
+ *
+ * @method createGraphics
+ * @param  {Number} w width of the offscreen graphics buffer
+ * @param  {Number} h height of the offscreen graphics buffer
+ * @param  {Constant} [renderer] either P2D or WEBGL
+ *                               undefined defaults to p2d
+ * @param  {HTMLCanvasElement} [canvas] existing html canvas element
+ * @return {p5.Graphics} offscreen graphics buffer
+ * @example
+ * <div>
+ * <code>
+ * let pg;
+ * function setup() {
+ *   createCanvas(100, 100);
+ *   pg = createGraphics(100, 100);
+ * }
+ *
+ * function draw() {
+ *   background(200);
+ *   pg.background(100);
+ *   pg.noStroke();
+ *   pg.ellipse(pg.width / 2, pg.height / 2, 50, 50);
+ *   image(pg, 50, 50);
+ *   image(pg, 0, 0, 50, 50);
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * 4 grey squares alternating light and dark grey. White quarter circle mid-left.
+ */
+        /**
+ * @method createGraphics
+ * @param  {Number} w
+ * @param  {Number} h
+ * @param  {HTMLCanvasElement} [canvas]
+ * @return {p5.Graphics} offscreen graphics buffer
+ */
+        _main.default.prototype.createGraphics = function (w, h) {
+          for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+            args[_key - 2] = arguments[_key];
+          }          /**
+    * args[0] is expected to be renderer
+    * args[1] is expected to be canvas
+    */
+
+          if (args[0] instanceof HTMLCanvasElement) {
+            args[1] = args[0];
+            args[0] = constants.P2D;
+          }
+          _main.default._validateParameters('createGraphics', arguments);
+          return new _main.default.Graphics(w, h, args[0], this, args[1]);
+        };
+        /**
+ * Creates and returns a new <a href="#/p5.Framebuffer">p5.Framebuffer</a>, a
+ * high-performance WebGL object that you can draw to and then use as a texture.
+ *
+ * Options can include:
+ * - `format`: The data format of the texture, either `UNSIGNED_BYTE`, `FLOAT`, or `HALF_FLOAT`. The default is `UNSIGNED_BYTE`.
+ * - `channels`: What color channels to store, either `RGB` or `RGBA`. The default is to match the channels in the main canvas (with alpha unless disabled with `setAttributes`.)
+ * - `depth`: A boolean, whether or not to include a depth buffer. Defaults to true.
+ * - `depthFormat`: The data format for depth information, either `UNSIGNED_INT` or `FLOAT`. The default is `FLOAT` if available, or `UNSIGNED_INT` otherwise.
+ * - `stencil`: A boolean, whether or not to include a stencil buffer, which can be used for masking. This may only be used if also using a depth buffer. Defaults to the value of `depth`, which is true if not provided.
+ * - `antialias`: Boolean or Number, whether or not to render with antialiased edges, and if so, optionally the number of samples to use. Defaults to whether or not the main canvas is antialiased, using a default of 2 samples if so. Antialiasing is only supported when WebGL 2 is available.
+ * - `width`: The width of the texture. Defaults to matching the main canvas.
+ * - `height`: The height of the texture. Defaults to matching the main canvas.
+ * - `density`: The pixel density of the texture. Defaults to the pixel density of the main canvas.
+ * - `textureFiltering`: Either `LINEAR` (nearby pixels will be interpolated when reading values from the color texture) or `NEAREST` (no interpolation.) Generally, use `LINEAR` when using the texture as an image, and use `NEAREST` if reading the texture as data. Defaults to `LINEAR`.
+ *
+ * If `width`, `height`, or `density` are specified, then the framebuffer will
+ * keep that size until manually changed. Otherwise, it will be autosized, and
+ * it will update to match the main canvas's size and density when the main
+ * canvas changes.
+ *
+ * @method createFramebuffer
+ * @param {Object} [options] An optional object with configuration
+ *
+ * @example
+ * <div>
+ * <code>
+ * let prev, next, cam;
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   prev = createFramebuffer({ format: FLOAT });
+ *   next = createFramebuffer({ format: FLOAT });
+ *   cam = createCamera();
+ *   noStroke();
+ * }
+ *
+ * function draw() {
+ *   // Swap prev and next so that we can use the previous
+ *   // frame as a texture when drawing the current frame
+ *   [prev, next] = [next, prev];
+ *
+ *   // Draw to the framebuffer
+ *   next.begin();
+ *   background(255);
+ *
+ *   push();
+ *   // Draw the previous texture farther away, but scaled
+ *   // up to fill the screen, plus a bit extra scale so it grows
+ *   translate(0, 0, -200);
+ *   scale(1.001 * (200 + cam.eyeZ) / cam.eyeZ);
+ *   tint(255, 253);
+ *   image(prev, -width/2, -height/2);
+ *   pop();
+ *
+ *   push();
+ *   normalMaterial();
+ *   translate(25*sin(frameCount * 0.014), 25*sin(frameCount * 0.02), 0);
+ *   rotateX(frameCount * 0.01);
+ *   rotateY(frameCount * 0.01);
+ *   box(12);
+ *   pop();
+ *   next.end();
+ *
+ *   image(next, -width/2, -height/2);
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * A red, green, and blue box (using normalMaterial) moves and rotates around
+ * the canvas, leaving a trail behind it that slowly grows and fades away.
+ */
+        _main.default.prototype.createFramebuffer = function (options) {
+          return new _main.default.Framebuffer(this, options);
+        };
+        /**
+ * Blends the pixels in the display window according to the defined mode.
+ * There is a choice of the following modes to blend the source pixels (A)
+ * with the ones of pixels already in the display window (B):
+ * <ul>
+ * <li><code>BLEND</code> - linear interpolation of colours: C =
+ * A*factor + B. <b>This is the default blending mode.</b></li>
+ * <li><code>ADD</code> - sum of A and B</li>
+ * <li><code>DARKEST</code> - only the darkest colour succeeds: C =
+ * min(A*factor, B).</li>
+ * <li><code>LIGHTEST</code> - only the lightest colour succeeds: C =
+ * max(A*factor, B).</li>
+ * <li><code>DIFFERENCE</code> - subtract colors from underlying image.
+ * <em>(2D)</em></li>
+ * <li><code>EXCLUSION</code> - similar to <code>DIFFERENCE</code>, but less
+ * extreme.</li>
+ * <li><code>MULTIPLY</code> - multiply the colors, result will always be
+ * darker.</li>
+ * <li><code>SCREEN</code> - opposite multiply, uses inverse values of the
+ * colors.</li>
+ * <li><code>REPLACE</code> - the pixels entirely replace the others and
+ * don't utilize alpha (transparency) values.</li>
+ * <li><code>REMOVE</code> - removes pixels from B with the alpha strength of A.</li>
+ * <li><code>OVERLAY</code> - mix of <code>MULTIPLY</code> and <code>SCREEN
+ * </code>. Multiplies dark values, and screens light values. <em>(2D)</em></li>
+ * <li><code>HARD_LIGHT</code> - <code>SCREEN</code> when greater than 50%
+ * gray, <code>MULTIPLY</code> when lower. <em>(2D)</em></li>
+ * <li><code>SOFT_LIGHT</code> - mix of <code>DARKEST</code> and
+ * <code>LIGHTEST</code>. Works like <code>OVERLAY</code>, but not as harsh. <em>(2D)</em>
+ * </li>
+ * <li><code>DODGE</code> - lightens light tones and increases contrast,
+ * ignores darks. <em>(2D)</em></li>
+ * <li><code>BURN</code> - darker areas are applied, increasing contrast,
+ * ignores lights. <em>(2D)</em></li>
+ * <li><code>SUBTRACT</code> - remainder of A and B <em>(3D)</em></li>
+ * </ul>
+ *
+ * <em>(2D)</em> indicates that this blend mode <b>only</b> works in the 2D renderer.<br>
+ * <em>(3D)</em> indicates that this blend mode <b>only</b> works in the WEBGL renderer.
+ *
+ * @method blendMode
+ * @param  {Constant} mode blend mode to set for canvas.
+ *                either BLEND, DARKEST, LIGHTEST, DIFFERENCE, MULTIPLY,
+ *                EXCLUSION, SCREEN, REPLACE, OVERLAY, HARD_LIGHT,
+ *                SOFT_LIGHT, DODGE, BURN, ADD, REMOVE or SUBTRACT
+ * @example
+ * <div>
+ * <code>
+ * blendMode(LIGHTEST);
+ * strokeWeight(30);
+ * stroke(80, 150, 255);
+ * line(25, 25, 75, 75);
+ * stroke(255, 50, 50);
+ * line(75, 25, 25, 75);
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * blendMode(MULTIPLY);
+ * strokeWeight(30);
+ * stroke(80, 150, 255);
+ * line(25, 25, 75, 75);
+ * stroke(255, 50, 50);
+ * line(75, 25, 25, 75);
+ * </code>
+ * </div>
+ *
+ * @alt
+ * translucent image thick red & blue diagonal rounded lines intersecting center
+ * Thick red & blue diagonal rounded lines intersecting center. dark at overlap
+ */
+        _main.default.prototype.blendMode = function (mode) {
+          _main.default._validateParameters('blendMode', arguments);
+          if (mode === constants.NORMAL) {
+            // Warning added 3/26/19, can be deleted in future (1.0 release?)
+            console.warn('NORMAL has been deprecated for use in blendMode. defaulting to BLEND instead.');
+            mode = constants.BLEND;
+          }
+          this._renderer.blendMode(mode);
+        };
+        /**
+ * The p5.js API provides a lot of functionality for creating graphics, but there is
+ * some native HTML5 Canvas functionality that is not exposed by p5. You can still call
+ * it directly using the variable `drawingContext`, as in the example shown. This is
+ * the equivalent of calling `canvas.getContext('2d');` or `canvas.getContext('webgl');`.
+ * See this
+ * <a href="https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D">
+ * reference for the native canvas API</a> for possible drawing functions you can call.
+ *
+ * @property drawingContext
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   drawingContext.shadowOffsetX = 5;
+ *   drawingContext.shadowOffsetY = -5;
+ *   drawingContext.shadowBlur = 10;
+ *   drawingContext.shadowColor = 'black';
+ *   background(200);
+ *   ellipse(width / 2, height / 2, 50, 50);
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * white ellipse with shadow blur effect around edges
+ */
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        '../webgl/p5.RendererGL': 355,
+        './constants': 286,
+        './main': 298,
+        './p5.Graphics': 300,
+        './p5.Renderer2D': 302,
+        'core-js/modules/es.array.filter': 173,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.object.get-own-property-descriptor': 196,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/es.weak-map': 254,
+        'core-js/modules/web.dom-collections.iterator': 256
+      }
+    ],
+    305: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.from');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.object.get-own-property-descriptor');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.weak-map');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        function _typeof2(obj) {
+          if (typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol') {
+            _typeof2 = function _typeof2(obj) {
+              return typeof obj;
+            };
+          } else {
+            _typeof2 = function _typeof2(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj;
+            };
+          }
+          return _typeof2(obj);
+        }
+        function _typeof(obj) {
+          if (typeof Symbol === 'function' && _typeof2(Symbol.iterator) === 'symbol') {
+            _typeof = function _typeof(obj) {
+              return _typeof2(obj);
+            };
+          } else {
+            _typeof = function _typeof(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : _typeof2(obj);
+            };
+          }
+          return _typeof(obj);
+        }
+        _dereq_('core-js/modules/es.array.slice');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../main'));
+        var constants = _interopRequireWildcard(_dereq_('../constants'));
+        var _helpers = _interopRequireDefault(_dereq_('../helpers'));
+        _dereq_('../friendly_errors/fes_core');
+        _dereq_('../friendly_errors/file_errors');
+        _dereq_('../friendly_errors/validate_params');
+        function _getRequireWildcardCache() {
+          if (typeof WeakMap !== 'function') return null;
+          var cache = new WeakMap();
+          _getRequireWildcardCache = function _getRequireWildcardCache() {
+            return cache;
+          };
+          return cache;
+        }
+        function _interopRequireWildcard(obj) {
+          if (obj && obj.__esModule) {
+            return obj;
+          }
+          if (obj === null || _typeof(obj) !== 'object' && typeof obj !== 'function') {
+            return {
+            default:
+              obj
+            };
+          }
+          var cache = _getRequireWildcardCache();
+          if (cache && cache.has(obj)) {
+            return cache.get(obj);
+          }
+          var newObj = {
+          };
+          var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+          for (var key in obj) {
+            if (Object.prototype.hasOwnProperty.call(obj, key)) {
+              var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+              if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+              } else {
+                newObj[key] = obj[key];
+              }
+            }
+          }
+          newObj.default = obj;
+          if (cache) {
+            cache.set(obj, newObj);
+          }
+          return newObj;
+        }
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }
+        function _toConsumableArray(arr) {
+          return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
+        }
+        function _nonIterableSpread() {
+          throw new TypeError('Invalid attempt to spread non-iterable instance');
+        }
+        function _iterableToArray(iter) {
+          if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === '[object Arguments]') return Array.from(iter);
+        }
+        function _arrayWithoutHoles(arr) {
+          if (Array.isArray(arr)) {
+            for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) {
+              arr2[i] = arr[i];
+            }
+            return arr2;
+          }
+        } /**
+   * @module Shape
+   * @submodule 2D Primitives
+   * @for p5
+   * @requires core
+   * @requires constants
+   */
+        /**
+ * This function does 3 things:
+ *
+ *   1. Bounds the desired start/stop angles for an arc (in radians) so that:
+ *
+ *          0 <= start < TWO_PI ;    start <= stop < start + TWO_PI
+ *
+ *      This means that the arc rendering functions don't have to be concerned
+ *      with what happens if stop is smaller than start, or if the arc 'goes
+ *      round more than once', etc.: they can just start at start and increase
+ *      until stop and the correct arc will be drawn.
+ *
+ *   2. Optionally adjusts the angles within each quadrant to counter the naive
+ *      scaling of the underlying ellipse up from the unit circle.  Without
+ *      this, the angles become arbitrary when width != height: 45 degrees
+ *      might be drawn at 5 degrees on a 'wide' ellipse, or at 85 degrees on
+ *      a 'tall' ellipse.
+ *
+ *   3. Flags up when start and stop correspond to the same place on the
+ *      underlying ellipse.  This is useful if you want to do something special
+ *      there (like rendering a whole ellipse instead).
+ */
+
+        _main.default.prototype._normalizeArcAngles = function (start, stop, width, height, correctForScaling) {
+          var epsilon = 0.00001; // Smallest visible angle on displays up to 4K.
+          var separation;
+          // The order of the steps is important here: each one builds upon the
+          // adjustments made in the steps that precede it.
+          // Constrain both start and stop to [0,TWO_PI).
+          start = start - constants.TWO_PI * Math.floor(start / constants.TWO_PI);
+          stop = stop - constants.TWO_PI * Math.floor(stop / constants.TWO_PI);
+          // Get the angular separation between the requested start and stop points.
+          //
+          // Technically this separation only matches what gets drawn if
+          // correctForScaling is enabled.  We could add a more complicated calculation
+          // for when the scaling is uncorrected (in which case the drawn points could
+          // end up pushed together or pulled apart quite dramatically relative to what
+          // was requested), but it would make things more opaque for little practical
+          // benefit.
+          //
+          // (If you do disable correctForScaling and find that correspondToSamePoint
+          // is set too aggressively, the easiest thing to do is probably to just make
+          // epsilon smaller...)
+          separation = Math.min(Math.abs(start - stop), constants.TWO_PI - Math.abs(start - stop));
+          // Optionally adjust the angles to counter linear scaling.
+          if (correctForScaling) {
+            if (start <= constants.HALF_PI) {
+              start = Math.atan(width / height * Math.tan(start));
+            } else if (start > constants.HALF_PI && start <= 3 * constants.HALF_PI) {
+              start = Math.atan(width / height * Math.tan(start)) + constants.PI;
+            } else {
+              start = Math.atan(width / height * Math.tan(start)) + constants.TWO_PI;
+            }
+            if (stop <= constants.HALF_PI) {
+              stop = Math.atan(width / height * Math.tan(stop));
+            } else if (stop > constants.HALF_PI && stop <= 3 * constants.HALF_PI) {
+              stop = Math.atan(width / height * Math.tan(stop)) + constants.PI;
+            } else {
+              stop = Math.atan(width / height * Math.tan(stop)) + constants.TWO_PI;
+            }
+          }          // Ensure that start <= stop < start + TWO_PI.
+
+          if (start > stop) {
+            stop += constants.TWO_PI;
+          }
+          return {
+            start: start,
+            stop: stop,
+            correspondToSamePoint: separation < epsilon
+          };
+        };
+        /**
+ * Draws an arc to the canvas. Arcs are drawn along the outer edge of an ellipse
+ * (oval) defined by the `x`, `y`, `w`, and `h` parameters. Use the `start` and `stop`
+ * parameters to specify the angles (in radians) at which to draw the arc. Arcs are
+ * always drawn clockwise from `start` to `stop`. The origin of the arc's ellipse may
+ * be changed with the <a href="#/p5/ellipseMode">ellipseMode()</a> function.
+ *
+ * The optional `mode` parameter determines the arc's fill style. The fill modes are
+ * a semi-circle (`OPEN`), a closed semi-circle (`CHORD`), or a closed pie segment (`PIE`).
+ *
+ * @method arc
+ * @param  {Number} x      x-coordinate of the arc's ellipse.
+ * @param  {Number} y      y-coordinate of the arc's ellipse.
+ * @param  {Number} w      width of the arc's ellipse by default.
+ * @param  {Number} h      height of the arc's ellipse by default.
+ * @param  {Number} start  angle to start the arc, specified in radians.
+ * @param  {Number} stop   angle to stop the arc, specified in radians.
+ * @param  {Constant} [mode] optional parameter to determine the way of drawing
+ *                         the arc. either CHORD, PIE, or OPEN.
+ * @param  {Integer} [detail] optional parameter for WebGL mode only. This is to
+ *                         specify the number of vertices that makes up the
+ *                         perimeter of the arc. Default value is 25. Won't
+ *                         draw a stroke for a detail of more than 50.
+ * @chainable
+ *
+ * @example
+ * <div>
+ * <code>
+ * arc(50, 55, 50, 50, 0, HALF_PI);
+ * noFill();
+ * arc(50, 55, 60, 60, HALF_PI, PI);
+ * arc(50, 55, 70, 70, PI, PI + QUARTER_PI);
+ * arc(50, 55, 80, 80, PI + QUARTER_PI, TWO_PI);
+ * describe(
+ *   'A shattered outline of an ellipse with a quarter of a white circle at the bottom-right.'
+ * );
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * arc(50, 50, 80, 80, 0, PI + QUARTER_PI);
+ * describe('A white ellipse with the top-right third missing. The bottom is outlined in black.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * arc(50, 50, 80, 80, 0, PI + QUARTER_PI, OPEN);
+ * describe(
+ *   'A white ellipse missing a section from the top-right. The bottom is outlined in black.'
+ * );
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * arc(50, 50, 80, 80, 0, PI + QUARTER_PI, CHORD);
+ * describe('A white ellipse with a black outline missing a section from the top-right.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * arc(50, 50, 80, 80, 0, PI + QUARTER_PI, PIE);
+ * describe('A white ellipse with a black outline. The top-right third is missing.');
+ * </code>
+ * </div>
+ *
+ */
+        _main.default.prototype.arc = function (x, y, w, h, start, stop, mode, detail) {
+          _main.default._validateParameters('arc', arguments);
+          // if the current stroke and fill settings wouldn't result in something
+          // visible, exit immediately
+          if (!this._renderer._doStroke && !this._renderer._doFill) {
+            return this;
+          }
+          if (start === stop) {
+            return this;
+          }
+          start = this._toRadians(start);
+          stop = this._toRadians(stop);
+          // p5 supports negative width and heights for ellipses
+          w = Math.abs(w);
+          h = Math.abs(h);
+          var vals = _helpers.default.modeAdjust(x, y, w, h, this._renderer._ellipseMode);
+          var angles = this._normalizeArcAngles(start, stop, vals.w, vals.h, true);
+          if (angles.correspondToSamePoint) {
+            // If the arc starts and ends at (near enough) the same place, we choose to
+            // draw an ellipse instead.  This is preferable to faking an ellipse (by
+            // making stop ever-so-slightly less than start + TWO_PI) because the ends
+            // join up to each other rather than at a vertex at the centre (leaving
+            // an unwanted spike in the stroke/fill).
+            this._renderer.ellipse([vals.x,
+            vals.y,
+            vals.w,
+            vals.h,
+            detail]);
+          } else {
+            this._renderer.arc(vals.x, vals.y, vals.w, vals.h, angles.start,            // [0, TWO_PI)
+            angles.stop,            // [start, start + TWO_PI)
+            mode, detail);
+            //accessible Outputs
+            if (this._accessibleOutputs.grid || this._accessibleOutputs.text) {
+              this._accsOutput('arc', [
+                vals.x,
+                vals.y,
+                vals.w,
+                vals.h,
+                angles.start,
+                angles.stop,
+                mode
+              ]);
+            }
+          }
+          return this;
+        };
+        /**
+ * Draws an ellipse (oval) to the canvas. An ellipse with equal width and height
+ * is a circle. By default, the first two parameters set the location of the
+ * center of the ellipse. The third and fourth parameters set the shape's width
+ * and height, respectively. The origin may be changed with the
+ * <a href="#/p5/ellipseMode">ellipseMode()</a> function.
+ *
+ * If no height is specified, the value of width is used for both the width and
+ * height. If a negative height or width is specified, the absolute value is
+ * taken.
+ *
+ * @method ellipse
+ * @param  {Number} x x-coordinate of the center of the ellipse.
+ * @param  {Number} y y-coordinate of the center of the ellipse.
+ * @param  {Number} w width of the ellipse.
+ * @param  {Number} [h] height of the ellipse.
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * ellipse(56, 46, 55, 55);
+ * describe('A white ellipse with black outline in middle of a gray canvas.');
+ * </code>
+ * </div>
+ *
+ */
+        /**
+ * @method ellipse
+ * @param  {Number} x
+ * @param  {Number} y
+ * @param  {Number} w
+ * @param  {Number} h
+ * @param  {Integer} [detail] optional parameter for WebGL mode only. This is to
+ *                         specify the number of vertices that makes up the
+ *                         perimeter of the ellipse. Default value is 25. Won't
+ *                         draw a stroke for a detail of more than 50.
+ */
+        _main.default.prototype.ellipse = function (x, y, w, h, detailX) {
+          _main.default._validateParameters('ellipse', arguments);
+          return this._renderEllipse.apply(this, arguments);
+        };
+        /**
+ * Draws a circle to the canvas. A circle is a round shape. Every point on the
+ * edge of a circle is the same distance from its center. By default, the first
+ * two parameters set the location of the center of the circle. The third
+ * parameter sets the shape's width and height (diameter). The origin may be
+ * changed with the <a href="#/p5/ellipseMode">ellipseMode()</a> function.
+ *
+ * @method circle
+ * @param  {Number} x  x-coordinate of the center of the circle.
+ * @param  {Number} y  y-coordinate of the center of the circle.
+ * @param  {Number} d  diameter of the circle.
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * circle(30, 30, 20);
+ * describe('A white circle with black outline in the middle of a gray canvas.');
+ * </code>
+ * </div>
+ *
+ */
+        _main.default.prototype.circle = function () {
+          _main.default._validateParameters('circle', arguments);
+          var args = Array.prototype.slice.call(arguments, 0, 2);
+          args.push(arguments[2]);
+          args.push(arguments[2]);
+          return this._renderEllipse.apply(this, _toConsumableArray(args));
+        };
+        // internal method for drawing ellipses (without parameter validation)
+        _main.default.prototype._renderEllipse = function (x, y, w, h, detailX) {
+          // if the current stroke and fill settings wouldn't result in something
+          // visible, exit immediately
+          if (!this._renderer._doStroke && !this._renderer._doFill) {
+            return this;
+          }          // p5 supports negative width and heights for rects
+
+          if (w < 0) {
+            w = Math.abs(w);
+          }
+          if (typeof h === 'undefined') {
+            // Duplicate 3rd argument if only 3 given.
+            h = w;
+          } else if (h < 0) {
+            h = Math.abs(h);
+          }
+          var vals = _helpers.default.modeAdjust(x, y, w, h, this._renderer._ellipseMode);
+          this._renderer.ellipse([vals.x,
+          vals.y,
+          vals.w,
+          vals.h,
+          detailX]);
+          //accessible Outputs
+          if (this._accessibleOutputs.grid || this._accessibleOutputs.text) {
+            this._accsOutput('ellipse', [
+              vals.x,
+              vals.y,
+              vals.w,
+              vals.h
+            ]);
+          }
+          return this;
+        };
+        /**
+ * Draws a line, a straight path between two points. Its default width is one pixel.
+ * The version of `line()` with four parameters draws the line in 2D. To color a line,
+ * use the <a href="#/p5/stroke">stroke()</a> function. To change its width, use the
+ * <a href="#/p5/strokeWeight">strokeWeight()</a> function. A line
+ * can't be filled, so the <a href="#/p5/fill">fill()</a> function won't affect
+ * the color of a  line.
+ *
+ * The version of `line()` with six parameters allows the line to be drawn in 3D
+ * space. Doing so requires adding the `WEBGL` argument to
+ * <a href="#/p5/createCanvas">createCanvas()</a>.
+ *
+ * @method line
+ * @param  {Number} x1 the x-coordinate of the first point.
+ * @param  {Number} y1 the y-coordinate of the first point.
+ * @param  {Number} x2 the x-coordinate of the second point.
+ * @param  {Number} y2 the y-coordinate of the second point.
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * line(30, 20, 85, 75);
+ * describe(
+ *   'A black line on a gray canvas running from top-center to bottom-right.'
+ * );
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * line(30, 20, 85, 20);
+ * stroke(126);
+ * line(85, 20, 85, 75);
+ * stroke(255);
+ * line(85, 75, 30, 75);
+ * describe(
+ *   'Three lines drawn in grayscale on a gray canvas. They form the top, right, and bottom sides of a square.'
+ * );
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   describe('A black line drawn on a gray canvas.');
+ * }
+ *
+ * function draw() {
+ *   background(220);
+ *   line(0, 0, 0, 10, 10, 0);
+ * }
+ * </code>
+ * </div>
+ *
+ */
+        /**
+ * @method line
+ * @param  {Number} x1
+ * @param  {Number} y1
+ * @param  {Number} z1 the z-coordinate of the first point.
+ * @param  {Number} x2
+ * @param  {Number} y2
+ * @param  {Number} z2 the z-coordinate of the second point.
+ * @chainable
+ */
+        _main.default.prototype.line = function () {
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
+          _main.default._validateParameters('line', args);
+          if (this._renderer._doStroke) {
+            var _this$_renderer;
+            (_this$_renderer = this._renderer).line.apply(_this$_renderer, args);
+          }          //accessible Outputs
+
+          if (this._accessibleOutputs.grid || this._accessibleOutputs.text) {
+            this._accsOutput('line', args);
+          }
+          return this;
+        };
+        /**
+ * Draws a point, a single coordinate in space. Its default size is one pixel. The first two
+ * parameters are the point's x- and y-coordinates, respectively. To color a point, use
+ * the <a href="#/p5/stroke">stroke()</a> function. To change its size, use the
+ * <a href="#/p5/strokeWeight">strokeWeight()</a> function.
+ *
+ * The version of `point()` with three parameters allows the point to be drawn in 3D
+ * space. Doing so requires adding the `WEBGL` argument to
+ * <a href="#/p5/createCanvas">createCanvas()</a>.
+ *
+ * The version of point() with one parameter allows the point's location to be set with
+ * a <a href="#/p5/p5.Vector">p5.Vector</a> object.
+ *
+ * @method point
+ * @param  {Number} x the x-coordinate.
+ * @param  {Number} y the y-coordinate.
+ * @param  {Number} [z] the z-coordinate (for WebGL mode).
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * point(30, 20);
+ * point(85, 20);
+ * point(85, 75);
+ * point(30, 75);
+ * describe(
+ *   'Four small, black points drawn on a gray canvas. The points form the corners of a square.'
+ * );
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * point(30, 20);
+ * point(85, 20);
+ * stroke('purple');
+ * strokeWeight(10);
+ * point(85, 75);
+ * point(30, 75);
+ * describe(
+ *   'Four points drawn on a gray canvas. Two are black and two are purple. The points form the corners of a square.'
+ * );
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let a = createVector(10, 10);
+ * point(a);
+ * let b = createVector(10, 20);
+ * point(b);
+ * let c = createVector(20, 10);
+ * point(c);
+ * let d = createVector(20, 20);
+ * point(d);
+ * describe(
+ *   'Four small, black points drawn on a gray canvas. The points form the corners of a square.'
+ * );
+ * </code>
+ * </div>
+ *
+ */
+        /**
+ * @method point
+ * @param {p5.Vector} coordinateVector the coordinate vector.
+ * @chainable
+ */
+        _main.default.prototype.point = function () {
+          for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+            args[_key2] = arguments[_key2];
+          }
+          _main.default._validateParameters('point', args);
+          if (this._renderer._doStroke) {
+            if (args.length === 1 && args[0] instanceof _main.default.Vector) {
+              this._renderer.point.call(this._renderer, args[0].x, args[0].y, args[0].z);
+            } else {
+              var _this$_renderer2;
+              (_this$_renderer2 = this._renderer).point.apply(_this$_renderer2, args);
+              //accessible Outputs
+              if (this._accessibleOutputs.grid || this._accessibleOutputs.text) {
+                this._accsOutput('point', args);
+              }
+            }
+          }
+          return this;
+        };
+        /**
+ * Draws a quad to the canvas. A quad is a quadrilateral, a four-sided
+ * polygon. Some examples of quads include rectangles, squares, rhombuses,
+ * and trapezoids. The first pair of parameters (`x1`,`y1`) sets the quad's
+ * first point. The following pairs of parameters set the coordinates for
+ * its next three points. Parameters should proceed clockwise or
+ * counter-clockwise around the shape.
+ *
+ * The version of `quad()` with twelve parameters allows the quad to be drawn
+ * in 3D space. Doing so requires adding the `WEBGL` argument to
+ * <a href="#/p5/createCanvas">createCanvas()</a>.
+ *
+ * @method quad
+ * @param {Number} x1 the x-coordinate of the first point.
+ * @param {Number} y1 the y-coordinate of the first point.
+ * @param {Number} x2 the x-coordinate of the second point.
+ * @param {Number} y2 the y-coordinate of the second point.
+ * @param {Number} x3 the x-coordinate of the third point.
+ * @param {Number} y3 the y-coordinate of the third point.
+ * @param {Number} x4 the x-coordinate of the fourth point.
+ * @param {Number} y4 the y-coordinate of the fourth point.
+ * @param {Integer} [detailX] number of segments in the x-direction.
+ * @param {Integer} [detailY] number of segments in the y-direction.
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * quad(20, 20, 80, 20, 80, 80, 20, 80);
+ * describe('A white square with a black outline drawn on a gray canvas.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * quad(20, 30, 80, 30, 80, 70, 20, 70);
+ * describe('A white rectangle with a black outline drawn on a gray canvas.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * quad(50, 62, 86, 50, 50, 38, 14, 50);
+ * describe('A white rhombus with a black outline drawn on a gray canvas.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * quad(20, 50, 80, 30, 80, 70, 20, 70);
+ * describe('A white trapezoid with a black outline drawn on a gray canvas.');
+ * </code>
+ * </div>
+ */
+        /**
+ * @method quad
+ * @param {Number} x1
+ * @param {Number} y1
+ * @param {Number} z1 the z-coordinate of the first point.
+ * @param {Number} x2
+ * @param {Number} y2
+ * @param {Number} z2 the z-coordinate of the second point.
+ * @param {Number} x3
+ * @param {Number} y3
+ * @param {Number} z3 the z-coordinate of the third point.
+ * @param {Number} x4
+ * @param {Number} y4
+ * @param {Number} z4 the z-coordinate of the fourth point.
+ * @param {Integer} [detailX]
+ * @param {Integer} [detailY]
+ * @chainable
+ */
+        _main.default.prototype.quad = function () {
+          for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+            args[_key3] = arguments[_key3];
+          }
+          _main.default._validateParameters('quad', args);
+          if (this._renderer._doStroke || this._renderer._doFill) {
+            if (this._renderer.isP3D && args.length < 12) {
+              // if 3D and we weren't passed 12 args, assume Z is 0
+              this._renderer.quad.call(this._renderer, args[0], args[1], 0, args[2], args[3], 0, args[4], args[5], 0, args[6], args[7], 0, args[8], args[9]);
+            } else {
+              var _this$_renderer3;
+              (_this$_renderer3 = this._renderer).quad.apply(_this$_renderer3, args);
+              //accessibile outputs
+              if (this._accessibleOutputs.grid || this._accessibleOutputs.text) {
+                this._accsOutput('quadrilateral', args);
+              }
+            }
+          }
+          return this;
+        };
+        /**
+ * Draws a rectangle to the canvas. A rectangle is a four-sided polygon with
+ * every angle at ninety degrees. By default, the first two parameters set the
+ * location of the rectangle's upper-left corner. The third and fourth set the
+ * shape's the width and height, respectively. The way these parameters are
+ * interpreted may be changed with the <a href="#/p5/rectMode">rectMode()</a>
+ * function.
+ *
+ * The version of `rect()` with five parameters creates a rounded rectangle. The
+ * fifth parameter is used as the radius value for all four corners.
+ *
+ * The version of `rect()` with eight parameters also creates a rounded rectangle.
+ * When using eight parameters, the latter four set the radius of the arc at
+ * each corner separately. The radii start with the top-left corner and move
+ * clockwise around the rectangle. If any of these parameters are omitted, they
+ * are set to the value of the last specified corner radius.
+ *
+ * @method rect
+ * @param  {Number} x  x-coordinate of the rectangle.
+ * @param  {Number} y  y-coordinate of the rectangle.
+ * @param  {Number} w  width of the rectangle.
+ * @param  {Number} [h]  height of the rectangle.
+ * @param  {Number} [tl] optional radius of top-left corner.
+ * @param  {Number} [tr] optional radius of top-right corner.
+ * @param  {Number} [br] optional radius of bottom-right corner.
+ * @param  {Number} [bl] optional radius of bottom-left corner.
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * rect(30, 20, 55, 55);
+ * describe('A white rectangle with a black outline on a gray canvas.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * rect(30, 20, 55, 55, 20);
+ * describe(
+ *   'A white rectangle with a black outline and round edges on a gray canvas.'
+ * );
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * rect(30, 20, 55, 55, 20, 15, 10, 5);
+ * describe('A white rectangle with a black outline and round edges of different radii.');
+ * </code>
+ * </div>
+ *
+ */
+        /**
+ * @method rect
+ * @param  {Number} x
+ * @param  {Number} y
+ * @param  {Number} w
+ * @param  {Number} h
+ * @param  {Integer} [detailX] number of segments in the x-direction (for WebGL mode).
+ * @param  {Integer} [detailY] number of segments in the y-direction (for WebGL mode).
+ * @chainable
+ */
+        _main.default.prototype.rect = function () {
+          for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+            args[_key4] = arguments[_key4];
+          }
+          _main.default._validateParameters('rect', args);
+          return this._renderRect.apply(this, args);
+        };
+        /**
+ * Draws a square to the canvas. A square is a four-sided polygon with every
+ * angle at ninety degrees and equal side lengths. By default, the first two
+ * parameters set the location of the square's upper-left corner. The third
+ * parameter sets its side size. The way these parameters are interpreted may
+ * be changed with the <a href="#/p5/rectMode">rectMode()</a> function.
+ *
+ * The version of `square()` with four parameters creates a rounded square. The
+ * fourth parameter is used as the radius value for all four corners.
+ *
+ * The version of `square()` with seven parameters also creates a rounded square.
+ * When using seven parameters, the latter four set the radius of the arc at
+ * each corner separately. The radii start with the top-left corner and move
+ * clockwise around the square. If any of these parameters are omitted, they
+ * are set to the value of the last specified corner radius.
+ *
+ * @method square
+ * @param  {Number} x  x-coordinate of the square.
+ * @param  {Number} y  y-coordinate of the square.
+ * @param  {Number} s  side size of the square.
+ * @param  {Number} [tl] optional radius of top-left corner.
+ * @param  {Number} [tr] optional radius of top-right corner.
+ * @param  {Number} [br] optional radius of bottom-right corner.
+ * @param  {Number} [bl] optional radius of bottom-left corner.
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * square(30, 20, 55);
+ * describe('A white square with a black outline in on a gray canvas.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * square(30, 20, 55, 20);
+ * describe(
+ *   'A white square with a black outline and round edges on a gray canvas.'
+ * );
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * square(30, 20, 55, 20, 15, 10, 5);
+ * describe('A white square with a black outline and round edges of different radii.');
+ * </code>
+ * </div>
+ *
+ */
+        _main.default.prototype.square = function (x, y, s, tl, tr, br, bl) {
+          _main.default._validateParameters('square', arguments);
+          // duplicate width for height in case of square
+          return this._renderRect.call(this, x, y, s, s, tl, tr, br, bl);
+        };
+        // internal method to have renderer draw a rectangle
+        _main.default.prototype._renderRect = function () {
+          if (this._renderer._doStroke || this._renderer._doFill) {
+            // duplicate width for height in case only 3 arguments is provided
+            if (arguments.length === 3) {
+              arguments[3] = arguments[2];
+            }
+            var vals = _helpers.default.modeAdjust(arguments[0], arguments[1], arguments[2], arguments[3], this._renderer._rectMode);
+            var args = [
+              vals.x,
+              vals.y,
+              vals.w,
+              vals.h
+            ];
+            // append the additional arguments (either cornder radii, or
+            // segment details) to the argument list
+            for (var i = 4; i < arguments.length; i++) {
+              args[i] = arguments[i];
+            }
+            this._renderer.rect(args);
+            //accessible outputs
+            if (this._accessibleOutputs.grid || this._accessibleOutputs.text) {
+              this._accsOutput('rectangle', [
+                vals.x,
+                vals.y,
+                vals.w,
+                vals.h
+              ]);
+            }
+          }
+          return this;
+        };
+        /**
+ * Draws a triangle to the canvas. A triangle is a three-sided polygon. The
+ * first two parameters specify the triangle's first point `(x1,y1)`. The middle
+ * two parameters specify its second point `(x2,y2)`. And the last two parameters
+ * specify its third point `(x3, y3)`.
+ *
+ * @method triangle
+ * @param  {Number} x1 x-coordinate of the first point.
+ * @param  {Number} y1 y-coordinate of the first point.
+ * @param  {Number} x2 x-coordinate of the second point.
+ * @param  {Number} y2 y-coordinate of the second point.
+ * @param  {Number} x3 x-coordinate of the third point.
+ * @param  {Number} y3 y-coordinate of the third point.
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * triangle(30, 75, 58, 20, 86, 75);
+ * describe('A white triangle with a black outline on a gray canvas.');
+ * </code>
+ * </div>
+ *
+ */
+        _main.default.prototype.triangle = function () {
+          for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
+            args[_key5] = arguments[_key5];
+          }
+          _main.default._validateParameters('triangle', args);
+          if (this._renderer._doStroke || this._renderer._doFill) {
+            this._renderer.triangle(args);
+          }          //accessible outputs
+
+          if (this._accessibleOutputs.grid || this._accessibleOutputs.text) {
+            this._accsOutput('triangle', args);
+          }
+          return this;
+        };
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        '../constants': 286,
+        '../friendly_errors/fes_core': 289,
+        '../friendly_errors/file_errors': 290,
+        '../friendly_errors/validate_params': 293,
+        '../helpers': 294,
+        '../main': 298,
+        'core-js/modules/es.array.from': 176,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.array.slice': 183,
+        'core-js/modules/es.object.get-own-property-descriptor': 196,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.regexp.to-string': 206,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/es.weak-map': 254,
+        'core-js/modules/web.dom-collections.iterator': 256
+      }
+    ],
+    306: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.object.get-own-property-descriptor');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.weak-map');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        function _typeof2(obj) {
+          if (typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol') {
+            _typeof2 = function _typeof2(obj) {
+              return typeof obj;
+            };
+          } else {
+            _typeof2 = function _typeof2(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj;
+            };
+          }
+          return _typeof2(obj);
+        }
+        function _typeof(obj) {
+          if (typeof Symbol === 'function' && _typeof2(Symbol.iterator) === 'symbol') {
+            _typeof = function _typeof(obj) {
+              return _typeof2(obj);
+            };
+          } else {
+            _typeof = function _typeof(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : _typeof2(obj);
+            };
+          }
+          return _typeof(obj);
+        }
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../main'));
+        var constants = _interopRequireWildcard(_dereq_('../constants'));
+        function _getRequireWildcardCache() {
+          if (typeof WeakMap !== 'function') return null;
+          var cache = new WeakMap();
+          _getRequireWildcardCache = function _getRequireWildcardCache() {
+            return cache;
+          };
+          return cache;
+        }
+        function _interopRequireWildcard(obj) {
+          if (obj && obj.__esModule) {
+            return obj;
+          }
+          if (obj === null || _typeof(obj) !== 'object' && typeof obj !== 'function') {
+            return {
+            default:
+              obj
+            };
+          }
+          var cache = _getRequireWildcardCache();
+          if (cache && cache.has(obj)) {
+            return cache.get(obj);
+          }
+          var newObj = {
+          };
+          var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+          for (var key in obj) {
+            if (Object.prototype.hasOwnProperty.call(obj, key)) {
+              var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+              if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+              } else {
+                newObj[key] = obj[key];
+              }
+            }
+          }
+          newObj.default = obj;
+          if (cache) {
+            cache.set(obj, newObj);
+          }
+          return newObj;
+        }
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }        /**
+ * @module Shape
+ * @submodule Attributes
+ * @for p5
+ * @requires core
+ * @requires constants
+ */
+        /**
+ * Modifies the location from which ellipses, circles, and arcs are drawn. By default, the
+ * first two parameters are the x- and y-coordinates of the shape's center. The next
+ * parameters are its width and height. This is equivalent to calling `ellipseMode(CENTER)`.
+ *
+ * `ellipseMode(RADIUS)` also uses the first two parameters to set the x- and y-coordinates
+ * of the shape's center. The next parameters are half of the shapes's width and height.
+ * Calling `ellipse(0, 0, 10, 15)` draws a shape with a width of 20 and height of 30.
+ *
+ * `ellipseMode(CORNER)` uses the first two parameters as the upper-left corner of the
+ * shape. The next parameters are its width and height.
+ *
+ * `ellipseMode(CORNERS)` uses the first two parameters as the location of one corner
+ * of the ellipse's bounding box. The third and fourth parameters are the location of the
+ * opposite corner.
+ *
+ * The argument passed to `ellipseMode()` must be written in ALL CAPS because the constants
+ * `CENTER`, `RADIUS`, `CORNER`, and `CORNERS` are defined this way. JavaScript is a
+ * case-sensitive language.
+ *
+ * @method ellipseMode
+ * @param  {Constant} mode either CENTER, RADIUS, CORNER, or CORNERS
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * ellipseMode(RADIUS);
+ * fill(255);
+ * ellipse(50, 50, 30, 30);
+ * ellipseMode(CENTER);
+ * fill(100);
+ * ellipse(50, 50, 30, 30);
+ * describe('A white circle with a gray circle at its center. Both circles have black outlines.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * ellipseMode(CORNER);
+ * fill(255);
+ * ellipse(25, 25, 50, 50);
+ * ellipseMode(CORNERS);
+ * fill(100);
+ * ellipse(25, 25, 50, 50);
+ * describe('A white circle with a gray circle at its top-left corner. Both circles have black outlines.');
+ * </code>
+ * </div>
+ */
+
+        _main.default.prototype.ellipseMode = function (m) {
+          _main.default._validateParameters('ellipseMode', arguments);
+          if (m === constants.CORNER || m === constants.CORNERS || m === constants.RADIUS || m === constants.CENTER) {
+            this._renderer._ellipseMode = m;
+          }
+          return this;
+        };
+        /**
+ * Draws all geometry with jagged (aliased) edges.
+ *
+ * <a href="#/p5/smooth">smooth()</a> is active by default in 2D mode. It's necessary to call
+ * <a href="#/p5/noSmooth">noSmooth()</a> to disable smoothing of geometry, images, and fonts.
+ *
+ * In WebGL mode, <a href="#/p5/noSmooth">noSmooth()</a> is active by default. It's necessary
+ * to call <a href="#/p5/smooth">smooth()</a> to draw smooth (antialiased) edges.
+ *
+ * @method noSmooth
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * background(0);
+ * noStroke();
+ * smooth();
+ * ellipse(30, 48, 36, 36);
+ * noSmooth();
+ * ellipse(70, 48, 36, 36);
+ * describe('Two pixelated white circles on a black background.');
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.noSmooth = function () {
+          if (!this._renderer.isP3D) {
+            if ('imageSmoothingEnabled' in this.drawingContext) {
+              this.drawingContext.imageSmoothingEnabled = false;
+            }
+          } else {
+            this.setAttributes('antialias', false);
+          }
+          return this;
+        };
+        /**
+ * Modifies the location from which rectangles and squares are drawn. By default,
+ * the first two parameters are the x- and y-coordinates of the shape's upper-left
+ * corner. The next parameters are its width and height. This is equivalent to
+ * calling `rectMode(CORNER)`.
+ *
+ * `rectMode(CORNERS)` also uses the first two parameters as the location of one of
+ * the corners. The third and fourth parameters are the location of the opposite
+ * corner.
+ *
+ * `rectMode(CENTER)` uses the first two parameters as the x- and y-coordinates of
+ * the shape's center. The next parameters are its width and height.
+ *
+ * `rectMode(RADIUS)` also uses the first two parameters as the x- and y-coordinates
+ * of the shape's center. The next parameters are half of the shape's width and
+ * height.
+ *
+ * The argument passed to `rectMode()` must be written in ALL CAPS because the
+ * constants `CENTER`, `RADIUS`, `CORNER`, and `CORNERS` are defined this way.
+ * JavaScript is a case-sensitive language.
+ *
+ * @method rectMode
+ * @param  {Constant} mode either CORNER, CORNERS, CENTER, or RADIUS
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * rectMode(CORNER);
+ * fill(255);
+ * rect(25, 25, 50, 50);
+ *
+ * rectMode(CORNERS);
+ * fill(100);
+ * rect(25, 25, 50, 50);
+ *
+ * describe('A small gray square drawn at the top-left corner of a white square.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * rectMode(RADIUS);
+ * fill(255);
+ * rect(50, 50, 30, 30);
+ *
+ * rectMode(CENTER);
+ * fill(100);
+ * rect(50, 50, 30, 30);
+ *
+ * describe('A small gray square drawn at the center of a white square.');
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.rectMode = function (m) {
+          _main.default._validateParameters('rectMode', arguments);
+          if (m === constants.CORNER || m === constants.CORNERS || m === constants.RADIUS || m === constants.CENTER) {
+            this._renderer._rectMode = m;
+          }
+          return this;
+        };
+        /**
+ * Draws all geometry with smooth (anti-aliased) edges. <a href="#/p5/smooth">smooth()</a> will also
+ * improve image quality of resized images.
+ *
+ * <a href="#/p5/smooth">smooth()</a> is active by default in 2D mode. It's necessary to call
+ * <a href="#/p5/noSmooth">noSmooth()</a> to disable smoothing of geometry, images, and fonts.
+ *
+ * In WebGL mode, <a href="#/p5/noSmooth">noSmooth()</a> is active by default. It's necessary
+ * to call <a href="#/p5/smooth">smooth()</a> to draw smooth (antialiased) edges.
+ *
+ * @method smooth
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * background(0);
+ * noStroke();
+ * smooth();
+ * ellipse(30, 48, 36, 36);
+ * noSmooth();
+ * ellipse(70, 48, 36, 36);
+ * describe('Two pixelated white circles on a black background.');
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.smooth = function () {
+          this.setAttributes('antialias', true);
+          if (!this._renderer.isP3D) {
+            if ('imageSmoothingEnabled' in this.drawingContext) {
+              this.drawingContext.imageSmoothingEnabled = true;
+            }
+          }
+          return this;
+        };
+        /**
+ * Sets the style for rendering line endings. These ends are either rounded
+ * (`ROUND`), squared (`SQUARE`), or extended (`PROJECT`). The default cap is
+ * `ROUND`.
+ *
+ * The argument passed to `strokeCap()` must be written in ALL CAPS because
+ * the constants `ROUND`, `SQUARE`, and `PROJECT` are defined this way.
+ * JavaScript is a case-sensitive language.
+ *
+ * @method strokeCap
+ * @param  {Constant} cap either ROUND, SQUARE, or PROJECT
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * strokeWeight(12.0);
+ * strokeCap(ROUND);
+ * line(20, 30, 80, 30);
+ * strokeCap(SQUARE);
+ * line(20, 50, 80, 50);
+ * strokeCap(PROJECT);
+ * line(20, 70, 80, 70);
+ * describe('Three horizontal lines. The top line has rounded ends, the middle line has squared ends, and the bottom line has longer, squared ends.');
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.strokeCap = function (cap) {
+          _main.default._validateParameters('strokeCap', arguments);
+          if (cap === constants.ROUND || cap === constants.SQUARE || cap === constants.PROJECT) {
+            this._renderer.strokeCap(cap);
+          }
+          return this;
+        };
+        /**
+ * Sets the style of the joints which connect line segments. These joints are
+ * either mitered (`MITER`), beveled (`BEVEL`), or rounded (`ROUND`). The default
+ * joint is `MITER` in 2D mode and `ROUND` in WebGL mode.
+ *
+ * The argument passed to `strokeJoin()` must be written in ALL CAPS because
+ * the constants `MITER`, `BEVEL`, and `ROUND` are defined this way.
+ * JavaScript is a case-sensitive language.
+ *
+ * @method strokeJoin
+ * @param  {Constant} join either MITER, BEVEL, or ROUND
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * noFill();
+ * strokeWeight(10.0);
+ * strokeJoin(MITER);
+ * beginShape();
+ * vertex(35, 20);
+ * vertex(65, 50);
+ * vertex(35, 80);
+ * endShape();
+ * describe('A right-facing arrowhead shape with a pointed tip in center of canvas.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * noFill();
+ * strokeWeight(10.0);
+ * strokeJoin(BEVEL);
+ * beginShape();
+ * vertex(35, 20);
+ * vertex(65, 50);
+ * vertex(35, 80);
+ * endShape();
+ * describe('A right-facing arrowhead shape with a flat tip in center of canvas.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * noFill();
+ * strokeWeight(10.0);
+ * strokeJoin(ROUND);
+ * beginShape();
+ * vertex(35, 20);
+ * vertex(65, 50);
+ * vertex(35, 80);
+ * endShape();
+ * describe('A right-facing arrowhead shape with a rounded tip in center of canvas.');
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.strokeJoin = function (join) {
+          _main.default._validateParameters('strokeJoin', arguments);
+          if (join === constants.ROUND || join === constants.BEVEL || join === constants.MITER) {
+            this._renderer.strokeJoin(join);
+          }
+          return this;
+        };
+        /**
+ * Sets the width of the stroke used for lines, points, and the border around
+ * shapes. All widths are set in units of pixels.
+ *
+ * Note that `strokeWeight()` is affected by any transformation or scaling that
+ * has been applied previously.
+ *
+ * @method strokeWeight
+ * @param  {Number} weight the weight of the stroke (in pixels).
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * // Default.
+ * line(20, 20, 80, 20);
+ * // Thicker.
+ * strokeWeight(4);
+ * line(20, 40, 80, 40);
+ * // Beastly.
+ * strokeWeight(10);
+ * line(20, 70, 80, 70);
+ * describe('Three horizontal black lines. The top line is thin, the middle is medium, and the bottom is thick.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * // Default.
+ * line(20, 20, 80, 20);
+ * // Adding scale transformation.
+ * scale(5);
+ * // Coordinates adjusted for scaling.
+ * line(4, 8, 16, 8);
+ * describe('Two horizontal black lines. The top line is thin and the bottom is five times thicker than the top.');
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.strokeWeight = function (w) {
+          _main.default._validateParameters('strokeWeight', arguments);
+          this._renderer.strokeWeight(w);
+          return this;
+        };
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        '../constants': 286,
+        '../main': 298,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.object.get-own-property-descriptor': 196,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/es.weak-map': 254,
+        'core-js/modules/web.dom-collections.iterator': 256
+      }
+    ],
+    307: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../main'));
+        _dereq_('../friendly_errors/fes_core');
+        _dereq_('../friendly_errors/file_errors');
+        _dereq_('../friendly_errors/validate_params');
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }        /**
+ * @module Shape
+ * @submodule Curves
+ * @for p5
+ * @requires core
+ */
+        /**
+ * Draws a cubic Bezier curve on the screen. These curves are defined by a
+ * series of anchor and control points. The first two parameters specify
+ * the first anchor point and the last two parameters specify the other
+ * anchor point, which become the first and last points on the curve. The
+ * middle parameters specify the two control points which define the shape
+ * of the curve. Approximately speaking, control points "pull" the curve
+ * towards them.
+ *
+ * Bezier curves were developed by French automotive engineer Pierre Bezier,
+ * and are commonly used in computer graphics to define gently sloping curves.
+ * See also <a href="#/p5/curve">curve()</a>.
+ *
+ * @method bezier
+ * @param  {Number} x1 x-coordinate for the first anchor point
+ * @param  {Number} y1 y-coordinate for the first anchor point
+ * @param  {Number} x2 x-coordinate for the first control point
+ * @param  {Number} y2 y-coordinate for the first control point
+ * @param  {Number} x3 x-coordinate for the second control point
+ * @param  {Number} y3 y-coordinate for the second control point
+ * @param  {Number} x4 x-coordinate for the second anchor point
+ * @param  {Number} y4 y-coordinate for the second anchor point
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * noFill();
+ * stroke(255, 102, 0);
+ * line(85, 20, 10, 10);
+ * line(90, 90, 15, 80);
+ * stroke(0, 0, 0);
+ * bezier(85, 20, 10, 10, 90, 90, 15, 80);
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * background(0, 0, 0);
+ * noFill();
+ * stroke(255);
+ * bezier(250, 250, 0, 100, 100, 0, 100, 0, 0, 0, 100, 0);
+ * </code>
+ * </div>
+ *
+ * @alt
+ * stretched black s-shape in center with orange lines extending from end points.
+ * a white colored curve on black background from the upper-right corner to the lower right corner.
+ */
+        /**
+ * @method bezier
+ * @param  {Number} x1
+ * @param  {Number} y1
+ * @param  {Number} z1 z-coordinate for the first anchor point
+ * @param  {Number} x2
+ * @param  {Number} y2
+ * @param  {Number} z2 z-coordinate for the first control point
+ * @param  {Number} x3
+ * @param  {Number} y3
+ * @param  {Number} z3 z-coordinate for the second control point
+ * @param  {Number} x4
+ * @param  {Number} y4
+ * @param  {Number} z4 z-coordinate for the second anchor point
+ * @chainable
+ */
+
+        _main.default.prototype.bezier = function () {
+          var _this$_renderer;
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
+          _main.default._validateParameters('bezier', args);
+          // if the current stroke and fill settings wouldn't result in something
+          // visible, exit immediately
+          if (!this._renderer._doStroke && !this._renderer._doFill) {
+            return this;
+          }(_this$_renderer = this._renderer).bezier.apply(_this$_renderer, args);
+          return this;
+        };
+        /**
+ * Sets the resolution at which Bezier's curve is displayed. The default value is 20.
+ *
+ * Note, This function is only useful when using the WEBGL renderer
+ * as the default canvas renderer does not use this information.
+ *
+ * @method bezierDetail
+ * @param {Number} detail resolution of the curves
+ * @chainable
+ * @example
+ * <div modernizr='webgl'>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   noFill();
+ *   bezierDetail(5);
+ * }
+ *
+ * function draw() {
+ *   background(200);
+ *   bezier(
+ *     -40, -40, 0,
+ *     90, -40, 0,
+ *     -90,  40, 0,
+ *     40,  40, 0
+ *   );
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * stretched black s-shape with a low level of bezier detail
+ */
+        _main.default.prototype.bezierDetail = function (d) {
+          _main.default._validateParameters('bezierDetail', arguments);
+          this._bezierDetail = d;
+          return this;
+        };
+        /**
+ * Given the x or y co-ordinate values of control and anchor points of a bezier
+ * curve, it evaluates the x or y coordinate of the bezier at position t. The
+ * parameters a and d are the x or y coordinates of first and last points on the
+ * curve while b and c are of the control points.The final parameter t is the
+ * position of the resultant point which is given between 0 and 1.
+ * This can be done once with the x coordinates and a second time
+ * with the y coordinates to get the location of a bezier curve at t.
+ *
+ * @method bezierPoint
+ * @param {Number} a coordinate of first point on the curve
+ * @param {Number} b coordinate of first control point
+ * @param {Number} c coordinate of second control point
+ * @param {Number} d coordinate of second point on the curve
+ * @param {Number} t value between 0 and 1
+ * @return {Number} the value of the Bezier at position t
+ * @example
+ * <div>
+ * <code>
+ * noFill();
+ * let x1 = 85,
+  x2 = 10,
+  x3 = 90,
+  x4 = 15;
+ * let y1 = 20,
+  y2 = 10,
+  y3 = 90,
+  y4 = 80;
+ * bezier(x1, y1, x2, y2, x3, y3, x4, y4);
+ * fill(255);
+ * let steps = 10;
+ * for (let i = 0; i <= steps; i++) {
+ *   let t = i / steps;
+ *   let x = bezierPoint(x1, x2, x3, x4, t);
+ *   let y = bezierPoint(y1, y2, y3, y4, t);
+ *   circle(x, y, 5);
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * 10 points plotted on a given bezier at equal distances.
+ */
+        _main.default.prototype.bezierPoint = function (a, b, c, d, t) {
+          _main.default._validateParameters('bezierPoint', arguments);
+          var adjustedT = 1 - t;
+          return Math.pow(adjustedT, 3) * a + 3 * Math.pow(adjustedT, 2) * t * b + 3 * adjustedT * Math.pow(t, 2) * c + Math.pow(t, 3) * d;
+        };
+        /**
+ * Evaluates the tangent to the Bezier at position t for points a, b, c, d.
+ * The parameters a and d are the first and last points
+ * on the curve, and b and c are the control points.
+ * The final parameter t varies between 0 and 1.
+ *
+ * @method bezierTangent
+ * @param {Number} a coordinate of first point on the curve
+ * @param {Number} b coordinate of first control point
+ * @param {Number} c coordinate of second control point
+ * @param {Number} d coordinate of second point on the curve
+ * @param {Number} t value between 0 and 1
+ * @return {Number} the tangent at position t
+ * @example
+ * <div>
+ * <code>
+ * noFill();
+ * bezier(85, 20, 10, 10, 90, 90, 15, 80);
+ * let steps = 6;
+ * fill(255);
+ * for (let i = 0; i <= steps; i++) {
+ *   let t = i / steps;
+ *   // Get the location of the point
+ *   let x = bezierPoint(85, 10, 90, 15, t);
+ *   let y = bezierPoint(20, 10, 90, 80, t);
+ *   // Get the tangent points
+ *   let tx = bezierTangent(85, 10, 90, 15, t);
+ *   let ty = bezierTangent(20, 10, 90, 80, t);
+ *   // Calculate an angle from the tangent points
+ *   let a = atan2(ty, tx);
+ *   a += PI;
+ *   stroke(255, 102, 0);
+ *   line(x, y, cos(a) * 30 + x, sin(a) * 30 + y);
+ *   // The following line of code makes a line
+ *   // inverse of the above line
+ *   //line(x, y, cos(a)*-30 + x, sin(a)*-30 + y);
+ *   stroke(0);
+ *   ellipse(x, y, 5, 5);
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * noFill();
+ * bezier(85, 20, 10, 10, 90, 90, 15, 80);
+ * stroke(255, 102, 0);
+ * let steps = 16;
+ * for (let i = 0; i <= steps; i++) {
+ *   let t = i / steps;
+ *   let x = bezierPoint(85, 10, 90, 15, t);
+ *   let y = bezierPoint(20, 10, 90, 80, t);
+ *   let tx = bezierTangent(85, 10, 90, 15, t);
+ *   let ty = bezierTangent(20, 10, 90, 80, t);
+ *   let a = atan2(ty, tx);
+ *   a -= HALF_PI;
+ *   line(x, y, cos(a) * 8 + x, sin(a) * 8 + y);
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * s-shaped line with 6 short orange lines showing the tangents at those points.
+ * s-shaped line with 6 short orange lines showing lines coming out the underside of the bezier.
+ */
+        _main.default.prototype.bezierTangent = function (a, b, c, d, t) {
+          _main.default._validateParameters('bezierTangent', arguments);
+          var adjustedT = 1 - t;
+          return 3 * d * Math.pow(t, 2) - 3 * c * Math.pow(t, 2) + 6 * c * adjustedT * t - 6 * b * adjustedT * t + 3 * b * Math.pow(adjustedT, 2) - 3 * a * Math.pow(adjustedT, 2);
+        };
+        /**
+ * Draws a curved line on the screen between two points, given as the
+ * middle four parameters. The first two parameters are a control point, as
+ * if the curve came from this point even though it's not drawn. The last
+ * two parameters similarly describe the other control point. <br /><br />
+ * Longer curves can be created by putting a series of <a href="#/p5/curve">curve()</a> functions
+ * together or using <a href="#/p5/curveVertex">curveVertex()</a>. An additional function called
+ * <a href="#/p5/curveTightness">curveTightness()</a> provides control for the visual quality of the curve.
+ * The <a href="#/p5/curve">curve()</a> function is an implementation of Catmull-Rom splines.
+ *
+ * @method curve
+ * @param  {Number} x1 x-coordinate for the beginning control point
+ * @param  {Number} y1 y-coordinate for the beginning control point
+ * @param  {Number} x2 x-coordinate for the first point
+ * @param  {Number} y2 y-coordinate for the first point
+ * @param  {Number} x3 x-coordinate for the second point
+ * @param  {Number} y3 y-coordinate for the second point
+ * @param  {Number} x4 x-coordinate for the ending control point
+ * @param  {Number} y4 y-coordinate for the ending control point
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * noFill();
+ * stroke(255, 102, 0);
+ * curve(5, 26, 5, 26, 73, 24, 73, 61);
+ * stroke(0);
+ * curve(5, 26, 73, 24, 73, 61, 15, 65);
+ * stroke(255, 102, 0);
+ * curve(73, 24, 73, 61, 15, 65, 15, 65);
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * // Define the curve points as JavaScript objects
+ * let p1 = { x: 5, y: 26 };
+ * let p2 = { x: 73, y: 24 };
+ * let p3 = { x: 73, y: 61 };
+ * let p4 = { x: 15, y: 65 };
+ * noFill();
+ * stroke(255, 102, 0);
+ * curve(p1.x, p1.y, p1.x, p1.y, p2.x, p2.y, p3.x, p3.y);
+ * stroke(0);
+ * curve(p1.x, p1.y, p2.x, p2.y, p3.x, p3.y, p4.x, p4.y);
+ * stroke(255, 102, 0);
+ * curve(p2.x, p2.y, p3.x, p3.y, p4.x, p4.y, p4.x, p4.y);
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * noFill();
+ * stroke(255, 102, 0);
+ * curve(5, 26, 0, 5, 26, 0, 73, 24, 0, 73, 61, 0);
+ * stroke(0);
+ * curve(5, 26, 0, 73, 24, 0, 73, 61, 0, 15, 65, 0);
+ * stroke(255, 102, 0);
+ * curve(73, 24, 0, 73, 61, 0, 15, 65, 0, 15, 65, 0);
+ * </code>
+ * </div>
+ *
+ * @alt
+ * horseshoe shape with orange ends facing left and black curved center.
+ * horseshoe shape with orange ends facing left and black curved center.
+ * curving black and orange lines.
+ */
+        /**
+ * @method curve
+ * @param  {Number} x1
+ * @param  {Number} y1
+ * @param  {Number} z1 z-coordinate for the beginning control point
+ * @param  {Number} x2
+ * @param  {Number} y2
+ * @param  {Number} z2 z-coordinate for the first point
+ * @param  {Number} x3
+ * @param  {Number} y3
+ * @param  {Number} z3 z-coordinate for the second point
+ * @param  {Number} x4
+ * @param  {Number} y4
+ * @param  {Number} z4 z-coordinate for the ending control point
+ * @chainable
+ */
+        _main.default.prototype.curve = function () {
+          for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+            args[_key2] = arguments[_key2];
+          }
+          _main.default._validateParameters('curve', args);
+          if (this._renderer._doStroke) {
+            var _this$_renderer2;
+            (_this$_renderer2 = this._renderer).curve.apply(_this$_renderer2, args);
+          }
+          return this;
+        };
+        /**
+ * Sets the resolution at which curves display. The default value is 20 while
+ * the minimum value is 3.
+ *
+ * This function is only useful when using the WEBGL renderer
+ * as the default canvas renderer does not use this
+ * information.
+ *
+ * @method curveDetail
+ * @param {Number} resolution resolution of the curves
+ * @chainable
+ * @example
+ * <div modernizr='webgl'>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *
+ *   curveDetail(5);
+ * }
+ * function draw() {
+ *   background(200);
+ *
+ *   curve(250, 600, 0, -30, 40, 0, 30, 30, 0, -250, 600, 0);
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * white arch shape with a low level of curve detail.
+ */
+        _main.default.prototype.curveDetail = function (d) {
+          _main.default._validateParameters('curveDetail', arguments);
+          if (d < 3) {
+            this._curveDetail = 3;
+          } else {
+            this._curveDetail = d;
+          }
+          return this;
+        };
+        /**
+ * Modifies the quality of forms created with <a href="#/p5/curve">curve()</a>
+ * and <a href="#/p5/curveVertex">curveVertex()</a>.The parameter tightness
+ * determines how the curve fits to the vertex points. The value 0.0 is the
+ * default value for tightness (this value defines the curves to be Catmull-Rom
+ * splines) and the value 1.0 connects all the points with straight lines.
+ * Values within the range -5.0 and 5.0 will deform the curves but will leave
+ * them recognizable and as values increase in magnitude, they will continue to deform.
+ *
+ * @method curveTightness
+ * @param {Number} amount amount of deformation from the original vertices
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * // Move the mouse left and right to see the curve change
+ * function setup() {
+ *   createCanvas(100, 100);
+ *   noFill();
+ * }
+ *
+ * function draw() {
+ *   background(204);
+ *   let t = map(mouseX, 0, width, -5, 5);
+ *   curveTightness(t);
+ *   beginShape();
+ *   curveVertex(10, 26);
+ *   curveVertex(10, 26);
+ *   curveVertex(83, 24);
+ *   curveVertex(83, 61);
+ *   curveVertex(25, 65);
+ *   curveVertex(25, 65);
+ *   endShape();
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * Line shaped like right-facing arrow,points move with mouse-x and warp shape.
+ */
+        _main.default.prototype.curveTightness = function (t) {
+          _main.default._validateParameters('curveTightness', arguments);
+          this._renderer._curveTightness = t;
+          return this;
+        };
+        /**
+ * Evaluates the curve at position t for points a, b, c, d.
+ * The parameter t varies between 0 and 1, a and d are control points
+ * of the curve, and b and c are the start and end points of the curve.
+ * This can be done once with the x coordinates and a second time
+ * with the y coordinates to get the location of a curve at t.
+ *
+ * @method curvePoint
+ * @param {Number} a coordinate of first control point of the curve
+ * @param {Number} b coordinate of first point
+ * @param {Number} c coordinate of second point
+ * @param {Number} d coordinate of second control point
+ * @param {Number} t value between 0 and 1
+ * @return {Number} <a href="#/p5/curve">Curve</a> value at position t
+ * @example
+ * <div>
+ * <code>
+ * noFill();
+ * curve(5, 26, 5, 26, 73, 24, 73, 61);
+ * curve(5, 26, 73, 24, 73, 61, 15, 65);
+ * fill(255);
+ * ellipseMode(CENTER);
+ * let steps = 6;
+ * for (let i = 0; i <= steps; i++) {
+ *   let t = i / steps;
+ *   let x = curvePoint(5, 5, 73, 73, t);
+ *   let y = curvePoint(26, 26, 24, 61, t);
+ *   ellipse(x, y, 5, 5);
+ *   x = curvePoint(5, 73, 73, 15, t);
+ *   y = curvePoint(26, 24, 61, 65, t);
+ *   ellipse(x, y, 5, 5);
+ * }
+ * </code>
+ * </div>
+ *
+ *line hooking down to right-bottom with 13 5×5 white ellipse points
+ */
+        _main.default.prototype.curvePoint = function (a, b, c, d, t) {
+          _main.default._validateParameters('curvePoint', arguments);
+          var s = this._renderer._curveTightness,
+          t3 = t * t * t,
+          t2 = t * t,
+          f1 = (s - 1) / 2 * t3 + (1 - s) * t2 + (s - 1) / 2 * t,
+          f2 = (s + 3) / 2 * t3 + ( - 5 - s) / 2 * t2 + 1,
+          f3 = ( - 3 - s) / 2 * t3 + (s + 2) * t2 + (1 - s) / 2 * t,
+          f4 = (1 - s) / 2 * t3 + (s - 1) / 2 * t2;
+          return a * f1 + b * f2 + c * f3 + d * f4;
+        };
+        /**
+ * Evaluates the tangent to the curve at position t for points a, b, c, d.
+ * The parameter t varies between 0 and 1, a and d are points on the curve,
+ * and b and c are the control points.
+ *
+ * @method curveTangent
+ * @param {Number} a coordinate of first control point
+ * @param {Number} b coordinate of first point on the curve
+ * @param {Number} c coordinate of second point on the curve
+ * @param {Number} d coordinate of second conrol point
+ * @param {Number} t value between 0 and 1
+ * @return {Number} the tangent at position t
+ * @example
+ * <div>
+ * <code>
+ * noFill();
+ * curve(5, 26, 73, 24, 73, 61, 15, 65);
+ * let steps = 6;
+ * for (let i = 0; i <= steps; i++) {
+ *   let t = i / steps;
+ *   let x = curvePoint(5, 73, 73, 15, t);
+ *   let y = curvePoint(26, 24, 61, 65, t);
+ *   //ellipse(x, y, 5, 5);
+ *   let tx = curveTangent(5, 73, 73, 15, t);
+ *   let ty = curveTangent(26, 24, 61, 65, t);
+ *   let a = atan2(ty, tx);
+ *   a -= PI / 2.0;
+ *   line(x, y, cos(a) * 8 + x, sin(a) * 8 + y);
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * right curving line mid-right of canvas with 7 short lines radiating from it.
+ */
+        _main.default.prototype.curveTangent = function (a, b, c, d, t) {
+          _main.default._validateParameters('curveTangent', arguments);
+          var s = this._renderer._curveTightness,
+          tt3 = t * t * 3,
+          t2 = t * 2,
+          f1 = (s - 1) / 2 * tt3 + (1 - s) * t2 + (s - 1) / 2,
+          f2 = (s + 3) / 2 * tt3 + ( - 5 - s) / 2 * t2,
+          f3 = ( - 3 - s) / 2 * tt3 + (s + 2) * t2 + (1 - s) / 2,
+          f4 = (1 - s) / 2 * tt3 + (s - 1) / 2 * t2;
+          return a * f1 + b * f2 + c * f3 + d * f4;
+        };
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        '../friendly_errors/fes_core': 289,
+        '../friendly_errors/file_errors': 290,
+        '../friendly_errors/validate_params': 293,
+        '../main': 298
+      }
+    ],
+    308: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.object.get-own-property-descriptor');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.weak-map');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        function _typeof2(obj) {
+          if (typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol') {
+            _typeof2 = function _typeof2(obj) {
+              return typeof obj;
+            };
+          } else {
+            _typeof2 = function _typeof2(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj;
+            };
+          }
+          return _typeof2(obj);
+        }
+        function _typeof(obj) {
+          if (typeof Symbol === 'function' && _typeof2(Symbol.iterator) === 'symbol') {
+            _typeof = function _typeof(obj) {
+              return _typeof2(obj);
+            };
+          } else {
+            _typeof = function _typeof(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : _typeof2(obj);
+            };
+          }
+          return _typeof(obj);
+        }
+        _dereq_('core-js/modules/es.array.slice');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../main'));
+        var constants = _interopRequireWildcard(_dereq_('../constants'));
+        function _getRequireWildcardCache() {
+          if (typeof WeakMap !== 'function') return null;
+          var cache = new WeakMap();
+          _getRequireWildcardCache = function _getRequireWildcardCache() {
+            return cache;
+          };
+          return cache;
+        }
+        function _interopRequireWildcard(obj) {
+          if (obj && obj.__esModule) {
+            return obj;
+          }
+          if (obj === null || _typeof(obj) !== 'object' && typeof obj !== 'function') {
+            return {
+            default:
+              obj
+            };
+          }
+          var cache = _getRequireWildcardCache();
+          if (cache && cache.has(obj)) {
+            return cache.get(obj);
+          }
+          var newObj = {
+          };
+          var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+          for (var key in obj) {
+            if (Object.prototype.hasOwnProperty.call(obj, key)) {
+              var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+              if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+              } else {
+                newObj[key] = obj[key];
+              }
+            }
+          }
+          newObj.default = obj;
+          if (cache) {
+            cache.set(obj, newObj);
+          }
+          return newObj;
+        }
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }        /**
+ * @module Shape
+ * @submodule Vertex
+ * @for p5
+ * @requires core
+ * @requires constants
+ */
+
+        var shapeKind = null;
+        var vertices = [
+        ];
+        var contourVertices = [
+        ];
+        var isBezier = false;
+        var isCurve = false;
+        var isQuadratic = false;
+        var isContour = false;
+        var isFirstContour = true;
+        /**
+ * Use the <a href="#/p5/beginContour">beginContour()</a> and
+ * <a href="#/p5/endContour">endContour()</a> functions to create negative shapes
+ * within shapes such as the center of the letter 'O'. <a href="#/p5/beginContour">beginContour()</a>
+ * begins recording vertices for the shape and <a href="#/p5/endContour">endContour()</a> stops recording.
+ * The vertices that define a negative shape must "wind" in the opposite direction
+ * from the exterior shape. First draw vertices for the exterior clockwise order, then for internal shapes, draw vertices
+ * shape in counter-clockwise.
+ *
+ * These functions can only be used within a <a href="#/p5/beginShape">beginShape()</a>/<a href="#/p5/endShape">endShape()</a> pair and
+ * transformations such as <a href="#/p5/translate">translate()</a>, <a href="#/p5/rotate">rotate()</a>, and <a href="#/p5/scale">scale()</a> do not work
+ * within a <a href="#/p5/beginContour">beginContour()</a>/<a href="#/p5/endContour">endContour()</a> pair. It is also not possible to use
+ * other shapes, such as <a href="#/p5/ellipse">ellipse()</a> or <a href="#/p5/rect">rect()</a> within.
+ *
+ * @method beginContour
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * translate(50, 50);
+ * stroke(255, 0, 0);
+ * beginShape();
+ * // Exterior part of shape, clockwise winding
+ * vertex(-40, -40);
+ * vertex(40, -40);
+ * vertex(40, 40);
+ * vertex(-40, 40);
+ * // Interior part of shape, counter-clockwise winding
+ * beginContour();
+ * vertex(-20, -20);
+ * vertex(-20, 20);
+ * vertex(20, 20);
+ * vertex(20, -20);
+ * endContour();
+ * endShape(CLOSE);
+ * </code>
+ * </div>
+ *
+ * @alt
+ * white rect and smaller grey rect with red outlines in center of canvas.
+ */
+        _main.default.prototype.beginContour = function () {
+          if (this._renderer.isP3D) {
+            this._renderer.beginContour();
+          } else {
+            contourVertices = [
+            ];
+            isContour = true;
+          }
+          return this;
+        };
+        /**
+ * Using the <a href="#/p5/beginShape">beginShape()</a> and <a href="#/p5/endShape">endShape()</a> functions allow creating more
+ * complex forms. <a href="#/p5/beginShape">beginShape()</a> begins recording vertices for a shape and
+ * <a href="#/p5/endShape">endShape()</a> stops recording. The value of the kind parameter tells it which
+ * types of shapes to create from the provided vertices. With no mode
+ * specified, the shape can be any irregular polygon.
+ *
+ * The parameters available for <a href="#/p5/beginShape">beginShape()</a> are:
+ *
+ * POINTS
+ * Draw a series of points
+ *
+ * LINES
+ * Draw a series of unconnected line segments (individual lines)
+ *
+ * TRIANGLES
+ * Draw a series of separate triangles
+ *
+ * TRIANGLE_FAN
+ * Draw a series of connected triangles sharing the first vertex in a fan-like fashion
+ *
+ * TRIANGLE_STRIP
+ * Draw a series of connected triangles in strip fashion
+ *
+ * QUADS
+ * Draw a series of separate quads
+ *
+ * QUAD_STRIP
+ * Draw quad strip using adjacent edges to form the next quad
+ *
+ * TESS (WEBGL only)
+ * Handle irregular polygon for filling curve by explicit tessellation
+ *
+ * After calling the <a href="#/p5/beginShape">beginShape()</a> function, a series of <a href="#/p5/vertex">vertex()</a> commands must follow. To stop
+ * drawing the shape, call <a href="#/p5/endShape">endShape()</a>. Each shape will be outlined with the
+ * current stroke color and filled with the fill color.
+ *
+ * Transformations such as <a href="#/p5/translate">translate()</a>, <a href="#/p5/rotate">rotate()</a>, and <a href="#/p5/scale">scale()</a> do not work
+ * within <a href="#/p5/beginShape">beginShape()</a>. It is also not possible to use other shapes, such as
+ * <a href="#/p5/ellipse">ellipse()</a> or <a href="#/p5/rect">rect()</a> within <a href="#/p5/beginShape">beginShape()</a>.
+ *
+ * @method beginShape
+ * @param  {Constant} [kind] either POINTS, LINES, TRIANGLES, TRIANGLE_FAN
+ *                                TRIANGLE_STRIP, QUADS, QUAD_STRIP or TESS
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * beginShape();
+ * vertex(30, 20);
+ * vertex(85, 20);
+ * vertex(85, 75);
+ * vertex(30, 75);
+ * endShape(CLOSE);
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * beginShape(POINTS);
+ * vertex(30, 20);
+ * vertex(85, 20);
+ * vertex(85, 75);
+ * vertex(30, 75);
+ * endShape();
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * beginShape(LINES);
+ * vertex(30, 20);
+ * vertex(85, 20);
+ * vertex(85, 75);
+ * vertex(30, 75);
+ * endShape();
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * noFill();
+ * beginShape();
+ * vertex(30, 20);
+ * vertex(85, 20);
+ * vertex(85, 75);
+ * vertex(30, 75);
+ * endShape();
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * noFill();
+ * beginShape();
+ * vertex(30, 20);
+ * vertex(85, 20);
+ * vertex(85, 75);
+ * vertex(30, 75);
+ * endShape(CLOSE);
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * beginShape(TRIANGLES);
+ * vertex(30, 75);
+ * vertex(40, 20);
+ * vertex(50, 75);
+ * vertex(60, 20);
+ * vertex(70, 75);
+ * vertex(80, 20);
+ * endShape();
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * beginShape(TRIANGLE_STRIP);
+ * vertex(30, 75);
+ * vertex(40, 20);
+ * vertex(50, 75);
+ * vertex(60, 20);
+ * vertex(70, 75);
+ * vertex(80, 20);
+ * vertex(90, 75);
+ * endShape();
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * beginShape(TRIANGLE_FAN);
+ * vertex(57.5, 50);
+ * vertex(57.5, 15);
+ * vertex(92, 50);
+ * vertex(57.5, 85);
+ * vertex(22, 50);
+ * vertex(57.5, 15);
+ * endShape();
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * beginShape(QUADS);
+ * vertex(30, 20);
+ * vertex(30, 75);
+ * vertex(50, 75);
+ * vertex(50, 20);
+ * vertex(65, 20);
+ * vertex(65, 75);
+ * vertex(85, 75);
+ * vertex(85, 20);
+ * endShape();
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * beginShape(QUAD_STRIP);
+ * vertex(30, 20);
+ * vertex(30, 75);
+ * vertex(50, 20);
+ * vertex(50, 75);
+ * vertex(65, 20);
+ * vertex(65, 75);
+ * vertex(85, 20);
+ * vertex(85, 75);
+ * endShape();
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * beginShape(TESS);
+ * vertex(20, 20);
+ * vertex(80, 20);
+ * vertex(80, 40);
+ * vertex(40, 40);
+ * vertex(40, 60);
+ * vertex(80, 60);
+ * vertex(80, 80);
+ * vertex(20, 80);
+ * endShape(CLOSE);
+ * </code>
+ * </div>
+ *
+ * @alt
+ * white square-shape with black outline in middle-right of canvas.
+ * 4 black points in a square shape in middle-right of canvas.
+ * 2 horizontal black lines. In the top-right and bottom-right of canvas.
+ * 3 line shape with horizontal on top, vertical in middle and horizontal bottom.
+ * square line shape in middle-right of canvas.
+ * 2 white triangle shapes mid-right canvas. left one pointing up and right down.
+ * 5 horizontal interlocking and alternating white triangles in mid-right canvas.
+ * 4 interlocking white triangles in 45 degree rotated square-shape.
+ * 2 white rectangle shapes in mid-right canvas. Both 20×55.
+ * 3 side-by-side white rectangles center rect is smaller in mid-right canvas.
+ * Thick white l-shape with black outline mid-top-left of canvas.
+ */
+        _main.default.prototype.beginShape = function (kind) {
+          _main.default._validateParameters('beginShape', arguments);
+          if (this._renderer.isP3D) {
+            var _this$_renderer;
+            (_this$_renderer = this._renderer).beginShape.apply(_this$_renderer, arguments);
+          } else {
+            if (kind === constants.POINTS || kind === constants.LINES || kind === constants.TRIANGLES || kind === constants.TRIANGLE_FAN || kind === constants.TRIANGLE_STRIP || kind === constants.QUADS || kind === constants.QUAD_STRIP) {
+              shapeKind = kind;
+            } else {
+              shapeKind = null;
+            }
+            vertices = [
+            ];
+            contourVertices = [
+            ];
+          }
+          return this;
+        };
+        /**
+ * Specifies vertex coordinates for Bezier curves. Each call to
+ * bezierVertex() defines the position of two control points and
+ * one anchor point of a Bezier curve, adding a new segment to a
+ * line or shape. For WebGL mode bezierVertex() can be used in 2D
+ * as well as 3D mode. 2D mode expects 6 parameters, while 3D mode
+ * expects 9 parameters (including z coordinates).
+ *
+ * The first time bezierVertex() is used within a <a href="#/p5/beginShape">beginShape()</a>
+ * call, it must be prefaced with a call to <a href="#/p5/vertex">vertex()</a> to set the first anchor
+ * point. This function must be used between <a href="#/p5/beginShape">beginShape()</a> and <a href="#/p5/endShape">endShape()</a>
+ * and only when there is no MODE or POINTS parameter specified to
+ * <a href="#/p5/beginShape">beginShape()</a>.
+ *
+ * @method bezierVertex
+ * @param  {Number} x2 x-coordinate for the first control point
+ * @param  {Number} y2 y-coordinate for the first control point
+ * @param  {Number} x3 x-coordinate for the second control point
+ * @param  {Number} y3 y-coordinate for the second control point
+ * @param  {Number} x4 x-coordinate for the anchor point
+ * @param  {Number} y4 y-coordinate for the anchor point
+ * @chainable
+ *
+ * @example
+ * <div>
+ * <code>
+ * noFill();
+ * beginShape();
+ * vertex(30, 20);
+ * bezierVertex(80, 0, 80, 75, 30, 75);
+ * endShape();
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * beginShape();
+ * vertex(30, 20);
+ * bezierVertex(80, 0, 80, 75, 30, 75);
+ * bezierVertex(50, 80, 60, 25, 30, 20);
+ * endShape();
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   setAttributes('antialias', true);
+ * }
+ * function draw() {
+ *   orbitControl();
+ *   background(50);
+ *   strokeWeight(4);
+ *   stroke(255);
+ *   point(-25, 30);
+ *   point(25, 30);
+ *   point(25, -30);
+ *   point(-25, -30);
+ *
+ *   strokeWeight(1);
+ *   noFill();
+ *
+ *   beginShape();
+ *   vertex(-25, 30);
+ *   bezierVertex(25, 30, 25, -30, -25, -30);
+ *   endShape();
+ *
+ *   beginShape();
+ *   vertex(-25, 30, 20);
+ *   bezierVertex(25, 30, 20, 25, -30, 20, -25, -30, 20);
+ *   endShape();
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * crescent-shaped line in middle of canvas. Points facing left.
+ * white crescent shape in middle of canvas. Points facing left.
+ * crescent shape in middle of canvas with another crescent shape on positive z-axis.
+ */
+        /**
+ * @method bezierVertex
+ * @param  {Number} x2
+ * @param  {Number} y2
+ * @param  {Number} z2 z-coordinate for the first control point (for WebGL mode)
+ * @param  {Number} x3
+ * @param  {Number} y3
+ * @param  {Number} z3 z-coordinate for the second control point (for WebGL mode)
+ * @param  {Number} x4
+ * @param  {Number} y4
+ * @param  {Number} z4 z-coordinate for the anchor point (for WebGL mode)
+ * @chainable
+ */
+        _main.default.prototype.bezierVertex = function () {
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
+          _main.default._validateParameters('bezierVertex', args);
+          if (this._renderer.isP3D) {
+            var _this$_renderer2;
+            (_this$_renderer2 = this._renderer).bezierVertex.apply(_this$_renderer2, args);
+          } else {
+            if (vertices.length === 0) {
+              _main.default._friendlyError('vertex() must be used once before calling bezierVertex()', 'bezierVertex');
+            } else {
+              isBezier = true;
+              var vert = [
+              ];
+              for (var i = 0; i < args.length; i++) {
+                vert[i] = args[i];
+              }
+              vert.isVert = false;
+              if (isContour) {
+                contourVertices.push(vert);
+              } else {
+                vertices.push(vert);
+              }
+            }
+          }
+          return this;
+        };
+        /**
+ * Specifies vertex coordinates for curves. This function may only
+ * be used between <a href="#/p5/beginShape">beginShape()</a> and <a href="#/p5/endShape">endShape()</a> and only when there
+ * is no MODE parameter specified to <a href="#/p5/beginShape">beginShape()</a>.
+ * For WebGL mode curveVertex() can be used in 2D as well as 3D mode.
+ * 2D mode expects 2 parameters, while 3D mode expects 3 parameters.
+ *
+ * The first and last points in a series of curveVertex() lines will be used to
+ * guide the beginning and end of the curve. A minimum of four
+ * points is required to draw a tiny curve between the second and
+ * third points. Adding a fifth point with curveVertex() will draw
+ * the curve between the second, third, and fourth points. The
+ * curveVertex() function is an implementation of Catmull-Rom
+ * splines.
+ *
+ * @method curveVertex
+ * @param {Number} x x-coordinate of the vertex
+ * @param {Number} y y-coordinate of the vertex
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * strokeWeight(5);
+ * point(84, 91);
+ * point(68, 19);
+ * point(21, 17);
+ * point(32, 91);
+ * strokeWeight(1);
+ *
+ * noFill();
+ * beginShape();
+ * curveVertex(84, 91);
+ * curveVertex(84, 91);
+ * curveVertex(68, 19);
+ * curveVertex(21, 17);
+ * curveVertex(32, 91);
+ * curveVertex(32, 91);
+ * endShape();
+ * </code>
+ * </div>
+ *
+ * @alt
+ * Upside-down u-shape line, mid canvas. left point extends beyond canvas view.
+ */
+        /**
+ * @method curveVertex
+ * @param {Number} x
+ * @param {Number} y
+ * @param {Number} [z] z-coordinate of the vertex (for WebGL mode)
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   setAttributes('antialias', true);
+ * }
+ * function draw() {
+ *   orbitControl();
+ *   background(50);
+ *   strokeWeight(4);
+ *   stroke(255);
+ *
+ *   point(-25, 25);
+ *   point(-25, 25);
+ *   point(-25, -25);
+ *   point(25, -25);
+ *   point(25, 25);
+ *   point(25, 25);
+ *
+ *   strokeWeight(1);
+ *   noFill();
+ *
+ *   beginShape();
+ *   curveVertex(-25, 25);
+ *   curveVertex(-25, 25);
+ *   curveVertex(-25, -25);
+ *   curveVertex(25, -25);
+ *   curveVertex(25, 25);
+ *   curveVertex(25, 25);
+ *   endShape();
+ *
+ *   beginShape();
+ *   curveVertex(-25, 25, 20);
+ *   curveVertex(-25, 25, 20);
+ *   curveVertex(-25, -25, 20);
+ *   curveVertex(25, -25, 20);
+ *   curveVertex(25, 25, 20);
+ *   curveVertex(25, 25, 20);
+ *   endShape();
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * Upside-down u-shape line, mid canvas with the same shape in positive z-axis.
+ */
+        _main.default.prototype.curveVertex = function () {
+          for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+            args[_key2] = arguments[_key2];
+          }
+          _main.default._validateParameters('curveVertex', args);
+          if (this._renderer.isP3D) {
+            var _this$_renderer3;
+            (_this$_renderer3 = this._renderer).curveVertex.apply(_this$_renderer3, args);
+          } else {
+            isCurve = true;
+            this.vertex(args[0], args[1]);
+          }
+          return this;
+        };
+        /**
+ * Use the <a href="#/p5/beginContour">beginContour()</a> and <a href="#/p5/endContour">endContour()</a> functions to create negative
+ * shapes within shapes such as the center of the letter 'O'. <a href="#/p5/beginContour">beginContour()</a>
+ * begins recording vertices for the shape and <a href="#/p5/endContour">endContour()</a> stops recording.
+ * The vertices that define a negative shape must "wind" in the opposite
+ * direction from the exterior shape. First draw vertices for the exterior
+ * clockwise order, then for internal shapes, draw vertices
+ * shape in counter-clockwise.
+ *
+ * These functions can only be used within a <a href="#/p5/beginShape">beginShape()</a>/<a href="#/p5/endShape">endShape()</a> pair and
+ * transformations such as <a href="#/p5/translate">translate()</a>, <a href="#/p5/rotate">rotate()</a>, and <a href="#/p5/scale">scale()</a> do not work
+ * within a <a href="#/p5/beginContour">beginContour()</a>/<a href="#/p5/endContour">endContour()</a> pair. It is also not possible to use
+ * other shapes, such as <a href="#/p5/ellipse">ellipse()</a> or <a href="#/p5/rect">rect()</a> within.
+ *
+ * @method endContour
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * translate(50, 50);
+ * stroke(255, 0, 0);
+ * beginShape();
+ * // Exterior part of shape, clockwise winding
+ * vertex(-40, -40);
+ * vertex(40, -40);
+ * vertex(40, 40);
+ * vertex(-40, 40);
+ * // Interior part of shape, counter-clockwise winding
+ * beginContour();
+ * vertex(-20, -20);
+ * vertex(-20, 20);
+ * vertex(20, 20);
+ * vertex(20, -20);
+ * endContour();
+ * endShape(CLOSE);
+ * </code>
+ * </div>
+ *
+ * @alt
+ * white rect and smaller grey rect with red outlines in center of canvas.
+ */
+        _main.default.prototype.endContour = function () {
+          if (this._renderer.isP3D) {
+            return this;
+          }
+          var vert = contourVertices[0].slice(); // copy all data
+          vert.isVert = contourVertices[0].isVert;
+          vert.moveTo = false;
+          contourVertices.push(vert);
+          // prevent stray lines with multiple contours
+          if (isFirstContour) {
+            vertices.push(vertices[0]);
+            isFirstContour = false;
+          }
+          for (var i = 0; i < contourVertices.length; i++) {
+            vertices.push(contourVertices[i]);
+          }
+          return this;
+        };
+        /**
+ * The <a href="#/p5/endShape">endShape()</a> function is the companion to <a href="#/p5/beginShape">beginShape()</a> and may only be
+ * called after <a href="#/p5/beginShape">beginShape()</a>. When <a href="#/p5/endshape">endShape()</a> is called, all of the image
+ * data defined since the previous call to <a href="#/p5/beginShape">beginShape()</a> is written into the image
+ * buffer. The constant CLOSE is the value for the `mode` parameter to close
+ * the shape (to connect the beginning and the end).
+ * When using instancing with <a href="#/p5/endShape">endShape()</a> the instancing will not apply to the strokes.
+ * When the count parameter is used with a value greater than 1, it enables instancing for shapes built when in WEBGL mode. Instancing
+ * is a feature that allows the GPU to efficiently draw multiples of the same shape. It's often used for particle effects or other
+ * times when you need a lot of repetition. In order to take advantage of instancing, you will also need to write your own custom
+ * shader using the gl_InstanceID keyword. You can read more about instancing
+ * <a href="https://webglfundamentals.org/webgl/lessons/webgl-instanced-drawing.html">here</a> or by working from the example on this
+ * page.
+ *
+ * @method endShape
+ * @param  {Constant} [mode] use CLOSE to close the shape
+ * @param  {Integer} [count] number of times you want to draw/instance the shape (for WebGL mode).
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * noFill();
+ *
+ * beginShape();
+ * vertex(20, 20);
+ * vertex(45, 20);
+ * vertex(45, 80);
+ * endShape(CLOSE);
+ *
+ * beginShape();
+ * vertex(50, 20);
+ * vertex(75, 20);
+ * vertex(75, 80);
+ * endShape();
+ * </code>
+ * </div>
+ *
+ * @example
+ * <div>
+ * <code>
+ * let fx;
+ * let vs = `#version 300 es
+ *
+ * precision mediump float;
+ *
+ * in vec3 aPosition;
+ * flat out int instanceID;
+ *
+ * uniform mat4 uModelViewMatrix;
+ * uniform mat4 uProjectionMatrix;
+ *
+ * void main() {
+ *
+ *   // copy the instance ID to the fragment shader
+ *   instanceID = gl_InstanceID;
+ *   vec4 positionVec4 = vec4(aPosition, 1.0);
+ *
+ *   // gl_InstanceID represents a numeric value for each instance
+ *   // using gl_InstanceID allows us to move each instance separately
+ *   // here we move each instance horizontally by id * 40
+ *   float xOffset = float(gl_InstanceID) * 40.0;
+ *
+ *   // apply the offset to the final position
+ *   gl_Position = uProjectionMatrix * uModelViewMatrix * positionVec4 -
+ *     vec4(xOffset, 0.0, 0.0, 0.0);
+ * }
+ * `;
+ * let fs = `#version 300 es
+ *
+ * precision mediump float;
+ *
+ * out vec4 outColor;
+ * flat in int instanceID;
+ * uniform float numInstances;
+ *
+ * void main() {
+ *   vec4 red = vec4(1.0, 0.0, 0.0, 1.0);
+ *   vec4 blue = vec4(0.0, 0.0, 1.0, 1.0);
+ *
+ *   // Normalize the instance id
+ *   float normId = float(instanceID) / numInstances;
+ *
+ *   // Mix between two colors using the normalized instance id
+ *   outColor = mix(red, blue, normId);
+ * }
+ * `;
+ *
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   fx = createShader(vs, fs);
+ * }
+ *
+ * function draw() {
+ *   background(220);
+ *
+ *   // strokes aren't instanced, and are rather used for debug purposes
+ *   shader(fx);
+ *   fx.setUniform('numInstances', 4);
+ *
+ *   // this doesn't have to do with instancing, this is just for centering the squares
+ *   translate(25, -10);
+ *
+ *   // here we draw the squares we want to instance
+ *   beginShape();
+ *   vertex(0, 0);
+ *   vertex(0, 20);
+ *   vertex(20, 20);
+ *   vertex(20, 0);
+ *   vertex(0, 0);
+ *   endShape(CLOSE, 4);
+ *
+ *   resetShader();
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * Triangle line shape with smallest interior angle on bottom and upside-down L.
+ */
+        _main.default.prototype.endShape = function (mode) {
+          var count = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+          _main.default._validateParameters('endShape', arguments);
+          if (count < 1) {
+            console.log('🌸 p5.js says: You can not have less than one instance');
+            count = 1;
+          }
+          if (this._renderer.isP3D) {
+            this._renderer.endShape(mode, isCurve, isBezier, isQuadratic, isContour, shapeKind, count);
+          } else {
+            if (count !== 1) {
+              console.log('🌸 p5.js says: Instancing is only supported in WebGL2 mode');
+            }
+            if (vertices.length === 0) {
+              return this;
+            }
+            if (!this._renderer._doStroke && !this._renderer._doFill) {
+              return this;
+            }
+            var closeShape = mode === constants.CLOSE;
+            // if the shape is closed, the first element is also the last element
+            if (closeShape && !isContour) {
+              vertices.push(vertices[0]);
+            }
+            this._renderer.endShape(mode, vertices, isCurve, isBezier, isQuadratic, isContour, shapeKind);
+            // Reset some settings
+            isCurve = false;
+            isBezier = false;
+            isQuadratic = false;
+            isContour = false;
+            isFirstContour = true;
+            // If the shape is closed, the first element was added as last element.
+            // We must remove it again to prevent the list of vertices from growing
+            // over successive calls to endShape(CLOSE)
+            if (closeShape) {
+              vertices.pop();
+            }
+          }
+          return this;
+        };
+        /**
+ * Specifies vertex coordinates for quadratic Bezier curves. Each call to
+ * quadraticVertex() defines the position of one control points and one
+ * anchor point of a Bezier curve, adding a new segment to a line or shape.
+ * The first time quadraticVertex() is used within a <a href="#/p5/beginShape">beginShape()</a> call, it
+ * must be prefaced with a call to <a href="#/p5/vertex">vertex()</a> to set the first anchor point.
+ * For WebGL mode quadraticVertex() can be used in 2D as well as 3D mode.
+ * 2D mode expects 4 parameters, while 3D mode expects 6 parameters
+ * (including z coordinates).
+ *
+ * This function must be used between <a href="#/p5/beginShape">beginShape()</a> and <a href="#/p5/endShape">endShape()</a>
+ * and only when there is no MODE or POINTS parameter specified to
+ * <a href="#/p5/beginShape">beginShape()</a>.
+ *
+ * @method quadraticVertex
+ * @param  {Number} cx x-coordinate for the control point
+ * @param  {Number} cy y-coordinate for the control point
+ * @param  {Number} x3 x-coordinate for the anchor point
+ * @param  {Number} y3 y-coordinate for the anchor point
+ * @chainable
+ *
+ * @example
+ * <div>
+ * <code>
+ * strokeWeight(5);
+ * point(20, 20);
+ * point(80, 20);
+ * point(50, 50);
+ *
+ * noFill();
+ * strokeWeight(1);
+ * beginShape();
+ * vertex(20, 20);
+ * quadraticVertex(80, 20, 50, 50);
+ * endShape();
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * strokeWeight(5);
+ * point(20, 20);
+ * point(80, 20);
+ * point(50, 50);
+ *
+ * point(20, 80);
+ * point(80, 80);
+ * point(80, 60);
+ *
+ * noFill();
+ * strokeWeight(1);
+ * beginShape();
+ * vertex(20, 20);
+ * quadraticVertex(80, 20, 50, 50);
+ * quadraticVertex(20, 80, 80, 80);
+ * vertex(80, 60);
+ * endShape();
+ * </code>
+ * </div>
+ *
+ * @alt
+ * arched-shaped black line with 4 pixel thick stroke weight.
+ * backwards s-shaped black line with 4 pixel thick stroke weight.
+ */
+        /**
+ * @method quadraticVertex
+ * @param  {Number} cx
+ * @param  {Number} cy
+ * @param  {Number} cz z-coordinate for the control point (for WebGL mode)
+ * @param  {Number} x3
+ * @param  {Number} y3
+ * @param  {Number} z3 z-coordinate for the anchor point (for WebGL mode)
+ * @chainable
+ *
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   setAttributes('antialias', true);
+ * }
+ * function draw() {
+ *   orbitControl();
+ *   background(50);
+ *   strokeWeight(4);
+ *   stroke(255);
+ *
+ *   point(-35, -35);
+ *   point(35, -35);
+ *   point(0, 0);
+ *   point(-35, 35);
+ *   point(35, 35);
+ *   point(35, 10);
+ *
+ *   strokeWeight(1);
+ *   noFill();
+ *
+ *   beginShape();
+ *   vertex(-35, -35);
+ *   quadraticVertex(35, -35, 0, 0);
+ *   quadraticVertex(-35, 35, 35, 35);
+ *   vertex(35, 10);
+ *   endShape();
+ *
+ *   beginShape();
+ *   vertex(-35, -35, 20);
+ *   quadraticVertex(35, -35, 20, 0, 0, 20);
+ *   quadraticVertex(-35, 35, 20, 35, 35, 20);
+ *   vertex(35, 10, 20);
+ *   endShape();
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * backwards s-shaped black line with the same s-shaped line in positive z-axis.
+ */
+        _main.default.prototype.quadraticVertex = function () {
+          for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+            args[_key3] = arguments[_key3];
+          }
+          _main.default._validateParameters('quadraticVertex', args);
+          if (this._renderer.isP3D) {
+            var _this$_renderer4;
+            (_this$_renderer4 = this._renderer).quadraticVertex.apply(_this$_renderer4, args);
+          } else {
+            //if we're drawing a contour, put the points into an
+            // array for inside drawing
+            if (this._contourInited) {
+              var pt = {
+              };
+              pt.x = args[0];
+              pt.y = args[1];
+              pt.x3 = args[2];
+              pt.y3 = args[3];
+              pt.type = constants.QUADRATIC;
+              this._contourVertices.push(pt);
+              return this;
+            }
+            if (vertices.length > 0) {
+              isQuadratic = true;
+              var vert = [
+              ];
+              for (var i = 0; i < args.length; i++) {
+                vert[i] = args[i];
+              }
+              vert.isVert = false;
+              if (isContour) {
+                contourVertices.push(vert);
+              } else {
+                vertices.push(vert);
+              }
+            } else {
+              _main.default._friendlyError('vertex() must be used once before calling quadraticVertex()', 'quadraticVertex');
+            }
+          }
+          return this;
+        };
+        /**
+ * All shapes are constructed by connecting a series of vertices. <a href="#/p5/vertex">vertex()</a>
+ * is used to specify the vertex coordinates for points, lines, triangles,
+ * quads, and polygons. It is used exclusively within the <a href="#/p5/beginShape">beginShape()</a> and
+ * <a href="#/p5/endShape">endShape()</a> functions.
+ *
+ * @method vertex
+ * @param  {Number} x x-coordinate of the vertex
+ * @param  {Number} y y-coordinate of the vertex
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * strokeWeight(3);
+ * beginShape(POINTS);
+ * vertex(30, 20);
+ * vertex(85, 20);
+ * vertex(85, 75);
+ * vertex(30, 75);
+ * endShape();
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * createCanvas(100, 100, WEBGL);
+ * background(240, 240, 240);
+ * fill(237, 34, 93);
+ * noStroke();
+ * beginShape();
+ * vertex(0, 35);
+ * vertex(35, 0);
+ * vertex(0, -35);
+ * vertex(-35, 0);
+ * endShape();
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * createCanvas(100, 100, WEBGL);
+ * background(240, 240, 240);
+ * fill(237, 34, 93);
+ * noStroke();
+ * beginShape();
+ * vertex(-10, 10);
+ * vertex(0, 35);
+ * vertex(10, 10);
+ * vertex(35, 0);
+ * vertex(10, -8);
+ * vertex(0, -35);
+ * vertex(-10, -8);
+ * vertex(-35, 0);
+ * endShape();
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * strokeWeight(3);
+ * stroke(237, 34, 93);
+ * beginShape(LINES);
+ * vertex(10, 35);
+ * vertex(90, 35);
+ * vertex(10, 65);
+ * vertex(90, 65);
+ * vertex(35, 10);
+ * vertex(35, 90);
+ * vertex(65, 10);
+ * vertex(65, 90);
+ * endShape();
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * // Click to change the number of sides.
+ * // In WebGL mode, custom shapes will only
+ * // display hollow fill sections when
+ * // all calls to vertex() use the same z-value.
+ *
+ * let sides = 3;
+ * let angle, px, py;
+ *
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   setAttributes('antialias', true);
+ *   fill(237, 34, 93);
+ *   strokeWeight(3);
+ * }
+ *
+ * function draw() {
+ *   background(200);
+ *   rotateX(frameCount * 0.01);
+ *   rotateZ(frameCount * 0.01);
+ *   ngon(sides, 0, 0, 80);
+ * }
+ *
+ * function mouseClicked() {
+ *   if (sides > 6) {
+ *     sides = 3;
+ *   } else {
+ *     sides++;
+ *   }
+ * }
+ *
+ * function ngon(n, x, y, d) {
+ *   beginShape(TESS);
+ *   for (let i = 0; i < n + 1; i++) {
+ *     angle = TWO_PI / n * i;
+ *     px = x + sin(angle) * d / 2;
+ *     py = y - cos(angle) * d / 2;
+ *     vertex(px, py, 0);
+ *   }
+ *   for (let i = 0; i < n + 1; i++) {
+ *     angle = TWO_PI / n * i;
+ *     px = x + sin(angle) * d / 4;
+ *     py = y - cos(angle) * d / 4;
+ *     vertex(px, py, 0);
+ *   }
+ *   endShape();
+ * }
+ * </code>
+ * </div>
+ * @alt
+ * 4 black points in a square shape in middle-right of canvas.
+ * 4 points making a diamond shape.
+ * 8 points making a star.
+ * 8 points making 4 lines.
+ * A rotating 3D shape with a hollow section in the middle.
+ */
+        /**
+ * @method vertex
+ * @param  {Number} x
+ * @param  {Number} y
+ * @param  {Number} [z]   z-coordinate of the vertex.
+ *                       Defaults to 0 if not specified.
+ * @chainable
+ */
+        /**
+ * @method vertex
+ * @param  {Number} x
+ * @param  {Number} y
+ * @param  {Number} [z]
+ * @param  {Number} [u]   the vertex's texture u-coordinate
+ * @param  {Number} [v]   the vertex's texture v-coordinate
+ * @chainable
+ */
+        _main.default.prototype.vertex = function (x, y, moveTo, u, v) {
+          if (this._renderer.isP3D) {
+            var _this$_renderer5;
+            (_this$_renderer5 = this._renderer).vertex.apply(_this$_renderer5, arguments);
+          } else {
+            var vert = [
+            ];
+            vert.isVert = true;
+            vert[0] = x;
+            vert[1] = y;
+            vert[2] = 0;
+            vert[3] = 0;
+            vert[4] = 0;
+            vert[5] = this._renderer._getFill();
+            vert[6] = this._renderer._getStroke();
+            if (moveTo) {
+              vert.moveTo = moveTo;
+            }
+            if (isContour) {
+              if (contourVertices.length === 0) {
+                vert.moveTo = true;
+              }
+              contourVertices.push(vert);
+            } else {
+              vertices.push(vert);
+            }
+          }
+          return this;
+        };
+        /**
+ * Sets the 3d vertex normal to use for subsequent vertices drawn with
+ * <a href="#/p5/vertex">vertex()</a>. A normal is a vector that is generally
+ * nearly perpendicular to a shape's surface which controls how much light will
+ * be reflected from that part of the surface.
+ *
+ * @method normal
+ * @param  {Vector} vector A p5.Vector representing the vertex normal.
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   noStroke();
+ * }
+ *
+ * function draw() {
+ *   background(255);
+ *   rotateY(frameCount / 100);
+ *   normalMaterial();
+ *   beginShape(TRIANGLE_STRIP);
+ *   normal(-0.4, 0.4, 0.8);
+ *   vertex(-30, 30, 0);
+ *
+ *   normal(0, 0, 1);
+ *   vertex(-30, -30, 30);
+ *   vertex(30, 30, 30);
+ *
+ *   normal(0.4, -0.4, 0.8);
+ *   vertex(30, -30, 0);
+ *   endShape();
+ * }
+ * </code>
+ * </div>
+ */
+        /**
+ * @method normal
+ * @param  {Number} x The x component of the vertex normal.
+ * @param  {Number} y The y component of the vertex normal.
+ * @param  {Number} z The z component of the vertex normal.
+ * @chainable
+ */
+        _main.default.prototype.normal = function (x, y, z) {
+          var _this$_renderer6;
+          this._assert3d('normal');
+          _main.default._validateParameters('normal', arguments);
+          (_this$_renderer6 = this._renderer).normal.apply(_this$_renderer6, arguments);
+          return this;
+        };
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        '../constants': 286,
+        '../main': 298,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.array.slice': 183,
+        'core-js/modules/es.object.get-own-property-descriptor': 196,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/es.weak-map': 254,
+        'core-js/modules/web.dom-collections.iterator': 256
+      }
+    ],
+    309: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.filter');
+        _dereq_('core-js/modules/es.array.from');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.object.assign');
+        _dereq_('core-js/modules/es.object.keys');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.typed-array.uint8-clamped-array');
+        _dereq_('core-js/modules/es.typed-array.copy-within');
+        _dereq_('core-js/modules/es.typed-array.every');
+        _dereq_('core-js/modules/es.typed-array.fill');
+        _dereq_('core-js/modules/es.typed-array.filter');
+        _dereq_('core-js/modules/es.typed-array.find');
+        _dereq_('core-js/modules/es.typed-array.find-index');
+        _dereq_('core-js/modules/es.typed-array.for-each');
+        _dereq_('core-js/modules/es.typed-array.includes');
+        _dereq_('core-js/modules/es.typed-array.index-of');
+        _dereq_('core-js/modules/es.typed-array.iterator');
+        _dereq_('core-js/modules/es.typed-array.join');
+        _dereq_('core-js/modules/es.typed-array.last-index-of');
+        _dereq_('core-js/modules/es.typed-array.map');
+        _dereq_('core-js/modules/es.typed-array.reduce');
+        _dereq_('core-js/modules/es.typed-array.reduce-right');
+        _dereq_('core-js/modules/es.typed-array.reverse');
+        _dereq_('core-js/modules/es.typed-array.set');
+        _dereq_('core-js/modules/es.typed-array.slice');
+        _dereq_('core-js/modules/es.typed-array.some');
+        _dereq_('core-js/modules/es.typed-array.sort');
+        _dereq_('core-js/modules/es.typed-array.subarray');
+        _dereq_('core-js/modules/es.typed-array.to-locale-string');
+        _dereq_('core-js/modules/es.typed-array.to-string');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        function _typeof2(obj) {
+          if (typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol') {
+            _typeof2 = function _typeof2(obj) {
+              return typeof obj;
+            };
+          } else {
+            _typeof2 = function _typeof2(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj;
+            };
+          }
+          return _typeof2(obj);
+        }
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.filter');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.object.assign');
+        _dereq_('core-js/modules/es.object.keys');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.typed-array.uint8-clamped-array');
+        _dereq_('core-js/modules/es.typed-array.copy-within');
+        _dereq_('core-js/modules/es.typed-array.every');
+        _dereq_('core-js/modules/es.typed-array.fill');
+        _dereq_('core-js/modules/es.typed-array.filter');
+        _dereq_('core-js/modules/es.typed-array.find');
+        _dereq_('core-js/modules/es.typed-array.find-index');
+        _dereq_('core-js/modules/es.typed-array.for-each');
+        _dereq_('core-js/modules/es.typed-array.includes');
+        _dereq_('core-js/modules/es.typed-array.index-of');
+        _dereq_('core-js/modules/es.typed-array.iterator');
+        _dereq_('core-js/modules/es.typed-array.join');
+        _dereq_('core-js/modules/es.typed-array.last-index-of');
+        _dereq_('core-js/modules/es.typed-array.map');
+        _dereq_('core-js/modules/es.typed-array.reduce');
+        _dereq_('core-js/modules/es.typed-array.reduce-right');
+        _dereq_('core-js/modules/es.typed-array.reverse');
+        _dereq_('core-js/modules/es.typed-array.set');
+        _dereq_('core-js/modules/es.typed-array.slice');
+        _dereq_('core-js/modules/es.typed-array.some');
+        _dereq_('core-js/modules/es.typed-array.sort');
+        _dereq_('core-js/modules/es.typed-array.subarray');
+        _dereq_('core-js/modules/es.typed-array.to-locale-string');
+        _dereq_('core-js/modules/es.typed-array.to-string');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        function _toConsumableArray(arr) {
+          return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
+        }
+        function _nonIterableSpread() {
+          throw new TypeError('Invalid attempt to spread non-iterable instance');
+        }
+        function _iterableToArray(iter) {
+          if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === '[object Arguments]') return Array.from(iter);
+        }
+        function _arrayWithoutHoles(arr) {
+          if (Array.isArray(arr)) {
+            for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) {
+              arr2[i] = arr[i];
+            }
+            return arr2;
+          }
+        }
+        function _typeof(obj) {
+          if (typeof Symbol === 'function' && _typeof2(Symbol.iterator) === 'symbol') {
+            _typeof = function _typeof(obj) {
+              return _typeof2(obj);
+            };
+          } else {
+            _typeof = function _typeof(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : _typeof2(obj);
+            };
+          }
+          return _typeof(obj);
+        }        // requestAnim shim layer by Paul Irish
+        // http://paulirish.com/2011/requestanimationframe-for-smart-animating/
+        // http://my.opera.com/emoller/blog/2011/12/20/
+        // requestanimationframe-for-smart-er-animating
+        // requestAnimationFrame polyfill by Erik Möller
+        // fixes from Paul Irish and Tino Zijdel
+
+        window.requestAnimationFrame = function () {
+          return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (callback, element) {
+            // should '60' here be framerate?
+            window.setTimeout(callback, 1000 / 60);
+          };
+        }();
+        /**
+ * shim for Uint8ClampedArray.slice
+ * (allows arrayCopy to work with pixels[])
+ * with thanks to http://halfpapstudios.com/blog/tag/html5-canvas/
+ * Enumerable set to false to protect for...in from
+ * Uint8ClampedArray.prototype pollution.
+ */
+        (function () {
+          if (typeof Uint8ClampedArray !== 'undefined' && !Uint8ClampedArray.prototype.slice) {
+            Object.defineProperty(Uint8ClampedArray.prototype, 'slice', {
+              value: Array.prototype.slice,
+              writable: true,
+              configurable: true,
+              enumerable: false
+            });
+          }
+        }) ();
+        /**
+ * this is implementation of Object.assign() which is unavailable in
+ * IE11 and (non-Chrome) Android browsers.
+ * The assign() method is used to copy the values of all enumerable
+ * own properties from one or more source objects to a target object.
+ * It will return the target object.
+ * Modified from https://github.com/ljharb/object.assign
+ */
+        (function () {
+          if (!Object.assign) {
+            var keys = Object.keys;
+            var defineProperty = Object.defineProperty;
+            var canBeObject = function canBeObject(obj) {
+              return typeof obj !== 'undefined' && obj !== null;
+            };
+            var hasSymbols = typeof Symbol === 'function' && _typeof(Symbol()) === 'symbol';
+            var propIsEnumerable = Object.prototype.propertyIsEnumerable;
+            var isEnumerableOn = function isEnumerableOn(obj) {
+              return function isEnumerable(prop) {
+                return propIsEnumerable.call(obj, prop);
+              };
+            };
+            // per ES6 spec, this function has to have a length of 2
+            var assignShim = function assign(target, source1) {
+              if (!canBeObject(target)) {
+                throw new TypeError('target must be an object');
+              }
+              var objTarget = Object(target);
+              var s,
+              source,
+              i,
+              props;
+              for (s = 1; s < arguments.length; ++s) {
+                source = Object(arguments[s]);
+                props = keys(source);
+                if (hasSymbols && Object.getOwnPropertySymbols) {
+                  var _props;
+                  (_props = props).push.apply(_props, _toConsumableArray(Object.getOwnPropertySymbols(source).filter(isEnumerableOn(source))));
+                }
+                for (i = 0; i < props.length; ++i) {
+                  objTarget[props[i]] = source[props[i]];
+                }
+              }
+              return objTarget;
+            };
+            defineProperty(Object, 'assign', {
+              value: assignShim,
+              configurable: true,
+              enumerable: false,
+              writable: true
+            });
+          }
+        }) ();
+      },
+      {
+        'core-js/modules/es.array.filter': 173,
+        'core-js/modules/es.array.from': 176,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.array.slice': 183,
+        'core-js/modules/es.object.assign': 194,
+        'core-js/modules/es.object.keys': 199,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.regexp.to-string': 206,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/es.typed-array.copy-within': 223,
+        'core-js/modules/es.typed-array.every': 224,
+        'core-js/modules/es.typed-array.fill': 225,
+        'core-js/modules/es.typed-array.filter': 226,
+        'core-js/modules/es.typed-array.find': 228,
+        'core-js/modules/es.typed-array.find-index': 227,
+        'core-js/modules/es.typed-array.for-each': 231,
+        'core-js/modules/es.typed-array.includes': 232,
+        'core-js/modules/es.typed-array.index-of': 233,
+        'core-js/modules/es.typed-array.iterator': 236,
+        'core-js/modules/es.typed-array.join': 237,
+        'core-js/modules/es.typed-array.last-index-of': 238,
+        'core-js/modules/es.typed-array.map': 239,
+        'core-js/modules/es.typed-array.reduce': 241,
+        'core-js/modules/es.typed-array.reduce-right': 240,
+        'core-js/modules/es.typed-array.reverse': 242,
+        'core-js/modules/es.typed-array.set': 243,
+        'core-js/modules/es.typed-array.slice': 244,
+        'core-js/modules/es.typed-array.some': 245,
+        'core-js/modules/es.typed-array.sort': 246,
+        'core-js/modules/es.typed-array.subarray': 247,
+        'core-js/modules/es.typed-array.to-locale-string': 248,
+        'core-js/modules/es.typed-array.to-string': 249,
+        'core-js/modules/es.typed-array.uint8-clamped-array': 253,
+        'core-js/modules/web.dom-collections.iterator': 256
+      }
+    ],
+    310: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.object.assign');
+        _dereq_('core-js/modules/es.object.assign');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('./main'));
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }        /**
+ * @module Structure
+ * @submodule Structure
+ * @for p5
+ * @requires core
+ */
+        /**
+ * Stops p5.js from continuously executing the code within <a href="#/p5/draw">draw()</a>.
+ * If <a href="#/p5/loop">loop()</a> is called, the code in <a href="#/p5/draw">draw()</a>
+ * begins to run continuously again. If using <a href="#/p5/noLoop">noLoop()</a>
+ * in <a href="#/p5/setup">setup()</a>, it should be the last line inside the block.
+ *
+ * When <a href="#/p5/noLoop">noLoop()</a> is used, it's not possible to manipulate
+ * or access the screen inside event handling functions such as
+ * <a href="#/p5/mousePressed">mousePressed()</a> or
+ * <a href="#/p5/keyPressed">keyPressed()</a>. Instead, use those functions to
+ * call <a href="#/p5/redraw">redraw()</a> or <a href="#/p5/loop">loop()</a>,
+ * which will run <a href="#/p5/draw">draw()</a>, which can update the screen
+ * properly. This means that when <a href="#/p5/noLoop">noLoop()</a> has been
+ * called, no drawing can happen, and functions like <a href="#/p5/saveFrames">saveFrames()</a>
+ * or <a href="#/p5/loadPixels">loadPixels()</a> may not be used.
+ *
+ * Note that if the sketch is resized, <a href="#/p5/redraw">redraw()</a> will
+ * be called to update the sketch, even after <a href="#/p5/noLoop">noLoop()</a>
+ * has been specified. Otherwise, the sketch would enter an odd state until
+ * <a href="#/p5/loop">loop()</a> was called.
+ *
+ * Use <a href="#/p5/isLooping">isLooping()</a> to check the current state of <a href="#/p5/loop">loop()</a>.
+ *
+ * @method noLoop
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100);
+ *   background(200);
+ *   noLoop();
+ * }
+
+ * function draw() {
+ *   line(10, 10, 90, 90);
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let x = 0;
+ * function setup() {
+ *   createCanvas(100, 100);
+ * }
+ *
+ * function draw() {
+ *   background(204);
+ *   x = x + 0.1;
+ *   if (x > width) {
+ *     x = 0;
+ *   }
+ *   line(x, 0, x, height);
+ * }
+ *
+ * function mousePressed() {
+ *   noLoop();
+ * }
+ *
+ * function mouseReleased() {
+ *   loop();
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * 113 pixel long line extending from top-left to bottom right of canvas.
+ * horizontal line moves slowly from left. Loops but stops on mouse press.
+ */
+
+        _main.default.prototype.noLoop = function () {
+          this._loop = false;
+        };
+        /**
+ * By default, p5.js loops through draw() continuously, executing the code within
+ * it. However, the <a href="#/p5/draw">draw()</a> loop may be stopped by calling
+ * <a href="#/p5/noLoop">noLoop()</a>. In that case, the <a href="#/p5/draw">draw()</a>
+ * loop can be resumed with loop().
+ *
+ * Avoid calling loop() from inside setup().
+ *
+ * Use <a href="#/p5/isLooping">isLooping()</a> to check the current state of <a href="#/p5/loop">loop()</a>.
+ *
+ * @method loop
+ * @example
+ * <div>
+ * <code>
+ * let x = 0;
+ * function setup() {
+ *   createCanvas(100, 100);
+ *   noLoop();
+ * }
+ *
+ * function draw() {
+ *   background(204);
+ *   x = x + 0.1;
+ *   if (x > width) {
+ *     x = 0;
+ *   }
+ *   line(x, 0, x, height);
+ * }
+ *
+ * function mousePressed() {
+ *   loop();
+ * }
+ *
+ * function mouseReleased() {
+ *   noLoop();
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * horizontal line moves slowly from left. Loops but stops on mouse press.
+ */
+        _main.default.prototype.loop = function () {
+          if (!this._loop) {
+            this._loop = true;
+            if (this._setupDone) {
+              this._draw();
+            }
+          }
+        };
+        /**
+ * By default, p5.js loops through <a href="#/p5/draw">draw()</a> continuously,
+ * executing the code within it. If the sketch is stopped with
+ * <a href="#/p5/noLoop">noLoop()</a> or resumed with <a href="#/p5/loop">loop()</a>,
+ * isLooping() returns the current state for use within custom event handlers.
+ *
+ * @method isLooping
+ * @returns {boolean}
+ * @example
+ * <div>
+ * <code>
+ * let checkbox, button, colBG, colFill;
+ *
+ * function setup() {
+ *   createCanvas(100, 100);
+ *
+ *   button = createButton('Colorize if loop()');
+ *   button.position(0, 120);
+ *   button.mousePressed(changeBG);
+ *
+ *   checkbox = createCheckbox('loop()', true);
+ *   checkbox.changed(checkLoop);
+ *
+ *   colBG = color(0);
+ *   colFill = color(255);
+ * }
+ *
+ * function changeBG() {
+ *   if (isLooping()) {
+ *     colBG = color(random(255), random(255), random(255));
+ *     colFill = color(random(255), random(255), random(255));
+ *   }
+ * }
+ *
+ * function checkLoop() {
+ *   if (this.checked()) {
+ *     loop();
+ *   } else {
+ *     noLoop();
+ *   }
+ * }
+ *
+ * function draw() {
+ *   background(colBG);
+ *   fill(colFill);
+ *   ellipse(frameCount % width, height / 2, 50);
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * Ellipse moves slowly from left. Checkbox toggles loop()/noLoop().
+ * Button colorizes sketch if isLooping().
+ *
+ */
+        _main.default.prototype.isLooping = function () {
+          return this._loop;
+        };
+        /**
+ * The <a href="#/p5/push">push()</a> function saves the current drawing style
+ * settings and transformations, while <a href="#/p5/pop">pop()</a> restores these
+ * settings. Note that these functions are always used together. They allow you to
+ * change the style and transformation settings and later return to what you had.
+ * When a new state is started with <a href="#/p5/push">push()</a>, it builds on
+ * the current style and transform information. The <a href="#/p5/push">push()</a>
+ * and <a href="#/p5/pop">pop()</a> functions can be embedded to provide more
+ * control. (See the second example for a demonstration.)
+ *
+ * <a href="#/p5/push">push()</a> stores information related to the current transformation state
+ * and style settings controlled by the following functions:
+ * <a href="#/p5/fill">fill()</a>,
+ * <a href="#/p5/noFill">noFill()</a>,
+ * <a href="#/p5/noStroke">noStroke()</a>,
+ * <a href="#/p5/stroke">stroke()</a>,
+ * <a href="#/p5/tint">tint()</a>,
+ * <a href="#/p5/noTint">noTint()</a>,
+ * <a href="#/p5/strokeWeight">strokeWeight()</a>,
+ * <a href="#/p5/strokeCap">strokeCap()</a>,
+ * <a href="#/p5/strokeJoin">strokeJoin()</a>,
+ * <a href="#/p5/imageMode">imageMode()</a>,
+ * <a href="#/p5/rectMode">rectMode()</a>,
+ * <a href="#/p5/ellipseMode">ellipseMode()</a>,
+ * <a href="#/p5/colorMode">colorMode()</a>,
+ * <a href="#/p5/textAlign">textAlign()</a>,
+ * <a href="#/p5/textFont">textFont()</a>,
+ * <a href="#/p5/textSize">textSize()</a>,
+ * <a href="#/p5/textLeading">textLeading()</a>,
+ * <a href="#/p5/applyMatrix">applyMatrix()</a>,
+ * <a href="#/p5/resetMatrix">resetMatrix()</a>,
+ * <a href="#/p5/rotate">rotate()</a>,
+ * <a href="#/p5/scale">scale()</a>,
+ * <a href="#/p5/shearX">shearX()</a>,
+ * <a href="#/p5/shearY">shearY()</a>,
+ * <a href="#/p5/translate">translate()</a>,
+ * <a href="#/p5/noiseSeed">noiseSeed()</a>.
+ *
+ * In WEBGL mode additional style settings are stored. These are controlled by the
+ * following functions: <a href="#/p5/setCamera">setCamera()</a>,
+ * <a href="#/p5/ambientLight">ambientLight()</a>,
+ * <a href="#/p5/directionalLight">directionalLight()</a>,
+ * <a href="#/p5/pointLight">pointLight()</a>, <a href="#/p5/texture">texture()</a>,
+ * <a href="#/p5/specularMaterial">specularMaterial()</a>,
+ * <a href="#/p5/shininess">shininess()</a>,
+ * <a href="#/p5/normalMaterial">normalMaterial()</a>
+ * and <a href="#/p5/shader">shader()</a>.
+ *
+ * @method push
+ * @example
+ * <div>
+ * <code>
+ * ellipse(0, 50, 33, 33); // Left circle
+ *
+ * push(); // Start a new drawing state
+ * strokeWeight(10);
+ * fill(204, 153, 0);
+ * translate(50, 0);
+ * ellipse(0, 50, 33, 33); // Middle circle
+ * pop(); // Restore original state
+ *
+ * ellipse(100, 50, 33, 33); // Right circle
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * ellipse(0, 50, 33, 33); // Left circle
+ *
+ * push(); // Start a new drawing state
+ * strokeWeight(10);
+ * fill(204, 153, 0);
+ * ellipse(33, 50, 33, 33); // Left-middle circle
+ *
+ * push(); // Start another new drawing state
+ * stroke(0, 102, 153);
+ * ellipse(66, 50, 33, 33); // Right-middle circle
+ * pop(); // Restore previous state
+ *
+ * pop(); // Restore original state
+ *
+ * ellipse(100, 50, 33, 33); // Right circle
+ * </code>
+ * </div>
+ *
+ * @alt
+ * Gold ellipse + thick black outline @center 2 white ellipses on left and right.
+ * 2 Gold ellipses left black right blue stroke. 2 white ellipses on left+right.
+ */
+        _main.default.prototype.push = function () {
+          this._styles.push({
+            props: {
+              _colorMode: this._colorMode
+            },
+            renderer: this._renderer.push()
+          });
+        };
+        /**
+ * The <a href="#/p5/push">push()</a> function saves the current drawing style
+ * settings and transformations, while <a href="#/p5/pop">pop()</a> restores
+ * these settings. Note that these functions are always used together. They allow
+ * you to change the style and transformation settings and later return to what
+ * you had. When a new state is started with <a href="#/p5/push">push()</a>, it
+ * builds on the current style and transform information. The <a href="#/p5/push">push()</a>
+ * and <a href="#/p5/pop">pop()</a> functions can be embedded to provide more
+ * control. (See the second example for a demonstration.)
+ *
+ * <a href="#/p5/push">push()</a> stores information related to the current transformation state
+ * and style settings controlled by the following functions:
+ * <a href="#/p5/fill">fill()</a>,
+ * <a href="#/p5/noFill">noFill()</a>,
+ * <a href="#/p5/noStroke">noStroke()</a>,
+ * <a href="#/p5/stroke">stroke()</a>,
+ * <a href="#/p5/tint">tint()</a>,
+ * <a href="#/p5/noTint">noTint()</a>,
+ * <a href="#/p5/strokeWeight">strokeWeight()</a>,
+ * <a href="#/p5/strokeCap">strokeCap()</a>,
+ * <a href="#/p5/strokeJoin">strokeJoin()</a>,
+ * <a href="#/p5/imageMode">imageMode()</a>,
+ * <a href="#/p5/rectMode">rectMode()</a>,
+ * <a href="#/p5/ellipseMode">ellipseMode()</a>,
+ * <a href="#/p5/colorMode">colorMode()</a>,
+ * <a href="#/p5/textAlign">textAlign()</a>,
+ * <a href="#/p5/textFont">textFont()</a>,
+ * <a href="#/p5/textSize">textSize()</a>,
+ * <a href="#/p5/textLeading">textLeading()</a>,
+ * <a href="#/p5/applyMatrix">applyMatrix()</a>,
+ * <a href="#/p5/resetMatrix">resetMatrix()</a>,
+ * <a href="#/p5/rotate">rotate()</a>,
+ * <a href="#/p5/scale">scale()</a>,
+ * <a href="#/p5/shearX">shearX()</a>,
+ * <a href="#/p5/shearY">shearY()</a>,
+ * <a href="#/p5/translate">translate()</a>,
+ * <a href="#/p5/noiseSeed">noiseSeed()</a>.
+ *
+ * In WEBGL mode additional style settings are stored. These are controlled by
+ * the following functions:
+ * <a href="#/p5/setCamera">setCamera()</a>,
+ * <a href="#/p5/ambientLight">ambientLight()</a>,
+ * <a href="#/p5/directionalLight">directionalLight()</a>,
+ * <a href="#/p5/pointLight">pointLight()</a>,
+ * <a href="#/p5/texture">texture()</a>,
+ * <a href="#/p5/specularMaterial">specularMaterial()</a>,
+ * <a href="#/p5/shininess">shininess()</a>,
+ * <a href="#/p5/normalMaterial">normalMaterial()</a> and
+ * <a href="#/p5/shader">shader()</a>.
+ *
+ * @method pop
+ * @example
+ * <div>
+ * <code>
+ * ellipse(0, 50, 33, 33); // Left circle
+ *
+ * push(); // Start a new drawing state
+ * translate(50, 0);
+ * strokeWeight(10);
+ * fill(204, 153, 0);
+ * ellipse(0, 50, 33, 33); // Middle circle
+ * pop(); // Restore original state
+ *
+ * ellipse(100, 50, 33, 33); // Right circle
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * ellipse(0, 50, 33, 33); // Left circle
+ *
+ * push(); // Start a new drawing state
+ * strokeWeight(10);
+ * fill(204, 153, 0);
+ * ellipse(33, 50, 33, 33); // Left-middle circle
+ *
+ * push(); // Start another new drawing state
+ * stroke(0, 102, 153);
+ * ellipse(66, 50, 33, 33); // Right-middle circle
+ * pop(); // Restore previous state
+ *
+ * pop(); // Restore original state
+ *
+ * ellipse(100, 50, 33, 33); // Right circle
+ * </code>
+ * </div>
+ *
+ * @alt
+ * Gold ellipse + thick black outline @center 2 white ellipses on left and right.
+ * 2 Gold ellipses left black right blue stroke. 2 white ellipses on left+right.
+ */
+        _main.default.prototype.pop = function () {
+          var style = this._styles.pop();
+          if (style) {
+            this._renderer.pop(style.renderer);
+            Object.assign(this, style.props);
+          } else {
+            console.warn('pop() was called without matching push()');
+          }
+        };
+        /**
+ * Executes the code within <a href="#/p5/draw">draw()</a> one time. This
+ * function allows the program to update the display window only when necessary,
+ * for example when an event registered by <a href="#/p5/mousePressed">mousePressed()</a>
+ * or <a href="#/p5/keyPressed">keyPressed()</a> occurs.
+ *
+ * In structuring a program, it only makes sense to call <a href="#/p5/redraw">redraw()</a>
+ * within events such as <a href="#/p5/mousePressed">mousePressed()</a>. This
+ * is because <a href="#/p5/redraw">redraw()</a> does not run
+ * <a href="#/p5/draw">draw()</a> immediately (it only sets a flag that indicates
+ * an update is needed).
+ *
+ * The <a href="#/p5/redraw">redraw()</a> function does not work properly when
+ * called inside <a href="#/p5/draw">draw()</a>.To enable/disable animations,
+ * use <a href="#/p5/loop">loop()</a> and <a href="#/p5/noLoop">noLoop()</a>.
+ *
+ * In addition you can set the number of redraws per method call. Just
+ * add an integer as single parameter for the number of redraws.
+ *
+ * @method redraw
+ * @param  {Integer} [n] Redraw for n-times. The default value is 1.
+ * @example
+ * <div><code>
+ * let x = 0;
+ *
+ * function setup() {
+ *   createCanvas(100, 100);
+ *   noLoop();
+ * }
+ *
+ * function draw() {
+ *   background(204);
+ *   line(x, 0, x, height);
+ * }
+ *
+ * function mousePressed() {
+ *   x += 1;
+ *   redraw();
+ * }
+ * </code>
+ * </div>
+ *
+ * <div class='norender'>
+ * <code>
+ * let x = 0;
+ *
+ * function setup() {
+ *   createCanvas(100, 100);
+ *   noLoop();
+ * }
+ *
+ * function draw() {
+ *   background(204);
+ *   x += 1;
+ *   line(x, 0, x, height);
+ * }
+ *
+ * function mousePressed() {
+ *   redraw(5);
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * black line on far left of canvas
+ * black line on far left of canvas
+ */
+        _main.default.prototype.redraw = function (n) {
+          if (this._inUserDraw || !this._setupDone) {
+            return;
+          }
+          var numberOfRedraws = parseInt(n);
+          if (isNaN(numberOfRedraws) || numberOfRedraws < 1) {
+            numberOfRedraws = 1;
+          }
+          var context = this._isGlobal ? window : this;
+          if (typeof context.draw === 'function') {
+            if (typeof context.setup === 'undefined') {
+              context.scale(context._pixelDensity, context._pixelDensity);
+            }
+            for (var idxRedraw = 0; idxRedraw < numberOfRedraws; idxRedraw++) {
+              context.resetMatrix();
+              if (this._accessibleOutputs.grid || this._accessibleOutputs.text) {
+                this._updateAccsOutput();
+              }
+              if (context._renderer.isP3D) {
+                context._renderer._update();
+              }
+              context._setProperty('frameCount', context.frameCount + 1);
+              this.callRegisteredHooksFor('pre');
+              this._inUserDraw = true;
+              try {
+                context.draw();
+              } finally {
+                this._inUserDraw = false;
+              }
+              this.callRegisteredHooksFor('post');
+            }
+          }
+        };
+        /**
+ * The `p5()` constructor enables you to activate "instance mode" instead of normal
+ * "global mode". This is an advanced topic. A short description and example is
+ * included below. Please see
+ * <a target="blank" href="https://www.youtube.com/watch?v=Su792jEauZg&feature=youtu.be">
+ * Dan Shiffman's Coding Train video tutorial</a> or this
+ * <a target="blank" href="https://github.com/processing/p5.js/wiki/p5.js-overview#instantiation--namespace">tutorial page</a>
+ * for more info.
+ *
+ * By default, all p5.js functions are in the global namespace (i.e. bound to the window
+ * object), meaning you can call them simply `ellipse()`, `fill()`, etc. However, this
+ * might be inconvenient if you are mixing with other JS libraries (synchronously or
+ * asynchronously) or writing long programs of your own. p5.js currently supports a
+ * way around this problem called "instance mode". In instance mode, all p5 functions
+ * are bound up in a single variable instead of polluting your global namespace.
+ *
+ * Optionally, you can specify a default container for the canvas and any other elements
+ * to append to with a second argument. You can give the ID of an element in your html,
+ * or an html node itself.
+ *
+ * Note that creating instances like this also allows you to have more than one p5 sketch on
+ * a single web page, as they will each be wrapped up with their own set up variables. Of
+ * course, you could also use iframes to have multiple sketches in global mode.
+ *
+ * @method p5
+ * @param {Object} sketch a function containing a p5.js sketch
+ * @param {String|Object} node ID or pointer to HTML DOM node to contain sketch in
+ * @example
+ * <div class='norender'><code>
+ * const s = p => {
+ *   let x = 100;
+ *   let y = 100;
+ *
+ *   p.setup = function() {
+ *     p.createCanvas(700, 410);
+ *   };
+ *
+ *   p.draw = function() {
+ *     p.background(0);
+ *     p.fill(255);
+ *     p.rect(x, y, 50, 50);
+ *   };
+ * };
+ *
+ * new p5(s); // invoke p5
+ * </code></div>
+ *
+ * @alt
+ * white rectangle on black background
+ */
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        './main': 298,
+        'core-js/modules/es.object.assign': 194
+      }
+    ],
+    311: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.from');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.object.get-prototype-of');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.typed-array.uint8-array');
+        _dereq_('core-js/modules/es.typed-array.copy-within');
+        _dereq_('core-js/modules/es.typed-array.every');
+        _dereq_('core-js/modules/es.typed-array.fill');
+        _dereq_('core-js/modules/es.typed-array.filter');
+        _dereq_('core-js/modules/es.typed-array.find');
+        _dereq_('core-js/modules/es.typed-array.find-index');
+        _dereq_('core-js/modules/es.typed-array.for-each');
+        _dereq_('core-js/modules/es.typed-array.includes');
+        _dereq_('core-js/modules/es.typed-array.index-of');
+        _dereq_('core-js/modules/es.typed-array.iterator');
+        _dereq_('core-js/modules/es.typed-array.join');
+        _dereq_('core-js/modules/es.typed-array.last-index-of');
+        _dereq_('core-js/modules/es.typed-array.map');
+        _dereq_('core-js/modules/es.typed-array.reduce');
+        _dereq_('core-js/modules/es.typed-array.reduce-right');
+        _dereq_('core-js/modules/es.typed-array.reverse');
+        _dereq_('core-js/modules/es.typed-array.set');
+        _dereq_('core-js/modules/es.typed-array.slice');
+        _dereq_('core-js/modules/es.typed-array.some');
+        _dereq_('core-js/modules/es.typed-array.sort');
+        _dereq_('core-js/modules/es.typed-array.subarray');
+        _dereq_('core-js/modules/es.typed-array.to-locale-string');
+        _dereq_('core-js/modules/es.typed-array.to-string');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.object.get-prototype-of');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.typed-array.uint8-array');
+        _dereq_('core-js/modules/es.typed-array.copy-within');
+        _dereq_('core-js/modules/es.typed-array.every');
+        _dereq_('core-js/modules/es.typed-array.fill');
+        _dereq_('core-js/modules/es.typed-array.filter');
+        _dereq_('core-js/modules/es.typed-array.find');
+        _dereq_('core-js/modules/es.typed-array.find-index');
+        _dereq_('core-js/modules/es.typed-array.for-each');
+        _dereq_('core-js/modules/es.typed-array.includes');
+        _dereq_('core-js/modules/es.typed-array.index-of');
+        _dereq_('core-js/modules/es.typed-array.iterator');
+        _dereq_('core-js/modules/es.typed-array.join');
+        _dereq_('core-js/modules/es.typed-array.last-index-of');
+        _dereq_('core-js/modules/es.typed-array.map');
+        _dereq_('core-js/modules/es.typed-array.reduce');
+        _dereq_('core-js/modules/es.typed-array.reduce-right');
+        _dereq_('core-js/modules/es.typed-array.reverse');
+        _dereq_('core-js/modules/es.typed-array.set');
+        _dereq_('core-js/modules/es.typed-array.slice');
+        _dereq_('core-js/modules/es.typed-array.some');
+        _dereq_('core-js/modules/es.typed-array.sort');
+        _dereq_('core-js/modules/es.typed-array.subarray');
+        _dereq_('core-js/modules/es.typed-array.to-locale-string');
+        _dereq_('core-js/modules/es.typed-array.to-string');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('./main'));
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }
+        function _toConsumableArray(arr) {
+          return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
+        }
+        function _nonIterableSpread() {
+          throw new TypeError('Invalid attempt to spread non-iterable instance');
+        }
+        function _iterableToArray(iter) {
+          if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === '[object Arguments]') return Array.from(iter);
+        }
+        function _arrayWithoutHoles(arr) {
+          if (Array.isArray(arr)) {
+            for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) {
+              arr2[i] = arr[i];
+            }
+            return arr2;
+          }
+        } /**
+   * @module Transform
+   * @submodule Transform
+   * @for p5
+   * @requires core
+   * @requires constants
+   */
+        /**
+ * Multiplies the current matrix by the one specified through the parameters.
+ * This is a powerful operation that can perform the equivalent of translate,
+ * scale, shear and rotate all at once. You can learn more about transformation
+ * matrices on <a href="https://en.wikipedia.org/wiki/Transformation_matrix">
+ * Wikipedia</a>.
+ *
+ * The naming of the arguments here follows the naming of the <a href=
+ * "https://html.spec.whatwg.org/multipage/canvas.html#dom-context-2d-transform">
+ * WHATWG specification</a> and corresponds to a
+ * transformation matrix of the
+ * form:
+ *
+ * > <img style="max-width: 150px" src="assets/transformation-matrix.png"
+ * alt="The transformation matrix used when applyMatrix is called"/>
+ *
+ * <img style="max-width: 300px" src="assets/transformation-matrix-4-4.png"
+ * alt="The transformation matrix used when applyMatrix is called with 4x4 matrix"/>
+ *
+ * @method applyMatrix
+ * @param  {Array} arr an array of numbers - should be 6 or 16 length (2×3 or 4×4 matrix values)
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   frameRate(10);
+ *   rectMode(CENTER);
+ * }
+ *
+ * function draw() {
+ *   let step = frameCount % 20;
+ *   background(200);
+ *   // Equivalent to translate(x, y);
+ *   applyMatrix(1, 0, 0, 1, 40 + step, 50);
+ *   rect(0, 0, 50, 50);
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function setup() {
+ *   frameRate(10);
+ *   rectMode(CENTER);
+ * }
+ *
+ * function draw() {
+ *   let step = frameCount % 20;
+ *   background(200);
+ *   translate(50, 50);
+ *   // Equivalent to scale(x, y);
+ *   applyMatrix(1 / step, 0, 0, 1 / step, 0, 0);
+ *   rect(0, 0, 50, 50);
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function setup() {
+ *   frameRate(10);
+ *   rectMode(CENTER);
+ * }
+ *
+ * function draw() {
+ *   let step = frameCount % 20;
+ *   let angle = map(step, 0, 20, 0, TWO_PI);
+ *   let cos_a = cos(angle);
+ *   let sin_a = sin(angle);
+ *   background(200);
+ *   translate(50, 50);
+ *   // Equivalent to rotate(angle);
+ *   applyMatrix(cos_a, sin_a, -sin_a, cos_a, 0, 0);
+ *   rect(0, 0, 50, 50);
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function setup() {
+ *   frameRate(10);
+ *   rectMode(CENTER);
+ * }
+ *
+ * function draw() {
+ *   let step = frameCount % 20;
+ *   let angle = map(step, 0, 20, -PI / 4, PI / 4);
+ *   background(200);
+ *   translate(50, 50);
+ *   // equivalent to shearX(angle);
+ *   let shear_factor = 1 / tan(PI / 2 - angle);
+ *   applyMatrix(1, 0, shear_factor, 1, 0, 0);
+ *   rect(0, 0, 50, 50);
+ * }
+ * </code>
+ * </div>
+ *
+ * <div modernizr='webgl'>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   noFill();
+ * }
+ *
+ * function draw() {
+ *   background(200);
+ *   rotateY(PI / 6);
+ *   stroke(153);
+ *   box(35);
+ *   let rad = millis() / 1000;
+ *   // Set rotation angles
+ *   let ct = cos(rad);
+ *   let st = sin(rad);
+ *   // Matrix for rotation around the Y axis
+ *   applyMatrix(
+ *     ct, 0.0,  st,  0.0,
+ *     0.0, 1.0, 0.0,  0.0,
+ *     -st, 0.0,  ct,  0.0,
+ *     0.0, 0.0, 0.0,  1.0
+ *   );
+ *   stroke(255);
+ *   box(50);
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function draw() {
+ *   background(200);
+ *   let testMatrix = [1, 0, 0, 1, 0, 0];
+ *   applyMatrix(testMatrix);
+ *   rect(0, 0, 50, 50);
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * A rectangle translating to the right
+ * A rectangle shrinking to the center
+ * A rectangle rotating clockwise about the center
+ * A rectangle shearing
+ * A rectangle in the upper left corner
+ */
+        /**
+ * @method applyMatrix
+ * @param  {Number} a numbers which define the 2×3 or 4×4 matrix to be multiplied
+ * @param  {Number} b numbers which define the 2×3 or 4×4 matrix to be multiplied
+ * @param  {Number} c numbers which define the 2×3 or 4×4 matrix to be multiplied
+ * @param  {Number} d numbers which define the 2×3 or 4×4 matrix to be multiplied
+ * @param  {Number} e numbers which define the 2×3 or 4×4 matrix to be multiplied
+ * @param  {Number} f numbers which define the 2×3 or 4×4 matrix to be multiplied
+ * @chainable
+ */
+        /**
+ * @method applyMatrix
+ * @param  {Number} a
+ * @param  {Number} b
+ * @param  {Number} c
+ * @param  {Number} d
+ * @param  {Number} e
+ * @param  {Number} f
+ * @param  {Number} g numbers which define the 4×4 matrix to be multiplied
+ * @param  {Number} h numbers which define the 4×4 matrix to be multiplied
+ * @param  {Number} i numbers which define the 4×4 matrix to be multiplied
+ * @param  {Number} j numbers which define the 4×4 matrix to be multiplied
+ * @param  {Number} k numbers which define the 4×4 matrix to be multiplied
+ * @param  {Number} l numbers which define the 4×4 matrix to be multiplied
+ * @param  {Number} m numbers which define the 4×4 matrix to be multiplied
+ * @param  {Number} n numbers which define the 4×4 matrix to be multiplied
+ * @param  {Number} o numbers which define the 4×4 matrix to be multiplied
+ * @param  {Number} p numbers which define the 4×4 matrix to be multiplied
+ * @chainable
+ */
+
+        _main.default.prototype.applyMatrix = function () {
+          var isTypedArray = (arguments.length <= 0 ? undefined : arguments[0]) instanceof Object.getPrototypeOf(Uint8Array);
+          if (Array.isArray(arguments.length <= 0 ? undefined : arguments[0]) || isTypedArray) {
+            var _this$_renderer;
+            (_this$_renderer = this._renderer).applyMatrix.apply(_this$_renderer, _toConsumableArray(arguments.length <= 0 ? undefined : arguments[0]));
+          } else {
+            var _this$_renderer2;
+            (_this$_renderer2 = this._renderer).applyMatrix.apply(_this$_renderer2, arguments);
+          }
+          return this;
+        };
+        /**
+ * Replaces the current matrix with the identity matrix.
+ *
+ * @method resetMatrix
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * translate(50, 50);
+ * applyMatrix(0.5, 0.5, -0.5, 0.5, 0, 0);
+ * rect(0, 0, 20, 20);
+ * // Note that the translate is also reset.
+ * resetMatrix();
+ * rect(0, 0, 20, 20);
+ * </code>
+ * </div>
+ *
+ * @alt
+ * A rotated rectangle in the center with another at the top left corner
+ */
+        _main.default.prototype.resetMatrix = function () {
+          this._renderer.resetMatrix();
+          return this;
+        };
+        /**
+ * Rotates a shape by the amount specified by the angle parameter. This
+ * function accounts for <a href="#/p5/angleMode">angleMode</a>, so angles
+ * can be entered in either RADIANS or DEGREES.
+ *
+ * Objects are always rotated around their relative position to the
+ * origin and positive numbers rotate objects in a clockwise direction.
+ * Transformations apply to everything that happens after and subsequent
+ * calls to the function accumulate the effect. For example, calling
+ * rotate(HALF_PI) and then rotate(HALF_PI) is the same as rotate(PI).
+ * All transformations are reset when <a href="#/p5/draw">draw()</a> begins again.
+ *
+ * Technically, <a href="#/p5/rotate">rotate()</a> multiplies the current transformation matrix
+ * by a rotation matrix. This function can be further controlled by
+ * <a href="#/p5/push">push()</a> and <a href="#/p5/pop">pop()</a>.
+ *
+ * @method rotate
+ * @param  {Number} angle the angle of rotation, specified in radians
+ *                        or degrees, depending on current angleMode
+ * @param  {p5.Vector|Number[]} [axis] (in 3d) the axis to rotate around
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * translate(width / 2, height / 2);
+ * rotate(PI / 3.0);
+ * rect(-26, -26, 52, 52);
+ * </code>
+ * </div>
+ *
+ * @alt
+ * white 52×52 rect with black outline at center rotated counter 45 degrees
+ */
+        _main.default.prototype.rotate = function (angle, axis) {
+          _main.default._validateParameters('rotate', arguments);
+          this._renderer.rotate(this._toRadians(angle), axis);
+          return this;
+        };
+        /**
+ * Rotates a shape around X axis by the amount specified in angle parameter.
+ * The angles can be entered in either RADIANS or DEGREES.
+ *
+ * Objects are always rotated around their relative position to the
+ * origin and positive numbers rotate objects in a clockwise direction.
+ * All transformations are reset when <a href="#/p5/draw">draw()</a> begins again.
+ *
+ * @method  rotateX
+ * @param  {Number} angle the angle of rotation, specified in radians
+ *                        or degrees, depending on current angleMode
+ * @chainable
+ * @example
+ * <div modernizr='webgl'>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ * }
+ * function draw() {
+ *   background(255);
+ *   rotateX(millis() / 1000);
+ *   box();
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * 3d box rotating around the x axis.
+ */
+        _main.default.prototype.rotateX = function (angle) {
+          this._assert3d('rotateX');
+          _main.default._validateParameters('rotateX', arguments);
+          this._renderer.rotateX(this._toRadians(angle));
+          return this;
+        };
+        /**
+ * Rotates a shape around Y axis by the amount specified in angle parameter.
+ * The angles can be entered in either RADIANS or DEGREES.
+ *
+ * Objects are always rotated around their relative position to the
+ * origin and positive numbers rotate objects in a clockwise direction.
+ * All transformations are reset when <a href="#/p5/draw">draw()</a> begins again.
+ *
+ * @method rotateY
+ * @param  {Number} angle the angle of rotation, specified in radians
+ *                        or degrees, depending on current angleMode
+ * @chainable
+ * @example
+ * <div modernizr='webgl'>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ * }
+ * function draw() {
+ *   background(255);
+ *   rotateY(millis() / 1000);
+ *   box();
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * 3d box rotating around the y axis.
+ */
+        _main.default.prototype.rotateY = function (angle) {
+          this._assert3d('rotateY');
+          _main.default._validateParameters('rotateY', arguments);
+          this._renderer.rotateY(this._toRadians(angle));
+          return this;
+        };
+        /**
+ * Rotates a shape around Z axis by the amount specified in angle parameter.
+ * The angles can be entered in either RADIANS or DEGREES.
+ *
+ * This method works in WEBGL mode only.
+ *
+ * Objects are always rotated around their relative position to the
+ * origin and positive numbers rotate objects in a clockwise direction.
+ * All transformations are reset when <a href="#/p5/draw">draw()</a> begins again.
+ *
+ * @method rotateZ
+ * @param  {Number} angle the angle of rotation, specified in radians
+ *                        or degrees, depending on current angleMode
+ * @chainable
+ * @example
+ * <div modernizr='webgl'>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ * }
+ * function draw() {
+ *   background(255);
+ *   rotateZ(millis() / 1000);
+ *   box();
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * 3d box rotating around the z axis.
+ */
+        _main.default.prototype.rotateZ = function (angle) {
+          this._assert3d('rotateZ');
+          _main.default._validateParameters('rotateZ', arguments);
+          this._renderer.rotateZ(this._toRadians(angle));
+          return this;
+        };
+        /**
+ * Increases or decreases the size of a shape by expanding or contracting
+ * vertices. Objects always scale from their relative origin to the
+ * coordinate system. Scale values are specified as decimal percentages.
+ * For example, the function call scale(2.0) increases the dimension of a
+ * shape by 200%.
+ *
+ * Transformations apply to everything that happens after and subsequent
+ * calls to the function multiply the effect. For example, calling scale(2.0)
+ * and then scale(1.5) is the same as scale(3.0). If <a href="#/p5/scale">scale()</a> is called
+ * within <a href="#/p5/draw">draw()</a>, the transformation is reset when the loop begins again.
+ *
+ * Using this function with the z parameter is only available in WEBGL mode.
+ * This function can be further controlled with <a href="#/p5/push">push()</a> and <a href="#/p5/pop">pop()</a>.
+ *
+ * @method scale
+ * @param  {Number|p5.Vector|Number[]} s
+ *                      percent to scale the object, or percentage to
+ *                      scale the object in the x-axis if multiple arguments
+ *                      are given
+ * @param  {Number} [y] percent to scale the object in the y-axis
+ * @param  {Number} [z] percent to scale the object in the z-axis (webgl only)
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * rect(30, 20, 50, 50);
+ * scale(0.5);
+ * rect(30, 20, 50, 50);
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * rect(30, 20, 50, 50);
+ * scale(0.5, 1.3);
+ * rect(30, 20, 50, 50);
+ * </code>
+ * </div>
+ *
+ * @alt
+ * white 52×52 rect with black outline at center rotated counter 45 degrees
+ * 2 white rects with black outline- 1 50×50 at center. other 25×65 bottom left
+ */
+        /**
+ * @method scale
+ * @param  {p5.Vector|Number[]} scales per-axis percents to scale the object
+ * @chainable
+ */
+        _main.default.prototype.scale = function (x, y, z) {
+          _main.default._validateParameters('scale', arguments);
+          // Only check for Vector argument type if Vector is available
+          if (x instanceof _main.default.Vector) {
+            var v = x;
+            x = v.x;
+            y = v.y;
+            z = v.z;
+          } else if (x instanceof Array) {
+            var rg = x;
+            x = rg[0];
+            y = rg[1];
+            z = rg[2] || 1;
+          }
+          if (isNaN(y)) {
+            y = z = x;
+          } else if (isNaN(z)) {
+            z = 1;
+          }
+          this._renderer.scale.call(this._renderer, x, y, z);
+          return this;
+        };
+        /**
+ * Shears a shape around the x-axis by the amount specified by the angle
+ * parameter. Angles should be specified in the current angleMode.
+ * Objects are always sheared around their relative position to the origin
+ * and positive numbers shear objects in a clockwise direction.
+ *
+ * Transformations apply to everything that happens after and subsequent
+ * calls to the function accumulates the effect. For example, calling
+ * shearX(PI/2) and then shearX(PI/2) is the same as shearX(PI).
+ * If <a href="#/p5/shearX">shearX()</a> is called within the <a href="#/p5/draw">draw()</a>,
+ * the transformation is reset when the loop begins again.
+ *
+ * Technically, <a href="#/p5/shearX">shearX()</a> multiplies the current
+ * transformation matrix by a rotation matrix. This function can be further
+ * controlled by the <a href="#/p5/push">push()</a> and <a href="#/p5/pop">pop()</a> functions.
+ *
+ * @method shearX
+ * @param  {Number} angle angle of shear specified in radians or degrees,
+ *                        depending on current angleMode
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * translate(width / 4, height / 4);
+ * shearX(PI / 4.0);
+ * rect(0, 0, 30, 30);
+ * </code>
+ * </div>
+ *
+ * @alt
+ * white irregular quadrilateral with black outline at top middle.
+ */
+        _main.default.prototype.shearX = function (angle) {
+          _main.default._validateParameters('shearX', arguments);
+          var rad = this._toRadians(angle);
+          this._renderer.applyMatrix(1, 0, Math.tan(rad), 1, 0, 0);
+          return this;
+        };
+        /**
+ * Shears a shape around the y-axis the amount specified by the angle
+ * parameter. Angles should be specified in the current angleMode. Objects
+ * are always sheared around their relative position to the origin and
+ * positive numbers shear objects in a clockwise direction.
+ *
+ * Transformations apply to everything that happens after and subsequent
+ * calls to the function accumulates the effect. For example, calling
+ * shearY(PI/2) and then shearY(PI/2) is the same as shearY(PI). If
+ * <a href="#/p5/shearY">shearY()</a> is called within the <a href="#/p5/draw">draw()</a>, the transformation is reset when
+ * the loop begins again.
+ *
+ * Technically, <a href="#/p5/shearY">shearY()</a> multiplies the current transformation matrix by a
+ * rotation matrix. This function can be further controlled by the
+ * <a href="#/p5/push">push()</a> and <a href="#/p5/pop">pop()</a> functions.
+ *
+ * @method shearY
+ * @param  {Number} angle angle of shear specified in radians or degrees,
+ *                        depending on current angleMode
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * translate(width / 4, height / 4);
+ * shearY(PI / 4.0);
+ * rect(0, 0, 30, 30);
+ * </code>
+ * </div>
+ *
+ * @alt
+ * white irregular quadrilateral with black outline at middle bottom.
+ */
+        _main.default.prototype.shearY = function (angle) {
+          _main.default._validateParameters('shearY', arguments);
+          var rad = this._toRadians(angle);
+          this._renderer.applyMatrix(1, Math.tan(rad), 0, 1, 0, 0);
+          return this;
+        };
+        /**
+ * Specifies an amount to displace objects within the display window.
+ * The x parameter specifies left/right translation, the y parameter
+ * specifies up/down translation.
+ *
+ * Transformations are cumulative and apply to everything that happens after
+ * and subsequent calls to the function accumulates the effect. For example,
+ * calling translate(50, 0) and then translate(20, 0) is the same as
+ * translate(70, 0). If <a href="#/p5/translate">translate()</a> is called within <a href="#/p5/draw">draw()</a>, the
+ * transformation is reset when the loop begins again. This function can be
+ * further controlled by using <a href="#/p5/push">push()</a> and <a href="#/p5/pop">pop()</a>.
+ *
+ * @method translate
+ * @param  {Number} x left/right translation
+ * @param  {Number} y up/down translation
+ * @param  {Number} [z] forward/backward translation (WEBGL only)
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * translate(30, 20);
+ * rect(0, 0, 55, 55);
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * rect(0, 0, 55, 55); // Draw rect at original 0,0
+ * translate(30, 20);
+ * rect(0, 0, 55, 55); // Draw rect at new 0,0
+ * translate(14, 14);
+ * rect(0, 0, 55, 55); // Draw rect at new 0,0
+ * </code>
+ * </div>
+ *
+
+ * <div>
+ * <code>
+ * function draw() {
+ *   background(200);
+ *   rectMode(CENTER);
+ *   translate(width / 2, height / 2);
+ *   translate(p5.Vector.fromAngle(millis() / 1000, 40));
+ *   rect(0, 0, 20, 20);
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * white 55×55 rect with black outline at center right.
+ * 3 white 55×55 rects with black outlines at top-l, center-r and bottom-r.
+ * a 20×20 white rect moving in a circle around the canvas
+ */
+        /**
+ * @method translate
+ * @param  {p5.Vector} vector the vector to translate by
+ * @chainable
+ */
+        _main.default.prototype.translate = function (x, y, z) {
+          _main.default._validateParameters('translate', arguments);
+          if (this._renderer.isP3D) {
+            this._renderer.translate(x, y, z);
+          } else {
+            this._renderer.translate(x, y);
+          }
+          return this;
+        };
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        './main': 298,
+        'core-js/modules/es.array.from': 176,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.object.get-prototype-of': 198,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.regexp.to-string': 206,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/es.typed-array.copy-within': 223,
+        'core-js/modules/es.typed-array.every': 224,
+        'core-js/modules/es.typed-array.fill': 225,
+        'core-js/modules/es.typed-array.filter': 226,
+        'core-js/modules/es.typed-array.find': 228,
+        'core-js/modules/es.typed-array.find-index': 227,
+        'core-js/modules/es.typed-array.for-each': 231,
+        'core-js/modules/es.typed-array.includes': 232,
+        'core-js/modules/es.typed-array.index-of': 233,
+        'core-js/modules/es.typed-array.iterator': 236,
+        'core-js/modules/es.typed-array.join': 237,
+        'core-js/modules/es.typed-array.last-index-of': 238,
+        'core-js/modules/es.typed-array.map': 239,
+        'core-js/modules/es.typed-array.reduce': 241,
+        'core-js/modules/es.typed-array.reduce-right': 240,
+        'core-js/modules/es.typed-array.reverse': 242,
+        'core-js/modules/es.typed-array.set': 243,
+        'core-js/modules/es.typed-array.slice': 244,
+        'core-js/modules/es.typed-array.some': 245,
+        'core-js/modules/es.typed-array.sort': 246,
+        'core-js/modules/es.typed-array.subarray': 247,
+        'core-js/modules/es.typed-array.to-locale-string': 248,
+        'core-js/modules/es.typed-array.to-string': 249,
+        'core-js/modules/es.typed-array.uint8-array': 252,
+        'core-js/modules/web.dom-collections.iterator': 256
+      }
+    ],
+    312: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.from');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        _dereq_('core-js/modules/es.string.ends-with');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        function _typeof2(obj) {
+          if (typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol') {
+            _typeof2 = function _typeof2(obj) {
+              return typeof obj;
+            };
+          } else {
+            _typeof2 = function _typeof2(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj;
+            };
+          }
+          return _typeof2(obj);
+        }
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        _dereq_('core-js/modules/es.string.ends-with');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }
+        function _toConsumableArray(arr) {
+          return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
+        }
+        function _nonIterableSpread() {
+          throw new TypeError('Invalid attempt to spread non-iterable instance');
+        }
+        function _iterableToArray(iter) {
+          if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === '[object Arguments]') return Array.from(iter);
+        }
+        function _arrayWithoutHoles(arr) {
+          if (Array.isArray(arr)) {
+            for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) {
+              arr2[i] = arr[i];
+            }
+            return arr2;
+          }
+        }
+        function _typeof(obj) {
+          if (typeof Symbol === 'function' && _typeof2(Symbol.iterator) === 'symbol') {
+            _typeof = function _typeof(obj) {
+              return _typeof2(obj);
+            };
+          } else {
+            _typeof = function _typeof(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : _typeof2(obj);
+            };
+          }
+          return _typeof(obj);
+        } /**
+   * @module Data
+   * @submodule LocalStorage
+   * @requires core
+   *
+   * This module defines the p5 methods for working with local storage
+   */
+        /**
+ *
+ * Stores a value in local storage under the key name.
+ * Local storage is saved in the browser and persists
+ * between browsing sessions and page reloads.
+ * The key can be the name of the variable but doesn't
+ * have to be. To retrieve stored items
+ * see <a href="#/p5/getItem">getItem</a>.
+ *
+ * Sensitive data such as passwords or personal information
+ * should not be stored in local storage.
+ *
+ * @method storeItem
+ * @for p5
+ * @param {String} key
+ * @param {String|Number|Object|Boolean|p5.Color|p5.Vector} value
+ *
+ * @example
+ * <div><code>
+ * // Type to change the letter in the
+ * // center of the canvas.
+ * // If you reload the page, it will
+ * // still display the last key you entered
+ *
+ * let myText;
+ *
+ * function setup() {
+ *   createCanvas(100, 100);
+ *   myText = getItem('myText');
+ *   if (myText === null) {
+ *     myText = '';
+ *   }
+ *   describe(`When you type the key name is displayed as black text on white background.
+ *   If you reload the page, the last letter typed is still displaying.`);
+ * }
+ *
+ * function draw() {
+ *   textSize(40);
+ *   background(255);
+ *   text(myText, width / 2, height / 2);
+ * }
+ *
+ * function keyPressed() {
+ *   myText = key;
+ *   storeItem('myText', myText);
+ * }
+ * </code></div>
+ */
+
+        _main.default.prototype.storeItem = function (key, value) {
+          if (typeof key !== 'string') {
+            console.log('The argument that you passed to storeItem() - '.concat(key, ' is not a string.'));
+          }
+          if (key.endsWith('p5TypeID')) {
+            console.log('The argument that you passed to storeItem() - '.concat(key, ' must not end with \'p5TypeID\'.'));
+          }
+          if (typeof value === 'undefined') {
+            console.log('You cannot store undefined variables using storeItem().');
+          }
+          var type = _typeof(value);
+          switch (type) {
+            case 'number':
+            case 'boolean':
+              value = value.toString();
+              break;
+            case 'object':
+              if (value instanceof _main.default.Color) {
+                type = 'p5.Color';
+              } else if (value instanceof _main.default.Vector) {
+                type = 'p5.Vector';
+                var coord = [
+                  value.x,
+                  value.y,
+                  value.z
+                ];
+                value = coord;
+              }
+              value = JSON.stringify(value);
+              break;
+            case 'string':
+            default:
+              break;
+          }
+          localStorage.setItem(key, value);
+          var typeKey = ''.concat(key, 'p5TypeID');
+          localStorage.setItem(typeKey, type);
+        };
+        /**
+ *
+ * Returns the value of an item that was stored in local storage
+ * using storeItem()
+ *
+ * @method getItem
+ * @for p5
+ * @param {String} key name that you wish to use to store in local storage
+ * @return {Number|Object|String|Boolean|p5.Color|p5.Vector} Value of stored item
+ *
+ * @example
+ * <div><code>
+ * // Click the mouse to change
+ * // the color of the background
+ * // Once you have changed the color
+ * // it will stay changed even when you
+ * // reload the page.
+ *
+ * let myColor;
+ *
+ * function setup() {
+ *   createCanvas(100, 100);
+ *   myColor = getItem('myColor');
+ * }
+ *
+ * function draw() {
+ *   if (myColor !== null) {
+ *     background(myColor);
+ *   }
+ *   describe(`If you click, the canvas changes to a random color.·
+ *     If you reload the page, the canvas is still the color it was when the
+ *     page was previously loaded.`);
+ * }
+ *
+ * function mousePressed() {
+ *   myColor = color(random(255), random(255), random(255));
+ *   storeItem('myColor', myColor);
+ * }
+ * </code></div>
+ */
+        _main.default.prototype.getItem = function (key) {
+          var value = localStorage.getItem(key);
+          var type = localStorage.getItem(''.concat(key, 'p5TypeID'));
+          if (typeof type === 'undefined') {
+            console.log('Unable to determine type of item stored under '.concat(key, 'in local storage. Did you save the item with something other than setItem()?'));
+          } else if (value !== null) {
+            switch (type) {
+              case 'number':
+                value = parseFloat(value);
+                break;
+              case 'boolean':
+                value = value === 'true';
+                break;
+              case 'object':
+                value = JSON.parse(value);
+                break;
+              case 'p5.Color':
+                value = JSON.parse(value);
+                value = this.color.apply(this, _toConsumableArray(value.levels));
+                break;
+              case 'p5.Vector':
+                value = JSON.parse(value);
+                value = this.createVector.apply(this, _toConsumableArray(value));
+                break;
+              case 'string':
+              default:
+                break;
+            }
+          }
+          return value;
+        };
+        /**
+ *
+ * Clears all local storage items set with storeItem()
+ * for the current domain.
+ *
+ * @method clearStorage
+ * @for p5
+ *
+ * @example
+ * <div class="norender">
+ * <code>
+ * function setup() {
+ *   let myNum = 10;
+ *   let myBool = false;
+ *   storeItem('myNum', myNum);
+ *   storeItem('myBool', myBool);
+ *   print(getItem('myNum')); // logs 10 to the console
+ *   print(getItem('myBool')); // logs false to the console
+ *   clearStorage();
+ *   print(getItem('myNum')); // logs null to the console
+ *   print(getItem('myBool')); // logs null to the console
+ * }
+ * </code></div>
+ */
+        _main.default.prototype.clearStorage = function () {
+          localStorage.clear();
+        };
+        /**
+ *
+ * Removes an item that was stored with storeItem()
+ *
+ * @method removeItem
+ * @param {String} key
+ * @for p5
+ *
+ * @example
+ * <div class="norender">
+ * <code>
+ * function setup() {
+ *   let myVar = 10;
+ *   storeItem('myVar', myVar);
+ *   print(getItem('myVar')); // logs 10 to the console
+ *   removeItem('myVar');
+ *   print(getItem('myVar')); // logs null to the console
+ * }
+ * </code></div>
+ */
+        _main.default.prototype.removeItem = function (key) {
+          if (typeof key !== 'string') {
+            console.log('The argument that you passed to removeItem() - '.concat(key, ' is not a string.'));
+          }
+          localStorage.removeItem(key);
+          localStorage.removeItem(''.concat(key, 'p5TypeID'));
+        };
+      },
+      {
+        '../core/main': 298,
+        'core-js/modules/es.array.from': 176,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.regexp.to-string': 206,
+        'core-js/modules/es.string.ends-with': 208,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/web.dom-collections.iterator': 256
+      }
+    ],
+    313: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.concat');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.object.get-prototype-of');
+        _dereq_('core-js/modules/es.object.keys');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.reflect.construct');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        function _typeof2(obj) {
+          if (typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol') {
+            _typeof2 = function _typeof2(obj) {
+              return typeof obj;
+            };
+          } else {
+            _typeof2 = function _typeof2(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj;
+            };
+          }
+          return _typeof2(obj);
+        }
+        function _typeof(obj) {
+          if (typeof Symbol === 'function' && _typeof2(Symbol.iterator) === 'symbol') {
+            _typeof = function _typeof(obj) {
+              return _typeof2(obj);
+            };
+          } else {
+            _typeof = function _typeof(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : _typeof2(obj);
+            };
+          }
+          return _typeof(obj);
+        }
+        _dereq_('core-js/modules/es.array.concat');
+        _dereq_('core-js/modules/es.object.keys');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }
+        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) {
+          function isNativeReflectConstruct() {
+            if (typeof Reflect === 'undefined' || !Reflect.construct) return false;
+            if (Reflect.construct.sham) return false;
+            if (typeof Proxy === 'function') return true;
+            try {
+              Date.prototype.toString.call(Reflect.construct(Date, [
+              ], function () {
+              }));
+              return true;
+            } catch (e) {
+              return false;
+            }
+          }
+          return function () {
+            var Super = _getPrototypeOf(Derived),
+            result;
+            if (isNativeReflectConstruct()) {
+              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(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 _getPrototypeOf(o) {
+          _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+            return o.__proto__ || Object.getPrototypeOf(o);
+          };
+          return _getPrototypeOf(o);
+        }
+        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;
+        } /**
+   * @module Data
+   * @submodule Dictionary
+   * @for p5.TypedDict
+   * @requires core
+   *
+   * This module defines the p5 methods for the p5 Dictionary classes.
+   * The classes StringDict and NumberDict are for storing and working
+   * with key-value pairs.
+   */
+        /**
+ *
+ * Creates a new instance of p5.StringDict using the key-value pair
+ * or the object you provide.
+ *
+ * @method createStringDict
+ * @for p5
+ * @param {String} key
+ * @param {String} value
+ * @return {p5.StringDict}
+ *
+ * @example
+ * <div class="norender">
+ * <code>
+ * function setup() {
+ *   let myDictionary = createStringDict('p5', 'js');
+ *   print(myDictionary.hasKey('p5')); // logs true to console
+ *
+ *   let anotherDictionary = createStringDict({ happy: 'coding' });
+ *   print(anotherDictionary.hasKey('happy')); // logs true to console
+ * }
+ * </code></div>
+ */
+        /**
+ * @method createStringDict
+ * @param {Object} object object
+ * @return {p5.StringDict}
+ */
+
+        _main.default.prototype.createStringDict = function (key, value) {
+          _main.default._validateParameters('createStringDict', arguments);
+          return new _main.default.StringDict(key, value);
+        };
+        /**
+ *
+ * Creates a new instance of <a href="#/p5.NumberDict">p5.NumberDict</a> using the key-value pair
+ * or object you provide.
+ *
+ * @method createNumberDict
+ * @for p5
+ * @param {Number} key
+ * @param {Number} value
+ * @return {p5.NumberDict}
+ *
+ * @example
+ * <div class="norender">
+ * <code>
+ * function setup() {
+ *   let myDictionary = createNumberDict(100, 42);
+ *   print(myDictionary.hasKey(100)); // logs true to console
+ *
+ *   let anotherDictionary = createNumberDict({ 200: 84 });
+ *   print(anotherDictionary.hasKey(200)); // logs true to console
+ * }
+ * </code></div>
+ */
+        /**
+ * @method createNumberDict
+ * @param {Object} object object
+ * @return {p5.NumberDict}
+ */
+        _main.default.prototype.createNumberDict = function (key, value) {
+          _main.default._validateParameters('createNumberDict', arguments);
+          return new _main.default.NumberDict(key, value);
+        };
+        /**
+ *
+ * Base class for all p5.Dictionary types. Specifically
+ * typed Dictionary classes inherit from this class.
+ *
+ * @class p5.TypedDict
+ * @constructor
+ */
+        _main.default.TypedDict = /*#__PURE__*/ function () {
+          function TypedDict(key, value) {
+            _classCallCheck(this, TypedDict);
+            if (key instanceof Object) {
+              this.data = key;
+            } else {
+              this.data = {
+              };
+              this.data[key] = value;
+            }
+            return this;
+          }          /**
+   * Returns the number of key-value pairs currently stored in the Dictionary.
+   *
+   * @method size
+   * @return {Integer} the number of key-value pairs in the Dictionary
+   *
+   * @example
+   * <div class="norender">
+   * <code>
+   * function setup() {
+   *   let myDictionary = createNumberDict(1, 10);
+   *   myDictionary.create(2, 20);
+   *   myDictionary.create(3, 30);
+   *   print(myDictionary.size()); // logs 3 to the console
+   * }
+   * </code></div>
+   */
+
+          _createClass(TypedDict, [
+            {
+              key: 'size',
+              value: function size() {
+                return Object.keys(this.data).length;
+              }              /**
+     * Returns true if the given key exists in the Dictionary,
+     * otherwise returns false.
+     *
+     * @method hasKey
+     * @param {Number|String} key that you want to look up
+     * @return {Boolean} whether that key exists in Dictionary
+     *
+     * @example
+     * <div class="norender">
+     * <code>
+     * function setup() {
+     *   let myDictionary = createStringDict('p5', 'js');
+     *   print(myDictionary.hasKey('p5')); // logs true to console
+     * }
+     * </code></div>
+     */
+
+            },
+            {
+              key: 'hasKey',
+              value: function hasKey(key) {
+                return this.data.hasOwnProperty(key);
+              }              /**
+     * Returns the value stored at the given key.
+     *
+     * @method get
+     * @param {Number|String} the key you want to access
+     * @return {Number|String} the value stored at that key
+     *
+     * @example
+     * <div class="norender">
+     * <code>
+     * function setup() {
+     *   let myDictionary = createStringDict('p5', 'js');
+     *   let myValue = myDictionary.get('p5');
+     *   print(myValue === 'js'); // logs true to console
+     * }
+     * </code></div>
+     */
+
+            },
+            {
+              key: 'get',
+              value: function get(key) {
+                if (this.data.hasOwnProperty(key)) {
+                  return this.data[key];
+                } else {
+                  console.log(''.concat(key, ' does not exist in this Dictionary'));
+                }
+              }              /**
+     * Updates the value associated with the given key in case it already exists
+     * in the Dictionary. Otherwise a new key-value pair is added.
+     *
+     * @method set
+     * @param {Number|String} key
+     * @param {Number|String} value
+     *
+     * @example
+     * <div class="norender">
+     * <code>
+     * function setup() {
+     *   let myDictionary = createStringDict('p5', 'js');
+     *   myDictionary.set('p5', 'JS');
+     *   myDictionary.print(); // logs "key: p5 - value: JS" to console
+     * }
+     * </code></div>
+     */
+
+            },
+            {
+              key: 'set',
+              value: function set(key, value) {
+                if (this._validate(value)) {
+                  this.data[key] = value;
+                } else {
+                  console.log('Those values dont work for this dictionary type.');
+                }
+              }              /**
+     * private helper function to handle the user passing in objects
+     * during construction or calls to create()
+     */
+
+            },
+            {
+              key: '_addObj',
+              value: function _addObj(obj) {
+                for (var key in obj) {
+                  this.set(key, obj[key]);
+                }
+              }              /**
+     * Creates a new key-value pair in the Dictionary.
+     *
+     * @method create
+     * @param {Number|String} key
+     * @param {Number|String} value
+     *
+     * @example
+     * <div class="norender">
+     * <code>
+     * function setup() {
+     *   let myDictionary = createStringDict('p5', 'js');
+     *   myDictionary.create('happy', 'coding');
+     *   myDictionary.print();
+     *   // above logs "key: p5 - value: js, key: happy - value: coding" to console
+     * }
+     * </code></div>
+     */
+              /**
+     * @method create
+     * @param {Object} obj key/value pair
+     */
+
+            },
+            {
+              key: 'create',
+              value: function create(key, value) {
+                if (key instanceof Object && typeof value === 'undefined') {
+                  this._addObj(key);
+                } else if (typeof key !== 'undefined') {
+                  this.set(key, value);
+                } else {
+                  console.log('In order to create a new Dictionary entry you must pass ' + 'an object or a key, value pair');
+                }
+              }              /**
+     * Removes all previously stored key-value pairs from the Dictionary.
+     *
+     * @method clear
+     * @example
+     * <div class="norender">
+     * <code>
+     * function setup() {
+     *   let myDictionary = createStringDict('p5', 'js');
+     *   print(myDictionary.hasKey('p5')); // prints 'true'
+     *   myDictionary.clear();
+     *   print(myDictionary.hasKey('p5')); // prints 'false'
+     * }
+     * </code>
+     * </div>
+     */
+
+            },
+            {
+              key: 'clear',
+              value: function clear() {
+                this.data = {
+                };
+              }              /**
+     * Removes the key-value pair stored at the given key from the Dictionary.
+     *
+     * @method remove
+     * @param {Number|String} key for the pair to remove
+     *
+     * @example
+     * <div class="norender">
+     * <code>
+     * function setup() {
+     *   let myDictionary = createStringDict('p5', 'js');
+     *   myDictionary.create('happy', 'coding');
+     *   myDictionary.print();
+     *   // above logs "key: p5 - value: js, key: happy - value: coding" to console
+     *   myDictionary.remove('p5');
+     *   myDictionary.print();
+     *   // above logs "key: happy value: coding" to console
+     * }
+     * </code></div>
+     */
+
+            },
+            {
+              key: 'remove',
+              value: function remove(key) {
+                if (this.data.hasOwnProperty(key)) {
+                  delete this.data[key];
+                } else {
+                  throw new Error(''.concat(key, ' does not exist in this Dictionary'));
+                }
+              }              /**
+     * Logs the set of items currently stored in the Dictionary to the console.
+     *
+     * @method print
+     *
+     * @example
+     * <div class="norender">
+     * <code>
+     * function setup() {
+     *   let myDictionary = createStringDict('p5', 'js');
+     *   myDictionary.create('happy', 'coding');
+     *   myDictionary.print();
+     *   // above logs "key: p5 - value: js, key: happy - value: coding" to console
+     * }
+     * </code>
+     * </div>
+     */
+
+            },
+            {
+              key: 'print',
+              value: function print() {
+                for (var item in this.data) {
+                  console.log('key:'.concat(item, ' value:').concat(this.data[item]));
+                }
+              }              /**
+     * Converts the Dictionary into a CSV file for local download.
+     *
+     * @method saveTable
+     * @example
+     * <div>
+     * <code>
+     * function setup() {
+     *   createCanvas(100, 100);
+     *   background(200);
+     *   text('click here to save', 10, 10, 70, 80);
+     * }
+     *
+     * function mousePressed() {
+     *   if (mouseX > 0 && mouseX < width && mouseY > 0 && mouseY < height) {
+     *     createStringDict({
+     *       john: 1940,
+     *       paul: 1942,
+     *       george: 1943,
+     *       ringo: 1940
+     *     }).saveTable('beatles');
+     *   }
+     * }
+     * </code>
+     * </div>
+     */
+
+            },
+            {
+              key: 'saveTable',
+              value: function saveTable(filename) {
+                var output = '';
+                for (var key in this.data) {
+                  output += ''.concat(key, ',').concat(this.data[key], '\n');
+                }
+                var blob = new Blob([output], {
+                  type: 'text/csv'
+                });
+                _main.default.prototype.downloadFile(blob, filename || 'mycsv', 'csv');
+              }              /**
+     * Converts the Dictionary into a JSON file for local download.
+     *
+     * @method saveJSON
+     * @example
+     * <div>
+     * <code>
+     * function setup() {
+     *   createCanvas(100, 100);
+     *   background(200);
+     *   text('click here to save', 10, 10, 70, 80);
+     * }
+     *
+     * function mousePressed() {
+     *   if (mouseX > 0 && mouseX < width && mouseY > 0 && mouseY < height) {
+     *     createStringDict({
+     *       john: 1940,
+     *       paul: 1942,
+     *       george: 1943,
+     *       ringo: 1940
+     *     }).saveJSON('beatles');
+     *   }
+     * }
+     * </code>
+     * </div>
+     */
+
+            },
+            {
+              key: 'saveJSON',
+              value: function saveJSON(filename, opt) {
+                _main.default.prototype.saveJSON(this.data, filename, opt);
+              }              /**
+     * private helper function to ensure that the user passed in valid
+     * values for the Dictionary type
+     */
+
+            },
+            {
+              key: '_validate',
+              value: function _validate(value) {
+                return true;
+              }
+            }
+          ]);
+          return TypedDict;
+        }();
+        /**
+ *
+ * A simple Dictionary class for Strings.
+ *
+ * @class p5.StringDict
+ * @extends p5.TypedDict
+ */
+        _main.default.StringDict = /*#__PURE__*/ function (_p5$TypedDict) {
+          _inherits(StringDict, _p5$TypedDict);
+          var _super = _createSuper(StringDict);
+          function StringDict() {
+            _classCallCheck(this, StringDict);
+            for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+              args[_key] = arguments[_key];
+            }
+            return _super.call.apply(_super, [
+              this
+            ].concat(args));
+          }
+          _createClass(StringDict, [
+            {
+              key: '_validate',
+              value: function _validate(value) {
+                return typeof value === 'string';
+              }
+            }
+          ]);
+          return StringDict;
+        }(_main.default.TypedDict);
+        /**
+ *
+ * A simple Dictionary class for Numbers.
+ *
+ * @class p5.NumberDict
+ * @constructor
+ * @extends p5.TypedDict
+ */
+        _main.default.NumberDict = /*#__PURE__*/ function (_p5$TypedDict2) {
+          _inherits(NumberDict, _p5$TypedDict2);
+          var _super2 = _createSuper(NumberDict);
+          function NumberDict() {
+            _classCallCheck(this, NumberDict);
+            for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+              args[_key2] = arguments[_key2];
+            }
+            return _super2.call.apply(_super2, [
+              this
+            ].concat(args));
+          }          /**
+   * private helper function to ensure that the user passed in valid
+   * values for the Dictionary type
+   */
+
+          _createClass(NumberDict, [
+            {
+              key: '_validate',
+              value: function _validate(value) {
+                return typeof value === 'number';
+              }              /**
+     * Add the given number to the value currently stored at the given key.
+     * The sum then replaces the value previously stored in the Dictionary.
+     *
+     * @method add
+     * @param {Number} Key for the value you wish to add to
+     * @param {Number} Number to add to the value
+     * @example
+     * <div class='norender'>
+     * <code>
+     * function setup() {
+     *   let myDictionary = createNumberDict(2, 5);
+     *   myDictionary.add(2, 2);
+     *   print(myDictionary.get(2)); // logs 7 to console.
+     * }
+     * </code></div>
+     *
+     */
+
+            },
+            {
+              key: 'add',
+              value: function add(key, amount) {
+                if (this.data.hasOwnProperty(key)) {
+                  this.data[key] += amount;
+                } else {
+                  console.log('The key - '.concat(key, ' does not exist in this dictionary.'));
+                }
+              }              /**
+     * Subtract the given number from the value currently stored at the given key.
+     * The difference then replaces the value previously stored in the Dictionary.
+     *
+     * @method sub
+     * @param {Number} Key for the value you wish to subtract from
+     * @param {Number} Number to subtract from the value
+     * @example
+     * <div class='norender'>
+     * <code>
+     * function setup() {
+     *   let myDictionary = createNumberDict(2, 5);
+     *   myDictionary.sub(2, 2);
+     *   print(myDictionary.get(2)); // logs 3 to console.
+     * }
+     * </code></div>
+     *
+     */
+
+            },
+            {
+              key: 'sub',
+              value: function sub(key, amount) {
+                this.add(key, - amount);
+              }              /**
+     * Multiply the given number with the value currently stored at the given key.
+     * The product then replaces the value previously stored in the Dictionary.
+     *
+     * @method mult
+     * @param {Number} Key for value you wish to multiply
+     * @param {Number} Amount to multiply the value by
+     * @example
+     * <div class='norender'>
+     * <code>
+     * function setup() {
+     *   let myDictionary = createNumberDict(2, 4);
+     *   myDictionary.mult(2, 2);
+     *   print(myDictionary.get(2)); // logs 8 to console.
+     * }
+     * </code></div>
+     *
+     */
+
+            },
+            {
+              key: 'mult',
+              value: function mult(key, amount) {
+                if (this.data.hasOwnProperty(key)) {
+                  this.data[key] *= amount;
+                } else {
+                  console.log('The key - '.concat(key, ' does not exist in this dictionary.'));
+                }
+              }              /**
+     * Divide the given number with the value currently stored at the given key.
+     * The quotient then replaces the value previously stored in the Dictionary.
+     *
+     * @method div
+     * @param {Number} Key for value you wish to divide
+     * @param {Number} Amount to divide the value by
+     * @example
+     * <div class='norender'>
+     * <code>
+     * function setup() {
+     *   let myDictionary = createNumberDict(2, 8);
+     *   myDictionary.div(2, 2);
+     *   print(myDictionary.get(2)); // logs 4 to console.
+     * }
+     * </code></div>
+     *
+     */
+
+            },
+            {
+              key: 'div',
+              value: function div(key, amount) {
+                if (this.data.hasOwnProperty(key)) {
+                  this.data[key] /= amount;
+                } else {
+                  console.log('The key - '.concat(key, ' does not exist in this dictionary.'));
+                }
+              }              /**
+     * private helper function for finding lowest or highest value
+     * the argument 'flip' is used to flip the comparison arrow
+     * from 'less than' to 'greater than'
+     */
+
+            },
+            {
+              key: '_valueTest',
+              value: function _valueTest(flip) {
+                if (Object.keys(this.data).length === 0) {
+                  throw new Error('Unable to search for a minimum or maximum value on an empty NumberDict');
+                } else if (Object.keys(this.data).length === 1) {
+                  return this.data[Object.keys(this.data) [0]];
+                } else {
+                  var result = this.data[Object.keys(this.data) [0]];
+                  for (var key in this.data) {
+                    if (this.data[key] * flip < result * flip) {
+                      result = this.data[key];
+                    }
+                  }
+                  return result;
+                }
+              }              /**
+     * Return the lowest number currently stored in the Dictionary.
+     *
+     * @method minValue
+     * @return {Number}
+     * @example
+     * <div class='norender'>
+     * <code>
+     * function setup() {
+     *   let myDictionary = createNumberDict({ 2: -10, 4: 0.65, 1.2: 3 });
+     *   let lowestValue = myDictionary.minValue(); // value is -10
+     *   print(lowestValue);
+     * }
+     * </code></div>
+     */
+
+            },
+            {
+              key: 'minValue',
+              value: function minValue() {
+                return this._valueTest(1);
+              }              /**
+     * Return the highest number currently stored in the Dictionary.
+     *
+     * @method maxValue
+     * @return {Number}
+     * @example
+     * <div class='norender'>
+     * <code>
+     * function setup() {
+     *   let myDictionary = createNumberDict({ 2: -10, 4: 0.65, 1.2: 3 });
+     *   let highestValue = myDictionary.maxValue(); // value is 3
+     *   print(highestValue);
+     * }
+     * </code></div>
+     */
+
+            },
+            {
+              key: 'maxValue',
+              value: function maxValue() {
+                return this._valueTest( - 1);
+              }              /**
+     * private helper function for finding lowest or highest key
+     * the argument 'flip' is used to flip the comparison arrow
+     * from 'less than' to 'greater than'
+     */
+
+            },
+            {
+              key: '_keyTest',
+              value: function _keyTest(flip) {
+                if (Object.keys(this.data).length === 0) {
+                  throw new Error('Unable to use minValue on an empty NumberDict');
+                } else if (Object.keys(this.data).length === 1) {
+                  return Object.keys(this.data) [0];
+                } else {
+                  var result = Object.keys(this.data) [0];
+                  for (var i = 1; i < Object.keys(this.data).length; i++) {
+                    if (Object.keys(this.data) [i] * flip < result * flip) {
+                      result = Object.keys(this.data) [i];
+                    }
+                  }
+                  return result;
+                }
+              }              /**
+     * Return the lowest key currently used in the Dictionary.
+     *
+     * @method minKey
+     * @return {Number}
+     * @example
+     * <div class='norender'>
+     * <code>
+     * function setup() {
+     *   let myDictionary = createNumberDict({ 2: 4, 4: 6, 1.2: 3 });
+     *   let lowestKey = myDictionary.minKey(); // value is 1.2
+     *   print(lowestKey);
+     * }
+     * </code></div>
+     */
+
+            },
+            {
+              key: 'minKey',
+              value: function minKey() {
+                return this._keyTest(1);
+              }              /**
+     * Return the highest key currently used in the Dictionary.
+     *
+     * @method maxKey
+     * @return {Number}
+     * @example
+     * <div class='norender'>
+     * <code>
+     * function setup() {
+     *   let myDictionary = createNumberDict({ 2: 4, 4: 6, 1.2: 3 });
+     *   let highestKey = myDictionary.maxKey(); // value is 4
+     *   print(highestKey);
+     * }
+     * </code></div>
+     */
+
+            },
+            {
+              key: 'maxKey',
+              value: function maxKey() {
+                return this._keyTest( - 1);
+              }
+            }
+          ]);
+          return NumberDict;
+        }(_main.default.TypedDict);
+        var _default = _main.default.TypedDict;
+        exports.default = _default;
+      },
+      {
+        '../core/main': 298,
+        'core-js/modules/es.array.concat': 169,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.object.get-prototype-of': 198,
+        'core-js/modules/es.object.keys': 199,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.reflect.construct': 202,
+        'core-js/modules/es.regexp.to-string': 206,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/web.dom-collections.iterator': 256
+      }
+    ],
+    314: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.every');
+        _dereq_('core-js/modules/es.array.filter');
+        _dereq_('core-js/modules/es.array.for-each');
+        _dereq_('core-js/modules/es.array.from');
+        _dereq_('core-js/modules/es.array.index-of');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.map');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.array.splice');
+        _dereq_('core-js/modules/es.function.name');
+        _dereq_('core-js/modules/es.object.get-prototype-of');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.promise');
+        _dereq_('core-js/modules/es.reflect.construct');
+        _dereq_('core-js/modules/es.regexp.exec');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.string.replace');
+        _dereq_('core-js/modules/es.string.split');
+        _dereq_('core-js/modules/es.string.trim');
+        _dereq_('core-js/modules/web.dom-collections.for-each');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        _dereq_('core-js/modules/web.url');
+        function _typeof2(obj) {
+          if (typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol') {
+            _typeof2 = function _typeof2(obj) {
+              return typeof obj;
+            };
+          } else {
+            _typeof2 = function _typeof2(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj;
+            };
+          }
+          return _typeof2(obj);
+        }
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.every');
+        _dereq_('core-js/modules/es.array.filter');
+        _dereq_('core-js/modules/es.array.for-each');
+        _dereq_('core-js/modules/es.array.from');
+        _dereq_('core-js/modules/es.array.index-of');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.map');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.array.splice');
+        _dereq_('core-js/modules/es.function.name');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.promise');
+        _dereq_('core-js/modules/es.regexp.exec');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.string.replace');
+        _dereq_('core-js/modules/es.string.split');
+        _dereq_('core-js/modules/es.string.trim');
+        _dereq_('core-js/modules/web.dom-collections.for-each');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        _dereq_('core-js/modules/web.url');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }
+        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) {
+          function isNativeReflectConstruct() {
+            if (typeof Reflect === 'undefined' || !Reflect.construct) return false;
+            if (Reflect.construct.sham) return false;
+            if (typeof Proxy === 'function') return true;
+            try {
+              Date.prototype.toString.call(Reflect.construct(Date, [
+              ], function () {
+              }));
+              return true;
+            } catch (e) {
+              return false;
+            }
+          }
+          return function () {
+            var Super = _getPrototypeOf(Derived),
+            result;
+            if (isNativeReflectConstruct()) {
+              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(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 _getPrototypeOf(o) {
+          _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+            return o.__proto__ || Object.getPrototypeOf(o);
+          };
+          return _getPrototypeOf(o);
+        }
+        function _classCallCheck(instance, Constructor) {
+          if (!(instance instanceof Constructor)) {
+            throw new TypeError('Cannot call a class as a function');
+          }
+        }
+        function _typeof(obj) {
+          if (typeof Symbol === 'function' && _typeof2(Symbol.iterator) === 'symbol') {
+            _typeof = function _typeof(obj) {
+              return _typeof2(obj);
+            };
+          } else {
+            _typeof = function _typeof(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : _typeof2(obj);
+            };
+          }
+          return _typeof(obj);
+        } /**
+   * The web is much more than just canvas and the DOM functionality makes it easy to interact
+   * with other HTML5 objects, including text, hyperlink, image, input, video,
+   * audio, and webcam.
+   * There is a set of creation methods, DOM manipulation methods, and
+   * an extended <a href="#/p5.Element">p5.Element</a> that supports a range of HTML elements. See the
+   * <a href='https://github.com/processing/p5.js/wiki/Beyond-the-canvas'>
+   * beyond the canvas tutorial</a> for a full overview of how this addon works.
+   *
+   * See <a href='https://github.com/processing/p5.js/wiki/Beyond-the-canvas'>tutorial: beyond the canvas</a>
+   * for more info on how to use this library.</a>
+   *
+   * @module DOM
+   * @submodule DOM
+   * @for p5
+   * @requires p5
+   */
+        /**
+ * Searches the page for the first element that matches the given
+ * <a href="https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/CSS_basics#different_types_of_selectors" target="_blank">CSS selector string</a>.
+ * The string can be an ID, class, tag name, or a combination. `select()`
+ * returns a <a href="#/p5.Element">p5.Element</a> object if it finds a match
+ * and `null` otherwise.
+ *
+ * The second parameter, `container`, is optional. It specifies a container to
+ * search within. container can be CSS selector string, a
+ * <a href="#/p5.Element">p5.Element</a> object, or an
+ * <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement" target="_blank">HTMLElement</a> object.
+ *
+ * @method select
+ * @param  {String} selectors CSS selector string of element to search for.
+ * @param  {String|p5.Element|HTMLElement} [container] CSS selector string, <a href="#/p5.Element">p5.Element</a>, or
+ *                                             <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement" target="_blank">HTMLElement</a> to search within.
+ * @return {p5.Element|null} <a href="#/p5.Element">p5.Element</a> containing the element.
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100);
+ *   background(200);
+ *
+ *   // Select the canvas by its tag.
+ *   let cnv = select('canvas');
+ *   cnv.style('border', '5px deeppink dashed');
+ *
+ *   describe('A gray square with a dashed pink border.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function setup() {
+ *   let cnv = createCanvas(100, 100);
+ *   // Add a class attribute to the canvas.
+ *   cnv.class('pinkborder');
+ *
+ *   background(200);
+ *
+ *   // Select the canvas by its class.
+ *   cnv = select('.pinkborder');
+ *   // Style its border.
+ *   cnv.style('border', '5px deeppink dashed');
+ *
+ *   describe('A gray square with a dashed pink border.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function setup() {
+ *   let cnv = createCanvas(100, 100);
+ *   // Set the canvas ID.
+ *   cnv.id('mycanvas');
+ *
+ *   background(200);
+ *
+ *   // Select the canvas by its ID.
+ *   cnv = select('#mycanvas');
+ *   // Style its border.
+ *   cnv.style('border', '5px deeppink dashed');
+ *
+ *   describe('A gray square with a dashed pink border.');
+ * }
+ * </code>
+ * </div>
+ */
+
+        _main.default.prototype.select = function (e, p) {
+          _main.default._validateParameters('select', arguments);
+          var container = this._getContainer(p);
+          var res = container.querySelector(e);
+          if (res) {
+            return this._wrapElement(res);
+          } else {
+            return null;
+          }
+        };
+        /**
+ * Searches the page for all elements that matches the given
+ * <a href="https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/CSS_basics#different_types_of_selectors" target="_blank">CSS selector string</a>.
+ * The string can be an ID, class, tag name, or a combination. `selectAll()`
+ * returns an array of <a href="#/p5.Element">p5.Element</a> objects if it
+ * finds any matches and an empty array otherwise.
+ *
+ * The second parameter, `container`, is optional. It specifies a container to
+ * search within. container can be CSS selector string, a
+ * <a href="#/p5.Element">p5.Element</a> object, or an
+ * <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement" target="_blank">HTMLElement</a> object.
+ *
+ * @method selectAll
+ * @param  {String} selectors CSS selector string of element to search for.
+ * @param  {String|p5.Element|HTMLElement} [container] CSS selector string, <a href="#/p5.Element">p5.Element</a>, or
+ *                                             <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement" target="_blank">HTMLElement</a> to search within.
+ * @return {p5.Element[]} array of <a href="#/p5.Element">p5.Element</a>s containing any elements found.
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   // Create three buttons.
+ *   createButton('1');
+ *   createButton('2');
+ *   createButton('3');
+ *
+ *   // Select the buttons by their tag.
+ *   let buttons = selectAll('button');
+ *
+ *   // Position the buttons.
+ *   for (let i = 0; i < 3; i += 1) {
+ *     buttons[i].position(0, i * 30);
+ *   }
+ *
+ *   describe('Three buttons stacked vertically. The buttons are labeled, "1", "2", and "3".');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function setup() {
+ *   // Create three buttons and position them.
+ *   let b1 = createButton('1');
+ *   b1.position(0, 0);
+ *   let b2 = createButton('2');
+ *   b2.position(0, 30);
+ *   let b3 = createButton('3');
+ *   b3.position(0, 60);
+ *
+ *   // Add a class attribute to each button.
+ *   b1.class('btn');
+ *   b2.class('btn btn-pink');
+ *   b3.class('btn');
+ *
+ *   // Select the buttons by their class.
+ *   let buttons = selectAll('.btn');
+ *   let pinkButtons = selectAll('.btn-pink');
+ *
+ *   // Style the selected buttons.
+ *   buttons.forEach(btn => {
+ *     btn.style('font-family', 'Comic Sans MS');
+ *   });
+ *
+ *   pinkButtons.forEach(btn => {
+ *     btn.style('background', 'deeppink');
+ *     btn.style('color', 'white');
+ *   });
+ *
+ *   describe('Three buttons stacked vertically. The buttons are labeled, "1", "2", and "3". Buttons "1" and "3" are gray. Button "2" is pink.');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.selectAll = function (e, p) {
+          _main.default._validateParameters('selectAll', arguments);
+          var arr = [
+          ];
+          var container = this._getContainer(p);
+          var res = container.querySelectorAll(e);
+          if (res) {
+            for (var j = 0; j < res.length; j++) {
+              var obj = this._wrapElement(res[j]);
+              arr.push(obj);
+            }
+          }
+          return arr;
+        };
+        /**
+ * Helper function for select and selectAll
+ */
+        _main.default.prototype._getContainer = function (p) {
+          var container = document;
+          if (typeof p === 'string') {
+            container = document.querySelector(p) || document;
+          } else if (p instanceof _main.default.Element) {
+            container = p.elt;
+          } else if (p instanceof HTMLElement) {
+            container = p;
+          }
+          return container;
+        };
+        /**
+ * Helper function for getElement and getElements.
+ */
+        _main.default.prototype._wrapElement = function (elt) {
+          var children = Array.prototype.slice.call(elt.children);
+          if (elt.tagName === 'INPUT' && elt.type === 'checkbox') {
+            var converted = new _main.default.Element(elt, this);
+            converted.checked = function () {
+              if (arguments.length === 0) {
+                return this.elt.checked;
+              } else if (arguments.length <= 0 ? undefined : arguments[0]) {
+                this.elt.checked = true;
+              } else {
+                this.elt.checked = false;
+              }
+              return this;
+            };
+            return converted;
+          } else if (elt.tagName === 'VIDEO' || elt.tagName === 'AUDIO') {
+            return new _main.default.MediaElement(elt, this);
+          } else if (elt.tagName === 'SELECT') {
+            return this.createSelect(new _main.default.Element(elt, this));
+          } else if (children.length > 0 && children.every(function (c) {
+            return c.tagName === 'INPUT' || c.tagName === 'LABEL';
+          })) {
+            return this.createRadio(new _main.default.Element(elt, this));
+          } else {
+            return new _main.default.Element(elt, this);
+          }
+        };
+        /**
+ * Removes all elements created by p5.js, including any event handlers.
+ * There are two exceptions:
+ * canvas elements created by <a href="#/p5/createCanvas">createCanvas</a>
+ * and <a href="#/p5.Renderer">p5.Render</a> objects created by
+ * <a href="#/p5/createGraphics">createGraphics</a>.
+ *
+ * @method removeElements
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100);
+ *   background(200);
+ *
+ *   // Create a paragraph element and place
+ *   // it in the middle of the canvas.
+ *   let p = createP('p5*js');
+ *   p.position(25, 25);
+ *
+ *   describe('A gray square with the text "p5*js" written in its center. The text disappears when the mouse is pressed.');
+ * }
+ *
+ * function mousePressed() {
+ *   removeElements();
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let slider;
+ *
+ * function setup() {
+ *   createCanvas(100, 100);
+ *
+ *   // Create a paragraph element and place
+ *   // it at the top of the canvas.
+ *   let p = createP('p5*js');
+ *   p.position(25, 25);
+ *
+ *   // Create a slider element and place it
+ *   // beneath the canvas.
+ *   slider = createSlider(0, 255, 200);
+ *   slider.position(0, 100);
+ *
+ *   describe('A gray square with the text "p5*js" written in its center and a range slider beneath it. The square changes color when the slider is moved. The text and slider disappear when the square is double-clicked.');
+ * }
+ *
+ * function draw() {
+ *   // Use the slider value to change the background color.
+ *   let g = slider.value();
+ *   background(g);
+ * }
+ *
+ * function doubleClicked() {
+ *   removeElements();
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.removeElements = function (e) {
+          _main.default._validateParameters('removeElements', arguments);
+          // el.remove splices from this._elements, so don't mix iteration with it
+          var isNotCanvasElement = function isNotCanvasElement(el) {
+            return !(el.elt instanceof HTMLCanvasElement);
+          };
+          var removeableElements = this._elements.filter(isNotCanvasElement);
+          removeableElements.map(function (el) {
+            return el.remove();
+          });
+        };
+        /**
+ * `myElement.changed()` sets a function to call when the value of the
+ * <a href="#/p5.Element">p5.Element</a> object changes. Calling
+ * `myElement.changed(false)` disables the function.
+ *
+ * @method changed
+ * @param  {Function|Boolean} fxn function to call when the element changes.
+ *                                `false` disables the function.
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   background(200);
+ *
+ *   // Create a dropdown menu and add a few color options.
+ *   let drop = createSelect();
+ *   drop.position(0, 0);
+ *   drop.option('red');
+ *   drop.option('green');
+ *   drop.option('blue');
+ *
+ *   // When the color option changes, paint the background with
+ *   // that color.
+ *   drop.changed(() => {
+ *     let c = drop.value();
+ *     background(c);
+ *   });
+ *
+ *   describe('A gray square with a dropdown menu at the top. The square changes color when an option is selected.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function setup() {
+ *   background(200);
+ *
+ *   // Create a checkbox and place it beneath the canvas.
+ *   let checkbox = createCheckbox(' circle');
+ *   checkbox.position(0, 100);
+ *
+ *   // When the checkbox changes, paint the background gray
+ *   // and determine whether to draw a circle.
+ *   checkbox.changed(() => {
+ *     background(200);
+ *     if (checkbox.checked() === true) {
+ *       circle(50, 50, 30);
+ *     }
+ *   });
+ *
+ *   describe('A gray square with a checkbox underneath it that says "circle". A white circle appears when the box is checked and disappears otherwise.');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.Element.prototype.changed = function (fxn) {
+          _main.default.Element._adjustListener('change', fxn, this);
+          return this;
+        };
+        /**
+ * `myElement.input()` sets a function to call when input is detected within
+ * the <a href="#/p5.Element">p5.Element</a> object. It's often used to with
+ * text inputs and sliders. Calling `myElement.input(false)` disables the
+ * function.
+ *
+ * @method input
+ * @param  {Function|Boolean} fxn function to call when input is detected within
+ *                                the element.
+ *                                `false` disables the function.
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   background(200);
+ *
+ *   // Create a slider and place it beneath the canvas.
+ *   let slider = createSlider(0, 255, 200);
+ *   slider.position(0, 100);
+ *
+ *   // When the slider changes, use its value to paint
+ *   // the background.
+ *   slider.input(() => {
+ *     let g = slider.value();
+ *     background(g);
+ *   });
+ *
+ *   describe('A gray square with a range slider underneath it. The background changes shades of gray when the slider is moved.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function setup() {
+ *   background(200);
+ *
+ *   // Create an input and place it beneath the canvas.
+ *   let inp = createInput('');
+ *   inp.position(0, 100);
+ *
+ *   // When input is detected, paint the background gray
+ *   // and display the text.
+ *   inp.input(() => {
+ *     background(200);
+ *     let msg = inp.value();
+ *     text(msg, 5, 50);
+ *   });
+ *
+ *   describe('A gray square with a text input bar beneath it. Any text written in the input appears in the middle of the square.');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.Element.prototype.input = function (fxn) {
+          _main.default.Element._adjustListener('input', fxn, this);
+          return this;
+        };
+        /**
+ * Helpers for create methods.
+ */
+        function addElement(elt, pInst, media) {
+          var node = pInst._userNode ? pInst._userNode : document.body;
+          node.appendChild(elt);
+          var c = media ? new _main.default.MediaElement(elt, pInst) : new _main.default.Element(elt, pInst);
+          pInst._elements.push(c);
+          return c;
+        }        /**
+ * Creates a `&lt;div&gt;&lt;/div&gt;` element. It's commonly used as a
+ * container for other elements.
+ *
+ * The parameter `html` is optional. It accepts a string that sets the
+ * inner HTML of the new `&lt;div&gt;&lt;/div&gt;`.
+ *
+ * @method createDiv
+ * @param  {String} [html] inner HTML for the new `&lt;div&gt;&lt;/div&gt;` element.
+ * @return {p5.Element} new <a href="#/p5.Element">p5.Element</a> object.
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   background(200);
+ *
+ *   let div = createDiv('p5*js');
+ *   div.position(25, 35);
+ *
+ *   describe('A gray square with the text "p5*js" written in its center.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function setup() {
+ *   background(200);
+ *
+ *   // Create an h3 element within the div.
+ *   let div = createDiv('<h3>p5*js</h3>');
+ *   div.position(20, 5);
+ *
+ *   describe('A gray square with the text "p5*js" written in its center.');
+ * }
+ * </code>
+ * </div>
+ */
+
+        _main.default.prototype.createDiv = function () {
+          var html = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+          var elt = document.createElement('div');
+          elt.innerHTML = html;
+          return addElement(elt, this);
+        };
+        /**
+ * Creates a `&lt;p&gt;&lt;/p&gt;` element. It's commonly used for
+ * paragraph-length text.
+ *
+ * The parameter `html` is optional. It accepts a string that sets the
+ * inner HTML of the new `&lt;p&gt;&lt;/p&gt;`.
+ *
+ * @method createP
+ * @param  {String} [html] inner HTML for the new `&lt;p&gt;&lt;/p&gt;` element.
+ * @return {p5.Element} new <a href="#/p5.Element">p5.Element</a> object.
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   background(200);
+ *
+ *   let p = createP('Tell me a story.');
+ *   p.position(5, 0);
+ *
+ *   describe('A gray square displaying the text "Tell me a story." written in black.');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.createP = function () {
+          var html = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+          var elt = document.createElement('p');
+          elt.innerHTML = html;
+          return addElement(elt, this);
+        };
+        /**
+ * Creates a `&lt;span&gt;&lt;/span&gt;` element. It's commonly used as a
+ * container for inline elements. For example, a `&lt;span&gt;&lt;/span&gt;`
+ * can hold part of a sentence that's a
+ * <span style="color: deeppink;">different</span> style.
+ *
+ * The parameter `html` is optional. It accepts a string that sets the
+ * inner HTML of the new `&lt;span&gt;&lt;/span&gt;`.
+ *
+ * @method createSpan
+ * @param  {String} [html] inner HTML for the new `&lt;span&gt;&lt;/span&gt;` element.
+ * @return {p5.Element} new <a href="#/p5.Element">p5.Element</a> object.
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   background(200);
+ *
+ *   // Create a span element.
+ *   let span = createSpan('p5*js');
+ *   span.position(25, 35);
+ *
+ *   describe('A gray square with the text "p5*js" written in its center.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function setup() {
+ *   background(200);
+ *
+ *   // Create a div element as
+ *   // a container.
+ *   let div = createDiv();
+ *   // Place the div at the
+ *   // center.
+ *   div.position(25, 35);
+ *
+ *   // Create a span element.
+ *   let s1 = createSpan('p5');
+ *   // Create a second span element.
+ *   let s2 = createSpan('*');
+ *   // Set the span's font color.
+ *   s2.style('color', 'deeppink');
+ *   // Create a third span element.
+ *   let s3 = createSpan('js');
+ *
+ *   // Add all the spans to the
+ *   // container div.
+ *   s1.parent(div);
+ *   s2.parent(div);
+ *   s3.parent(div);
+ *
+ *   describe('A gray square with the text "p5*js" written in black at its center. The asterisk is pink.');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.createSpan = function () {
+          var html = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+          var elt = document.createElement('span');
+          elt.innerHTML = html;
+          return addElement(elt, this);
+        };
+        /**
+ * Creates an `&lt;img&gt;` element that can appear outside of the canvas.
+ *
+ * The first parameter, `src`, is a string with the path to the image file.
+ * `src` should be a relative path, as in `'assets/image.png'`, or a URL, as
+ * in `'https://example.com/image.png'`.
+ *
+ * The second parameter, `alt`, is a string with the
+ * <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt#usage_notes" target="_blank">alternate text</a>
+ * for the image. An empty string `''` can be used for images that aren't displayed.
+ *
+ * The third parameter, `crossOrigin`, is optional. It's a string that sets the
+ * <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_settings_attributes" target="_blank">crossOrigin property</a>
+ * of the image. Use `'anonymous'` or `'use-credentials'` to fetch the image
+ * with cross-origin access.
+ *
+ * The fourth parameter, `callback`, is also optional. It sets a function to
+ * call after the image loads. The new image is passed to the callback
+ * function as a <a href="#/p5.Element">p5.Element</a> object.
+ *
+ * @method createImg
+ * @param  {String} src relative path or URL for the image.
+ * @param  {String} alt alternate text for the image.
+ * @return {p5.Element} new <a href="#/p5.Element">p5.Element</a> object.
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   background(200);
+ *
+ *   let img = createImg(
+ *     'https://p5js.org/assets/img/asterisk-01.png',
+ *     'The p5.js magenta asterisk.'
+ *   );
+ *   img.position(0, -10);
+ *
+ *   describe('A gray square with a magenta asterisk in its center.');
+ * }
+ * </code>
+ * </div>
+ */
+        /**
+ * @method createImg
+ * @param  {String} src
+ * @param  {String} alt
+ * @param  {String} [crossOrigin] crossOrigin property to use when fetching the image.
+ * @param  {Function} [successCallback] function to call once the image loads. The new image will be passed
+ *                                      to the function as a <a href="#/p5.Element">p5.Element</a> object.
+ * @return {p5.Element} new <a href="#/p5.Element">p5.Element</a> object.
+ */
+        _main.default.prototype.createImg = function () {
+          _main.default._validateParameters('createImg', arguments);
+          var elt = document.createElement('img');
+          var args = arguments;
+          var self;
+          if (args.length > 1 && typeof args[1] === 'string') {
+            elt.alt = args[1];
+          }
+          if (args.length > 2 && typeof args[2] === 'string') {
+            elt.crossOrigin = args[2];
+          }
+          elt.src = args[0];
+          self = addElement(elt, this);
+          elt.addEventListener('load', function () {
+            self.width = elt.offsetWidth || elt.width;
+            self.height = elt.offsetHeight || elt.height;
+            var last = args[args.length - 1];
+            if (typeof last === 'function') last(self);
+          });
+          return self;
+        };
+        /**
+ * Creates an `&lt;a&gt;&lt;/a&gt;` element that links to another web page.
+ *
+ * The first parmeter, `href`, is a string that sets the URL of the linked
+ * page.
+ *
+ * The second parameter, `html`, is a string that sets the inner HTML of the
+ * link. It's common to use text, images, or buttons as links.
+ *
+ * The third parameter, `target`, is optional. It's a string that tells the
+ * web browser where to open the link. By default, links open in the current
+ * browser tab. Passing `'_blank'` will cause the link to open in a new
+ * browser tab. MDN describes a few
+ * <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target" target="_blank">other options</a>.
+ *
+ * @method createA
+ * @param  {String} href       URL of linked page.
+ * @param  {String} html       inner HTML of link element to display.
+ * @param  {String} [target]   target where the new link should open,
+ *                             either `'_blank'`, `'_self'`, `'_parent'`, or `'_top'`.
+ * @return {p5.Element} new <a href="#/p5.Element">p5.Element</a> object.
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   background(200);
+ *
+ *   // Create an anchor element that links to p5js.org.
+ *   let a = createA('http://p5js.org/', 'p5*js');
+ *   a.position(25, 35);
+ *
+ *   describe('The text "p5*js" written at the center of a gray square.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function setup() {
+ *   background(200);
+ *
+ *   // Create an anchor element that links to p5js.org.
+ *   // Open the link in a new tab.
+ *   let a = createA('http://p5js.org/', 'p5*js', '_blank');
+ *   a.position(25, 35);
+ *
+ *   describe('The text "p5*js" written at the center of a gray square.');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.createA = function (href, html, target) {
+          _main.default._validateParameters('createA', arguments);
+          var elt = document.createElement('a');
+          elt.href = href;
+          elt.innerHTML = html;
+          if (target) elt.target = target;
+          return addElement(elt, this);
+        };
+        /** INPUT **/
+        /**
+ * Creates a slider `&lt;input&gt;&lt;/input&gt;` element. Range sliders are
+ * useful for quickly selecting numbers from a given range.
+ *
+ * The first two parameters, `min` and `max`, are numbers that set the
+ * slider's minimum and maximum.
+ *
+ * The third parameter, `value`, is optional. It's a number that sets the
+ * slider's default value.
+ *
+ * The fourth parameter, `step`, is also optional. It's a number that sets the
+ * spacing between each value in the slider's range. Setting `step` to 0
+ * allows the slider to move smoothly from `min` to `max`.
+ *
+ * @method createSlider
+ * @param  {Number} min minimum value of the slider.
+ * @param  {Number} max maximum value of the slider.
+ * @param  {Number} [value] default value of the slider.
+ * @param  {Number} [step] size for each step in the slider's range.
+ * @return {p5.Element} new <a href="#/p5.Element">p5.Element</a> object.
+ * @example
+ * <div>
+ * <code>
+ * let slider;
+ *
+ * function setup() {
+ *   // Create a slider and place it at the top of the canvas.
+ *   slider = createSlider(0, 255);
+ *   slider.position(10, 10);
+ *   slider.size(80);
+ *
+ *   describe('A dark gray square with a range slider at the top. The square changes color when the slider is moved.');
+ * }
+ *
+ * function draw() {
+ *   // Use the slider as a grayscale value.
+ *   let g = slider.value();
+ *   background(g);
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let slider;
+ *
+ * function setup() {
+ *   // Create a slider and place it at the top of the canvas.
+ *   // Set its default value to 0.
+ *   slider = createSlider(0, 255, 0);
+ *   slider.position(10, 10);
+ *   slider.size(80);
+ *
+ *   describe('A black square with a range slider at the top. The square changes color when the slider is moved.');
+ * }
+ *
+ * function draw() {
+ *   // Use the slider as a grayscale value.
+ *   let g = slider.value();
+ *   background(g);
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let slider;
+ *
+ * function setup() {
+ *   // Create a slider and place it at the top of the canvas.
+ *   // Set its default value to 0.
+ *   // Set its step size to 50.
+ *   slider = createSlider(0, 255, 0, 50);
+ *   slider.position(10, 10);
+ *   slider.size(80);
+ *
+ *   describe('A black square with a range slider at the top. The square changes color when the slider is moved.');
+ * }
+ *
+ * function draw() {
+ *   // Use the slider as a grayscale value.
+ *   let g = slider.value();
+ *   background(g);
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let slider;
+ *
+ * function setup() {
+ *   // Create a slider and place it at the top of the canvas.
+ *   // Set its default value to 0.
+ *   // Set its step size to 0 so that it moves smoothly.
+ *   slider = createSlider(0, 255, 0, 0);
+ *   slider.position(10, 10);
+ *   slider.size(80);
+ *
+ *   describe('A black square with a range slider at the top. The square changes color when the slider is moved.');
+ * }
+ *
+ * function draw() {
+ *   // Use the slider as a grayscale value.
+ *   let g = slider.value();
+ *   background(g);
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.createSlider = function (min, max, value, step) {
+          _main.default._validateParameters('createSlider', arguments);
+          var elt = document.createElement('input');
+          elt.type = 'range';
+          elt.min = min;
+          elt.max = max;
+          if (step === 0) {
+            elt.step = 1e-18; // smallest valid step
+          } else if (step) {
+            elt.step = step;
+          }
+          if (typeof value === 'number') elt.value = value;
+          return addElement(elt, this);
+        };
+        /**
+ * Creates a `&lt;button&gt;&lt;/button&gt;` element.
+ *
+ * The first parameter, `label`, is a string that sets the label displayed on
+ * the button.
+ *
+ * The second parameter, `value`, is optional. It's a string that sets the
+ * button's value. See
+ * <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#value" target="_blank">MDN</a>
+ * for more details.
+ *
+ * @method createButton
+ * @param  {String} label label displayed on the button.
+ * @param  {String} [value] value of the button.
+ * @return {p5.Element} new <a href="#/p5.Element">p5.Element</a> object.
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   background(200);
+ *
+ *   // Create a button and place it beneath the canvas.
+ *   let button = createButton('click me');
+ *   button.position(0, 100);
+ *
+ *   // Use the button to change the background color.
+ *   button.mousePressed(() => {
+ *     let g = random(255);
+ *     background(g);
+ *   });
+ *
+ *   describe('A gray square with a button that says "click me" beneath it. The square changes color when the button is clicked.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let button;
+ *
+ * function setup() {
+ *   // Create a button and set its value to 0.
+ *   // Place the button beneath the canvas.
+ *   button = createButton('click me', 'red');
+ *   button.position(0, 100);
+ *
+ *   // Change the button's value when the mouse
+ *   // is pressed.
+ *   button.mousePressed(() => {
+ *     let c = random(['red', 'green', 'blue', 'yellow']);
+ *     button.value(c);
+ *   });
+ *
+ *   describe('A red square with a button that says "click me" beneath it. The square changes color when the button is clicked.');
+ * }
+ *
+ * function draw() {
+ *   // Use the button's value to set the background color.
+ *   let c = button.value();
+ *   background(c);
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.createButton = function (label, value) {
+          _main.default._validateParameters('createButton', arguments);
+          var elt = document.createElement('button');
+          elt.innerHTML = label;
+          if (value) elt.value = value;
+          return addElement(elt, this);
+        };
+        /**
+ * Creates a checkbox `&lt;input&gt;&lt;/input&gt;` element. Checkboxes extend
+ * the <a href="#/p5.Element">p5.Element</a> class with a `checked()` method.
+ * Calling `myBox.checked()` returns `true` if it the box is checked and
+ * `false` otherwise.
+ *
+ * The first parameter, `label`, is optional. It's a string that sets the label
+ * to display next to the checkbox.
+ *
+ * The second parameter, `value`, is also optional. It's a boolean that sets the
+ * checkbox's value.
+ *
+ * @method createCheckbox
+ * @param  {String} [label] label displayed after the checkbox.
+ * @param  {boolean} [value] value of the checkbox. Checked is `true` and unchecked is `false`.
+ * @return {p5.Element} new <a href="#/p5.Element">p5.Element</a> object.
+ * @example
+ * <div>
+ * <code>
+ * let checkbox;
+ *
+ * function setup() {
+ *   // Create a checkbox and place it beneath the canvas.
+ *   checkbox = createCheckbox();
+ *   checkbox.position(0, 100);
+ *
+ *   describe('A black square with a checkbox beneath it. The square turns white when the box is checked.');
+ * }
+ *
+ * function draw() {
+ *   // Use the checkbox to set the background color.
+ *   if (checkbox.checked()) {
+ *     background(255);
+ *   } else {
+ *     background(0);
+ *   }
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let checkbox;
+ *
+ * function setup() {
+ *   // Create a checkbox and place it beneath the canvas.
+ *   // Label the checkbox "white".
+ *   checkbox = createCheckbox(' white');
+ *   checkbox.position(0, 100);
+ *
+ *   describe('A black square with a checkbox labeled "white" beneath it. The square turns white when the box is checked.');
+ * }
+ *
+ * function draw() {
+ *   // Use the checkbox to set the background color.
+ *   if (checkbox.checked()) {
+ *     background(255);
+ *   } else {
+ *     background(0);
+ *   }
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let checkbox;
+ *
+ * function setup() {
+ *   // Create a checkbox and place it beneath the canvas.
+ *   // Label the checkbox "white" and set its value to true.
+ *   checkbox = createCheckbox(' white', true);
+ *   checkbox.position(0, 100);
+ *
+ *   describe('A white square with a checkbox labeled "white" beneath it. The square turns black when the box is unchecked.');
+ * }
+ *
+ * function draw() {
+ *   // Use the checkbox to set the background color.
+ *   if (checkbox.checked()) {
+ *     background(255);
+ *   } else {
+ *     background(0);
+ *   }
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.createCheckbox = function () {
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
+          _main.default._validateParameters('createCheckbox', args);
+          // Create a container element
+          var elt = document.createElement('div');
+          // Create checkbox type input element
+          var checkbox = document.createElement('input');
+          checkbox.type = 'checkbox';
+          // Create label element and wrap it around checkbox
+          var label = document.createElement('label');
+          label.appendChild(checkbox);
+          // Append label element inside the container
+          elt.appendChild(label);
+          //checkbox must be wrapped in p5.Element before label so that label appears after
+          var self = addElement(elt, this);
+          self.checked = function () {
+            var cb = self.elt.firstElementChild.getElementsByTagName('input') [0];
+            if (cb) {
+              if (arguments.length === 0) {
+                return cb.checked;
+              } else if (arguments.length <= 0 ? undefined : arguments[0]) {
+                cb.checked = true;
+              } else {
+                cb.checked = false;
+              }
+            }
+            return self;
+          };
+          this.value = function (val) {
+            self.value = val;
+            return this;
+          };
+          // Set the span element innerHTML as the label value if passed
+          if (args[0]) {
+            self.value(args[0]);
+            var span = document.createElement('span');
+            span.innerHTML = args[0];
+            label.appendChild(span);
+          }          // Set the checked value of checkbox if passed
+
+          if (args[1]) {
+            checkbox.checked = true;
+          }
+          return self;
+        };
+        /**
+ * Creates a dropdown menu `&lt;select&gt;&lt;/select&gt;` element.
+ *
+ * The parameter is optional. If `true` is passed, as in
+ * `let mySelect = createSelect(true)`, then the dropdown will support
+ * multiple selections. If an existing `&lt;select&gt;&lt;/select&gt;` element
+ * is passed, as in `let mySelect = createSelect(otherSelect)`, the existing
+ * element will be wrapped in a new <a href="#/p5.Element">p5.Element</a>
+ * object.
+ *
+ * Dropdowns extend the <a href="#/p5.Element">p5.Element</a> class with a few
+ * helpful methods for managing options:
+ * - `mySelect.option(name, [value])` adds an option to the menu. The first paremeter, `name`, is a string that sets the option's name and value. The second parameter, `value`, is optional. If provided, it sets the value that corresponds to the key `name`. If an option with `name` already exists, its value is changed to `value`.
+ * - `mySelect.value()` returns the currently-selected option's value.
+ * - `mySelect.selected()` returns the currently-selected option.
+ * - `mySelect.selected(option)` selects the given option by default.
+ * - `mySelect.disable()` marks the whole dropdown element as disabled.
+ * - `mySelect.disable(option)` marks a given option as disabled.
+ * - `mySelect.enable()` marks the whole dropdown element as enabled.
+ * - `mySelect.enable(option)` marks a given option as enabled.
+ *
+ * @method createSelect
+ * @param {boolean} [multiple] support multiple selections.
+ * @return {p5.Element} new <a href="#/p5.Element">p5.Element</a> object.
+ * @example
+ * <div>
+ * <code>
+ * let mySelect;
+ *
+ * function setup() {
+ *   // Create a dropdown and place it beneath the canvas.
+ *   mySelect = createSelect();
+ *   mySelect.position(0, 100);
+ *
+ *   // Add color options.
+ *   mySelect.option('red');
+ *   mySelect.option('green');
+ *   mySelect.option('blue');
+ *   mySelect.option('yellow');
+ *
+ *   // Set the selected option to "red".
+ *   mySelect.selected('red');
+ *
+ *   describe('A red square with a dropdown menu beneath it. The square changes color when a new color is selected.');
+ * }
+ *
+ * function draw() {
+ *   // Use the selected value to paint the background.
+ *   let c = mySelect.selected();
+ *   background(c);
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let mySelect;
+ *
+ * function setup() {
+ *   // Create a dropdown and place it beneath the canvas.
+ *   mySelect = createSelect();
+ *   mySelect.position(0, 100);
+ *
+ *   // Add color options.
+ *   mySelect.option('red');
+ *   mySelect.option('green');
+ *   mySelect.option('blue');
+ *   mySelect.option('yellow');
+ *
+ *   // Set the selected option to "red".
+ *   mySelect.selected('red');
+ *
+ *   // Disable the "yellow" option.
+ *   mySelect.disable('yellow');
+ *
+ *   describe('A red square with a dropdown menu beneath it. The square changes color when a new color is selected.');
+ * }
+ *
+ * function draw() {
+ *   // Use the selected value to paint the background.
+ *   let c = mySelect.selected();
+ *   background(c);
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let mySelect;
+ *
+ * function setup() {
+ *   // Create a dropdown and place it beneath the canvas.
+ *   mySelect = createSelect();
+ *   mySelect.position(0, 100);
+ *
+ *   // Add color options with names and values.
+ *   mySelect.option('one', 'red');
+ *   mySelect.option('two', 'green');
+ *   mySelect.option('three', 'blue');
+ *   mySelect.option('four', 'yellow');
+ *
+ *   // Set the selected option to "one".
+ *   mySelect.selected('one');
+ *
+ *   describe('A red square with a dropdown menu beneath it. The square changes color when a new color is selected.');
+ * }
+ *
+ * function draw() {
+ *   // Use the selected value to paint the background.
+ *   let c = mySelect.selected();
+ *   background(c);
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * // Hold CTRL to select multiple options on Windows and Linux.
+ * // Hold CMD to select multiple options on macOS.
+ * let mySelect;
+ *
+ * function setup() {
+ *   // Create a dropdown and allow multiple selections.
+ *   // Place it beneath the canvas.
+ *   mySelect = createSelect(true);
+ *   mySelect.position(0, 100);
+ *
+ *   // Add color options.
+ *   mySelect.option('red');
+ *   mySelect.option('green');
+ *   mySelect.option('blue');
+ *   mySelect.option('yellow');
+ *
+ *   describe('A gray square with a dropdown menu beneath it. Colorful circles appear when their color is selected.');
+ * }
+ *
+ * function draw() {
+ *   background(200);
+ *
+ *   // Use the selected value(s) to draw circles.
+ *   let colors = mySelect.selected();
+ *   colors.forEach((c, index) => {
+ *     let x = 10 + index * 20;
+ *     fill(c);
+ *     circle(x, 50, 20);
+ *   });
+ * }
+ * </code>
+ * </div>
+ */
+        /**
+ * @method createSelect
+ * @param {Object} existing select element to wrap, either as a <a href="#/p5.Element">p5.Element</a> or
+ *                          a <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement" target="_blank">HTMLSelectElement</a>.
+ * @return {p5.Element}
+ */
+        _main.default.prototype.createSelect = function () {
+          for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+            args[_key2] = arguments[_key2];
+          }
+          _main.default._validateParameters('createSelect', args);
+          var self;
+          var arg = args[0];
+          if (arg instanceof _main.default.Element && arg.elt instanceof HTMLSelectElement) {
+            // If given argument is p5.Element of select type
+            self = arg;
+            this.elt = arg.elt;
+          } else if (arg instanceof HTMLSelectElement) {
+            self = addElement(arg, this);
+            this.elt = arg;
+          } else {
+            var elt = document.createElement('select');
+            if (arg && typeof arg === 'boolean') {
+              elt.setAttribute('multiple', 'true');
+            }
+            self = addElement(elt, this);
+            this.elt = elt;
+          }
+          self.option = function (name, value) {
+            var index;
+            // if no name is passed, return
+            if (name === undefined) {
+              return;
+            }            //see if there is already an option with this name
+
+            for (var i = 0; i < this.elt.length; i += 1) {
+              if (this.elt[i].textContent === name) {
+                index = i;
+                break;
+              }
+            }            //if there is an option with this name we will modify it
+
+            if (index !== undefined) {
+              //if the user passed in false then delete that option
+              if (value === false) {
+                this.elt.remove(index);
+              } else {
+                // Update the option at index with the value
+                this.elt[index].value = value;
+              }
+            } else {
+              //if it doesn't exist create it
+              var opt = document.createElement('option');
+              opt.textContent = name;
+              opt.value = value === undefined ? name : value;
+              this.elt.appendChild(opt);
+              this._pInst._elements.push(opt);
+            }
+          };
+          self.selected = function (value) {
+            // Update selected status of option
+            if (value !== undefined) {
+              for (var i = 0; i < this.elt.length; i += 1) {
+                if (this.elt[i].value.toString() === value.toString()) {
+                  this.elt.selectedIndex = i;
+                }
+              }
+              return this;
+            } else {
+              if (this.elt.getAttribute('multiple')) {
+                var arr = [
+                ];
+                var _iteratorNormalCompletion = true;
+                var _didIteratorError = false;
+                var _iteratorError = undefined;
+                try {
+                  for (var _iterator = this.elt.selectedOptions[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+                    var selectedOption = _step.value;
+                    arr.push(selectedOption.value);
+                  }
+                } catch (err) {
+                  _didIteratorError = true;
+                  _iteratorError = err;
+                } finally {
+                  try {
+                    if (!_iteratorNormalCompletion && _iterator.return != null) {
+                      _iterator.return();
+                    }
+                  } finally {
+                    if (_didIteratorError) {
+                      throw _iteratorError;
+                    }
+                  }
+                }
+                return arr;
+              } else {
+                return this.elt.value;
+              }
+            }
+          };
+          self.disable = function (value) {
+            if (typeof value === 'string') {
+              for (var i = 0; i < this.elt.length; i++) {
+                if (this.elt[i].value.toString() === value) {
+                  this.elt[i].disabled = true;
+                  this.elt[i].selected = false;
+                }
+              }
+            } else {
+              this.elt.disabled = true;
+            }
+            return this;
+          };
+          self.enable = function (value) {
+            if (typeof value === 'string') {
+              for (var i = 0; i < this.elt.length; i++) {
+                if (this.elt[i].value.toString() === value) {
+                  this.elt[i].disabled = false;
+                  this.elt[i].selected = false;
+                }
+              }
+            } else {
+              this.elt.disabled = false;
+              for (var _i = 0; _i < this.elt.length; _i++) {
+                this.elt[_i].disabled = false;
+                this.elt[_i].selected = false;
+              }
+            }
+            return this;
+          };
+          return self;
+        };
+        /**
+ * Creates a radio button element.
+ *
+ * The parameter is optional. If a string is passed, as in
+ * `let myRadio = createSelect('food')`, then each radio option will
+ * have `"food"` as its `name` parameter: `&lt;input name="food"&gt;&lt;/input&gt;`.
+ * If an existing `&lt;div&gt;&lt;/div&gt;` or `&lt;span&gt;&lt;/span&gt;`
+ * element is passed, as in `let myRadio = createSelect(container)`, it will
+ * become the radio button's parent element.
+ *
+ * Radio buttons extend the <a href="#/p5.Element">p5.Element</a> class with a few
+ * helpful methods for managing options:
+ * - `myRadio.option(value, [label])` adds an option to the menu. The first paremeter, `value`, is a string that sets the option's value and label. The second parameter, `label`, is optional. If provided, it sets the label displayed for the `value`. If an option with `value` already exists, its label is changed and its value is returned.
+ * - `myRadio.value()` returns the currently-selected option's value.
+ * - `myRadio.selected()` returns the currently-selected option.
+ * - `myRadio.selected(value)` selects the given option and returns it as an <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement" target="_blank">`HTMLInputElement`</a>.
+ * - `myRadio.disable(shouldDisable)` enables the entire radio button if `true` is passed and disables it if `false` is passed.
+ *
+ * @method createRadio
+ * @param  {Object} [containerElement] container HTML Element, either a `&lt;div&gt;&lt;/div&gt;`
+ * or `&lt;span&gt;&lt;/span&gt;`.
+ * @return {p5.Element} new <a href="#/p5.Element">p5.Element</a> object.
+ * @example
+ * <div>
+ * <code>
+ * let myRadio;
+ *
+ * function setup() {
+ *   // Create a radio button element and place it
+ *   // in the top-left corner.
+ *   myRadio = createRadio();
+ *   myRadio.position(0, 0);
+ *   myRadio.size(60);
+ *
+ *   // Add a few color options.
+ *   myRadio.option('red');
+ *   myRadio.option('yellow');
+ *   myRadio.option('blue');
+ *
+ *   // Choose a default option.
+ *   myRadio.selected('yellow');
+ *
+ *   describe('A yellow square with three color options listed, "red", "yellow", and "blue". The square changes color when the user selects a new option.');
+ * }
+ *
+ * function draw() {
+ *   // Set the background color using the radio button.
+ *   let g = myRadio.value();
+ *   background(g);
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let myRadio;
+ *
+ * function setup() {
+ *   // Create a radio button element and place it
+ *   // in the top-left corner.
+ *   myRadio = createRadio();
+ *   myRadio.position(0, 0);
+ *   myRadio.size(50);
+ *
+ *   // Add a few color options.
+ *   // Color values are labeled with
+ *   // emotions they evoke.
+ *   myRadio.option('red', 'love');
+ *   myRadio.option('yellow', 'joy');
+ *   myRadio.option('blue', 'trust');
+ *
+ *   // Choose a default option.
+ *   myRadio.selected('yellow');
+ *
+ *   describe('A yellow square with three options listed, "love", "joy", and "trust". The square changes color when the user selects a new option.');
+ * }
+ *
+ * function draw() {
+ *   // Set the background color using the radio button.
+ *   let c = myRadio.value();
+ *   background(c);
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let myRadio;
+ *
+ * function setup() {
+ *   // Create a radio button element and place it
+ *   // in the top-left corner.
+ *   myRadio = createRadio();
+ *   myRadio.position(0, 0);
+ *   myRadio.size(50);
+ *
+ *   // Add a few color options.
+ *   myRadio.option('red');
+ *   myRadio.option('yellow');
+ *   myRadio.option('blue');
+ *
+ *   // Choose a default option.
+ *   myRadio.selected('yellow');
+ *
+ *   // Create a button and place it beneath the canvas.
+ *   let btn = createButton('disable');
+ *   btn.position(0, 100);
+ *
+ *   // Use the button to disable the radio button.
+ *   btn.mousePressed(() => {
+ *     myRadio.disable(true);
+ *   });
+ *
+ *   describe('A yellow square with three options listed, "red", "yellow", and "blue". The square changes color when the user selects a new option. A "disable" button beneath the canvas disables the color options when pressed.');
+ * }
+ *
+ * function draw() {
+ *   // Set the background color using the radio button.
+ *   let c = myRadio.value();
+ *   background(c);
+ * }
+ * </code>
+ * </div>
+ */
+        /**
+ * @method createRadio
+ * @param {String} [name] name parameter assigned to each option's `&lt;input&gt;&lt;/input&gt;` element.
+ * @return {p5.Element} new <a href="#/p5.Element">p5.Element</a> object.
+ */
+        /**
+ * @method createRadio
+ * @return {p5.Element} new <a href="#/p5.Element">p5.Element</a> object.
+ */
+        _main.default.prototype.createRadio = function () {
+          // Creates a div, adds each option as an individual input inside it.
+          // If already given with a containerEl, will search for all input[radio]
+          // it, create a p5.Element out of it, add options to it and return the p5.Element.
+          var self;
+          var radioElement;
+          var name;
+          var arg0 = arguments.length <= 0 ? undefined : arguments[0];
+          if (arg0 instanceof _main.default.Element && (arg0.elt instanceof HTMLDivElement || arg0.elt instanceof HTMLSpanElement)) {
+            // If given argument is p5.Element of div/span type
+            self = arg0;
+            this.elt = arg0.elt;
+          } else if (          // If existing radio Element is provided as argument 0
+          arg0 instanceof HTMLDivElement || arg0 instanceof HTMLSpanElement) {
+            self = addElement(arg0, this);
+            this.elt = arg0;
+            radioElement = arg0;
+            if (typeof (arguments.length <= 1 ? undefined : arguments[1]) === 'string') name = arguments.length <= 1 ? undefined : arguments[1];
+          } else {
+            if (typeof arg0 === 'string') name = arg0;
+            radioElement = document.createElement('div');
+            self = addElement(radioElement, this);
+            this.elt = radioElement;
+          }
+          self._name = name || 'radioOption';
+          // setup member functions
+          var isRadioInput = function isRadioInput(el) {
+            return el instanceof HTMLInputElement && el.type === 'radio';
+          };
+          var isLabelElement = function isLabelElement(el) {
+            return el instanceof HTMLLabelElement;
+          };
+          var isSpanElement = function isSpanElement(el) {
+            return el instanceof HTMLSpanElement;
+          };
+          self._getOptionsArray = function () {
+            return Array.from(this.elt.children).filter(function (el) {
+              return isRadioInput(el) || isLabelElement(el) && isRadioInput(el.firstElementChild);
+            }).map(function (el) {
+              return isRadioInput(el) ? el : el.firstElementChild;
+            });
+          };
+          self.option = function (value, label) {
+            // return an option with this value, create if not exists.
+            var optionEl;
+            var _iteratorNormalCompletion2 = true;
+            var _didIteratorError2 = false;
+            var _iteratorError2 = undefined;
+            try {
+              for (var _iterator2 = self._getOptionsArray() [Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+                var option = _step2.value;
+                if (option.value === value) {
+                  optionEl = option;
+                  break;
+                }
+              }              // Create a new option, add it to radioElement and return it.
+
+            } catch (err) {
+              _didIteratorError2 = true;
+              _iteratorError2 = err;
+            } finally {
+              try {
+                if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
+                  _iterator2.return();
+                }
+              } finally {
+                if (_didIteratorError2) {
+                  throw _iteratorError2;
+                }
+              }
+            }
+            if (optionEl === undefined) {
+              optionEl = document.createElement('input');
+              optionEl.setAttribute('type', 'radio');
+              optionEl.setAttribute('value', value);
+            }
+            optionEl.setAttribute('name', self._name);
+            // Check if label element exists, else create it
+            var labelElement;
+            if (!isLabelElement(optionEl.parentElement)) {
+              labelElement = document.createElement('label');
+              labelElement.insertAdjacentElement('afterbegin', optionEl);
+            } else {
+              labelElement = optionEl.parentElement;
+            }            // Check if span element exists, else create it
+
+            var spanElement;
+            if (!isSpanElement(labelElement.lastElementChild)) {
+              spanElement = document.createElement('span');
+              optionEl.insertAdjacentElement('afterend', spanElement);
+            } else {
+              spanElement = labelElement.lastElementChild;
+            }            // Set the innerHTML of span element as the label text
+
+            spanElement.innerHTML = label === undefined ? value : label;
+            // Append the label element, which includes option element and
+            // span element to the radio container element
+            this.elt.appendChild(labelElement);
+            return optionEl;
+          };
+          self.remove = function (value) {
+            var _iteratorNormalCompletion3 = true;
+            var _didIteratorError3 = false;
+            var _iteratorError3 = undefined;
+            try {
+              for (var _iterator3 = self._getOptionsArray() [Symbol.iterator](), _step3; !(_iteratorNormalCompletion3 = (_step3 = _iterator3.next()).done); _iteratorNormalCompletion3 = true) {
+                var optionEl = _step3.value;
+                if (optionEl.value === value) {
+                  if (isLabelElement(optionEl.parentElement)) {
+                    // Remove parent label which also removes children elements
+                    optionEl.parentElement.remove();
+                  } else {
+                    // Remove the option input if parent label does not exist
+                    optionEl.remove();
+                  }
+                  return;
+                }
+              }
+            } catch (err) {
+              _didIteratorError3 = true;
+              _iteratorError3 = err;
+            } finally {
+              try {
+                if (!_iteratorNormalCompletion3 && _iterator3.return != null) {
+                  _iterator3.return();
+                }
+              } finally {
+                if (_didIteratorError3) {
+                  throw _iteratorError3;
+                }
+              }
+            }
+          };
+          self.value = function () {
+            var result = '';
+            var _iteratorNormalCompletion4 = true;
+            var _didIteratorError4 = false;
+            var _iteratorError4 = undefined;
+            try {
+              for (var _iterator4 = self._getOptionsArray() [Symbol.iterator](), _step4; !(_iteratorNormalCompletion4 = (_step4 = _iterator4.next()).done); _iteratorNormalCompletion4 = true) {
+                var option = _step4.value;
+                if (option.checked) {
+                  result = option.value;
+                  break;
+                }
+              }
+            } catch (err) {
+              _didIteratorError4 = true;
+              _iteratorError4 = err;
+            } finally {
+              try {
+                if (!_iteratorNormalCompletion4 && _iterator4.return != null) {
+                  _iterator4.return();
+                }
+              } finally {
+                if (_didIteratorError4) {
+                  throw _iteratorError4;
+                }
+              }
+            }
+            return result;
+          };
+          self.selected = function (value) {
+            var result = null;
+            if (value === undefined) {
+              var _iteratorNormalCompletion5 = true;
+              var _didIteratorError5 = false;
+              var _iteratorError5 = undefined;
+              try {
+                for (var _iterator5 = self._getOptionsArray() [Symbol.iterator](), _step5; !(_iteratorNormalCompletion5 = (_step5 = _iterator5.next()).done); _iteratorNormalCompletion5 = true) {
+                  var option = _step5.value;
+                  if (option.checked) {
+                    result = option;
+                    break;
+                  }
+                }
+              } catch (err) {
+                _didIteratorError5 = true;
+                _iteratorError5 = err;
+              } finally {
+                try {
+                  if (!_iteratorNormalCompletion5 && _iterator5.return != null) {
+                    _iterator5.return();
+                  }
+                } finally {
+                  if (_didIteratorError5) {
+                    throw _iteratorError5;
+                  }
+                }
+              }
+            } else {
+              // forEach loop to uncheck all radio buttons before
+              // setting any one as checked.
+              self._getOptionsArray().forEach(function (option) {
+                option.checked = false;
+                option.removeAttribute('checked');
+              });
+              var _iteratorNormalCompletion6 = true;
+              var _didIteratorError6 = false;
+              var _iteratorError6 = undefined;
+              try {
+                for (var _iterator6 = self._getOptionsArray() [Symbol.iterator](), _step6; !(_iteratorNormalCompletion6 = (_step6 = _iterator6.next()).done); _iteratorNormalCompletion6 = true) {
+                  var _option = _step6.value;
+                  if (_option.value === value) {
+                    _option.setAttribute('checked', true);
+                    _option.checked = true;
+                    result = _option;
+                  }
+                }
+              } catch (err) {
+                _didIteratorError6 = true;
+                _iteratorError6 = err;
+              } finally {
+                try {
+                  if (!_iteratorNormalCompletion6 && _iterator6.return != null) {
+                    _iterator6.return();
+                  }
+                } finally {
+                  if (_didIteratorError6) {
+                    throw _iteratorError6;
+                  }
+                }
+              }
+            }
+            return result;
+          };
+          self.disable = function () {
+            var shouldDisable = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+            var _iteratorNormalCompletion7 = true;
+            var _didIteratorError7 = false;
+            var _iteratorError7 = undefined;
+            try {
+              for (var _iterator7 = self._getOptionsArray() [Symbol.iterator](), _step7; !(_iteratorNormalCompletion7 = (_step7 = _iterator7.next()).done); _iteratorNormalCompletion7 = true) {
+                var radioInput = _step7.value;
+                radioInput.setAttribute('disabled', shouldDisable);
+              }
+            } catch (err) {
+              _didIteratorError7 = true;
+              _iteratorError7 = err;
+            } finally {
+              try {
+                if (!_iteratorNormalCompletion7 && _iterator7.return != null) {
+                  _iterator7.return();
+                }
+              } finally {
+                if (_didIteratorError7) {
+                  throw _iteratorError7;
+                }
+              }
+            }
+          };
+          return self;
+        };
+        /**
+ * Creates a color picker element.
+ *
+ * The parameter, `value`, is optional. If a color string or
+ * <a href="#/p5.Color">p5.Color</a> object is passed, it will set the default
+ * color.
+ *
+ * Color pickers extend the <a href="#/p5.Element">p5.Element</a> class with a
+ * couple of helpful methods for managing colors:
+ * - `myPicker.value()` returns the current color as a hex string in the format `'#rrggbb'`.
+ * - `myPicker.color()` returns the current color as a <a href="#/p5.Color">p5.Color</a> object.
+ *
+ *
+ * @method createColorPicker
+ * @param {String|p5.Color} [value] default color as a <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color" target="_blank">CSS color string</a>.
+ * @return {p5.Element} new <a href="#/p5.Element">p5.Element</a> object.
+ * @example
+ * <div>
+ * <code>
+ * let myPicker;
+ *
+ * function setup() {
+ *   myPicker = createColorPicker('deeppink');
+ *   myPicker.position(0, 100);
+ *
+ *   describe('A pink square with a color picker beneath it. The square changes color when the user picks a new color.');
+ * }
+ *
+ * function draw() {
+ *   // Use the color picker to paint the background.
+ *   let c = myPicker.color();
+ *   background(c);
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let myPicker;
+ *
+ * function setup() {
+ *   myPicker = createColorPicker('deeppink');
+ *   myPicker.position(0, 100);
+ *
+ *   describe('A number with the format "#rrggbb" is displayed on a pink canvas. The background color and number change when the user picks a new color.');
+ * }
+ *
+ * function draw() {
+ *   // Use the color picker to paint the background.
+ *   let c = myPicker.value();
+ *   background(c);
+ *
+ *   // Display the current color as a hex string.
+ *   text(c, 25, 55);
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.createColorPicker = function (value) {
+          _main.default._validateParameters('createColorPicker', arguments);
+          var elt = document.createElement('input');
+          var self;
+          elt.type = 'color';
+          if (value) {
+            if (value instanceof _main.default.Color) {
+              elt.value = value.toString('#rrggbb');
+            } else {
+              _main.default.prototype._colorMode = 'rgb';
+              _main.default.prototype._colorMaxes = {
+                rgb: [
+                  255,
+                  255,
+                  255,
+                  255
+                ],
+                hsb: [
+                  360,
+                  100,
+                  100,
+                  1
+                ],
+                hsl: [
+                  360,
+                  100,
+                  100,
+                  1
+                ]
+              };
+              elt.value = _main.default.prototype.color(value).toString('#rrggbb');
+            }
+          } else {
+            elt.value = '#000000';
+          }
+          self = addElement(elt, this);
+          // Method to return a p5.Color object for the given color.
+          self.color = function () {
+            if (value) {
+              if (value.mode) {
+                _main.default.prototype._colorMode = value.mode;
+              }
+              if (value.maxes) {
+                _main.default.prototype._colorMaxes = value.maxes;
+              }
+            }
+            return _main.default.prototype.color(this.elt.value);
+          };
+          return self;
+        };
+        /**
+ * Creates a text `&lt;input&gt;&lt;/input&gt;` element. Call `myInput.size()`
+ * to set the length of the text box.
+ *
+ * The first parameter, `value`, is optional. It's a string that sets the
+ * input's default value. The input is blank by default.
+ *
+ * The second parameter, `type`, is also optional. It's a string that
+ * specifies the type of text being input. See MDN for a full
+ * <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input" target="_blank">list of options</a>.
+ * The default is `'text'`.
+ *
+ * @method createInput
+ * @param {String} [value] default value of the input box. Defaults to an empty string `''`.
+ * @param {String} [type] type of input. Defaults to `'text'`.
+ * @return {p5.Element} new <a href="#/p5.Element">p5.Element</a> object.
+ * @example
+ * <div>
+ * <code>
+ * let myInput;
+ *
+ * function setup() {
+ *   // Create an input element and place it
+ *   // beneath the canvas.
+ *   myInput = createInput();
+ *   myInput.position(0, 100);
+ *
+ *   describe('A gray square with a text box beneath it. The text in the square changes when the user types something new in the input bar.');
+ * }
+ *
+ * function draw() {
+ *   background(200);
+ *
+ *   // Use the input to display a message.
+ *   let msg = myInput.value();
+ *   text(msg, 25, 55);
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let myInput;
+ *
+ * function setup() {
+ *   // Create an input element and place it
+ *   // beneath the canvas. Set its default
+ *   // text to "hello!".
+ *   myInput = createInput('hello!');
+ *   myInput.position(0, 100);
+ *
+ *   describe('The text "hello!" written at the center of a gray square. A text box beneath the square also says "hello!". The text in the square changes when the user types something new in the input bar.');
+ * }
+ *
+ * function draw() {
+ *   background(200);
+ *
+ *   // Use the input to display a message.
+ *   let msg = myInput.value();
+ *   text(msg, 25, 55);
+ * }
+ * </code>
+ * </div>
+ */
+        /**
+ * @method createInput
+ * @param {String} [value]
+ * @return {p5.Element}
+ */
+        _main.default.prototype.createInput = function () {
+          var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+          var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'text';
+          _main.default._validateParameters('createInput', arguments);
+          var elt = document.createElement('input');
+          elt.setAttribute('value', value);
+          elt.setAttribute('type', type);
+          return addElement(elt, this);
+        };
+        /**
+ * Creates an `&lt;input&gt;&lt;/input&gt;` element of type `'file'`.
+ * This allows users to select local files for use in a sketch.
+ *
+ * The first parameter, `callback`, is a function that's called when the file
+ * loads. The callback function should have one parameter, `file`, that's a
+ * <a href="#/p5.File">p5.File</a> object.
+ *
+ * The second parameter, `multiple`, is optional. It's a boolean value that
+ * allows loading multiple files if set to `true`. If `true`, `callback`
+ * will be called once per file.
+ *
+ * @method createFileInput
+ * @param  {Function} callback function to call once the file loads.
+ * @param  {Boolean} [multiple] allow multiple files to be selected.
+ * @return {p5.Element} new <a href="#/p5.Element">p5.Element</a> object.
+ * @example
+ * <div>
+ * <code>
+ * // Use the file input to select an image to
+ * // load and display.
+ * let input;
+ * let img;
+ *
+ * function setup() {
+ *   // Create a file input and place it beneath
+ *   // the canvas.
+ *   input = createFileInput(handleImage);
+ *   input.position(0, 100);
+ *
+ *   describe('A gray square with a file input beneath it. If the user selects an image file to load, it is displayed on the square.');
+ * }
+ *
+ * function draw() {
+ *   background(200);
+ *
+ *   // Draw the image if loaded.
+ *   if (img) {
+ *     image(img, 0, 0, width, height);
+ *   }
+ * }
+ *
+ * // Create an image if the file is an image.
+ * function handleImage(file) {
+ *   if (file.type === 'image') {
+ *     img = createImg(file.data, '');
+ *     img.hide();
+ *   } else {
+ *     img = null;
+ *   }
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * // Use the file input to select multiple images
+ * // to load and display.
+ * let input;
+ * let images = [];
+ *
+ * function setup() {
+ *   // Create a file input and place it beneath
+ *   // the canvas. Allow it to load multiple files.
+ *   input = createFileInput(handleImage, true);
+ *   input.position(0, 100);
+ * }
+ *
+ * function draw() {
+ *   background(200);
+ *
+ *   // Draw the images if loaded. Each image
+ *   // is drawn 20 pixels lower than the
+ *   // previous image.
+ *   images.forEach((img, index) => {
+ *     let y = index * 20;
+ *     image(img, 0, y, width, height);
+ *   });
+ *
+ *   describe('A gray square with a file input beneath it. If the user selects multiple image files to load, they are displayed on the square.');
+ * }
+ *
+ * // Create an image if the file is an image,
+ * // then add it to the images array.
+ * function handleImage(file) {
+ *   if (file.type === 'image') {
+ *     let img = createImg(file.data, '');
+ *     img.hide();
+ *     images.push(img);
+ *   }
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.createFileInput = function (callback) {
+          var multiple = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+          _main.default._validateParameters('createFileInput', arguments);
+          var handleFileSelect = function handleFileSelect(event) {
+            var _iteratorNormalCompletion8 = true;
+            var _didIteratorError8 = false;
+            var _iteratorError8 = undefined;
+            try {
+              for (var _iterator8 = event.target.files[Symbol.iterator](), _step8; !(_iteratorNormalCompletion8 = (_step8 = _iterator8.next()).done); _iteratorNormalCompletion8 = true) {
+                var file = _step8.value;
+                _main.default.File._load(file, callback);
+              }
+            } catch (err) {
+              _didIteratorError8 = true;
+              _iteratorError8 = err;
+            } finally {
+              try {
+                if (!_iteratorNormalCompletion8 && _iterator8.return != null) {
+                  _iterator8.return();
+                }
+              } finally {
+                if (_didIteratorError8) {
+                  throw _iteratorError8;
+                }
+              }
+            }
+          };
+          // If File API's are not supported, throw Error
+          if (!(window.File && window.FileReader && window.FileList && window.Blob)) {
+            console.log('The File APIs are not fully supported in this browser. Cannot create element.');
+            return;
+          }
+          var fileInput = document.createElement('input');
+          fileInput.setAttribute('type', 'file');
+          if (multiple) fileInput.setAttribute('multiple', true);
+          fileInput.addEventListener('change', handleFileSelect, false);
+          return addElement(fileInput, this);
+        };
+        /** VIDEO STUFF **/
+        // Helps perform similar tasks for media element methods.
+        function createMedia(pInst, type, src, callback) {
+          var elt = document.createElement(type);
+          // Create source elements from given sources
+          src = src || '';
+          if (typeof src === 'string') {
+            src = [
+              src
+            ];
+          }
+          var _iteratorNormalCompletion9 = true;
+          var _didIteratorError9 = false;
+          var _iteratorError9 = undefined;
+          try {
+            for (var _iterator9 = src[Symbol.iterator](), _step9; !(_iteratorNormalCompletion9 = (_step9 = _iterator9.next()).done); _iteratorNormalCompletion9 = true) {
+              var mediaSource = _step9.value;
+              var sourceEl = document.createElement('source');
+              sourceEl.setAttribute('src', mediaSource);
+              elt.appendChild(sourceEl);
+            }            // If callback is provided, attach to element
+
+          } catch (err) {
+            _didIteratorError9 = true;
+            _iteratorError9 = err;
+          } finally {
+            try {
+              if (!_iteratorNormalCompletion9 && _iterator9.return != null) {
+                _iterator9.return();
+              }
+            } finally {
+              if (_didIteratorError9) {
+                throw _iteratorError9;
+              }
+            }
+          }
+          if (typeof callback === 'function') {
+            var callbackHandler = function callbackHandler() {
+              callback();
+              elt.removeEventListener('canplaythrough', callbackHandler);
+            };
+            elt.addEventListener('canplaythrough', callbackHandler);
+          }
+          var mediaEl = addElement(elt, pInst, true);
+          mediaEl.loadedmetadata = false;
+          // set width and height onload metadata
+          elt.addEventListener('loadedmetadata', function () {
+            mediaEl.width = elt.videoWidth;
+            mediaEl.height = elt.videoHeight;
+            // set elt width and height if not set
+            if (mediaEl.elt.width === 0) mediaEl.elt.width = elt.videoWidth;
+            if (mediaEl.elt.height === 0) mediaEl.elt.height = elt.videoHeight;
+            if (mediaEl.presetPlaybackRate) {
+              mediaEl.elt.playbackRate = mediaEl.presetPlaybackRate;
+              delete mediaEl.presetPlaybackRate;
+            }
+            mediaEl.loadedmetadata = true;
+          });
+          return mediaEl;
+        }        /**
+ * Creates a `&lt;video&gt;` element for simple audio/video playback.
+ * Returns a new <a href="#/p5.MediaElement">p5.MediaElement</a> object.
+ *
+ * Videos are shown by default. They can be hidden by calling `video.hide()`
+ * and drawn to the canvas using <a href="#/p5/image">image()</a>.
+ *
+ * The first parameter, `src`, is the path the video. If a single string is
+ * passed, as in `'assets/topsecret.mp4'`, a single video is loaded. An array
+ * of strings can be used to load the same video in different formats. For
+ * example, `['assets/topsecret.mp4', 'assets/topsecret.ogv', 'assets/topsecret.webm']`.
+ * This is useful for ensuring that the video can play across different browsers with
+ * different capabilities. See
+ * <a href='https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats'>MDN</a>
+ * for more information about supported formats.
+ *
+ * The second parameter, `callback`, is optional. It's a function to call once
+ * the video is ready to play.
+ *
+ * @method createVideo
+ * @param  {String|String[]} src path to a video file, or an array of paths for
+ *                               supporting different browsers.
+ * @param  {Function} [callback] function to call once the video is ready to play.
+ * @return {p5.MediaElement}   new <a href="#/p5.MediaElement">p5.MediaElement</a> object.
+ * @example
+ * <div class='notest'>
+ * <code>
+ * function setup() {
+ *   noCanvas();
+ *
+ *   // Load a video and add it to the page.
+ *   // Note: this may not work in some browsers.
+ *   let video = createVideo('assets/small.mp4');
+ *   // Show the default video controls.
+ *   video.showControls();
+ *
+ *   describe('A video of a toy robot with playback controls beneath it.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div class='notest'>
+ * <code>
+ * function setup() {
+ *   noCanvas();
+ *
+ *   // Load a video and add it to the page.
+ *   // Provide an array options for different file formats.
+ *   let video = createVideo(
+ *     ['assets/small.mp4', 'assets/small.ogv', 'assets/small.webm']
+ *   );
+ *   // Show the default video controls.
+ *   video.showControls();
+ *
+ *   describe('A video of a toy robot with playback controls beneath it.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div class='notest'>
+ * <code>
+ * let video;
+ *
+ * function setup() {
+ *   noCanvas();
+ *
+ *   // Load a video and add it to the page.
+ *   // Provide an array options for different file formats.
+ *   // Call mute() once the video loads.
+ *   video = createVideo(
+ *     ['assets/small.mp4', 'assets/small.ogv', 'assets/small.webm'],
+ *     muteVideo
+ *   );
+ *   // Show the default video controls.
+ *   video.showControls();
+ *
+ *   describe('A video of a toy robot with playback controls beneath it.');
+ * }
+ *
+ * // Mute the video once it loads.
+ * function muteVideo() {
+ *   video.volume(0);
+ * }
+ * </code>
+ * </div>
+ */
+
+        _main.default.prototype.createVideo = function (src, callback) {
+          _main.default._validateParameters('createVideo', arguments);
+          return createMedia(this, 'video', src, callback);
+        };
+        /** AUDIO STUFF **/
+        /**
+ * Creates a hidden `&lt;audio&gt;` element for simple audio playback.
+ * Returns a new <a href="#/p5.MediaElement">p5.MediaElement</a> object.
+ *
+ * The first parameter, `src`, is the path the video. If a single string is
+ * passed, as in `'assets/video.mp4'`, a single video is loaded. An array
+ * of strings can be used to load the same video in different formats. For
+ * example, `['assets/video.mp4', 'assets/video.ogv', 'assets/video.webm']`.
+ * This is useful for ensuring that the video can play across different
+ * browsers with different capabilities. See
+ * <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats" target="_blank">MDN</a>
+ * for more information about supported formats.
+ *
+ * The second parameter, `callback`, is optional. It's a function to call once
+ * the audio is ready to play.
+ *
+ * @method createAudio
+ * @param  {String|String[]} [src] path to an audio file, or an array of paths
+ *                                 for supporting different browsers.
+ * @param  {Function} [callback]   function to call once the audio is ready to play.
+ * @return {p5.MediaElement}       new <a href="#/p5.MediaElement">p5.MediaElement</a> object.
+ * @example
+ * <div class='notest'>
+ * <code>
+ * function setup() {
+ *   noCanvas();
+ *
+ *   // Load the audio.
+ *   let beat = createAudio('assets/beat.mp3');
+ *   // Show the default audio controls.
+ *   beat.showControls();
+ *
+ *   describe('An audio  beat plays when the user double-clicks the square.');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.createAudio = function (src, callback) {
+          _main.default._validateParameters('createAudio', arguments);
+          return createMedia(this, 'audio', src, callback);
+        };
+        /** CAMERA STUFF **/
+        _main.default.prototype.VIDEO = 'video';
+        _main.default.prototype.AUDIO = 'audio';
+        // from: https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia
+        // Older browsers might not implement mediaDevices at all, so we set an empty object first
+        if (navigator.mediaDevices === undefined) {
+          navigator.mediaDevices = {
+          };
+        }        // Some browsers partially implement mediaDevices. We can't just assign an object
+        // with getUserMedia as it would overwrite existing properties.
+        // Here, we will just add the getUserMedia property if it's missing.
+
+        if (navigator.mediaDevices.getUserMedia === undefined) {
+          navigator.mediaDevices.getUserMedia = function (constraints) {
+            // First get ahold of the legacy getUserMedia, if present
+            var getUserMedia = navigator.webkitGetUserMedia || navigator.mozGetUserMedia;
+            // Some browsers just don't implement it - return a rejected promise with an error
+            // to keep a consistent interface
+            if (!getUserMedia) {
+              return Promise.reject(new Error('getUserMedia is not implemented in this browser'));
+            }            // Otherwise, wrap the call to the old navigator.getUserMedia with a Promise
+
+            return new Promise(function (resolve, reject) {
+              getUserMedia.call(navigator, constraints, resolve, reject);
+            });
+          };
+        }        /**
+ * Creates a `&lt;video&gt;` element that "captures" the audio/video stream from
+ * the webcam and microphone. Returns a new
+ * <a href="#/p5.Element">p5.Element</a> object.
+ *
+ * Videos are shown by default. They can be hidden by calling `capture.hide()`
+ * and drawn to the canvas using <a href="#/p5/image">image()</a>.
+ *
+ * The first parameter, `type`, is optional. It sets the type of capture to
+ * use. By default, `createCapture()` captures both audio and video. If `VIDEO`
+ * is passed, as in `createCapture(VIDEO)`, only video will be captured.
+ * If `AUDIO` is passed, as in `createCapture(AUDIO)`, only audio will be
+ * captured. A constraints object can also be passed to customize the stream.
+ * See the <a href="http://w3c.github.io/mediacapture-main/getusermedia.html#media-track-constraints" target="_blank">
+ * W3C documentation</a> for possible properties. Different browsers support different
+ * properties.
+ *
+ * The second parameter, `callback`, is optional. It's a function to call once
+ * the capture is ready for use. The callback function should have one
+ * parameter, `stream`, that's a
+ * <a href="https://developer.mozilla.org/en-US/docs/Web/API/MediaStream" target="_blank">MediaStream</a> object.
+ *
+ * Note: `createCapture()` only works when running a sketch locally or using HTTPS. Learn more
+ * <a href="http://stackoverflow.com/questions/34197653/getusermedia-in-chrome-47-without-using-https" target="_blank">here</a>
+ * and <a href="https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia" target="_blank">here</a>.
+ *
+ * @method createCapture
+ * @param  {String|Constant|Object}  [type] type of capture, either AUDIO or VIDEO,
+ *                                   or a constraints object. Both video and audio
+ *                                   audio streams are captured by default.
+ * @param  {Function}                [callback] function to call once the stream
+ *                                   has loaded.
+ * @return {p5.Element} new <a href="#/p5.Element">p5.Element</a> object.
+ * @example
+ * <div class='notest'>
+ * <code>
+ * function setup() {
+ *   noCanvas();
+ *   createCapture(VIDEO);
+ *
+ *   describe('A video stream from the webcam.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div class='notest'>
+ * <code>
+ * let capture;
+ *
+ * function setup() {
+ *   // Create the video capture and hide the element.
+ *   capture = createCapture(VIDEO);
+ *   capture.hide();
+ *
+ *   describe('A video stream from the webcam with inverted colors.');
+ * }
+ *
+ * function draw() {
+ *   // Draw the video capture within the canvas.
+ *   image(capture, 0, 0, width, width * capture.height / capture.width);
+ *   // Invert the colors in the stream.
+ *   filter(INVERT);
+ * }
+ * </code>
+ * </div>
+ *
+ * <div class='notest norender'>
+ * <code>
+ * function setup() {
+ *   createCanvas(480, 120);
+ *
+ *   // Create a constraints object.
+ *   let constraints = {
+ *     video: {
+ *       mandatory: {
+ *         minWidth: 1280,
+ *         minHeight: 720
+ *       },
+ *       optional: [{ maxFrameRate: 10 }]
+ *     },
+ *     audio: false
+ *   };
+ *
+ *   // Create the video capture.
+ *   createCapture(constraints);
+ *
+ *   describe('A video stream from the webcam.');
+ * }
+ * </code>
+ * </div>
+ */
+
+        _main.default.prototype.createCapture = function () {
+          for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+            args[_key3] = arguments[_key3];
+          }
+          _main.default._validateParameters('createCapture', args);
+          // return if getUserMedia is not supported by browser
+          if (!(navigator.mediaDevices && navigator.mediaDevices.getUserMedia)) {
+            throw new DOMException('getUserMedia not supported in this browser');
+          }
+          var useVideo = true;
+          var useAudio = true;
+          var constraints;
+          var callback;
+          for (var _i2 = 0, _args = args; _i2 < _args.length; _i2++) {
+            var arg = _args[_i2];
+            if (arg === _main.default.prototype.VIDEO) useAudio = false;
+             else if (arg === _main.default.prototype.AUDIO) useVideo = false;
+             else if (_typeof(arg) === 'object') constraints = arg;
+             else if (typeof arg === 'function') callback = arg;
+          }
+          if (!constraints) constraints = {
+            video: useVideo,
+            audio: useAudio
+          };
+          var domElement = document.createElement('video');
+          // required to work in iOS 11 & up:
+          domElement.setAttribute('playsinline', '');
+          navigator.mediaDevices.getUserMedia(constraints).then(function (stream) {
+            try {
+              if ('srcObject' in domElement) {
+                domElement.srcObject = stream;
+              } else {
+                domElement.src = window.URL.createObjectURL(stream);
+              }
+            } catch (err) {
+              domElement.src = stream;
+            }
+          }, console.log);
+          var videoEl = addElement(domElement, this, true);
+          videoEl.loadedmetadata = false;
+          // set width and height onload metadata
+          domElement.addEventListener('loadedmetadata', function () {
+            domElement.play();
+            if (domElement.width) {
+              videoEl.width = domElement.width;
+              videoEl.height = domElement.height;
+            } else {
+              videoEl.width = videoEl.elt.width = domElement.videoWidth;
+              videoEl.height = videoEl.elt.height = domElement.videoHeight;
+            }
+            videoEl.loadedmetadata = true;
+            if (callback) callback(domElement.srcObject);
+          });
+          return videoEl;
+        };
+        /**
+ * Creates a new <a href="#/p5.Element">p5.Element</a> object.
+ *
+ * The first parameter, `tag`, is a string an HTML tag such as `'h5'`.
+ *
+ * The second parameter, `content`, is optional. It's a string that sets the
+ * HTML content to insert into the new element. New elements have no content
+ * by default.
+ *
+ * @method createElement
+ * @param  {String} tag tag for the new element.
+ * @param  {String} [content] HTML content to insert into the element.
+ * @return {p5.Element} new <a href="#/p5.Element">p5.Element</a> object.
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   background(200);
+ *
+ *   // Create an h5 element with nothing in it.
+ *   createElement('h5');
+ *
+ *   describe('A gray square.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function setup() {
+ *   background(200);
+ *
+ *   // Create an h5 element with the content
+ *   // "p5*js".
+ *   let h5 = createElement('h5', 'p5*js');
+ *   // Set the element's style and position.
+ *   h5.style('color', 'deeppink');
+ *   h5.position(30, 15);
+ *
+ *   describe('The text "p5*js" written in pink in the middle of a gray square.');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.createElement = function (tag, content) {
+          _main.default._validateParameters('createElement', arguments);
+          var elt = document.createElement(tag);
+          if (typeof content !== 'undefined') {
+            elt.innerHTML = content;
+          }
+          return addElement(elt, this);
+        };
+        // =============================================================================
+        //                         p5.Element additions
+        // =============================================================================
+        /**
+ *
+ * Adds specified class to the element.
+ *
+ * @for p5.Element
+ * @method addClass
+ * @param  {String} class name of class to add
+ * @chainable
+ * @example
+ * <div class='norender'><code>
+ * let div = createDiv('div');
+ * div.addClass('myClass');
+ * </code></div>
+ */
+        _main.default.Element.prototype.addClass = function (c) {
+          if (this.elt.className) {
+            if (!this.hasClass(c)) {
+              this.elt.className = this.elt.className + ' ' + c;
+            }
+          } else {
+            this.elt.className = c;
+          }
+          return this;
+        };
+        /**
+ *
+ * Removes specified class from the element.
+ *
+ * @method removeClass
+ * @param  {String} class name of class to remove
+ * @chainable
+ * @example
+ * <div class='norender'><code>
+ * // In this example, a class is set when the div is created
+ * // and removed when mouse is pressed. This could link up
+ * // with a CSS style rule to toggle style properties.
+ *
+ * let div;
+ *
+ * function setup() {
+ *   div = createDiv('div');
+ *   div.addClass('myClass');
+ * }
+ *
+ * function mousePressed() {
+ *   div.removeClass('myClass');
+ * }
+ * </code></div>
+ */
+        _main.default.Element.prototype.removeClass = function (c) {
+          // Note: Removing a class that does not exist does NOT throw an error in classList.remove method
+          this.elt.classList.remove(c);
+          return this;
+        };
+        /**
+ *
+ * Checks if specified class is already applied to element.
+ *
+ * @method hasClass
+ * @returns {boolean} a boolean value if element has specified class
+ * @param c {String} class name of class to check
+ * @example
+ * <div class='norender'><code>
+ * let div;
+ *
+ * function setup() {
+ *   div = createDiv('div');
+ *   div.addClass('show');
+ * }
+ *
+ * function mousePressed() {
+ *   if (div.hasClass('show')) {
+ *     div.addClass('show');
+ *   } else {
+ *     div.removeClass('show');
+ *   }
+ * }
+ * </code></div>
+ */
+        _main.default.Element.prototype.hasClass = function (c) {
+          return this.elt.classList.contains(c);
+        };
+        /**
+ *
+ * Toggles element class.
+ *
+ * @method toggleClass
+ * @param c {String} class name to toggle
+ * @chainable
+ * @example
+ * <div class='norender'><code>
+ * let div;
+ *
+ * function setup() {
+ *   div = createDiv('div');
+ *   div.addClass('show');
+ * }
+ *
+ * function mousePressed() {
+ *   div.toggleClass('show');
+ * }
+ * </code></div>
+ */
+        _main.default.Element.prototype.toggleClass = function (c) {
+          // classList also has a toggle() method, but we cannot use that yet as support is unclear.
+          // See https://github.com/processing/p5.js/issues/3631
+          // this.elt.classList.toggle(c);
+          if (this.elt.classList.contains(c)) {
+            this.elt.classList.remove(c);
+          } else {
+            this.elt.classList.add(c);
+          }
+          return this;
+        };
+        /**
+ *
+ * Attaches the element  as a child to the parent specified.
+ * Accepts either a string ID, DOM node, or <a href="#/p5.Element">p5.Element</a>.
+ * If no argument is specified, an array of children DOM nodes is returned.
+ *
+ * @method child
+ * @returns {Node[]} an array of child nodes
+ * @example
+ * <div class='norender'><code>
+ * let div0 = createDiv('this is the parent');
+ * let div1 = createDiv('this is the child');
+ * div0.child(div1); // use p5.Element
+ * </code></div>
+ * <div class='norender'><code>
+ * let div0 = createDiv('this is the parent');
+ * let div1 = createDiv('this is the child');
+ * div1.id('apples');
+ * div0.child('apples'); // use id
+ * </code></div>
+ * <div class='norender notest'><code>
+ * // this example assumes there is a div already on the page
+ * // with id "myChildDiv"
+ * let div0 = createDiv('this is the parent');
+ * let elt = document.getElementById('myChildDiv');
+ * div0.child(elt); // use element from page
+ * </code></div>
+ */
+        /**
+ * @method child
+ * @param  {String|p5.Element} [child] the ID, DOM node, or <a href="#/p5.Element">p5.Element</a>
+ *                         to add to the current element
+ * @chainable
+ */
+        _main.default.Element.prototype.child = function (childNode) {
+          if (typeof childNode === 'undefined') {
+            return this.elt.childNodes;
+          }
+          if (typeof childNode === 'string') {
+            if (childNode[0] === '#') {
+              childNode = childNode.substring(1);
+            }
+            childNode = document.getElementById(childNode);
+          } else if (childNode instanceof _main.default.Element) {
+            childNode = childNode.elt;
+          }
+          if (childNode instanceof HTMLElement) {
+            this.elt.appendChild(childNode);
+          }
+          return this;
+        };
+        /**
+ * Centers a p5.Element either vertically, horizontally,
+ * or both, relative to its parent or according to
+ * the body if the p5.Element has no parent. If no argument is passed
+ * the p5.Element is aligned both vertically and horizontally.
+ *
+ * @method center
+ * @param  {String} [align]       passing 'vertical', 'horizontal' aligns element accordingly
+ * @chainable
+ *
+ * @example
+ * <div><code>
+ * function setup() {
+ *   let div = createDiv('').size(10, 10);
+ *   div.style('background-color', 'orange');
+ *   div.center();
+ * }
+ * </code></div>
+ */
+        _main.default.Element.prototype.center = function (align) {
+          var style = this.elt.style.display;
+          var hidden = this.elt.style.display === 'none';
+          var parentHidden = this.parent().style.display === 'none';
+          var pos = {
+            x: this.elt.offsetLeft,
+            y: this.elt.offsetTop
+          };
+          if (hidden) this.show();
+          if (parentHidden) this.parent().show();
+          this.elt.style.display = 'block';
+          this.position(0, 0);
+          var wOffset = Math.abs(this.parent().offsetWidth - this.elt.offsetWidth);
+          var hOffset = Math.abs(this.parent().offsetHeight - this.elt.offsetHeight);
+          if (align === 'both' || align === undefined) {
+            this.position(wOffset / 2 + this.parent().offsetLeft, hOffset / 2 + this.parent().offsetTop);
+          } else if (align === 'horizontal') {
+            this.position(wOffset / 2 + this.parent().offsetLeft, pos.y);
+          } else if (align === 'vertical') {
+            this.position(pos.x, hOffset / 2 + this.parent().offsetTop);
+          }
+          this.style('display', style);
+          if (hidden) this.hide();
+          if (parentHidden) this.parent().hide();
+          return this;
+        };
+        /**
+ *
+ * If an argument is given, sets the inner HTML of the element,
+ * replacing any existing HTML. If true is included as a second
+ * argument, HTML is appended instead of replacing existing HTML.
+ * If no arguments are given, returns
+ * the inner HTML of the element.
+ *
+ * @for p5.Element
+ * @method html
+ * @returns {String} the inner HTML of the element
+ * @example
+ * <div class='norender'><code>
+ * let div = createDiv('').size(100, 100);
+ * div.html('hi');
+ * </code></div>
+ * <div class='norender'><code>
+ * let div = createDiv('Hello ').size(100, 100);
+ * div.html('World', true);
+ * </code></div>
+ */
+        /**
+ * @method html
+ * @param  {String} [html] the HTML to be placed inside the element
+ * @param  {boolean} [append] whether to append HTML to existing
+ * @chainable
+ */
+        _main.default.Element.prototype.html = function () {
+          if (arguments.length === 0) {
+            return this.elt.innerHTML;
+          } else if (arguments.length <= 1 ? undefined : arguments[1]) {
+            this.elt.insertAdjacentHTML('beforeend', arguments.length <= 0 ? undefined : arguments[0]);
+            return this;
+          } else {
+            this.elt.innerHTML = arguments.length <= 0 ? undefined : arguments[0];
+            return this;
+          }
+        };
+        /**
+ *
+ * Sets the position of the element. If no position type argument is given, the
+ * position will be relative to (0, 0) of the window.
+ * Essentially, this sets position:absolute and left and top
+ * properties of style. If an optional third argument specifying position type is given,
+ * the x and y-coordinates will be interpreted based on the <a target="_blank"
+ * href="https://developer.mozilla.org/en-US/docs/Web/CSS/position">positioning scheme</a>.
+ * If no arguments given, the function returns the x and y position of the element.
+ *
+ * found documentation on how to be more specific with object type
+ * https://stackoverflow.com/questions/14714314/how-do-i-comment-object-literals-in-yuidoc
+ *
+ * @method position
+ * @returns {Object} object of form { x: 0, y: 0 } containing the position of the element in an object
+ * @example
+ * <div><code class='norender'>
+ * function setup() {
+ *   let cnv = createCanvas(100, 100);
+ *   // positions canvas 50px to the right and 100px
+ *   // below upper left corner of the window
+ *   cnv.position(50, 100);
+ * }
+ * </code></div>
+ * <div><code class='norender'>
+ * function setup() {
+ *   let cnv = createCanvas(100, 100);
+ *   // positions canvas at upper left corner of the window
+ *   // with a 'fixed' position type
+ *   cnv.position(0, 0, 'fixed');
+ * }
+ * </code></div>
+ */
+        /**
+ * @method position
+ * @param  {Number} [x] x-position relative to upper left of window (optional)
+ * @param  {Number} [y] y-position relative to upper left of window (optional)
+ * @param  {String} [positionType] it can be static, fixed, relative, sticky, initial or inherit (optional)
+ * @chainable
+ */
+        _main.default.Element.prototype.position = function () {
+          if (arguments.length === 0) {
+            return {
+              x: this.elt.offsetLeft,
+              y: this.elt.offsetTop
+            };
+          } else {
+            var positionType = 'absolute';
+            if ((arguments.length <= 2 ? undefined : arguments[2]) === 'static' || (arguments.length <= 2 ? undefined : arguments[2]) === 'fixed' || (arguments.length <= 2 ? undefined : arguments[2]) === 'relative' || (arguments.length <= 2 ? undefined : arguments[2]) === 'sticky' || (arguments.length <= 2 ? undefined : arguments[2]) === 'initial' || (arguments.length <= 2 ? undefined : arguments[2]) === 'inherit') {
+              positionType = arguments.length <= 2 ? undefined : arguments[2];
+            }
+            this.elt.style.position = positionType;
+            this.elt.style.left = (arguments.length <= 0 ? undefined : arguments[0]) + 'px';
+            this.elt.style.top = (arguments.length <= 1 ? undefined : arguments[1]) + 'px';
+            this.x = arguments.length <= 0 ? undefined : arguments[0];
+            this.y = arguments.length <= 1 ? undefined : arguments[1];
+            return this;
+          }
+        };
+        /* Helper method called by p5.Element.style() */
+        _main.default.Element.prototype._translate = function () {
+          this.elt.style.position = 'absolute';
+          // save out initial non-translate transform styling
+          var transform = '';
+          if (this.elt.style.transform) {
+            transform = this.elt.style.transform.replace(/translate3d\(.*\)/g, '');
+            transform = transform.replace(/translate[X-Z]?\(.*\)/g, '');
+          }
+          if (arguments.length === 2) {
+            this.elt.style.transform = 'translate(' + (arguments.length <= 0 ? undefined : arguments[0]) + 'px, ' + (arguments.length <= 1 ? undefined : arguments[1]) + 'px)';
+          } else if (arguments.length > 2) {
+            this.elt.style.transform = 'translate3d(' + (arguments.length <= 0 ? undefined : arguments[0]) + 'px,' + (arguments.length <= 1 ? undefined : arguments[1]) + 'px,' + (arguments.length <= 2 ? undefined : arguments[2]) + 'px)';
+            if (arguments.length === 3) {
+              this.elt.parentElement.style.perspective = '1000px';
+            } else {
+              this.elt.parentElement.style.perspective = (arguments.length <= 3 ? undefined : arguments[3]) + 'px';
+            }
+          }          // add any extra transform styling back on end
+
+          this.elt.style.transform += transform;
+          return this;
+        };
+        /* Helper method called by p5.Element.style() */
+        _main.default.Element.prototype._rotate = function () {
+          // save out initial non-rotate transform styling
+          var transform = '';
+          if (this.elt.style.transform) {
+            transform = this.elt.style.transform.replace(/rotate3d\(.*\)/g, '');
+            transform = transform.replace(/rotate[X-Z]?\(.*\)/g, '');
+          }
+          if (arguments.length === 1) {
+            this.elt.style.transform = 'rotate(' + (arguments.length <= 0 ? undefined : arguments[0]) + 'deg)';
+          } else if (arguments.length === 2) {
+            this.elt.style.transform = 'rotate(' + (arguments.length <= 0 ? undefined : arguments[0]) + 'deg, ' + (arguments.length <= 1 ? undefined : arguments[1]) + 'deg)';
+          } else if (arguments.length === 3) {
+            this.elt.style.transform = 'rotateX(' + (arguments.length <= 0 ? undefined : arguments[0]) + 'deg)';
+            this.elt.style.transform += 'rotateY(' + (arguments.length <= 1 ? undefined : arguments[1]) + 'deg)';
+            this.elt.style.transform += 'rotateZ(' + (arguments.length <= 2 ? undefined : arguments[2]) + 'deg)';
+          }          // add remaining transform back on
+
+          this.elt.style.transform += transform;
+          return this;
+        };
+        /**
+ * Applies a style to an element by adding a
+ * <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Syntax" target="_blank">CSS declaration</a>.
+ *
+ * The first parameter, `property`, is a string. If the name of a style
+ * property is passed, as in `myElement.style('color')`, the method returns
+ * the current value as a string or `null` if it hasn't been set. If a
+ * `property:style` string is passed, as in
+ * `myElement.style('color:deeppink')`, the method sets `property` to
+ * `value`.
+ *
+ * The second parameter, `value`, is optional. It sets the property's value.
+ * `value` can be a string, as in
+ * `myElement.style('color', 'deeppink')`, or a
+ * <a href="#/p5.Color">p5.Color</a> object, as in
+ * `myElement.style('color', myColor)`.
+ *
+ * @method style
+ * @param  {String} property style property to set.
+ * @returns {String} value of the property.
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   background(200);
+ *
+ *   // Create a paragraph element and
+ *   // set its font color to "deeppink".
+ *   let p = createP('p5*js');
+ *   p.position(25, 20);
+ *   p.style('color', 'deeppink');
+ *
+ *   describe('The text p5*js written in pink on a gray background.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function setup() {
+ *   background(200);
+ *
+ *   // Create a p5.Color object.
+ *   let c = color('deeppink');
+ *
+ *   // Create a paragraph element and
+ *   // set its font color using a
+ *   // p5.Color object.
+ *   let p = createP('p5*js');
+ *   p.position(25, 20);
+ *   p.style('color', c);
+ *
+ *   describe('The text p5*js written in pink on a gray background.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function setup() {
+ *   background(200);
+ *
+ *   // Create a paragraph element and
+ *   // set its font color to "deeppink"
+ *   // using property:value syntax.
+ *   let p = createP('p5*js');
+ *   p.position(25, 20);
+ *   p.style('color:deeppink');
+ *
+ *   describe('The text p5*js written in pink on a gray background.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function setup() {
+ *   background(200);
+ *
+ *   // Create an empty paragraph element
+ *   // and set its font color to "deeppink".
+ *   let p = createP();
+ *   p.position(5, 5);
+ *   p.style('color', 'deeppink');
+ *
+ *   // Get the element's color as an
+ *   // RGB color string.
+ *   let c = p.style('color');
+ *
+ *   // Set the element's inner HTML
+ *   // using the RGB color string.
+ *   p.html(c);
+ *
+ *   describe('The text "rgb(255, 20, 147)" written in pink on a gray background.');
+ * }
+ * </code>
+ * </div>
+ */
+        /**
+ * @method style
+ * @param  {String} property
+ * @param  {String|p5.Color} value value to assign to the property.
+ * @return {String} value of the property.
+ * @chainable
+ */
+        _main.default.Element.prototype.style = function (prop, val) {
+          var self = this;
+          if (val instanceof _main.default.Color) {
+            val = 'rgba(' + val.levels[0] + ',' + val.levels[1] + ',' + val.levels[2] + ',' + val.levels[3] / 255 + ')';
+          }
+          if (typeof val === 'undefined') {
+            if (prop.indexOf(':') === - 1) {
+              // no value set, so assume requesting a value
+              var styles = window.getComputedStyle(self.elt);
+              var style = styles.getPropertyValue(prop);
+              return style;
+            } else {
+              // value set using `:` in a single line string
+              var attrs = prop.split(';');
+              for (var i = 0; i < attrs.length; i++) {
+                var parts = attrs[i].split(':');
+                if (parts[0] && parts[1]) {
+                  this.elt.style[parts[0].trim()] = parts[1].trim();
+                }
+              }
+            }
+          } else {
+            // input provided as key,val pair
+            this.elt.style[prop] = val;
+            if (prop === 'width' || prop === 'height' || prop === 'left' || prop === 'top') {
+              var _styles = window.getComputedStyle(self.elt);
+              var styleVal = _styles.getPropertyValue(prop);
+              var numVal = styleVal.replace(/[^\d.]/g, '');
+              this[prop] = Math.round(parseFloat(numVal, 10));
+            }
+          }
+          return this;
+        };
+        /**
+ * Adds an
+ * <a href="https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started#attributes" target="_blank">attribute</a>
+ * to the element. This method is useful for advanced tasks.
+ *
+ * Most commonly-used attributes, such as `id`, can be set with their
+ * dedicated methods. For example, `nextButton.id('next')` sets an element's
+ * `id` attribute.
+ *
+ * The first parameter, `attr`, is the attribute's name as a string. Calling
+ * `myElement.attribute('align')` returns the attribute's current value as a
+ * string or `null` if it hasn't been set.
+ *
+ * The second parameter, `value`, is optional. It's a string used to set the
+ * attribute's value. For example, calling
+ * `myElement.attribute('align', 'center')` sets the element's horizontal
+ * alignment to `center`.
+ *
+ * @method attribute
+ * @return {String} value of the attribute.
+ *
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   // Create a container div and
+ *   // place it at the top-left
+ *   // corner.
+ *   let container = createDiv();
+ *   container.position(0, 0);
+ *
+ *   // Create a paragraph element
+ *   // and place it within the container.
+ *   // Set its horizontal alignment to
+ *   // "left".
+ *   let p1 = createP('hi');
+ *   p1.parent(container);
+ *   p1.attribute('align', 'left');
+ *
+ *   // Create a paragraph element
+ *   // and place it within the container.
+ *   // Set its horizontal alignment to
+ *   // "center".
+ *   let p2 = createP('hi');
+ *   p2.parent(container);
+ *   p2.attribute('align', 'center');
+ *
+ *   // Create a paragraph element
+ *   // and place it within the container.
+ *   // Set its horizontal alignment to
+ *   // "right".
+ *   let p3 = createP('hi');
+ *   p3.parent(container);
+ *   p3.attribute('align', 'right');
+ *
+ *   describe('A gray square with the text "hi" written on three separate lines, each placed further to the right.');
+ * }
+ * </code>
+ * </div>
+ */
+        /**
+ * @method attribute
+ * @param  {String} attr       attribute to set.
+ * @param  {String} value      value to assign to the attribute.
+ * @chainable
+ */
+        _main.default.Element.prototype.attribute = function (attr, value) {
+          //handling for checkboxes and radios to ensure options get
+          //attributes not divs
+          if (this.elt.firstChild != null && (this.elt.firstChild.type === 'checkbox' || this.elt.firstChild.type === 'radio')) {
+            if (typeof value === 'undefined') {
+              return this.elt.firstChild.getAttribute(attr);
+            } else {
+              for (var i = 0; i < this.elt.childNodes.length; i++) {
+                this.elt.childNodes[i].setAttribute(attr, value);
+              }
+            }
+          } else if (typeof value === 'undefined') {
+            return this.elt.getAttribute(attr);
+          } else {
+            this.elt.setAttribute(attr, value);
+            return this;
+          }
+        };
+        /**
+ * Removes an attribute from the element.
+ *
+ * The parameter `attr` is the attribute's name as a string. For example,
+ * calling `myElement.removeAttribute('align')` removes its `align`
+ * attribute if it's been set.
+ *
+ * @method removeAttribute
+ * @param  {String} attr       attribute to remove.
+ * @chainable
+ *
+ * @example
+ * <div>
+ * <code>
+ * let p;
+ *
+ * function setup() {
+ *   background(200);
+ *
+ *   // Create a paragraph element and place it
+ *   // in the center of the canvas.
+ *   // Set its "align" attribute to "center".
+ *   p = createP('hi');
+ *   p.position(0, 20);
+ *   p.attribute('align', 'center');
+ *
+ *   describe('The text "hi" written in black at the center of a gray square. The text moves to the left edge when double-clicked.');
+ * }
+ *
+ * function doubleClicked() {
+ *   p.removeAttribute('align');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.Element.prototype.removeAttribute = function (attr) {
+          if (this.elt.firstChild != null && (this.elt.firstChild.type === 'checkbox' || this.elt.firstChild.type === 'radio')) {
+            for (var i = 0; i < this.elt.childNodes.length; i++) {
+              this.elt.childNodes[i].removeAttribute(attr);
+            }
+          }
+          this.elt.removeAttribute(attr);
+          return this;
+        };
+        /**
+ * Returns or sets the element's value.
+ *
+ * Calling `myElement.value()` returns the element's current value.
+ *
+ * The parameter, `value`, is an optional number or string. If provided,
+ * as in `myElement.value(123)`, it's used to set the element's value.
+ *
+ * @method value
+ * @return {String|Number} value of the element.
+ * @example
+ * <div>
+ * <code>
+ * let inp;
+ *
+ * function setup() {
+ *   // Create a text input and place it
+ *   // beneath the canvas. Set its default
+ *   // value to "hello".
+ *   inp = createInput('hello');
+ *   inp.position(0, 100);
+ *
+ *   describe('The text from an input box is displayed on a gray square.');
+ * }
+ *
+ * function draw() {
+ *   background(200);
+ *
+ *   // Use the input's value to display a message.
+ *   let msg = inp.value();
+ *   text(msg, 0, 55);
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let inp;
+ *
+ * function setup() {
+ *   // Create a text input and place it
+ *   // beneath the canvas. Set its default
+ *   // value to "hello".
+ *   inp = createInput('hello');
+ *   inp.position(0, 100);
+ *
+ *   describe('The text from an input box is displayed on a gray square. The text resets to "hello" when the user double-clicks the square.');
+ * }
+ *
+ * function draw() {
+ *   background(200);
+ *
+ *   // Use the input's value to display a message.
+ *   let msg = inp.value();
+ *   text(msg, 0, 55);
+ * }
+ *
+ * // Reset the input's value.
+ * function doubleClicked() {
+ *   inp.value('hello');
+ * }
+ * </code>
+ * </div>
+ */
+        /**
+ * @method value
+ * @param  {String|Number}     value
+ * @chainable
+ */
+        _main.default.Element.prototype.value = function () {
+          if (arguments.length > 0) {
+            this.elt.value = arguments.length <= 0 ? undefined : arguments[0];
+            return this;
+          } else {
+            if (this.elt.type === 'range') {
+              return parseFloat(this.elt.value);
+            } else return this.elt.value;
+          }
+        };
+        /**
+ * Shows the current element.
+ *
+ * @method show
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * let p;
+ *
+ * function setup() {
+ *   background(200);
+ *
+ *   // Create a paragraph element and hide it.
+ *   p = createP('p5*js');
+ *   p.position(10, 10);
+ *   p.hide();
+ *
+ *   describe('A gray square. The text "p5*js" appears when the user double-clicks the square.');
+ * }
+ *
+ * // Show the paragraph when double-clicked.
+ * function doubleClicked() {
+ *   p.show();
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.Element.prototype.show = function () {
+          this.elt.style.display = 'block';
+          return this;
+        };
+        /**
+ * Hides the current element.
+ *
+ * @method hide
+ * @chainable
+ * @example
+ * let p;
+ *
+ * function setup() {
+ *   background(200);
+ *
+ *   // Create a paragraph element.
+ *   p = createP('p5*js');
+ *   p.position(10, 10);
+ *
+ *   describe('The text "p5*js" at the center of a gray square. The text disappears when the user double-clicks the square.');
+ * }
+ *
+ * // Hide the paragraph when double-clicked.
+ * function doubleClicked() {
+ *   p.hide();
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.Element.prototype.hide = function () {
+          this.elt.style.display = 'none';
+          return this;
+        };
+        /**
+ * Sets the element's width and height.
+ *
+ * Calling `myElement.size()` without an argument returns the element's size
+ * as an object with the properties `width` and `height`. For example,
+ *  `{ width: 20, height: 10 }`.
+ *
+ * The first parameter, `width`, is optional. It's a number used to set the
+ * element's width. Calling `myElement.size(10)`
+ *
+ * The second parameter, 'height`, is also optional. It's a
+ * number used to set the element's height. For example, calling
+ * `myElement.size(20, 10)` sets the element's width to 20 pixels and height
+ * to 10 pixels.
+ *
+ * The constant `AUTO` can be used to adjust one dimension at a time while
+ * maintaining the aspect ratio, which is `width / height`. For example,
+ * consider an element that's 200 pixels wide and 100 pixels tall. Calling
+ * `myElement.size(20, AUTO)` sets the width to 20 pixels and height to 10
+ * pixels.
+ *
+ * Note: In the case of elements that need to load data, such as images, wait
+ * to call `myElement.size()` until after the data loads.
+ *
+ * @method size
+ * @return {Object} width and height of the element in an object.
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   background(200);
+ *
+ *   // Create a pink div element and place it at
+ *   // the top-left corner.
+ *   let div = createDiv();
+ *   div.position(10, 10);
+ *   div.style('background-color', 'deeppink');
+ *
+ *   // Set the div's width to 80 pixels and
+ *   // height to 20 pixels.
+ *   div.size(80, 20);
+ *
+ *   describe('A gray square with a pink rectangle near its top.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function setup() {
+ *   background(200);
+ *
+ *   // Create a pink div element and place it at
+ *   // the top-left corner.
+ *   let div = createDiv();
+ *   div.position(10, 10);
+ *   div.style('background-color', 'deeppink');
+ *
+ *   // Set the div's width to 80 pixels and
+ *   // height to 40 pixels.
+ *   div.size(80, 40);
+ *
+ *   // Get the div's size as an object.
+ *   let s = div.size();
+ *   // Write the div's dimensions.
+ *   div.html(`${s.width} x ${s.height}`);
+ *
+ *   describe('A gray square with a pink rectangle near its top. The text "80 x 40" is written within the rectangle.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function setup() {
+ *   background(200);
+ *
+ *   // Load an image of an astronaut on the moon
+ *   // and place it at the top-left of the canvas.
+ *   let img1 = createImg(
+ *     'assets/moonwalk.jpg',
+ *     'An astronaut walking on the moon',
+ *     ''
+ *   );
+ *   img1.position(0, 0);
+ *
+ *   // Load an image of an astronaut on the moon
+ *   // and place it at the top-left of the canvas.
+ *   // Resize the image once it's loaded.
+ *   let img2 = createImg(
+ *     'assets/moonwalk.jpg',
+ *     'An astronaut walking on the moon',
+ *     '',
+ *     () => {
+ *       img2.size(50, AUTO);
+ *     }
+ *   );
+ *   img2.position(0, 0);
+ *
+ *   describe('A gray square two copies of a space image at the top-left. The copy in front is smaller.');
+ * }
+ * </code>
+ * </div>
+ */
+        /**
+ * @method size
+ * @param  {Number|Constant} w   width of the element, either AUTO, or a number.
+ * @param  {Number|Constant} [h] height of the element, either AUTO, or a number.
+ * @chainable
+ */
+        _main.default.Element.prototype.size = function (w, h) {
+          if (arguments.length === 0) {
+            return {
+              width: this.elt.offsetWidth,
+              height: this.elt.offsetHeight
+            };
+          } else {
+            var aW = w;
+            var aH = h;
+            var AUTO = _main.default.prototype.AUTO;
+            if (aW !== AUTO || aH !== AUTO) {
+              if (aW === AUTO) {
+                aW = h * this.width / this.height;
+              } else if (aH === AUTO) {
+                aH = w * this.height / this.width;
+              }              // set diff for cnv vs normal div
+
+              if (this.elt instanceof HTMLCanvasElement) {
+                var j = {
+                };
+                var k = this.elt.getContext('2d');
+                var prop;
+                for (prop in k) {
+                  j[prop] = k[prop];
+                }
+                this.elt.setAttribute('width', aW * this._pInst._pixelDensity);
+                this.elt.setAttribute('height', aH * this._pInst._pixelDensity);
+                this.elt.style.width = aW + 'px';
+                this.elt.style.height = aH + 'px';
+                this._pInst.scale(this._pInst._pixelDensity, this._pInst._pixelDensity);
+                for (prop in j) {
+                  this.elt.getContext('2d') [prop] = j[prop];
+                }
+              } else {
+                this.elt.style.width = aW + 'px';
+                this.elt.style.height = aH + 'px';
+                this.elt.width = aW;
+                this.elt.height = aH;
+              }
+              this.width = this.elt.offsetWidth;
+              this.height = this.elt.offsetHeight;
+              if (this._pInst && this._pInst._curElement) {
+                // main canvas associated with p5 instance
+                if (this._pInst._curElement.elt === this.elt) {
+                  this._pInst._setProperty('width', this.elt.offsetWidth);
+                  this._pInst._setProperty('height', this.elt.offsetHeight);
+                }
+              }
+            }
+            return this;
+          }
+        };
+        /**
+ * Removes the element, stops all audio/video streams, and removes all
+ * callback functions.
+ *
+ * @method remove
+ * @example
+ * <div>
+ * <code>
+ * let p;
+ *
+ * function setup() {
+ *   background(200);
+ *
+ *   // Create a paragraph element.
+ *   p = createP('p5*js');
+ *   p.position(10, 10);
+ *
+ *   describe('The text "p5*js" written at the center of a gray square. ');
+ * }
+ *
+ * // Remove the paragraph when double-clicked.
+ * function doubleClicked() {
+ *   p.remove();
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.Element.prototype.remove = function () {
+          // stop all audios/videos and detach all devices like microphone/camera etc
+          // used as input/output for audios/videos.
+          if (this instanceof _main.default.MediaElement) {
+            this.stop();
+            var sources = this.elt.srcObject;
+            if (sources !== null) {
+              var tracks = sources.getTracks();
+              tracks.forEach(function (track) {
+                track.stop();
+              });
+            }
+          }          // delete the reference in this._pInst._elements
+
+          var index = this._pInst._elements.indexOf(this);
+          if (index !== - 1) {
+            this._pInst._elements.splice(index, 1);
+          }          // deregister events
+
+          for (var ev in this._events) {
+            this.elt.removeEventListener(ev, this._events[ev]);
+          }
+          if (this.elt && this.elt.parentNode) {
+            this.elt.parentNode.removeChild(this.elt);
+          }
+        };
+        /**
+ * Sets a function to call when the user drops a file on the element.
+ *
+ * The first parameter, `callback`, is a function to call once the file loads.
+ * The callback function should have one parameter, `file`, that's a
+ * <a href="#/p5.File">p5.File</a> object. If the user drops multiple files on
+ * the element, `callback`, is called once for each file.
+ *
+ * The second parameter, `fxn`, is a function to call when the browser detects
+ * one or more dropped files. The callback function should have one
+ * parameter, `event`, that's a
+ * <a href="https://developer.mozilla.org/en-US/docs/Web/API/DragEvent">DragEvent</a>.
+ *
+ * @method drop
+ * @param  {Function} callback  called when a file loads. Called once for each file dropped.
+ * @param  {Function} [fxn]     called once when any files are dropped.
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * // Drop an image on the canvas to view
+ * // this example.
+ * let img;
+ *
+ * function setup() {
+ *   let c = createCanvas(100, 100);
+ *
+ *   background(200);
+ *
+ *   // Call a function when a file
+ *   // dropped on the canvas has
+ *   // loaded.
+ *   c.drop(file => {
+ *     // Remove the current image, if any.
+ *     if (img) {
+ *       img.remove();
+ *     }
+ *
+ *     // Create an <img> element with the
+ *     // dropped file.
+ *     img = createImg(file.data, '');
+ *     img.hide();
+ *
+ *     // Draw the image.
+ *     image(img, 0, 0, width, height);
+ *   });
+ *
+ *   describe('A gray square. When the user drops an image on the square, it is displayed.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * // Drop an image on the canvas to view
+ * // this example.
+ * let img;
+ * let msg;
+ *
+ * function setup() {
+ *   let c = createCanvas(100, 100);
+ *
+ *   background(200);
+ *
+ *   // Call functions when the user
+ *   // drops a file on the canvas
+ *   // and when the file loads.
+ *   c.drop(handleFile, handleDrop);
+ *
+ *   describe('A gray square. When the user drops an image on the square, it is displayed. The id attribute of canvas element is also displayed.');
+ * }
+ *
+ * function handleFile(file) {
+ *   // Remove the current image, if any.
+ *   if (img) {
+ *     img.remove();
+ *   }
+ *
+ *   // Create an <img> element with the
+ *   // dropped file.
+ *   img = createImg(file.data, '');
+ *   img.hide();
+ *
+ *   // Draw the image.
+ *   image(img, 0, 0, width, height);
+ * }
+ *
+ * function handleDrop(event) {
+ *   // Remove current paragraph, if any.
+ *   if (msg) {
+ *     msg.remove();
+ *   }
+ *
+ *   // Use event to get the drop
+ *   // target's id.
+ *   let id = event.target.id;
+ *
+ *   // Write the canvas' id
+ *   // beneath it.
+ *   msg = createP(id);
+ *   msg.position(0, 100);
+ *
+ *   // Set the font color
+ *   // randomly for each drop.
+ *   let c = random(['red', 'green', 'blue']);
+ *   msg.style('color', c);
+ *   msg.style('font-size', '12px');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.Element.prototype.drop = function (callback, fxn) {
+          // Is the file stuff supported?
+          if (window.File && window.FileReader && window.FileList && window.Blob) {
+            if (!this._dragDisabled) {
+              this._dragDisabled = true;
+              var preventDefault = function preventDefault(evt) {
+                evt.preventDefault();
+              };
+              // If you want to be able to drop you've got to turn off
+              // a lot of default behavior.
+              // avoid `attachListener` here, since it overrides other handlers.
+              this.elt.addEventListener('dragover', preventDefault);
+              // If this is a drag area we need to turn off the default behavior
+              this.elt.addEventListener('dragleave', preventDefault);
+            }            // Deal with the files
+
+            _main.default.Element._attachListener('drop', function (evt) {
+              evt.preventDefault();
+              // Call the second argument as a callback that receives the raw drop event
+              if (typeof fxn === 'function') {
+                fxn.call(this, evt);
+              }              // A FileList
+
+              var files = evt.dataTransfer.files;
+              // Load each one and trigger the callback
+              var _iteratorNormalCompletion10 = true;
+              var _didIteratorError10 = false;
+              var _iteratorError10 = undefined;
+              try {
+                for (var _iterator10 = files[Symbol.iterator](), _step10; !(_iteratorNormalCompletion10 = (_step10 = _iterator10.next()).done); _iteratorNormalCompletion10 = true) {
+                  var f = _step10.value;
+                  _main.default.File._load(f, callback);
+                }
+              } catch (err) {
+                _didIteratorError10 = true;
+                _iteratorError10 = err;
+              } finally {
+                try {
+                  if (!_iteratorNormalCompletion10 && _iterator10.return != null) {
+                    _iterator10.return();
+                  }
+                } finally {
+                  if (_didIteratorError10) {
+                    throw _iteratorError10;
+                  }
+                }
+              }
+            }, this);
+          } else {
+            console.log('The File APIs are not fully supported in this browser.');
+          }
+          return this;
+        };
+        /**
+ * Turns p5.Element into a draggable item. If an argument is given, it will drag that p5.Element instead, ie. drag a entire GUI panel (parent container) with the panel's title bar.
+ *
+ * @method draggable
+ * @param  {p5.Element} [elmnt]       pass another p5.Element
+ * @chainable
+ *
+ * @example
+ * <div><code>
+ * function setup() {
+ *   createCanvas(100, 100);
+ *   background(200);
+ *
+ *   createDiv('Post-It')
+ *     .position(5, 5)
+ *     .size(75, 20)
+ *     .style('font-size', '16px')
+ *     .style('background', 'yellow')
+ *     .style('color', '#000')
+ *     .style('border', '1px solid #aaaa00')
+ *     .style('padding', '5px')
+ *     .draggable();
+ *   // .style('cursor', 'help') // override cursor
+ *
+ *   let gui = createDiv('')
+ *     .position(5, 40)
+ *     .size(85, 50)
+ *     .style('font-size', '16px')
+ *     .style('background', 'yellow')
+ *     .style('z-index', '100')
+ *     .style('border', '1px solid #00aaaa');
+ *
+ *   createDiv('= PANEL =')
+ *     .parent(gui)
+ *     .style('background', 'cyan')
+ *     .style('padding', '2px')
+ *     .style('text-align', 'center')
+ *     .draggable(gui);
+ *
+ *   createSlider(0, 100, random(100))
+ *     .style('cursor', 'pointer')
+ *     .size(80, 5)
+ *     .parent(gui);
+ * }
+ * </code></div>
+ */
+        _main.default.Element.prototype.draggable = function (elmMove) {
+          var isTouch = ('ontouchstart' in window);
+          var x = 0,
+          y = 0,
+          px = 0,
+          py = 0,
+          elmDrag,
+          dragMouseDownEvt = isTouch ? 'touchstart' : 'mousedown',
+          closeDragElementEvt = isTouch ? 'touchend' : 'mouseup',
+          elementDragEvt = isTouch ? 'touchmove' : 'mousemove';
+          if (elmMove === undefined) {
+            elmMove = this.elt;
+            elmDrag = elmMove;
+          } else if (elmMove !== this.elt && elmMove.elt !== this.elt) {
+            elmMove = elmMove.elt;
+            elmDrag = this.elt;
+          }
+          elmDrag.addEventListener(dragMouseDownEvt, dragMouseDown, false);
+          elmDrag.style.cursor = 'move';
+          function dragMouseDown(e) {
+            e = e || window.event;
+            if (isTouch) {
+              var touches = e.changedTouches;
+              px = parseInt(touches[0].clientX);
+              py = parseInt(touches[0].clientY);
+            } else {
+              px = parseInt(e.clientX);
+              py = parseInt(e.clientY);
+            }
+            document.addEventListener(closeDragElementEvt, closeDragElement, false);
+            document.addEventListener(elementDragEvt, elementDrag, false);
+            return false;
+          }
+          function elementDrag(e) {
+            e = e || window.event;
+            if (isTouch) {
+              var touches = e.changedTouches;
+              x = px - parseInt(touches[0].clientX);
+              y = py - parseInt(touches[0].clientY);
+              px = parseInt(touches[0].clientX);
+              py = parseInt(touches[0].clientY);
+            } else {
+              x = px - parseInt(e.clientX);
+              y = py - parseInt(e.clientY);
+              px = parseInt(e.clientX);
+              py = parseInt(e.clientY);
+            }
+            elmMove.style.left = elmMove.offsetLeft - x + 'px';
+            elmMove.style.top = elmMove.offsetTop - y + 'px';
+          }
+          function closeDragElement() {
+            document.removeEventListener(closeDragElementEvt, closeDragElement, false);
+            document.removeEventListener(elementDragEvt, elementDrag, false);
+          }
+          return this;
+        };
+        /*** SCHEDULE EVENTS ***/
+        // Cue inspired by JavaScript setTimeout, and the
+        // Tone.js Transport Timeline Event, MIT License Yotam Mann 2015 tonejs.org
+        // eslint-disable-next-line no-unused-vars
+        var Cue = function Cue(callback, time, id, val) {
+          _classCallCheck(this, Cue);
+          this.callback = callback;
+          this.time = time;
+          this.id = id;
+          this.val = val;
+        }; // =============================================================================
+        //                         p5.MediaElement additions
+        // =============================================================================
+        /**
+ * A class to handle audio and video.
+ *
+ * `p5.MediaElement` extends <a href="#/p5.Element">p5.Element</a> with
+ * methods to handle audio and video. `p5.MediaElement` objects are created by
+ * calling <a href="#/p5/createVideo">createVideo</a>,
+ * <a href="#/p5/createAudio">createAudio</a>, and
+ * <a href="#/p5/createCapture">createCapture</a>.
+ *
+ * @class p5.MediaElement
+ * @constructor
+ * @param {String} elt DOM node that is wrapped
+ * @extends p5.Element
+ * @example
+ * <div class='notest'>
+ * <code>
+ * let capture;
+ *
+ * function setup() {
+ *   createCanvas(100, 100);
+ *
+ *   // Create a p5.MediaElement using createCapture().
+ *   capture = createCapture(VIDEO);
+ *   capture.hide();
+ * }
+ *
+ * function draw() {
+ *   // Display the video stream and invert the colors.
+ *   image(capture, 0, 0, width, width * capture.height / capture.width);
+ *   filter(INVERT);
+ * }
+ * </code>
+ * </div>
+ */
+        var MediaElement = /*#__PURE__*/ function (_p5$Element) {
+          _inherits(MediaElement, _p5$Element);
+          var _super = _createSuper(MediaElement);
+          function MediaElement(elt, pInst) {
+            var _this;
+            _classCallCheck(this, MediaElement);
+            _this = _super.call(this, elt, pInst);
+            var self = _assertThisInitialized(_this);
+            _this.elt.crossOrigin = 'anonymous';
+            _this._prevTime = 0;
+            _this._cueIDCounter = 0;
+            _this._cues = [
+            ];
+            _this.pixels = [
+            ];
+            _this._pixelsState = _assertThisInitialized(_this);
+            _this._pixelDensity = 1;
+            _this._modified = false;
+            // Media has an internal canvas that is used when drawing it to the main
+            // canvas. It will need to be updated each frame as the video itself plays.
+            // We don't want to update it every time we draw, however, in case the user
+            // has used load/updatePixels. To handle this, we record the frame drawn to
+            // the internal canvas so we only update it if the frame has changed.
+            _this._frameOnCanvas = - 1;
+            /**
+     * Path to the media element's source as a string.
+     *
+     * @property src
+     * @return {String} src
+     * @example
+     * <div>
+     * <code>
+     * let beat;
+     *
+     * function setup() {
+     *   // Create a p5.MediaElement using createAudio().
+     *   beat = createAudio('assets/beat.mp3');
+     *
+     *   describe('The text "https://p5js.org/reference/assets/beat.mp3" written in black on a gray background.');
+     * }
+     *
+     * function draw() {
+     *   background(200);
+     *
+     *   textWrap(CHAR);
+     *   text(beat.src, 10, 10, 80, 80);
+     * }
+     * </code>
+     * </div>
+     */
+            Object.defineProperty(self, 'src', {
+              get: function get() {
+                var firstChildSrc = self.elt.children[0].src;
+                var srcVal = self.elt.src === window.location.href ? '' : self.elt.src;
+                var ret = firstChildSrc === window.location.href ? srcVal : firstChildSrc;
+                return ret;
+              },
+              set: function set(newValue) {
+                for (var i = 0; i < self.elt.children.length; i++) {
+                  self.elt.removeChild(self.elt.children[i]);
+                }
+                var source = document.createElement('source');
+                source.src = newValue;
+                elt.appendChild(source);
+                self.elt.src = newValue;
+                self.modified = true;
+              }
+            });
+            // private _onended callback, set by the method: onended(callback)
+            self._onended = function () {
+            };
+            self.elt.onended = function () {
+              self._onended(self);
+            };
+            return _this;
+          }          /**
+   * Play audio or video from a media element.
+   *
+   * @method play
+   * @chainable
+   * @example
+   * <div>
+   * <code>
+   * let beat;
+   *
+   * function setup() {
+   *   background(200);
+   *
+   *   textAlign(CENTER);
+   *   text('Click to play', 50, 50);
+   *
+   *   // Create a p5.MediaElement using createAudio().
+   *   beat = createAudio('assets/beat.mp3');
+   *
+   *   describe('The text "Click to play" written in black on a gray background. A beat plays when the user clicks the square.');
+   * }
+   *
+   * // Play the beat when the user
+   * // presses the mouse.
+   * function mousePressed() {
+   *   beat.play();
+   * }
+   * </code>
+   * </div>
+   */
+
+          _createClass(MediaElement, [
+            {
+              key: 'play',
+              value: function play() {
+                var _this2 = this;
+                if (this.elt.currentTime === this.elt.duration) {
+                  this.elt.currentTime = 0;
+                }
+                var promise;
+                if (this.elt.readyState > 1) {
+                  promise = this.elt.play();
+                } else {
+                  // in Chrome, playback cannot resume after being stopped and must reload
+                  this.elt.load();
+                  promise = this.elt.play();
+                }
+                if (promise && promise.catch) {
+                  promise.catch(function (e) {
+                    // if it's an autoplay failure error
+                    if (e.name === 'NotAllowedError') {
+                      if (typeof IS_MINIFIED === 'undefined') {
+                        _main.default._friendlyAutoplayError(_this2.src);
+                      } else {
+                        console.error(e);
+                      }
+                    } else {
+                      // any other kind of error
+                      console.error('Media play method encountered an unexpected error', e);
+                    }
+                  });
+                }
+                return this;
+              }              /**
+     * Stops a media element and sets its current time to zero. Calling
+     * `media.play()` will restart playing audio/video from the beginning.
+     *
+     * @method stop
+     * @chainable
+     * @example
+     * <div>
+     * <code>
+     * let beat;
+     * let isStopped = true;
+     *
+     * function setup() {
+     *   // Create a p5.MediaElement using createAudio().
+     *   beat = createAudio('assets/beat.mp3');
+     *
+     *   describe('The text "Click to start" written in black on a gray background. The beat starts or stops when the user presses the mouse.');
+     * }
+     *
+     * function draw() {
+     *   background(200);
+     *
+     *   textAlign(CENTER);
+     *   if (isStopped === true) {
+     *     text('Click to start', 50, 50);
+     *   } else {
+     *     text('Click to stop', 50, 50);
+     *   }
+     * }
+     *
+     * // Adjust playback when the user
+     * // presses the mouse.
+     * function mousePressed() {
+     *   if (isStopped === true) {
+     *     // If the beat is stopped,
+     *     // play it.
+     *     beat.play();
+     *     isStopped = false;
+     *   } else {
+     *     // If the beat is playing,
+     *     // stop it.
+     *     beat.stop();
+     *     isStopped = true;
+     *   }
+     * }
+     * </code>
+     * </div>
+     */
+
+            },
+            {
+              key: 'stop',
+              value: function stop() {
+                this.elt.pause();
+                this.elt.currentTime = 0;
+                return this;
+              }              /**
+     * Pauses a media element. Calling `media.play()` will resume playing
+     * audio/video from the moment it paused.
+     *
+     * @method pause
+     * @chainable
+     * @example
+     * <div>
+     * <code>
+     * let beat;
+     * let isPaused = true;
+     *
+     * function setup() {
+     *   // Create a p5.MediaElement using createAudio().
+     *   beat = createAudio('assets/beat.mp3');
+     *
+     *   describe('The text "Click to play" written in black on a gray background. The beat plays or pauses when the user clicks the square.');
+     * }
+     *
+     * function draw() {
+     *   background(200);
+     *
+     *   // Display different instructions
+     *   // based on playback.
+     *   textAlign(CENTER);
+     *   if (isPaused === true) {
+     *     text('Click to play', 50, 50);
+     *   } else {
+     *     text('Click to pause', 50, 50);
+     *   }
+     * }
+     *
+     * // Adjust playback when the user
+     * // presses the mouse.
+     * function mousePressed() {
+     *   if (isPaused === true) {
+     *     // If the beat is paused,
+     *     // play it.
+     *     beat.play();
+     *     isPaused = false;
+     *   } else {
+     *     // If the beat is playing,
+     *     // pause it.
+     *     beat.pause();
+     *     isPaused = true;
+     *   }
+     * }
+     * </code>
+     * </div>
+     */
+
+            },
+            {
+              key: 'pause',
+              value: function pause() {
+                this.elt.pause();
+                return this;
+              }              /**
+     * Play the audio/video repeatedly in a loop.
+     *
+     * @method loop
+     * @chainable
+     * @example
+     * <div>
+     * <code>
+     * let beat;
+     * let isLooping = false;
+     *
+     * function setup() {
+     *   background(200);
+     *
+     *   // Create a p5.MediaElement using createAudio().
+     *   beat = createAudio('assets/beat.mp3');
+     *
+     *   describe('The text "Click to loop" written in black on a gray background. A beat plays repeatedly in a loop when the user clicks. The beat stops when the user clicks again.');
+     * }
+     *
+     * function draw() {
+     *   background(200);
+     *
+     *   // Display different instructions
+     *   // based on playback.
+     *   textAlign(CENTER);
+     *   if (isLooping === true) {
+     *     text('Click to stop', 50, 50);
+     *   } else {
+     *     text('Click to loop', 50, 50);
+     *   }
+     * }
+     *
+     * // Adjust playback when the user
+     * // presses the mouse.
+     * function mousePressed() {
+     *   if (isLooping === true) {
+     *     // If the beat is looping,
+     *     // stop it.
+     *     beat.stop();
+     *     isLooping = false;
+     *   } else {
+     *     // If the beat is stopped,
+     *     // loop it.
+     *     beat.loop();
+     *     isLooping = true;
+     *   }
+     * }
+     * </code>
+     * </div>
+     */
+
+            },
+            {
+              key: 'loop',
+              value: function loop() {
+                this.elt.setAttribute('loop', true);
+                this.play();
+                return this;
+              }              /**
+     * Stops the audio/video from playing in a loop. It will stop when it
+     * reaches the end.
+     *
+     * @method noLoop
+     * @chainable
+     * @example
+     * <div>
+     * <code>
+     * let beat;
+     * let isPlaying = false;
+     *
+     * function setup() {
+     *   background(200);
+     *
+     *   // Create a p5.MediaElement using createAudio().
+     *   beat = createAudio('assets/beat.mp3');
+     *
+     *   describe('The text "Click to play" written in black on a gray background. A beat plays when the user clicks. The beat stops when the user clicks again.');
+     * }
+     *
+     * function draw() {
+     *   background(200);
+     *
+     *   // Display different instructions
+     *   // based on playback.
+     *   textAlign(CENTER);
+     *   if (isPlaying === true) {
+     *     text('Click to stop', 50, 50);
+     *   } else {
+     *     text('Click to play', 50, 50);
+     *   }
+     * }
+     *
+     * // Adjust playback when the user
+     * // presses the mouse.
+     * function mousePressed() {
+     *   if (isPlaying === true) {
+     *     // If the beat is playing,
+     *     // stop it.
+     *     beat.stop();
+     *     isPlaying = false;
+     *   } else {
+     *     // If the beat is stopped,
+     *     // play it.
+     *     beat.play();
+     *     isPlaying = true;
+     *   }
+     * }
+     * </code>
+     * </div>
+     */
+
+            },
+            {
+              key: 'noLoop',
+              value: function noLoop() {
+                this.elt.removeAttribute('loop');
+                return this;
+              }              /**
+     * Sets up logic to check that autoplay succeeded.
+     *
+     * @method setupAutoplayFailDetection
+     * @private
+     */
+
+            },
+            {
+              key: '_setupAutoplayFailDetection',
+              value: function _setupAutoplayFailDetection() {
+                var _this3 = this;
+                var timeout = setTimeout(function () {
+                  if (typeof IS_MINIFIED === 'undefined') {
+                    _main.default._friendlyAutoplayError(_this3.src);
+                  } else {
+                    console.error(e);
+                  }
+                }, 500);
+                this.elt.addEventListener('play', function () {
+                  return clearTimeout(timeout);
+                }, {
+                  passive: true,
+                  once: true
+                });
+              }              /**
+     * Sets the audio/video to play once it's loaded.
+     *
+     * The parameter, `shouldAutoplay`, is optional. Calling
+     * `media.autoplay()` without an argument causes the media to play
+     * automatically. If `true` is passed, as in `media.autoplay(true)`, the
+     * media will automatically play. If `false` is passed, as in
+     * `media.autoPlay(false)`, it won't play automatically.
+     *
+     * @method autoplay
+     * @param {Boolean} [shouldAutoplay] whether the element should autoplay.
+     * @chainable
+     * @example
+     * <div class='notest'>
+     * <code>
+     * function setup() {
+     *   noCanvas();
+     *
+     *   // Load a video and play it automatically.
+     *   let video = createVideo('assets/fingers.mov', () => {
+     *     video.autoplay();
+     *     video.size(100, 100);
+     *   });
+     *
+     *   describe('A video of fingers walking on a treadmill.');
+     * }
+     * </code>
+     * </div>
+     *
+     * <div class='notest'>
+     * <code>
+     * function setup() {
+     *   noCanvas();
+     *
+     *   // Load a video, but don't play it automatically.
+     *   let video = createVideo('assets/fingers.mov', () => {
+     *     video.autoplay(false);
+     *     video.size(100, 100);
+     *   });
+     *
+     *   // Play the video when the user clicks on it.
+     *   video.mousePressed(() => {
+     *     video.play();
+     *   });
+     *
+     *   describe('An image of fingers on a treadmill. They start walking when the user double-clicks on them.');
+     * }
+     * </code>
+     * </div>
+     */
+
+            },
+            {
+              key: 'autoplay',
+              value: function autoplay(val) {
+                var _this4 = this;
+                var oldVal = this.elt.getAttribute('autoplay');
+                this.elt.setAttribute('autoplay', val);
+                // if we turned on autoplay
+                if (val && !oldVal) {
+                  // bind method to this scope
+                  var setupAutoplayFailDetection = function setupAutoplayFailDetection() {
+                    return _this4._setupAutoplayFailDetection();
+                  };
+                  // if media is ready to play, schedule check now
+                  if (this.elt.readyState === 4) {
+                    setupAutoplayFailDetection();
+                  } else {
+                    // otherwise, schedule check whenever it is ready
+                    this.elt.addEventListener('canplay', setupAutoplayFailDetection, {
+                      passive: true,
+                      once: true
+                    });
+                  }
+                }
+                return this;
+              }              /**
+     * Manages the audio/video volume.
+     *
+     * Calling `media.volume()` without an argument returns the current volume
+     * as a number in the range 0 (off) to 1 (maximum).
+     *
+     * The parameter, `val`, is optional. It's a number that sets the volume
+     * from 0 (off) to 1 (maximum). For example, calling `media.volume(0.5)`
+     * sets the volume to half of its maximum.
+     *
+     * @method volume
+     * @return {Number} current volume.
+     *
+     * @example
+     * <div>
+     * <code>
+     * let dragon;
+     *
+     * function setup() {
+     *   // Create a p5.MediaElement using createAudio().
+     *   dragon = createAudio('assets/lucky_dragons.mp3');
+     *   // Show the default media controls.
+     *   dragon.showControls();
+     *
+     *   describe('The text "Volume: V" on a gray square with media controls beneath it. The number "V" oscillates between 0 and 1 as the music plays.');
+     * }
+     *
+     * function draw() {
+     *   background(200);
+     *
+     *   // Produce a number between 0 and 1.
+     *   let n = 0.5 * sin(frameCount * 0.01) + 0.5;
+     *   // Use n to set the volume.
+     *   dragon.volume(n);
+     *
+     *   // Get the current volume
+     *   // and display it.
+     *   let v = dragon.volume();
+     *   // Round v to 1 decimal place
+     *   // for display.
+     *   v = round(v, 1);
+     *   textAlign(CENTER);
+     *   text(`Volume: ${v}`, 50, 50);
+     * }
+     * </code>
+     * </div>
+     */
+              /**
+     * @method volume
+     * @param {Number}            val volume between 0.0 and 1.0.
+     * @chainable
+     */
+
+            },
+            {
+              key: 'volume',
+              value: function volume(val) {
+                if (typeof val === 'undefined') {
+                  return this.elt.volume;
+                } else {
+                  this.elt.volume = val;
+                }
+              }              /**
+     * Manages the audio/video playback speed. Calling `media.speed()` returns
+     * the current speed as a number.
+     *
+     * The parameter, `val`, is optional. It's a number that sets the playback
+     * speed. 1 plays the media at normal speed, 0.5 plays it at half speed, 2
+     * plays it at double speed, and so on. -1 plays the media at normal speed
+     * in reverse.
+     *
+     * Note: Not all browsers support backward playback. Even if they do,
+     * playback might not be smooth.
+     *
+     * @method speed
+     * @return {Number} current playback speed.
+     *
+     * @example
+     * <div>
+     * <code>
+     * let dragon;
+     *
+     * function setup() {
+     *   // Create a p5.MediaElement using createAudio().
+     *   dragon = createAudio('assets/lucky_dragons.mp3');
+     *
+     *   // Show the default media controls.
+     *   dragon.showControls();
+     *
+     *   describe('The text "Speed: S" on a gray square with media controls beneath it. The number "S" oscillates between 0 and 1 as the music plays.');
+     * }
+     *
+     * function draw() {
+     *   background(200);
+     *
+     *   // Produce a number between 0 and 2.
+     *   let n = sin(frameCount * 0.01) + 1;
+     *   // Use n to set the playback speed.
+     *   dragon.speed(n);
+     *
+     *   // Get the current speed
+     *   // and display it.
+     *   let s = dragon.speed();
+     *   // Round s to 1 decimal place
+     *   // for display.
+     *   s = round(s, 1);
+     *   textAlign(CENTER);
+     *   text(`Speed: ${s}`, 50, 50);
+     * }
+     * </code>
+     */
+              /**
+     * @method speed
+     * @param {Number} speed  speed multiplier for playback.
+     * @chainable
+     */
+
+            },
+            {
+              key: 'speed',
+              value: function speed(val) {
+                if (typeof val === 'undefined') {
+                  return this.presetPlaybackRate || this.elt.playbackRate;
+                } else {
+                  if (this.loadedmetadata) {
+                    this.elt.playbackRate = val;
+                  } else {
+                    this.presetPlaybackRate = val;
+                  }
+                }
+              }              /**
+     * Manages the media element's playback time. Calling `media.time()`
+     * returns the number of seconds the audio/video has played. Time resets to
+     * 0 when the looping media restarts.
+     *
+     * The parameter, `time`, is optional. It's a number that specifies the
+     * time, in seconds, to jump to when playback begins.
+     *
+     * @method time
+     * @return {Number} current time (in seconds).
+     *
+     * @example
+     * <div>
+     * <code>
+     * let dragon;
+     *
+     * function setup() {
+     *   // Create a p5.MediaElement using createAudio().
+     *   dragon = createAudio('assets/lucky_dragons.mp3');
+     *   // Show the default media controls.
+     *   dragon.showControls();
+     *
+     *   describe('The text "S seconds" on a gray square with media controls beneath it. The number "S" increases as the song plays.');
+     * }
+     *
+     * function draw() {
+     *   background(200);
+     *
+     *   // Display the current time.
+     *   let s = dragon.time();
+     *   // Round s to 1 decimal place
+     *   // for display.
+     *   s = round(s, 1);
+     *   textAlign(CENTER);
+     *   text(`${s} seconds`, 50, 50);
+     * }
+     * </code>
+     * </div>
+     *
+     * <div>
+     * <code>
+     * let dragon;
+     *
+     * function setup() {
+     *   // Create a p5.MediaElement using createAudio().
+     *   dragon = createAudio('assets/lucky_dragons.mp3');
+     *   // Show the default media controls.
+     *   dragon.showControls();
+     *
+     *   // Jump to 2 seconds
+     *   // to start.
+     *   dragon.time(2);
+     *
+     *   describe('The text "S seconds" on a gray square with media controls beneath it. The number "S" increases as the song plays.');
+     * }
+     *
+     * function draw() {
+     *   background(200);
+     *
+     *   // Display the current time.
+     *   let s = dragon.time();
+     *   // Round s to 1 decimal place
+     *   // for display.
+     *   s = round(s, 1);
+     *   textAlign(CENTER);
+     *   text(`${s} seconds`, 50, 50);
+     * }
+     * </code>
+     * </div>
+     */
+              /**
+     * @method time
+     * @param {Number} time time to jump to (in seconds).
+     * @chainable
+     */
+
+            },
+            {
+              key: 'time',
+              value: function time(val) {
+                if (typeof val === 'undefined') {
+                  return this.elt.currentTime;
+                } else {
+                  this.elt.currentTime = val;
+                  return this;
+                }
+              }              /**
+     * Returns the audio/video's duration in seconds.
+     *
+     * @method duration
+     * @return {Number} duration (in seconds).
+     *
+     * @example
+     * <div>
+     * <code>
+     * let dragon;
+     *
+     * function setup() {
+     *   background(200);
+     *
+     *   // Create a p5.MediaElement using createAudio().
+     *   dragon = createAudio('assets/lucky_dragons.mp3');
+     *   // Show the default media controls.
+     *   dragon.showControls();
+     *
+     *   describe('The text "S seconds left" on a gray square with media controls beneath it. The number "S" decreases as the song plays.');
+     * }
+     *
+     * function draw() {
+     *   background(200);
+     *
+     *   // Calculate the time remaining.
+     *   let s = dragon.duration() - dragon.time();
+     *   // Round s to 1 decimal place
+     *   // for display.
+     *   s = round(s, 1);
+     *
+     *   // Display the time remaining.
+     *   textAlign(CENTER);
+     *   text(`${s} seconds left`, 50, 50);
+     * }
+     * </code>
+     * </div>
+     */
+
+            },
+            {
+              key: 'duration',
+              value: function duration() {
+                return this.elt.duration;
+              }
+            },
+            {
+              key: '_ensureCanvas',
+              value: function _ensureCanvas() {
+                if (!this.canvas) {
+                  this.canvas = document.createElement('canvas');
+                  this.drawingContext = this.canvas.getContext('2d');
+                  this.setModified(true);
+                }                // Don't update the canvas again if we have already updated the canvas with
+                // the current frame
+
+                var needsRedraw = this._frameOnCanvas !== this._pInst.frameCount;
+                if (this.loadedmetadata && needsRedraw) {
+                  // wait for metadata for w/h
+                  if (this.canvas.width !== this.elt.width) {
+                    this.canvas.width = this.elt.width;
+                    this.canvas.height = this.elt.height;
+                    this.width = this.canvas.width;
+                    this.height = this.canvas.height;
+                  }
+                  this.drawingContext.clearRect(0, 0, this.canvas.width, this.canvas.height);
+                  this.drawingContext.drawImage(this.elt, 0, 0, this.canvas.width, this.canvas.height);
+                  this.setModified(true);
+                  this._frameOnCanvas = this._pInst.frameCount;
+                }
+              }
+            },
+            {
+              key: 'loadPixels',
+              value: function loadPixels() {
+                this._ensureCanvas();
+                for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+                  args[_key4] = arguments[_key4];
+                }
+                return _main.default.Renderer2D.prototype.loadPixels.apply(this, args);
+              }
+            },
+            {
+              key: 'updatePixels',
+              value: function updatePixels(x, y, w, h) {
+                if (this.loadedmetadata) {
+                  // wait for metadata
+                  this._ensureCanvas();
+                  _main.default.Renderer2D.prototype.updatePixels.call(this, x, y, w, h);
+                }
+                this.setModified(true);
+                return this;
+              }
+            },
+            {
+              key: 'get',
+              value: function get() {
+                this._ensureCanvas();
+                for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
+                  args[_key5] = arguments[_key5];
+                }
+                return _main.default.Renderer2D.prototype.get.apply(this, args);
+              }
+            },
+            {
+              key: '_getPixel',
+              value: function _getPixel() {
+                this.loadPixels();
+                for (var _len6 = arguments.length, args = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
+                  args[_key6] = arguments[_key6];
+                }
+                return _main.default.Renderer2D.prototype._getPixel.apply(this, args);
+              }
+            },
+            {
+              key: 'set',
+              value: function set(x, y, imgOrCol) {
+                if (this.loadedmetadata) {
+                  // wait for metadata
+                  this._ensureCanvas();
+                  _main.default.Renderer2D.prototype.set.call(this, x, y, imgOrCol);
+                  this.setModified(true);
+                }
+              }
+            },
+            {
+              key: 'copy',
+              value: function copy() {
+                this._ensureCanvas();
+                for (var _len7 = arguments.length, args = new Array(_len7), _key7 = 0; _key7 < _len7; _key7++) {
+                  args[_key7] = arguments[_key7];
+                }
+                _main.default.prototype.copy.apply(this, args);
+              }
+            },
+            {
+              key: 'mask',
+              value: function mask() {
+                this.loadPixels();
+                this.setModified(true);
+                for (var _len8 = arguments.length, args = new Array(_len8), _key8 = 0; _key8 < _len8; _key8++) {
+                  args[_key8] = arguments[_key8];
+                }
+                _main.default.Image.prototype.mask.apply(this, args);
+              }              /**
+     * helper method for web GL mode to figure out if the element
+     * has been modified and might need to be re-uploaded to texture
+     * memory between frames.
+     * @method isModified
+     * @private
+     * @return {boolean} a boolean indicating whether or not the
+     * image has been updated or modified since last texture upload.
+     */
+
+            },
+            {
+              key: 'isModified',
+              value: function isModified() {
+                return this._modified;
+              }              /**
+     * helper method for web GL mode to indicate that an element has been
+     * changed or unchanged since last upload. gl texture upload will
+     * set this value to false after uploading the texture; or might set
+     * it to true if metadata has become available but there is no actual
+     * texture data available yet..
+     * @method setModified
+     * @param {boolean} val sets whether or not the element has been
+     * modified.
+     * @private
+     */
+
+            },
+            {
+              key: 'setModified',
+              value: function setModified(value) {
+                this._modified = value;
+              }              /**
+     * Calls a function when the audio/video reaches the end of its playback
+     * The function won't be called if the media is looping.
+     *
+     * The `p5.MediaElement` is passed as an argument to the callback function.
+     *
+     * @method  onended
+     * @param  {Function} callback function to call when playback ends.
+     *                             The `p5.MediaElement` is passed as
+     *                             the argument.
+     * @chainable
+     * @example
+     * <div>
+     * <code>
+     * let beat;
+     * let isPlaying = false;
+     * let isDone = false;
+     *
+     * function setup() {
+     *
+     *   // Create a p5.MediaElement using createAudio().
+     *   beat = createAudio('assets/beat.mp3');
+     *
+     *   // Set isDone to false when
+     *   // the beat finishes.
+     *   beat.onended(() => {
+     *     isDone = true;
+     *   });
+     *
+     *   describe('The text "Click to play" written in black on a gray square. A beat plays when the user clicks. The text "Done!" appears when the beat finishes playing.');
+     * }
+     *
+     * function draw() {
+     *   background(200);
+     *
+     *   // Display different messages
+     *   // based on playback.
+     *   textAlign(CENTER);
+     *   if (isDone === true) {
+     *     text('Done!', 50, 50);
+     *   } else if (isPlaying === false) {
+     *     text('Click to play', 50, 50);
+     *   } else {
+     *     text('Playing...', 50, 50);
+     *   }
+     * }
+     *
+     * // Play the beat when the
+     * // user presses the mouse.
+     * function mousePressed() {
+     *   if (isPlaying === false) {
+     *     isPlaying = true;
+     *     beat.play();
+     *   }
+     * }
+     * </code>
+     * </div>
+     */
+
+            },
+            {
+              key: 'onended',
+              value: function onended(callback) {
+                this._onended = callback;
+                return this;
+              }              /*** CONNECT TO WEB AUDIO API / p5.sound.js ***/
+              /**
+     * Send the audio output of this element to a specified audioNode or
+     * p5.sound object. If no element is provided, connects to p5's main
+     * output. That connection is established when this method is first called.
+     * All connections are removed by the .disconnect() method.
+     *
+     * This method is meant to be used with the p5.sound.js addon library.
+     *
+     * @method  connect
+     * @param  {AudioNode|Object} audioNode AudioNode from the Web Audio API,
+     * or an object from the p5.sound library
+     */
+
+            },
+            {
+              key: 'connect',
+              value: function connect(obj) {
+                var audioContext,
+                mainOutput;
+                // if p5.sound exists, same audio context
+                if (typeof _main.default.prototype.getAudioContext === 'function') {
+                  audioContext = _main.default.prototype.getAudioContext();
+                  mainOutput = _main.default.soundOut.input;
+                } else {
+                  try {
+                    audioContext = obj.context;
+                    mainOutput = audioContext.destination;
+                  } catch (e) {
+                    throw 'connect() is meant to be used with Web Audio API or p5.sound.js';
+                  }
+                }                // create a Web Audio MediaElementAudioSourceNode if none already exists
+
+                if (!this.audioSourceNode) {
+                  this.audioSourceNode = audioContext.createMediaElementSource(this.elt);
+                  // connect to main output when this method is first called
+                  this.audioSourceNode.connect(mainOutput);
+                }                // connect to object if provided
+
+                if (obj) {
+                  if (obj.input) {
+                    this.audioSourceNode.connect(obj.input);
+                  } else {
+                    this.audioSourceNode.connect(obj);
+                  }
+                } else {
+                  // otherwise connect to main output of p5.sound / AudioContext
+                  this.audioSourceNode.connect(mainOutput);
+                }
+              }              /**
+     * Disconnect all Web Audio routing, including to main output.
+     * This is useful if you want to re-route the output through
+     * audio effects, for example.
+     *
+     * @method  disconnect
+     */
+
+            },
+            {
+              key: 'disconnect',
+              value: function disconnect() {
+                if (this.audioSourceNode) {
+                  this.audioSourceNode.disconnect();
+                } else {
+                  throw 'nothing to disconnect';
+                }
+              }              /*** SHOW / HIDE CONTROLS ***/
+              /**
+     * Show the default
+     * <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement" target="_blank">HTMLMediaElement</a>
+     * controls. These vary between web browser.
+     *
+     * @method  showControls
+     * @example
+     * <div>
+     * <code>
+     * function setup() {
+     *   background('cornflowerblue');
+     *
+     *   textAlign(CENTER);
+     *   textSize(50);
+     *   text('🐉', 50, 50);
+     *
+     *   // Create a p5.MediaElement using createAudio().
+     *   let dragon = createAudio('assets/lucky_dragons.mp3');
+     *   // Show the default media controls.
+     *   dragon.showControls();
+     *
+     *   describe('A dragon emoji, 🐉, drawn in the center of a blue square. A song plays in the background. Audio controls are displayed beneath the canvas.');
+     * }
+     * </code>
+     * </div>
+     */
+
+            },
+            {
+              key: 'showControls',
+              value: function showControls() {
+                // must set style for the element to show on the page
+                this.elt.style['text-align'] = 'inherit';
+                this.elt.controls = true;
+              }              /**
+     * Hide the default
+     * <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement" target="_blank">HTMLMediaElement</a>
+     * controls.
+     *
+     * @method hideControls
+     * @example
+     * <div>
+     * <code>
+     * let dragon;
+     * let isHidden = false;
+     *
+     * function setup() {
+     *   // Create a p5.MediaElement using createAudio().
+     *   dragon = createAudio('assets/lucky_dragons.mp3');
+     *   // Show the default media controls.
+     *   dragon.showControls();
+     *
+     *   describe('The text "Double-click to hide controls" written in the middle of a gray square. A song plays in the background. Audio controls are displayed beneath the canvas. The controls appear/disappear when the user double-clicks the square.');
+     * }
+     *
+     * function draw() {
+     *   background(200);
+     *
+     *   // Display a different message when
+     *   // controls are hidden or shown.
+     *   textAlign(CENTER);
+     *   if (isHidden === true) {
+     *     text('Double-click to show controls', 10, 20, 80, 80);
+     *   } else {
+     *     text('Double-click to hide controls', 10, 20, 80, 80);
+     *   }
+     * }
+     *
+     * // Show/hide controls based on a double-click.
+     * function doubleClicked() {
+     *   if (isHidden === true) {
+     *     dragon.showControls();
+     *     isHidden = false;
+     *   } else {
+     *     dragon.hideControls();
+     *     isHidden = true;
+     *   }
+     * }
+     * </code>
+     * </div>
+     */
+
+            },
+            {
+              key: 'hideControls',
+              value: function hideControls() {
+                this.elt.controls = false;
+              }              /**
+    * Schedules a function to call when the audio/video reaches a specific time
+    * during its playback.
+    *
+    * The first parameter, `time`, is the time, in seconds, when the function
+    * should run. This value is passed to `callback` as its first argument.
+    *
+    * The second parameter, `callback`, is the function to call at the specified
+    * cue time.
+    *
+    * The third parameter, `value`, is optional and can be any type of value.
+    * `value` is passed to `callback`.
+    *
+    * Calling `media.addCue()` returns an ID as a string. This is useful for
+    * removing the cue later.
+    *
+    * @method  addCue
+    * @param {Number}   time     cue time to run the callback function.
+    * @param {Function} callback function to call at the cue time.
+    * @param {Object} [value]    object to pass as the argument to
+    *                            `callback`.
+    * @return {Number} id ID of this cue,
+    *                     useful for `media.removeCue(id)`.
+    * @example
+    * <div>
+    * <code>
+    * function setup() {
+    *   // Create a p5.MediaElement using createAudio().
+    *   let beat = createAudio('assets/beat.mp3');
+    *   // Play the beat in a loop.
+    *   beat.loop();
+    *
+    *   // Schedule a few events.
+    *   beat.addCue(0, changeBackground, 'red');
+    *   beat.addCue(2, changeBackground, 'deeppink');
+    *   beat.addCue(4, changeBackground, 'orchid');
+    *   beat.addCue(6, changeBackground, 'lavender');
+    *
+    *   describe('A red square with a beat playing in the background. Its color changes every 2 seconds while the audio plays.');
+    * }
+    *
+    * function changeBackground(c) {
+    *   background(c);
+    * }
+    * </code>
+    * </div>
+    */
+
+            },
+            {
+              key: 'addCue',
+              value: function addCue(time, callback, val) {
+                var id = this._cueIDCounter++;
+                var cue = new Cue(callback, time, id, val);
+                this._cues.push(cue);
+                if (!this.elt.ontimeupdate) {
+                  this.elt.ontimeupdate = this._onTimeUpdate.bind(this);
+                }
+                return id;
+              }              /**
+    * Remove a callback based on its ID.
+    *
+    * @method removeCue
+    * @param  {Number} id ID of the cue, created by `media.addCue()`.
+    * @example
+    * <div>
+    * <code>
+    * let lavenderID;
+    * let isRemoved = false;
+    *
+    * function setup() {
+    *   // Create a p5.MediaElement using createAudio().
+    *   let beat = createAudio('assets/beat.mp3');
+    *   // Play the beat in a loop.
+    *   beat.loop();
+    *
+    *   // Schedule a few events.
+    *   beat.addCue(0, changeBackground, 'red');
+    *   beat.addCue(2, changeBackground, 'deeppink');
+    *   beat.addCue(4, changeBackground, 'orchid');
+    *
+    *   // Record the ID of the "lavender" callback.
+    *   lavenderID = beat.addCue(6, changeBackground, 'lavender');
+    *
+    *   describe('The text "Double-click to remove lavender." written on a red square. The color changes every 2 seconds while the audio plays. The lavender option is removed when the user double-clicks the square.');
+    * }
+    *
+    * function draw() {
+    *   if (isRemoved === false) {
+    *     text('Double-click to remove lavender.', 10, 10, 80, 80);
+    *   } else {
+    *     text('No more lavender.', 10, 10, 80, 80);
+    *   }
+    * }
+    *
+    * function changeBackground(c) {
+    *   background(c);
+    * }
+    *
+    * // Remove the lavender color-change cue
+    * // when the user double-clicks.
+    * function doubleClicked() {
+    *   if (isRemoved === false) {
+    *     beat.removeCue(lavenderID);
+    *     isRemoved = true;
+    *   }
+    * }
+    * </code>
+    * </div>
+    */
+
+            },
+            {
+              key: 'removeCue',
+              value: function removeCue(id) {
+                for (var i = 0; i < this._cues.length; i++) {
+                  if (this._cues[i].id === id) {
+                    console.log(id);
+                    this._cues.splice(i, 1);
+                  }
+                }
+                if (this._cues.length === 0) {
+                  this.elt.ontimeupdate = null;
+                }
+              }              /**
+    * Removes all functions scheduled with `media.addCue()`.
+    *
+    * @method  clearCues
+    * @example
+    * <div>
+    * <code>
+    * let isChanging = true;
+    *
+    * function setup() {
+    *   background(200);
+    *
+    *   // Create a p5.MediaElement using createAudio().
+    *   let beat = createAudio('assets/beat.mp3');
+    *   // Play the beat in a loop.
+    *   beat.loop();
+    *
+    *   // Schedule a few events.
+    *   beat.addCue(0, changeBackground, 'red');
+    *   beat.addCue(2, changeBackground, 'deeppink');
+    *   beat.addCue(4, changeBackground, 'orchid');
+    *   beat.addCue(6, changeBackground, 'lavender');
+    *
+    *   describe('The text "Double-click to stop changing." written on a square. The color changes every 2 seconds while the audio plays. The color stops changing when the user double-clicks the square.');
+    * }
+    *
+    * function draw() {
+    *   if (isChanging === true) {
+    *     text('Double-click to stop changing.', 10, 10, 80, 80);
+    *   } else {
+    *     text('No more changes.', 10, 10, 80, 80);
+    *   }
+    * }
+    *
+    * function changeBackground(c) {
+    *   background(c);
+    * }
+    *
+    * // Remove cued functions and stop
+    * // changing colors when the user
+    * // double-clicks.
+    * function doubleClicked() {
+    *   if (isChanging === true) {
+    *     beat.clearCues();
+    *     isChanging = false;
+    *   }
+    * }
+    * </code>
+    * </div>
+    */
+
+            },
+            {
+              key: 'clearCues',
+              value: function clearCues() {
+                this._cues = [
+                ];
+                this.elt.ontimeupdate = null;
+              } // private method that checks for cues to be fired if events
+              // have been scheduled using addCue(callback, time).
+
+            },
+            {
+              key: '_onTimeUpdate',
+              value: function _onTimeUpdate() {
+                var playbackTime = this.time();
+                for (var i = 0; i < this._cues.length; i++) {
+                  var callbackTime = this._cues[i].time;
+                  var val = this._cues[i].val;
+                  if (this._prevTime < callbackTime && callbackTime <= playbackTime) {
+                    // pass the scheduled callbackTime as parameter to the callback
+                    this._cues[i].callback(val);
+                  }
+                }
+                this._prevTime = playbackTime;
+              }
+            }
+          ]);
+          return MediaElement;
+        }(_main.default.Element);
+        _main.default.MediaElement = MediaElement;
+        /**
+ * A class to describe a file.
+ *
+ * `p5.File` objects are used by
+ * <a href="#/p5.Element/drop">myElement.drop()</a> and
+ * created by
+ * <a href="#/p5/createFileInput">createFileInput</a>.
+ *
+ * @class p5.File
+ * @constructor
+ * @param {File} file wrapped file.
+ * @example
+ * <div>
+ * <code>
+ * // Use the file input to load a
+ * // file and display its info.
+ *
+ * function setup() {
+ *   background(200);
+ *
+ *   // Create a file input and place it beneath
+ *   // the canvas. Call displayInfo() when
+ *   // the file loads.
+ *   let input = createFileInput(displayInfo);
+ *   input.position(0, 100);
+ *
+ *   describe('A gray square with a file input beneath it. If the user loads a file, its info is written in black.');
+ * }
+ *
+ * // Display the p5.File's info
+ * // once it loads.
+ * function displayInfo(file) {
+ *   background(200);
+ *
+ *   // Display the p5.File's name.
+ *   text(file.name, 10, 10, 80, 40);
+ *   // Display the p5.File's type and subtype.
+ *   text(`${file.type}/${file.subtype}`, 10, 70);
+ *   // Display the p5.File's size in bytes.
+ *   text(file.size, 10, 90);
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * // Use the file input to select an image to
+ * // load and display.
+ * let img;
+ *
+ * function setup() {
+ *   // Create a file input and place it beneath
+ *   // the canvas. Call handleImage() when
+ *   // the file image loads.
+ *   let input = createFileInput(handleImage);
+ *   input.position(0, 100);
+ *
+ *   describe('A gray square with a file input beneath it. If the user selects an image file to load, it is displayed on the square.');
+ * }
+ *
+ * function draw() {
+ *   background(200);
+ *
+ *   // Draw the image if it's ready.
+ *   if (img) {
+ *     image(img, 0, 0, width, height);
+ *   }
+ * }
+ *
+ * // Use the p5.File's data once
+ * // it loads.
+ * function handleImage(file) {
+ *   // Check the p5.File's type.
+ *   if (file.type === 'image') {
+ *     // Create an image using using
+ *     // the p5.File's data.
+ *     img = createImg(file.data, '');
+ *
+ *     // Hide the image element so it
+ *     // doesn't appear twice.
+ *     img.hide();
+ *   } else {
+ *     img = null;
+ *   }
+ * }
+ * </code>
+ * </div>
+ */
+        var File = /*#__PURE__*/ function () {
+          function File(file, pInst) {
+            _classCallCheck(this, File);
+            /**
+     * Underlying
+     * <a href="https://developer.mozilla.org/en-US/docs/Web/API/File" target="_blank">File</a>
+     * object. All `File` properties and methods are accessible.
+     *
+     * @property file
+     * @example
+     * <div>
+     * <code>
+     * // Use the file input to load a
+     * // file and display its info.
+     *
+     * function setup() {
+     *   background(200);
+     *
+     *   // Create a file input and place it beneath
+     *   // the canvas. Call displayInfo() when
+     *   // the file loads.
+     *   let input = createFileInput(displayInfo);
+     *   input.position(0, 100);
+     *
+     *   describe('A gray square with a file input beneath it. If the user loads a file, its info is written in black.');
+     * }
+     *
+     * // Use the p5.File once
+     * // it loads.
+     * function displayInfo(file) {
+     *   background(200);
+     *
+     *   // Display the p5.File's name.
+     *   text(file.name, 10, 10, 80, 40);
+     *   // Display the p5.File's type and subtype.
+     *   text(`${file.type}/${file.subtype}`, 10, 70);
+     *   // Display the p5.File's size in bytes.
+     *   text(file.size, 10, 90);
+     * }
+     * </code>
+     * </div>
+     */
+            this.file = file;
+            this._pInst = pInst;
+            // Splitting out the file type into two components
+            // This makes determining if image or text etc simpler
+            var typeList = file.type.split('/');
+            /**
+     * The file
+     * <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types" target="_blank">MIME type</a>
+     * as a string. For example, `'image'`, `'text'`, and so on.
+     *
+     * @property type
+     * @example
+     * <div>
+     * <code>
+     * // Use the file input to load a
+     * // file and display its info.
+     *
+     * function setup() {
+     *   background(200);
+     *
+     *   // Create a file input and place it beneath
+     *   // the canvas. Call displayType() when
+     *   // the file loads.
+     *   let input = createFileInput(displayType);
+     *   input.position(0, 100);
+     *
+     *   describe('A gray square with a file input beneath it. If the user loads a file, its type is written in black.');
+     * }
+     *
+     * // Display the p5.File's type
+     * // once it loads.
+     * function displayType(file) {
+     *   background(200);
+     *
+     *   // Display the p5.File's type.
+     *   text(`This is file's type is: ${file.type}`, 10, 10, 80, 80);
+     * }
+     * </code>
+     * </div>
+     */
+            this.type = typeList[0];
+            /**
+     * The file subtype as a string. For example, a file with an `'image'`
+     * <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types" target="_blank">MIME type</a>
+     * may have a subtype such as ``png`` or ``jpeg``.
+     *
+     * @property subtype
+     * @example
+     * <div>
+     * <code>
+     * // Use the file input to load a
+     * // file and display its info.
+     *
+     * function setup() {
+     *   background(200);
+     *
+     *   // Create a file input and place it beneath
+     *   // the canvas. Call displaySubtype() when
+     *   // the file loads.
+     *   let input = createFileInput(displaySubtype);
+     *   input.position(0, 100);
+     *
+     *   describe('A gray square with a file input beneath it. If the user loads a file, its subtype is written in black.');
+     * }
+     *
+     * // Display the p5.File's type
+     * // once it loads.
+     * function displaySubtype(file) {
+     *   background(200);
+     *
+     *   // Display the p5.File's subtype.
+     *   text(`This is file's subtype is: ${file.subtype}`, 10, 10, 80, 80);
+     * }
+     * </code>
+     * </div>
+     */
+            this.subtype = typeList[1];
+            /**
+     * The file name as a string.
+     *
+     * @property name
+     * @example
+     * <div>
+     * <code>
+     * // Use the file input to load a
+     * // file and display its info.
+     *
+     * function setup() {
+     *   background(200);
+     *
+     *   // Create a file input and place it beneath
+     *   // the canvas. Call displayName() when
+     *   // the file loads.
+     *   let input = createFileInput(displayName);
+     *   input.position(0, 100);
+     *
+     *   describe('A gray square with a file input beneath it. If the user loads a file, its name is written in black.');
+     * }
+     *
+     * // Display the p5.File's name
+     * // once it loads.
+     * function displayName(file) {
+     *   background(200);
+     *
+     *   // Display the p5.File's name.
+     *   text(`This is file's name is: ${file.name}`, 10, 10, 80, 80);
+     * }
+     * </code>
+     * </div>
+     */
+            this.name = file.name;
+            /**
+     * The number of bytes in the file.
+     *
+     * @property size
+     * @example
+     * <div>
+     * <code>
+     * // Use the file input to load a
+     * // file and display its info.
+     *
+     * function setup() {
+     *   background(200);
+     *
+     *   // Create a file input and place it beneath
+     *   // the canvas. Call displaySize() when
+     *   // the file loads.
+     *   let input = createFileInput(displaySize);
+     *   input.position(0, 100);
+     *
+     *   describe('A gray square with a file input beneath it. If the user loads a file, its size in bytes is written in black.');
+     * }
+     *
+     * // Display the p5.File's size
+     * // in bytes once it loads.
+     * function displaySize(file) {
+     *   background(200);
+     *
+     *   // Display the p5.File's size.
+     *   text(`This is file has ${file.size} bytes.`, 10, 10, 80, 80);
+     * }
+     * </code>
+     * </div>
+     */
+            this.size = file.size;
+            /**
+     * A string containing either the file's image data, text contents, or
+     * a parsed object in the case of JSON and
+     * <a href="#/p5.XML">p5.XML</a> objects.
+     *
+     * @property data
+     * @example
+     * <div>
+     * <code>
+     * // Use the file input to load a
+     * // file and display its info.
+     *
+     * function setup() {
+     *   background(200);
+     *
+     *   // Create a file input and place it beneath
+     *   // the canvas. Call displayData() when
+     *   // the file loads.
+     *   let input = createFileInput(displayData);
+     *   input.position(0, 100);
+     *
+     *   describe('A gray square with a file input beneath it. If the user loads a file, its data is written in black.');
+     * }
+     *
+     * // Display the p5.File's data
+     * // once it loads.
+     * function displayData(file) {
+     *   background(200);
+     *
+     *   // Display the p5.File's data,
+     *   // which looks like a random
+     *   // string of characters.
+     *   text(file.data, 10, 10, 80, 80);
+     * }
+     * </code>
+     * </div>
+     */
+            this.data = undefined;
+          }
+          _createClass(File, null, [
+            {
+              key: '_createLoader',
+              value: function _createLoader(theFile, callback) {
+                var reader = new FileReader();
+                reader.onload = function (e) {
+                  var p5file = new _main.default.File(theFile);
+                  if (p5file.file.type === 'application/json') {
+                    // Parse JSON and store the result in data
+                    p5file.data = JSON.parse(e.target.result);
+                  } else if (p5file.file.type === 'text/xml') {
+                    // Parse XML, wrap it in p5.XML and store the result in data
+                    var parser = new DOMParser();
+                    var xml = parser.parseFromString(e.target.result, 'text/xml');
+                    p5file.data = new _main.default.XML(xml.documentElement);
+                  } else {
+                    p5file.data = e.target.result;
+                  }
+                  callback(p5file);
+                };
+                return reader;
+              }
+            },
+            {
+              key: '_load',
+              value: function _load(f, callback) {
+                // Text or data?
+                // This should likely be improved
+                if (/^text\//.test(f.type) || f.type === 'application/json') {
+                  _main.default.File._createLoader(f, callback).readAsText(f);
+                } else if (!/^(video|audio)\//.test(f.type)) {
+                  _main.default.File._createLoader(f, callback).readAsDataURL(f);
+                } else {
+                  var file = new _main.default.File(f);
+                  file.data = URL.createObjectURL(f);
+                  callback(file);
+                }
+              }
+            }
+          ]);
+          return File;
+        }();
+        _main.default.File = File;
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        '../core/main': 298,
+        'core-js/modules/es.array.every': 171,
+        'core-js/modules/es.array.filter': 173,
+        'core-js/modules/es.array.for-each': 175,
+        'core-js/modules/es.array.from': 176,
+        'core-js/modules/es.array.index-of': 178,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.array.map': 182,
+        'core-js/modules/es.array.slice': 183,
+        'core-js/modules/es.array.splice': 185,
+        'core-js/modules/es.function.name': 186,
+        'core-js/modules/es.object.get-prototype-of': 198,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.promise': 201,
+        'core-js/modules/es.reflect.construct': 202,
+        'core-js/modules/es.regexp.exec': 205,
+        'core-js/modules/es.regexp.to-string': 206,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.string.replace': 214,
+        'core-js/modules/es.string.split': 216,
+        'core-js/modules/es.string.trim': 219,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/web.dom-collections.for-each': 255,
+        'core-js/modules/web.dom-collections.iterator': 256,
+        'core-js/modules/web.url': 258
+      }
+    ],
+    315: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.object.get-own-property-descriptor');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.weak-map');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        function _typeof2(obj) {
+          if (typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol') {
+            _typeof2 = function _typeof2(obj) {
+              return typeof obj;
+            };
+          } else {
+            _typeof2 = function _typeof2(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj;
+            };
+          }
+          return _typeof2(obj);
+        }
+        function _typeof(obj) {
+          if (typeof Symbol === 'function' && _typeof2(Symbol.iterator) === 'symbol') {
+            _typeof = function _typeof(obj) {
+              return _typeof2(obj);
+            };
+          } else {
+            _typeof = function _typeof(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : _typeof2(obj);
+            };
+          }
+          return _typeof(obj);
+        }
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        var constants = _interopRequireWildcard(_dereq_('../core/constants'));
+        function _getRequireWildcardCache() {
+          if (typeof WeakMap !== 'function') return null;
+          var cache = new WeakMap();
+          _getRequireWildcardCache = function _getRequireWildcardCache() {
+            return cache;
+          };
+          return cache;
+        }
+        function _interopRequireWildcard(obj) {
+          if (obj && obj.__esModule) {
+            return obj;
+          }
+          if (obj === null || _typeof(obj) !== 'object' && typeof obj !== 'function') {
+            return {
+            default:
+              obj
+            };
+          }
+          var cache = _getRequireWildcardCache();
+          if (cache && cache.has(obj)) {
+            return cache.get(obj);
+          }
+          var newObj = {
+          };
+          var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+          for (var key in obj) {
+            if (Object.prototype.hasOwnProperty.call(obj, key)) {
+              var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+              if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+              } else {
+                newObj[key] = obj[key];
+              }
+            }
+          }
+          newObj.default = obj;
+          if (cache) {
+            cache.set(obj, newObj);
+          }
+          return newObj;
+        }
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }        /**
+ * @module Events
+ * @submodule Acceleration
+ * @for p5
+ * @requires core
+ * @main Events
+ */
+        /**
+ * The system variable deviceOrientation always contains the orientation of
+ * the device. The value of this variable will either be set 'landscape'
+ * or 'portrait'. If no data is available it will be set to 'undefined'.
+ * either LANDSCAPE or PORTRAIT.
+ *
+ * @property {Constant} deviceOrientation
+ * @readOnly
+ */
+
+        _main.default.prototype.deviceOrientation = window.innerWidth / window.innerHeight > 1 ? 'landscape' : 'portrait';
+        /**
+ * The system variable accelerationX always contains the acceleration of the
+ * device along the x axis. Value is represented as meters per second squared.
+ *
+ * @property {Number} accelerationX
+ * @readOnly
+ * @example
+ * <div>
+ * <code>
+ * // Move a touchscreen device to register
+ * // acceleration changes.
+ * function draw() {
+ *   background(220, 50);
+ *   fill('magenta');
+ *   ellipse(width / 2, height / 2, accelerationX);
+ *   describe('Magnitude of device acceleration is displayed as ellipse size.');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.accelerationX = 0;
+        /**
+ * The system variable accelerationY always contains the acceleration of the
+ * device along the y axis. Value is represented as meters per second squared.
+ *
+ * @property {Number} accelerationY
+ * @readOnly
+ * @example
+ * <div>
+ * <code>
+ * // Move a touchscreen device to register
+ * // acceleration changes.
+ * function draw() {
+ *   background(220, 50);
+ *   fill('magenta');
+ *   ellipse(width / 2, height / 2, accelerationY);
+ *   describe('Magnitude of device acceleration is displayed as ellipse size');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.accelerationY = 0;
+        /**
+ * The system variable accelerationZ always contains the acceleration of the
+ * device along the z axis. Value is represented as meters per second squared.
+ *
+ * @property {Number} accelerationZ
+ * @readOnly
+ *
+ * @example
+ * <div>
+ * <code>
+ * // Move a touchscreen device to register
+ * // acceleration changes.
+ * function draw() {
+ *   background(220, 50);
+ *   fill('magenta');
+ *   ellipse(width / 2, height / 2, accelerationZ);
+ *   describe('Magnitude of device acceleration is displayed as ellipse size');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.accelerationZ = 0;
+        /**
+ * The system variable pAccelerationX always contains the acceleration of the
+ * device along the x axis in the frame previous to the current frame. Value
+ * is represented as meters per second squared.
+ *
+ * @property {Number} pAccelerationX
+ * @readOnly
+ */
+        _main.default.prototype.pAccelerationX = 0;
+        /**
+ * The system variable pAccelerationY always contains the acceleration of the
+ * device along the y axis in the frame previous to the current frame. Value
+ * is represented as meters per second squared.
+ *
+ * @property {Number} pAccelerationY
+ * @readOnly
+ */
+        _main.default.prototype.pAccelerationY = 0;
+        /**
+ * The system variable pAccelerationZ always contains the acceleration of the
+ * device along the z axis in the frame previous to the current frame. Value
+ * is represented as meters per second squared.
+ *
+ * @property {Number} pAccelerationZ
+ * @readOnly
+ */
+        _main.default.prototype.pAccelerationZ = 0;
+        /**
+ * _updatePAccelerations updates the pAcceleration values
+ *
+ * @private
+ */
+        _main.default.prototype._updatePAccelerations = function () {
+          this._setProperty('pAccelerationX', this.accelerationX);
+          this._setProperty('pAccelerationY', this.accelerationY);
+          this._setProperty('pAccelerationZ', this.accelerationZ);
+        };
+        /**
+ * The system variable rotationX always contains the rotation of the
+ * device along the x axis. If the sketch <a href="#/p5/angleMode">
+ * angleMode()</a> is set to DEGREES, the value will be -180 to 180. If
+ * it is set to RADIANS, the value will be -PI to PI.
+ *
+ * Note: The order the rotations are called is important, ie. if used
+ * together, it must be called in the order Z-X-Y or there might be
+ * unexpected behaviour.
+ *
+ * @property {Number} rotationX
+ * @readOnly
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ * }
+ *
+ * function draw() {
+ *   background(200);
+ *   //rotateZ(radians(rotationZ));
+ *   rotateX(radians(rotationX));
+ *   //rotateY(radians(rotationY));
+ *   box(200, 200, 200);
+ *   describe(`red horizontal line right, green vertical line bottom.
+ *     black background.`);
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.rotationX = 0;
+        /**
+ * The system variable rotationY always contains the rotation of the
+ * device along the y axis. If the sketch <a href="#/p5/angleMode">
+ * angleMode()</a> is set to DEGREES, the value will be -90 to 90. If
+ * it is set to RADIANS, the value will be -PI/2 to PI/2.
+ *
+ * Note: The order the rotations are called is important, ie. if used
+ * together, it must be called in the order Z-X-Y or there might be
+ * unexpected behaviour.
+ *
+ * @property {Number} rotationY
+ * @readOnly
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ * }
+ *
+ * function draw() {
+ *   background(200);
+ *   //rotateZ(radians(rotationZ));
+ *   //rotateX(radians(rotationX));
+ *   rotateY(radians(rotationY));
+ *   box(200, 200, 200);
+ *   describe(`red horizontal line right, green vertical line bottom.
+ *     black background.`);
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.rotationY = 0;
+        /**
+ * The system variable rotationZ always contains the rotation of the
+ * device along the z axis. If the sketch <a href="#/p5/angleMode">
+ * angleMode()</a> is set to DEGREES, the value will be 0 to 360. If
+ * it is set to RADIANS, the value will be 0 to 2*PI.
+ *
+ * Unlike rotationX and rotationY, this variable is available for devices
+ * with a built-in compass only.
+ *
+ * Note: The order the rotations are called is important, ie. if used
+ * together, it must be called in the order Z-X-Y or there might be
+ * unexpected behaviour.
+ *
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ * }
+ *
+ * function draw() {
+ *   background(200);
+ *   rotateZ(radians(rotationZ));
+ *   //rotateX(radians(rotationX));
+ *   //rotateY(radians(rotationY));
+ *   box(200, 200, 200);
+ *   describe(`red horizontal line right, green vertical line bottom.
+ *     black background.`);
+ * }
+ * </code>
+ * </div>
+ *
+ * @property {Number} rotationZ
+ * @readOnly
+ */
+        _main.default.prototype.rotationZ = 0;
+        /**
+ * The system variable pRotationX always contains the rotation of the
+ * device along the x axis in the frame previous to the current frame.
+ * If the sketch <a href="#/p5/angleMode"> angleMode()</a> is set to DEGREES,
+ * the value will be -180 to 180. If it is set to RADIANS, the value will
+ * be -PI to PI.
+ *
+ * pRotationX can also be used with rotationX to determine the rotate
+ * direction of the device along the X-axis.
+ * @example
+ * <div class='norender'>
+ * <code>
+ * // A simple if statement looking at whether
+ * // rotationX - pRotationX < 0 is true or not will be
+ * // sufficient for determining the rotate direction
+ * // in most cases.
+ *
+ * // Some extra logic is needed to account for cases where
+ * // the angles wrap around.
+ * let rotateDirection = 'clockwise';
+ *
+ * // Simple range conversion to make things simpler.
+ * // This is not absolutely necessary but the logic
+ * // will be different in that case.
+ *
+ * let rX = rotationX + 180;
+ * let pRX = pRotationX + 180;
+ *
+ * if ((rX - pRX > 0 && rX - pRX < 270) || rX - pRX < -270) {
+ *   rotateDirection = 'clockwise';
+ * } else if (rX - pRX < 0 || rX - pRX > 270) {
+ *   rotateDirection = 'counter-clockwise';
+ * }
+ *
+ * print(rotateDirection);
+ * describe('no image to display.');
+ * </code>
+ * </div>
+ *
+ * @property {Number} pRotationX
+ * @readOnly
+ */
+        _main.default.prototype.pRotationX = 0;
+        /**
+ * The system variable pRotationY always contains the rotation of the
+ * device along the y axis in the frame previous to the current frame.
+ * If the sketch <a href="#/p5/angleMode"> angleMode()</a> is set to DEGREES,
+ * the value will be -90 to 90. If it is set to RADIANS, the value will
+ * be -PI/2 to PI/2.
+ *
+ * pRotationY can also be used with rotationY to determine the rotate
+ * direction of the device along the Y-axis.
+ * @example
+ * <div class='norender'>
+ * <code>
+ * // A simple if statement looking at whether
+ * // rotationY - pRotationY < 0 is true or not will be
+ * // sufficient for determining the rotate direction
+ * // in most cases.
+ *
+ * // Some extra logic is needed to account for cases where
+ * // the angles wrap around.
+ * let rotateDirection = 'clockwise';
+ *
+ * // Simple range conversion to make things simpler.
+ * // This is not absolutely necessary but the logic
+ * // will be different in that case.
+ *
+ * let rY = rotationY + 180;
+ * let pRY = pRotationY + 180;
+ *
+ * if ((rY - pRY > 0 && rY - pRY < 270) || rY - pRY < -270) {
+ *   rotateDirection = 'clockwise';
+ * } else if (rY - pRY < 0 || rY - pRY > 270) {
+ *   rotateDirection = 'counter-clockwise';
+ * }
+ * print(rotateDirection);
+ * describe('no image to display.');
+ * </code>
+ * </div>
+ *
+ * @property {Number} pRotationY
+ * @readOnly
+ */
+        _main.default.prototype.pRotationY = 0;
+        /**
+ * The system variable pRotationZ always contains the rotation of the
+ * device along the z axis in the frame previous to the current frame.
+ * If the sketch <a href="#/p5/angleMode"> angleMode()</a> is set to DEGREES,
+ * the value will be 0 to 360. If it is set to RADIANS, the value will
+ * be 0 to 2*PI.
+ *
+ * pRotationZ can also be used with rotationZ to determine the rotate
+ * direction of the device along the Z-axis.
+ * @example
+ * <div class='norender'>
+ * <code>
+ * // A simple if statement looking at whether
+ * // rotationZ - pRotationZ < 0 is true or not will be
+ * // sufficient for determining the rotate direction
+ * // in most cases.
+ *
+ * // Some extra logic is needed to account for cases where
+ * // the angles wrap around.
+ * let rotateDirection = 'clockwise';
+ *
+ * if (
+ *   (rotationZ - pRotationZ > 0 && rotationZ - pRotationZ < 270) ||
+ *   rotationZ - pRotationZ < -270
+ * ) {
+ *   rotateDirection = 'clockwise';
+ * } else if (rotationZ - pRotationZ < 0 || rotationZ - pRotationZ > 270) {
+ *   rotateDirection = 'counter-clockwise';
+ * }
+ * print(rotateDirection);
+ * describe('no image to display.');
+ * </code>
+ * </div>
+ *
+ * @property {Number} pRotationZ
+ * @readOnly
+ */
+        _main.default.prototype.pRotationZ = 0;
+        var startAngleX = 0;
+        var startAngleY = 0;
+        var startAngleZ = 0;
+        var rotateDirectionX = 'clockwise';
+        var rotateDirectionY = 'clockwise';
+        var rotateDirectionZ = 'clockwise';
+        _main.default.prototype.pRotateDirectionX = undefined;
+        _main.default.prototype.pRotateDirectionY = undefined;
+        _main.default.prototype.pRotateDirectionZ = undefined;
+        _main.default.prototype._updatePRotations = function () {
+          this._setProperty('pRotationX', this.rotationX);
+          this._setProperty('pRotationY', this.rotationY);
+          this._setProperty('pRotationZ', this.rotationZ);
+        };
+        /**
+ * When a device is rotated, the axis that triggers the <a href="#/p5/deviceTurned">deviceTurned()</a>
+ * method is stored in the turnAxis variable. The turnAxis variable is only defined within
+ * the scope of deviceTurned().
+ * @property {String} turnAxis
+ * @readOnly
+ * @example
+ * <div>
+ * <code>
+ * // Run this example on a mobile device
+ * // Rotate the device by 90 degrees in the
+ * // X-axis to change the value.
+ *
+ * let value = 0;
+ * function draw() {
+ *   fill(value);
+ *   rect(25, 25, 50, 50);
+ *   describe(`50-by-50 black rect in center of canvas.
+ *     turns white on mobile when device turns`);
+ *   describe(`50-by-50 black rect in center of canvas.
+ *     turns white on mobile when x-axis turns`);
+ * }
+ * function deviceTurned() {
+ *   if (turnAxis === 'X') {
+ *     if (value === 0) {
+ *       value = 255;
+ *     } else if (value === 255) {
+ *       value = 0;
+ *     }
+ *   }
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.turnAxis = undefined;
+        var move_threshold = 0.5;
+        var shake_threshold = 30;
+        /**
+ * The <a href="#/p5/setMoveThreshold">setMoveThreshold()</a> function is used to set the movement threshold for
+ * the <a href="#/p5/deviceMoved">deviceMoved()</a> function. The default threshold is set to 0.5.
+ *
+ * @method setMoveThreshold
+ * @param {number} value The threshold value
+ * @example
+ * <div class="norender">
+ * <code>
+ * // Run this example on a mobile device
+ * // You will need to move the device incrementally further
+ * // the closer the square's color gets to white in order to change the value.
+ *
+ * let value = 0;
+ * let threshold = 0.5;
+ * function setup() {
+ *   setMoveThreshold(threshold);
+ * }
+ * function draw() {
+ *   fill(value);
+ *   rect(25, 25, 50, 50);
+ *   describe(`50-by-50 black rect in center of canvas.
+ *     turns white on mobile when device moves`);
+ * }
+ * function deviceMoved() {
+ *   value = value + 5;
+ *   threshold = threshold + 0.1;
+ *   if (value > 255) {
+ *     value = 0;
+ *     threshold = 30;
+ *   }
+ *   setMoveThreshold(threshold);
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.setMoveThreshold = function (val) {
+          _main.default._validateParameters('setMoveThreshold', arguments);
+          move_threshold = val;
+        };
+        /**
+ * The <a href="#/p5/setShakeThreshold">setShakeThreshold()</a> function is used to set the movement threshold for
+ * the <a href="#/p5/deviceShaken">deviceShaken()</a> function. The default threshold is set to 30.
+ *
+ * @method setShakeThreshold
+ * @param {number} value The threshold value
+ * @example
+ * <div class="norender">
+ * <code>
+ * // Run this example on a mobile device
+ * // You will need to shake the device more firmly
+ * // the closer the box's fill gets to white in order to change the value.
+ *
+ * let value = 0;
+ * let threshold = 30;
+ * function setup() {
+ *   setShakeThreshold(threshold);
+ * }
+ * function draw() {
+ *   fill(value);
+ *   rect(25, 25, 50, 50);
+ *   describe(`50-by-50 black rect in center of canvas.
+ *     turns white on mobile when device is being shaked`);
+ * }
+ * function deviceMoved() {
+ *   value = value + 5;
+ *   threshold = threshold + 5;
+ *   if (value > 255) {
+ *     value = 0;
+ *     threshold = 30;
+ *   }
+ *   setShakeThreshold(threshold);
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.setShakeThreshold = function (val) {
+          _main.default._validateParameters('setShakeThreshold', arguments);
+          shake_threshold = val;
+        };
+        /**
+ * The <a href="#/p5/deviceMoved">deviceMoved()</a> function is called when the device is moved by more than
+ * the threshold value along X, Y or Z axis. The default threshold is set to 0.5.
+ * The threshold value can be changed using <a href="https://p5js.org/reference/#/p5/setMoveThreshold">setMoveThreshold()</a>.
+ *
+ * @method deviceMoved
+ * @example
+ * <div class="norender">
+ * <code>
+ * // Run this example on a mobile device
+ * // Move the device around
+ * // to change the value.
+ *
+ * let value = 0;
+ * function draw() {
+ *   fill(value);
+ *   rect(25, 25, 50, 50);
+ *   describe(`50-by-50 black rect in center of canvas.
+ *     turns white on mobile when device moves`);
+ * }
+ * function deviceMoved() {
+ *   value = value + 5;
+ *   if (value > 255) {
+ *     value = 0;
+ *   }
+ * }
+ * </code>
+ * </div>
+ */
+        /**
+ * The <a href="#/p5/deviceTurned">deviceTurned()</a> function is called when the device rotates by
+ * more than 90 degrees continuously.
+ *
+ * The axis that triggers the <a href="#/p5/deviceTurned">deviceTurned()</a> method is stored in the turnAxis
+ * variable. The <a href="#/p5/deviceTurned">deviceTurned()</a> method can be locked to trigger on any axis:
+ * X, Y or Z by comparing the turnAxis variable to 'X', 'Y' or 'Z'.
+ *
+ * @method deviceTurned
+ * @example
+ * <div class="norender">
+ * <code>
+ * // Run this example on a mobile device
+ * // Rotate the device by 90 degrees
+ * // to change the value.
+ *
+ * let value = 0;
+ * function draw() {
+ *   fill(value);
+ *   rect(25, 25, 50, 50);
+ *   describe(`50-by-50 black rect in center of canvas.
+ *     turns white on mobile when device turns`);
+ * }
+ * function deviceTurned() {
+ *   if (value === 0) {
+ *     value = 255;
+ *   } else if (value === 255) {
+ *     value = 0;
+ *   }
+ * }
+ * </code>
+ * </div>
+ * <div>
+ * <code>
+ * // Run this example on a mobile device
+ * // Rotate the device by 90 degrees in the
+ * // X-axis to change the value.
+ *
+ * let value = 0;
+ * function draw() {
+ *   fill(value);
+ *   rect(25, 25, 50, 50);
+ *   describe(`50-by-50 black rect in center of canvas.
+ *     turns white on mobile when x-axis turns`);
+ * }
+ * function deviceTurned() {
+ *   if (turnAxis === 'X') {
+ *     if (value === 0) {
+ *       value = 255;
+ *     } else if (value === 255) {
+ *       value = 0;
+ *     }
+ *   }
+ * }
+ * </code>
+ * </div>
+ */
+        /**
+ * The <a href="#/p5/deviceShaken">deviceShaken()</a> function is called when the device total acceleration
+ * changes of accelerationX and accelerationY values is more than
+ * the threshold value. The default threshold is set to 30.
+ * The threshold value can be changed using <a href="https://p5js.org/reference/#/p5/setShakeThreshold">setShakeThreshold()</a>.
+ *
+ * @method deviceShaken
+ * @example
+ * <div class="norender">
+ * <code>
+ * // Run this example on a mobile device
+ * // Shake the device to change the value.
+ *
+ * let value = 0;
+ * function draw() {
+ *   fill(value);
+ *   rect(25, 25, 50, 50);
+ *   describe(`50-by-50 black rect in center of canvas.
+ *     turns white on mobile when device shakes`);
+ * }
+ * function deviceShaken() {
+ *   value = value + 5;
+ *   if (value > 255) {
+ *     value = 0;
+ *   }
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype._ondeviceorientation = function (e) {
+          this._updatePRotations();
+          if (this._angleMode === constants.radians) {
+            e.beta = e.beta * (_PI / 180);
+            e.gamma = e.gamma * (_PI / 180);
+            e.alpha = e.alpha * (_PI / 180);
+          }
+          this._setProperty('rotationX', e.beta);
+          this._setProperty('rotationY', e.gamma);
+          this._setProperty('rotationZ', e.alpha);
+          this._handleMotion();
+        };
+        _main.default.prototype._ondevicemotion = function (e) {
+          this._updatePAccelerations();
+          this._setProperty('accelerationX', e.acceleration.x * 2);
+          this._setProperty('accelerationY', e.acceleration.y * 2);
+          this._setProperty('accelerationZ', e.acceleration.z * 2);
+          this._handleMotion();
+        };
+        _main.default.prototype._handleMotion = function () {
+          if (window.orientation === 90 || window.orientation === - 90) {
+            this._setProperty('deviceOrientation', 'landscape');
+          } else if (window.orientation === 0) {
+            this._setProperty('deviceOrientation', 'portrait');
+          } else if (window.orientation === undefined) {
+            this._setProperty('deviceOrientation', 'undefined');
+          }
+          var context = this._isGlobal ? window : this;
+          if (typeof context.deviceMoved === 'function') {
+            if (Math.abs(this.accelerationX - this.pAccelerationX) > move_threshold || Math.abs(this.accelerationY - this.pAccelerationY) > move_threshold || Math.abs(this.accelerationZ - this.pAccelerationZ) > move_threshold) {
+              context.deviceMoved();
+            }
+          }
+          if (typeof context.deviceTurned === 'function') {
+            // The angles given by rotationX etc is from range -180 to 180.
+            // The following will convert them to 0 to 360 for ease of calculation
+            // of cases when the angles wrapped around.
+            // _startAngleX will be converted back at the end and updated.
+            var wRX = this.rotationX + 180;
+            var wPRX = this.pRotationX + 180;
+            var wSAX = startAngleX + 180;
+            if (wRX - wPRX > 0 && wRX - wPRX < 270 || wRX - wPRX < - 270) {
+              rotateDirectionX = 'clockwise';
+            } else if (wRX - wPRX < 0 || wRX - wPRX > 270) {
+              rotateDirectionX = 'counter-clockwise';
+            }
+            if (rotateDirectionX !== this.pRotateDirectionX) {
+              wSAX = wRX;
+            }
+            if (Math.abs(wRX - wSAX) > 90 && Math.abs(wRX - wSAX) < 270) {
+              wSAX = wRX;
+              this._setProperty('turnAxis', 'X');
+              context.deviceTurned();
+            }
+            this.pRotateDirectionX = rotateDirectionX;
+            startAngleX = wSAX - 180;
+            // Y-axis is identical to X-axis except for changing some names.
+            var wRY = this.rotationY + 180;
+            var wPRY = this.pRotationY + 180;
+            var wSAY = startAngleY + 180;
+            if (wRY - wPRY > 0 && wRY - wPRY < 270 || wRY - wPRY < - 270) {
+              rotateDirectionY = 'clockwise';
+            } else if (wRY - wPRY < 0 || wRY - this.pRotationY > 270) {
+              rotateDirectionY = 'counter-clockwise';
+            }
+            if (rotateDirectionY !== this.pRotateDirectionY) {
+              wSAY = wRY;
+            }
+            if (Math.abs(wRY - wSAY) > 90 && Math.abs(wRY - wSAY) < 270) {
+              wSAY = wRY;
+              this._setProperty('turnAxis', 'Y');
+              context.deviceTurned();
+            }
+            this.pRotateDirectionY = rotateDirectionY;
+            startAngleY = wSAY - 180;
+            // Z-axis is already in the range 0 to 360
+            // so no conversion is needed.
+            if (this.rotationZ - this.pRotationZ > 0 && this.rotationZ - this.pRotationZ < 270 || this.rotationZ - this.pRotationZ < - 270) {
+              rotateDirectionZ = 'clockwise';
+            } else if (this.rotationZ - this.pRotationZ < 0 || this.rotationZ - this.pRotationZ > 270) {
+              rotateDirectionZ = 'counter-clockwise';
+            }
+            if (rotateDirectionZ !== this.pRotateDirectionZ) {
+              startAngleZ = this.rotationZ;
+            }
+            if (Math.abs(this.rotationZ - startAngleZ) > 90 && Math.abs(this.rotationZ - startAngleZ) < 270) {
+              startAngleZ = this.rotationZ;
+              this._setProperty('turnAxis', 'Z');
+              context.deviceTurned();
+            }
+            this.pRotateDirectionZ = rotateDirectionZ;
+            this._setProperty('turnAxis', undefined);
+          }
+          if (typeof context.deviceShaken === 'function') {
+            var accelerationChangeX;
+            var accelerationChangeY;
+            // Add accelerationChangeZ if acceleration change on Z is needed
+            if (this.pAccelerationX !== null) {
+              accelerationChangeX = Math.abs(this.accelerationX - this.pAccelerationX);
+              accelerationChangeY = Math.abs(this.accelerationY - this.pAccelerationY);
+            }
+            if (accelerationChangeX + accelerationChangeY > shake_threshold) {
+              context.deviceShaken();
+            }
+          }
+        };
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        '../core/constants': 286,
+        '../core/main': 298,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.object.get-own-property-descriptor': 196,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/es.weak-map': 254,
+        'core-js/modules/web.dom-collections.iterator': 256
+      }
+    ],
+    316: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }        /**
+ * @module Events
+ * @submodule Keyboard
+ * @for p5
+ * @requires core
+ */
+        /**
+ * The boolean system variable <a href="#/p5/keyIsPressed">keyIsPressed</a> is true if any key is pressed
+ * and false if no keys are pressed.
+ *
+ * @property {Boolean} keyIsPressed
+ * @readOnly
+ * @example
+ * <div>
+ * <code>
+ * function draw() {
+ *   if (keyIsPressed === true) {
+ *     fill(0);
+ *   } else {
+ *     fill(255);
+ *   }
+ *   rect(25, 25, 50, 50);
+ *   describe('50-by-50 white rect that turns black on keypress.');
+ * }
+ * </code>
+ * </div>
+ */
+
+        _main.default.prototype.isKeyPressed = false;
+        _main.default.prototype.keyIsPressed = false; // khan
+        /**
+ * The system variable key always contains the value of the most recent
+ * key on the keyboard that was typed. To get the proper capitalization, it
+ * is best to use it within <a href="#/p5/keyTyped">keyTyped()</a>. For non-ASCII keys, use the <a href="#/p5/keyCode">keyCode</a>
+ * variable.
+ *
+ * @property {String} key
+ * @readOnly
+ * @example
+ * <div><code>
+ * // Click any key to display it!
+ * // (Not Guaranteed to be Case Sensitive)
+ * function setup() {
+ *   fill(245, 123, 158);
+ *   textSize(50);
+ * }
+ *
+ * function draw() {
+ *   background(200);
+ *   text(key, 33, 65); // Display last key pressed.
+ *   describe('canvas displays any key value that is pressed in pink font.');
+ * }
+ * </code></div>
+ */
+        _main.default.prototype.key = '';
+        /**
+ * The variable keyCode is used to detect special keys such as BACKSPACE,
+ * DELETE, ENTER, RETURN, TAB, ESCAPE, SHIFT, CONTROL, OPTION, ALT, UP_ARROW,
+ * DOWN_ARROW, LEFT_ARROW, RIGHT_ARROW.
+ * You can also check for custom keys by looking up the keyCode of any key
+ * on a site like this: <a href="http://keycode.info/">keycode.info</a>.
+ *
+ * @property {Integer} keyCode
+ * @readOnly
+ * @example
+ * <div><code>
+ * let fillVal = 126;
+ * function draw() {
+ *   fill(fillVal);
+ *   rect(25, 25, 50, 50);
+ *   describe(`Grey rect center. turns white when up arrow pressed and black when down.
+ *     Display key pressed and its keyCode in a yellow box.`);
+ * }
+ *
+ * function keyPressed() {
+ *   if (keyCode === UP_ARROW) {
+ *     fillVal = 255;
+ *   } else if (keyCode === DOWN_ARROW) {
+ *     fillVal = 0;
+ *   }
+ * }
+ * </code></div>
+ * <div><code>
+ * function draw() {}
+ * function keyPressed() {
+ *   background('yellow');
+ *   text(`${key} ${keyCode}`, 10, 40);
+ *   print(key, ' ', keyCode);
+ * }
+ * </code></div>
+ */
+        _main.default.prototype.keyCode = 0;
+        /**
+ * The <a href="#/p5/keyPressed">keyPressed()</a> function is called once every time a key is pressed. The
+ * keyCode for the key that was pressed is stored in the <a href="#/p5/keyCode">keyCode</a> variable.
+ *
+ * For non-ASCII keys, use the keyCode variable. You can check if the keyCode
+ * equals BACKSPACE, DELETE, ENTER, RETURN, TAB, ESCAPE, SHIFT, CONTROL,
+ * OPTION, ALT, UP_ARROW, DOWN_ARROW, LEFT_ARROW, RIGHT_ARROW.
+ *
+ * For ASCII keys, the key that was pressed is stored in the key variable. However, it
+ * does not distinguish between uppercase and lowercase. For this reason, it
+ * is recommended to use <a href="#/p5/keyTyped">keyTyped()</a> to read the key variable, in which the
+ * case of the variable will be distinguished.
+ *
+ * Because of how operating systems handle key repeats, holding down a key
+ * may cause multiple calls to <a href="#/p5/keyTyped">keyTyped()</a> (and <a href="#/p5/keyReleased">keyReleased()</a> as well). The
+ * rate of repeat is set by the operating system and how each computer is
+ * configured.<br><br>
+ * Browsers may have different default
+ * behaviors attached to various key events. To prevent any default
+ * behavior for this event, add "return false" to the end of the method.
+ *
+ * @method keyPressed
+ * @param  {KeyboardEvent} [event] optional KeyboardEvent callback argument.
+ * @example
+ * <div>
+ * <code>
+ * let value = 0;
+ * function draw() {
+ *   fill(value);
+ *   rect(25, 25, 50, 50);
+ *   describe(`black rect center. turns white when key pressed and black
+ *     when released.`);
+ * }
+ * function keyPressed() {
+ *   if (value === 0) {
+ *     value = 255;
+ *   } else {
+ *     value = 0;
+ *   }
+ * }
+ * </code>
+ * </div>
+ * <div>
+ * <code>
+ * let value = 0;
+ * function draw() {
+ *   fill(value);
+ *   rect(25, 25, 50, 50);
+ *   describe(`black rect center. turns white when left arrow pressed and
+ *     black when right.`);
+ * }
+ * function keyPressed() {
+ *   if (keyCode === LEFT_ARROW) {
+ *     value = 255;
+ *   } else if (keyCode === RIGHT_ARROW) {
+ *     value = 0;
+ *   }
+ * }
+ * </code>
+ * </div>
+ * <div class="norender">
+ * <code>
+ * function keyPressed() {
+ *   // Do something
+ *   return false; // prevent any default behaviour
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype._onkeydown = function (e) {
+          if (this._downKeys[e.which]) {
+            // prevent multiple firings
+            return;
+          }
+          this._setProperty('isKeyPressed', true);
+          this._setProperty('keyIsPressed', true);
+          this._setProperty('keyCode', e.which);
+          this._downKeys[e.which] = true;
+          this._setProperty('key', e.key || String.fromCharCode(e.which) || e.which);
+          var context = this._isGlobal ? window : this;
+          if (typeof context.keyPressed === 'function' && !e.charCode) {
+            var executeDefault = context.keyPressed(e);
+            if (executeDefault === false) {
+              e.preventDefault();
+            }
+          }
+        };
+        /**
+ * The <a href="#/p5/keyReleased">keyReleased()</a> function is called once every time a key is released.
+ * See <a href="#/p5/key">key</a> and <a href="#/p5/keyCode">keyCode</a> for more information.<br><br>
+ * Browsers may have different default
+ * behaviors attached to various key events. To prevent any default
+ * behavior for this event, add "return false" to the end of the function.
+ *
+ * @method keyReleased
+ * @param  {KeyboardEvent} [event] optional KeyboardEvent callback argument.
+ * @example
+ * <div>
+ * <code>
+ * let value = 0;
+ * function draw() {
+ *   fill(value);
+ *   rect(25, 25, 50, 50);
+ *   describe(`black rect center. turns white when key pressed and black
+ *     when pressed again`);
+ * }
+ * function keyReleased() {
+ *   if (value === 0) {
+ *     value = 255;
+ *   } else {
+ *     value = 0;
+ *   }
+ *   return false; // prevent any default behavior
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype._onkeyup = function (e) {
+          this._downKeys[e.which] = false;
+          if (!this._areDownKeys()) {
+            this._setProperty('isKeyPressed', false);
+            this._setProperty('keyIsPressed', false);
+          }
+          this._setProperty('_lastKeyCodeTyped', null);
+          this._setProperty('key', e.key || String.fromCharCode(e.which) || e.which);
+          this._setProperty('keyCode', e.which);
+          var context = this._isGlobal ? window : this;
+          if (typeof context.keyReleased === 'function') {
+            var executeDefault = context.keyReleased(e);
+            if (executeDefault === false) {
+              e.preventDefault();
+            }
+          }
+        };
+        /**
+ * The <a href="#/p5/keyTyped">keyTyped()</a> function is called once every time a key is pressed, but
+ * action keys such as Backspace, Delete, Ctrl, Shift, and Alt are ignored. If you are trying to detect
+ * a keyCode for one of these keys, use the <a href="#/p5/keyPressed">keyPressed()</a> function instead.
+ * The most recent key typed will be stored in the key variable.
+ *
+ * Because of how operating systems handle key repeats, holding down a key
+ * will cause multiple calls to <a href="#/p5/keyTyped">keyTyped()</a> (and <a href="#/p5/keyReleased">keyReleased()</a> as well). The
+ * rate of repeat is set by the operating system and how each computer is
+ * configured.<br><br>
+ * Browsers may have different default behaviors attached to various key
+ * events. To prevent any default behavior for this event, add "return false"
+ * to the end of the function.
+ *
+ * @method keyTyped
+ * @param  {KeyboardEvent} [event] optional KeyboardEvent callback argument.
+ * @example
+ * <div>
+ * <code>
+ * let value = 0;
+ * function draw() {
+ *   fill(value);
+ *   rect(25, 25, 50, 50);
+ *   describe(`black rect center. turns white when 'a' key typed and
+ *     black when 'b' pressed`);
+ * }
+ * function keyTyped() {
+ *   if (key === 'a') {
+ *     value = 255;
+ *   } else if (key === 'b') {
+ *     value = 0;
+ *   }
+ *   // uncomment to prevent any default behavior
+ *   // return false;
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype._onkeypress = function (e) {
+          if (e.which === this._lastKeyCodeTyped) {
+            // prevent multiple firings
+            return;
+          }
+          this._setProperty('_lastKeyCodeTyped', e.which); // track last keyCode
+          this._setProperty('key', e.key || String.fromCharCode(e.which) || e.which);
+          var context = this._isGlobal ? window : this;
+          if (typeof context.keyTyped === 'function') {
+            var executeDefault = context.keyTyped(e);
+            if (executeDefault === false) {
+              e.preventDefault();
+            }
+          }
+        };
+        /**
+ * The onblur function is called when the user is no longer focused
+ * on the p5 element. Because the keyup events will not fire if the user is
+ * not focused on the element we must assume all keys currently down have
+ * been released.
+ */
+        _main.default.prototype._onblur = function (e) {
+          this._downKeys = {
+          };
+        };
+        /**
+ * The <a href="#/p5/keyIsDown">keyIsDown()</a> function checks if the key is currently down, i.e. pressed.
+ * It can be used if you have an object that moves, and you want several keys
+ * to be able to affect its behaviour simultaneously, such as moving a
+ * sprite diagonally. You can put in any number representing the keyCode of
+ * the key, or use any of the variable <a href="#/p5/keyCode">keyCode</a> names listed
+ * <a href="http://p5js.org/reference/#p5/keyCode">here</a>.
+ *
+ * @method keyIsDown
+ * @param {Number}          code The key to check for.
+ * @return {Boolean}        whether key is down or not
+ * @example
+ * <div><code>
+ * let x = 100;
+ * let y = 100;
+ *
+ * function setup() {
+ *   createCanvas(512, 512);
+ *   fill(255, 0, 0);
+ * }
+ *
+ * function draw() {
+ *   if (keyIsDown(LEFT_ARROW)) {
+ *     x -= 5;
+ *   }
+ *
+ *   if (keyIsDown(RIGHT_ARROW)) {
+ *     x += 5;
+ *   }
+ *
+ *   if (keyIsDown(UP_ARROW)) {
+ *     y -= 5;
+ *   }
+ *
+ *   if (keyIsDown(DOWN_ARROW)) {
+ *     y += 5;
+ *   }
+ *
+ *   clear();
+ *   ellipse(x, y, 50, 50);
+ *   describe(`50-by-50 red ellipse moves left, right, up, and
+ *     down with arrow presses.`);
+ * }
+ * </code></div>
+ *
+ * <div><code>
+ * let diameter = 50;
+ *
+ * function setup() {
+ *   createCanvas(512, 512);
+ * }
+ *
+ * function draw() {
+ *   // 107 and 187 are keyCodes for "+"
+ *   if (keyIsDown(107) || keyIsDown(187)) {
+ *     diameter += 1;
+ *   }
+ *
+ *   // 109 and 189 are keyCodes for "-"
+ *   if (keyIsDown(109) || keyIsDown(189)) {
+ *     diameter -= 1;
+ *   }
+ *
+ *   clear();
+ *   fill(255, 0, 0);
+ *   ellipse(50, 50, diameter, diameter);
+ *   describe(`50-by-50 red ellipse gets bigger or smaller when
+ *     + or - are pressed.`);
+ * }
+ * </code></div>
+ */
+        _main.default.prototype.keyIsDown = function (code) {
+          _main.default._validateParameters('keyIsDown', arguments);
+          return this._downKeys[code] || false;
+        };
+        /**
+ * The _areDownKeys function returns a boolean true if any keys pressed
+ * and a false if no keys are currently pressed.
+
+ * Helps avoid instances where multiple keys are pressed simultaneously and
+ * releasing a single key will then switch the
+ * keyIsPressed property to true.
+ * @private
+**/
+        _main.default.prototype._areDownKeys = function () {
+          for (var key in this._downKeys) {
+            if (this._downKeys.hasOwnProperty(key) && this._downKeys[key] === true) {
+              return true;
+            }
+          }
+          return false;
+        };
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        '../core/main': 298
+      }
+    ],
+    317: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.includes');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.object.get-own-property-descriptor');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.string.includes');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.weak-map');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        function _typeof2(obj) {
+          if (typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol') {
+            _typeof2 = function _typeof2(obj) {
+              return typeof obj;
+            };
+          } else {
+            _typeof2 = function _typeof2(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj;
+            };
+          }
+          return _typeof2(obj);
+        }
+        function _typeof(obj) {
+          if (typeof Symbol === 'function' && _typeof2(Symbol.iterator) === 'symbol') {
+            _typeof = function _typeof(obj) {
+              return _typeof2(obj);
+            };
+          } else {
+            _typeof = function _typeof(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : _typeof2(obj);
+            };
+          }
+          return _typeof(obj);
+        }
+        _dereq_('core-js/modules/es.array.includes');
+        _dereq_('core-js/modules/es.string.includes');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        var constants = _interopRequireWildcard(_dereq_('../core/constants'));
+        function _getRequireWildcardCache() {
+          if (typeof WeakMap !== 'function') return null;
+          var cache = new WeakMap();
+          _getRequireWildcardCache = function _getRequireWildcardCache() {
+            return cache;
+          };
+          return cache;
+        }
+        function _interopRequireWildcard(obj) {
+          if (obj && obj.__esModule) {
+            return obj;
+          }
+          if (obj === null || _typeof(obj) !== 'object' && typeof obj !== 'function') {
+            return {
+            default:
+              obj
+            };
+          }
+          var cache = _getRequireWildcardCache();
+          if (cache && cache.has(obj)) {
+            return cache.get(obj);
+          }
+          var newObj = {
+          };
+          var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+          for (var key in obj) {
+            if (Object.prototype.hasOwnProperty.call(obj, key)) {
+              var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+              if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+              } else {
+                newObj[key] = obj[key];
+              }
+            }
+          }
+          newObj.default = obj;
+          if (cache) {
+            cache.set(obj, newObj);
+          }
+          return newObj;
+        }
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }        /**
+ * @module Events
+ * @submodule Mouse
+ * @for p5
+ * @requires core
+ * @requires constants
+ */
+        /**
+ *
+ * The variable movedX contains the horizontal movement of the mouse since the last frame
+ * @property {Number} movedX
+ * @readOnly
+ * @example
+ * <div class="notest">
+ * <code>
+ * let x = 50;
+ * function setup() {
+ *   rectMode(CENTER);
+ * }
+ *
+ * function draw() {
+ *   if (x > 48) {
+ *     x -= 2;
+ *   } else if (x < 48) {
+ *     x += 2;
+ *   }
+ *   x += floor(movedX / 5);
+ *   background(237, 34, 93);
+ *   fill(0);
+ *   rect(x, 50, 50, 50);
+ *   describe(`box moves left and right according to mouse movement
+ *     then slowly back towards the center`);
+ * }
+ * </code>
+ * </div>
+ */
+
+        _main.default.prototype.movedX = 0;
+        /**
+ * The variable movedY contains the vertical movement of the mouse since the last frame
+ * @property {Number} movedY
+ * @readOnly
+ * @example
+ * <div class="notest">
+ * <code>
+ * let y = 50;
+ * function setup() {
+ *   rectMode(CENTER);
+ * }
+ *
+ * function draw() {
+ *   if (y > 48) {
+ *     y -= 2;
+ *   } else if (y < 48) {
+ *     y += 2;
+ *   }
+ *   y += floor(movedY / 5);
+ *   background(237, 34, 93);
+ *   fill(0);
+ *   rect(50, y, 50, 50);
+ *   describe(`box moves up and down according to mouse movement then
+ *     slowly back towards the center`);
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.movedY = 0;
+        /*
+ * This is a flag which is false until the first time
+ * we receive a mouse event. The pmouseX and pmouseY
+ * values will match the mouseX and mouseY values until
+ * this interaction takes place.
+ */
+        _main.default.prototype._hasMouseInteracted = false;
+        /**
+ * The system variable mouseX always contains the current horizontal
+ * position of the mouse, relative to (0, 0) of the canvas. The value at
+ * the top-left corner is (0, 0) for 2-D and (-width/2, -height/2) for WebGL.
+ * If touch is used instead of mouse input, mouseX will hold the x value
+ * of the most recent touch point.
+ *
+ * @property {Number} mouseX
+ * @readOnly
+ *
+ * @example
+ * <div>
+ * <code>
+ * // Move the mouse across the canvas
+ * function draw() {
+ *   background(244, 248, 252);
+ *   line(mouseX, 0, mouseX, 100);
+ *   describe('horizontal black line moves left and right with mouse x-position');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.mouseX = 0;
+        /**
+ * The system variable mouseY always contains the current vertical
+ * position of the mouse, relative to (0, 0) of the canvas. The value at
+ * the top-left corner is (0, 0) for 2-D and (-width/2, -height/2) for WebGL.
+ * If touch is used instead of mouse input, mouseY will hold the y value
+ * of the most recent touch point.
+ *
+ * @property {Number} mouseY
+ * @readOnly
+ *
+ * @example
+ * <div>
+ * <code>
+ * // Move the mouse across the canvas
+ * function draw() {
+ *   background(244, 248, 252);
+ *   line(0, mouseY, 100, mouseY);
+ *   describe('vertical black line moves up and down with mouse y-position');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.mouseY = 0;
+        /**
+ * The system variable pmouseX always contains the horizontal position of
+ * the mouse or finger in the frame previous to the current frame, relative to
+ * (0, 0) of the canvas. The value at the top-left corner is (0, 0) for 2-D and
+ * (-width/2, -height/2) for WebGL. Note: pmouseX will be reset to the current mouseX
+ * value at the start of each touch event.
+ *
+ * @property {Number} pmouseX
+ * @readOnly
+ *
+ * @example
+ * <div>
+ * <code>
+ * // Move the mouse across the canvas to leave a trail
+ * function setup() {
+ *   //slow down the frameRate to make it more visible
+ *   frameRate(10);
+ * }
+ *
+ * function draw() {
+ *   background(244, 248, 252);
+ *   line(mouseX, mouseY, pmouseX, pmouseY);
+ *   print(pmouseX + ' -> ' + mouseX);
+ *   describe(`line trail is created from cursor movements.
+ *     faster movement make longer line.`);
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.pmouseX = 0;
+        /**
+ * The system variable pmouseY always contains the vertical position of
+ * the mouse or finger in the frame previous to the current frame, relative to
+ * (0, 0) of the canvas. The value at the top-left corner is (0, 0) for 2-D and
+ * (-width/2, -height/2) for WebGL. Note: pmouseY will be reset to the current mouseY
+ * value at the start of each touch event.
+ *
+ * @property {Number} pmouseY
+ * @readOnly
+ *
+ * @example
+ * <div>
+ * <code>
+ * function draw() {
+ *   background(237, 34, 93);
+ *   fill(0);
+ *   //draw a square only if the mouse is not moving
+ *   if (mouseY === pmouseY && mouseX === pmouseX) {
+ *     rect(20, 20, 60, 60);
+ *   }
+ *
+ *   print(pmouseY + ' -> ' + mouseY);
+ *   describe(`60-by-60 black rect center, fuchsia background.
+ *     rect flickers on mouse movement`);
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.pmouseY = 0;
+        /**
+ * The system variable winMouseX always contains the current horizontal
+ * position of the mouse, relative to (0, 0) of the window.
+ *
+ * @property {Number} winMouseX
+ * @readOnly
+ *
+ * @example
+ * <div>
+ * <code>
+ * let myCanvas;
+ *
+ * function setup() {
+ *   //use a variable to store a pointer to the canvas
+ *   myCanvas = createCanvas(100, 100);
+ *   let body = document.getElementsByTagName('body')[0];
+ *   myCanvas.parent(body);
+ * }
+ *
+ * function draw() {
+ *   background(237, 34, 93);
+ *   fill(0);
+ *
+ *   //move the canvas to the horizontal mouse position
+ *   //relative to the window
+ *   myCanvas.position(winMouseX + 1, windowHeight / 2);
+ *
+ *   //the y of the square is relative to the canvas
+ *   rect(20, mouseY, 60, 60);
+ *   describe(`60-by-60 black rect y moves with mouse y and fuchsia
+ *     canvas moves with mouse x`);
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.winMouseX = 0;
+        /**
+ * The system variable winMouseY always contains the current vertical
+ * position of the mouse, relative to (0, 0) of the window.
+ *
+ * @property {Number} winMouseY
+ * @readOnly
+ *
+ * @example
+ * <div>
+ * <code>
+ * let myCanvas;
+ *
+ * function setup() {
+ *   //use a variable to store a pointer to the canvas
+ *   myCanvas = createCanvas(100, 100);
+ *   let body = document.getElementsByTagName('body')[0];
+ *   myCanvas.parent(body);
+ * }
+ *
+ * function draw() {
+ *   background(237, 34, 93);
+ *   fill(0);
+ *
+ *   //move the canvas to the vertical mouse position
+ *   //relative to the window
+ *   myCanvas.position(windowWidth / 2, winMouseY + 1);
+ *
+ *   //the x of the square is relative to the canvas
+ *   rect(mouseX, 20, 60, 60);
+ *   describe(`60-by-60 black rect x moves with mouse x and
+ *     fuchsia canvas y moves with mouse y`);
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.winMouseY = 0;
+        /**
+ * The system variable pwinMouseX always contains the horizontal position
+ * of the mouse in the frame previous to the current frame, relative to
+ * (0, 0) of the window. Note: pwinMouseX will be reset to the current winMouseX
+ * value at the start of each touch event.
+ *
+ * @property {Number} pwinMouseX
+ * @readOnly
+ *
+ * @example
+ * <div>
+ * <code>
+ * let myCanvas;
+ *
+ * function setup() {
+ *   //use a variable to store a pointer to the canvas
+ *   myCanvas = createCanvas(100, 100);
+ *   noStroke();
+ *   fill(237, 34, 93);
+ * }
+ *
+ * function draw() {
+ *   clear();
+ *   //the difference between previous and
+ *   //current x position is the horizontal mouse speed
+ *   let speed = abs(winMouseX - pwinMouseX);
+ *   //change the size of the circle
+ *   //according to the horizontal speed
+ *   ellipse(50, 50, 10 + speed * 5, 10 + speed * 5);
+ *   //move the canvas to the mouse position
+ *   myCanvas.position(winMouseX + 1, winMouseY + 1);
+ *   describe(`fuchsia ellipse moves with mouse x and y.
+ *     Grows and shrinks with mouse speed`);
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.pwinMouseX = 0;
+        /**
+ * The system variable pwinMouseY always contains the vertical position of
+ * the mouse in the frame previous to the current frame, relative to (0, 0)
+ * of the window. Note: pwinMouseY will be reset to the current winMouseY
+ * value at the start of each touch event.
+ *
+ * @property {Number} pwinMouseY
+ * @readOnly
+ *
+ * @example
+ * <div>
+ * <code>
+ * let myCanvas;
+ *
+ * function setup() {
+ *   //use a variable to store a pointer to the canvas
+ *   myCanvas = createCanvas(100, 100);
+ *   noStroke();
+ *   fill(237, 34, 93);
+ * }
+ *
+ * function draw() {
+ *   clear();
+ *   //the difference between previous and
+ *   //current y position is the vertical mouse speed
+ *   let speed = abs(winMouseY - pwinMouseY);
+ *   //change the size of the circle
+ *   //according to the vertical speed
+ *   ellipse(50, 50, 10 + speed * 5, 10 + speed * 5);
+ *   //move the canvas to the mouse position
+ *   myCanvas.position(winMouseX + 1, winMouseY + 1);
+ *   describe(`fuchsia ellipse moves with mouse x and y.
+ *     Grows and shrinks with mouse speed`);
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.pwinMouseY = 0;
+        /**
+ * p5 automatically tracks if the mouse button is pressed and which
+ * button is pressed. The value of the system variable mouseButton is either
+ * LEFT, RIGHT, or CENTER depending on which button was pressed last.
+ * Warning: different browsers may track mouseButton differently.
+ *
+ * @property {Constant} mouseButton
+ * @readOnly
+ *
+ * @example
+ * <div>
+ * <code>
+ * function draw() {
+ *   background(237, 34, 93);
+ *   fill(0);
+ *
+ *   if (mouseIsPressed === true) {
+ *     if (mouseButton === LEFT) {
+ *       ellipse(50, 50, 50, 50);
+ *     }
+ *     if (mouseButton === RIGHT) {
+ *       rect(25, 25, 50, 50);
+ *     }
+ *     if (mouseButton === CENTER) {
+ *       triangle(23, 75, 50, 20, 78, 75);
+ *     }
+ *   }
+ *
+ *   print(mouseButton);
+ *   describe(`50-by-50 black ellipse appears on center of fuchsia
+ *     canvas on mouse click/press.`);
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.mouseButton = 0;
+        /**
+ * The boolean system variable mouseIsPressed is true if the mouse is pressed
+ * and false if not.
+ *
+ * @property {Boolean} mouseIsPressed
+ * @readOnly
+ *
+ * @example
+ * <div>
+ * <code>
+ * function draw() {
+ *   background(237, 34, 93);
+ *   fill(0);
+ *
+ *   if (mouseIsPressed === true) {
+ *     ellipse(50, 50, 50, 50);
+ *   } else {
+ *     rect(25, 25, 50, 50);
+ *   }
+ *
+ *   print(mouseIsPressed);
+ *   describe(`black 50-by-50 rect becomes ellipse with mouse click/press.
+ *     fuchsia background.`);
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.mouseIsPressed = false;
+        _main.default.prototype._updateNextMouseCoords = function (e) {
+          if (this._curElement !== null && (!e.touches || e.touches.length > 0)) {
+            var mousePos = getMousePos(this._curElement.elt, this.width, this.height, e);
+            this._setProperty('movedX', e.movementX);
+            this._setProperty('movedY', e.movementY);
+            this._setProperty('mouseX', mousePos.x);
+            this._setProperty('mouseY', mousePos.y);
+            this._setProperty('winMouseX', mousePos.winX);
+            this._setProperty('winMouseY', mousePos.winY);
+          }
+          if (!this._hasMouseInteracted) {
+            // For first draw, make previous and next equal
+            this._updateMouseCoords();
+            this._setProperty('_hasMouseInteracted', true);
+          }
+        };
+        _main.default.prototype._updateMouseCoords = function () {
+          this._setProperty('pmouseX', this.mouseX);
+          this._setProperty('pmouseY', this.mouseY);
+          this._setProperty('pwinMouseX', this.winMouseX);
+          this._setProperty('pwinMouseY', this.winMouseY);
+          this._setProperty('_pmouseWheelDeltaY', this._mouseWheelDeltaY);
+        };
+        function getMousePos(canvas, w, h, evt) {
+          if (evt && !evt.clientX) {
+            // use touches if touch and not mouse
+            if (evt.touches) {
+              evt = evt.touches[0];
+            } else if (evt.changedTouches) {
+              evt = evt.changedTouches[0];
+            }
+          }
+          var rect = canvas.getBoundingClientRect();
+          var sx = canvas.scrollWidth / w || 1;
+          var sy = canvas.scrollHeight / h || 1;
+          return {
+            x: (evt.clientX - rect.left) / sx,
+            y: (evt.clientY - rect.top) / sy,
+            winX: evt.clientX,
+            winY: evt.clientY,
+            id: evt.identifier
+          };
+        }
+        _main.default.prototype._setMouseButton = function (e) {
+          if (e.button === 1) {
+            this._setProperty('mouseButton', constants.CENTER);
+          } else if (e.button === 2) {
+            this._setProperty('mouseButton', constants.RIGHT);
+          } else {
+            this._setProperty('mouseButton', constants.LEFT);
+          }
+        };
+        /**
+ * The <a href="#/p5/mouseMoved">mouseMoved()</a> function is called every time the mouse moves and a mouse
+ * button is not pressed.<br><br>
+ * Browsers may have different default
+ * behaviors attached to various mouse events. To prevent any default
+ * behavior for this event, add "return false" to the end of the method.
+ *
+ * @method mouseMoved
+ * @param  {MouseEvent} [event] optional MouseEvent callback argument.
+ * @example
+ * <div>
+ * <code>
+ * // Move the mouse across the page
+ * // to change its value
+ *
+ * let value = 0;
+ * function draw() {
+ *   fill(value);
+ *   rect(25, 25, 50, 50);
+ *   describe(`black 50-by-50 rect becomes lighter with mouse movements until
+ *   white then resets no image displayed`);
+ * }
+ * function mouseMoved() {
+ *   value = value + 5;
+ *   if (value > 255) {
+ *     value = 0;
+ *   }
+ * }
+ * </code>
+ * </div>
+ *
+ * <div class="norender">
+ * <code>
+ * function mouseMoved() {
+ *   ellipse(mouseX, mouseY, 5, 5);
+ *   // prevent default
+ *   return false;
+ * }
+ * </code>
+ * </div>
+ *
+ * <div class="norender">
+ * <code>
+ * // returns a MouseEvent object
+ * // as a callback argument
+ * function mouseMoved(event) {
+ *   console.log(event);
+ * }
+ * </code>
+ * </div>
+ */
+        /**
+ * The <a href="#/p5/mouseDragged">mouseDragged()</a> function is called once every time the mouse moves and
+ * a mouse button is pressed. If no <a href="#/p5/mouseDragged">mouseDragged()</a> function is defined, the
+ * <a href="#/p5/touchMoved">touchMoved()</a> function will be called instead if it is defined.<br><br>
+ * Browsers may have different default
+ * behaviors attached to various mouse events. To prevent any default
+ * behavior for this event, add "return false" to the end of the function.
+ *
+ * @method mouseDragged
+ * @param  {MouseEvent} [event] optional MouseEvent callback argument.
+ * @example
+ * <div>
+ * <code>
+ * // Drag the mouse across the page
+ * // to change its value
+ *
+ * let value = 0;
+ * function draw() {
+ *   fill(value);
+ *   rect(25, 25, 50, 50);
+ *   describe(`black 50-by-50 rect turns lighter with mouse click and
+ *     drag until white, resets`);
+ * }
+ * function mouseDragged() {
+ *   value = value + 5;
+ *   if (value > 255) {
+ *     value = 0;
+ *   }
+ * }
+ * </code>
+ * </div>
+ *
+ * <div class="norender">
+ * <code>
+ * function mouseDragged() {
+ *   ellipse(mouseX, mouseY, 5, 5);
+ *   // prevent default
+ *   return false;
+ * }
+ * </code>
+ * </div>
+ *
+ * <div class="norender">
+ * <code>
+ * // returns a MouseEvent object
+ * // as a callback argument
+ * function mouseDragged(event) {
+ *   console.log(event);
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype._onmousemove = function (e) {
+          var context = this._isGlobal ? window : this;
+          var executeDefault;
+          this._updateNextMouseCoords(e);
+          if (!this.mouseIsPressed) {
+            if (typeof context.mouseMoved === 'function') {
+              executeDefault = context.mouseMoved(e);
+              if (executeDefault === false) {
+                e.preventDefault();
+              }
+            }
+          } else {
+            if (typeof context.mouseDragged === 'function') {
+              executeDefault = context.mouseDragged(e);
+              if (executeDefault === false) {
+                e.preventDefault();
+              }
+            } else if (typeof context.touchMoved === 'function') {
+              executeDefault = context.touchMoved(e);
+              if (executeDefault === false) {
+                e.preventDefault();
+              }
+            }
+          }
+        };
+        /**
+ * The <a href="#/p5/mousePressed">mousePressed()</a> function is called once after every time a mouse button
+ * is pressed. The mouseButton variable (see the related reference entry)
+ * can be used to determine which button has been pressed. If no
+ * <a href="#/p5/mousePressed">mousePressed()</a> function is defined, the <a href="#/p5/touchStarted">touchStarted()</a> function will be
+ * called instead if it is defined.<br><br>
+ * Browsers may have different default
+ * behaviors attached to various mouse events. To prevent any default
+ * behavior for this event, add "return false" to the end of the function.
+ *
+ * @method mousePressed
+ * @param  {MouseEvent} [event] optional MouseEvent callback argument.
+ * @example
+ * <div>
+ * <code>
+ * // Click anywhere in the webpage to change
+ * // the color value of the rectangle
+ *
+ * let colorValue = 0;
+ * function draw() {
+ *   fill(colorValue);
+ *   rect(25, 25, 50, 50);
+ *   describe('black 50-by-50 rect turns white with mouse click/press.');
+ * }
+ * function mousePressed() {
+ *   if (colorValue === 0) {
+ *     colorValue = 255;
+ *   } else {
+ *     colorValue = 0;
+ *   }
+ * }
+ * </code>
+ * </div>
+ *
+ * <div class="norender">
+ * <code>
+ * function mousePressed() {
+ *   ellipse(mouseX, mouseY, 5, 5);
+ *   // prevent default
+ *   return false;
+ * }
+ * </code>
+ * </div>
+ *
+ * <div class="norender">
+ * <code>
+ * // returns a MouseEvent object
+ * // as a callback argument
+ * function mousePressed(event) {
+ *   console.log(event);
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype._onmousedown = function (e) {
+          var context = this._isGlobal ? window : this;
+          var executeDefault;
+          this._setProperty('mouseIsPressed', true);
+          this._setMouseButton(e);
+          this._updateNextMouseCoords(e);
+          if (typeof context.mousePressed === 'function') {
+            executeDefault = context.mousePressed(e);
+            if (executeDefault === false) {
+              e.preventDefault();
+            }            // only safari needs this manual fallback for consistency
+
+          } else if (navigator.userAgent.toLowerCase().includes('safari') && typeof context.touchStarted === 'function') {
+            executeDefault = context.touchStarted(e);
+            if (executeDefault === false) {
+              e.preventDefault();
+            }
+          }
+        };
+        /**
+ * The <a href="#/p5/mouseReleased">mouseReleased()</a> function is called every time a mouse button is
+ * released. If no <a href="#/p5/mouseReleased">mouseReleased()</a> function is defined, the <a href="#/p5/touchEnded">touchEnded()</a>
+ * function will be called instead if it is defined.<br><br>
+ * Browsers may have different default
+ * behaviors attached to various mouse events. To prevent any default
+ * behavior for this event, add "return false" to the end of the function.
+ *
+ * @method mouseReleased
+ * @param  {MouseEvent} [event] optional MouseEvent callback argument.
+ * @example
+ * <div>
+ * <code>
+ * // Click within the image to change
+ * // the value of the rectangle
+ * // after the mouse has been clicked
+ *
+ * let value = 0;
+ * function draw() {
+ *   fill(value);
+ *   rect(25, 25, 50, 50);
+ *   describe('black 50-by-50 rect turns white with mouse click/press.');
+ * }
+ * function mouseReleased() {
+ *   if (value === 0) {
+ *     value = 255;
+ *   } else {
+ *     value = 0;
+ *   }
+ * }
+ * </code>
+ * </div>
+ *
+ * <div class="norender">
+ * <code>
+ * function mouseReleased() {
+ *   ellipse(mouseX, mouseY, 5, 5);
+ *   // prevent default
+ *   return false;
+ * }
+ * </code>
+ * </div>
+ *
+ * <div class="norender">
+ * <code>
+ * // returns a MouseEvent object
+ * // as a callback argument
+ * function mouseReleased(event) {
+ *   console.log(event);
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype._onmouseup = function (e) {
+          var context = this._isGlobal ? window : this;
+          var executeDefault;
+          this._setProperty('mouseIsPressed', false);
+          if (typeof context.mouseReleased === 'function') {
+            executeDefault = context.mouseReleased(e);
+            if (executeDefault === false) {
+              e.preventDefault();
+            }
+          } else if (typeof context.touchEnded === 'function') {
+            executeDefault = context.touchEnded(e);
+            if (executeDefault === false) {
+              e.preventDefault();
+            }
+          }
+        };
+        _main.default.prototype._ondragend = _main.default.prototype._onmouseup;
+        _main.default.prototype._ondragover = _main.default.prototype._onmousemove;
+        /**
+ * The <a href="#/p5/mouseClicked">mouseClicked()</a> function is called once after a mouse button has been
+ * pressed and then released.<br><br>
+ * Browsers handle clicks differently, so this function is only guaranteed to be
+ * run when the left mouse button is clicked. To handle other mouse buttons
+ * being pressed or released, see <a href="#/p5/mousePressed">mousePressed()</a> or <a href="#/p5/mouseReleased">mouseReleased()</a>.<br><br>
+ * Browsers may have different default
+ * behaviors attached to various mouse events. To prevent any default
+ * behavior for this event, add "return false" to the end of the function.
+ *
+ * @method mouseClicked
+ * @param  {MouseEvent} [event] optional MouseEvent callback argument.
+ * @example
+ * <div>
+ * <code>
+ * // Click within the image to change
+ * // the value of the rectangle
+ * // after the mouse has been clicked
+ *
+ * let value = 0;
+ * function draw() {
+ *   fill(value);
+ *   rect(25, 25, 50, 50);
+ *   describe('black 50-by-50 rect turns white with mouse click/press.');
+ * }
+ *
+ * function mouseClicked() {
+ *   if (value === 0) {
+ *     value = 255;
+ *   } else {
+ *     value = 0;
+ *   }
+ * }
+ * </code>
+ * </div>
+ *
+ * <div class="norender">
+ * <code>
+ * function mouseClicked() {
+ *   ellipse(mouseX, mouseY, 5, 5);
+ *   // prevent default
+ *   return false;
+ * }
+ * </code>
+ * </div>
+ *
+ * <div class="norender">
+ * <code>
+ * // returns a MouseEvent object
+ * // as a callback argument
+ * function mouseClicked(event) {
+ *   console.log(event);
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype._onclick = function (e) {
+          var context = this._isGlobal ? window : this;
+          if (typeof context.mouseClicked === 'function') {
+            var executeDefault = context.mouseClicked(e);
+            if (executeDefault === false) {
+              e.preventDefault();
+            }
+          }
+        };
+        /**
+ * The <a href="#/p5/doubleClicked">doubleClicked()</a> function is executed every time a event
+ * listener has detected a dblclick event which is a part of the
+ * DOM L3 specification. The doubleClicked event is fired when a
+ * pointing device button (usually a mouse's primary button)
+ * is clicked twice on a single element. For more info on the
+ * dblclick event refer to mozilla's documentation here:
+ * https://developer.mozilla.org/en-US/docs/Web/Events/dblclick
+ *
+ * @method doubleClicked
+ * @param  {MouseEvent} [event] optional MouseEvent callback argument.
+ * @example
+ * <div>
+ * <code>
+ * // Click within the image to change
+ * // the value of the rectangle
+ * // after the mouse has been double clicked
+ *
+ * let value = 0;
+ * function draw() {
+ *   fill(value);
+ *   rect(25, 25, 50, 50);
+ *   describe('black 50-by-50 rect turns white with mouse doubleClick/press.');
+ * }
+ *
+ * function doubleClicked() {
+ *   if (value === 0) {
+ *     value = 255;
+ *   } else {
+ *     value = 0;
+ *   }
+ * }
+ * </code>
+ * </div>
+ *
+ * <div class="norender">
+ * <code>
+ * function doubleClicked() {
+ *   ellipse(mouseX, mouseY, 5, 5);
+ *   // prevent default
+ *   return false;
+ * }
+ * </code>
+ * </div>
+ *
+ * <div class="norender">
+ * <code>
+ * // returns a MouseEvent object
+ * // as a callback argument
+ * function doubleClicked(event) {
+ *   console.log(event);
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype._ondblclick = function (e) {
+          var context = this._isGlobal ? window : this;
+          if (typeof context.doubleClicked === 'function') {
+            var executeDefault = context.doubleClicked(e);
+            if (executeDefault === false) {
+              e.preventDefault();
+            }
+          }
+        };
+        /**
+ * For use with WebGL orbitControl.
+ * @property {Number} _mouseWheelDeltaY
+ * @readOnly
+ * @private
+ */
+        _main.default.prototype._mouseWheelDeltaY = 0;
+        /**
+ * For use with WebGL orbitControl.
+ * @property {Number} _pmouseWheelDeltaY
+ * @readOnly
+ * @private
+ */
+        _main.default.prototype._pmouseWheelDeltaY = 0;
+        /**
+ * The function <a href="#/p5/mouseWheel">mouseWheel()</a> is executed every time a vertical mouse wheel
+ * event is detected either triggered by an actual mouse wheel or by a
+ * touchpad.<br><br>
+ * The event.delta property returns the amount the mouse wheel
+ * have scrolled. The values can be positive or negative depending on the
+ * scroll direction (on macOS with "natural" scrolling enabled, the signs
+ * are inverted).<br><br>
+ * Browsers may have different default behaviors attached to various
+ * mouse events. To prevent any default behavior for this event, add
+ * "return false" to the end of the method.<br><br>
+ * Due to the current support of the "wheel" event on Safari, the function
+ * may only work as expected if "return false" is included while using Safari.
+ *
+ * @method mouseWheel
+ * @param  {WheelEvent} [event] optional WheelEvent callback argument.
+ *
+ * @example
+ * <div>
+ * <code>
+ * let pos = 25;
+ *
+ * function draw() {
+ *   background(237, 34, 93);
+ *   fill(0);
+ *   rect(25, pos, 50, 50);
+ *   describe(`black 50-by-50 rect moves up and down with vertical scroll.
+ *     fuchsia background`);
+ * }
+ *
+ * function mouseWheel(event) {
+ *   print(event.delta);
+ *   //move the square according to the vertical scroll amount
+ *   pos += event.delta;
+ *   //uncomment to block page scrolling
+ *   //return false;
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype._onwheel = function (e) {
+          var context = this._isGlobal ? window : this;
+          this._setProperty('_mouseWheelDeltaY', e.deltaY);
+          if (typeof context.mouseWheel === 'function') {
+            e.delta = e.deltaY;
+            var executeDefault = context.mouseWheel(e);
+            if (executeDefault === false) {
+              e.preventDefault();
+            }
+          }
+        };
+        /**
+ * The function <a href="#/p5/requestPointerLock">requestPointerLock()</a>
+ * locks the pointer to its current position and makes it invisible.
+ * Use <a href="#/p5/movedX">movedX</a> and <a href="#/p5/movedY">movedY</a> to get the difference the mouse was moved since
+ * the last call of draw.
+ * Note that not all browsers support this feature.
+ * This enables you to create experiences that aren't limited by the mouse moving out of the screen
+ * even if it is repeatedly moved into one direction.
+ * For example, a first person perspective experience.
+ *
+ * @method requestPointerLock
+ * @example
+ * <div class="notest">
+ * <code>
+ * let cam;
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   requestPointerLock();
+ *   cam = createCamera();
+ * }
+ *
+ * function draw() {
+ *   background(255);
+ *   cam.pan(-movedX * 0.001);
+ *   cam.tilt(movedY * 0.001);
+ *   sphere(25);
+ *   describe(`3D scene moves according to mouse mouse movement in a
+ *     first person perspective`);
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.requestPointerLock = function () {
+          // pointer lock object forking for cross browser
+          var canvas = this._curElement.elt;
+          canvas.requestPointerLock = canvas.requestPointerLock || canvas.mozRequestPointerLock;
+          if (!canvas.requestPointerLock) {
+            console.log('requestPointerLock is not implemented in this browser');
+            return false;
+          }
+          canvas.requestPointerLock();
+          return true;
+        };
+        /**
+ * The function <a href="#/p5/exitPointerLock">exitPointerLock()</a>
+ * exits a previously triggered <a href="#/p5/requestPointerLock">pointer Lock</a>
+ * for example to make ui elements usable etc
+ *
+ * @method exitPointerLock
+ * @example
+ * <div class="notest">
+ * <code>
+ * //click the canvas to lock the pointer
+ * //click again to exit (otherwise escape)
+ * let locked = false;
+ * function draw() {
+ *   background(237, 34, 93);
+ *   describe('cursor gets locked / unlocked on mouse-click');
+ * }
+ * function mouseClicked() {
+ *   if (!locked) {
+ *     locked = true;
+ *     requestPointerLock();
+ *   } else {
+ *     exitPointerLock();
+ *     locked = false;
+ *   }
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.exitPointerLock = function () {
+          document.exitPointerLock();
+        };
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        '../core/constants': 286,
+        '../core/main': 298,
+        'core-js/modules/es.array.includes': 177,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.object.get-own-property-descriptor': 196,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.string.includes': 209,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/es.weak-map': 254,
+        'core-js/modules/web.dom-collections.iterator': 256
+      }
+    ],
+    318: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.array.includes');
+        _dereq_('core-js/modules/es.string.includes');
+        _dereq_('core-js/modules/es.array.includes');
+        _dereq_('core-js/modules/es.string.includes');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }        /**
+ * @module Events
+ * @submodule Touch
+ * @for p5
+ * @requires core
+ */
+        /**
+ * The system variable touches[] contains an array of the positions of all
+ * current touch points, relative to (0, 0) of the canvas, and IDs identifying a
+ * unique touch as it moves. Each element in the array is an object with x, y,
+ * and id properties.
+ *
+ * The touches[] array is not supported on Safari and IE on touch-based
+ * desktops (laptops).
+ *
+ * @property {Object[]} touches
+ * @readOnly
+ *
+ * @example
+ * <div>
+ * <code>
+ * // On a touchscreen device, touch
+ * // the canvas using one or more fingers
+ * // at the same time
+ * function draw() {
+ *   clear();
+ *   let display = touches.length + ' touches';
+ *   text(display, 5, 10);
+ *   describe(`Number of touches currently registered are displayed
+ *     on the canvas`);
+ * }
+ * </code>
+ * </div>
+ */
+
+        _main.default.prototype.touches = [
+        ];
+        _main.default.prototype._updateTouchCoords = function (e) {
+          if (this._curElement !== null) {
+            var touches = [
+            ];
+            for (var i = 0; i < e.touches.length; i++) {
+              touches[i] = getTouchInfo(this._curElement.elt, this.width, this.height, e, i);
+            }
+            this._setProperty('touches', touches);
+          }
+        };
+        function getTouchInfo(canvas, w, h, e) {
+          var i = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+          var rect = canvas.getBoundingClientRect();
+          var sx = canvas.scrollWidth / w || 1;
+          var sy = canvas.scrollHeight / h || 1;
+          var touch = e.touches[i] || e.changedTouches[i];
+          return {
+            x: (touch.clientX - rect.left) / sx,
+            y: (touch.clientY - rect.top) / sy,
+            winX: touch.clientX,
+            winY: touch.clientY,
+            id: touch.identifier
+          };
+        }        /**
+ * The touchStarted() function is called once after every time a touch is
+ * registered. If no <a href="#/p5/touchStarted">touchStarted()</a> function is defined, the <a href="#/p5/mousePressed">mousePressed()</a>
+ * function will be called instead if it is defined.<br><br>
+ * Browsers may have different default behaviors attached to various touch
+ * events. To prevent any default behavior for this event, add "return false"
+ * to the end of the method.
+ *
+ * @method touchStarted
+ * @param  {TouchEvent} [event] optional TouchEvent callback argument.
+ * @example
+ * <div>
+ * <code>
+ * // Touch within the image to change
+ * // the value of the rectangle
+ *
+ * let value = 0;
+ * function draw() {
+ *   fill(value);
+ *   rect(25, 25, 50, 50);
+ *   describe('50-by-50 black rect turns white with touch event.');
+ * }
+ * function touchStarted() {
+ *   if (value === 0) {
+ *     value = 255;
+ *   } else {
+ *     value = 0;
+ *   }
+ * }
+ * </code>
+ * </div>
+ *
+ * <div class="norender">
+ * <code>
+ * function touchStarted() {
+ *   ellipse(mouseX, mouseY, 5, 5);
+ *   // prevent default
+ *   return false;
+ * }
+ * describe('no image displayed');
+ * </code>
+ * </div>
+ *
+ * <div class="norender">
+ * <code>
+ * // returns a TouchEvent object
+ * // as a callback argument
+ * function touchStarted(event) {
+ *   console.log(event);
+ * }
+ * describe('no image displayed');
+ * </code>
+ * </div>
+ */
+
+        _main.default.prototype._ontouchstart = function (e) {
+          var context = this._isGlobal ? window : this;
+          var executeDefault;
+          this._setProperty('mouseIsPressed', true);
+          this._updateTouchCoords(e);
+          this._updateNextMouseCoords(e);
+          this._updateMouseCoords(); // reset pmouseXY at the start of each touch event
+          if (typeof context.touchStarted === 'function') {
+            executeDefault = context.touchStarted(e);
+            if (executeDefault === false) {
+              e.preventDefault();
+            }            // only safari needs this manual fallback for consistency
+
+          } else if (navigator.userAgent.toLowerCase().includes('safari') && typeof context.mousePressed === 'function') {
+            executeDefault = context.mousePressed(e);
+            if (executeDefault === false) {
+              e.preventDefault();
+            }
+          }
+        };
+        /**
+ * The <a href="#/p5/touchMoved">touchMoved()</a> function is called every time a touch move is registered.
+ * If no <a href="#/p5/touchMoved">touchMoved()</a> function is defined, the <a href="#/p5/mouseDragged">mouseDragged()</a> function will
+ * be called instead if it is defined.<br><br>
+ * Browsers may have different default behaviors attached to various touch
+ * events. To prevent any default behavior for this event, add "return false"
+ * to the end of the method.
+ *
+ * @method touchMoved
+ * @param  {TouchEvent} [event] optional TouchEvent callback argument.
+ * @example
+ * <div>
+ * <code>
+ * // Move your finger across the page
+ * // to change its value
+ *
+ * let value = 0;
+ * function draw() {
+ *   fill(value);
+ *   rect(25, 25, 50, 50);
+ *   describe('50-by-50 black rect turns lighter with touch until white. resets');
+ * }
+ * function touchMoved() {
+ *   value = value + 5;
+ *   if (value > 255) {
+ *     value = 0;
+ *   }
+ * }
+ * </code>
+ * </div>
+ *
+ * <div class="norender">
+ * <code>
+ * function touchMoved() {
+ *   ellipse(mouseX, mouseY, 5, 5);
+ *   // prevent default
+ *   return false;
+ * }
+ * describe('no image displayed');
+ * </code>
+ * </div>
+ *
+ * <div class="norender">
+ * <code>
+ * // returns a TouchEvent object
+ * // as a callback argument
+ * function touchMoved(event) {
+ *   console.log(event);
+ * }
+ * describe('no image displayed');
+ * </code>
+ * </div>
+ */
+        _main.default.prototype._ontouchmove = function (e) {
+          var context = this._isGlobal ? window : this;
+          var executeDefault;
+          this._updateTouchCoords(e);
+          this._updateNextMouseCoords(e);
+          if (typeof context.touchMoved === 'function') {
+            executeDefault = context.touchMoved(e);
+            if (executeDefault === false) {
+              e.preventDefault();
+            }
+          } else if (typeof context.mouseDragged === 'function') {
+            executeDefault = context.mouseDragged(e);
+            if (executeDefault === false) {
+              e.preventDefault();
+            }
+          }
+        };
+        /**
+ * The <a href="#/p5/touchEnded">touchEnded()</a> function is called every time a touch ends. If no
+ * <a href="#/p5/touchEnded">touchEnded()</a> function is defined, the <a href="#/p5/mouseReleased">mouseReleased()</a> function will be
+ * called instead if it is defined.<br><br>
+ * Browsers may have different default behaviors attached to various touch
+ * events. To prevent any default behavior for this event, add "return false"
+ * to the end of the method.
+ *
+ * @method touchEnded
+ * @param  {TouchEvent} [event] optional TouchEvent callback argument.
+ * @example
+ * <div>
+ * <code>
+ * // Release touch within the image to
+ * // change the value of the rectangle
+ *
+ * let value = 0;
+ * function draw() {
+ *   fill(value);
+ *   rect(25, 25, 50, 50);
+ *   describe('50-by-50 black rect turns white with touch.');
+ * }
+ * function touchEnded() {
+ *   if (value === 0) {
+ *     value = 255;
+ *   } else {
+ *     value = 0;
+ *   }
+ * }
+ * </code>
+ * </div>
+ *
+ * <div class="norender">
+ * <code>
+ * function touchEnded() {
+ *   ellipse(mouseX, mouseY, 5, 5);
+ *   // prevent default
+ *   return false;
+ * }
+ * describe('no image displayed');
+ * </code>
+ * </div>
+ *
+ * <div class="norender">
+ * <code>
+ * // returns a TouchEvent object
+ * // as a callback argument
+ * function touchEnded(event) {
+ *   console.log(event);
+ * }
+ * describe('no image displayed');
+ * </code>
+ * </div>
+ */
+        _main.default.prototype._ontouchend = function (e) {
+          this._setProperty('mouseIsPressed', false);
+          this._updateTouchCoords(e);
+          this._updateNextMouseCoords(e);
+          var context = this._isGlobal ? window : this;
+          var executeDefault;
+          if (typeof context.touchEnded === 'function') {
+            executeDefault = context.touchEnded(e);
+            if (executeDefault === false) {
+              e.preventDefault();
+            }
+          } else if (typeof context.mouseReleased === 'function') {
+            executeDefault = context.mouseReleased(e);
+            if (executeDefault === false) {
+              e.preventDefault();
+            }
+          }
+        };
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        '../core/main': 298,
+        'core-js/modules/es.array.includes': 177,
+        'core-js/modules/es.string.includes': 209
+      }
+    ],
+    319: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.typed-array.int32-array');
+        _dereq_('core-js/modules/es.typed-array.uint8-array');
+        _dereq_('core-js/modules/es.typed-array.copy-within');
+        _dereq_('core-js/modules/es.typed-array.every');
+        _dereq_('core-js/modules/es.typed-array.fill');
+        _dereq_('core-js/modules/es.typed-array.filter');
+        _dereq_('core-js/modules/es.typed-array.find');
+        _dereq_('core-js/modules/es.typed-array.find-index');
+        _dereq_('core-js/modules/es.typed-array.for-each');
+        _dereq_('core-js/modules/es.typed-array.includes');
+        _dereq_('core-js/modules/es.typed-array.index-of');
+        _dereq_('core-js/modules/es.typed-array.iterator');
+        _dereq_('core-js/modules/es.typed-array.join');
+        _dereq_('core-js/modules/es.typed-array.last-index-of');
+        _dereq_('core-js/modules/es.typed-array.map');
+        _dereq_('core-js/modules/es.typed-array.reduce');
+        _dereq_('core-js/modules/es.typed-array.reduce-right');
+        _dereq_('core-js/modules/es.typed-array.reverse');
+        _dereq_('core-js/modules/es.typed-array.set');
+        _dereq_('core-js/modules/es.typed-array.slice');
+        _dereq_('core-js/modules/es.typed-array.some');
+        _dereq_('core-js/modules/es.typed-array.sort');
+        _dereq_('core-js/modules/es.typed-array.subarray');
+        _dereq_('core-js/modules/es.typed-array.to-locale-string');
+        _dereq_('core-js/modules/es.typed-array.to-string');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.typed-array.int32-array');
+        _dereq_('core-js/modules/es.typed-array.uint8-array');
+        _dereq_('core-js/modules/es.typed-array.copy-within');
+        _dereq_('core-js/modules/es.typed-array.every');
+        _dereq_('core-js/modules/es.typed-array.fill');
+        _dereq_('core-js/modules/es.typed-array.filter');
+        _dereq_('core-js/modules/es.typed-array.find');
+        _dereq_('core-js/modules/es.typed-array.find-index');
+        _dereq_('core-js/modules/es.typed-array.for-each');
+        _dereq_('core-js/modules/es.typed-array.includes');
+        _dereq_('core-js/modules/es.typed-array.index-of');
+        _dereq_('core-js/modules/es.typed-array.iterator');
+        _dereq_('core-js/modules/es.typed-array.join');
+        _dereq_('core-js/modules/es.typed-array.last-index-of');
+        _dereq_('core-js/modules/es.typed-array.map');
+        _dereq_('core-js/modules/es.typed-array.reduce');
+        _dereq_('core-js/modules/es.typed-array.reduce-right');
+        _dereq_('core-js/modules/es.typed-array.reverse');
+        _dereq_('core-js/modules/es.typed-array.set');
+        _dereq_('core-js/modules/es.typed-array.slice');
+        _dereq_('core-js/modules/es.typed-array.some');
+        _dereq_('core-js/modules/es.typed-array.sort');
+        _dereq_('core-js/modules/es.typed-array.subarray');
+        _dereq_('core-js/modules/es.typed-array.to-locale-string');
+        _dereq_('core-js/modules/es.typed-array.to-string');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        /**
+ * This module defines the filters for use with image buffers.
+ *
+ * This module is basically a collection of functions stored in an object
+ * as opposed to modules. The functions are destructive, modifying
+ * the passed in canvas rather than creating a copy.
+ *
+ * Generally speaking users of this module will use the Filters.apply method
+ * on a canvas to create an effect.
+ *
+ * A number of functions are borrowed/adapted from
+ * http://www.html5rocks.com/en/tutorials/canvas/imagefilters/
+ * or the java processing implementation.
+ */
+        var Filters = {
+          /*
+   * Helper functions
+   */
+          /**
+   * Returns the pixel buffer for a canvas.
+   *
+   * @private
+   *
+   * @param  {Canvas|ImageData} canvas the canvas to get pixels from
+   * @return {Uint8ClampedArray}       a one-dimensional array containing
+   *                                   the data in the RGBA order, with integer
+   *                                   values between 0 and 255.
+   */
+          _toPixels: function _toPixels(canvas) {
+            // Return pixel data if 'canvas' is an ImageData object.
+            if (canvas instanceof ImageData) {
+              return canvas.data;
+            } else {
+              // Check 2D context support.
+              if (canvas.getContext('2d')) {
+                // Retrieve pixel data.
+                return canvas.getContext('2d').getImageData(0, 0, canvas.width, canvas.height).data;
+              } else if (canvas.getContext('webgl')) {
+                //Check WebGL context support
+                var gl = canvas.getContext('webgl');
+                // Calculate the size of pixel data
+                // (4 bytes per pixel - one byte for each RGBA channel).
+                var len = gl.drawingBufferWidth * gl.drawingBufferHeight * 4;
+                var data = new Uint8Array(len);
+                // Use gl.readPixels to fetch pixel data from the WebGL
+                // canvas, storing it in the data array as UNSIGNED_BYTE integers.
+                gl.readPixels(0, 0, canvas.width, canvas.height, gl.RGBA, gl.UNSIGNED_BYTE, data);
+                return data;
+              }
+            }
+          },
+          /**
+  * Returns a 32-bit number containing ARGB data at the ith pixel in the
+  * 1D array containing pixels data.
+  *
+  * @private
+  *
+  * @param  {Uint8ClampedArray} data array returned by _toPixels()
+  * @param  {Integer}           i    index of a 1D Image Array
+  * @return {Integer}                32-bit integer value representing
+  *                                  ARGB value.
+  */
+          _getARGB: function _getARGB(data, i) {
+            // Determine the starting position in the 'data' array for the 'i'-th pixel.
+            var offset = i * 4;
+            return (            // Combining the extracted components using bitwise OR operations to form the final ARGB value.
+            data[offset + 3] << 24 & 4278190080 |            //Extract alpha component
+            data[offset] << 16 & 16711680 |            //Extract Red component
+            data[offset + 1] << 8 & 65280 |            //Extract green component
+            data[offset + 2] & 255 //Extract blue component
+            );
+          },
+          /**
+  * Modifies pixels RGBA values to values contained in the data object.
+  *
+  * @private
+  *
+  * @param {Uint8ClampedArray} pixels array returned by _toPixels()
+  * @param {Int32Array}        data   source 1D array where each value
+  *                                   represents ARGB values
+  */
+          _setPixels: function _setPixels(pixels, data) {
+            var offset = 0;
+            for (var i = 0, al = pixels.length; i < al; i++) {
+              offset = i * 4;
+              pixels[offset + 0] = (data[i] & 16711680) >>> 16;
+              pixels[offset + 1] = (data[i] & 65280) >>> 8;
+              pixels[offset + 2] = data[i] & 255;
+              pixels[offset + 3] = (data[i] & 4278190080) >>> 24;
+            }
+          },
+          /**
+  * Returns the ImageData object for a canvas.
+  * https://developer.mozilla.org/en-US/docs/Web/API/ImageData
+  *
+  * @private
+  *
+  * @param  {Canvas|ImageData} canvas canvas to get image data from
+  * @return {ImageData}               Holder of pixel data (and width and
+  *                                   height) for a canvas
+  */
+          _toImageData: function _toImageData(canvas) {
+            if (canvas instanceof ImageData) {
+              return canvas;
+            } else {
+              return canvas.getContext('2d').getImageData(0, 0, canvas.width, canvas.height);
+            }
+          },
+          /**
+  * Returns a blank ImageData object.
+  *
+  * @private
+  *
+  * @param  {Integer} width
+  * @param  {Integer} height
+  * @return {ImageData}
+  */
+          _createImageData: function _createImageData(width, height) {
+            Filters._tmpCanvas = document.createElement('canvas');
+            Filters._tmpCtx = Filters._tmpCanvas.getContext('2d');
+            return this._tmpCtx.createImageData(width, height);
+          },
+          /**
+  * Applys a filter function to a canvas.
+  *
+  * The difference between this and the actual filter functions defined below
+  * is that the filter functions generally modify the pixel buffer but do
+  * not actually put that data back to the canvas (where it would actually
+  * update what is visible). By contrast this method does make the changes
+  * actually visible in the canvas.
+  *
+  * The apply method is the method that callers of this module would generally
+  * use. It has been separated from the actual filters to support an advanced
+  * use case of creating a filter chain that executes without actually updating
+  * the canvas in between everystep.
+  *
+  * @private
+  * @param  {HTMLCanvasElement} canvas The input canvas to apply the filter on.
+  * @param  {function(ImageData,Object)} func The filter function to apply to the canvas's pixel data.
+  * @param  {Object} filterParam An optional parameter to pass to the filter function.
+  */
+          apply: function apply(canvas, func, filterParam) {
+            var pixelsState = canvas.getContext('2d');
+            var imageData = pixelsState.getImageData(0, 0, canvas.width, canvas.height);
+            //Filters can either return a new ImageData object, or just modify
+            //the one they received.
+            var newImageData = func(imageData, filterParam);
+            //If new ImageData is returned, replace the canvas's pixel data with it.
+            if (newImageData instanceof ImageData) {
+              pixelsState.putImageData(newImageData, 0, 0, 0, 0, canvas.width, canvas.height);
+            } else {
+              //Restore the original pixel.
+              pixelsState.putImageData(imageData, 0, 0, 0, 0, canvas.width, canvas.height);
+            }
+          },
+          /*
+  * Filters
+  */
+          /**
+  * Converts the image to black and white pixels depending if they are above or
+  * below the threshold defined by the level parameter. The parameter must be
+  * between 0.0 (black) and 1.0 (white). If no level is specified, 0.5 is used.
+  *
+  * Borrowed from http://www.html5rocks.com/en/tutorials/canvas/imagefilters/
+  *
+  * @private
+  * @param  {Canvas} canvas Canvas to apply thershold filter on.
+  * @param  {Float} level Threshold level (0-1).
+  */
+          threshold: function threshold(canvas, level) {
+            var pixels = Filters._toPixels(canvas);
+            if (level === undefined) {
+              level = 0.5;
+            }            // Calculate threshold value on a (0-255) scale.
+
+            var thresh = Math.floor(level * 255);
+            for (var i = 0; i < pixels.length; i += 4) {
+              var r = pixels[i];
+              var g = pixels[i + 1];
+              var b = pixels[i + 2];
+              // CIE luminance for RGB
+              var gray = 0.2126 * r + 0.7152 * g + 0.0722 * b;
+              var val = void 0;
+              if (gray >= thresh) {
+                val = 255;
+              } else {
+                val = 0;
+              }
+              pixels[i] = pixels[i + 1] = pixels[i + 2] = val; //set pixel to val.
+            }
+          },
+          /**
+  * Converts any colors in the image to grayscale equivalents.
+  * No parameter is used.
+  *
+  * Borrowed from http://www.html5rocks.com/en/tutorials/canvas/imagefilters/
+  *
+  * @private
+  * @param {Canvas} canvas Canvas to apply gray filter on.
+  */
+          gray: function gray(canvas) {
+            var pixels = Filters._toPixels(canvas);
+            for (var i = 0; i < pixels.length; i += 4) {
+              var r = pixels[i];
+              var g = pixels[i + 1];
+              var b = pixels[i + 2];
+              // CIE luminance for RGB
+              var gray = 0.2126 * r + 0.7152 * g + 0.0722 * b;
+              pixels[i] = pixels[i + 1] = pixels[i + 2] = gray; // set pixel to gray.
+            }
+          },
+          /**
+  * Sets the alpha channel to entirely opaque. No parameter is used.
+  *
+  * @private
+  * @param {Canvas} canvas
+  */
+          opaque: function opaque(canvas) {
+            var pixels = Filters._toPixels(canvas);
+            for (var i = 0; i < pixels.length; i += 4) {
+              pixels[i + 3] = 255;
+            }
+            return pixels;
+          },
+          /**
+  * Sets each pixel to its inverse value. No parameter is used.
+  * @private
+  * @param  {Canvas} canvas
+  */
+          invert: function invert(canvas) {
+            var pixels = Filters._toPixels(canvas);
+            for (var i = 0; i < pixels.length; i += 4) {
+              pixels[i] = 255 - pixels[i];
+              pixels[i + 1] = 255 - pixels[i + 1];
+              pixels[i + 2] = 255 - pixels[i + 2];
+            }
+          },
+          /**
+  * Limits each channel of the image to the number of colors specified as
+  * the parameter. The parameter can be set to values between 2 and 255, but
+  * results are most noticeable in the lower ranges.
+  *
+  * Adapted from java based processing implementation
+  *
+  * @private
+  * @param  {Canvas} canvas
+  * @param  {Integer} level
+  */
+          posterize: function posterize(canvas, level) {
+            var pixels = Filters._toPixels(canvas);
+            if (level === undefined) {
+              level = 4;
+            }
+            if (level < 2 || level > 255) {
+              throw new Error('Level must be greater than 2 and less than 255 for posterize');
+            }
+            var levels1 = level - 1;
+            for (var i = 0; i < pixels.length; i += 4) {
+              var rlevel = pixels[i];
+              var glevel = pixels[i + 1];
+              var blevel = pixels[i + 2];
+              // New pixel value by posterizing each color.
+              pixels[i] = (rlevel * level >> 8) * 255 / levels1;
+              pixels[i + 1] = (glevel * level >> 8) * 255 / levels1;
+              pixels[i + 2] = (blevel * level >> 8) * 255 / levels1;
+            }
+          },
+          /**
+  * Increases the bright areas in an image.
+  * @private
+  * @param  {Canvas} canvas
+  */
+          dilate: function dilate(canvas) {
+            var pixels = Filters._toPixels(canvas);
+            var currIdx = 0;
+            var maxIdx = pixels.length ? pixels.length / 4 : 0;
+            var out = new Int32Array(maxIdx);
+            var currRowIdx,
+            maxRowIdx,
+            colOrig,
+            colOut,
+            currLum;
+            var idxRight,
+            idxLeft,
+            idxUp,
+            idxDown;
+            var colRight,
+            colLeft,
+            colUp,
+            colDown;
+            var lumRight,
+            lumLeft,
+            lumUp,
+            lumDown;
+            // Iterates through rows of pixels.
+            while (currIdx < maxIdx) {
+              currRowIdx = currIdx;
+              maxRowIdx = currIdx + canvas.width;
+              // Iterates through pixels within the current row.
+              while (currIdx < maxRowIdx) {
+                // Get original color of current pixel.
+                colOrig = colOut = Filters._getARGB(pixels, currIdx);
+                idxLeft = currIdx - 1;
+                idxRight = currIdx + 1;
+                idxUp = currIdx - canvas.width;
+                idxDown = currIdx + canvas.width;
+                // Adjust the indices to avoid going out of bounds.
+                if (idxLeft < currRowIdx) {
+                  idxLeft = currIdx;
+                }
+                if (idxRight >= maxRowIdx) {
+                  idxRight = currIdx;
+                }
+                if (idxUp < 0) {
+                  idxUp = 0;
+                }
+                if (idxDown >= maxIdx) {
+                  idxDown = currIdx;
+                }
+                colUp = Filters._getARGB(pixels, idxUp);
+                colLeft = Filters._getARGB(pixels, idxLeft);
+                colDown = Filters._getARGB(pixels, idxDown);
+                colRight = Filters._getARGB(pixels, idxRight);
+                // Compute luminance
+                currLum = 77 * (colOrig >> 16 & 255) + 151 * (colOrig >> 8 & 255) + 28 * (colOrig & 255);
+                lumLeft = 77 * (colLeft >> 16 & 255) + 151 * (colLeft >> 8 & 255) + 28 * (colLeft & 255);
+                lumRight = 77 * (colRight >> 16 & 255) + 151 * (colRight >> 8 & 255) + 28 * (colRight & 255);
+                lumUp = 77 * (colUp >> 16 & 255) + 151 * (colUp >> 8 & 255) + 28 * (colUp & 255);
+                lumDown = 77 * (colDown >> 16 & 255) + 151 * (colDown >> 8 & 255) + 28 * (colDown & 255);
+                // Update the output color based on the highest luminance value
+                if (lumLeft > currLum) {
+                  colOut = colLeft;
+                  currLum = lumLeft;
+                }
+                if (lumRight > currLum) {
+                  colOut = colRight;
+                  currLum = lumRight;
+                }
+                if (lumUp > currLum) {
+                  colOut = colUp;
+                  currLum = lumUp;
+                }
+                if (lumDown > currLum) {
+                  colOut = colDown;
+                  currLum = lumDown;
+                }                // Store the updated color.
+
+                out[currIdx++] = colOut;
+              }
+            }
+            Filters._setPixels(pixels, out);
+          },
+          /**
+  * Reduces the bright areas in an image.
+  * Similar to `dilate()`, but updates the output color based on the lowest luminance value.
+  * @private
+  * @param  {Canvas} canvas
+  */
+          erode: function erode(canvas) {
+            var pixels = Filters._toPixels(canvas);
+            var currIdx = 0;
+            var maxIdx = pixels.length ? pixels.length / 4 : 0;
+            var out = new Int32Array(maxIdx);
+            var currRowIdx,
+            maxRowIdx,
+            colOrig,
+            colOut,
+            currLum;
+            var idxRight,
+            idxLeft,
+            idxUp,
+            idxDown;
+            var colRight,
+            colLeft,
+            colUp,
+            colDown;
+            var lumRight,
+            lumLeft,
+            lumUp,
+            lumDown;
+            while (currIdx < maxIdx) {
+              currRowIdx = currIdx;
+              maxRowIdx = currIdx + canvas.width;
+              while (currIdx < maxRowIdx) {
+                colOrig = colOut = Filters._getARGB(pixels, currIdx);
+                idxLeft = currIdx - 1;
+                idxRight = currIdx + 1;
+                idxUp = currIdx - canvas.width;
+                idxDown = currIdx + canvas.width;
+                if (idxLeft < currRowIdx) {
+                  idxLeft = currIdx;
+                }
+                if (idxRight >= maxRowIdx) {
+                  idxRight = currIdx;
+                }
+                if (idxUp < 0) {
+                  idxUp = 0;
+                }
+                if (idxDown >= maxIdx) {
+                  idxDown = currIdx;
+                }
+                colUp = Filters._getARGB(pixels, idxUp);
+                colLeft = Filters._getARGB(pixels, idxLeft);
+                colDown = Filters._getARGB(pixels, idxDown);
+                colRight = Filters._getARGB(pixels, idxRight);
+                //compute luminance
+                currLum = 77 * (colOrig >> 16 & 255) + 151 * (colOrig >> 8 & 255) + 28 * (colOrig & 255);
+                lumLeft = 77 * (colLeft >> 16 & 255) + 151 * (colLeft >> 8 & 255) + 28 * (colLeft & 255);
+                lumRight = 77 * (colRight >> 16 & 255) + 151 * (colRight >> 8 & 255) + 28 * (colRight & 255);
+                lumUp = 77 * (colUp >> 16 & 255) + 151 * (colUp >> 8 & 255) + 28 * (colUp & 255);
+                lumDown = 77 * (colDown >> 16 & 255) + 151 * (colDown >> 8 & 255) + 28 * (colDown & 255);
+                if (lumLeft < currLum) {
+                  colOut = colLeft;
+                  currLum = lumLeft;
+                }
+                if (lumRight < currLum) {
+                  colOut = colRight;
+                  currLum = lumRight;
+                }
+                if (lumUp < currLum) {
+                  colOut = colUp;
+                  currLum = lumUp;
+                }
+                if (lumDown < currLum) {
+                  colOut = colDown;
+                  currLum = lumDown;
+                }                // Store the updated color.
+
+                out[currIdx++] = colOut;
+              }
+            }
+            Filters._setPixels(pixels, out);
+          },
+          blur: function blur(canvas, radius) {
+            blurARGB(canvas, radius);
+          }
+        };
+        // BLUR
+        // Internal kernel stuff for the gaussian blur filter.
+        var blurRadius;
+        var blurKernelSize;
+        var blurKernel;
+        var blurMult;
+        /*
+ * Port of https://github.com/processing/processing/blob/
+ * main/core/src/processing/core/PImage.java#L1250
+ *
+ * Optimized code for building the blur kernel.
+ * further optimized blur code (approx. 15% for radius=20)
+ * bigger speed gains for larger radii (~30%)
+ * added support for various image types (ALPHA, RGB, ARGB)
+ * [toxi 050728]
+ */
+        function buildBlurKernel(r) {
+          var radius = r * 3.5 | 0;
+          radius = radius < 1 ? 1 : radius < 248 ? radius : 248;
+          if (blurRadius !== radius) {
+            blurRadius = radius;
+            // Calculating the size of the blur kernel
+            blurKernelSize = 1 + blurRadius << 1;
+            blurKernel = new Int32Array(blurKernelSize);
+            blurMult = new Array(blurKernelSize);
+            for (var l = 0; l < blurKernelSize; l++) {
+              blurMult[l] = new Int32Array(256);
+            }
+            var bk,
+            bki;
+            var bm,
+            bmi;
+            // Generating blur kernel values.
+            for (var i = 1, radiusi = radius - 1; i < radius; i++) {
+              blurKernel[radius + i] = blurKernel[radiusi] = bki = radiusi * radiusi;
+              bm = blurMult[radius + i];
+              bmi = blurMult[radiusi--];
+              for (var j = 0; j < 256; j++) {
+                bm[j] = bmi[j] = bki * j;
+              }
+            }
+            bk = blurKernel[radius] = radius * radius;
+            bm = blurMult[radius];
+            for (var k = 0; k < 256; k++) {
+              bm[k] = bk * k;
+            }
+          }
+        }        // Port of https://github.com/processing/processing/blob/
+        // main/core/src/processing/core/PImage.java#L1433
+
+        function blurARGB(canvas, radius) {
+          // Get pixel data.
+          var pixels = Filters._toPixels(canvas);
+          var width = canvas.width;
+          var height = canvas.height;
+          var numPackedPixels = width * height;
+          var argb = new Int32Array(numPackedPixels);
+          for (var j = 0; j < numPackedPixels; j++) {
+            argb[j] = Filters._getARGB(pixels, j);
+          }
+          var sum,
+          cr,
+          cg,
+          cb,
+          ca;
+          var read,
+          ri,
+          ym,
+          ymi,
+          bk0;
+          var a2 = new Int32Array(numPackedPixels);
+          var r2 = new Int32Array(numPackedPixels);
+          var g2 = new Int32Array(numPackedPixels);
+          var b2 = new Int32Array(numPackedPixels);
+          var yi = 0;
+          buildBlurKernel(radius);
+          var x,
+          y,
+          i;
+          var bm;
+          // Horizontal pass.
+          for (y = 0; y < height; y++) {
+            for (x = 0; x < width; x++) {
+              cb = cg = cr = ca = sum = 0;
+              read = x - blurRadius;
+              // Handle edge cases.
+              if (read < 0) {
+                bk0 = - read;
+                read = 0;
+              } else {
+                if (read >= width) {
+                  break;
+                }
+                bk0 = 0;
+              }
+              for (i = bk0; i < blurKernelSize; i++) {
+                if (read >= width) {
+                  break;
+                }
+                var c = argb[read + yi];
+                bm = blurMult[i];
+                ca += bm[(c & - 16777216) >>> 24];
+                cr += bm[(c & 16711680) >> 16];
+                cg += bm[(c & 65280) >> 8];
+                cb += bm[c & 255];
+                sum += blurKernel[i];
+                read++;
+              }
+              ri = yi + x;
+              a2[ri] = ca / sum;
+              r2[ri] = cr / sum;
+              g2[ri] = cg / sum;
+              b2[ri] = cb / sum;
+            }
+            yi += width;
+          }
+          yi = 0;
+          ym = - blurRadius;
+          ymi = ym * width;
+          //  Vertical pass.
+          for (y = 0; y < height; y++) {
+            for (x = 0; x < width; x++) {
+              cb = cg = cr = ca = sum = 0;
+              // Handle edge cases.
+              if (ym < 0) {
+                bk0 = ri = - ym;
+                read = x;
+              } else {
+                if (ym >= height) {
+                  break;
+                }
+                bk0 = 0;
+                ri = ym;
+                read = x + ymi;
+              }
+              for (i = bk0; i < blurKernelSize; i++) {
+                if (ri >= height) {
+                  break;
+                }
+                bm = blurMult[i];
+                ca += bm[a2[read]];
+                cr += bm[r2[read]];
+                cg += bm[g2[read]];
+                cb += bm[b2[read]];
+                sum += blurKernel[i];
+                ri++;
+                read += width;
+              }              // Set final ARGB value
+
+              argb[x + yi] = ca / sum << 24 | cr / sum << 16 | cg / sum << 8 | cb / sum;
+            }
+            yi += width;
+            ymi += width;
+            ym++;
+          }
+          Filters._setPixels(pixels, argb);
+        }
+        var _default = Filters;
+        exports.default = _default;
+      },
+      {
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.typed-array.copy-within': 223,
+        'core-js/modules/es.typed-array.every': 224,
+        'core-js/modules/es.typed-array.fill': 225,
+        'core-js/modules/es.typed-array.filter': 226,
+        'core-js/modules/es.typed-array.find': 228,
+        'core-js/modules/es.typed-array.find-index': 227,
+        'core-js/modules/es.typed-array.for-each': 231,
+        'core-js/modules/es.typed-array.includes': 232,
+        'core-js/modules/es.typed-array.index-of': 233,
+        'core-js/modules/es.typed-array.int32-array': 235,
+        'core-js/modules/es.typed-array.iterator': 236,
+        'core-js/modules/es.typed-array.join': 237,
+        'core-js/modules/es.typed-array.last-index-of': 238,
+        'core-js/modules/es.typed-array.map': 239,
+        'core-js/modules/es.typed-array.reduce': 241,
+        'core-js/modules/es.typed-array.reduce-right': 240,
+        'core-js/modules/es.typed-array.reverse': 242,
+        'core-js/modules/es.typed-array.set': 243,
+        'core-js/modules/es.typed-array.slice': 244,
+        'core-js/modules/es.typed-array.some': 245,
+        'core-js/modules/es.typed-array.sort': 246,
+        'core-js/modules/es.typed-array.subarray': 247,
+        'core-js/modules/es.typed-array.to-locale-string': 248,
+        'core-js/modules/es.typed-array.to-string': 249,
+        'core-js/modules/es.typed-array.uint8-array': 252
+      }
+    ],
+    320: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.concat');
+        _dereq_('core-js/modules/es.array.filter');
+        _dereq_('core-js/modules/es.array.for-each');
+        _dereq_('core-js/modules/es.array.from');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.map');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.object.keys');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.regexp.exec');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        _dereq_('core-js/modules/es.set');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.string.replace');
+        _dereq_('core-js/modules/es.string.split');
+        _dereq_('core-js/modules/es.typed-array.uint8-array');
+        _dereq_('core-js/modules/es.typed-array.uint32-array');
+        _dereq_('core-js/modules/es.typed-array.copy-within');
+        _dereq_('core-js/modules/es.typed-array.every');
+        _dereq_('core-js/modules/es.typed-array.fill');
+        _dereq_('core-js/modules/es.typed-array.filter');
+        _dereq_('core-js/modules/es.typed-array.find');
+        _dereq_('core-js/modules/es.typed-array.find-index');
+        _dereq_('core-js/modules/es.typed-array.for-each');
+        _dereq_('core-js/modules/es.typed-array.includes');
+        _dereq_('core-js/modules/es.typed-array.index-of');
+        _dereq_('core-js/modules/es.typed-array.iterator');
+        _dereq_('core-js/modules/es.typed-array.join');
+        _dereq_('core-js/modules/es.typed-array.last-index-of');
+        _dereq_('core-js/modules/es.typed-array.map');
+        _dereq_('core-js/modules/es.typed-array.reduce');
+        _dereq_('core-js/modules/es.typed-array.reduce-right');
+        _dereq_('core-js/modules/es.typed-array.reverse');
+        _dereq_('core-js/modules/es.typed-array.set');
+        _dereq_('core-js/modules/es.typed-array.slice');
+        _dereq_('core-js/modules/es.typed-array.some');
+        _dereq_('core-js/modules/es.typed-array.sort');
+        _dereq_('core-js/modules/es.typed-array.subarray');
+        _dereq_('core-js/modules/es.typed-array.to-locale-string');
+        _dereq_('core-js/modules/es.typed-array.to-string');
+        _dereq_('core-js/modules/web.dom-collections.for-each');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        _dereq_('core-js/modules/es.array.concat');
+        _dereq_('core-js/modules/es.array.filter');
+        _dereq_('core-js/modules/es.array.for-each');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.map');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.object.keys');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.regexp.exec');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        _dereq_('core-js/modules/es.set');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.string.replace');
+        _dereq_('core-js/modules/es.string.split');
+        _dereq_('core-js/modules/es.typed-array.uint8-array');
+        _dereq_('core-js/modules/es.typed-array.uint32-array');
+        _dereq_('core-js/modules/es.typed-array.copy-within');
+        _dereq_('core-js/modules/es.typed-array.every');
+        _dereq_('core-js/modules/es.typed-array.fill');
+        _dereq_('core-js/modules/es.typed-array.filter');
+        _dereq_('core-js/modules/es.typed-array.find');
+        _dereq_('core-js/modules/es.typed-array.find-index');
+        _dereq_('core-js/modules/es.typed-array.for-each');
+        _dereq_('core-js/modules/es.typed-array.includes');
+        _dereq_('core-js/modules/es.typed-array.index-of');
+        _dereq_('core-js/modules/es.typed-array.iterator');
+        _dereq_('core-js/modules/es.typed-array.join');
+        _dereq_('core-js/modules/es.typed-array.last-index-of');
+        _dereq_('core-js/modules/es.typed-array.map');
+        _dereq_('core-js/modules/es.typed-array.reduce');
+        _dereq_('core-js/modules/es.typed-array.reduce-right');
+        _dereq_('core-js/modules/es.typed-array.reverse');
+        _dereq_('core-js/modules/es.typed-array.set');
+        _dereq_('core-js/modules/es.typed-array.slice');
+        _dereq_('core-js/modules/es.typed-array.some');
+        _dereq_('core-js/modules/es.typed-array.sort');
+        _dereq_('core-js/modules/es.typed-array.subarray');
+        _dereq_('core-js/modules/es.typed-array.to-locale-string');
+        _dereq_('core-js/modules/es.typed-array.to-string');
+        _dereq_('core-js/modules/web.dom-collections.for-each');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        var _omggif = _interopRequireDefault(_dereq_('omggif'));
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }
+        function _toConsumableArray(arr) {
+          return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
+        }
+        function _nonIterableSpread() {
+          throw new TypeError('Invalid attempt to spread non-iterable instance');
+        }
+        function _iterableToArray(iter) {
+          if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === '[object Arguments]') return Array.from(iter);
+        }
+        function _arrayWithoutHoles(arr) {
+          if (Array.isArray(arr)) {
+            for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) {
+              arr2[i] = arr[i];
+            }
+            return arr2;
+          }
+        } /**
+   * @module Image
+   * @submodule Image
+   * @for p5
+   * @requires core
+   */
+        /**
+       * This module defines the p5 methods for the <a href="#/p5.Image">p5.Image</a> class
+       * for drawing images to the main display canvas.
+       */
+        /**
+ * Creates a new <a href="#/p5.Image">p5.Image</a> object. The new image is
+ * transparent by default.
+ *
+ * `createImage()` uses the `width` and `height` paremeters to set the new
+ * <a href="#/p5.Image">p5.Image</a> object's dimensions in pixels. The new
+ * <a href="#/p5.Image">p5.Image</a> can be modified by updating its
+ * <a href="#/p5.Image/pixels">pixels</a> array or by calling its
+ * <a href="#/p5.Image/get">get()</a> and
+ * <a href="#/p5.Image/set">set()</a> methods. The
+ * <a href="#/p5.Image/loadPixels">loadPixels()</a> method must be called
+ * before reading or modifying pixel values. The
+ * <a href="#/p5.Image/updatePixels">updatePixels()</a> method must be called
+ * for updates to take effect.
+ *
+ * @method createImage
+ * @param  {Integer} width  width in pixels.
+ * @param  {Integer} height height in pixels.
+ * @return {p5.Image}       new <a href="#/p5.Image">p5.Image</a> object.
+ * @example
+ * <div>
+ * <code>
+ * let img = createImage(66, 66);
+ * img.loadPixels();
+ * for (let x = 0; x < img.width; x += 1) {
+ *   for (let y = 0; y < img.height; y += 1) {
+ *     img.set(x, y, 0);
+ *   }
+ * }
+ * img.updatePixels();
+ * image(img, 17, 17);
+ *
+ * describe('A black square drawn in the middle of a gray square.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let img = createImage(66, 66);
+ * img.loadPixels();
+ * for (let x = 0; x < img.width; x += 1) {
+ *   for (let y = 0; y < img.height; y += 1) {
+ *     let a = map(x, 0, img.width, 0, 255);
+ *     let c = color(0, a);
+ *     img.set(x, y, c);
+ *   }
+ * }
+ * img.updatePixels();
+ * image(img, 17, 17);
+ *
+ * describe('A square with a horizontal color gradient that transitions from gray to black.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let img = createImage(66, 66);
+ * img.loadPixels();
+ * let d = pixelDensity();
+ * let halfImage = 4 * (d * img.width) * (d * img.height / 2);
+ * for (let i = 0; i < halfImage; i += 4) {
+ *   // Red.
+ *   img.pixels[i] = 0;
+ *   // Green.
+ *   img.pixels[i + 1] = 0;
+ *   // Blue.
+ *   img.pixels[i + 2] = 0;
+ *   // Alpha.
+ *   img.pixels[i + 3] = 255;
+ * }
+ * img.updatePixels();
+ * image(img, 17, 17);
+ *
+ * describe('A black square drawn in the middle of a gray square.');
+ * </code>
+ * </div>
+ */
+
+        _main.default.prototype.createImage = function (width, height) {
+          _main.default._validateParameters('createImage', arguments);
+          return new _main.default.Image(width, height);
+        };
+        /**
+ *  Saves the current canvas as an image. The browser will either save the
+ *  file immediately or prompt the user with a dialogue window.
+ *
+ *  @method saveCanvas
+ *  @param  {p5.Framebuffer|p5.Element|HTMLCanvasElement} selectedCanvas   reference to a
+ *                                                          specific HTML5 canvas element.
+ *  @param  {String} [filename]  file name. Defaults to 'untitled'.
+ *  @param  {String} [extension] file extension, either 'jpg' or 'png'. Defaults to 'png'.
+ *
+ *  @example
+ * <div class='norender'>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100);
+ *   background(255);
+ *   saveCanvas();
+ * }
+ * </code>
+ * </div>
+ *
+ * <div class='norender'>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100);
+ *   background(255);
+ *   saveCanvas('myCanvas.jpg');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div class='norender'>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100);
+ *   background(255);
+ *   saveCanvas('myCanvas', 'jpg');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div class='norender'>
+ * <code>
+ * function setup() {
+ *   let cnv = createCanvas(100, 100);
+ *   background(255);
+ *   saveCanvas(cnv);
+ * }
+ * </code>
+ * </div>
+ *
+ * <div class='norender'>
+ * <code>
+ * function setup() {
+ *   let cnv = createCanvas(100, 100);
+ *   background(255);
+ *   saveCanvas(cnv, 'myCanvas.jpg');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div class='norender'>
+ * <code>
+ * function setup() {
+ *   let cnv = createCanvas(100, 100);
+ *   background(255);
+ *   saveCanvas(cnv, 'myCanvas', 'jpg');
+ * }
+ * </code>
+ * </div>
+ */
+        /**
+ *  @method saveCanvas
+ *  @param  {String} [filename]
+ *  @param  {String} [extension]
+ */
+        _main.default.prototype.saveCanvas = function () {
+          _main.default._validateParameters('saveCanvas', arguments);
+          // copy arguments to array
+          var args = [
+          ].slice.call(arguments);
+          var htmlCanvas,
+          filename,
+          extension,
+          temporaryGraphics;
+          if (arguments[0] instanceof HTMLCanvasElement) {
+            htmlCanvas = arguments[0];
+            args.shift();
+          } else if (arguments[0] instanceof _main.default.Element) {
+            htmlCanvas = arguments[0].elt;
+            args.shift();
+          } else if (arguments[0] instanceof _main.default.Framebuffer) {
+            var framebuffer = arguments[0];
+            temporaryGraphics = this.createGraphics(framebuffer.width, framebuffer.height);
+            temporaryGraphics.pixelDensity(pixelDensity());
+            framebuffer.loadPixels();
+            temporaryGraphics.loadPixels();
+            temporaryGraphics.pixels.set(framebuffer.pixels);
+            temporaryGraphics.updatePixels();
+            htmlCanvas = temporaryGraphics.elt;
+            args.shift();
+          } else {
+            htmlCanvas = this._curElement && this._curElement.elt;
+          }
+          if (args.length >= 1) {
+            filename = args[0];
+          }
+          if (args.length >= 2) {
+            extension = args[1];
+          }
+          extension = extension || _main.default.prototype._checkFileExtension(filename, extension) [1] || 'png';
+          var mimeType;
+          switch (extension) {
+            default:
+              //case 'png':
+              mimeType = 'image/png';
+              break;
+            case 'jpeg':
+            case 'jpg':
+              mimeType = 'image/jpeg';
+              break;
+          }
+          htmlCanvas.toBlob(function (blob) {
+            _main.default.prototype.downloadFile(blob, filename, extension);
+            if (temporaryGraphics) temporaryGraphics.remove();
+          }, mimeType);
+        };
+        // this is the old saveGif, left here for compatibility purposes
+        // the only place I found it being used was on image/p5.Image.js, on the
+        // save function. that has been changed to use this function.
+        _main.default.prototype.encodeAndDownloadGif = function (pImg, filename) {
+          var props = pImg.gifProperties;
+          //convert loopLimit back into Netscape Block formatting
+          var loopLimit = props.loopLimit;
+          if (loopLimit === 1) {
+            loopLimit = null;
+          } else if (loopLimit === null) {
+            loopLimit = 0;
+          }
+          var buffer = new Uint8Array(pImg.width * pImg.height * props.numFrames);
+          var allFramesPixelColors = [
+          ];
+          // Used to determine the occurrence of unique palettes and the frames
+          // which use them
+          var paletteFreqsAndFrames = {
+          };
+          // Pass 1:
+          //loop over frames and get the frequency of each palette
+          for (var i = 0; i < props.numFrames; i++) {
+            var paletteSet = new Set();
+            var data = props.frames[i].image.data;
+            var dataLength = data.length;
+            // The color for each pixel in this frame ( for easier lookup later )
+            var pixelColors = new Uint32Array(pImg.width * pImg.height);
+            for (var j = 0, k = 0; j < dataLength; j += 4, k++) {
+              var r = data[j + 0];
+              var g = data[j + 1];
+              var b = data[j + 2];
+              var color = r << 16 | g << 8 | b << 0;
+              paletteSet.add(color);
+              // What color does this pixel have in this frame ?
+              pixelColors[k] = color;
+            }            // A way to put use the entire palette as an object key
+
+            var paletteStr = _toConsumableArray(paletteSet).sort().toString();
+            if (paletteFreqsAndFrames[paletteStr] === undefined) {
+              paletteFreqsAndFrames[paletteStr] = {
+                freq: 1,
+                frames: [
+                  i
+                ]
+              };
+            } else {
+              paletteFreqsAndFrames[paletteStr].freq += 1;
+              paletteFreqsAndFrames[paletteStr].frames.push(i);
+            }
+            allFramesPixelColors.push(pixelColors);
+          }
+          var framesUsingGlobalPalette = [
+          ];
+          // Now to build the global palette
+          // Sort all the unique palettes in descending order of their occurrence
+          var palettesSortedByFreq = Object.keys(paletteFreqsAndFrames).sort(function (a, b) {
+            return paletteFreqsAndFrames[b].freq - paletteFreqsAndFrames[a].freq;
+          });
+          // The initial global palette is the one with the most occurrence
+          var globalPalette = palettesSortedByFreq[0].split(',').map(function (a) {
+            return parseInt(a);
+          });
+          framesUsingGlobalPalette = framesUsingGlobalPalette.concat(paletteFreqsAndFrames[globalPalette].frames);
+          var globalPaletteSet = new Set(globalPalette);
+          // Build a more complete global palette
+          // Iterate over the remaining palettes in the order of
+          // their occurrence and see if the colors in this palette which are
+          // not in the global palette can be added there, while keeping the length
+          // of the global palette <= 256
+          for (var _i = 1; _i < palettesSortedByFreq.length; _i++) {
+            var palette = palettesSortedByFreq[_i].split(',').map(function (a) {
+              return parseInt(a);
+            });
+            var difference = palette.filter(function (x) {
+              return !globalPaletteSet.has(x);
+            });
+            if (globalPalette.length + difference.length <= 256) {
+              for (var _j = 0; _j < difference.length; _j++) {
+                globalPalette.push(difference[_j]);
+                globalPaletteSet.add(difference[_j]);
+              }              // All frames using this palette now use the global palette
+
+              framesUsingGlobalPalette = framesUsingGlobalPalette.concat(paletteFreqsAndFrames[palettesSortedByFreq[_i]].frames);
+            }
+          }
+          framesUsingGlobalPalette = new Set(framesUsingGlobalPalette);
+          // Build a lookup table of the index of each color in the global palette
+          // Maps a color to its index
+          var globalIndicesLookup = {
+          };
+          for (var _i2 = 0; _i2 < globalPalette.length; _i2++) {
+            if (!globalIndicesLookup[globalPalette[_i2]]) {
+              globalIndicesLookup[globalPalette[_i2]] = _i2;
+            }
+          }          // force palette to be power of 2
+
+          var powof2 = 1;
+          while (powof2 < globalPalette.length) {
+            powof2 <<= 1;
+          }
+          globalPalette.length = powof2;
+          // global opts
+          var opts = {
+            loop: loopLimit,
+            palette: new Uint32Array(globalPalette)
+          };
+          var gifWriter = new _omggif.default.GifWriter(buffer, pImg.width, pImg.height, opts);
+          var previousFrame = {
+          };
+          // Pass 2
+          // Determine if the frame needs a local palette
+          // Also apply transparency optimization. This function will often blow up
+          // the size of a GIF if not for transparency. If a pixel in one frame has
+          // the same color in the previous frame, that pixel can be marked as
+          // transparent. We decide one particular color as transparent and make all
+          // transparent pixels take this color. This helps in later in compression.
+          var _loop = function _loop(_i3) {
+            var localPaletteRequired = !framesUsingGlobalPalette.has(_i3);
+            var palette = localPaletteRequired ? [
+            ] : globalPalette;
+            var pixelPaletteIndex = new Uint8Array(pImg.width * pImg.height);
+            // Lookup table mapping color to its indices
+            var colorIndicesLookup = {
+            };
+            // All the colors that cannot be marked transparent in this frame
+            var cannotBeTransparent = new Set();
+            allFramesPixelColors[_i3].forEach(function (color, k) {
+              if (localPaletteRequired) {
+                if (colorIndicesLookup[color] === undefined) {
+                  colorIndicesLookup[color] = palette.length;
+                  palette.push(color);
+                }
+                pixelPaletteIndex[k] = colorIndicesLookup[color];
+              } else {
+                pixelPaletteIndex[k] = globalIndicesLookup[color];
+              }
+              if (_i3 > 0) {
+                // If even one pixel of this color has changed in this frame
+                // from the previous frame, we cannot mark it as transparent
+                if (allFramesPixelColors[_i3 - 1][k] !== color) {
+                  cannotBeTransparent.add(color);
+                }
+              }
+            });
+            var frameOpts = {
+            };
+            // Transparency optimization
+            var canBeTransparent = palette.filter(function (a) {
+              return !cannotBeTransparent.has(a);
+            });
+            if (canBeTransparent.length > 0) {
+              // Select a color to mark as transparent
+              var transparent = canBeTransparent[0];
+              var transparentIndex = localPaletteRequired ? colorIndicesLookup[transparent] : globalIndicesLookup[transparent];
+              if (_i3 > 0) {
+                for (var _k = 0; _k < allFramesPixelColors[_i3].length; _k++) {
+                  // If this pixel in this frame has the same color in previous frame
+                  if (allFramesPixelColors[_i3 - 1][_k] === allFramesPixelColors[_i3][_k]) {
+                    pixelPaletteIndex[_k] = transparentIndex;
+                  }
+                }
+                frameOpts.transparent = transparentIndex;
+                // If this frame has any transparency, do not dispose the previous frame
+                previousFrame.frameOpts.disposal = 1;
+              }
+            }
+            frameOpts.delay = props.frames[_i3].delay / 10; // Move timing back into GIF formatting
+            if (localPaletteRequired) {
+              // force palette to be power of 2
+              var _powof = 1;
+              while (_powof < palette.length) {
+                _powof <<= 1;
+              }
+              palette.length = _powof;
+              frameOpts.palette = new Uint32Array(palette);
+            }
+            if (_i3 > 0) {
+              // add the frame that came before the current one
+              gifWriter.addFrame(0, 0, pImg.width, pImg.height, previousFrame.pixelPaletteIndex, previousFrame.frameOpts);
+            }            // previous frame object should now have details of this frame
+
+            previousFrame = {
+              pixelPaletteIndex: pixelPaletteIndex,
+              frameOpts: frameOpts
+            };
+          };
+          for (var _i3 = 0; _i3 < props.numFrames; _i3++) {
+            _loop(_i3);
+          }
+          previousFrame.frameOpts.disposal = 1;
+          // add the last frame
+          gifWriter.addFrame(0, 0, pImg.width, pImg.height, previousFrame.pixelPaletteIndex, previousFrame.frameOpts);
+          var extension = 'gif';
+          var blob = new Blob([buffer.slice(0, gifWriter.end())], {
+            type: 'image/gif'
+          });
+          _main.default.prototype.downloadFile(blob, filename, extension);
+        };
+        /**
+ * Captures a sequence of frames from the canvas that can be used to create a
+ * movie. Frames are downloaded as individual image files by default.
+ *
+ * The first parameter, `filename`, sets the prefix for the file names. For
+ * example, setting the prefix to `'frame'` would generate the image files
+ * `frame0.png`, `frame1.png`, and so on. The second parameter, `extension`,
+ * sets the file type to either `'png'` or `'jpg'`.
+ *
+ * The third parameter, `duration`, sets the duration to record in seconds.
+ * The maximum duration is 15 seconds. The fourth parameter, `framerate`, sets
+ * the number of frames to record per second. The maximum frame rate value is
+ * 22. Limits are placed on `duration` and `framerate` to avoid using too much
+ * memory. Recording large canvases can easily crash sketches or even web
+ * browsers.
+ *
+ * The fifth parameter, `callback`, is optional. If a function is passed,
+ * image files won't be saved by default. The callback function can be used
+ * to process an array containing the data for each captured frame. The array
+ * of image data contains a sequence of objects with three properties for each
+ * frame: `imageData`, `filename`, and `extension`.
+ *
+ * @method saveFrames
+ * @param  {String}   filename  prefix of file name.
+ * @param  {String}   extension file extension, either 'jpg' or 'png'.
+ * @param  {Number}   duration  duration in seconds to record. This parameter will be constrained to be less or equal to 15.
+ * @param  {Number}   framerate number of frames to save per second. This parameter will be constrained to be less or equal to 22.
+ * @param  {function(Array)} [callback] callback function that will be executed
+                                  to handle the image data. This function
+                                  should accept an array as argument. The
+                                  array will contain the specified number of
+                                  frames of objects. Each object has three
+                                  properties: `imageData`, `filename`, and `extension`.
+ * @example
+ * <div>
+ * <code>
+ * function draw() {
+ *   let r = frameCount % 255;
+ *   let g = 50;
+ *   let b = 100;
+ *   background(r, g, b);
+ *
+ *   describe('A square repeatedly changes color from blue to pink.');
+ * }
+ *
+ * function keyPressed() {
+ *   if (key === 's') {
+ *     saveFrames('frame', 'png', 1, 5);
+ *   }
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function draw() {
+ *   let r = frameCount % 255;
+ *   let g = 50;
+ *   let b = 100;
+ *   background(r, g, b);
+ *
+ *   describe('A square repeatedly changes color from blue to pink.');
+ * }
+ *
+ * function mousePressed() {
+ *   saveFrames('frame', 'png', 1, 5, data => {
+ *     // Prints an array of objects containing raw image data,
+ *     // filenames, and extensions.
+ *     print(data);
+ *   });
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.saveFrames = function (fName, ext, _duration, _fps, callback) {
+          _main.default._validateParameters('saveFrames', arguments);
+          var duration = _duration || 3;
+          duration = _main.default.prototype.constrain(duration, 0, 15);
+          duration = duration * 1000;
+          var fps = _fps || 15;
+          fps = _main.default.prototype.constrain(fps, 0, 22);
+          var count = 0;
+          var makeFrame = _main.default.prototype._makeFrame;
+          var cnv = this._curElement.elt;
+          var frames = [
+          ];
+          var frameFactory = setInterval(function () {
+            frames.push(makeFrame(fName + count, ext, cnv));
+            count++;
+          }, 1000 / fps);
+          setTimeout(function () {
+            clearInterval(frameFactory);
+            if (callback) {
+              callback(frames);
+            } else {
+              for (var _i4 = 0, _frames = frames; _i4 < _frames.length; _i4++) {
+                var f = _frames[_i4];
+                _main.default.prototype.downloadFile(f.imageData, f.filename, f.ext);
+              }
+            }
+            frames = [
+            ]; // clear frames
+          }, duration + 0.01);
+        };
+        _main.default.prototype._makeFrame = function (filename, extension, _cnv) {
+          var cnv;
+          if (this) {
+            cnv = this._curElement.elt;
+          } else {
+            cnv = _cnv;
+          }
+          var mimeType;
+          if (!extension) {
+            extension = 'png';
+            mimeType = 'image/png';
+          } else {
+            switch (extension.toLowerCase()) {
+              case 'png':
+                mimeType = 'image/png';
+                break;
+              case 'jpeg':
+                mimeType = 'image/jpeg';
+                break;
+              case 'jpg':
+                mimeType = 'image/jpeg';
+                break;
+              default:
+                mimeType = 'image/png';
+                break;
+            }
+          }
+          var downloadMime = 'image/octet-stream';
+          var imageData = cnv.toDataURL(mimeType);
+          imageData = imageData.replace(mimeType, downloadMime);
+          var thisFrame = {
+          };
+          thisFrame.imageData = imageData;
+          thisFrame.filename = filename;
+          thisFrame.ext = extension;
+          return thisFrame;
+        };
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        '../core/main': 298,
+        'core-js/modules/es.array.concat': 169,
+        'core-js/modules/es.array.filter': 173,
+        'core-js/modules/es.array.for-each': 175,
+        'core-js/modules/es.array.from': 176,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.array.map': 182,
+        'core-js/modules/es.array.slice': 183,
+        'core-js/modules/es.object.keys': 199,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.regexp.exec': 205,
+        'core-js/modules/es.regexp.to-string': 206,
+        'core-js/modules/es.set': 207,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.string.replace': 214,
+        'core-js/modules/es.string.split': 216,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/es.typed-array.copy-within': 223,
+        'core-js/modules/es.typed-array.every': 224,
+        'core-js/modules/es.typed-array.fill': 225,
+        'core-js/modules/es.typed-array.filter': 226,
+        'core-js/modules/es.typed-array.find': 228,
+        'core-js/modules/es.typed-array.find-index': 227,
+        'core-js/modules/es.typed-array.for-each': 231,
+        'core-js/modules/es.typed-array.includes': 232,
+        'core-js/modules/es.typed-array.index-of': 233,
+        'core-js/modules/es.typed-array.iterator': 236,
+        'core-js/modules/es.typed-array.join': 237,
+        'core-js/modules/es.typed-array.last-index-of': 238,
+        'core-js/modules/es.typed-array.map': 239,
+        'core-js/modules/es.typed-array.reduce': 241,
+        'core-js/modules/es.typed-array.reduce-right': 240,
+        'core-js/modules/es.typed-array.reverse': 242,
+        'core-js/modules/es.typed-array.set': 243,
+        'core-js/modules/es.typed-array.slice': 244,
+        'core-js/modules/es.typed-array.some': 245,
+        'core-js/modules/es.typed-array.sort': 246,
+        'core-js/modules/es.typed-array.subarray': 247,
+        'core-js/modules/es.typed-array.to-locale-string': 248,
+        'core-js/modules/es.typed-array.to-string': 249,
+        'core-js/modules/es.typed-array.uint32-array': 251,
+        'core-js/modules/es.typed-array.uint8-array': 252,
+        'core-js/modules/web.dom-collections.for-each': 255,
+        'core-js/modules/web.dom-collections.iterator': 256,
+        'omggif': 270
+      }
+    ],
+    321: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.copy-within');
+        _dereq_('core-js/modules/es.array.includes');
+        _dereq_('core-js/modules/es.array.index-of');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.object.get-own-property-descriptor');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.promise');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        _dereq_('core-js/modules/es.string.includes');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.typed-array.uint8-array');
+        _dereq_('core-js/modules/es.typed-array.uint8-clamped-array');
+        _dereq_('core-js/modules/es.typed-array.copy-within');
+        _dereq_('core-js/modules/es.typed-array.every');
+        _dereq_('core-js/modules/es.typed-array.fill');
+        _dereq_('core-js/modules/es.typed-array.filter');
+        _dereq_('core-js/modules/es.typed-array.find');
+        _dereq_('core-js/modules/es.typed-array.find-index');
+        _dereq_('core-js/modules/es.typed-array.for-each');
+        _dereq_('core-js/modules/es.typed-array.includes');
+        _dereq_('core-js/modules/es.typed-array.index-of');
+        _dereq_('core-js/modules/es.typed-array.iterator');
+        _dereq_('core-js/modules/es.typed-array.join');
+        _dereq_('core-js/modules/es.typed-array.last-index-of');
+        _dereq_('core-js/modules/es.typed-array.map');
+        _dereq_('core-js/modules/es.typed-array.reduce');
+        _dereq_('core-js/modules/es.typed-array.reduce-right');
+        _dereq_('core-js/modules/es.typed-array.reverse');
+        _dereq_('core-js/modules/es.typed-array.set');
+        _dereq_('core-js/modules/es.typed-array.slice');
+        _dereq_('core-js/modules/es.typed-array.some');
+        _dereq_('core-js/modules/es.typed-array.sort');
+        _dereq_('core-js/modules/es.typed-array.subarray');
+        _dereq_('core-js/modules/es.typed-array.to-locale-string');
+        _dereq_('core-js/modules/es.typed-array.to-string');
+        _dereq_('core-js/modules/es.weak-map');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        function _typeof2(obj) {
+          if (typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol') {
+            _typeof2 = function _typeof2(obj) {
+              return typeof obj;
+            };
+          } else {
+            _typeof2 = function _typeof2(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj;
+            };
+          }
+          return _typeof2(obj);
+        }
+        function _typeof(obj) {
+          if (typeof Symbol === 'function' && _typeof2(Symbol.iterator) === 'symbol') {
+            _typeof = function _typeof(obj) {
+              return _typeof2(obj);
+            };
+          } else {
+            _typeof = function _typeof(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : _typeof2(obj);
+            };
+          }
+          return _typeof(obj);
+        }
+        _dereq_('core-js/modules/es.array.copy-within');
+        _dereq_('core-js/modules/es.array.includes');
+        _dereq_('core-js/modules/es.array.index-of');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.promise');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        _dereq_('core-js/modules/es.string.includes');
+        _dereq_('core-js/modules/es.typed-array.uint8-array');
+        _dereq_('core-js/modules/es.typed-array.uint8-clamped-array');
+        _dereq_('core-js/modules/es.typed-array.copy-within');
+        _dereq_('core-js/modules/es.typed-array.every');
+        _dereq_('core-js/modules/es.typed-array.fill');
+        _dereq_('core-js/modules/es.typed-array.filter');
+        _dereq_('core-js/modules/es.typed-array.find');
+        _dereq_('core-js/modules/es.typed-array.find-index');
+        _dereq_('core-js/modules/es.typed-array.for-each');
+        _dereq_('core-js/modules/es.typed-array.includes');
+        _dereq_('core-js/modules/es.typed-array.index-of');
+        _dereq_('core-js/modules/es.typed-array.iterator');
+        _dereq_('core-js/modules/es.typed-array.join');
+        _dereq_('core-js/modules/es.typed-array.last-index-of');
+        _dereq_('core-js/modules/es.typed-array.map');
+        _dereq_('core-js/modules/es.typed-array.reduce');
+        _dereq_('core-js/modules/es.typed-array.reduce-right');
+        _dereq_('core-js/modules/es.typed-array.reverse');
+        _dereq_('core-js/modules/es.typed-array.set');
+        _dereq_('core-js/modules/es.typed-array.slice');
+        _dereq_('core-js/modules/es.typed-array.some');
+        _dereq_('core-js/modules/es.typed-array.sort');
+        _dereq_('core-js/modules/es.typed-array.subarray');
+        _dereq_('core-js/modules/es.typed-array.to-locale-string');
+        _dereq_('core-js/modules/es.typed-array.to-string');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        _dereq_('regenerator-runtime/runtime');
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        var _helpers = _interopRequireDefault(_dereq_('../core/helpers'));
+        var constants = _interopRequireWildcard(_dereq_('../core/constants'));
+        var _omggif = _interopRequireDefault(_dereq_('omggif'));
+        var _gifenc = _dereq_('gifenc');
+        _dereq_('../core/friendly_errors/validate_params');
+        _dereq_('../core/friendly_errors/file_errors');
+        _dereq_('../core/friendly_errors/fes_core');
+        function _getRequireWildcardCache() {
+          if (typeof WeakMap !== 'function') return null;
+          var cache = new WeakMap();
+          _getRequireWildcardCache = function _getRequireWildcardCache() {
+            return cache;
+          };
+          return cache;
+        }
+        function _interopRequireWildcard(obj) {
+          if (obj && obj.__esModule) {
+            return obj;
+          }
+          if (obj === null || _typeof(obj) !== 'object' && typeof obj !== 'function') {
+            return {
+            default:
+              obj
+            };
+          }
+          var cache = _getRequireWildcardCache();
+          if (cache && cache.has(obj)) {
+            return cache.get(obj);
+          }
+          var newObj = {
+          };
+          var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+          for (var key in obj) {
+            if (Object.prototype.hasOwnProperty.call(obj, key)) {
+              var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+              if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+              } else {
+                newObj[key] = obj[key];
+              }
+            }
+          }
+          newObj.default = obj;
+          if (cache) {
+            cache.set(obj, newObj);
+          }
+          return newObj;
+        }
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }
+        function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+          try {
+            var info = gen[key](arg);
+            var value = info.value;
+          } catch (error) {
+            reject(error);
+            return;
+          }
+          if (info.done) {
+            resolve(value);
+          } else {
+            Promise.resolve(value).then(_next, _throw);
+          }
+        }
+        function _asyncToGenerator(fn) {
+          return function () {
+            var self = this,
+            args = arguments;
+            return new Promise(function (resolve, reject) {
+              var gen = fn.apply(self, args);
+              function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, 'next', value);
+              }
+              function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, 'throw', err);
+              }
+              _next(undefined);
+            });
+          };
+        } /**
+   * @module Image
+   * @submodule Loading & Displaying
+   * @for p5
+   * @requires core
+   */
+        /**
+ * Loads an image to create a <a href="#/p5.Image">p5.Image</a> object.
+ *
+ * `loadImage()` interprets the first parameter one of three ways. If the path
+ * to an image file is provided, `loadImage()` will load it. Paths to local
+ * files should be relative, such as `'assets/thundercat.jpg'`. URLs such as
+ * `'https://example.com/thundercat.jpg'` may be blocked due to browser
+ * security. Raw image data can also be passed as a base64 encoded image in
+ * the form `'data:image/png;base64,arandomsequenceofcharacters'`.
+ *
+ * The second parameter is optional. If a function is passed, it will be
+ * called once the image has loaded. The callback function can optionally use
+ * the new <a href="#/p5.Image">p5.Image</a> object.
+ *
+ * The third parameter is also optional. If a function is passed, it will be
+ * called if the image fails to load. The callback function can optionally use
+ * the event error.
+ *
+ * Images can take time to load. Calling `loadImage()` in
+ * <a href="#/p5/preload">preload()</a> ensures images load before they're
+ * used in <a href="#/p5/setup">setup()</a> or <a href="#/p5/draw">draw()</a>.
+ *
+ * @method loadImage
+ * @param  {String} path path of the image to be loaded or base64 encoded image.
+ * @param  {function(p5.Image)} [successCallback] function called with
+ *                               <a href="#/p5.Image">p5.Image</a> once it
+ *                               loads.
+ * @param  {function(Event)}    [failureCallback] function called with event
+ *                               error if the image fails to load.
+ * @return {p5.Image}            the <a href="#/p5.Image">p5.Image</a> object.
+ * @example
+ * <div>
+ * <code>
+ * let img;
+ *
+ * function preload() {
+ *   img = loadImage('assets/laDefense.jpg');
+ * }
+ *
+ * function setup() {
+ *   image(img, 0, 0);
+ *   describe('Image of the underside of a white umbrella and a gridded ceiling.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function setup() {
+ *   loadImage('assets/laDefense.jpg', img => {
+ *     image(img, 0, 0);
+ *   });
+ *   describe('Image of the underside of a white umbrella and a gridded ceiling.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function setup() {
+ *   loadImage('assets/laDefense.jpg', success, failure);
+ * }
+ *
+ * function success(img) {
+ *   image(img, 0, 0);
+ *   describe('Image of the underside of a white umbrella and a gridded ceiling.');
+ * }
+ *
+ * function failure(event) {
+ *   console.error('Oops!', event);
+ * }
+ * </code>
+ * </div>
+ */
+
+        _main.default.prototype.loadImage = function (path, successCallback, failureCallback) {
+          _main.default._validateParameters('loadImage', arguments);
+          var pImg = new _main.default.Image(1, 1, this);
+          var self = this;
+          var req = new Request(path, {
+            method: 'GET',
+            mode: 'cors'
+          });
+          fetch(path, req).then(function (response) {
+            // GIF section
+            var contentType = response.headers.get('content-type');
+            if (contentType === null) {
+              console.warn('The image you loaded does not have a Content-Type header. If you are using the online editor consider reuploading the asset.');
+            }
+            if (contentType && contentType.includes('image/gif')) {
+              response.arrayBuffer().then(function (arrayBuffer) {
+                if (arrayBuffer) {
+                  var byteArray = new Uint8Array(arrayBuffer);
+                  _createGif(byteArray, pImg, successCallback, failureCallback, function (pImg) {
+                    self._decrementPreload();
+                  }.bind(self));
+                }
+              }, function (e) {
+                if (typeof failureCallback === 'function') {
+                  failureCallback(e);
+                  self._decrementPreload();
+                } else {
+                  console.error(e);
+                }
+              });
+            } else {
+              // Non-GIF Section
+              var img = new Image();
+              img.onload = function () {
+                pImg.width = pImg.canvas.width = img.width;
+                pImg.height = pImg.canvas.height = img.height;
+                // Draw the image into the backing canvas of the p5.Image
+                pImg.drawingContext.drawImage(img, 0, 0);
+                pImg.modified = true;
+                if (typeof successCallback === 'function') {
+                  successCallback(pImg);
+                }
+                self._decrementPreload();
+              };
+              img.onerror = function (e) {
+                _main.default._friendlyFileLoadError(0, img.src);
+                if (typeof failureCallback === 'function') {
+                  failureCallback(e);
+                  self._decrementPreload();
+                } else {
+                  console.error(e);
+                }
+              };
+              // Set crossOrigin in case image is served with CORS headers.
+              // This will let us draw to the canvas without tainting it.
+              // See https://developer.mozilla.org/en-US/docs/HTML/CORS_Enabled_Image
+              // When using data-uris the file will be loaded locally
+              // so we don't need to worry about crossOrigin with base64 file types.
+              if (path.indexOf('data:image/') !== 0) {
+                img.crossOrigin = 'Anonymous';
+              }              // start loading the image
+
+              img.src = path;
+            }
+            pImg.modified = true;
+          }).catch(function (e) {
+            _main.default._friendlyFileLoadError(0, path);
+            if (typeof failureCallback === 'function') {
+              failureCallback(e);
+              self._decrementPreload();
+            } else {
+              console.error(e);
+            }
+          });
+          return pImg;
+        };
+        /**
+ * Generates a gif from a sketch and saves it to a file. `saveGif()` may be
+ * called in <a href="#/p5/setup">setup()</a> or at any point while a sketch
+ * is running.
+ *
+ * The first parameter, `fileName`, sets the gif's file name. The second
+ * parameter, `duration`, sets the gif's duration in seconds.
+ *
+ * The third parameter, `options`, is optional. If an object is passed,
+ * `saveGif()` will use its properties to customize the gif. `saveGif()`
+ * recognizes the properties `delay`, `units`, `silent`,
+ * `notificationDuration`, and `notificationID`.
+ *
+ * @method saveGif
+ * @param  {String} filename file name of gif.
+ * @param  {Number} duration duration in seconds to capture from the sketch.
+ * @param  {Object} [options] an object that can contain five more properties:
+ *                  `delay`, a Number specifying how much time to wait before recording;
+ *                  `units`, a String that can be either 'seconds' or 'frames'. By default it's 'seconds’;
+ *                  `silent`, a Boolean that defines presence of progress notifications. By default it’s `false`;
+ *                  `notificationDuration`, a Number that defines how long in seconds the final notification
+ *                  will live. By default it's `0`, meaning the notification will never be removed;
+ *                  `notificationID`, a String that specifies the id of the notification's DOM element. By default it’s `'progressBar’`.
+ *
+ * @example
+ * <div>
+ * <code>
+ * function draw() {
+ *   background(200);
+ *   let c = frameCount % 255;
+ *   fill(c);
+ *   circle(50, 50, 25);
+ *
+ *   describe('A circle drawn in the middle of a gray square. The circle changes color from black to white, then repeats.');
+ * }
+ *
+ * function keyPressed() {
+ *   if (key === 's') {
+ *     saveGif('mySketch', 5);
+ *   }
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.saveGif = /*#__PURE__*/ function () {
+          var _ref = _asyncToGenerator( /*#__PURE__*/ regeneratorRuntime.mark(function _callee(fileName, duration) {
+            var options,
+            delay,
+            units,
+            silent,
+            notificationDuration,
+            notificationID,
+            _frameRate,
+            gifFrameDelay,
+            nFrames,
+            nFramesDelay,
+            totalNumberOfFrames,
+            frameIterator,
+            lastPixelDensity,
+            frames,
+            p,
+            pixels,
+            gl,
+            data,
+            gif,
+            globalPalette,
+            paletteCache,
+            getIndexedFrame,
+            transparentIndex,
+            prevIndexedFrame,
+            i,
+            indexedFrame,
+            originalIndexedFrame,
+            _i,
+            buffer,
+            extension,
+            blob,
+            _args = arguments;
+            return regeneratorRuntime.wrap(function _callee$(_context) {
+              while (1) {
+                switch (_context.prev = _context.next) {
+                  case 0:
+                    options = _args.length > 2 && _args[2] !== undefined ? _args[2] : {
+                      delay: 0,
+                      units: 'seconds',
+                      silent: false,
+                      notificationDuration: 0,
+                      notificationID: 'progressBar'
+                    };
+                    if (!(typeof fileName !== 'string')) {
+                      _context.next = 3;
+                      break;
+                    }
+                    throw TypeError('fileName parameter must be a string');
+                  case 3:
+                    if (!(typeof duration !== 'number')) {
+                      _context.next = 5;
+                      break;
+                    }
+                    throw TypeError('Duration parameter must be a number');
+                  case 5:
+                    // extract variables for more comfortable use
+                    delay = options && options.delay || 0; // in seconds
+                    units = options && options.units || 'seconds'; // either 'seconds' or 'frames'
+                    silent = options && options.silent || false;
+                    notificationDuration = options && options.notificationDuration || 0;
+                    notificationID = options && options.notificationID || 'progressBar'; // if arguments in the options object are not correct, cancel operation
+                    if (!(typeof delay !== 'number')) {
+                      _context.next = 12;
+                      break;
+                    }
+                    throw TypeError('Delay parameter must be a number');
+                  case 12:
+                    if (!(units !== 'seconds' && units !== 'frames')) {
+                      _context.next = 14;
+                      break;
+                    }
+                    throw TypeError('Units parameter must be either "frames" or "seconds"');
+                  case 14:
+                    if (!(typeof silent !== 'boolean')) {
+                      _context.next = 16;
+                      break;
+                    }
+                    throw TypeError('Silent parameter must be a boolean');
+                  case 16:
+                    if (!(typeof notificationDuration !== 'number')) {
+                      _context.next = 18;
+                      break;
+                    }
+                    throw TypeError('Notification duration parameter must be a number');
+                  case 18:
+                    if (!(typeof notificationID !== 'string')) {
+                      _context.next = 20;
+                      break;
+                    }
+                    throw TypeError('Notification ID parameter must be a string');
+                  case 20:
+                    this._recording = true;
+                    // get the project's framerate
+                    _frameRate = this._targetFrameRate; // if it is undefined or some non useful value, assume it's 60
+                    if (_frameRate === Infinity || _frameRate === undefined || _frameRate === 0) {
+                      _frameRate = 60;
+                    }                    // calculate frame delay based on frameRate
+                    // this delay has nothing to do with the
+                    // delay in options, but rather is the delay
+                    // we have to specify to the gif encoder between frames.
+
+                    gifFrameDelay = 1 / _frameRate * 1000; // constrain it to be always greater than 20,
+                    // otherwise it won't work in some browsers and systems
+                    // reference: https://stackoverflow.com/questions/64473278/gif-frame-duration-seems-slower-than-expected
+                    gifFrameDelay = gifFrameDelay < 20 ? 20 : gifFrameDelay;
+                    // check the mode we are in and how many frames
+                    // that duration translates to
+                    nFrames = units === 'seconds' ? duration * _frameRate : duration;
+                    nFramesDelay = units === 'seconds' ? delay * _frameRate : delay;
+                    totalNumberOfFrames = nFrames + nFramesDelay; // initialize variables for the frames processing
+                    frameIterator = nFramesDelay;
+                    this.frameCount = frameIterator;
+                    lastPixelDensity = this._pixelDensity;
+                    this.pixelDensity(1);
+                    // We first take every frame that we are going to use for the animation
+                    frames = [
+                    ];
+                    if (document.getElementById(notificationID) !== null) document.getElementById(notificationID).remove();
+                    if (!silent) {
+                      p = this.createP('');
+                      p.id(notificationID);
+                      p.style('font-size', '16px');
+                      p.style('font-family', 'Montserrat');
+                      p.style('background-color', '#ffffffa0');
+                      p.style('padding', '8px');
+                      p.style('border-radius', '10px');
+                      p.position(0, 0);
+                    }
+                    if (this._renderer instanceof _main.default.RendererGL) {
+                      // if we have a WEBGL context, initialize the pixels array
+                      // and the gl context to use them inside the loop
+                      gl = this.drawingContext;
+                      pixels = new Uint8Array(gl.drawingBufferWidth * gl.drawingBufferHeight * 4);
+                    }                    // stop the loop since we are going to manually redraw
+
+                    this.noLoop();
+                    // Defer execution until the rest of the call stack finishes, allowing the
+                    // rest of `setup` to be called (and, importantly, canvases hidden in setup
+                    // to be unhidden.)
+                    //
+                    // Waiting on this empty promise means we'll continue as soon as setup
+                    // finishes without waiting for another frame.
+                    _context.next = 39;
+                    return Promise.resolve();
+                  case 39:
+                    if (!(frameIterator < totalNumberOfFrames)) {
+                      _context.next = 50;
+                      break;
+                    }                    /*
+              we draw the next frame. this is important, since
+              busy sketches or low end devices might take longer
+              to render some frames. So we just wait for the frame
+              to be drawn and immediately save it to a buffer and continue
+            */
+
+                    this.redraw();
+                    // depending on the context we'll extract the pixels one way
+                    // or another
+                    data = undefined;
+                    if (this._renderer instanceof _main.default.RendererGL) {
+                      pixels = new Uint8Array(gl.drawingBufferWidth * gl.drawingBufferHeight * 4);
+                      gl.readPixels(0, 0, gl.drawingBufferWidth, gl.drawingBufferHeight, gl.RGBA, gl.UNSIGNED_BYTE, pixels);
+                      data = _flipPixels(pixels);
+                    } else {
+                      data = this.drawingContext.getImageData(0, 0, this.width, this.height).data;
+                    }
+                    frames.push(data);
+                    frameIterator++;
+                    if (!silent) {
+                      p.html('Saved frame <b>' + frames.length.toString() + '</b> out of ' + nFrames.toString());
+                    }
+                    _context.next = 48;
+                    return new Promise(function (resolve) {
+                      return setTimeout(resolve, 0);
+                    });
+                  case 48:
+                    _context.next = 39;
+                    break;
+                  case 50:
+                    if (!silent) p.html('Frames processed, generating color palette...');
+                    this.loop();
+                    this.pixelDensity(lastPixelDensity);
+                    // create the gif encoder and the colorspace format
+                    gif = (0, _gifenc.GIFEncoder) (); // calculate the global palette for this set of frames
+                    globalPalette = _generateGlobalPalette(frames); // Rather than using applyPalette() from the gifenc library, we use our
+                    // own function to map frame pixels to a palette color. This way, we can
+                    // cache palette color mappings between frames for extra performance, and
+                    // use our own caching mechanism to avoid flickering colors from cache
+                    // key collisions.
+                    paletteCache = {
+                    };
+                    getIndexedFrame = function getIndexedFrame(frame) {
+                      var length = frame.length / 4;
+                      var index = new Uint8Array(length);
+                      for (var i = 0; i < length; i++) {
+                        var key = frame[i * 4] << 24 | frame[i * 4 + 1] << 16 | frame[i * 4 + 2] << 8 | frame[i * 4 + 3];
+                        if (paletteCache[key] === undefined) {
+                          paletteCache[key] = (0, _gifenc.nearestColorIndex) (globalPalette, frame.slice(i * 4, (i + 1) * 4));
+                        }
+                        index[i] = paletteCache[key];
+                      }
+                      return index;
+                    }; // the way we designed the palette means we always take the last index for transparency
+                    transparentIndex = globalPalette.length - 1; // we are going to iterate the frames in pairs, n-1 and n
+                    prevIndexedFrame = [
+                    ];
+                    i = 0;
+                  case 60:
+                    if (!(i < frames.length)) {
+                      _context.next = 71;
+                      break;
+                    }                    //const indexedFrame = applyPalette(frames[i], globalPaletteWithoutAlpha, 'rgba565');
+
+                    indexedFrame = getIndexedFrame(frames[i]); // Make a copy of the palette-applied frame before editing the original
+                    // to use transparent pixels
+                    originalIndexedFrame = indexedFrame.slice();
+                    if (i === 0) {
+                      gif.writeFrame(indexedFrame, this.width, this.height, {
+                        palette: globalPalette,
+                        delay: gifFrameDelay,
+                        dispose: 1
+                      });
+                    } else {
+                      // Matching pixels between frames can be set to full transparency,
+                      // allowing the previous frame's pixels to show through. We only do
+                      // this for pixels that get mapped to the same quantized color so that
+                      // the resulting image would be the same.
+                      for (_i = 0; _i < indexedFrame.length; _i++) {
+                        if (indexedFrame[_i] === prevIndexedFrame[_i]) {
+                          indexedFrame[_i] = transparentIndex;
+                        }
+                      }                      // Write frame into the encoder
+
+                      gif.writeFrame(indexedFrame, this.width, this.height, {
+                        delay: gifFrameDelay,
+                        transparent: true,
+                        transparentIndex: transparentIndex,
+                        dispose: 1
+                      });
+                    }
+                    prevIndexedFrame = originalIndexedFrame;
+                    if (!silent) {
+                      p.html('Rendered frame <b>' + i.toString() + '</b> out of ' + nFrames.toString());
+                    }                    // this just makes the process asynchronous, preventing
+                    // that the encoding locks up the browser
+
+                    _context.next = 68;
+                    return new Promise(function (resolve) {
+                      return setTimeout(resolve, 0);
+                    });
+                  case 68:
+                    i++;
+                    _context.next = 60;
+                    break;
+                  case 71:
+                    gif.finish();
+                    // Get a direct typed array view into the buffer to avoid copying it
+                    buffer = gif.bytesView();
+                    extension = 'gif';
+                    blob = new Blob([buffer], {
+                      type: 'image/gif'
+                    });
+                    frames = [
+                    ];
+                    this._recording = false;
+                    this.loop();
+                    if (!silent) {
+                      p.html('Done. Downloading your gif!🌸');
+                      if (notificationDuration > 0) setTimeout(function () {
+                        return p.remove();
+                      }, notificationDuration * 1000);
+                    }
+                    _main.default.prototype.downloadFile(blob, fileName, extension);
+                  case 80:
+                  case 'end':
+                    return _context.stop();
+                }
+              }
+            }, _callee, this);
+          }));
+          return function (_x, _x2) {
+            return _ref.apply(this, arguments);
+          };
+        }();
+        function _flipPixels(pixels) {
+          // extracting the pixels using readPixels returns
+          // an upside down image. we have to flip it back
+          // first. this solution is proposed by gman on
+          // this stack overflow answer:
+          // https://stackoverflow.com/questions/41969562/how-can-i-flip-the-result-of-webglrenderingcontext-readpixels
+          var halfHeight = parseInt(height / 2);
+          var bytesPerRow = width * 4;
+          // make a temp buffer to hold one row
+          var temp = new Uint8Array(width * 4);
+          for (var y = 0; y < halfHeight; ++y) {
+            var topOffset = y * bytesPerRow;
+            var bottomOffset = (height - y - 1) * bytesPerRow;
+            // make copy of a row on the top half
+            temp.set(pixels.subarray(topOffset, topOffset + bytesPerRow));
+            // copy a row from the bottom half to the top
+            pixels.copyWithin(topOffset, bottomOffset, bottomOffset + bytesPerRow);
+            // copy the copy of the top half row to the bottom half
+            pixels.set(temp, bottomOffset);
+          }
+          return pixels;
+        }
+        function _generateGlobalPalette(frames) {
+          // make an array the size of every possible color in every possible frame
+          // that is: width * height * frames.
+          var allColors = new Uint8Array(frames.length * frames[0].length);
+          // put every frame one after the other in sequence.
+          // this array will hold absolutely every pixel from the animation.
+          // the set function on the Uint8Array works super fast tho!
+          for (var f = 0; f < frames.length; f++) {
+            allColors.set(frames[f], f * frames[0].length);
+          }          // quantize this massive array into 256 colors and return it!
+
+          var colorPalette = (0, _gifenc.quantize) (allColors, 256, {
+            format: 'rgba4444',
+            oneBitAlpha: true
+          });
+          // when generating the palette, we have to leave space for 1 of the
+          // indices to be a random color that does not appear anywhere in our
+          // animation to use for transparency purposes. So, if the palette is full
+          // (has 256 colors), we overwrite the last one with a random, fully transparent
+          // color. Otherwise, we just push a new color into the palette the same way.
+          // this guarantees that when using the transparency index, there are no matches
+          // between some colors of the animation and the "holes" we want to dig on them,
+          // which would cause pieces of some frames to be transparent and thus look glitchy.
+          if (colorPalette.length === 256) {
+            colorPalette[colorPalette.length - 1] = [
+              Math.random() * 255,
+              Math.random() * 255,
+              Math.random() * 255,
+              0
+            ];
+          } else {
+            colorPalette.push([Math.random() * 255,
+            Math.random() * 255,
+            Math.random() * 255,
+            0]);
+          }
+          return colorPalette;
+        }        /**
+ * Helper function for loading GIF-based images
+ */
+
+        function _createGif(arrayBuffer, pImg, successCallback, failureCallback, finishCallback) {
+          var gifReader = new _omggif.default.GifReader(arrayBuffer);
+          pImg.width = pImg.canvas.width = gifReader.width;
+          pImg.height = pImg.canvas.height = gifReader.height;
+          var frames = [
+          ];
+          var numFrames = gifReader.numFrames();
+          var framePixels = new Uint8ClampedArray(pImg.width * pImg.height * 4);
+          var loadGIFFrameIntoImage = function loadGIFFrameIntoImage(frameNum, gifReader) {
+            try {
+              gifReader.decodeAndBlitFrameRGBA(frameNum, framePixels);
+            } catch (e) {
+              _main.default._friendlyFileLoadError(8, pImg.src);
+              if (typeof failureCallback === 'function') {
+                failureCallback(e);
+              } else {
+                console.error(e);
+              }
+            }
+          };
+          for (var j = 0; j < numFrames; j++) {
+            var frameInfo = gifReader.frameInfo(j);
+            var prevFrameData = pImg.drawingContext.getImageData(0, 0, pImg.width, pImg.height);
+            framePixels = prevFrameData.data.slice();
+            loadGIFFrameIntoImage(j, gifReader);
+            var imageData = new ImageData(framePixels, pImg.width, pImg.height);
+            pImg.drawingContext.putImageData(imageData, 0, 0);
+            var frameDelay = frameInfo.delay;
+            // To maintain the default of 10FPS when frameInfo.delay equals to 0
+            if (frameDelay === 0) {
+              frameDelay = 10;
+            }
+            frames.push({
+              image: pImg.drawingContext.getImageData(0, 0, pImg.width, pImg.height),
+              delay: frameDelay * 10 //GIF stores delay in one-hundredth of a second, shift to ms
+            });
+            // Some GIFs are encoded so that they expect the previous frame
+            // to be under the current frame. This can occur at a sub-frame level
+            //
+            // Values :    0 -   No disposal specified. The decoder is
+            //                   not required to take any action.
+            //             1 -   Do not dispose. The graphic is to be left
+            //                   in place.
+            //             2 -   Restore to background color. The area used by the
+            //                   graphic must be restored to the background color.
+            //             3 -   Restore to previous. The decoder is required to
+            //                   restore the area overwritten by the graphic with
+            //                   what was there prior to rendering the graphic.
+            //          4-7 -    To be defined.
+            if (frameInfo.disposal === 2) {
+              // Restore background color
+              pImg.drawingContext.clearRect(frameInfo.x, frameInfo.y, frameInfo.width, frameInfo.height);
+            } else if (frameInfo.disposal === 3) {
+              // Restore previous
+              pImg.drawingContext.putImageData(prevFrameData, 0, 0, frameInfo.x, frameInfo.y, frameInfo.width, frameInfo.height);
+            }
+          }          //Uses Netscape block encoding
+          //to repeat forever, this will be 0
+          //to repeat just once, this will be null
+          //to repeat N times (1<N), should contain integer for loop number
+          //this is changed to more usable values for us
+          //to repeat forever, loopCount = null
+          //everything else is just the number of loops
+
+          var loopLimit = gifReader.loopCount();
+          if (loopLimit === null) {
+            loopLimit = 1;
+          } else if (loopLimit === 0) {
+            loopLimit = null;
+          }          // we used the pImg for painting and saving during load
+          // so we have to reset it to the first frame
+
+          pImg.drawingContext.putImageData(frames[0].image, 0, 0);
+          if (frames.length > 1) {
+            pImg.gifProperties = {
+              displayIndex: 0,
+              loopLimit: loopLimit,
+              loopCount: 0,
+              frames: frames,
+              numFrames: numFrames,
+              playing: true,
+              timeDisplayed: 0,
+              lastChangeTime: 0
+            };
+          }
+          if (typeof successCallback === 'function') {
+            successCallback(pImg);
+          }
+          finishCallback();
+        }        /**
+ * @private
+ * @param {Constant} xAlign either LEFT, RIGHT or CENTER
+ * @param {Constant} yAlign either TOP, BOTTOM or CENTER
+ * @param {Number} dx
+ * @param {Number} dy
+ * @param {Number} dw
+ * @param {Number} dh
+ * @param {Number} sw
+ * @param {Number} sh
+ * @returns {Object}
+ */
+
+        function _imageContain(xAlign, yAlign, dx, dy, dw, dh, sw, sh) {
+          var r = Math.max(sw / dw, sh / dh);
+          var adjusted_dw = sw / r,
+          adjusted_dh = sh / r;
+          var x = dx;
+          var y = dy;
+          if (xAlign === constants.CENTER) {
+            x += (dw - adjusted_dw) / 2;
+          } else if (xAlign === constants.RIGHT) {
+            x += dw - adjusted_dw;
+          }
+          if (yAlign === constants.CENTER) {
+            y += (dh - adjusted_dh) / 2;
+          } else if (yAlign === constants.BOTTOM) {
+            y += dh - adjusted_dh;
+          }
+          return {
+            x: x,
+            y: y,
+            w: adjusted_dw,
+            h: adjusted_dh
+          };
+        }        /**
+ * @private
+ * @param {Constant} xAlign either LEFT, RIGHT or CENTER
+ * @param {Constant} yAlign either TOP, BOTTOM or CENTER
+ * @param {Number} dw
+ * @param {Number} dh
+ * @param {Number} sx
+ * @param {Number} sy
+ * @param {Number} sw
+ * @param {Number} sh
+ * @returns {Object}
+ */
+
+        function _imageCover(xAlign, yAlign, dw, dh, sx, sy, sw, sh) {
+          var r = Math.max(dw / sw, dh / sh);
+          var adjusted_sw = dw / r,
+          adjusted_sh = dh / r;
+          var x = sx;
+          var y = sy;
+          if (xAlign === constants.CENTER) {
+            x += (sw - adjusted_sw) / 2;
+          } else if (xAlign === constants.RIGHT) {
+            x += sw - adjusted_sw;
+          }
+          if (yAlign === constants.CENTER) {
+            y += (sh - adjusted_sh) / 2;
+          } else if (yAlign === constants.BOTTOM) {
+            y += sh - adjusted_sh;
+          }
+          return {
+            x: x,
+            y: y,
+            w: adjusted_sw,
+            h: adjusted_sh
+          };
+        }        /**
+ * @private
+ * @param {Constant} [fit] either CONTAIN or COVER
+ * @param {Constant} xAlign either LEFT, RIGHT or CENTER
+ * @param {Constant} yAlign either TOP, BOTTOM or CENTER
+ * @param {Number} dx
+ * @param {Number} dy
+ * @param {Number} dw
+ * @param {Number} dh
+ * @param {Number} sx
+ * @param {Number} sy
+ * @param {Number} sw
+ * @param {Number} sh
+ * @returns {Object}
+ */
+
+        function _imageFit(fit, xAlign, yAlign, dx, dy, dw, dh, sx, sy, sw, sh) {
+          if (fit === constants.COVER) {
+            var _imageCover2 = _imageCover(xAlign, yAlign, dw, dh, sx, sy, sw, sh),
+            x = _imageCover2.x,
+            y = _imageCover2.y,
+            w = _imageCover2.w,
+            h = _imageCover2.h;
+            sx = x;
+            sy = y;
+            sw = w;
+            sh = h;
+          }
+          if (fit === constants.CONTAIN) {
+            var _imageContain2 = _imageContain(xAlign, yAlign, dx, dy, dw, dh, sw, sh),
+            _x3 = _imageContain2.x,
+            _y = _imageContain2.y,
+            _w = _imageContain2.w,
+            _h = _imageContain2.h;
+            dx = _x3;
+            dy = _y;
+            dw = _w;
+            dh = _h;
+          }
+          return {
+            sx: sx,
+            sy: sy,
+            sw: sw,
+            sh: sh,
+            dx: dx,
+            dy: dy,
+            dw: dw,
+            dh: dh
+          };
+        }        /**
+ * Validates clipping params. Per drawImage spec sWidth and sHight cannot be
+ * negative or greater than image intrinsic width and height
+ * @private
+ * @param {Number} sVal
+ * @param {Number} iVal
+ * @returns {Number}
+ * @private
+ */
+
+        function _sAssign(sVal, iVal) {
+          if (sVal > 0 && sVal < iVal) {
+            return sVal;
+          } else {
+            return iVal;
+          }
+        }        /**
+ * Draws a source image to the canvas.
+ *
+ * The first parameter, `img`, is the source image to be drawn. The second and
+ * third parameters, `dx` and `dy`, set the coordinates of the destination
+ * image's top left corner. See <a href="#/p5/imageMode">imageMode()</a> for
+ * other ways to position images.
+ *
+ * Here's a diagram that explains how optional parameters work in `image()`:
+ *
+ * <img src="assets/drawImage.png"></img>
+ *
+ * The fourth and fifth parameters, `dw` and `dh`, are optional. They set the
+ * the width and height to draw the destination image. By default, `image()`
+ * draws the full source image at its original size.
+ *
+ * The sixth and seventh parameters, `sx` and `sy`, are also optional.
+ * These coordinates define the top left corner of a subsection to draw from
+ * the source image.
+ *
+ * The eighth and ninth parameters, `sw` and `sh`, are also optional.
+ * They define the width and height of a subsection to draw from the source
+ * image. By default, `image()` draws the full subsection that begins at
+ * (`sx`, `sy`) and extends to the edges of the source image.
+ *
+ * The ninth parameter, `fit`, is also optional. It enables a subsection of
+ * the source image to be drawn without affecting its aspect ratio. If
+ * `CONTAIN` is passed, the full subsection will appear within the destination
+ * rectangle. If `COVER` is passed, the subsection will completely cover the
+ * destination rectangle. This may have the effect of zooming into the
+ * subsection.
+ *
+ * The tenth and eleventh paremeters, `xAlign` and `yAlign`, are also
+ * optional. They determine how to align the fitted subsection. `xAlign` can
+ * be set to either `LEFT`, `RIGHT`, or `CENTER`. `yAlign` can be set to
+ * either `TOP`, `BOTTOM`, or `CENTER`. By default, both `xAlign` and `yAlign`
+ * are set to `CENTER`.
+ *
+ * @method image
+ * @param  {p5.Image|p5.Element|p5.Texture|p5.Framebuffer|p5.FramebufferTexture} img image to display.
+ * @param  {Number}   x x-coordinate of the top-left corner of the image.
+ * @param  {Number}   y y-coordinate of the top-left corner of the image.
+ * @param  {Number}   [width]  width to draw the image.
+ * @param  {Number}   [height] height to draw the image.
+ * @example
+ * <div>
+ * <code>
+ * let img;
+ *
+ * function preload() {
+ *   img = loadImage('assets/laDefense.jpg');
+ * }
+ *
+ * function setup() {
+ *   background(50);
+ *   image(img, 0, 0);
+ *
+ *   describe('An image of the underside of a white umbrella with a gridded ceiling above.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let img;
+ *
+ * function preload() {
+ *   img = loadImage('assets/laDefense.jpg');
+ * }
+ *
+ * function setup() {
+ *   background(50);
+ *   image(img, 10, 10);
+ *
+ *   describe('An image of the underside of a white umbrella with a gridded ceiling above. The image has dark gray borders on its left and top.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let img;
+ *
+ * function preload() {
+ *   img = loadImage('assets/laDefense.jpg');
+ * }
+ *
+ * function setup() {
+ *   background(50);
+ *   image(img, 0, 0, 50, 50);
+ *
+ *   describe('An image of the underside of a white umbrella with a gridded ceiling above. The image is drawn in the top left corner of a dark gray square.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let img;
+ *
+ * function preload() {
+ *   img = loadImage('assets/laDefense.jpg');
+ * }
+ *
+ * function setup() {
+ *   background(50);
+ *   image(img, 25, 25, 50, 50, 25, 25, 50, 50);
+ *
+ *   describe('An image of a gridded ceiling drawn in the center of a dark gray square.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let img;
+ *
+ * function preload() {
+ *   img = loadImage('assets/moonwalk.jpg');
+ * }
+ *
+ * function setup() {
+ *   background(50);
+ *   image(img, 0, 0, width, height, 0, 0, img.width, img.height, CONTAIN);
+ *
+ *   describe('An image of an astronaut on the moon. The top and bottom borders of the image are dark gray.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let img;
+ *
+ * function preload() {
+ *   // Image is 50 x 50 pixels.
+ *   img = loadImage('assets/laDefense50.png');
+ * }
+ *
+ * function setup() {
+ *   background(50);
+ *   image(img, 0, 0, width, height, 0, 0, img.width, img.height, COVER);
+ *
+ *   describe('A pixelated image of the underside of a white umbrella with a gridded ceiling above.');
+ * }
+ * </code>
+ * </div>
+ */
+        /**
+ * @method image
+ * @param  {p5.Image|p5.Element|p5.Texture|p5.Framebuffer|p5.FramebufferTexture} img
+ * @param  {Number}   dx     the x-coordinate of the destination
+ *                           rectangle in which to draw the source image
+ * @param  {Number}   dy     the y-coordinate of the destination
+ *                           rectangle in which to draw the source image
+ * @param  {Number}   dWidth  the width of the destination rectangle
+ * @param  {Number}   dHeight the height of the destination rectangle
+ * @param  {Number}   sx     the x-coordinate of the subsection of the source
+ * image to draw into the destination rectangle
+ * @param  {Number}   sy     the y-coordinate of the subsection of the source
+ * image to draw into the destination rectangle
+ * @param {Number}    [sWidth] the width of the subsection of the
+ *                           source image to draw into the destination
+ *                           rectangle
+ * @param {Number}    [sHeight] the height of the subsection of the
+ *                            source image to draw into the destination rectangle
+ * @param {Constant} [fit] either CONTAIN or COVER
+ * @param {Constant} [xAlign] either LEFT, RIGHT or CENTER default is CENTER
+ * @param {Constant} [yAlign] either TOP, BOTTOM or CENTER default is CENTER
+ */
+
+        _main.default.prototype.image = function (img, dx, dy, dWidth, dHeight, sx, sy, sWidth, sHeight, fit, xAlign, yAlign) {
+          // set defaults per spec: https://goo.gl/3ykfOq
+          _main.default._validateParameters('image', arguments);
+          var defW = img.width;
+          var defH = img.height;
+          yAlign = yAlign || constants.CENTER;
+          xAlign = xAlign || constants.CENTER;
+          if (img.elt) {
+            defW = defW !== undefined ? defW : img.elt.width;
+            defH = defH !== undefined ? defH : img.elt.height;
+          }
+          if (img.elt && img.elt.videoWidth && !img.canvas) {
+            // video no canvas
+            defW = defW !== undefined ? defW : img.elt.videoWidth;
+            defH = defH !== undefined ? defH : img.elt.videoHeight;
+          }
+          var _dx = dx;
+          var _dy = dy;
+          var _dw = dWidth || defW;
+          var _dh = dHeight || defH;
+          var _sx = sx || 0;
+          var _sy = sy || 0;
+          var _sw = sWidth !== undefined ? sWidth : defW;
+          var _sh = sHeight !== undefined ? sHeight : defH;
+          _sw = _sAssign(_sw, defW);
+          _sh = _sAssign(_sh, defH);
+          // This part needs cleanup and unit tests
+          // see issues https://github.com/processing/p5.js/issues/1741
+          // and https://github.com/processing/p5.js/issues/1673
+          var pd = 1;
+          if (img.elt && !img.canvas && img.elt.style.width) {
+            //if img is video and img.elt.size() has been used and
+            //no width passed to image()
+            if (img.elt.videoWidth && !dWidth) {
+              pd = img.elt.videoWidth;
+            } else {
+              //all other cases
+              pd = img.elt.width;
+            }
+            pd /= parseInt(img.elt.style.width, 10);
+          }
+          _sx *= pd;
+          _sy *= pd;
+          _sh *= pd;
+          _sw *= pd;
+          var vals = _helpers.default.modeAdjust(_dx, _dy, _dw, _dh, this._renderer._imageMode);
+          vals = _imageFit(fit, xAlign, yAlign, vals.x, vals.y, vals.w, vals.h, _sx, _sy, _sw, _sh);
+          // tint the image if there is a tint
+          this._renderer.image(img, vals.sx, vals.sy, vals.sw, vals.sh, vals.dx, vals.dy, vals.dw, vals.dh);
+        };
+        /**
+ * Tints images using a specified color.
+ *
+ * The version of `tint()` with one parameter interprets it one of four ways.
+ * If the parameter is a number, it's interpreted as a grayscale value. If the
+ * parameter is a string, it's interpreted as a CSS color string. An array of
+ * `[R, G, B, A]` values or a <a href="#/p5.Color">p5.Color</a> object can
+ * also be used to set the tint color.
+ *
+ * The version of `tint()` with two parameters uses the first one as a
+ * grayscale value and the second as an alpha value. For example, calling
+ * `tint(255, 128)` will make an image 50% transparent.
+ *
+ * The version of `tint()` with three parameters interprets them as RGB or
+ * HSB values, depending on the current
+ * <a href="#/p5/colorMode">colorMode()</a>. The optional fourth parameter
+ * sets the alpha value. For example, `tint(255, 0, 0, 100)` will give images
+ * a red tint and make them transparent.
+ *
+ * @method tint
+ * @param  {Number}        v1      red or hue value.
+ * @param  {Number}        v2      green or saturation value.
+ * @param  {Number}        v3      blue or brightness.
+ * @param  {Number}        [alpha]
+ *
+ * @example
+ * <div>
+ * <code>
+ * let img;
+ *
+ * function preload() {
+ *   img = loadImage('assets/laDefense.jpg');
+ * }
+ *
+ * function setup() {
+ *   image(img, 0, 0);
+ *   tint('red');
+ *   image(img, 50, 0);
+ *
+ *   describe('Two images of an umbrella and a ceiling side-by-side. The image on the right has a red tint.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let img;
+ *
+ * function preload() {
+ *   img = loadImage('assets/laDefense.jpg');
+ * }
+ *
+ * function setup() {
+ *   image(img, 0, 0);
+ *   tint(255, 0, 0);
+ *   image(img, 50, 0);
+ *
+ *   describe('Two images of an umbrella and a ceiling side-by-side. The image on the right has a red tint.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let img;
+ *
+ * function preload() {
+ *   img = loadImage('assets/laDefense.jpg');
+ * }
+ *
+ * function setup() {
+ *   image(img, 0, 0);
+ *   tint(255, 0, 0, 100);
+ *   image(img, 50, 0);
+ *
+ *   describe('Two images of an umbrella and a ceiling side-by-side. The image on the right has a transparent red tint.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let img;
+ *
+ * function preload() {
+ *   img = loadImage('assets/laDefense.jpg');
+ * }
+ *
+ * function setup() {
+ *   image(img, 0, 0);
+ *   tint(255, 180);
+ *   image(img, 50, 0);
+ *
+ *   describe('Two images of an umbrella and a ceiling side-by-side. The image on the right is transparent.');
+ * }
+ * </code>
+ * </div>
+ */
+        /**
+ * @method tint
+ * @param  {String}        value   CSS color string.
+ */
+        /**
+ * @method tint
+ * @param  {Number}        gray   grayscale value.
+ * @param  {Number}        [alpha]
+ */
+        /**
+ * @method tint
+ * @param  {Number[]}      values  array containing the red, green, blue &
+ *                                 alpha components of the color.
+ */
+        /**
+ * @method tint
+ * @param  {p5.Color}      color   the tint color
+ */
+        _main.default.prototype.tint = function () {
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
+          _main.default._validateParameters('tint', args);
+          var c = this.color.apply(this, args);
+          this._renderer._tint = c.levels;
+        };
+        /**
+ * Removes the current tint set by <a href="#/p5/tint">tint()</a> and restores
+ * images to their original colors.
+ *
+ * @method noTint
+ * @example
+ * <div>
+ * <code>
+ * let img;
+ *
+ * function preload() {
+ *   img = loadImage('assets/laDefense.jpg');
+ * }
+ * function setup() {
+ *   tint('red');
+ *   image(img, 0, 0);
+ *   noTint();
+ *   image(img, 50, 0);
+ *
+ *   describe('Two images of an umbrella and a ceiling side-by-side. The image on the left has a red tint.');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.noTint = function () {
+          this._renderer._tint = null;
+        };
+        /**
+ * Apply the current tint color to the input image, return the resulting
+ * canvas.
+ *
+ * @private
+ * @param {p5.Image} The image to be tinted
+ * @return {canvas} The resulting tinted canvas
+ */
+        _main.default.prototype._getTintedImageCanvas = _main.default.Renderer2D.prototype._getTintedImageCanvas;
+        /**
+ * Changes the location from which images are drawn when
+ * <a href="#/p5/image">image()</a> is called.
+ *
+ * By default, the first
+ * two parameters of <a href="#/p5/image">image()</a> are the x- and
+ * y-coordinates of the image's upper-left corner. The next parameters are
+ * its width and height. This is the same as calling `imageMode(CORNER)`.
+ *
+ * `imageMode(CORNERS)` also uses the first two parameters of
+ * <a href="#/p5/image">image()</a> as the x- and y-coordinates of the image's
+ * top-left corner. The third and fourth parameters are the coordinates of its
+ * bottom-right corner.
+ *
+ * `imageMode(CENTER)` uses the first two parameters of
+ * <a href="#/p5/image">image()</a> as the x- and y-coordinates of the image's
+ * center. The next parameters are its width and height.
+ *
+ * @method imageMode
+ * @param {Constant} mode either CORNER, CORNERS, or CENTER.
+ * @example
+ *
+ * <div>
+ * <code>
+ * let img;
+ *
+ * function preload() {
+ *   img = loadImage('assets/bricks.jpg');
+ * }
+ *
+ * function setup() {
+ *   background(200);
+ *   imageMode(CORNER);
+ *   image(img, 10, 10, 50, 50);
+ *
+ *   describe('A square image of a brick wall is drawn at the top left of a gray square.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let img;
+ *
+ * function preload() {
+ *   img = loadImage('assets/bricks.jpg');
+ * }
+ *
+ * function setup() {
+ *   background(200);
+ *   imageMode(CORNERS);
+ *   image(img, 10, 10, 90, 40);
+ *
+ *   describe('An image of a brick wall is drawn on a gray square. The image is squeezed into a small rectangular area.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let img;
+ *
+ * function preload() {
+ *   img = loadImage('assets/bricks.jpg');
+ * }
+ *
+ * function setup() {
+ *   background(200);
+ *   imageMode(CENTER);
+ *   image(img, 50, 50, 80, 80);
+ *
+ *   describe('A square image of a brick wall is drawn on a gray square.');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.imageMode = function (m) {
+          _main.default._validateParameters('imageMode', arguments);
+          if (m === constants.CORNER || m === constants.CORNERS || m === constants.CENTER) {
+            this._renderer._imageMode = m;
+          }
+        };
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        '../core/constants': 286,
+        '../core/friendly_errors/fes_core': 289,
+        '../core/friendly_errors/file_errors': 290,
+        '../core/friendly_errors/validate_params': 293,
+        '../core/helpers': 294,
+        '../core/main': 298,
+        'core-js/modules/es.array.copy-within': 170,
+        'core-js/modules/es.array.includes': 177,
+        'core-js/modules/es.array.index-of': 178,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.array.slice': 183,
+        'core-js/modules/es.object.get-own-property-descriptor': 196,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.promise': 201,
+        'core-js/modules/es.regexp.to-string': 206,
+        'core-js/modules/es.string.includes': 209,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/es.typed-array.copy-within': 223,
+        'core-js/modules/es.typed-array.every': 224,
+        'core-js/modules/es.typed-array.fill': 225,
+        'core-js/modules/es.typed-array.filter': 226,
+        'core-js/modules/es.typed-array.find': 228,
+        'core-js/modules/es.typed-array.find-index': 227,
+        'core-js/modules/es.typed-array.for-each': 231,
+        'core-js/modules/es.typed-array.includes': 232,
+        'core-js/modules/es.typed-array.index-of': 233,
+        'core-js/modules/es.typed-array.iterator': 236,
+        'core-js/modules/es.typed-array.join': 237,
+        'core-js/modules/es.typed-array.last-index-of': 238,
+        'core-js/modules/es.typed-array.map': 239,
+        'core-js/modules/es.typed-array.reduce': 241,
+        'core-js/modules/es.typed-array.reduce-right': 240,
+        'core-js/modules/es.typed-array.reverse': 242,
+        'core-js/modules/es.typed-array.set': 243,
+        'core-js/modules/es.typed-array.slice': 244,
+        'core-js/modules/es.typed-array.some': 245,
+        'core-js/modules/es.typed-array.sort': 246,
+        'core-js/modules/es.typed-array.subarray': 247,
+        'core-js/modules/es.typed-array.to-locale-string': 248,
+        'core-js/modules/es.typed-array.to-string': 249,
+        'core-js/modules/es.typed-array.uint8-array': 252,
+        'core-js/modules/es.typed-array.uint8-clamped-array': 253,
+        'core-js/modules/es.weak-map': 254,
+        'core-js/modules/web.dom-collections.iterator': 256,
+        'gifenc': 263,
+        'omggif': 270,
+        'regenerator-runtime/runtime': 274
+      }
+    ],
+    322: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        var _filters = _interopRequireDefault(_dereq_('./filters'));
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            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;
+        } /**
+   * @module Image
+   * @submodule Image
+   * @requires core
+   * @requires constants
+   * @requires filters
+   */
+        /**
+       * This module defines the <a href="#/p5.Image">p5.Image</a> class and P5 methods for
+       * drawing images to the main display canvas.
+       */
+        /*
+ * Class methods
+ */
+        /**
+ * A class to describe an image. Images are rectangular grids of pixels that
+ * can be displayed and modified.
+ *
+ * Existing images can be loaded by calling
+ * <a href="#/p5/loadImage">loadImage()</a>. Blank images can be created by
+ * calling <a href="#/p5/createImage">createImage()</a>. `p5.Image` objects
+ * have methods for common tasks such as applying filters and modifying
+ * pixel values.
+ *
+ * @example
+ * <div>
+ * <code>
+ * let img;
+ *
+ * function preload() {
+ *   img = loadImage('assets/bricks.jpg');
+ * }
+ *
+ * function setup() {
+ *   image(img, 0, 0);
+ *
+ *   describe('An image of a brick wall.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let img;
+ *
+ * function preload() {
+ *   img = loadImage('assets/bricks.jpg');
+ * }
+ *
+ * function setup() {
+ *   img.filter(GRAY);
+ *   image(img, 0, 0);
+ *
+ *   describe('A grayscale image of a brick wall.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * background(200);
+ * let img = createImage(66, 66);
+ * img.loadPixels();
+ * for (let x = 0; x < img.width; x += 1) {
+ *   for (let y = 0; y < img.height; y += 1) {
+ *     img.set(x, y, 0);
+ *   }
+ * }
+ * img.updatePixels();
+ * image(img, 17, 17);
+ *
+ * describe('A black square drawn in the middle of a gray square.');
+ * </code>
+ * </div>
+ *
+ * @class p5.Image
+ * @constructor
+ * @param {Number} width
+ * @param {Number} height
+ */
+
+        _main.default.Image = /*#__PURE__*/ function () {
+          function _class(width, height) {
+            _classCallCheck(this, _class);
+            /**
+     * Image width.
+     * @type {Number}
+     * @property {Number} width
+     * @name width
+     * @readOnly
+     * @example
+     * <div>
+     * <code>
+     * let img;
+     *
+     * function preload() {
+     *   img = loadImage('assets/rockies.jpg');
+     * }
+     *
+     * function setup() {
+     *   image(img, 0, 0);
+     *   let x = img.width / 2;
+     *   let y = img.height / 2;
+     *   let d = 20;
+     *   circle(x, y, d);
+     *
+     *   describe('An image of a mountain landscape with a white circle drawn in the middle.');
+     * }
+     * </code>
+     * </div>
+     */
+            this.width = width;
+            /**
+     * Image height.
+     * @type {Number}
+     * @property height
+     * @name height
+     * @readOnly
+     * @example
+     * <div>
+     * <code>
+     * let img;
+     *
+     * function preload() {
+     *   img = loadImage('assets/rockies.jpg');
+     * }
+     *
+     * function setup() {
+     *   image(img, 0, 0);
+     *   let x = img.width / 2;
+     *   let y = img.height / 2;
+     *   let d = 20;
+     *   circle(x, y, d);
+     *
+     *   describe('An image of a mountain landscape with a white circle drawn in the middle.');
+     * }
+     * </code>
+     * </div>
+     */
+            this.height = height;
+            this.canvas = document.createElement('canvas');
+            this.canvas.width = this.width;
+            this.canvas.height = this.height;
+            this.drawingContext = this.canvas.getContext('2d');
+            this._pixelsState = this;
+            this._pixelDensity = 1;
+            //Object for working with GIFs, defaults to null
+            this.gifProperties = null;
+            //For WebGL Texturing only: used to determine whether to reupload texture to GPU
+            this._modified = false;
+            /**
+     * An array containing the color of each pixel in the
+     * <a href="#/p5.Image">p5.Image</a> object. Colors are stored as numbers
+     * representing red, green, blue, and alpha (RGBA) values. `img.pixels` is a
+     * one-dimensional array for performance reasons.
+     *
+     * Each pixel occupies four elements in the pixels array, one for each
+     * RGBA value. For example, the pixel at coordinates (0, 0) stores its
+     * RGBA values at `img.pixels[0]`, `img.pixels[1]`, `img.pixels[2]`,
+     * and `img.pixels[3]`, respectively. The next pixel at coordinates (1, 0)
+     * stores its RGBA values at `img.pixels[4]`, `img.pixels[5]`,
+     * `img.pixels[6]`, and `img.pixels[7]`. And so on. The `img.pixels` array
+     * for a 100×100 <a href="#/p5.Image">p5.Image</a> object has
+     * 100 × 100 × 4 = 40,000 elements.
+     *
+     * Accessing the RGBA values for a pixel in the
+     * <a href="#/p5.Image">p5.Image</a> object requires a little math as
+     * shown below. The <a href="#/p5.Image/loadPixels">img.loadPixels()</a>
+     * method must be called before accessing the `img.pixels` array. The
+     * <a href="#/p5.Image/updatePixels">img.updatePixels()</a> method must be
+     * called after any changes are made.
+     *
+     * @property {Number[]} pixels
+     * @name pixels
+     * @example
+     * <div>
+     * <code>
+     * let img = createImage(66, 66);
+     * img.loadPixels();
+     * let numPixels = 4 * img.width * img.height;
+     * for (let i = 0; i < numPixels; i += 4) {
+     *   // Red.
+     *   img.pixels[i] = 0;
+     *   // Green.
+     *   img.pixels[i + 1] = 0;
+     *   // Blue.
+     *   img.pixels[i + 2] = 0;
+     *   // Alpha.
+     *   img.pixels[i + 3] = 255;
+     * }
+     * img.updatePixels();
+     * image(img, 17, 17);
+     *
+     * describe('A black square drawn in the middle of a gray square.');
+     * </code>
+     * </div>
+     *
+     * <div>
+     * <code>
+     * let img = createImage(66, 66);
+     * img.loadPixels();
+     * let numPixels = 4 * img.width * img.height;
+     * for (let i = 0; i < numPixels; i += 4) {
+     *   // Red.
+     *   img.pixels[i] = 255;
+     *   // Green.
+     *   img.pixels[i + 1] = 0;
+     *   // Blue.
+     *   img.pixels[i + 2] = 0;
+     *   // Alpha.
+     *   img.pixels[i + 3] = 255;
+     * }
+     * img.updatePixels();
+     * image(img, 17, 17);
+     *
+     * describe('A red square drawn in the middle of a gray square.');
+     * </code>
+     * </div>
+     */
+            this.pixels = [
+            ];
+          }          /**
+  * Gets or sets the pixel density for high pixel density displays. By default,
+  * the density will be set to 1.
+  *
+  * Call this method with no arguments to get the default density, or pass
+  * in a number to set the density. If a non-positive number is provided,
+  * it defaults to 1.
+  *
+  * @method pixelDensity
+  * @param {Number} [density] A scaling factor for the number of pixels per
+  * side
+  * @returns {Number} The current density if called without arguments, or the instance for chaining if setting density.
+  */
+
+          _createClass(_class, [
+            {
+              key: 'pixelDensity',
+              value: function pixelDensity(density) {
+                if (typeof density !== 'undefined') {
+                  // Setter: set the density and handle resize
+                  if (density <= 0) {
+                    var errorObj = {
+                      type: 'INVALID_VALUE',
+                      format: {
+                        types: [
+                          'Number'
+                        ]
+                      },
+                      position: 1
+                    };
+                    _main.default._friendlyParamError(errorObj, 'pixelDensity');
+                    // Default to 1 in case of an invalid value
+                    density = 1;
+                  }
+                  this._pixelDensity = density;
+                  // Adjust canvas dimensions based on pixel density
+                  this.width /= density;
+                  this.height /= density;
+                  return this; // Return the image instance for chaining if needed
+                } else {
+                  // Getter: return the default density
+                  return this._pixelDensity;
+                }
+              }              /**
+     * Helper function for animating GIF-based images with time
+     */
+
+            },
+            {
+              key: '_animateGif',
+              value: function _animateGif(pInst) {
+                var props = this.gifProperties;
+                var curTime = pInst._lastRealFrameTime;
+                if (props.lastChangeTime === 0) {
+                  props.lastChangeTime = curTime;
+                }
+                if (props.playing) {
+                  props.timeDisplayed = curTime - props.lastChangeTime;
+                  var curDelay = props.frames[props.displayIndex].delay;
+                  if (props.timeDisplayed >= curDelay) {
+                    //GIF is bound to 'realtime' so can skip frames
+                    var skips = Math.floor(props.timeDisplayed / curDelay);
+                    props.timeDisplayed = 0;
+                    props.lastChangeTime = curTime;
+                    props.displayIndex += skips;
+                    props.loopCount = Math.floor(props.displayIndex / props.numFrames);
+                    if (props.loopLimit !== null && props.loopCount >= props.loopLimit) {
+                      props.playing = false;
+                    } else {
+                      var ind = props.displayIndex % props.numFrames;
+                      this.drawingContext.putImageData(props.frames[ind].image, 0, 0);
+                      props.displayIndex = ind;
+                      this.setModified(true);
+                    }
+                  }
+                }
+              }              /**
+     * Helper fxn for sharing pixel methods
+     */
+
+            },
+            {
+              key: '_setProperty',
+              value: function _setProperty(prop, value) {
+                this[prop] = value;
+                this.setModified(true);
+              }              /**
+     * Loads the current value of each pixel in the
+     * <a href="#/p5.Image">p5.Image</a> object into the `img.pixels` array.
+     * This method must be called before reading or modifying pixel values.
+     *
+     * @method loadPixels
+     * @example
+     * <div>
+     * <code>
+     * let img = createImage(66, 66);
+     * img.loadPixels();
+     * for (let x = 0; x < img.width; x += 1) {
+     *   for (let y = 0; y < img.height; y += 1) {
+     *     img.set(x, y, 0);
+     *   }
+     * }
+     * img.updatePixels();
+     * image(img, 17, 17);
+     *
+     * describe('A black square drawn in the middle of a gray square.');
+     * </code>
+     * </div>
+     *
+     * <div>
+       * <code>
+       * let img = createImage(66, 66);
+       * img.loadPixels();
+       * let numPixels = 4 * img.width * img.height;
+       * for (let i = 0; i < numPixels; i += 4) {
+       *   // Red.
+       *   img.pixels[i] = 0;
+       *   // Green.
+       *   img.pixels[i + 1] = 0;
+       *   // Blue.
+       *   img.pixels[i + 2] = 0;
+       *   // Alpha.
+       *   img.pixels[i + 3] = 255;
+       * }
+       * img.updatePixels();
+       * image(img, 17, 17);
+       *
+       * describe('A black square drawn in the middle of a gray square.');
+       * </code>
+       * </div>
+     */
+
+            },
+            {
+              key: 'loadPixels',
+              value: function loadPixels() {
+                _main.default.Renderer2D.prototype.loadPixels.call(this);
+                this.setModified(true);
+              }              /**
+     * Updates the canvas with the RGBA values in the
+     * <a href="#/p5.Image/pixels">img.pixels</a> array.
+     *
+     * `img.updatePixels()` only needs to be called after changing values in
+     * the <a href="#/p5.Image/pixels">img.pixels</a> array. Such changes can be
+     * made directly after calling
+     * <a href="#/p5.Image/loadPixels">img.loadPixels()</a> or by calling
+     * <a href="#/p5.Image/set">img.set()</a>.
+     *
+     * The optional parameters `x`, `y`, `width`, and `height` define a
+     * subsection of the <a href="#/p5.Image">p5.Image</a> object to update.
+     * Doing so can improve performance in some cases.
+     *
+     * If the <a href="#/p5.Image">p5.Image</a> object was loaded from a GIF,
+     * then calling `img.updatePixels()` will update the pixels in current
+     * frame.
+     *
+     * @method updatePixels
+     * @param {Integer} x x-coordinate of the upper-left corner
+     *                    of the subsection to update.
+     * @param {Integer} y y-coordinate of the upper-left corner
+     *                    of the subsection to update.
+     * @param {Integer} w width of the subsection to update.
+     * @param {Integer} h height of the subsection to update.
+     * @example
+     * <div>
+     * <code>
+     * let img = createImage(66, 66);
+     * img.loadPixels();
+     * for (let x = 0; x < img.width; x += 1) {
+     *   for (let y = 0; y < img.height; y += 1) {
+     *     img.set(x, y, 0);
+     *   }
+     * }
+     * img.updatePixels();
+     * image(img, 17, 17);
+     *
+     * describe('A black square drawn in the middle of a gray square.');
+     * </code>
+     * </div>
+     *
+     * <div>
+     * <code>
+     * let img = createImage(66, 66);
+     * img.loadPixels();
+     * let numPixels = 4 * img.width * img.height;
+     * for (let i = 0; i < numPixels; i += 4) {
+     *   // Red.
+     *   img.pixels[i] = 0;
+     *   // Green.
+     *   img.pixels[i + 1] = 0;
+     *   // Blue.
+     *   img.pixels[i + 2] = 0;
+     *   // Alpha.
+     *   img.pixels[i + 3] = 255;
+     * }
+     * img.updatePixels();
+     * image(img, 17, 17);
+     *
+     * describe('A black square drawn in the middle of a gray square.');
+     * </code>
+     * </div>
+     */
+              /**
+     * @method updatePixels
+     */
+
+            },
+            {
+              key: 'updatePixels',
+              value: function updatePixels(x, y, w, h) {
+                _main.default.Renderer2D.prototype.updatePixels.call(this, x, y, w, h);
+                this.setModified(true);
+              }              /**
+     * Gets a pixel or a region of pixels from a
+     * <a href="#/p5.Image">p5.Image</a> object.
+     *
+     * `img.get()` is easy to use but it's not as fast as
+     * <a href="#/p5.Image/pixels">img.pixels</a>. Use
+     * <a href="#/p5.Image/pixels">img.pixels</a> to read many pixel values.
+     *
+     * The version of `img.get()` with no parameters returns the entire image.
+     *
+     * The version of `img.get()` with two parameters interprets them as
+     * coordinates. It returns an array with the `[R, G, B, A]` values of the
+     * pixel at the given point.
+     *
+     * The version of `img.get()` with four parameters interprets them as
+     * coordinates and dimensions. It returns a subsection of the canvas as a
+     * <a href="#/p5.Image">p5.Image</a> object. The first two parameters are
+     * the coordinates for the upper-left corner of the subsection. The last two
+     * parameters are the width and height of the subsection.
+     *
+     * Use <a href="#/p5.Image/get">img.get()</a> to work directly with
+     * <a href="#/p5.Image">p5.Image</a> objects.
+     *
+     * @method get
+     * @param  {Number}               x x-coordinate of the pixel.
+     * @param  {Number}               y y-coordinate of the pixel.
+     * @param  {Number}               w width of the subsection to be returned.
+     * @param  {Number}               h height of the subsection to be returned.
+     * @return {p5.Image}             subsection as a <a href="#/p5.Image">p5.Image</a> object.
+     * @example
+     * <div>
+     * <code>
+     * let img;
+     *
+     * function preload() {
+     *   img = loadImage('assets/rockies.jpg');
+     * }
+     *
+     * function setup() {
+     *   image(img, 0, 0);
+     *   let img2 = get();
+     *   image(img2, width / 2, 0);
+     *
+     *   describe('Two identical mountain landscapes shown side-by-side.');
+     * }
+     * </code>
+     * </div>
+     *
+     * <div>
+     * <code>
+     * let img;
+     *
+     * function preload() {
+     *   img = loadImage('assets/rockies.jpg');
+     * }
+     *
+     * function setup() {
+     *   image(img, 0, 0);
+     *   let c = img.get(50, 90);
+     *   fill(c);
+     *   noStroke();
+     *   square(25, 25, 50);
+     *
+     *   describe('A mountain landscape with an olive green square in its center.');
+     * }
+     * </code>
+     * </div>
+     *
+     * <div>
+     * <code>
+     * let img;
+     *
+     * function preload() {
+     *   img = loadImage('assets/rockies.jpg');
+     * }
+     *
+     * function setup() {
+     *   image(img, 0, 0);
+     *   let img2 = img.get(0, 0, img.width / 2, img.height / 2);
+     *   image(img2, width / 2, height / 2);
+     *
+     *   describe('A mountain landscape drawn on top of another mountain landscape.');
+     * }
+     * </code>
+     * </div>
+     */
+              /**
+     * @method get
+     * @return {p5.Image}      whole <a href="#/p5.Image">p5.Image</a>
+     */
+              /**
+     * @method get
+     * @param  {Number}        x
+     * @param  {Number}        y
+     * @return {Number[]}      color of the pixel at (x, y) in array format `[R, G, B, A]`.
+     */
+
+            },
+            {
+              key: 'get',
+              value: function get(x, y, w, h) {
+                _main.default._validateParameters('p5.Image.get', arguments);
+                return _main.default.Renderer2D.prototype.get.apply(this, arguments);
+              }
+            },
+            {
+              key: '_getPixel',
+              value: function _getPixel() {
+                for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+                  args[_key] = arguments[_key];
+                }
+                return _main.default.Renderer2D.prototype._getPixel.apply(this, args);
+              }              /**
+     * Sets the color of one or more pixels within a
+     * <a href="#/p5.Image">p5.Image</a> object.
+     *
+     * `img.set()` is easy to use but it's not as fast as
+     * <a href="#/p5.Image/pixels">img.pixels</a>. Use
+     * <a href="#/p5.Image/pixels">img.pixels</a> to set many pixel values.
+     *
+     * `img.set()` interprets the first two parameters as x- and y-coordinates. It
+     * interprets the last parameter as a grayscale value, a `[R, G, B, A]` pixel
+     * array, a <a href="#/p5.Color">p5.Color</a> object, or another
+     * <a href="#/p5.Image">p5.Image</a> object.
+     *
+     * <a href="#/p5.Image/updatePixels">img.updatePixels()</a> must be called
+     * after using `img.set()` for changes to appear.
+     *
+     * @method set
+     * @param {Number}              x x-coordinate of the pixel.
+     * @param {Number}              y y-coordinate of the pixel.
+     * @param {Number|Number[]|Object}   a grayscale value | pixel array |
+     *                                   <a href="#/p5.Color">p5.Color</a> object |
+     *                                   <a href="#/p5.Image">p5.Image</a> to copy.
+     * @example
+     * <div>
+     * <code>
+     * let img = createImage(100, 100);
+     * img.set(30, 20, 0);
+     * img.set(85, 20, 0);
+     * img.set(85, 75, 0);
+     * img.set(30, 75, 0);
+     * img.updatePixels();
+     * image(img, 0, 0);
+     *
+     * describe('Four black dots arranged in a square drawn on a gray background.');
+     * </code>
+     * </div>
+     *
+     * <div>
+     * <code>
+     * let img = createImage(100, 100);
+     * let black = color(0);
+     * img.set(30, 20, black);
+     * img.set(85, 20, black);
+     * img.set(85, 75, black);
+     * img.set(30, 75, black);
+     * img.updatePixels();
+     * image(img, 0, 0);
+     *
+     * describe('Four black dots arranged in a square drawn on a gray background.');
+     * </code>
+     * </div>
+     *
+     * <div>
+     * <code>
+     * let img = createImage(66, 66);
+     * for (let x = 0; x < img.width; x += 1) {
+     *   for (let y = 0; y < img.height; y += 1) {
+     *     let c = map(x, 0, img.width, 0, 255);
+     *     img.set(x, y, c);
+     *   }
+     * }
+     * img.updatePixels();
+     * image(img, 17, 17);
+     *
+     * describe('A square with a horiztonal color gradient from black to white drawn on a gray background.');
+     * </code>
+     * </div>
+     *
+     * <div>
+     * <code>
+     * let img;
+     *
+     * function preload() {
+     *   img = loadImage('assets/rockies.jpg');
+     * }
+     *
+     * function setup() {
+     *   let img2 = createImage(100, 100);
+     *   img2.set(0, 0, img);
+     *   image(img2, 0, 0);
+     *
+     *   describe('An image of a mountain landscape.');
+     * }
+     * </code>
+     * </div>
+     */
+
+            },
+            {
+              key: 'set',
+              value: function set(x, y, imgOrCol) {
+                _main.default.Renderer2D.prototype.set.call(this, x, y, imgOrCol);
+                this.setModified(true);
+              }              /**
+     * Resizes the <a href="#/p5.Image">p5.Image</a> object to a given `width`
+     * and `height`. The image's original aspect ratio can be kept by passing 0
+     * for either `width` or `height`. For example, calling `img.resize(50, 0)`
+     * on an image that was 500 &times; 300 pixels will resize it to
+     * 50 &times; 30 pixels.
+     *
+     * @method resize
+     * @param {Number} width resized image width.
+     * @param {Number} height resized image height.
+     * @example
+     * <div>
+     * <code>
+     * let img;
+     *
+     * function preload() {
+     *   img = loadImage('assets/rockies.jpg');
+     * }
+      * function setup() {
+     *   image(img, 0, 0);
+     *   img.resize(50, 100);
+     *   image(img, 0, 0);
+     *
+     *   describe('Two images of a mountain landscape. One copy of the image is squeezed horizontally.');
+     * }
+     * </code>
+     * </div>
+     *
+     * <div>
+     * <code>
+     * let img;
+     *
+     * function preload() {
+     *   img = loadImage('assets/rockies.jpg');
+     * }
+      * function setup() {
+     *   image(img, 0, 0);
+     *   img.resize(0, 30);
+     *   image(img, 0, 0);
+     *
+     *   describe('Two images of a mountain landscape. The small copy of the image covers the top-left corner of the larger image.');
+     * }
+     * </code>
+     * </div>
+     *
+     * <div>
+     * <code>
+     * let img;
+     *
+     * function preload() {
+     *   img = loadImage('assets/rockies.jpg');
+     * }
+      * function setup() {
+     *   image(img, 0, 0);
+     *   img.resize(60, 0);
+     *   image(img, 0, 0);
+     *
+     *   describe('Two images of a mountain landscape. The small copy of the image covers the top-left corner of the larger image.');
+     * }
+     * </code>
+     * </div>
+     */
+
+            },
+            {
+              key: 'resize',
+              value: function resize(width, height) {
+                // Copy contents to a temporary canvas, resize the original
+                // and then copy back.
+                //
+                // There is a faster approach that involves just one copy and swapping the
+                // this.canvas reference. We could switch to that approach if (as i think
+                // is the case) there an expectation that the user would not hold a
+                // reference to the backing canvas of a p5.Image. But since we do not
+                // enforce that at the moment, I am leaving in the slower, but safer
+                // implementation.
+                // auto-resize
+                if (width === 0 && height === 0) {
+                  width = this.canvas.width;
+                  height = this.canvas.height;
+                } else if (width === 0) {
+                  width = this.canvas.width * height / this.canvas.height;
+                } else if (height === 0) {
+                  height = this.canvas.height * width / this.canvas.width;
+                }
+                width = Math.floor(width);
+                height = Math.floor(height);
+                var tempCanvas = document.createElement('canvas');
+                tempCanvas.width = width;
+                tempCanvas.height = height;
+                if (this.gifProperties) {
+                  var props = this.gifProperties;
+                  //adapted from github.com/LinusU/resize-image-data
+                  var nearestNeighbor = function nearestNeighbor(src, dst) {
+                    var pos = 0;
+                    for (var y = 0; y < dst.height; y++) {
+                      for (var x = 0; x < dst.width; x++) {
+                        var srcX = Math.floor(x * src.width / dst.width);
+                        var srcY = Math.floor(y * src.height / dst.height);
+                        var srcPos = (srcY * src.width + srcX) * 4;
+                        dst.data[pos++] = src.data[srcPos++]; // R
+                        dst.data[pos++] = src.data[srcPos++]; // G
+                        dst.data[pos++] = src.data[srcPos++]; // B
+                        dst.data[pos++] = src.data[srcPos++]; // A
+                      }
+                    }
+                  };
+                  for (var i = 0; i < props.numFrames; i++) {
+                    var resizedImageData = this.drawingContext.createImageData(width, height);
+                    nearestNeighbor(props.frames[i].image, resizedImageData);
+                    props.frames[i].image = resizedImageData;
+                  }
+                }
+                tempCanvas.getContext('2d').drawImage(this.canvas, 0, 0, this.canvas.width, this.canvas.height, 0, 0, tempCanvas.width, tempCanvas.height);
+                // Resize the original canvas, which will clear its contents
+                this.canvas.width = this.width = width;
+                this.canvas.height = this.height = height;
+                //Copy the image back
+                this.drawingContext.drawImage(tempCanvas, 0, 0, width, height, 0, 0, width, height);
+                if (this.pixels.length > 0) {
+                  this.loadPixels();
+                }
+                this.setModified(true);
+              }              /**
+     *
+     * Copies pixels from a source <a href="#/p5.Image">p5.Image</a>
+     * to this one. Calling `img.copy()` will scale pixels from the source
+     * region if it isn't the same size as the destination region.
+     *
+     * @method copy
+     * @param  {p5.Image|p5.Element} srcImage source image.
+     * @param  {Integer} sx x-coordinate of the source's upper-left corner.
+     * @param  {Integer} sy y-coordinate of the source's upper-left corner.
+     * @param  {Integer} sw source image width.
+     * @param  {Integer} sh source image height.
+     * @param  {Integer} dx x-coordinate of the destination's upper-left corner.
+     * @param  {Integer} dy y-coordinate of the destination's upper-left corner.
+     * @param  {Integer} dw destination image width.
+     * @param  {Integer} dh destination image height.
+     *
+     * @example
+     * <div>
+     * <code>
+     * let img;
+     *
+     * function preload() {
+     *   img = loadImage('assets/rockies.jpg');
+     * }
+     *
+     * function setup() {
+     *   img.copy(7, 22, 10, 10, 35, 25, 50, 50);
+     *   image(img, 0, 0);
+     *   // Outline copied region.
+     *   stroke(255);
+     *   noFill();
+     *   square(7, 22, 10);
+     *
+     *   describe('An image of a mountain landscape. A square region is outlined in white. A larger square contains a pixelated view of the outlined region.');
+     * }
+     * </code>
+     * </div>
+     *
+     * <div>
+     * <code>
+     * let mountains;
+     * let bricks;
+     *
+     * function preload() {
+     *   mountains = loadImage('assets/rockies.jpg');
+     *   bricks = loadImage('assets/bricks.jpg');
+     * }
+     *
+     * function setup() {
+     *   let x = bricks.width / 2;
+     *   let y = bricks.height / 2;
+     *   mountains.copy(bricks, 0, 0, x, y, 0, 0, x, y);
+     *   image(mountains, 0, 0);
+     *
+     *   describe('An image of a brick wall drawn at the top-left of an image of a mountain landscape.');
+     * }
+     * </code>
+     * </div>
+     */
+              /**
+     * @method copy
+     * @param  {Integer} sx
+     * @param  {Integer} sy
+     * @param  {Integer} sw
+     * @param  {Integer} sh
+     * @param  {Integer} dx
+     * @param  {Integer} dy
+     * @param  {Integer} dw
+     * @param  {Integer} dh
+     */
+
+            },
+            {
+              key: 'copy',
+              value: function copy() {
+                for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+                  args[_key2] = arguments[_key2];
+                }
+                _main.default.prototype.copy.apply(this, args);
+              }              /**
+     * Masks part of an image from displaying by loading another
+     * image and using its alpha channel as an alpha channel for
+     * this image. Masks are cumulative, once applied to an image
+     * object, they cannot be removed.
+     *
+     * @method mask
+     * @param {p5.Image} srcImage source image.
+     *
+     * @example
+     * <div>
+     * <code>
+     * let photo;
+     * let maskImage;
+     *
+     * function preload() {
+     *   photo = loadImage('assets/rockies.jpg');
+     *   maskImage = loadImage('assets/mask2.png');
+     * }
+     *
+     * function setup() {
+     *   photo.mask(maskImage);
+     *   image(photo, 0, 0);
+     *
+     *   describe('An image of a mountain landscape. The right side of the image has a faded patch of white.');
+     * }
+     * </code>
+     * </div>
+     */
+              // TODO: - Accept an array of alpha values.
+
+            },
+            {
+              key: 'mask',
+              value: function mask(p5Image) {
+                if (p5Image === undefined) {
+                  p5Image = this;
+                }
+                var currBlend = this.drawingContext.globalCompositeOperation;
+                var scaleFactor = 1;
+                if (p5Image instanceof _main.default.Renderer) {
+                  scaleFactor = p5Image._pInst._pixelDensity;
+                }
+                var copyArgs = [
+                  p5Image,
+                  0,
+                  0,
+                  scaleFactor * p5Image.width,
+                  scaleFactor * p5Image.height,
+                  0,
+                  0,
+                  this.width,
+                  this.height
+                ];
+                this.drawingContext.globalCompositeOperation = 'destination-in';
+                if (this.gifProperties) {
+                  for (var i = 0; i < this.gifProperties.frames.length; i++) {
+                    this.drawingContext.putImageData(this.gifProperties.frames[i].image, 0, 0);
+                    this.copy.apply(this, copyArgs);
+                    this.gifProperties.frames[i].image = this.drawingContext.getImageData(0, 0, this.width, this.height);
+                  }
+                  this.drawingContext.putImageData(this.gifProperties.frames[this.gifProperties.displayIndex].image, 0, 0);
+                } else {
+                  this.copy.apply(this, copyArgs);
+                }
+                this.drawingContext.globalCompositeOperation = currBlend;
+                this.setModified(true);
+              }              /**
+     * Applies an image filter to the <a href="#/p5.Image">p5.Image</a> object.
+     * The preset options are:
+     *
+     * `INVERT`
+     * Inverts the colors in the image. No parameter is used.
+     *
+     * `GRAY`
+     * Converts the image to grayscale. No parameter is used.
+     *
+     * `THRESHOLD`
+     * Converts the image to black and white. Pixels with a grayscale value
+     * above a given threshold are converted to white. The rest are converted to
+     * black. The threshold must be between 0.0 (black) and 1.0 (white). If no
+     * value is specified, 0.5 is used.
+     *
+     * `OPAQUE`
+     * Sets the alpha channel to be entirely opaque. No parameter is used.
+     *
+     * `POSTERIZE`
+     * Limits the number of colors in the image. Each color channel is limited to
+     * the number of colors specified. Values between 2 and 255 are valid, but
+     * results are most noticeable with lower values. The default value is 4.
+     *
+     * `BLUR`
+     * Blurs the image. The level of blurring is specified by a blur radius. Larger
+     * values increase the blur. The default value is 4. A gaussian blur is used
+     * in `P2D` mode. A box blur is used in `WEBGL` mode.
+     *
+     * `ERODE`
+     * Reduces the light areas. No parameter is used.
+     *
+     * `DILATE`
+     * Increases the light areas. No parameter is used.
+     *
+     * @method filter
+     * @param  {Constant} filterType  either THRESHOLD, GRAY, OPAQUE, INVERT,
+     *                                POSTERIZE, ERODE, DILATE or BLUR.
+     * @param  {Number} [filterParam] parameter unique to each filter.
+     * @example
+     * <div>
+     * <code>
+     * let img;
+     *
+     * function preload() {
+     *   img = loadImage('assets/bricks.jpg');
+     * }
+     *
+     * function setup() {
+     *   img.filter(INVERT);
+     *   image(img, 0, 0);
+     *
+     *   describe('A blue brick wall.');
+     * }
+     * </code>
+     * </div>
+     *
+     * <div>
+     * <code>
+     * let img;
+     *
+     * function preload() {
+     *   img = loadImage('assets/bricks.jpg');
+     * }
+     *
+     * function setup() {
+     *   img.filter(GRAY);
+     *   image(img, 0, 0);
+     *
+     *   describe('A brick wall drawn in grayscale.');
+     * }
+     * </code>
+     * </div>
+     *
+     * <div>
+     * <code>
+     * let img;
+     *
+     * function preload() {
+     *   img = loadImage('assets/bricks.jpg');
+     * }
+     *
+     * function setup() {
+     *   img.filter(THRESHOLD);
+     *   image(img, 0, 0);
+     *
+     *   describe('A brick wall drawn in black and white.');
+     * }
+     * </code>
+     * </div>
+     *
+     * <div>
+     * <code>
+     * let img;
+     *
+     * function preload() {
+     *   img = loadImage('assets/bricks.jpg');
+     * }
+     *
+     * function setup() {
+     *   img.filter(OPAQUE);
+     *   image(img, 0, 0);
+     *
+     *   describe('A red brick wall.');
+     * }
+     * </code>
+     * </div>
+     *
+     * <div>
+     * <code>
+     * let img;
+     *
+     * function preload() {
+     *   img = loadImage('assets/bricks.jpg');
+     * }
+     *
+     * function setup() {
+     *   img.filter(POSTERIZE, 3);
+     *   image(img, 0, 0);
+     *
+     *   describe('An image of a red brick wall drawn with a limited color palette.');
+     * }
+     * </code>
+     * </div>
+     *
+     * <div>
+     * <code>
+     * let img;
+     *
+     * function preload() {
+     *   img = loadImage('assets/bricks.jpg');
+     * }
+     *
+     * function setup() {
+     *   img.filter(BLUR, 3);
+     *   image(img, 0, 0);
+     *
+     *   describe('A blurry image of a red brick wall.');
+     * }
+     * </code>
+     * </div>
+     *
+     * <div>
+     * <code>
+     * let img;
+     *
+     * function preload() {
+     *   img = loadImage('assets/bricks.jpg');
+     * }
+     *
+     * function setup() {
+     *   img.filter(DILATE);
+     *   image(img, 0, 0);
+     *
+     *   describe('A red brick wall with bright lines between each brick.');
+     * }
+     * </code>
+     * </div>
+     *
+     * <div>
+     * <code>
+     * let img;
+     *
+     * function preload() {
+     *   img = loadImage('assets/bricks.jpg');
+     * }
+     *
+     * function setup() {
+     *   img.filter(ERODE);
+     *   image(img, 0, 0);
+     *
+     *   describe('A red brick wall with faint lines between each brick.');
+     * }
+     * </code>
+     * </div>
+     */
+
+            },
+            {
+              key: 'filter',
+              value: function filter(operation, value) {
+                _filters.default.apply(this.canvas, _filters.default[operation], value);
+                this.setModified(true);
+              }              /**
+     * Copies a region of pixels from another
+     * <a href="#/p5.Image">p5.Image</a> object into this one. The `blendMode`
+     * parameter blends the images' colors to create different effects.
+     *
+     * @method blend
+     * @param  {p5.Image} srcImage source image
+     * @param  {Integer} sx x-coordinate of the source's upper-left corner.
+     * @param  {Integer} sy y-coordinate of the source's upper-left corner.
+     * @param  {Integer} sw source image width.
+     * @param  {Integer} sh source image height.
+     * @param  {Integer} dx x-coordinate of the destination's upper-left corner.
+     * @param  {Integer} dy y-coordinate of the destination's upper-left corner.
+     * @param  {Integer} dw destination image width.
+     * @param  {Integer} dh destination image height.
+     * @param  {Constant} blendMode the blend mode. either
+     *     BLEND, DARKEST, LIGHTEST, DIFFERENCE,
+     *     MULTIPLY, EXCLUSION, SCREEN, REPLACE, OVERLAY, HARD_LIGHT,
+     *     SOFT_LIGHT, DODGE, BURN, ADD or NORMAL.
+     *
+     * Available blend modes are: normal | multiply | screen | overlay |
+     *            darken | lighten | color-dodge | color-burn | hard-light |
+     *            soft-light | difference | exclusion | hue | saturation |
+     *            color | luminosity
+     *
+     * http://blogs.adobe.com/webplatform/2013/01/28/blending-features-in-canvas/
+     * @example
+     * <div>
+     * <code>
+     * let mountains;
+     * let bricks;
+     *
+     * function preload() {
+     *   mountains = loadImage('assets/rockies.jpg');
+     *   bricks = loadImage('assets/bricks_third.jpg');
+     * }
+     *
+     * function setup() {
+     *   mountains.blend(bricks, 0, 0, 33, 100, 67, 0, 33, 100, ADD);
+     *   image(mountains, 0, 0);
+     *   image(bricks, 0, 0);
+     *
+     *   describe('A wall of bricks in front of a mountain landscape. The same wall of bricks appears faded on the right of the image.');
+     * }
+     * </code>
+     * </div>
+     *
+     * <div>
+     * <code>
+     * let mountains;
+     * let bricks;
+     *
+     * function preload() {
+     *   mountains = loadImage('assets/rockies.jpg');
+     *   bricks = loadImage('assets/bricks_third.jpg');
+     * }
+     *
+     * function setup() {
+     *   mountains.blend(bricks, 0, 0, 33, 100, 67, 0, 33, 100, DARKEST);
+     *   image(mountains, 0, 0);
+     *   image(bricks, 0, 0);
+     *
+     *   describe('A wall of bricks in front of a mountain landscape. The same wall of bricks appears transparent on the right of the image.');
+     * }
+     * </code>
+     * </div>
+     *
+     * <div>
+     * <code>
+     * let mountains;
+     * let bricks;
+     *
+     * function preload() {
+     *   mountains = loadImage('assets/rockies.jpg');
+     *   bricks = loadImage('assets/bricks_third.jpg');
+     * }
+     *
+     * function setup() {
+     *   mountains.blend(bricks, 0, 0, 33, 100, 67, 0, 33, 100, LIGHTEST);
+     *   image(mountains, 0, 0);
+     *   image(bricks, 0, 0);
+     *
+     *   describe('A wall of bricks in front of a mountain landscape. The same wall of bricks appears washed out on the right of the image.');
+     * }
+     * </code>
+     * </div>
+     */
+              /**
+     * @method blend
+     * @param  {Integer} sx
+     * @param  {Integer} sy
+     * @param  {Integer} sw
+     * @param  {Integer} sh
+     * @param  {Integer} dx
+     * @param  {Integer} dy
+     * @param  {Integer} dw
+     * @param  {Integer} dh
+     * @param  {Constant} blendMode
+     */
+
+            },
+            {
+              key: 'blend',
+              value: function blend() {
+                for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+                  args[_key3] = arguments[_key3];
+                }
+                _main.default._validateParameters('p5.Image.blend', arguments);
+                _main.default.prototype.blend.apply(this, args);
+                this.setModified(true);
+              }              /**
+     * helper method for web GL mode to indicate that an image has been
+     * changed or unchanged since last upload. gl texture upload will
+     * set this value to false after uploading the texture.
+     * @method setModified
+     * @param {boolean} val sets whether or not the image has been
+     * modified.
+     * @private
+     */
+
+            },
+            {
+              key: 'setModified',
+              value: function setModified(val) {
+                this._modified = val; //enforce boolean?
+              }              /**
+     * helper method for web GL mode to figure out if the image
+     * has been modified and might need to be re-uploaded to texture
+     * memory between frames.
+     * @method isModified
+     * @private
+     * @return {boolean} a boolean indicating whether or not the
+     * image has been updated or modified since last texture upload.
+     */
+
+            },
+            {
+              key: 'isModified',
+              value: function isModified() {
+                return this._modified;
+              }              /**
+     * Saves the <a href="#/p5.Image">p5.Image</a> object to a file.
+     * The browser will either save the file immediately or prompt the user
+     * with a dialogue window.
+     *
+     * By default, calling `img.save()` will save the image as `untitled.png`.
+     *
+     * Calling `img.save()` with one argument, as in `img.save('photo.png')`,
+     * will set the image's filename and type together.
+     *
+     * Calling `img.save()` with two arguments, as in
+     * `image.save('photo', 'png')`, will set the image's filename and type
+     * separately.
+     *
+     * The image will only be downloaded as an animated GIF if the
+     * <a href="#/p5.Image">p5.Image</a> object was loaded from a GIF file.
+     * See <a href="#/p5/saveGif">saveGif()</a> to create new GIFs.
+     * @method save
+     * @param {String} filename filename. Defaults to 'untitled'.
+     * @param  {String} [extension] file extension, either 'png' or 'jpg'.
+     *                            Defaults to 'png'.
+     * @example
+     * <div>
+     * <code>
+     * let img;
+     *
+     * function preload() {
+     *   img = loadImage('assets/rockies.jpg');
+     * }
+     *
+     * function draw() {
+     *   image(img, 0, 0);
+     *
+     *   describe('An image of a mountain landscape.');
+     * }
+     *
+     * function keyPressed() {
+     *   if (key === 's') {
+     *     img.save();
+     *   } else if (key === 'j') {
+     *     img.save('rockies.jpg');
+     *   } else if (key === 'p') {
+     *     img.save('rockies', 'png');
+     *   }
+     * }
+     * </code>
+     * </div>
+     */
+
+            },
+            {
+              key: 'save',
+              value: function save(filename, extension) {
+                if (this.gifProperties) {
+                  _main.default.prototype.encodeAndDownloadGif(this, filename);
+                } else {
+                  _main.default.prototype.saveCanvas(this.canvas, filename, extension);
+                }
+              } // GIF Section
+              /**
+     * Restarts an animated GIF at its first frame.
+     *
+     * @method reset
+     * @example
+     * <div>
+     * <code>
+     * let gif;
+     *
+     * function preload() {
+     *   gif = loadImage('assets/arnott-wallace-wink-loop-once.gif');
+     * }
+     *
+     * function draw() {
+     *   background(255);
+     *   image(gif, 0, 0);
+     *
+     *   describe('A cartoon face winks once and then freezes. Clicking resets the face and makes it wink again.');
+     * }
+     *
+     * function mousePressed() {
+     *   gif.reset();
+     * }
+     * </code>
+     * </div>
+     */
+
+            },
+            {
+              key: 'reset',
+              value: function reset() {
+                if (this.gifProperties) {
+                  var props = this.gifProperties;
+                  props.playing = true;
+                  props.timeSinceStart = 0;
+                  props.timeDisplayed = 0;
+                  props.lastChangeTime = 0;
+                  props.loopCount = 0;
+                  props.displayIndex = 0;
+                  this.drawingContext.putImageData(props.frames[0].image, 0, 0);
+                }
+              }              /**
+     * Gets the index of the current frame in an animated GIF.
+     *
+     * @method getCurrentFrame
+     * @return {Number}       index of the GIF's current frame.
+     * @example
+     * <div>
+     * <code>
+     * let gif;
+     *
+     * function preload() {
+     *   gif = loadImage('assets/arnott-wallace-eye-loop-forever.gif');
+     * }
+     *
+     * function draw() {
+     *   let index = gif.getCurrentFrame();
+     *   image(gif, 0, 0);
+     *   text(index, 10, 90);
+     *
+     *   describe('A cartoon eye repeatedly looks around, then outwards. A number displayed in the bottom-left corner increases from 0 to 124, then repeats.');
+     * }
+     * </code>
+     * </div>
+     */
+
+            },
+            {
+              key: 'getCurrentFrame',
+              value: function getCurrentFrame() {
+                if (this.gifProperties) {
+                  var props = this.gifProperties;
+                  return props.displayIndex % props.numFrames;
+                }
+              }              /**
+     * Sets the current frame in an animated GIF.
+     *
+     * @method setFrame
+     * @param {Number} index index of the frame to display.
+     * @example
+     * <div>
+     * <code>
+     * let gif;
+     * let frameSlider;
+     *
+     * function preload() {
+     *   gif = loadImage('assets/arnott-wallace-eye-loop-forever.gif');
+     * }
+     *
+     * function setup() {
+     *   let maxFrame = gif.numFrames() - 1;
+     *   frameSlider = createSlider(0, maxFrame);
+     *   frameSlider.position(10, 80);
+     *   frameSlider.size(80);
+     * }
+     *
+     * function draw() {
+     *   let index = frameSlider.value();
+     *   gif.setFrame(index);
+     *   image(gif, 0, 0);
+     *
+     *   describe('A cartoon eye looks around when a slider is moved.');
+     * }
+     * </code>
+     * </div>
+     */
+
+            },
+            {
+              key: 'setFrame',
+              value: function setFrame(index) {
+                if (this.gifProperties) {
+                  var props = this.gifProperties;
+                  if (index < props.numFrames && index >= 0) {
+                    props.timeDisplayed = 0;
+                    props.lastChangeTime = 0;
+                    props.displayIndex = index;
+                    this.drawingContext.putImageData(props.frames[index].image, 0, 0);
+                  } else {
+                    console.log('Cannot set GIF to a frame number that is higher than total number of frames or below zero.');
+                  }
+                }
+              }              /**
+     * Returns the number of frames in an animated GIF.
+     *
+     * @method numFrames
+     * @return {Number} number of frames in the GIF.
+     *
+     * @example
+     * <div>
+     * <code>
+     * let gif;
+     *
+     * function preload() {
+     *   gif = loadImage('assets/arnott-wallace-eye-loop-forever.gif');
+     * }
+     *
+     * function draw() {
+     *   image(gif, 0, 0);
+     *   let total = gif.numFrames();
+     *   let index = gif.getCurrentFrame();
+     *   text(`${index} / ${total}`, 30, 90);
+     *
+     *   describe('A cartoon eye looks around. The text "n / 125" is shown at the bottom of the canvas.');
+     * }
+     * </code>
+     * </div>
+     */
+
+            },
+            {
+              key: 'numFrames',
+              value: function numFrames() {
+                if (this.gifProperties) {
+                  return this.gifProperties.numFrames;
+                }
+              }              /**
+     * Plays an animated GIF that was paused with
+     * <a href="#/p5.Image/pause">img.pause()</a>.
+     *
+     * @method play
+     *
+     * @example
+     * <div>
+     * <code>
+     * let gif;
+     *
+     * function preload() {
+     *   gif = loadImage('assets/nancy-liang-wind-loop-forever.gif');
+     * }
+     *
+     * function draw() {
+     *   background(255);
+     *   image(gif, 0, 0);
+     *
+     *   describe('A drawing of a child with hair blowing in the wind. The animation freezes when clicked and resumes when released.');
+     * }
+     *
+     * function mousePressed() {
+     *   gif.pause();
+     * }
+     *
+     * function mouseReleased() {
+     *   gif.play();
+     * }
+     * </code>
+     * </div>
+     */
+
+            },
+            {
+              key: 'play',
+              value: function play() {
+                if (this.gifProperties) {
+                  this.gifProperties.playing = true;
+                }
+              }              /**
+     * Pauses an animated GIF. The GIF can be resumed by calling
+     * <a href="#/p5.Image/play">img.play()</a>.
+     *
+     * @method pause
+     *
+     * @example
+     * <div>
+     * <code>
+     * let gif;
+     *
+     * function preload() {
+     *   gif = loadImage('assets/nancy-liang-wind-loop-forever.gif');
+     * }
+     *
+     * function draw() {
+     *   background(255);
+     *   image(gif, 0, 0);
+     *
+     *   describe('A drawing of a child with hair blowing in the wind. The animation freezes when clicked and resumes when released.');
+     * }
+     *
+     * function mousePressed() {
+     *   gif.pause();
+     * }
+     *
+     * function mouseReleased() {
+     *   gif.play();
+     * }
+     * </code>
+     * </div>
+     */
+
+            },
+            {
+              key: 'pause',
+              value: function pause() {
+                if (this.gifProperties) {
+                  this.gifProperties.playing = false;
+                }
+              }              /**
+     * Changes the delay between frames in an animated GIF.
+     *
+     * The second parameter, `index`, is optional. If provided, only the frame
+     * at `index` will have its delay modified. All other frames will keep
+     * their default delay.
+     *
+     * @method delay
+     * @param {Number} d delay in milliseconds between switching frames.
+     * @param {Number} [index] index of the frame that will have its delay modified.
+     *
+     * @example
+     * <div>
+     * <code>
+     * let gifFast;
+     * let gifSlow;
+     *
+     * function preload() {
+     *   gifFast = loadImage('assets/arnott-wallace-eye-loop-forever.gif');
+     *   gifSlow = loadImage('assets/arnott-wallace-eye-loop-forever.gif');
+     * }
+     *
+     * function setup() {
+     *   gifFast.resize(50, 50);
+     *   gifSlow.resize(50, 50);
+     *   gifFast.delay(10);
+     *   gifSlow.delay(100);
+     * }
+     *
+     * function draw() {
+     *   image(gifFast, 0, 0);
+     *   image(gifSlow, 50, 0);
+     *
+     *   describe('Two animated eyes looking around. The eye on the left moves faster than the eye on the right.');
+     * }
+     * </code>
+     * </div>
+     *
+     * <div>
+     * <code>
+     * let gif;
+     *
+     * function preload() {
+     *   gif = loadImage('assets/arnott-wallace-eye-loop-forever.gif');
+     * }
+     *
+     * function setup() {
+     *   gif.delay(3000, 67);
+     * }
+     *
+     * function draw() {
+     *   image(gif, 0, 0);
+     *
+     *   describe('An animated eye looking around. It pauses for three seconds while it looks down.');
+     * }
+     * </code>
+     * </div>
+     */
+
+            },
+            {
+              key: 'delay',
+              value: function delay(d, index) {
+                if (this.gifProperties) {
+                  var props = this.gifProperties;
+                  if (index < props.numFrames && index >= 0) {
+                    props.frames[index].delay = d;
+                  } else {
+                    // change all frames
+                    var _iteratorNormalCompletion = true;
+                    var _didIteratorError = false;
+                    var _iteratorError = undefined;
+                    try {
+                      for (var _iterator = props.frames[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+                        var frame = _step.value;
+                        frame.delay = d;
+                      }
+                    } catch (err) {
+                      _didIteratorError = true;
+                      _iteratorError = err;
+                    } finally {
+                      try {
+                        if (!_iteratorNormalCompletion && _iterator.return != null) {
+                          _iterator.return();
+                        }
+                      } finally {
+                        if (_didIteratorError) {
+                          throw _iteratorError;
+                        }
+                      }
+                    }
+                  }
+                }
+              }
+            }
+          ]);
+          return _class;
+        }();
+        var _default = _main.default.Image;
+        exports.default = _default;
+      },
+      {
+        '../core/main': 298,
+        './filters': 319,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/web.dom-collections.iterator': 256
+      }
+    ],
+    323: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.array.filter');
+        _dereq_('core-js/modules/es.array.filter');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        var _filters = _interopRequireDefault(_dereq_('./filters'));
+        _dereq_('../color/p5.Color');
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }        /**
+ * @module Image
+ * @submodule Pixels
+ * @for p5
+ * @requires core
+ */
+        /**
+ * An array containing the color of each pixel on the canvas. Colors are
+ * stored as numbers representing red, green, blue, and alpha (RGBA) values.
+ * `pixels` is a one-dimensional array for performance reasons.
+ *
+ * Each pixel occupies four elements in the `pixels` array, one for each RGBA
+ * value. For example, the pixel at coordinates (0, 0) stores its RGBA values
+ * at `pixels[0]`, `pixels[1]`, `pixels[2]`, and `pixels[3]`, respectively.
+ * The next pixel at coordinates (1, 0) stores its RGBA values at `pixels[4]`,
+ * `pixels[5]`, `pixels[6]`, and `pixels[7]`. And so on. The `pixels` array
+ * for a 100&times;100 canvas has 100 &times; 100 &times; 4 = 40,000 elements.
+ *
+ * Some displays use several smaller pixels to set the color at a single
+ * point. The <a href="#/p5/pixelDensity">pixelDensity()</a> function returns
+ * the pixel density of the canvas. High density displays often have a
+ * <a href="#/p5/pixelDensity">pixelDensity()</a> of 2. On such a display, the
+ * `pixels` array for a 100&times;100 canvas has 200 &times; 200 &times; 4 =
+ * 160,000 elements.
+ *
+ * Accessing the RGBA values for a point on the canvas requires a little math
+ * as shown below. The <a href="#/p5/loadPixels">loadPixels()</a> function
+ * must be called before accessing the `pixels` array. The
+ * <a href="#/p5/updatePixels">updatePixels()</a> function must be called
+ * after any changes are made.
+ *
+ * @property {Number[]} pixels
+ *
+ * @example
+ * <div>
+ * <code>
+ * loadPixels();
+ * let x = 50;
+ * let y = 50;
+ * let d = pixelDensity();
+ * for (let i = 0; i < d; i += 1) {
+ *   for (let j = 0; j < d; j += 1) {
+ *     let index = 4 * ((y * d + j) * width * d + (x * d + i));
+ *     // Red.
+ *     pixels[index] = 0;
+ *     // Green.
+ *     pixels[index + 1] = 0;
+ *     // Blue.
+ *     pixels[index + 2] = 0;
+ *     // Alpha.
+ *     pixels[index + 3] = 255;
+ *   }
+ * }
+ * updatePixels();
+ *
+ * describe('A black dot in the middle of a gray rectangle.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * loadPixels();
+ * let d = pixelDensity();
+ * let halfImage = 4 * (d * width) * (d * height / 2);
+ * for (let i = 0; i < halfImage; i += 4) {
+ *   // Red.
+ *   pixels[i] = 255;
+ *   // Green.
+ *   pixels[i + 1] = 0;
+ *   // Blue.
+ *   pixels[i + 2] = 0;
+ *   // Alpha.
+ *   pixels[i + 3] = 255;
+ * }
+ * updatePixels();
+ *
+ * describe('A red rectangle drawn above a gray rectangle.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let pink = color(255, 102, 204);
+ * loadPixels();
+ * let d = pixelDensity();
+ * let halfImage = 4 * (d * width) * (d * height / 2);
+ * for (let i = 0; i < halfImage; i += 4) {
+ *   pixels[i] = red(pink);
+ *   pixels[i + 1] = green(pink);
+ *   pixels[i + 2] = blue(pink);
+ *   pixels[i + 3] = alpha(pink);
+ * }
+ * updatePixels();
+ *
+ * describe('A pink rectangle drawn above a gray rectangle.');
+ * </code>
+ * </div>
+ */
+
+        _main.default.prototype.pixels = [
+        ];
+        /**
+ * Copies a region of pixels from one image to another. The `blendMode`
+ * parameter blends the images' colors to create different effects.
+ *
+ * @method blend
+ * @param  {p5.Image} srcImage source image.
+ * @param  {Integer} sx x-coordinate of the source's upper-left corner.
+ * @param  {Integer} sy y-coordinate of the source's upper-left corner.
+ * @param  {Integer} sw source image width.
+ * @param  {Integer} sh source image height.
+ * @param  {Integer} dx x-coordinate of the destination's upper-left corner.
+ * @param  {Integer} dy y-coordinate of the destination's upper-left corner.
+ * @param  {Integer} dw destination image width.
+ * @param  {Integer} dh destination image height.
+ * @param  {Constant} blendMode the blend mode. either
+ *     BLEND, DARKEST, LIGHTEST, DIFFERENCE,
+ *     MULTIPLY, EXCLUSION, SCREEN, REPLACE, OVERLAY, HARD_LIGHT,
+ *     SOFT_LIGHT, DODGE, BURN, ADD or NORMAL.
+ *
+ * @example
+ * <div>
+ * <code>
+ * let img0;
+ * let img1;
+ *
+ * function preload() {
+ *   img0 = loadImage('assets/rockies.jpg');
+ *   img1 = loadImage('assets/bricks_third.jpg');
+ * }
+ *
+ * function setup() {
+ *   background(img0);
+ *   image(img1, 0, 0);
+ *   blend(img1, 0, 0, 33, 100, 67, 0, 33, 100, LIGHTEST);
+ *
+ *   describe('A wall of bricks in front of a mountain landscape. The same wall of bricks appears faded on the right of the image.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let img0;
+ * let img1;
+ *
+ * function preload() {
+ *   img0 = loadImage('assets/rockies.jpg');
+ *   img1 = loadImage('assets/bricks_third.jpg');
+ * }
+ *
+ * function setup() {
+ *   background(img0);
+ *   image(img1, 0, 0);
+ *   blend(img1, 0, 0, 33, 100, 67, 0, 33, 100, DARKEST);
+ *
+ *   describe('A wall of bricks in front of a mountain landscape. The same wall of bricks appears transparent on the right of the image.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let img0;
+ * let img1;
+ *
+ * function preload() {
+ *   img0 = loadImage('assets/rockies.jpg');
+ *   img1 = loadImage('assets/bricks_third.jpg');
+ * }
+ *
+ * function setup() {
+ *   background(img0);
+ *   image(img1, 0, 0);
+ *   blend(img1, 0, 0, 33, 100, 67, 0, 33, 100, ADD);
+ *
+ *   describe('A wall of bricks in front of a mountain landscape. The same wall of bricks appears washed out on the right of the image.');
+ * }
+ * </code>
+ * </div>
+ */
+        /**
+ * @method blend
+ * @param  {Integer} sx
+ * @param  {Integer} sy
+ * @param  {Integer} sw
+ * @param  {Integer} sh
+ * @param  {Integer} dx
+ * @param  {Integer} dy
+ * @param  {Integer} dw
+ * @param  {Integer} dh
+ * @param  {Constant} blendMode
+ */
+        _main.default.prototype.blend = function () {
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
+          _main.default._validateParameters('blend', args);
+          if (this._renderer) {
+            var _this$_renderer;
+            (_this$_renderer = this._renderer).blend.apply(_this$_renderer, args);
+          } else {
+            _main.default.Renderer2D.prototype.blend.apply(this, args);
+          }
+        };
+        /**
+ * Copies pixels from a source image to a region of the canvas. The source
+ * image can be the canvas itself or a <a href="#/p5.Image">p5.Image</a>
+ * object. `copy()` will scale pixels from the source region if it isn't the
+ * same size as the destination region.
+ *
+ * @method copy
+ * @param  {p5.Image|p5.Element} srcImage source image.
+ * @param  {Integer} sx x-coordinate of the source's upper-left corner.
+ * @param  {Integer} sy y-coordinate of the source's upper-left corner.
+ * @param  {Integer} sw source image width.
+ * @param  {Integer} sh source image height.
+ * @param  {Integer} dx x-coordinate of the destination's upper-left corner.
+ * @param  {Integer} dy y-coordinate of the destination's upper-left corner.
+ * @param  {Integer} dw destination image width.
+ * @param  {Integer} dh destination image height.
+ *
+ * @example
+ * <div>
+ * <code>
+ * let img;
+ *
+ * function preload() {
+ *   img = loadImage('assets/rockies.jpg');
+ * }
+ *
+ * function setup() {
+ *   background(img);
+ *   copy(img, 7, 22, 10, 10, 35, 25, 50, 50);
+ *   // Show copied region.
+ *   stroke(255);
+ *   noFill();
+ *   square(7, 22, 10);
+ *
+ *   describe('An image of a mountain landscape. A square region is outlined in white. A larger square contains a pixelated view of the outlined region.');
+ * }
+ * </code>
+ * </div>
+ */
+        /**
+ * @method copy
+ * @param  {Integer} sx
+ * @param  {Integer} sy
+ * @param  {Integer} sw
+ * @param  {Integer} sh
+ * @param  {Integer} dx
+ * @param  {Integer} dy
+ * @param  {Integer} dw
+ * @param  {Integer} dh
+ */
+        _main.default.prototype.copy = function () {
+          for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+            args[_key2] = arguments[_key2];
+          }
+          _main.default._validateParameters('copy', args);
+          var srcImage,
+          sx,
+          sy,
+          sw,
+          sh,
+          dx,
+          dy,
+          dw,
+          dh;
+          if (args.length === 9) {
+            srcImage = args[0];
+            sx = args[1];
+            sy = args[2];
+            sw = args[3];
+            sh = args[4];
+            dx = args[5];
+            dy = args[6];
+            dw = args[7];
+            dh = args[8];
+          } else if (args.length === 8) {
+            srcImage = this;
+            sx = args[0];
+            sy = args[1];
+            sw = args[2];
+            sh = args[3];
+            dx = args[4];
+            dy = args[5];
+            dw = args[6];
+            dh = args[7];
+          } else {
+            throw new Error('Signature not supported');
+          }
+          _main.default.prototype._copyHelper(this, srcImage, sx, sy, sw, sh, dx, dy, dw, dh);
+        };
+        _main.default.prototype._copyHelper = function (dstImage, srcImage, sx, sy, sw, sh, dx, dy, dw, dh) {
+          var s = srcImage.canvas.width / srcImage.width;
+          // adjust coord system for 3D when renderer
+          // ie top-left = -width/2, -height/2
+          var sxMod = 0;
+          var syMod = 0;
+          if (srcImage._renderer && srcImage._renderer.isP3D) {
+            sxMod = srcImage.width / 2;
+            syMod = srcImage.height / 2;
+          }
+          if (dstImage._renderer && dstImage._renderer.isP3D) {
+            _main.default.RendererGL.prototype.image.call(dstImage._renderer, srcImage, sx + sxMod, sy + syMod, sw, sh, dx, dy, dw, dh);
+          } else {
+            dstImage.drawingContext.drawImage(srcImage.canvas, s * (sx + sxMod), s * (sy + syMod), s * sw, s * sh, dx, dy, dw, dh);
+          }
+        };
+        /**
+ * Applies an image filter to the canvas. The preset options are:
+ *
+ * `INVERT`
+ * Inverts the colors in the image. No parameter is used.
+ *
+ * `GRAY`
+ * Converts the image to grayscale. No parameter is used.
+ *
+ * `THRESHOLD`
+ * Converts the image to black and white. Pixels with a grayscale value
+ * above a given threshold are converted to white. The rest are converted to
+ * black. The threshold must be between 0.0 (black) and 1.0 (white). If no
+ * value is specified, 0.5 is used.
+ *
+ * `OPAQUE`
+ * Sets the alpha channel to entirely opaque. No parameter is used.
+ *
+ * `POSTERIZE`
+ * Limits the number of colors in the image. Each color channel is limited to
+ * the number of colors specified. Values between 2 and 255 are valid, but
+ * results are most noticeable with lower values. The default value is 4.
+ *
+ * `BLUR`
+ * Blurs the image. The level of blurring is specified by a blur radius. Larger
+ * values increase the blur. The default value is 4. A gaussian blur is used
+ * in `P2D` mode. A box blur is used in `WEBGL` mode.
+ *
+ * `ERODE`
+ * Reduces the light areas. No parameter is used.
+ *
+ * `DILATE`
+ * Increases the light areas. No parameter is used.
+ *
+ * `filter()` uses WebGL in the background by default because it's faster.
+ * This can be disabled in `P2D` mode by adding a `false` argument, as in
+ * `filter(BLUR, false)`. This may be useful to keep computation off the GPU
+ * or to work around a lack of WebGL support.
+ *
+ * In `WEBGL` mode, `filter()` can also use custom shaders. See
+ * <a href="#/p5/createFilterShader">createFilterShader()</a> for more
+ * information.
+ *
+ *
+ * @method filter
+ * @param  {Constant} filterType  either THRESHOLD, GRAY, OPAQUE, INVERT,
+ *                                POSTERIZE, BLUR, ERODE, DILATE or BLUR.
+ * @param  {Number} [filterParam] parameter unique to each filter.
+ * @param  {Boolean} [useWebGL]   flag to control whether to use fast
+ *                                WebGL filters (GPU) or original image
+ *                                filters (CPU); defaults to `true`.
+ *
+ * @example
+ * <div>
+ * <code>
+ * let img;
+ *
+ * function preload() {
+ *   img = loadImage('assets/bricks.jpg');
+ * }
+ *
+ * function setup() {
+ *   image(img, 0, 0);
+ *   filter(INVERT);
+ *
+ *   describe('A blue brick wall.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let img;
+ *
+ * function preload() {
+ *   img = loadImage('assets/bricks.jpg');
+ * }
+ *
+ * function setup() {
+ *   image(img, 0, 0);
+ *   filter(GRAY);
+ *
+ *   describe('A brick wall drawn in grayscale.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let img;
+ *
+ * function preload() {
+ *   img = loadImage('assets/bricks.jpg');
+ * }
+ *
+ * function setup() {
+ *   image(img, 0, 0);
+ *   filter(THRESHOLD);
+ *
+ *   describe('A brick wall drawn in black and white.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let img;
+ *
+ * function preload() {
+ *   img = loadImage('assets/bricks.jpg');
+ * }
+ *
+ * function setup() {
+ *   image(img, 0, 0);
+ *   filter(OPAQUE);
+ *
+ *   describe('A red brick wall.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let img;
+ *
+ * function preload() {
+ *   img = loadImage('assets/bricks.jpg');
+ * }
+ *
+ * function setup() {
+ *   image(img, 0, 0);
+ *   filter(POSTERIZE, 3);
+ *
+ *   describe('An image of a red brick wall drawn with limited color palette.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let img;
+ *
+ * function preload() {
+ *   img = loadImage('assets/bricks.jpg');
+ * }
+ *
+ * function setup() {
+ *   image(img, 0, 0);
+ *   filter(BLUR, 3);
+ *
+ *   describe('A blurry image of a red brick wall.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let img;
+ *
+ * function preload() {
+ *   img = loadImage('assets/bricks.jpg');
+ * }
+ *
+ * function setup() {
+ *   image(img, 0, 0);
+ *   filter(DILATE);
+ *
+ *   describe('A red brick wall with bright lines between each brick.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let img;
+ *
+ * function preload() {
+ *   img = loadImage('assets/bricks.jpg');
+ * }
+ *
+ * function setup() {
+ *   image(img, 0, 0);
+ *   filter(ERODE);
+ *
+ *   describe('A red brick wall with faint lines between each brick.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let img;
+ *
+ * function preload() {
+ *   img = loadImage('assets/bricks.jpg');
+ * }
+ *
+ * function setup() {
+ *   image(img, 0, 0);
+ *   // Don't use WebGL.
+ *   filter(BLUR, 3, false);
+ *
+ *   describe('A blurry image of a red brick wall.');
+ * }
+ * </code>
+ * </div>
+ */
+        /**
+ * @method getFilterGraphicsLayer
+ * @private
+ * @returns {p5.Graphics}
+ */
+        _main.default.prototype.getFilterGraphicsLayer = function () {
+          return this._renderer.getFilterGraphicsLayer();
+        };
+        /**
+ * @method filter
+ * @param  {Constant} filterType
+ * @param  {Boolean} [useWebGL]
+ */
+        /**
+ * @method filter
+ * @param {p5.Shader}  shaderFilter  shader that's been loaded, with the
+ *                                   frag shader using a `tex0` uniform.
+ */
+        _main.default.prototype.filter = function () {
+          for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+            args[_key3] = arguments[_key3];
+          }
+          _main.default._validateParameters('filter', arguments);
+          var _parseFilterArgs = parseFilterArgs.apply(void 0, args),
+          shader = _parseFilterArgs.shader,
+          operation = _parseFilterArgs.operation,
+          value = _parseFilterArgs.value,
+          useWebGL = _parseFilterArgs.useWebGL; // when passed a shader, use it directly
+          if (this._renderer.isP3D && shader) {
+            _main.default.RendererGL.prototype.filter.call(this._renderer, shader);
+            return;
+          }          // when opting out of webgl, use old pixels method
+
+          if (!useWebGL && !this._renderer.isP3D) {
+            if (this.canvas !== undefined) {
+              _filters.default.apply(this.canvas, _filters.default[operation], value);
+            } else {
+              _filters.default.apply(this.elt, _filters.default[operation], value);
+            }
+            return;
+          }
+          if (!useWebGL && this._renderer.isP3D) {
+            console.warn('filter() with useWebGL=false is not supported in WEBGL');
+          }          // when this is a webgl renderer, apply constant shader filter
+
+          if (this._renderer.isP3D) {
+            _main.default.RendererGL.prototype.filter.call(this._renderer, operation, value);
+          }          // when this is P2D renderer, create/use hidden webgl renderer
+           else {
+            var filterGraphicsLayer = this.getFilterGraphicsLayer();
+            // copy p2d canvas contents to secondary webgl renderer
+            // dest
+            filterGraphicsLayer.copy(            // src
+            this._renderer,            // src coods
+            0, 0, this.width, this.height,            // dest coords
+            - this.width / 2, - this.height / 2, this.width, this.height);
+            //clearing the main canvas
+            this._renderer.clear();
+            this._renderer.resetMatrix();
+            // filter it with shaders
+            filterGraphicsLayer.filter.apply(filterGraphicsLayer, args);
+            // copy secondary webgl renderer back to original p2d canvas
+            this._renderer._pInst.image(filterGraphicsLayer, 0, 0);
+            filterGraphicsLayer.clear(); // prevent feedback effects on p2d canvas
+          }
+        };
+        function parseFilterArgs() {
+          var _ref;
+          // args could be:
+          // - operation, value, [useWebGL]
+          // - operation, [useWebGL]
+          // - shader
+          var result = {
+            shader: undefined,
+            operation: undefined,
+            value: undefined,
+            useWebGL: true
+          };
+          if ((arguments.length <= 0 ? undefined : arguments[0]) instanceof _main.default.Shader) {
+            result.shader = arguments.length <= 0 ? undefined : arguments[0];
+            return result;
+          } else {
+            result.operation = arguments.length <= 0 ? undefined : arguments[0];
+          }
+          if (arguments.length > 1 && typeof (arguments.length <= 1 ? undefined : arguments[1]) === 'number') {
+            result.value = arguments.length <= 1 ? undefined : arguments[1];
+          }
+          if ((_ref = arguments.length - 1, _ref < 0 || arguments.length <= _ref ? undefined : arguments[_ref]) === false) {
+            result.useWebGL = false;
+          }
+          return result;
+        }        /**
+ * Gets a pixel or a region of pixels from the canvas.
+ *
+ * `get()` is easy to use but it's not as fast as
+ * <a href="#/p5/pixels">pixels</a>. Use <a href="#/p5/pixels">pixels</a>
+ * to read many pixel values.
+ *
+ * The version of `get()` with no parameters returns the entire canvas.
+ *
+ * The version of `get()` with two parameters interprets them as
+ * coordinates. It returns an array with the `[R, G, B, A]` values of the
+ * pixel at the given point.
+ *
+ * The version of `get()` with four parameters interprets them as coordinates
+ * and dimensions. It returns a subsection of the canvas as a
+ * <a href="#/p5.Image">p5.Image</a> object. The first two parameters are the
+ * coordinates for the upper-left corner of the subsection. The last two
+ * parameters are the width and height of the subsection.
+ *
+ * Use <a href="#/p5.Image/get">p5.Image.get()</a> to work directly with
+ * <a href="#/p5.Image">p5.Image</a> objects.
+ *
+ * @method get
+ * @param  {Number}         x x-coordinate of the pixel.
+ * @param  {Number}         y y-coordinate of the pixel.
+ * @param  {Number}         w width of the subsection to be returned.
+ * @param  {Number}         h height of the subsection to be returned.
+ * @return {p5.Image}       subsection as a <a href="#/p5.Image">p5.Image</a> object.
+ * @example
+ * <div>
+ * <code>
+ * let img;
+ *
+ * function preload() {
+ *   img = loadImage('assets/rockies.jpg');
+ * }
+ *
+ * function setup() {
+ *   image(img, 0, 0);
+ *   let c = get();
+ *   image(c, width / 2, 0);
+ *
+ *   describe('Two identical mountain landscapes shown side-by-side.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let img;
+ *
+ * function preload() {
+ *   img = loadImage('assets/rockies.jpg');
+ * }
+ *
+ * function setup() {
+ *   image(img, 0, 0);
+ *   let c = get(50, 90);
+ *   fill(c);
+ *   noStroke();
+ *   square(25, 25, 50);
+ *
+ *   describe('A mountain landscape with an olive green square in its center.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let img;
+ *
+ * function preload() {
+ *   img = loadImage('assets/rockies.jpg');
+ * }
+ *
+ * function setup() {
+ *   image(img, 0, 0);
+ *   let c = get(0, 0, width / 2, height / 2);
+ *   image(c, width / 2, height / 2);
+ *
+ *   describe('A mountain landscape drawn on top of another mountain landscape.');
+ * }
+ * </code>
+ * </div>
+ */
+        /**
+ * @method get
+ * @return {p5.Image}      whole canvas as a <a href="#/p5.Image">p5.Image</a>.
+ */
+        /**
+ * @method get
+ * @param  {Number}        x
+ * @param  {Number}        y
+ * @return {Number[]}      color of the pixel at (x, y) in array format `[R, G, B, A]`.
+ */
+
+        _main.default.prototype.get = function (x, y, w, h) {
+          var _this$_renderer2;
+          _main.default._validateParameters('get', arguments);
+          return (_this$_renderer2 = this._renderer).get.apply(_this$_renderer2, arguments);
+        };
+        /**
+ * Loads the current value of each pixel on the canvas into the
+ * <a href="#/p5/pixels">pixels</a> array. This
+ * function must be called before reading from or writing to
+ * <a href="#/p5/pixels">pixels</a>.
+ *
+ * @method loadPixels
+ * @example
+ * <div>
+ * <code>
+ * let img;
+ *
+ * function preload() {
+ *   img = loadImage('assets/rockies.jpg');
+ * }
+ *
+ * function setup() {
+ *   image(img, 0, 0, width, height);
+ *   let d = pixelDensity();
+ *   let halfImage = 4 * (d * width) * (d * height / 2);
+ *   loadPixels();
+ *   for (let i = 0; i < halfImage; i += 1) {
+ *     pixels[i + halfImage] = pixels[i];
+ *   }
+ *   updatePixels();
+ *
+ *   describe('Two identical images of mountain landscapes, one on top of the other.');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.loadPixels = function () {
+          for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+            args[_key4] = arguments[_key4];
+          }
+          _main.default._validateParameters('loadPixels', args);
+          this._renderer.loadPixels();
+        };
+        /**
+ * Sets the color of a pixel or draws an image to the canvas.
+ *
+ * `set()` is easy to use but it's not as fast as
+ * <a href="#/p5/pixels">pixels</a>. Use <a href="#/p5/pixels">pixels</a>
+ * to set many pixel values.
+ *
+ * `set()` interprets the first two parameters as x- and y-coordinates. It
+ * interprets the last parameter as a grayscale value, a `[R, G, B, A]` pixel
+ * array, a <a href="#/p5.Color">p5.Color</a> object, or a
+ * <a href="#/p5.Image">p5.Image</a> object. If an image is passed, the first
+ * two parameters set the coordinates for the image's upper-left corner,
+ * regardless of the current <a href="#/p5/imageMode">imageMode()</a>.
+ *
+ * <a href="#/p5/updatePixels">updatePixels()</a> must be called after using
+ * `set()` for changes to appear.
+ *
+ * @method set
+ * @param {Number}              x x-coordinate of the pixel.
+ * @param {Number}              y y-coordinate of the pixel.
+ * @param {Number|Number[]|Object} c grayscale value | pixel array |
+ *                                <a href="#/p5.Color">p5.Color</a> object | <a href="#/p5.Image">p5.Image</a> to copy.
+ * @example
+ * <div>
+ * <code>
+ * set(30, 20, 0);
+ * set(85, 20, 0);
+ * set(85, 75, 0);
+ * set(30, 75, 0);
+ * updatePixels();
+ *
+ * describe('Four black dots arranged in a square drawn on a gray background.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let black = color(0);
+ * set(30, 20, black);
+ * set(85, 20, black);
+ * set(85, 75, black);
+ * set(30, 75, black);
+ * updatePixels();
+ *
+ * describe('Four black dots arranged in a square drawn on a gray background.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * for (let x = 0; x < width; x += 1) {
+ *   for (let y = 0; y < height; y += 1) {
+ *     let c = map(x, 0, width, 0, 255);
+ *     set(x, y, c);
+ *   }
+ * }
+ * updatePixels();
+ *
+ * describe('A horiztonal color gradient from black to white.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let img;
+ *
+ * function preload() {
+ *   img = loadImage('assets/rockies.jpg');
+ * }
+ *
+ * function setup() {
+ *   set(0, 0, img);
+ *   updatePixels();
+ *
+ *   describe('An image of a mountain landscape.');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.set = function (x, y, imgOrCol) {
+          this._renderer.set(x, y, imgOrCol);
+        };
+        /**
+ * Updates the canvas with the RGBA values in the
+ * <a href="#/p5/pixels">pixels</a> array.
+ *
+ * `updatePixels()` only needs to be called after changing values in the
+ * <a href="#/p5/pixels">pixels</a> array. Such changes can be made directly
+ * after calling <a href="#/p5/loadPixels">loadPixels()</a> or by calling
+ * <a href="#/p5/set">set()</a>.
+ *
+ * @method updatePixels
+ * @param  {Number} [x]    x-coordinate of the upper-left corner of region
+ *                         to update.
+ * @param  {Number} [y]    y-coordinate of the upper-left corner of region
+ *                         to update.
+ * @param  {Number} [w]    width of region to update.
+ * @param  {Number} [h]    height of region to update.
+ * @example
+ * <div>
+ * <code>
+ * let img;
+ *
+ * function preload() {
+ *   img = loadImage('assets/rockies.jpg');
+ * }
+ *
+ * function setup() {
+ *   image(img, 0, 0, width, height);
+ *   let d = pixelDensity();
+ *   let halfImage = 4 * (d * width) * (d * height / 2);
+ *   loadPixels();
+ *   for (let i = 0; i < halfImage; i += 1) {
+ *     pixels[i + halfImage] = pixels[i];
+ *   }
+ *   updatePixels();
+ *
+ *   describe('Two identical images of mountain landscapes, one on top of the other.');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.updatePixels = function (x, y, w, h) {
+          _main.default._validateParameters('updatePixels', arguments);
+          // graceful fail - if loadPixels() or set() has not been called, pixel
+          // array will be empty, ignore call to updatePixels()
+          if (this.pixels.length === 0) {
+            return;
+          }
+          this._renderer.updatePixels(x, y, w, h);
+        };
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        '../color/p5.Color': 284,
+        '../core/main': 298,
+        './filters': 319,
+        'core-js/modules/es.array.filter': 173
+      }
+    ],
+    324: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.concat');
+        _dereq_('core-js/modules/es.array.includes');
+        _dereq_('core-js/modules/es.array.index-of');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.last-index-of');
+        _dereq_('core-js/modules/es.array.map');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.array.splice');
+        _dereq_('core-js/modules/es.function.name');
+        _dereq_('core-js/modules/es.object.from-entries');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.promise');
+        _dereq_('core-js/modules/es.regexp.exec');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        _dereq_('core-js/modules/es.string.includes');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.string.replace');
+        _dereq_('core-js/modules/es.string.split');
+        _dereq_('core-js/modules/es.typed-array.uint8-array');
+        _dereq_('core-js/modules/es.typed-array.copy-within');
+        _dereq_('core-js/modules/es.typed-array.every');
+        _dereq_('core-js/modules/es.typed-array.fill');
+        _dereq_('core-js/modules/es.typed-array.filter');
+        _dereq_('core-js/modules/es.typed-array.find');
+        _dereq_('core-js/modules/es.typed-array.find-index');
+        _dereq_('core-js/modules/es.typed-array.for-each');
+        _dereq_('core-js/modules/es.typed-array.includes');
+        _dereq_('core-js/modules/es.typed-array.index-of');
+        _dereq_('core-js/modules/es.typed-array.iterator');
+        _dereq_('core-js/modules/es.typed-array.join');
+        _dereq_('core-js/modules/es.typed-array.last-index-of');
+        _dereq_('core-js/modules/es.typed-array.map');
+        _dereq_('core-js/modules/es.typed-array.reduce');
+        _dereq_('core-js/modules/es.typed-array.reduce-right');
+        _dereq_('core-js/modules/es.typed-array.reverse');
+        _dereq_('core-js/modules/es.typed-array.set');
+        _dereq_('core-js/modules/es.typed-array.slice');
+        _dereq_('core-js/modules/es.typed-array.some');
+        _dereq_('core-js/modules/es.typed-array.sort');
+        _dereq_('core-js/modules/es.typed-array.subarray');
+        _dereq_('core-js/modules/es.typed-array.to-locale-string');
+        _dereq_('core-js/modules/es.typed-array.to-string');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        _dereq_('core-js/modules/web.url');
+        function _typeof2(obj) {
+          if (typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol') {
+            _typeof2 = function _typeof2(obj) {
+              return typeof obj;
+            };
+          } else {
+            _typeof2 = function _typeof2(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj;
+            };
+          }
+          return _typeof2(obj);
+        }
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.concat');
+        _dereq_('core-js/modules/es.array.includes');
+        _dereq_('core-js/modules/es.array.index-of');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.last-index-of');
+        _dereq_('core-js/modules/es.array.map');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.array.splice');
+        _dereq_('core-js/modules/es.function.name');
+        _dereq_('core-js/modules/es.object.from-entries');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.promise');
+        _dereq_('core-js/modules/es.regexp.exec');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        _dereq_('core-js/modules/es.string.includes');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.string.replace');
+        _dereq_('core-js/modules/es.string.split');
+        _dereq_('core-js/modules/es.typed-array.uint8-array');
+        _dereq_('core-js/modules/es.typed-array.copy-within');
+        _dereq_('core-js/modules/es.typed-array.every');
+        _dereq_('core-js/modules/es.typed-array.fill');
+        _dereq_('core-js/modules/es.typed-array.filter');
+        _dereq_('core-js/modules/es.typed-array.find');
+        _dereq_('core-js/modules/es.typed-array.find-index');
+        _dereq_('core-js/modules/es.typed-array.for-each');
+        _dereq_('core-js/modules/es.typed-array.includes');
+        _dereq_('core-js/modules/es.typed-array.index-of');
+        _dereq_('core-js/modules/es.typed-array.iterator');
+        _dereq_('core-js/modules/es.typed-array.join');
+        _dereq_('core-js/modules/es.typed-array.last-index-of');
+        _dereq_('core-js/modules/es.typed-array.map');
+        _dereq_('core-js/modules/es.typed-array.reduce');
+        _dereq_('core-js/modules/es.typed-array.reduce-right');
+        _dereq_('core-js/modules/es.typed-array.reverse');
+        _dereq_('core-js/modules/es.typed-array.set');
+        _dereq_('core-js/modules/es.typed-array.slice');
+        _dereq_('core-js/modules/es.typed-array.some');
+        _dereq_('core-js/modules/es.typed-array.sort');
+        _dereq_('core-js/modules/es.typed-array.subarray');
+        _dereq_('core-js/modules/es.typed-array.to-locale-string');
+        _dereq_('core-js/modules/es.typed-array.to-string');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        _dereq_('core-js/modules/web.url');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        _dereq_('whatwg-fetch');
+        _dereq_('es6-promise/auto');
+        var _fetchJsonp = _interopRequireDefault(_dereq_('fetch-jsonp'));
+        var _fileSaver = _interopRequireDefault(_dereq_('file-saver'));
+        _dereq_('../core/friendly_errors/validate_params');
+        _dereq_('../core/friendly_errors/file_errors');
+        _dereq_('../core/friendly_errors/fes_core');
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }
+        function _typeof(obj) {
+          if (typeof Symbol === 'function' && _typeof2(Symbol.iterator) === 'symbol') {
+            _typeof = function _typeof(obj) {
+              return _typeof2(obj);
+            };
+          } else {
+            _typeof = function _typeof(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : _typeof2(obj);
+            };
+          }
+          return _typeof(obj);
+        } /**
+   * @module IO
+   * @submodule Input
+   * @for p5
+   * @requires core
+   */
+        /**
+ * Loads a JSON file from a file or a URL, and returns an Object.
+ * Note that even if the JSON file contains an Array, an Object will be
+ * returned with index numbers as keys.
+ *
+ * This method is asynchronous, meaning it may not finish before the next
+ * line in your sketch is executed. JSONP is supported via a polyfill and you
+ * can pass in as the second argument an object with definitions of the json
+ * callback following the syntax specified <a href="https://github.com/camsong/
+ * fetch-jsonp">here</a>.
+ *
+ * This method is suitable for fetching files up to size of 64MB.
+ * @method loadJSON
+ * @param  {String}        path       name of the file or url to load
+ * @param  {Object}        [jsonpOptions] options object for jsonp related settings
+ * @param  {String}        [datatype] "json" or "jsonp"
+ * @param  {function}      [callback] function to be executed after
+ *                                    <a href="#/p5/loadJSON">loadJSON()</a> completes, data is passed
+ *                                    in as first argument
+ * @param  {function}      [errorCallback] function to be executed if
+ *                                    there is an error, response is passed
+ *                                    in as first argument
+ * @return {Object|Array}             JSON data
+ * @example
+ *
+ * Calling <a href="#/p5/loadJSON">loadJSON()</a> inside <a href="#/p5/preload">preload()</a> guarantees to complete the
+ * operation before <a href="#/p5/setup">setup()</a> and <a href="#/p5/draw">draw()</a> are called.
+ *
+ * <div><code>
+ * // Examples use USGS Earthquake API:
+ * //   https://earthquake.usgs.gov/fdsnws/event/1/#methods
+ * let earthquakes;
+ * function preload() {
+ *   // Get the most recent earthquake in the database
+ *   let url =
+    'https://earthquake.usgs.gov/earthquakes/feed/v1.0/' +
+ *     'summary/all_day.geojson';
+ *   earthquakes = loadJSON(url);
+ * }
+ *
+ * function setup() {
+ *   noLoop();
+ * }
+ *
+ * function draw() {
+ *   background(200);
+ *   // Get the magnitude and name of the earthquake out of the loaded JSON
+ *   let earthquakeMag = earthquakes.features[0].properties.mag;
+ *   let earthquakeName = earthquakes.features[0].properties.place;
+ *   ellipse(width / 2, height / 2, earthquakeMag * 10, earthquakeMag * 10);
+ *   textAlign(CENTER);
+ *   text(earthquakeName, 0, height - 30, width, 30);
+ *   describe(`50×50 ellipse that changes from black to white
+ *     depending on the current humidity`);
+ * }
+ * </code></div>
+ *
+ * Outside of preload(), you may supply a callback function to handle the
+ * object:
+ * <div><code>
+ * function setup() {
+ *   noLoop();
+ *   let url =
+    'https://earthquake.usgs.gov/earthquakes/feed/v1.0/' +
+ *     'summary/all_day.geojson';
+ *   loadJSON(url, drawEarthquake);
+ * }
+ *
+ * function draw() {
+ *   background(200);
+ *   describe(`50×50 ellipse that changes from black to white
+ *     depending on the current humidity`);
+ * }
+ *
+ * function drawEarthquake(earthquakes) {
+ *   // Get the magnitude and name of the earthquake out of the loaded JSON
+ *   let earthquakeMag = earthquakes.features[0].properties.mag;
+ *   let earthquakeName = earthquakes.features[0].properties.place;
+ *   ellipse(width / 2, height / 2, earthquakeMag * 10, earthquakeMag * 10);
+ *   textAlign(CENTER);
+ *   text(earthquakeName, 0, height - 30, width, 30);
+ * }
+ * </code></div>
+ */
+        /**
+ * @method loadJSON
+ * @param  {String}        path
+ * @param  {String}        datatype
+ * @param  {function}      [callback]
+ * @param  {function}      [errorCallback]
+ * @return {Object|Array}
+ */
+        /**
+ * @method loadJSON
+ * @param  {String}        path
+ * @param  {function}      callback
+ * @param  {function}      [errorCallback]
+ * @return {Object|Array}
+ */
+
+        _main.default.prototype.loadJSON = function () {
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
+          _main.default._validateParameters('loadJSON', args);
+          var path = args[0];
+          var callback;
+          var errorCallback;
+          var options;
+          var ret = {
+          }; // object needed for preload
+          var t = 'json';
+          // check for explicit data type argument
+          for (var i = 1; i < args.length; i++) {
+            var arg = args[i];
+            if (typeof arg === 'string') {
+              if (arg === 'jsonp' || arg === 'json') {
+                t = arg;
+              }
+            } else if (typeof arg === 'function') {
+              if (!callback) {
+                callback = arg;
+              } else {
+                errorCallback = arg;
+              }
+            } else if (_typeof(arg) === 'object' && (arg.hasOwnProperty('jsonpCallback') || arg.hasOwnProperty('jsonpCallbackFunction'))) {
+              t = 'jsonp';
+              options = arg;
+            }
+          }
+          var self = this;
+          this.httpDo(path, 'GET', options, t, function (resp) {
+            for (var k in resp) {
+              ret[k] = resp[k];
+            }
+            if (typeof callback !== 'undefined') {
+              callback(resp);
+            }
+            self._decrementPreload();
+          }, function (err) {
+            // Error handling
+            _main.default._friendlyFileLoadError(5, path);
+            if (errorCallback) {
+              errorCallback(err);
+            } else {
+              throw err;
+            }
+          });
+          return ret;
+        };
+        /**
+ * Reads the contents of a file and creates a String array of its individual
+ * lines. If the name of the file is used as the parameter, as in the above
+ * example, the file must be located in the sketch directory/folder.
+ *
+ * Alternatively, the file may be loaded from anywhere on the local
+ * computer using an absolute path (something that starts with / on Unix and
+ * Linux, or a drive letter on Windows), or the filename parameter can be a
+ * URL for a file found on a network.
+ *
+ * This method is asynchronous, meaning it may not finish before the next
+ * line in your sketch is executed.
+ *
+ * This method is suitable for fetching files up to size of 64MB.
+ * @method loadStrings
+ * @param  {String}   filename   name of the file or url to load
+ * @param  {function} [callback] function to be executed after <a href="#/p5/loadStrings">loadStrings()</a>
+ *                               completes, Array is passed in as first
+ *                               argument
+ * @param  {function} [errorCallback] function to be executed if
+ *                               there is an error, response is passed
+ *                               in as first argument
+ * @return {String[]}            Array of Strings
+ * @example
+ *
+ * Calling loadStrings() inside <a href="#/p5/preload">preload()</a> guarantees to complete the
+ * operation before <a href="#/p5/setup">setup()</a> and <a href="#/p5/draw">draw()</a> are called.
+ *
+ * <div><code>
+ * let result;
+ * function preload() {
+ *   result = loadStrings('assets/test.txt');
+ * }
+
+ * function setup() {
+ *   background(200);
+ *   text(random(result), 10, 10, 80, 80);
+ *   describe(`randomly generated text from a file,
+ *     for example "i smell like butter"`);
+ * }
+ * </code></div>
+ *
+ * Outside of preload(), you may supply a callback function to handle the
+ * object:
+ *
+ * <div><code>
+ * function setup() {
+ *   loadStrings('assets/test.txt', pickString);
+ *   describe(`randomly generated text from a file,
+ *     for example "i have three feet"`);
+ * }
+ *
+ * function pickString(result) {
+ *   background(200);
+ *   text(random(result), 10, 10, 80, 80);
+ * }
+ * </code></div>
+ */
+        _main.default.prototype.loadStrings = function () {
+          for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+            args[_key2] = arguments[_key2];
+          }
+          _main.default._validateParameters('loadStrings', args);
+          var ret = [
+          ];
+          var callback,
+          errorCallback;
+          for (var i = 1; i < args.length; i++) {
+            var arg = args[i];
+            if (typeof arg === 'function') {
+              if (typeof callback === 'undefined') {
+                callback = arg;
+              } else if (typeof errorCallback === 'undefined') {
+                errorCallback = arg;
+              }
+            }
+          }
+          var self = this;
+          _main.default.prototype.httpDo.call(this, args[0], 'GET', 'text', function (data) {
+            // split lines handling mac/windows/linux endings
+            var lines = data.replace(/\r\n/g, '\r').replace(/\n/g, '\r').split(/\r/);
+            // safe insert approach which will not blow up stack when inserting
+            // >100k lines, but still be faster than iterating line-by-line. based on
+            // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/apply#Examples
+            var QUANTUM = 32768;
+            for (var _i = 0, len = lines.length; _i < len; _i += QUANTUM) {
+              Array.prototype.push.apply(ret, lines.slice(_i, Math.min(_i + QUANTUM, len)));
+            }
+            if (typeof callback !== 'undefined') {
+              callback(ret);
+            }
+            self._decrementPreload();
+          }, function (err) {
+            // Error handling
+            _main.default._friendlyFileLoadError(3, arguments[0]);
+            if (errorCallback) {
+              errorCallback(err);
+            } else {
+              throw err;
+            }
+          });
+          return ret;
+        };
+        /**
+ * Reads the contents of a file or URL and creates a <a href="#/p5.Table">p5.Table</a> object with
+ * its values. If a file is specified, it must be located in the sketch's
+ * "data" folder. The filename parameter can also be a URL to a file found
+ * online. By default, the file is assumed to be comma-separated (in CSV
+ * format). Table only looks for a header row if the 'header' option is
+ * included.
+ *
+ * This method is asynchronous, meaning it may not finish before the next
+ * line in your sketch is executed. Calling <a href="#/p5/loadTable">loadTable()</a> inside <a href="#/p5/preload">preload()</a>
+ * guarantees to complete the operation before <a href="#/p5/setup">setup()</a> and <a href="#/p5/draw">draw()</a> are called.
+ * Outside of <a href="#/p5/preload">preload()</a>, you may supply a callback function to handle the
+ * object:
+ *
+ * All files loaded and saved use UTF-8 encoding. This method is suitable for fetching files up to size of 64MB.
+ * @method loadTable
+ * @param  {String}         filename    name of the file or URL to load
+ * @param  {String}         [extension] parse the table by comma-separated values "csv", semicolon-separated
+ *                                      values "ssv", or tab-separated values "tsv"
+ * @param  {String}         [header]    "header" to indicate table has header row
+ * @param  {function}       [callback]  function to be executed after
+ *                                      <a href="#/p5/loadTable">loadTable()</a> completes. On success, the
+ *                                      <a href="#/p5.Table">Table</a> object is passed in as the
+ *                                      first argument.
+ * @param  {function}  [errorCallback]  function to be executed if
+ *                                      there is an error, response is passed
+ *                                      in as first argument
+ * @return {Object}                     <a href="#/p5.Table">Table</a> object containing data
+ *
+ * @example
+ * <div class='norender'>
+ * <code>
+ * // Given the following CSV file called "mammals.csv"
+ * // located in the project's "assets" folder:
+ * //
+ * // id,species,name
+ * // 0,Capra hircus,Goat
+ * // 1,Panthera pardus,Leopard
+ * // 2,Equus zebra,Zebra
+ *
+ * let table;
+ *
+ * function preload() {
+ *   //my table is comma separated value "csv"
+ *   //and has a header specifying the columns labels
+ *   table = loadTable('assets/mammals.csv', 'csv', 'header');
+ *   //the file can be remote
+ *   //table = loadTable("http://p5js.org/reference/assets/mammals.csv",
+ *   //                  "csv", "header");
+ * }
+ *
+ * function setup() {
+ *   //count the columns
+ *   print(table.getRowCount() + ' total rows in table');
+ *   print(table.getColumnCount() + ' total columns in table');
+ *
+ *   print(table.getColumn('name'));
+ *   //["Goat", "Leopard", "Zebra"]
+ *
+ *   //cycle through the table
+ *   for (let r = 0; r < table.getRowCount(); r++)
+ *     for (let c = 0; c < table.getColumnCount(); c++) {
+ *       print(table.getString(r, c));
+ *     }
+ *   describe(`randomly generated text from a file,
+ *     for example "i smell like butter"`);
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.loadTable = function (path) {
+          // p5._validateParameters('loadTable', arguments);
+          var callback;
+          var errorCallback;
+          var options = [
+          ];
+          var header = false;
+          var ext = path.substring(path.lastIndexOf('.') + 1, path.length);
+          var sep;
+          if (ext === 'csv') {
+            sep = ',';
+          } else if (ext === 'ssv') {
+            sep = ';';
+          } else if (ext === 'tsv') {
+            sep = '\t';
+          }
+          for (var i = 1; i < arguments.length; i++) {
+            if (typeof arguments[i] === 'function') {
+              if (typeof callback === 'undefined') {
+                callback = arguments[i];
+              } else if (typeof errorCallback === 'undefined') {
+                errorCallback = arguments[i];
+              }
+            } else if (typeof arguments[i] === 'string') {
+              options.push(arguments[i]);
+              if (arguments[i] === 'header') {
+                header = true;
+              }
+              if (arguments[i] === 'csv') {
+                sep = ',';
+              } else if (arguments[i] === 'ssv') {
+                sep = ';';
+              } else if (arguments[i] === 'tsv') {
+                sep = '\t';
+              }
+            }
+          }
+          var t = new _main.default.Table();
+          var self = this;
+          this.httpDo(path, 'GET', 'table', function (resp) {
+            var state = {
+            };
+            // define constants
+            var PRE_TOKEN = 0,
+            MID_TOKEN = 1,
+            POST_TOKEN = 2,
+            POST_RECORD = 4;
+            var QUOTE = '"',
+            CR = '\r',
+            LF = '\n';
+            var records = [
+            ];
+            var offset = 0;
+            var currentRecord = null;
+            var currentChar;
+            var tokenBegin = function tokenBegin() {
+              state.currentState = PRE_TOKEN;
+              state.token = '';
+            };
+            var tokenEnd = function tokenEnd() {
+              currentRecord.push(state.token);
+              tokenBegin();
+            };
+            var recordBegin = function recordBegin() {
+              state.escaped = false;
+              currentRecord = [
+              ];
+              tokenBegin();
+            };
+            var recordEnd = function recordEnd() {
+              state.currentState = POST_RECORD;
+              records.push(currentRecord);
+              currentRecord = null;
+            };
+            for (; ; ) {
+              currentChar = resp[offset++];
+              // EOF
+              if (currentChar == null) {
+                if (state.escaped) {
+                  throw new Error('Unclosed quote in file.');
+                }
+                if (currentRecord) {
+                  tokenEnd();
+                  recordEnd();
+                  break;
+                }
+              }
+              if (currentRecord === null) {
+                recordBegin();
+              }              // Handle opening quote
+
+              if (state.currentState === PRE_TOKEN) {
+                if (currentChar === QUOTE) {
+                  state.escaped = true;
+                  state.currentState = MID_TOKEN;
+                  continue;
+                }
+                state.currentState = MID_TOKEN;
+              }              // mid-token and escaped, look for sequences and end quote
+
+              if (state.currentState === MID_TOKEN && state.escaped) {
+                if (currentChar === QUOTE) {
+                  if (resp[offset] === QUOTE) {
+                    state.token += QUOTE;
+                    offset++;
+                  } else {
+                    state.escaped = false;
+                    state.currentState = POST_TOKEN;
+                  }
+                } else if (currentChar === CR) {
+                  continue;
+                } else {
+                  state.token += currentChar;
+                }
+                continue;
+              }              // fall-through: mid-token or post-token, not escaped
+
+              if (currentChar === CR) {
+                if (resp[offset] === LF) {
+                  offset++;
+                }
+                tokenEnd();
+                recordEnd();
+              } else if (currentChar === LF) {
+                tokenEnd();
+                recordEnd();
+              } else if (currentChar === sep) {
+                tokenEnd();
+              } else if (state.currentState === MID_TOKEN) {
+                state.token += currentChar;
+              }
+            }            // set up column names
+
+            if (header) {
+              t.columns = records.shift();
+            } else {
+              for (var _i2 = 0; _i2 < records[0].length; _i2++) {
+                t.columns[_i2] = 'null';
+              }
+            }
+            var row;
+            for (var _i3 = 0; _i3 < records.length; _i3++) {
+              //Handles row of 'undefined' at end of some CSVs
+              if (records[_i3].length === 1) {
+                if (records[_i3][0] === 'undefined' || records[_i3][0] === '') {
+                  continue;
+                }
+              }
+              row = new _main.default.TableRow();
+              row.arr = records[_i3];
+              row.obj = makeObject(records[_i3], t.columns);
+              t.addRow(row);
+            }
+            if (typeof callback === 'function') {
+              callback(t);
+            }
+            self._decrementPreload();
+          }, function (err) {
+            // Error handling
+            _main.default._friendlyFileLoadError(2, path);
+            if (errorCallback) {
+              errorCallback(err);
+            } else {
+              console.error(err);
+            }
+          });
+          return t;
+        };
+        // helper function to turn a row into a JSON object
+        function makeObject(row, headers) {
+          headers = headers || [
+          ];
+          if (typeof headers === 'undefined') {
+            for (var j = 0; j < row.length; j++) {
+              headers[j.toString()] = j;
+            }
+          }
+          return Object.fromEntries(headers.map(function (key, i) {
+            return [key,
+            row[i]];
+          }));
+        }        /**
+ * Reads the contents of a file and creates an XML object with its values.
+ * If the name of the file is used as the parameter, as in the above example,
+ * the file must be located in the sketch directory/folder.
+ *
+ * Alternatively, the file maybe be loaded from anywhere on the local
+ * computer using an absolute path (something that starts with / on Unix and
+ * Linux, or a drive letter on Windows), or the filename parameter can be a
+ * URL for a file found on a network.
+ *
+ * This method is asynchronous, meaning it may not finish before the next
+ * line in your sketch is executed. Calling <a href="#/p5/loadXML">loadXML()</a> inside <a href="#/p5/preload">preload()</a>
+ * guarantees to complete the operation before <a href="#/p5/setup">setup()</a> and <a href="#/p5/draw">draw()</a> are called.
+ *
+ * Outside of <a href="#/p5/preload">preload()</a>, you may supply a callback function to handle the
+ * object.
+ *
+ * This method is suitable for fetching files up to size of 64MB.
+ * @method loadXML
+ * @param  {String}   filename   name of the file or URL to load
+ * @param  {function} [callback] function to be executed after <a href="#/p5/loadXML">loadXML()</a>
+ *                               completes, XML object is passed in as
+ *                               first argument
+ * @param  {function} [errorCallback] function to be executed if
+ *                               there is an error, response is passed
+ *                               in as first argument
+ * @return {Object}              XML object containing data
+ * @example
+ * <div class='norender'><code>
+ * // The following short XML file called "mammals.xml" is parsed
+ * // in the code below.
+ * //
+ * // <?xml version="1.0"?>
+ * // &lt;mammals&gt;
+ * //   &lt;animal id="0" species="Capra hircus">Goat&lt;/animal&gt;
+ * //   &lt;animal id="1" species="Panthera pardus">Leopard&lt;/animal&gt;
+ * //   &lt;animal id="2" species="Equus zebra">Zebra&lt;/animal&gt;
+ * // &lt;/mammals&gt;
+ *
+ * let xml;
+ *
+ * function preload() {
+ *   xml = loadXML('assets/mammals.xml');
+ * }
+ *
+ * function setup() {
+ *   let children = xml.getChildren('animal');
+ *
+ *   for (let i = 0; i < children.length; i++) {
+ *     let id = children[i].getNum('id');
+ *     let coloring = children[i].getString('species');
+ *     let name = children[i].getContent();
+ *     print(id + ', ' + coloring + ', ' + name);
+ *   }
+ *   describe('no image displayed');
+ * }
+ *
+ * // Sketch prints:
+ * // 0, Capra hircus, Goat
+ * // 1, Panthera pardus, Leopard
+ * // 2, Equus zebra, Zebra
+ * </code></div>
+ */
+
+        _main.default.prototype.loadXML = function () {
+          for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+            args[_key3] = arguments[_key3];
+          }
+          var ret = new _main.default.XML();
+          var callback,
+          errorCallback;
+          for (var i = 1; i < args.length; i++) {
+            var arg = args[i];
+            if (typeof arg === 'function') {
+              if (typeof callback === 'undefined') {
+                callback = arg;
+              } else if (typeof errorCallback === 'undefined') {
+                errorCallback = arg;
+              }
+            }
+          }
+          var self = this;
+          this.httpDo(args[0], 'GET', 'xml', function (xml) {
+            for (var key in xml) {
+              ret[key] = xml[key];
+            }
+            if (typeof callback !== 'undefined') {
+              callback(ret);
+            }
+            self._decrementPreload();
+          }, function (err) {
+            // Error handling
+            _main.default._friendlyFileLoadError(1, arguments[0]);
+            if (errorCallback) {
+              errorCallback(err);
+            } else {
+              throw err;
+            }
+          });
+          return ret;
+        };
+        /**
+ * This method is suitable for fetching files up to size of 64MB.
+ * @method loadBytes
+ * @param {string}   file            name of the file or URL to load
+ * @param {function} [callback]      function to be executed after <a href="#/p5/loadBytes">loadBytes()</a>
+ *                                    completes
+ * @param {function} [errorCallback] function to be executed if there
+ *                                    is an error
+ * @returns {Object} an object whose 'bytes' property will be the loaded buffer
+ *
+ * @example
+ * <div class='norender'><code>
+ * let data;
+ *
+ * function preload() {
+ *   data = loadBytes('assets/mammals.xml');
+ * }
+ *
+ * function setup() {
+ *   for (let i = 0; i < 5; i++) {
+ *     console.log(data.bytes[i].toString(16));
+ *   }
+ *   describe('no image displayed');
+ * }
+ * </code></div>
+ */
+        _main.default.prototype.loadBytes = function (file, callback, errorCallback) {
+          var ret = {
+          };
+          var self = this;
+          this.httpDo(file, 'GET', 'arrayBuffer', function (arrayBuffer) {
+            ret.bytes = new Uint8Array(arrayBuffer);
+            if (typeof callback === 'function') {
+              callback(ret);
+            }
+            self._decrementPreload();
+          }, function (err) {
+            // Error handling
+            _main.default._friendlyFileLoadError(6, file);
+            if (errorCallback) {
+              errorCallback(err);
+            } else {
+              throw err;
+            }
+          });
+          return ret;
+        };
+        /**
+ * Method for executing an HTTP GET request. If data type is not specified,
+ * p5 will try to guess based on the URL, defaulting to text. This is equivalent to
+ * calling <code>httpDo(path, 'GET')</code>. The 'binary' datatype will return
+ * a Blob object, and the 'arrayBuffer' datatype will return an ArrayBuffer
+ * which can be used to initialize typed arrays (such as Uint8Array).
+ *
+ * @method httpGet
+ * @param  {String}        path       name of the file or url to load
+ * @param  {String}        [datatype] "json", "jsonp", "binary", "arrayBuffer",
+ *                                    "xml", or "text"
+ * @param  {Object|Boolean} [data]    param data passed sent with request
+ * @param  {function}      [callback] function to be executed after
+ *                                    <a href="#/p5/httpGet">httpGet()</a> completes, data is passed in
+ *                                    as first argument
+ * @param  {function}      [errorCallback] function to be executed if
+ *                                    there is an error, response is passed
+ *                                    in as first argument
+ * @return {Promise} A promise that resolves with the data when the operation
+ *                   completes successfully or rejects with the error after
+ *                   one occurs.
+ * @example
+ * <div class='norender'><code>
+ * // Examples use USGS Earthquake API:
+ * //   https://earthquake.usgs.gov/fdsnws/event/1/#methods
+ * let earthquakes;
+ * function preload() {
+ *   // Get the most recent earthquake in the database
+ *   let url =
+    'https://earthquake.usgs.gov/fdsnws/event/1/query?' +
+ *     'format=geojson&limit=1&orderby=time';
+ *   httpGet(url, 'jsonp', false, function(response) {
+ *     // when the HTTP request completes, populate the variable that holds the
+ *     // earthquake data used in the visualization.
+ *     earthquakes = response;
+ *   });
+ * }
+ *
+ * function draw() {
+ *   if (!earthquakes) {
+ *     // Wait until the earthquake data has loaded before drawing.
+ *     return;
+ *   }
+ *   background(200);
+ *   // Get the magnitude and name of the earthquake out of the loaded JSON
+ *   let earthquakeMag = earthquakes.features[0].properties.mag;
+ *   let earthquakeName = earthquakes.features[0].properties.place;
+ *   ellipse(width / 2, height / 2, earthquakeMag * 10, earthquakeMag * 10);
+ *   textAlign(CENTER);
+ *   text(earthquakeName, 0, height - 30, width, 30);
+ *   noLoop();
+ * }
+ * </code></div>
+ */
+        /**
+ * @method httpGet
+ * @param  {String}        path
+ * @param  {Object|Boolean} data
+ * @param  {function}      [callback]
+ * @param  {function}      [errorCallback]
+ * @return {Promise}
+ */
+        /**
+ * @method httpGet
+ * @param  {String}        path
+ * @param  {function}      callback
+ * @param  {function}      [errorCallback]
+ * @return {Promise}
+ */
+        _main.default.prototype.httpGet = function () {
+          _main.default._validateParameters('httpGet', arguments);
+          var args = Array.prototype.slice.call(arguments);
+          args.splice(1, 0, 'GET');
+          return _main.default.prototype.httpDo.apply(this, args);
+        };
+        /**
+ * Method for executing an HTTP POST request. If data type is not specified,
+ * p5 will try to guess based on the URL, defaulting to text. This is equivalent to
+ * calling <code>httpDo(path, 'POST')</code>.
+ *
+ * @method httpPost
+ * @param  {String}        path       name of the file or url to load
+ * @param  {String}        [datatype] "json", "jsonp", "xml", or "text".
+ *                                    If omitted, <a href="#/p5/httpPost">httpPost()</a> will guess.
+ * @param  {Object|Boolean} [data]    param data passed sent with request
+ * @param  {function}      [callback] function to be executed after
+ *                                    <a href="#/p5/httpPost">httpPost()</a> completes, data is passed in
+ *                                    as first argument
+ * @param  {function}      [errorCallback] function to be executed if
+ *                                    there is an error, response is passed
+ *                                    in as first argument
+ * @return {Promise} A promise that resolves with the data when the operation
+ *                   completes successfully or rejects with the error after
+ *                   one occurs.
+ *
+ * @example
+ * <div>
+ * <code>
+ * // Examples use jsonplaceholder.typicode.com for a Mock Data API
+ *
+ * let url = 'https://jsonplaceholder.typicode.com/posts';
+ * let postData = { userId: 1, title: 'p5 Clicked!', body: 'p5.js is very cool.' };
+ *
+ * function setup() {
+ *   createCanvas(100, 100);
+ *   background(200);
+ * }
+ *
+ * function mousePressed() {
+ *   httpPost(url, 'json', postData, function(result) {
+ *     strokeWeight(2);
+ *     text(result.body, mouseX, mouseY);
+ *   });
+ * }
+ * </code>
+ * </div>
+ *
+ * <div><code>
+ * let url = 'ttps://invalidURL'; // A bad URL that will cause errors
+ * let postData = { title: 'p5 Clicked!', body: 'p5.js is very cool.' };
+ *
+ * function setup() {
+ *   createCanvas(100, 100);
+ *   background(200);
+ * }
+ *
+ * function mousePressed() {
+ *   httpPost(
+ *     url,
+ *     'json',
+ *     postData,
+ *     function(result) {
+ *       // ... won't be called
+ *     },
+ *     function(error) {
+ *       strokeWeight(2);
+ *       text(error.toString(), mouseX, mouseY);
+ *     }
+ *   );
+ * }
+ * </code></div>
+ */
+        /**
+ * @method httpPost
+ * @param  {String}        path
+ * @param  {Object|Boolean} data
+ * @param  {function}      [callback]
+ * @param  {function}      [errorCallback]
+ * @return {Promise}
+ */
+        /**
+ * @method httpPost
+ * @param  {String}        path
+ * @param  {function}      callback
+ * @param  {function}      [errorCallback]
+ * @return {Promise}
+ */
+        _main.default.prototype.httpPost = function () {
+          _main.default._validateParameters('httpPost', arguments);
+          var args = Array.prototype.slice.call(arguments);
+          args.splice(1, 0, 'POST');
+          return _main.default.prototype.httpDo.apply(this, args);
+        };
+        /**
+ * Method for executing an HTTP request. If data type is not specified,
+ * p5 will try to guess based on the URL, defaulting to text.<br><br>
+ * For more advanced use, you may also pass in the path as the first argument
+ * and a object as the second argument, the signature follows the one specified
+ * in the Fetch API specification.
+ * This method is suitable for fetching files up to size of 64MB when "GET" is used.
+ *
+ * @method httpDo
+ * @param  {String}        path       name of the file or url to load
+ * @param  {String}        [method]   either "GET", "POST", or "PUT",
+ *                                    defaults to "GET"
+ * @param  {String}        [datatype] "json", "jsonp", "xml", or "text"
+ * @param  {Object}        [data]     param data passed sent with request
+ * @param  {function}      [callback] function to be executed after
+ *                                    <a href="#/p5/httpGet">httpGet()</a> completes, data is passed in
+ *                                    as first argument
+ * @param  {function}      [errorCallback] function to be executed if
+ *                                    there is an error, response is passed
+ *                                    in as first argument
+ * @return {Promise} A promise that resolves with the data when the operation
+ *                   completes successfully or rejects with the error after
+ *                   one occurs.
+ *
+ * @example
+ * <div>
+ * <code>
+ * // Examples use USGS Earthquake API:
+ * // https://earthquake.usgs.gov/fdsnws/event/1/#methods
+ *
+ * // displays an animation of all USGS earthquakes
+ * let earthquakes;
+ * let eqFeatureIndex = 0;
+ *
+ * function preload() {
+ *   let url = 'https://earthquake.usgs.gov/fdsnws/event/1/query?format=geojson';
+ *   httpDo(
+ *     url,
+ *     {
+ *       method: 'GET',
+ *       // Other Request options, like special headers for apis
+ *       headers: { authorization: 'Bearer secretKey' }
+ *     },
+ *     function(res) {
+ *       earthquakes = res;
+ *     }
+ *   );
+ * }
+ *
+ * function draw() {
+ *   // wait until the data is loaded
+ *   if (!earthquakes || !earthquakes.features[eqFeatureIndex]) {
+ *     return;
+ *   }
+ *   clear();
+ *
+ *   let feature = earthquakes.features[eqFeatureIndex];
+ *   let mag = feature.properties.mag;
+ *   let rad = mag / 11 * ((width + height) / 2);
+ *   fill(255, 0, 0, 100);
+ *   ellipse(width / 2 + random(-2, 2), height / 2 + random(-2, 2), rad, rad);
+ *
+ *   if (eqFeatureIndex >= earthquakes.features.length) {
+ *     eqFeatureIndex = 0;
+ *   } else {
+ *     eqFeatureIndex += 1;
+ *   }
+ * }
+ * </code>
+ * </div>
+ */
+        /**
+ * @method httpDo
+ * @param  {String}        path
+ * @param  {Object}        options   Request object options as documented in the
+ *                                    "fetch" API
+ * <a href="https://developer.mozilla.org/en/docs/Web/API/Fetch_API">reference</a>
+ * @param  {function}      [callback]
+ * @param  {function}      [errorCallback]
+ * @return {Promise}
+ */
+        _main.default.prototype.httpDo = function () {
+          var type;
+          var callback;
+          var errorCallback;
+          var request;
+          var promise;
+          var jsonpOptions = {
+          };
+          var cbCount = 0;
+          var contentType = 'text/plain';
+          // Trim the callbacks off the end to get an idea of how many arguments are passed
+          for (var i = arguments.length - 1; i > 0; i--) {
+            if (typeof (i < 0 || arguments.length <= i ? undefined : arguments[i]) === 'function') {
+              cbCount++;
+            } else {
+              break;
+            }
+          }          // The number of arguments minus callbacks
+
+          var argsCount = arguments.length - cbCount;
+          var path = arguments.length <= 0 ? undefined : arguments[0];
+          if (argsCount === 2 && typeof path === 'string' && _typeof(arguments.length <= 1 ? undefined : arguments[1]) === 'object') {
+            // Intended for more advanced use, pass in Request parameters directly
+            request = new Request(path, arguments.length <= 1 ? undefined : arguments[1]);
+            callback = arguments.length <= 2 ? undefined : arguments[2];
+            errorCallback = arguments.length <= 3 ? undefined : arguments[3];
+          } else {
+            // Provided with arguments
+            var method = 'GET';
+            var data;
+            for (var j = 1; j < arguments.length; j++) {
+              var a = j < 0 || arguments.length <= j ? undefined : arguments[j];
+              if (typeof a === 'string') {
+                if (a === 'GET' || a === 'POST' || a === 'PUT' || a === 'DELETE') {
+                  method = a;
+                } else if (a === 'json' || a === 'jsonp' || a === 'binary' || a === 'arrayBuffer' || a === 'xml' || a === 'text' || a === 'table') {
+                  type = a;
+                } else {
+                  data = a;
+                }
+              } else if (typeof a === 'number') {
+                data = a.toString();
+              } else if (_typeof(a) === 'object') {
+                if (a.hasOwnProperty('jsonpCallback') || a.hasOwnProperty('jsonpCallbackFunction')) {
+                  for (var attr in a) {
+                    jsonpOptions[attr] = a[attr];
+                  }
+                } else if (a instanceof _main.default.XML) {
+                  data = a.serialize();
+                  contentType = 'application/xml';
+                } else {
+                  data = JSON.stringify(a);
+                  contentType = 'application/json';
+                }
+              } else if (typeof a === 'function') {
+                if (!callback) {
+                  callback = a;
+                } else {
+                  errorCallback = a;
+                }
+              }
+            }
+            var headers = method === 'GET' ? new Headers() : new Headers({
+              'Content-Type': contentType
+            });
+            request = new Request(path, {
+              method: method,
+              mode: 'cors',
+              body: data,
+              headers: headers
+            });
+          }          // do some sort of smart type checking
+
+          if (!type) {
+            if (path.includes('json')) {
+              type = 'json';
+            } else if (path.includes('xml')) {
+              type = 'xml';
+            } else {
+              type = 'text';
+            }
+          }
+          if (type === 'jsonp') {
+            promise = (0, _fetchJsonp.default) (path, jsonpOptions);
+          } else {
+            promise = fetch(request);
+          }
+          promise = promise.then(function (res) {
+            if (!res.ok) {
+              var err = new Error(res.body);
+              err.status = res.status;
+              err.ok = false;
+              throw err;
+            } else {
+              var fileSize = 0;
+              if (type !== 'jsonp') {
+                fileSize = res.headers.get('content-length');
+              }
+              if (fileSize && fileSize > 64000000) {
+                _main.default._friendlyFileLoadError(7, path);
+              }
+              switch (type) {
+                case 'json':
+                case 'jsonp':
+                  return res.json();
+                case 'binary':
+                  return res.blob();
+                case 'arrayBuffer':
+                  return res.arrayBuffer();
+                case 'xml':
+                  return res.text().then(function (text) {
+                    var parser = new DOMParser();
+                    var xml = parser.parseFromString(text, 'text/xml');
+                    return new _main.default.XML(xml.documentElement);
+                  });
+                default:
+                  return res.text();
+              }
+            }
+          });
+          promise.then(callback || function () {
+          });
+          promise.catch(errorCallback || console.error);
+          return promise;
+        };
+        /**
+ * @module IO
+ * @submodule Output
+ * @for p5
+ */
+        window.URL = window.URL || window.webkitURL;
+        // private array of p5.PrintWriter objects
+        _main.default.prototype._pWriters = [
+        ];
+        /**
+ * @method createWriter
+ * @param {String} name name of the file to be created
+ * @param {String} [extension]
+ * @return {p5.PrintWriter}
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100);
+ *   background(200);
+ *   text('click here to save', 10, 10, 70, 80);
+ * }
+ *
+ * function mousePressed() {
+ *   if (mouseX > 0 && mouseX < width && mouseY > 0 && mouseY < height) {
+ *     const writer = createWriter('squares.txt');
+ *     for (let i = 0; i < 10; i++) {
+ *       writer.print(i * i);
+ *     }
+ *     writer.close();
+ *     writer.clear();
+ *   }
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.createWriter = function (name, extension) {
+          var newPW;
+          // check that it doesn't already exist
+          for (var i in _main.default.prototype._pWriters) {
+            if (_main.default.prototype._pWriters[i].name === name) {
+              // if a p5.PrintWriter w/ this name already exists...
+              // return p5.prototype._pWriters[i]; // return it w/ contents intact.
+              // or, could return a new, empty one with a unique name:
+              newPW = new _main.default.PrintWriter(name + this.millis(), extension);
+              _main.default.prototype._pWriters.push(newPW);
+              return newPW;
+            }
+          }
+          newPW = new _main.default.PrintWriter(name, extension);
+          _main.default.prototype._pWriters.push(newPW);
+          return newPW;
+        };
+        /**
+ *  @class p5.PrintWriter
+ *  @param  {String}     filename
+ *  @param  {String}     [extension]
+ */
+        _main.default.PrintWriter = function (filename, extension) {
+          var self = this;
+          this.name = filename;
+          this.content = '';
+          //Changed to write because it was being overloaded by function below.
+          /**
+   * Writes data to the PrintWriter stream
+   * @method write
+   * @param {Array} data all data to be written by the PrintWriter
+   * @example
+   * <div class="norender notest">
+   * <code>
+   * // creates a file called 'newFile.txt'
+   * let writer = createWriter('newFile.txt');
+   * // write 'Hello world!'' to the file
+   * writer.write(['Hello world!']);
+   * // close the PrintWriter and save the file
+   * writer.close();
+   * </code>
+   * </div>
+   * <div class='norender notest'>
+   * <code>
+   * // creates a file called 'newFile2.txt'
+   * let writer = createWriter('newFile2.txt');
+   * // write 'apples,bananas,123' to the file
+   * writer.write(['apples', 'bananas', 123]);
+   * // close the PrintWriter and save the file
+   * writer.close();
+   * </code>
+   * </div>
+   * <div class='norender notest'>
+   * <code>
+   * // creates a file called 'newFile3.txt'
+   * let writer = createWriter('newFile3.txt');
+   * // write 'My name is: Teddy' to the file
+   * writer.write('My name is:');
+   * writer.write(' Teddy');
+   * // close the PrintWriter and save the file
+   * writer.close();
+   * </code>
+   * </div>
+   * <div>
+   * <code>
+   * function setup() {
+   *   createCanvas(100, 100);
+   *   button = createButton('SAVE FILE');
+   *   button.position(21, 40);
+   *   button.mousePressed(createFile);
+   * }
+   *
+   * function createFile() {
+   *   // creates a file called 'newFile.txt'
+   *   let writer = createWriter('newFile.txt');
+   *   // write 'Hello world!'' to the file
+   *   writer.write(['Hello world!']);
+   *   // close the PrintWriter and save the file
+   *   writer.close();
+   * }
+   * </code>
+   * </div>
+   */
+          this.write = function (data) {
+            this.content += data;
+          };
+          /**
+   * Writes data to the PrintWriter stream, and adds a new line at the end
+   * @method print
+   * @param {Array} data all data to be printed by the PrintWriter
+   * @example
+   * <div class='norender notest'>
+   * <code>
+   * // creates a file called 'newFile.txt'
+   * let writer = createWriter('newFile.txt');
+   * // creates a file containing
+   * //  My name is:
+   * //  Teddy
+   * writer.print('My name is:');
+   * writer.print('Teddy');
+   * // close the PrintWriter and save the file
+   * writer.close();
+   * </code>
+   * </div>
+   * <div class='norender notest'>
+   * <code>
+   * let writer;
+   *
+   * function setup() {
+   *   createCanvas(400, 400);
+   *   // create a PrintWriter
+   *   writer = createWriter('newFile.txt');
+   * }
+   *
+   * function draw() {
+   *   writer.print([mouseX, mouseY]);
+   * }
+   *
+   * function mouseClicked() {
+   *   writer.close();
+   * }
+   * </code>
+   * </div>
+   */
+          this.print = function (data) {
+            this.content += ''.concat(data, '\n');
+          };
+          /**
+   * Clears the data already written to the PrintWriter object
+   * @method clear
+   * @example
+   * <div class ="norender notest"><code>
+   * // create writer object
+   * let writer = createWriter('newFile.txt');
+   * writer.write(['clear me']);
+   * // clear writer object here
+   * writer.clear();
+   * // close writer
+   * writer.close();
+   * </code></div>
+   * <div>
+   * <code>
+   * function setup() {
+   *   button = createButton('CLEAR ME');
+   *   button.position(21, 40);
+   *   button.mousePressed(createFile);
+   * }
+   *
+   * function createFile() {
+   *   let writer = createWriter('newFile.txt');
+   *   writer.write(['clear me']);
+   *   writer.clear();
+   *   writer.close();
+   * }
+   * </code>
+   * </div>
+   *
+   */
+          this.clear = function () {
+            this.content = '';
+          };
+          /**
+   * Closes the PrintWriter
+   * @method close
+   * @example
+   * <div class="norender notest">
+   * <code>
+   * // create a file called 'newFile.txt'
+   * let writer = createWriter('newFile.txt');
+   * // close the PrintWriter and save the file
+   * writer.close();
+   * </code>
+   * </div>
+   * <div class='norender notest'>
+   * <code>
+   * // create a file called 'newFile2.txt'
+   * let writer = createWriter('newFile2.txt');
+   * // write some data to the file
+   * writer.write([100, 101, 102]);
+   * // close the PrintWriter and save the file
+   * writer.close();
+   * </code>
+   * </div>
+   */
+          this.close = function () {
+            // convert String to Array for the writeFile Blob
+            var arr = [
+            ];
+            arr.push(this.content);
+            _main.default.prototype.writeFile(arr, filename, extension);
+            // remove from _pWriters array and delete self
+            for (var i in _main.default.prototype._pWriters) {
+              if (_main.default.prototype._pWriters[i].name === this.name) {
+                // remove from _pWriters array
+                _main.default.prototype._pWriters.splice(i, 1);
+              }
+            }
+            self.clear();
+            self = {
+            };
+          };
+        };
+        /**
+ * @module IO
+ * @submodule Output
+ * @for p5
+ */
+        // object, filename, options --> saveJSON, saveStrings,
+        // filename, [extension] [canvas] --> saveImage
+        /**
+ *  Saves a given element(image, text, json, csv, wav, or html) to the client's
+ *  computer. The first parameter can be a pointer to element we want to save.
+ *  The element can be one of <a href="#/p5.Element">p5.Element</a>,an Array of
+ *  Strings, an Array of JSON, a JSON object, a <a href="#/p5.Table">p5.Table
+ *  </a>, a <a href="#/p5.Image">p5.Image</a>, or a p5.SoundFile (requires
+ *  p5.sound). The second parameter is a filename (including extension).The
+ *  third parameter is for options specific to this type of object. This method
+ *  will save a file that fits the given parameters.
+ *  If it is called without specifying an element, by default it will save the
+ *  whole canvas as an image file. You can optionally specify a filename as
+ *  the first parameter in such a case.
+ *  **Note that it is not recommended to
+ *  call this method within draw, as it will open a new save dialog on every
+ *  render.**
+ *
+ * @method save
+ * @param  {Object|String} [objectOrFilename]  If filename is provided, will
+ *                                             save canvas as an image with
+ *                                             either png or jpg extension
+ *                                             depending on the filename.
+ *                                             If object is provided, will
+ *                                             save depending on the object
+ *                                             and filename (see examples
+ *                                             above).
+ * @param  {String} [filename] If an object is provided as the first
+ *                               parameter, then the second parameter
+ *                               indicates the filename,
+ *                               and should include an appropriate
+ *                               file extension (see examples above).
+ * @param  {Boolean|String} [options]  Additional options depend on
+ *                            filetype. For example, when saving JSON,
+ *                            <code>true</code> indicates that the
+ *                            output will be optimized for filesize,
+ *                            rather than readability.
+ *
+ * @example
+ * <div class="norender"><code>
+ * // Saves the canvas as an image
+ * cnv = createCanvas(300, 300);
+ * save(cnv, 'myCanvas.jpg');
+ *
+ * // Saves the canvas as an image by default
+ * save('myCanvas.jpg');
+ * describe('An example for saving a canvas as an image.');
+ * </code></div>
+ *
+ * <div class="norender"><code>
+ * // Saves p5.Image as an image
+ * img = createImage(10, 10);
+ * save(img, 'myImage.png');
+ * describe('An example for saving a p5.Image element as an image.');
+ * </code></div>
+ *
+ * <div class="norender"><code>
+ * // Saves p5.Renderer object as an image
+ * obj = createGraphics(100, 100);
+ * save(obj, 'myObject.png');
+ * describe('An example for saving a p5.Renderer element.');
+ * </code></div>
+ *
+ * <div class="norender"><code>
+ * let myTable = new p5.Table();
+ * // Saves table as html file
+ * save(myTable, 'myTable.html');
+ *
+ * // Comma Separated Values
+ * save(myTable, 'myTable.csv');
+ *
+ * // Tab Separated Values
+ * save(myTable, 'myTable.tsv');
+ *
+ * describe(`An example showing how to save a table in formats of
+ *   HTML, CSV and TSV.`);
+ * </code></div>
+ *
+ * <div class="norender"><code>
+ * let myJSON = { a: 1, b: true };
+ *
+ * // Saves pretty JSON
+ * save(myJSON, 'my.json');
+ *
+ * // Optimizes JSON filesize
+ * save(myJSON, 'my.json', true);
+ *
+ * describe('An example for saving JSON to a txt file with some extra arguments.');
+ * </code></div>
+ *
+ * <div class="norender"><code>
+ * // Saves array of strings to text file with line breaks after each item
+ * let arrayOfStrings = ['a', 'b'];
+ * save(arrayOfStrings, 'my.txt');
+ * describe(`An example for saving an array of strings to text file
+ *   with line breaks.`);
+ * </code></div>
+ */
+        _main.default.prototype.save = function (object, _filename, _options) {
+          // parse the arguments and figure out which things we are saving
+          var args = arguments;
+          // =================================================
+          // OPTION 1: saveCanvas...
+          // if no arguments are provided, save canvas
+          var cnv = this._curElement ? this._curElement.elt : this.elt;
+          if (args.length === 0) {
+            _main.default.prototype.saveCanvas(cnv);
+            return;
+          } else if (args[0] instanceof _main.default.Renderer || args[0] instanceof _main.default.Graphics) {
+            // otherwise, parse the arguments
+            // if first param is a p5Graphics, then saveCanvas
+            _main.default.prototype.saveCanvas(args[0].elt, args[1], args[2]);
+            return;
+          } else if (args.length === 1 && typeof args[0] === 'string') {
+            // if 1st param is String and only one arg, assume it is canvas filename
+            _main.default.prototype.saveCanvas(cnv, args[0]);
+          } else {
+            // =================================================
+            // OPTION 2: extension clarifies saveStrings vs. saveJSON
+            var extension = _checkFileExtension(args[1], args[2]) [1];
+            switch (extension) {
+              case 'json':
+                _main.default.prototype.saveJSON(args[0], args[1], args[2]);
+                return;
+              case 'txt':
+                _main.default.prototype.saveStrings(args[0], args[1], args[2]);
+                return;
+                // =================================================
+                // OPTION 3: decide based on object...
+              default:
+                if (args[0] instanceof Array) {
+                  _main.default.prototype.saveStrings(args[0], args[1], args[2]);
+                } else if (args[0] instanceof _main.default.Table) {
+                  _main.default.prototype.saveTable(args[0], args[1], args[2]);
+                } else if (args[0] instanceof _main.default.Image) {
+                  _main.default.prototype.saveCanvas(args[0].canvas, args[1]);
+                } else if (args[0] instanceof _main.default.SoundFile) {
+                  _main.default.prototype.saveSound(args[0], args[1], args[2], args[3]);
+                }
+            }
+          }
+        };
+        /**
+ *  Writes the contents of an Array or a JSON object to a .json file.
+ *  The file saving process and location of the saved file will
+ *  vary between web browsers.
+ *
+ *  @method saveJSON
+ *  @param  {Array|Object} json
+ *  @param  {String} filename
+ *  @param  {Boolean} [optimize]   If true, removes line breaks
+ *                                 and spaces from the output
+ *                                 file to optimize filesize
+ *                                 (but not readability).
+ *  @example
+ * <div><code>
+ * let json = {}; // new  JSON Object
+ *
+ * json.id = 0;
+ * json.species = 'Panthera leo';
+ * json.name = 'Lion';
+ *
+ * function setup() {
+ *   createCanvas(100, 100);
+ *   background(200);
+ *   text('click here to save', 10, 10, 70, 80);
+ *   describe('no image displayed');
+ * }
+ *
+ * function mousePressed() {
+ *   if (mouseX > 0 && mouseX < width && mouseY > 0 && mouseY < height) {
+ *     saveJSON(json, 'lion.json');
+ *   }
+ * }
+ *
+ * // saves the following to a file called "lion.json":
+ * // {
+ * //   "id": 0,
+ * //   "species": "Panthera leo",
+ * //   "name": "Lion"
+ * // }
+ * </code></div>
+ */
+        _main.default.prototype.saveJSON = function (json, filename, opt) {
+          _main.default._validateParameters('saveJSON', arguments);
+          var stringify;
+          if (opt) {
+            stringify = JSON.stringify(json);
+          } else {
+            stringify = JSON.stringify(json, undefined, 2);
+          }
+          this.saveStrings(stringify.split('\n'), filename, 'json');
+        };
+        _main.default.prototype.saveJSONObject = _main.default.prototype.saveJSON;
+        _main.default.prototype.saveJSONArray = _main.default.prototype.saveJSON;
+        /**
+ *  Writes an array of Strings to a text file, one line per String.
+ *  The file saving process and location of the saved file will
+ *  vary between web browsers.
+ *
+ *  @method saveStrings
+ *  @param  {String[]} list   string array to be written
+ *  @param  {String} filename filename for output
+ *  @param  {String} [extension] the filename's extension
+ *  @param  {Boolean} [isCRLF] if true, change line-break to CRLF
+ *  @example
+ * <div><code>
+ * let words = 'apple bear cat dog';
+ *
+ * // .split() outputs an Array
+ * let list = split(words, ' ');
+ *
+ * function setup() {
+ *   createCanvas(100, 100);
+ *   background(200);
+ *   text('click here to save', 10, 10, 70, 80);
+ *   describe('no image displayed');
+ * }
+ *
+ * function mousePressed() {
+ *   if (mouseX > 0 && mouseX < width && mouseY > 0 && mouseY < height) {
+ *     saveStrings(list, 'nouns.txt');
+ *   }
+ * }
+ *
+ * // Saves the following to a file called 'nouns.txt':
+ * //
+ * // apple
+ * // bear
+ * // cat
+ * // dog
+ * </code></div>
+ */
+        _main.default.prototype.saveStrings = function (list, filename, extension, isCRLF) {
+          _main.default._validateParameters('saveStrings', arguments);
+          var ext = extension || 'txt';
+          var pWriter = this.createWriter(filename, ext);
+          for (var i = 0; i < list.length; i++) {
+            isCRLF ? pWriter.write(list[i] + '\r\n') : pWriter.write(list[i] + '\n');
+          }
+          pWriter.close();
+          pWriter.clear();
+        };
+        // =======
+        // HELPERS
+        // =======
+        function escapeHelper(content) {
+          return content.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#039;');
+        }        /**
+ *  Writes the contents of a <a href="#/p5.Table">Table</a> object to a file. Defaults to a
+ *  text file with comma-separated-values ('csv') but can also
+ *  use tab separation ('tsv'), or generate an HTML table ('html').
+ *  The file saving process and location of the saved file will
+ *  vary between web browsers.
+ *
+ *  @method saveTable
+ *  @param  {p5.Table} Table  the <a href="#/p5.Table">Table</a> object to save to a file
+ *  @param  {String} filename the filename to which the Table should be saved
+ *  @param  {String} [options]  can be one of "tsv", "csv", or "html"
+ *  @example
+ *  <div><code>
+ * let table;
+ *
+ * function setup() {
+ *   table = new p5.Table();
+ *
+ *   table.addColumn('id');
+ *   table.addColumn('species');
+ *   table.addColumn('name');
+ *
+ *   let newRow = table.addRow();
+ *   newRow.setNum('id', table.getRowCount() - 1);
+ *   newRow.setString('species', 'Panthera leo');
+ *   newRow.setString('name', 'Lion');
+ *
+ *   // To save, un-comment next line then click 'run'
+ *   // saveTable(table, 'new.csv');
+ *
+ *   describe('no image displayed');
+ * }
+ *
+ * // Saves the following to a file called 'new.csv':
+ * // id,species,name
+ * // 0,Panthera leo,Lion
+ * </code></div>
+ */
+
+        _main.default.prototype.saveTable = function (table, filename, options) {
+          _main.default._validateParameters('saveTable', arguments);
+          var ext;
+          if (options === undefined) {
+            ext = filename.substring(filename.lastIndexOf('.') + 1, filename.length);
+          } else {
+            ext = options;
+          }
+          var pWriter = this.createWriter(filename, ext);
+          var header = table.columns;
+          var sep = ','; // default to CSV
+          if (ext === 'tsv') {
+            sep = '\t';
+          }
+          if (ext !== 'html') {
+            // make header if it has values
+            if (header[0] !== '0') {
+              for (var h = 0; h < header.length; h++) {
+                if (h < header.length - 1) {
+                  pWriter.write(header[h] + sep);
+                } else {
+                  pWriter.write(header[h]);
+                }
+              }
+              pWriter.write('\n');
+            }            // make rows
+
+            for (var i = 0; i < table.rows.length; i++) {
+              var j = void 0;
+              for (j = 0; j < table.rows[i].arr.length; j++) {
+                if (j < table.rows[i].arr.length - 1) {
+                  //double quotes should be inserted in csv only if contains comma separated single value
+                  if (ext === 'csv' && String(table.rows[i].arr[j]).includes(',')) {
+                    pWriter.write('"' + table.rows[i].arr[j] + '"' + sep);
+                  } else {
+                    pWriter.write(table.rows[i].arr[j] + sep);
+                  }
+                } else {
+                  //double quotes should be inserted in csv only if contains comma separated single value
+                  if (ext === 'csv' && String(table.rows[i].arr[j]).includes(',')) {
+                    pWriter.write('"' + table.rows[i].arr[j] + '"');
+                  } else {
+                    pWriter.write(table.rows[i].arr[j]);
+                  }
+                }
+              }
+              pWriter.write('\n');
+            }
+          } else {
+            // otherwise, make HTML
+            pWriter.print('<html>');
+            pWriter.print('<head>');
+            var str = '  <meta http-equiv="content-type" content';
+            str += '="text/html;charset=utf-8" />';
+            pWriter.print(str);
+            pWriter.print('</head>');
+            pWriter.print('<body>');
+            pWriter.print('  <table>');
+            // make header if it has values
+            if (header[0] !== '0') {
+              pWriter.print('    <tr>');
+              for (var k = 0; k < header.length; k++) {
+                var e = escapeHelper(header[k]);
+                pWriter.print('      <td>'.concat(e));
+                pWriter.print('      </td>');
+              }
+              pWriter.print('    </tr>');
+            }            // make rows
+
+            for (var row = 0; row < table.rows.length; row++) {
+              pWriter.print('    <tr>');
+              for (var col = 0; col < table.columns.length; col++) {
+                var entry = table.rows[row].getString(col);
+                var htmlEntry = escapeHelper(entry);
+                pWriter.print('      <td>'.concat(htmlEntry));
+                pWriter.print('      </td>');
+              }
+              pWriter.print('    </tr>');
+            }
+            pWriter.print('  </table>');
+            pWriter.print('</body>');
+            pWriter.print('</html>');
+          }          // close and clear the pWriter
+
+          pWriter.close();
+          pWriter.clear();
+        }; // end saveTable()
+        /**
+ *  Generate a blob of file data as a url to prepare for download.
+ *  Accepts an array of data, a filename, and an extension (optional).
+ *  This is a private function because it does not do any formatting,
+ *  but it is used by <a href="#/p5/saveStrings">saveStrings</a>, <a href="#/p5/saveJSON">saveJSON</a>, <a href="#/p5/saveTable">saveTable</a> etc.
+ *
+ *  @param  {Array} dataToDownload
+ *  @param  {String} filename
+ *  @param  {String} [extension]
+ *  @private
+ */
+        _main.default.prototype.writeFile = function (dataToDownload, filename, extension) {
+          var type = 'application/octet-stream';
+          if (_main.default.prototype._isSafari()) {
+            type = 'text/plain';
+          }
+          var blob = new Blob(dataToDownload, {
+            type: type
+          });
+          _main.default.prototype.downloadFile(blob, filename, extension);
+        };
+        /**
+ *  Forces download. Accepts a url to filedata/blob, a filename,
+ *  and an extension (optional).
+ *  This is a private function because it does not do any formatting,
+ *  but it is used by <a href="#/p5/saveStrings">saveStrings</a>, <a href="#/p5/saveJSON">saveJSON</a>, <a href="#/p5/saveTable">saveTable</a> etc.
+ *
+ *  @method downloadFile
+ *  @private
+ *  @param  {String|Blob} data    either an href generated by createObjectURL,
+ *                                or a Blob object containing the data
+ *  @param  {String} [filename]
+ *  @param  {String} [extension]
+ */
+        _main.default.prototype.downloadFile = function (data, fName, extension) {
+          var fx = _checkFileExtension(fName, extension);
+          var filename = fx[0];
+          if (data instanceof Blob) {
+            _fileSaver.default.saveAs(data, filename);
+            return;
+          }
+          var a = document.createElement('a');
+          a.href = data;
+          a.download = filename;
+          // Firefox requires the link to be added to the DOM before click()
+          a.onclick = function (e) {
+            destroyClickedElement(e);
+            e.stopPropagation();
+          };
+          a.style.display = 'none';
+          document.body.appendChild(a);
+          // Safari will open this file in the same page as a confusing Blob.
+          if (_main.default.prototype._isSafari()) {
+            var aText = 'Hello, Safari user! To download this file...\n';
+            aText += '1. Go to File --> Save As.\n';
+            aText += '2. Choose "Page Source" as the Format.\n';
+            aText += '3. Name it with this extension: ."'.concat(fx[1], '"');
+            alert(aText);
+          }
+          a.click();
+        };
+        /**
+ *  Returns a file extension, or another string
+ *  if the provided parameter has no extension.
+ *
+ *  @param   {String} filename
+ *  @param   {String} [extension]
+ *  @return  {String[]} [fileName, fileExtension]
+ *
+ *  @private
+ */
+        function _checkFileExtension(filename, extension) {
+          if (!extension || extension === true || extension === 'true') {
+            extension = '';
+          }
+          if (!filename) {
+            filename = 'untitled';
+          }
+          var ext = '';
+          // make sure the file will have a name, see if filename needs extension
+          if (filename && filename.includes('.')) {
+            ext = filename.split('.').pop();
+          }          // append extension if it doesn't exist
+
+          if (extension) {
+            if (ext !== extension) {
+              ext = extension;
+              filename = ''.concat(filename, '.').concat(ext);
+            }
+          }
+          return [filename,
+          ext];
+        }
+        _main.default.prototype._checkFileExtension = _checkFileExtension;
+        /**
+ *  Returns true if the browser is Safari, false if not.
+ *  Safari makes trouble for downloading files.
+ *
+ *  @return  {Boolean} [description]
+ *  @private
+ */
+        _main.default.prototype._isSafari = function () {
+          var x = Object.prototype.toString.call(window.HTMLElement);
+          return x.indexOf('Constructor') > 0;
+        };
+        /**
+ *  Helper function, a callback for download that deletes
+ *  an invisible anchor element from the DOM once the file
+ *  has been automatically downloaded.
+ *
+ *  @private
+ */
+        function destroyClickedElement(event) {
+          document.body.removeChild(event.target);
+        }
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        '../core/friendly_errors/fes_core': 289,
+        '../core/friendly_errors/file_errors': 290,
+        '../core/friendly_errors/validate_params': 293,
+        '../core/main': 298,
+        'core-js/modules/es.array.concat': 169,
+        'core-js/modules/es.array.includes': 177,
+        'core-js/modules/es.array.index-of': 178,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.array.last-index-of': 181,
+        'core-js/modules/es.array.map': 182,
+        'core-js/modules/es.array.slice': 183,
+        'core-js/modules/es.array.splice': 185,
+        'core-js/modules/es.function.name': 186,
+        'core-js/modules/es.object.from-entries': 195,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.promise': 201,
+        'core-js/modules/es.regexp.exec': 205,
+        'core-js/modules/es.regexp.to-string': 206,
+        'core-js/modules/es.string.includes': 209,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.string.replace': 214,
+        'core-js/modules/es.string.split': 216,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/es.typed-array.copy-within': 223,
+        'core-js/modules/es.typed-array.every': 224,
+        'core-js/modules/es.typed-array.fill': 225,
+        'core-js/modules/es.typed-array.filter': 226,
+        'core-js/modules/es.typed-array.find': 228,
+        'core-js/modules/es.typed-array.find-index': 227,
+        'core-js/modules/es.typed-array.for-each': 231,
+        'core-js/modules/es.typed-array.includes': 232,
+        'core-js/modules/es.typed-array.index-of': 233,
+        'core-js/modules/es.typed-array.iterator': 236,
+        'core-js/modules/es.typed-array.join': 237,
+        'core-js/modules/es.typed-array.last-index-of': 238,
+        'core-js/modules/es.typed-array.map': 239,
+        'core-js/modules/es.typed-array.reduce': 241,
+        'core-js/modules/es.typed-array.reduce-right': 240,
+        'core-js/modules/es.typed-array.reverse': 242,
+        'core-js/modules/es.typed-array.set': 243,
+        'core-js/modules/es.typed-array.slice': 244,
+        'core-js/modules/es.typed-array.some': 245,
+        'core-js/modules/es.typed-array.sort': 246,
+        'core-js/modules/es.typed-array.subarray': 247,
+        'core-js/modules/es.typed-array.to-locale-string': 248,
+        'core-js/modules/es.typed-array.to-string': 249,
+        'core-js/modules/es.typed-array.uint8-array': 252,
+        'core-js/modules/web.dom-collections.iterator': 256,
+        'core-js/modules/web.url': 258,
+        'es6-promise/auto': 259,
+        'fetch-jsonp': 261,
+        'file-saver': 262,
+        'whatwg-fetch': 275
+      }
+    ],
+    325: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.array.concat');
+        _dereq_('core-js/modules/es.array.index-of');
+        _dereq_('core-js/modules/es.array.join');
+        _dereq_('core-js/modules/es.array.splice');
+        _dereq_('core-js/modules/es.regexp.constructor');
+        _dereq_('core-js/modules/es.regexp.exec');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        _dereq_('core-js/modules/es.string.match');
+        _dereq_('core-js/modules/es.string.replace');
+        _dereq_('core-js/modules/es.array.concat');
+        _dereq_('core-js/modules/es.array.index-of');
+        _dereq_('core-js/modules/es.array.join');
+        _dereq_('core-js/modules/es.array.splice');
+        _dereq_('core-js/modules/es.regexp.constructor');
+        _dereq_('core-js/modules/es.regexp.exec');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        _dereq_('core-js/modules/es.string.match');
+        _dereq_('core-js/modules/es.string.replace');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            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;
+        } /**
+   * @module IO
+   * @submodule Table
+   * @requires core
+   */
+        /**
+ *  Table Options
+ *  Generic class for handling tabular data, typically from a
+ *  CSV, TSV, or other sort of spreadsheet file.
+ *  CSV files are
+ *  <a href="http://en.wikipedia.org/wiki/Comma-separated_values">
+ *  comma separated values</a>, often with the data in quotes. TSV
+ *  files use tabs as separators, and usually don't bother with the
+ *  quotes.
+ *  File names should end with .csv if they're comma separated.
+ *  A rough "spec" for CSV can be found
+ *  <a href="http://tools.ietf.org/html/rfc4180">here</a>.
+ *  To load files, use the <a href="#/p5/loadTable">loadTable</a> method.
+ *  To save tables to your computer, use the <a href="#/p5/save">save</a> method
+ *   or the <a href="#/p5/saveTable">saveTable</a> method.
+ *
+ *  Possible options include:
+ *  <ul>
+ *  <li>csv - parse the table as comma-separated values
+ *  <li>tsv - parse the table as tab-separated values
+ *  <li>header - this table has a header (title) row
+ *  </ul>
+ */
+        /**
+ *  <a href="#/p5.Table">Table</a> objects store data with multiple rows and columns, much
+ *  like in a traditional spreadsheet. Tables can be generated from
+ *  scratch, dynamically, or using data from an existing file.
+ *
+ *  @class p5.Table
+ *  @constructor
+ *  @param  {p5.TableRow[]}     [rows] An array of p5.TableRow objects
+ */
+
+        _main.default.Table = /*#__PURE__*/ function () {
+          /**
+   * An array containing the names of the columns in the table, if the "header" the table is
+   * loaded with the "header" parameter.
+   * @type {String[]}
+   * @property columns
+   * @name columns
+   * @example
+   * <div class="norender">
+   * <code>
+   * // Given the CSV file "mammals.csv"
+   * // in the project's "assets" folder:
+   * //
+   * // id,species,name
+   * // 0,Capra hircus,Goat
+   * // 1,Panthera pardus,Leopard
+   * // 2,Equus zebra,Zebra
+   *
+   * let table;
+   *
+   * function preload() {
+   *   //my table is comma separated value "csv"
+   *   //and has a header specifying the columns labels
+   *   table = loadTable('assets/mammals.csv', 'csv', 'header');
+   * }
+   *
+   * function setup() {
+   *   //print the column names
+   *   for (let c = 0; c < table.getColumnCount(); c++) {
+   *     print('column ' + c + ' is named ' + table.columns[c]);
+   *   }
+   * }
+   * </code>
+   * </div>
+   */
+          function _class(rows) {
+            _classCallCheck(this, _class);
+            this.columns = [
+            ];
+            /**
+    * An array containing the <a href="#/p5.Table">p5.TableRow</a> objects that make up the
+    * rows of the table. The same result as calling <a href="#/p5/getRows">getRows()</a>
+    * @type {p5.TableRow[]}
+    * @property rows
+    * @name rows
+    */
+            this.rows = [
+            ];
+          }          /**
+  *  Use <a href="#/p5/addRow">addRow()</a> to add a new row of data to a <a href="#/p5.Table">p5.Table</a> object. By default,
+  *  an empty row is created. Typically, you would store a reference to
+  *  the new row in a TableRow object (see newRow in the example above),
+  *  and then set individual values using <a href="#/p5/set">set()</a>.
+  *
+  *  If a <a href="#/p5.TableRow">p5.TableRow</a> object is included as a parameter, then that row is
+  *  duplicated and added to the table.
+  *
+  *  @method  addRow
+  *  @param   {p5.TableRow} [row] row to be added to the table
+  *  @return  {p5.TableRow} the row that was added
+  *
+  * @example
+  * <div class="norender">
+  * <code>
+  * // Given the CSV file "mammals.csv"
+  * // in the project's "assets" folder:
+  * //
+  * // id,species,name
+  * // 0,Capra hircus,Goat
+  * // 1,Panthera pardus,Leopard
+  * // 2,Equus zebra,Zebra
+  *
+  * let table;
+  *
+  * function preload() {
+  *   //my table is comma separated value "csv"
+  *   //and has a header specifying the columns labels
+  *   table = loadTable('assets/mammals.csv', 'csv', 'header');
+  * }
+  *
+  * function setup() {
+  *   //add a row
+  *   let newRow = table.addRow();
+  *   newRow.setString('id', table.getRowCount() - 1);
+  *   newRow.setString('species', 'Canis Lupus');
+  *   newRow.setString('name', 'Wolf');
+  *
+  *   //print the results
+  *   for (let r = 0; r < table.getRowCount(); r++)
+  *     for (let c = 0; c < table.getColumnCount(); c++)
+  *       print(table.getString(r, c));
+  *
+  *   describe('no image displayed');
+  * }
+  * </code>
+  * </div>
+  */
+
+          _createClass(_class, [
+            {
+              key: 'addRow',
+              value: function addRow(row) {
+                // make sure it is a valid TableRow
+                var r = row || new _main.default.TableRow();
+                if (typeof r.arr === 'undefined' || typeof r.obj === 'undefined') {
+                  //r = new p5.prototype.TableRow(r);
+                  throw new Error('invalid TableRow: '.concat(r));
+                }
+                r.table = this;
+                this.rows.push(r);
+                return r;
+              }              /**
+    * Removes a row from the table object.
+    *
+    * @method  removeRow
+    * @param   {Integer} id ID number of the row to remove
+    *
+    * @example
+    * <div class="norender">
+    * <code>
+    * // Given the CSV file "mammals.csv"
+    * // in the project's "assets" folder:
+    * //
+    * // id,species,name
+    * // 0,Capra hircus,Goat
+    * // 1,Panthera pardus,Leopard
+    * // 2,Equus zebra,Zebra
+    *
+    * let table;
+    *
+    * function preload() {
+    *   //my table is comma separated value "csv"
+    *   //and has a header specifying the columns labels
+    *   table = loadTable('assets/mammals.csv', 'csv', 'header');
+    * }
+    *
+    * function setup() {
+    *   //remove the first row
+    *   table.removeRow(0);
+    *
+    *   //print the results
+    *   for (let r = 0; r < table.getRowCount(); r++)
+    *     for (let c = 0; c < table.getColumnCount(); c++)
+    *       print(table.getString(r, c));
+    *
+    *   describe('no image displayed');
+    * }
+    * </code>
+    * </div>
+    */
+
+            },
+            {
+              key: 'removeRow',
+              value: function removeRow(id) {
+                this.rows[id].table = null; // remove reference to table
+                var chunk = this.rows.splice(id + 1, this.rows.length);
+                this.rows.pop();
+                this.rows = this.rows.concat(chunk);
+              }              /**
+    * Returns a reference to the specified <a href="#/p5.TableRow">p5.TableRow</a>. The reference
+    * can then be used to get and set values of the selected row.
+    *
+    * @method  getRow
+    * @param  {Integer}   rowID ID number of the row to get
+    * @return {p5.TableRow} <a href="#/p5.TableRow">p5.TableRow</a> object
+    *
+    * @example
+    * <div class="norender">
+    * <code>
+    * // Given the CSV file "mammals.csv"
+    * // in the project's "assets" folder:
+    * //
+    * // id,species,name
+    * // 0,Capra hircus,Goat
+    * // 1,Panthera pardus,Leopard
+    * // 2,Equus zebra,Zebra
+    *
+    * let table;
+    *
+    * function preload() {
+    *   //my table is comma separated value "csv"
+    *   //and has a header specifying the columns labels
+    *   table = loadTable('assets/mammals.csv', 'csv', 'header');
+    * }
+    *
+    * function setup() {
+    *   let row = table.getRow(1);
+    *   //print it column by column
+    *   //note: a row is an object, not an array
+    *   for (let c = 0; c < table.getColumnCount(); c++) {
+    *     print(row.getString(c));
+    *   }
+    *
+    *   describe('no image displayed');
+    * }
+    * </code>
+    * </div>
+    */
+
+            },
+            {
+              key: 'getRow',
+              value: function getRow(r) {
+                return this.rows[r];
+              }              /**
+    *  Gets all rows from the table. Returns an array of <a href="#/p5.TableRow">p5.TableRow</a>s.
+    *
+    *  @method  getRows
+    *  @return {p5.TableRow[]}   Array of <a href="#/p5.TableRow">p5.TableRow</a>s
+    *
+    * @example
+    * <div class="norender">
+    * <code>
+    * // Given the CSV file "mammals.csv"
+    * // in the project's "assets" folder:
+    * //
+    * // id,species,name
+    * // 0,Capra hircus,Goat
+    * // 1,Panthera pardus,Leopard
+    * // 2,Equus zebra,Zebra
+    *
+    * let table;
+    *
+    * function preload() {
+    *   //my table is comma separated value "csv"
+    *   //and has a header specifying the columns labels
+    *   table = loadTable('assets/mammals.csv', 'csv', 'header');
+    * }
+    *
+    * function setup() {
+    *   let rows = table.getRows();
+    *
+    *   //warning: rows is an array of objects
+    *   for (let r = 0; r < rows.length; r++) {
+    *     rows[r].set('name', 'Unicorn');
+    *   }
+    *
+    *   //print the results
+    *   for (let r = 0; r < table.getRowCount(); r++)
+    *     for (let c = 0; c < table.getColumnCount(); c++)
+    *       print(table.getString(r, c));
+    *
+    *   describe('no image displayed');
+    * }
+    * </code>
+    * </div>
+    */
+
+            },
+            {
+              key: 'getRows',
+              value: function getRows() {
+                return this.rows;
+              }              /**
+    *  Finds the first row in the Table that contains the value
+    *  provided, and returns a reference to that row. Even if
+    *  multiple rows are possible matches, only the first matching
+    *  row is returned. The column to search may be specified by
+    *  either its ID or title.
+    *
+    *  @method  findRow
+    *  @param  {String} value  The value to match
+    *  @param  {Integer|String} column ID number or title of the
+    *                                 column to search
+    *  @return {p5.TableRow}
+    *
+    * @example
+    * <div class="norender">
+    * <code>
+    * // Given the CSV file "mammals.csv"
+    * // in the project's "assets" folder:
+    * //
+    * // id,species,name
+    * // 0,Capra hircus,Goat
+    * // 1,Panthera pardus,Leopard
+    * // 2,Equus zebra,Zebra
+    *
+    * let table;
+    *
+    * function preload() {
+    *   //my table is comma separated value "csv"
+    *   //and has a header specifying the columns labels
+    *   table = loadTable('assets/mammals.csv', 'csv', 'header');
+    * }
+    *
+    * function setup() {
+    *   //find the animal named zebra
+    *   let row = table.findRow('Zebra', 'name');
+    *   //find the corresponding species
+    *   print(row.getString('species'));
+    *   describe('no image displayed');
+    * }
+    * </code>
+    * </div>
+    */
+
+            },
+            {
+              key: 'findRow',
+              value: function findRow(value, column) {
+                // try the Object
+                if (typeof column === 'string') {
+                  for (var i = 0; i < this.rows.length; i++) {
+                    if (this.rows[i].obj[column] === value) {
+                      return this.rows[i];
+                    }
+                  }
+                } else {
+                  // try the Array
+                  for (var j = 0; j < this.rows.length; j++) {
+                    if (this.rows[j].arr[column] === value) {
+                      return this.rows[j];
+                    }
+                  }
+                }                // otherwise...
+
+                return null;
+              }              /**
+    *  Finds the rows in the Table that contain the value
+    *  provided, and returns references to those rows. Returns an
+    *  Array, so for must be used to iterate through all the rows,
+    *  as shown in the example above. The column to search may be
+    *  specified by either its ID or title.
+    *
+    *  @method  findRows
+    *  @param  {String} value  The value to match
+    *  @param  {Integer|String} column ID number or title of the
+    *                                 column to search
+    *  @return {p5.TableRow[]}        An Array of TableRow objects
+    *
+    * @example
+    * <div class="norender">
+    * <code>
+    * // Given the CSV file "mammals.csv"
+    * // in the project's "assets" folder:
+    * //
+    * // id,species,name
+    * // 0,Capra hircus,Goat
+    * // 1,Panthera pardus,Leopard
+    * // 2,Equus zebra,Zebra
+    *
+    * let table;
+    *
+    * function preload() {
+    *   //my table is comma separated value "csv"
+    *   //and has a header specifying the columns labels
+    *   table = loadTable('assets/mammals.csv', 'csv', 'header');
+    * }
+    *
+    * function setup() {
+    *   //add another goat
+    *   let newRow = table.addRow();
+    *   newRow.setString('id', table.getRowCount() - 1);
+    *   newRow.setString('species', 'Scape Goat');
+    *   newRow.setString('name', 'Goat');
+    *
+    *   //find the rows containing animals named Goat
+    *   let rows = table.findRows('Goat', 'name');
+    *   print(rows.length + ' Goats found');
+    *   describe('no image displayed');
+    * }
+    * </code>
+    * </div>
+    */
+
+            },
+            {
+              key: 'findRows',
+              value: function findRows(value, column) {
+                var ret = [
+                ];
+                if (typeof column === 'string') {
+                  for (var i = 0; i < this.rows.length; i++) {
+                    if (this.rows[i].obj[column] === value) {
+                      ret.push(this.rows[i]);
+                    }
+                  }
+                } else {
+                  // try the Array
+                  for (var j = 0; j < this.rows.length; j++) {
+                    if (this.rows[j].arr[column] === value) {
+                      ret.push(this.rows[j]);
+                    }
+                  }
+                }
+                return ret;
+              }              /**
+    * Finds the first row in the Table that matches the regular
+    * expression provided, and returns a reference to that row.
+    * Even if multiple rows are possible matches, only the first
+    * matching row is returned. The column to search may be
+    * specified by either its ID or title.
+    *
+    * @method  matchRow
+    * @param  {String|RegExp} regexp The regular expression to match
+    * @param  {String|Integer} column The column ID (number) or
+    *                                  title (string)
+    * @return {p5.TableRow}        TableRow object
+    *
+    * @example
+    * <div class="norender">
+    * <code>
+    * // Given the CSV file "mammals.csv"
+    * // in the project's "assets" folder:
+    * //
+    * // id,species,name
+    * // 0,Capra hircus,Goat
+    * // 1,Panthera pardus,Leopard
+    * // 2,Equus zebra,Zebra
+    *
+    * let table;
+    *
+    * function preload() {
+    *   //my table is comma separated value "csv"
+    *   //and has a header specifying the columns labels
+    *   table = loadTable('assets/mammals.csv', 'csv', 'header');
+    * }
+    *
+    * function setup() {
+    *   //Search using specified regex on a given column, return TableRow object
+    *   let mammal = table.matchRow(new RegExp('ant'), 1);
+    *   print(mammal.getString(1));
+    *   //Output "Panthera pardus"
+    * }
+    * </code>
+    * </div>
+    */
+
+            },
+            {
+              key: 'matchRow',
+              value: function matchRow(regexp, column) {
+                if (typeof column === 'number') {
+                  for (var j = 0; j < this.rows.length; j++) {
+                    if (this.rows[j].arr[column].match(regexp)) {
+                      return this.rows[j];
+                    }
+                  }
+                } else {
+                  for (var i = 0; i < this.rows.length; i++) {
+                    if (this.rows[i].obj[column].match(regexp)) {
+                      return this.rows[i];
+                    }
+                  }
+                }
+                return null;
+              }              /**
+    * Finds the rows in the Table that match the regular expression provided,
+    * and returns references to those rows. Returns an array, so for must be
+    * used to iterate through all the rows, as shown in the example. The
+    * column to search may be specified by either its ID or title.
+    *
+    * @method  matchRows
+    * @param  {String} regexp The regular expression to match
+    * @param  {String|Integer} [column] The column ID (number) or
+    *                                  title (string)
+    * @return {p5.TableRow[]}          An Array of TableRow objects
+    * @example
+    * <div class="norender">
+    * <code>
+    * let table;
+    *
+    * function setup() {
+    *   table = new p5.Table();
+    *
+    *   table.addColumn('name');
+    *   table.addColumn('type');
+    *
+    *   let newRow = table.addRow();
+    *   newRow.setString('name', 'Lion');
+    *   newRow.setString('type', 'Mammal');
+    *
+    *   newRow = table.addRow();
+    *   newRow.setString('name', 'Snake');
+    *   newRow.setString('type', 'Reptile');
+    *
+    *   newRow = table.addRow();
+    *   newRow.setString('name', 'Mosquito');
+    *   newRow.setString('type', 'Insect');
+    *
+    *   newRow = table.addRow();
+    *   newRow.setString('name', 'Lizard');
+    *   newRow.setString('type', 'Reptile');
+    *
+    *   let rows = table.matchRows('R.*', 'type');
+    *   for (let i = 0; i < rows.length; i++) {
+    *     print(rows[i].getString('name') + ': ' + rows[i].getString('type'));
+    *   }
+    * }
+    * // Sketch prints:
+    * // Snake: Reptile
+    * // Lizard: Reptile
+    * </code>
+    * </div>
+    */
+
+            },
+            {
+              key: 'matchRows',
+              value: function matchRows(regexp, column) {
+                var ret = [
+                ];
+                if (typeof column === 'number') {
+                  for (var j = 0; j < this.rows.length; j++) {
+                    if (this.rows[j].arr[column].match(regexp)) {
+                      ret.push(this.rows[j]);
+                    }
+                  }
+                } else {
+                  for (var i = 0; i < this.rows.length; i++) {
+                    if (this.rows[i].obj[column].match(regexp)) {
+                      ret.push(this.rows[i]);
+                    }
+                  }
+                }
+                return ret;
+              }              /**
+    *  Retrieves all values in the specified column, and returns them
+    *  as an array. The column may be specified by either its ID or title.
+    *
+    *  @method  getColumn
+    *  @param  {String|Number} column String or Number of the column to return
+    *  @return {Array}       Array of column values
+    *
+    * @example
+    * <div class="norender">
+    * <code>
+    * // Given the CSV file "mammals.csv"
+    * // in the project's "assets" folder:
+    * //
+    * // id,species,name
+    * // 0,Capra hircus,Goat
+    * // 1,Panthera pardus,Leopard
+    * // 2,Equus zebra,Zebra
+    *
+    * let table;
+    *
+    * function preload() {
+    *   //my table is comma separated value "csv"
+    *   //and has a header specifying the columns labels
+    *   table = loadTable('assets/mammals.csv', 'csv', 'header');
+    * }
+    *
+    * function setup() {
+    *   //getColumn returns an array that can be printed directly
+    *   print(table.getColumn('species'));
+    *   //outputs ["Capra hircus", "Panthera pardus", "Equus zebra"]
+    *   describe('no image displayed');
+    * }
+    * </code>
+    * </div>
+    */
+
+            },
+            {
+              key: 'getColumn',
+              value: function getColumn(value) {
+                var ret = [
+                ];
+                if (typeof value === 'string') {
+                  for (var i = 0; i < this.rows.length; i++) {
+                    ret.push(this.rows[i].obj[value]);
+                  }
+                } else {
+                  for (var j = 0; j < this.rows.length; j++) {
+                    ret.push(this.rows[j].arr[value]);
+                  }
+                }
+                return ret;
+              }              /**
+    *  Removes all rows from a Table. While all rows are removed,
+    *  columns and column titles are maintained.
+    *
+    *  @method  clearRows
+    *
+    * @example
+    * <div class="norender">
+    * <code>
+    * // Given the CSV file "mammals.csv"
+    * // in the project's "assets" folder:
+    * //
+    * // id,species,name
+    * // 0,Capra hircus,Goat
+    * // 1,Panthera pardus,Leopard
+    * // 2,Equus zebra,Zebra
+    *
+    * let table;
+    *
+    * function preload() {
+    *   //my table is comma separated value "csv"
+    *   //and has a header specifying the columns labels
+    *   table = loadTable('assets/mammals.csv', 'csv', 'header');
+    * }
+    *
+    * function setup() {
+    *   table.clearRows();
+    *   print(table.getRowCount() + ' total rows in table');
+    *   print(table.getColumnCount() + ' total columns in table');
+    *   describe('no image displayed');
+    * }
+    * </code>
+    * </div>
+    */
+
+            },
+            {
+              key: 'clearRows',
+              value: function clearRows() {
+                delete this.rows;
+                this.rows = [
+                ];
+              }              /**
+    *  Use <a href="#/p5/addColumn">addColumn()</a> to add a new column to a <a href="#/p5.Table">Table</a> object.
+    *  Typically, you will want to specify a title, so the column
+    *  may be easily referenced later by name. (If no title is
+    *  specified, the new column's title will be null.)
+    *
+    *  @method  addColumn
+    *  @param {String} [title] title of the given column
+    *
+    * @example
+    * <div class="norender">
+    * <code>
+    * // Given the CSV file "mammals.csv"
+    * // in the project's "assets" folder:
+    * //
+    * // id,species,name
+    * // 0,Capra hircus,Goat
+    * // 1,Panthera pardus,Leopard
+    * // 2,Equus zebra,Zebra
+    *
+    * let table;
+    *
+    * function preload() {
+    *   //my table is comma separated value "csv"
+    *   //and has a header specifying the columns labels
+    *   table = loadTable('assets/mammals.csv', 'csv', 'header');
+    * }
+    *
+    * function setup() {
+    *   table.addColumn('carnivore');
+    *   table.set(0, 'carnivore', 'no');
+    *   table.set(1, 'carnivore', 'yes');
+    *   table.set(2, 'carnivore', 'no');
+    *
+    *   //print the results
+    *   for (let r = 0; r < table.getRowCount(); r++)
+    *     for (let c = 0; c < table.getColumnCount(); c++)
+    *       print(table.getString(r, c));
+    *
+    *   describe('no image displayed');
+    * }
+    * </code>
+    * </div>
+    */
+
+            },
+            {
+              key: 'addColumn',
+              value: function addColumn(title) {
+                var t = title || null;
+                this.columns.push(t);
+              }              /**
+    *  Returns the total number of columns in a Table.
+    *
+    *  @method  getColumnCount
+    *  @return {Integer} Number of columns in this table
+    * @example
+    * <div>
+    * <code>
+    * // given the cvs file "blobs.csv" in /assets directory
+    * // ID, Name, Flavor, Shape, Color
+    * // Blob1, Blobby, Sweet, Blob, Pink
+    * // Blob2, Saddy, Savory, Blob, Blue
+    *
+    * let table;
+    *
+    * function preload() {
+    *   table = loadTable('assets/blobs.csv');
+    * }
+    *
+    * function setup() {
+    *   createCanvas(200, 100);
+    *   textAlign(CENTER);
+    *   background(255);
+    * }
+    *
+    * function draw() {
+    *   let numOfColumn = table.getColumnCount();
+    *   text('There are ' + numOfColumn + ' columns in the table.', 100, 50);
+    * }
+    * </code>
+    * </div>
+    */
+
+            },
+            {
+              key: 'getColumnCount',
+              value: function getColumnCount() {
+                return this.columns.length;
+              }              /**
+    *  Returns the total number of rows in a Table.
+    *
+    *  @method  getRowCount
+    *  @return {Integer} Number of rows in this table
+    * @example
+    * <div>
+    * <code>
+    * // given the cvs file "blobs.csv" in /assets directory
+    * //
+    * // ID, Name, Flavor, Shape, Color
+    * // Blob1, Blobby, Sweet, Blob, Pink
+    * // Blob2, Saddy, Savory, Blob, Blue
+    *
+    * let table;
+    *
+    * function preload() {
+    *   table = loadTable('assets/blobs.csv');
+    * }
+    *
+    * function setup() {
+    *   createCanvas(200, 100);
+    *   textAlign(CENTER);
+    *   background(255);
+    * }
+    *
+    * function draw() {
+    *   text('There are ' + table.getRowCount() + ' rows in the table.', 100, 50);
+    * }
+    * </code>
+    * </div>
+    */
+
+            },
+            {
+              key: 'getRowCount',
+              value: function getRowCount() {
+                return this.rows.length;
+              }              /**
+    *  Removes any of the specified characters (or "tokens").
+    *
+    *  If no column is specified, then the values in all columns and
+    *  rows are processed. A specific column may be referenced by
+    *  either its ID or title.
+    *
+    *  @method  removeTokens
+    *  @param  {String} chars  String listing characters to be removed
+    *  @param  {String|Integer} [column] Column ID (number)
+    *                                   or name (string)
+    *
+    * @example
+    * <div class="norender"><code>
+    * function setup() {
+    *   let table = new p5.Table();
+    *
+    *   table.addColumn('name');
+    *   table.addColumn('type');
+    *
+    *   let newRow = table.addRow();
+    *   newRow.setString('name', '   $Lion  ,');
+    *   newRow.setString('type', ',,,Mammal');
+    *
+    *   newRow = table.addRow();
+    *   newRow.setString('name', '$Snake  ');
+    *   newRow.setString('type', ',,,Reptile');
+    *
+    *   table.removeTokens(',$ ');
+    *   print(table.getArray());
+    * }
+    *
+    * // prints:
+    * //  0  "Lion"   "Mamal"
+    * //  1  "Snake"  "Reptile"
+    * </code></div>
+    */
+
+            },
+            {
+              key: 'removeTokens',
+              value: function removeTokens(chars, column) {
+                var escape = function escape(s) {
+                  return s.replace(/[-/\\^$*+?.()|[\]{}]/g, '\\$&');
+                };
+                var charArray = [
+                ];
+                for (var i = 0; i < chars.length; i++) {
+                  charArray.push(escape(chars.charAt(i)));
+                }
+                var regex = new RegExp(charArray.join('|'), 'g');
+                if (typeof column === 'undefined') {
+                  for (var c = 0; c < this.columns.length; c++) {
+                    for (var d = 0; d < this.rows.length; d++) {
+                      var s = this.rows[d].arr[c];
+                      s = s.replace(regex, '');
+                      this.rows[d].arr[c] = s;
+                      this.rows[d].obj[this.columns[c]] = s;
+                    }
+                  }
+                } else if (typeof column === 'string') {
+                  for (var j = 0; j < this.rows.length; j++) {
+                    var val = this.rows[j].obj[column];
+                    val = val.replace(regex, '');
+                    this.rows[j].obj[column] = val;
+                    var pos = this.columns.indexOf(column);
+                    this.rows[j].arr[pos] = val;
+                  }
+                } else {
+                  for (var k = 0; k < this.rows.length; k++) {
+                    var str = this.rows[k].arr[column];
+                    str = str.replace(regex, '');
+                    this.rows[k].arr[column] = str;
+                    this.rows[k].obj[this.columns[column]] = str;
+                  }
+                }
+              }              /**
+    *  Trims leading and trailing whitespace, such as spaces and tabs,
+    *  from String table values. If no column is specified, then the
+    *  values in all columns and rows are trimmed. A specific column
+    *  may be referenced by either its ID or title.
+    *
+    *  @method  trim
+    *  @param  {String|Integer} [column] Column ID (number)
+    *                                   or name (string)
+    * @example
+    * <div class="norender"><code>
+    * function setup() {
+    *   let table = new p5.Table();
+    *
+    *   table.addColumn('name');
+    *   table.addColumn('type');
+    *
+    *   let newRow = table.addRow();
+    *   newRow.setString('name', '   Lion  ,');
+    *   newRow.setString('type', ' Mammal  ');
+    *
+    *   newRow = table.addRow();
+    *   newRow.setString('name', '  Snake  ');
+    *   newRow.setString('type', '  Reptile  ');
+    *
+    *   table.trim();
+    *   print(table.getArray());
+    * }
+    *
+    * // prints:
+    * //  0  "Lion"   "Mamal"
+    * //  1  "Snake"  "Reptile"
+    * </code></div>
+    */
+
+            },
+            {
+              key: 'trim',
+              value: function trim(column) {
+                var regex = new RegExp(' ', 'g');
+                if (typeof column === 'undefined') {
+                  for (var c = 0; c < this.columns.length; c++) {
+                    for (var d = 0; d < this.rows.length; d++) {
+                      var s = this.rows[d].arr[c];
+                      s = s.replace(regex, '');
+                      this.rows[d].arr[c] = s;
+                      this.rows[d].obj[this.columns[c]] = s;
+                    }
+                  }
+                } else if (typeof column === 'string') {
+                  for (var j = 0; j < this.rows.length; j++) {
+                    var val = this.rows[j].obj[column];
+                    val = val.replace(regex, '');
+                    this.rows[j].obj[column] = val;
+                    var pos = this.columns.indexOf(column);
+                    this.rows[j].arr[pos] = val;
+                  }
+                } else {
+                  for (var k = 0; k < this.rows.length; k++) {
+                    var str = this.rows[k].arr[column];
+                    str = str.replace(regex, '');
+                    this.rows[k].arr[column] = str;
+                    this.rows[k].obj[this.columns[column]] = str;
+                  }
+                }
+              }              /**
+    *  Use <a href="#/p5/removeColumn">removeColumn()</a> to remove an existing column from a Table
+    *  object. The column to be removed may be identified by either
+    *  its title (a String) or its index value (an int).
+    *  removeColumn(0) would remove the first column, removeColumn(1)
+    *  would remove the second column, and so on.
+    *
+    *  @method  removeColumn
+    *  @param  {String|Integer} column columnName (string) or ID (number)
+    *
+    * @example
+    * <div class="norender">
+    * <code>
+    * // Given the CSV file "mammals.csv"
+    * // in the project's "assets" folder:
+    * //
+    * // id,species,name
+    * // 0,Capra hircus,Goat
+    * // 1,Panthera pardus,Leopard
+    * // 2,Equus zebra,Zebra
+    *
+    * let table;
+    *
+    * function preload() {
+    *   //my table is comma separated value "csv"
+    *   //and has a header specifying the columns labels
+    *   table = loadTable('assets/mammals.csv', 'csv', 'header');
+    * }
+    *
+    * function setup() {
+    *   table.removeColumn('id');
+    *   print(table.getColumnCount());
+    *   describe('no image displayed');
+    * }
+    * </code>
+    * </div>
+    */
+
+            },
+            {
+              key: 'removeColumn',
+              value: function removeColumn(c) {
+                var cString;
+                var cNumber;
+                if (typeof c === 'string') {
+                  // find the position of c in the columns
+                  cString = c;
+                  cNumber = this.columns.indexOf(c);
+                } else {
+                  cNumber = c;
+                  cString = this.columns[c];
+                }
+                var chunk = this.columns.splice(cNumber + 1, this.columns.length);
+                this.columns.pop();
+                this.columns = this.columns.concat(chunk);
+                for (var i = 0; i < this.rows.length; i++) {
+                  var tempR = this.rows[i].arr;
+                  var chip = tempR.splice(cNumber + 1, tempR.length);
+                  tempR.pop();
+                  this.rows[i].arr = tempR.concat(chip);
+                  delete this.rows[i].obj[cString];
+                }
+              }              /**
+    * Stores a value in the Table's specified row and column.
+    * The row is specified by its ID, while the column may be specified
+    * by either its ID or title.
+    *
+    * @method  set
+    * @param {Integer} row row ID
+    * @param {String|Integer} column column ID (Number)
+    *                               or title (String)
+    * @param {String|Number} value  value to assign
+    *
+    * @example
+    * <div class="norender">
+    * <code>
+    * // Given the CSV file "mammals.csv"
+    * // in the project's "assets" folder:
+    * //
+    * // id,species,name
+    * // 0,Capra hircus,Goat
+    * // 1,Panthera pardus,Leopard
+    * // 2,Equus zebra,Zebra
+    *
+    * let table;
+    *
+    * function preload() {
+    *   //my table is comma separated value "csv"
+    *   //and has a header specifying the columns labels
+    *   table = loadTable('assets/mammals.csv', 'csv', 'header');
+    * }
+    *
+    * function setup() {
+    *   table.set(0, 'species', 'Canis Lupus');
+    *   table.set(0, 'name', 'Wolf');
+    *
+    *   //print the results
+    *   for (let r = 0; r < table.getRowCount(); r++)
+    *     for (let c = 0; c < table.getColumnCount(); c++)
+    *       print(table.getString(r, c));
+    *
+    *   describe('no image displayed');
+    * }
+    * </code>
+    * </div>
+    */
+
+            },
+            {
+              key: 'set',
+              value: function set(row, column, value) {
+                this.rows[row].set(column, value);
+              }              /**
+    * Stores a Float value in the Table's specified row and column.
+    * The row is specified by its ID, while the column may be specified
+    * by either its ID or title.
+    *
+    * @method setNum
+    * @param {Integer} row row ID
+    * @param {String|Integer} column column ID (Number)
+    *                               or title (String)
+    * @param {Number} value  value to assign
+    *
+    * @example
+    * <div class="norender">
+    * <code>
+    * // Given the CSV file "mammals.csv"
+    * // in the project's "assets" folder:
+    * //
+    * // id,species,name
+    * // 0,Capra hircus,Goat
+    * // 1,Panthera pardus,Leopard
+    * // 2,Equus zebra,Zebra
+    *
+    * let table;
+    *
+    * function preload() {
+    *   //my table is comma separated value "csv"
+    *   //and has a header specifying the columns labels
+    *   table = loadTable('assets/mammals.csv', 'csv', 'header');
+    * }
+    *
+    * function setup() {
+    *   table.setNum(1, 'id', 1);
+    *
+    *   print(table.getColumn(0));
+    *   //["0", 1, "2"]
+    *
+    *   describe('no image displayed');
+    * }
+    * </code>
+    * </div>
+    */
+
+            },
+            {
+              key: 'setNum',
+              value: function setNum(row, column, value) {
+                this.rows[row].setNum(column, value);
+              }              /**
+    * Stores a String value in the Table's specified row and column.
+    * The row is specified by its ID, while the column may be specified
+    * by either its ID or title.
+    *
+    * @method  setString
+    * @param {Integer} row row ID
+    * @param {String|Integer} column column ID (Number)
+    *                               or title (String)
+    * @param {String} value  value to assign
+    * @example
+    * <div class="norender"><code>
+    * // Given the CSV file "mammals.csv" in the project's "assets" folder:
+    * //
+    * // id,species,name
+    * // 0,Capra hircus,Goat
+    * // 1,Panthera pardus,Leopard
+    * // 2,Equus zebra,Zebra
+    *
+    * let table;
+    *
+    * function preload() {
+    *   //my table is comma separated value "csv"
+    *   //and has a header specifying the columns labels
+    *   table = loadTable('assets/mammals.csv', 'csv', 'header');
+    * }
+    *
+    * function setup() {
+    *   //add a row
+    *   let newRow = table.addRow();
+    *   newRow.setString('id', table.getRowCount() - 1);
+    *   newRow.setString('species', 'Canis Lupus');
+    *   newRow.setString('name', 'Wolf');
+    *
+    *   print(table.getArray());
+    *
+    *   describe('no image displayed');
+    * }
+    * </code></div>
+    */
+
+            },
+            {
+              key: 'setString',
+              value: function setString(row, column, value) {
+                this.rows[row].setString(column, value);
+              }              /**
+    * Retrieves a value from the Table's specified row and column.
+    * The row is specified by its ID, while the column may be specified by
+    * either its ID or title.
+    *
+    * @method  get
+    * @param {Integer} row row ID
+    * @param  {String|Integer} column columnName (string) or
+    *                                   ID (number)
+    * @return {String|Number}
+    *
+    * @example
+    * <div class="norender">
+    * <code>
+    * // Given the CSV file "mammals.csv"
+    * // in the project's "assets" folder:
+    * //
+    * // id,species,name
+    * // 0,Capra hircus,Goat
+    * // 1,Panthera pardus,Leopard
+    * // 2,Equus zebra,Zebra
+    *
+    * let table;
+    *
+    * function preload() {
+    *   //my table is comma separated value "csv"
+    *   //and has a header specifying the columns labels
+    *   table = loadTable('assets/mammals.csv', 'csv', 'header');
+    * }
+    *
+    * function setup() {
+    *   print(table.get(0, 1));
+    *   //Capra hircus
+    *   print(table.get(0, 'species'));
+    *   //Capra hircus
+    *   describe('no image displayed');
+    * }
+    * </code>
+    * </div>
+    */
+
+            },
+            {
+              key: 'get',
+              value: function get(row, column) {
+                return this.rows[row].get(column);
+              }              /**
+    * Retrieves a Float value from the Table's specified row and column.
+    * The row is specified by its ID, while the column may be specified by
+    * either its ID or title.
+    *
+    * @method  getNum
+    * @param {Integer} row row ID
+    * @param  {String|Integer} column columnName (string) or
+    *                                   ID (number)
+    * @return {Number}
+    *
+    * @example
+    * <div class="norender">
+    * <code>
+    * // Given the CSV file "mammals.csv"
+    * // in the project's "assets" folder:
+    * //
+    * // id,species,name
+    * // 0,Capra hircus,Goat
+    * // 1,Panthera pardus,Leopard
+    * // 2,Equus zebra,Zebra
+    *
+    * let table;
+    *
+    * function preload() {
+    *   //my table is comma separated value "csv"
+    *   //and has a header specifying the columns labels
+    *   table = loadTable('assets/mammals.csv', 'csv', 'header');
+    * }
+    *
+    * function setup() {
+    *   print(table.getNum(1, 0) + 100);
+    *   //id 1 + 100 = 101
+    *   describe('no image displayed');
+    * }
+    * </code>
+    * </div>
+    */
+
+            },
+            {
+              key: 'getNum',
+              value: function getNum(row, column) {
+                return this.rows[row].getNum(column);
+              }              /**
+    * Retrieves a String value from the Table's specified row and column.
+    * The row is specified by its ID, while the column may be specified by
+    * either its ID or title.
+    *
+    * @method  getString
+    * @param {Integer} row row ID
+    * @param  {String|Integer} column columnName (string) or
+    *                                   ID (number)
+    * @return {String}
+    *
+    * @example
+    * <div class="norender">
+    * <code>
+    * // Given the CSV file "mammals.csv"
+    * // in the project's "assets" folder:
+    * //
+    * // id,species,name
+    * // 0,Capra hircus,Goat
+    * // 1,Panthera pardus,Leopard
+    * // 2,Equus zebra,Zebra
+    *
+    * let table;
+    *
+    * function preload() {
+    *   // table is comma separated value "CSV"
+    *   // and has specifiying header for column labels
+    *   table = loadTable('assets/mammals.csv', 'csv', 'header');
+    * }
+    *
+    * function setup() {
+    *   print(table.getString(0, 0)); // 0
+    *   print(table.getString(0, 1)); // Capra hircus
+    *   print(table.getString(0, 2)); // Goat
+    *   print(table.getString(1, 0)); // 1
+    *   print(table.getString(1, 1)); // Panthera pardus
+    *   print(table.getString(1, 2)); // Leopard
+    *   print(table.getString(2, 0)); // 2
+    *   print(table.getString(2, 1)); // Equus zebra
+    *   print(table.getString(2, 2)); // Zebra
+    *   describe('no image displayed');
+    * }
+    * </code>
+    * </div>
+    */
+
+            },
+            {
+              key: 'getString',
+              value: function getString(row, column) {
+                return this.rows[row].getString(column);
+              }              /**
+    * Retrieves all table data and returns as an object. If a column name is
+    * passed in, each row object will be stored with that attribute as its
+    * title.
+    *
+    * @method  getObject
+    * @param {String} [headerColumn] Name of the column which should be used to
+    *                              title each row object (optional)
+    * @return {Object}
+    *
+    * @example
+    * <div class="norender">
+    * <code>
+    * // Given the CSV file "mammals.csv"
+    * // in the project's "assets" folder:
+    * //
+    * // id,species,name
+    * // 0,Capra hircus,Goat
+    * // 1,Panthera pardus,Leopard
+    * // 2,Equus zebra,Zebra
+    *
+    * let table;
+    *
+    * function preload() {
+    *   //my table is comma separated value "csv"
+    *   //and has a header specifying the columns labels
+    *   table = loadTable('assets/mammals.csv', 'csv', 'header');
+    * }
+    *
+    * function setup() {
+    *   let tableObject = table.getObject();
+    *
+    *   print(tableObject);
+    *   //outputs an object
+    *
+    *   describe('no image displayed');
+    * }
+    * </code>
+    * </div>
+    */
+
+            },
+            {
+              key: 'getObject',
+              value: function getObject(headerColumn) {
+                var tableObject = {
+                };
+                var obj,
+                cPos,
+                index;
+                for (var i = 0; i < this.rows.length; i++) {
+                  obj = this.rows[i].obj;
+                  if (typeof headerColumn === 'string') {
+                    cPos = this.columns.indexOf(headerColumn); // index of columnID
+                    if (cPos >= 0) {
+                      index = obj[headerColumn];
+                      tableObject[index] = obj;
+                    } else {
+                      throw new Error('This table has no column named "'.concat(headerColumn, '"'));
+                    }
+                  } else {
+                    tableObject[i] = this.rows[i].obj;
+                  }
+                }
+                return tableObject;
+              }              /**
+    * Retrieves all table data and returns it as a multidimensional array.
+    *
+    * @method  getArray
+    * @return {Array}
+    *
+    * @example
+    * <div class="norender">
+    * <code>
+    * // Given the CSV file "mammals.csv"
+    * // in the project's "assets" folder
+    * //
+    * // id,species,name
+    * // 0,Capra hircus,Goat
+    * // 1,Panthera pardus,Leoperd
+    * // 2,Equus zebra,Zebra
+    *
+    * let table;
+    *
+    * function preload() {
+    *   // table is comma separated value "CSV"
+    *   // and has specifiying header for column labels
+    *   table = loadTable('assets/mammals.csv', 'csv', 'header');
+    * }
+    *
+    * function setup() {
+    *   let tableArray = table.getArray();
+    *   for (let i = 0; i < tableArray.length; i++) {
+    *     print(tableArray[i]);
+    *   }
+    *   describe('no image displayed');
+    * }
+    * </code>
+    * </div>
+    */
+
+            },
+            {
+              key: 'getArray',
+              value: function getArray() {
+                var tableArray = [
+                ];
+                for (var i = 0; i < this.rows.length; i++) {
+                  tableArray.push(this.rows[i].arr);
+                }
+                return tableArray;
+              }
+            }
+          ]);
+          return _class;
+        }();
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        '../core/main': 298,
+        'core-js/modules/es.array.concat': 169,
+        'core-js/modules/es.array.index-of': 178,
+        'core-js/modules/es.array.join': 180,
+        'core-js/modules/es.array.splice': 185,
+        'core-js/modules/es.regexp.constructor': 204,
+        'core-js/modules/es.regexp.exec': 205,
+        'core-js/modules/es.regexp.to-string': 206,
+        'core-js/modules/es.string.match': 211,
+        'core-js/modules/es.string.replace': 214
+      }
+    ],
+    326: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.array.index-of');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.object.from-entries');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.regexp.exec');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        _dereq_('core-js/modules/es.string.split');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        _dereq_('core-js/modules/es.array.index-of');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.object.from-entries');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.regexp.exec');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        _dereq_('core-js/modules/es.string.split');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            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;
+        } /**
+   * @module IO
+   * @submodule Table
+   * @requires core
+   */
+        /**
+ *  A TableRow object represents a single row of data values,
+ *  stored in columns, from a table.
+ *
+ *  A Table Row contains both an ordered array, and an unordered
+ *  JSON object.
+ *
+ *  @class p5.TableRow
+ *  @constructor
+ *  @param {String} [str]       optional: populate the row with a
+ *                              string of values, separated by the
+ *                              separator
+ *  @param {String} [separator] comma separated values (csv) by default
+ */
+
+        _main.default.TableRow = /*#__PURE__*/ function () {
+          function _class(str, separator) {
+            _classCallCheck(this, _class);
+            var arr = [
+            ];
+            if (str) {
+              separator = separator || ',';
+              arr = str.split(separator);
+            }
+            this.arr = arr;
+            this.obj = Object.fromEntries(arr.entries());
+            this.table = null;
+          }          /**
+  *  Stores a value in the TableRow's specified column.
+  *  The column may be specified by either its ID or title.
+  *
+  *  @method  set
+  *  @param {String|Integer} column Column ID (Number)
+  *                                or Title (String)
+  *  @param {String|Number} value  The value to be stored
+  *
+  * @example
+  * <div class="norender"><code>
+  * // Given the CSV file "mammals.csv" in the project's "assets" folder:
+  * //
+  * // id,species,name
+  * // 0,Capra hircus,Goat
+  * // 1,Panthera pardus,Leopard
+  * // 2,Equus zebra,Zebra
+  *
+  * let table;
+  *
+  * function preload() {
+  *   //my table is comma separated value "csv"
+  *   //and has a header specifying the columns labels
+  *   table = loadTable('assets/mammals.csv', 'csv', 'header');
+  * }
+  *
+  * function setup() {
+  *   let rows = table.getRows();
+  *   for (let r = 0; r < rows.length; r++) {
+  *     rows[r].set('name', 'Unicorn');
+  *   }
+  *
+  *   //print the results
+  *   print(table.getArray());
+  *
+  *   describe('no image displayed');
+  * }
+  * </code></div>
+  */
+
+          _createClass(_class, [
+            {
+              key: 'set',
+              value: function set(column, value) {
+                // if typeof column is string, use .obj
+                if (typeof column === 'string') {
+                  var cPos = this.table.columns.indexOf(column); // index of columnID
+                  if (cPos >= 0) {
+                    this.obj[column] = value;
+                    this.arr[cPos] = value;
+                  } else {
+                    throw new Error('This table has no column named "'.concat(column, '"'));
+                  }
+                } else {
+                  // if typeof column is number, use .arr
+                  if (column < this.table.columns.length) {
+                    this.arr[column] = value;
+                    var cTitle = this.table.columns[column];
+                    this.obj[cTitle] = value;
+                  } else {
+                    throw new Error('Column #'.concat(column, ' is out of the range of this table'));
+                  }
+                }
+              }              /**
+    *  Stores a Float value in the TableRow's specified column.
+    *  The column may be specified by either its ID or title.
+    *
+    *  @method  setNum
+    *  @param {String|Integer} column Column ID (Number)
+    *                                or Title (String)
+    *  @param {Number|String} value  The value to be stored
+    *                                as a Float
+    * @example
+    * <div class="norender"><code>
+    * // Given the CSV file "mammals.csv" in the project's "assets" folder:
+    * //
+    * // id,species,name
+    * // 0,Capra hircus,Goat
+    * // 1,Panthera pardus,Leopard
+    * // 2,Equus zebra,Zebra
+    *
+    * let table;
+    *
+    * function preload() {
+    *   //my table is comma separated value "csv"
+    *   //and has a header specifying the columns labels
+    *   table = loadTable('assets/mammals.csv', 'csv', 'header');
+    * }
+    *
+    * function setup() {
+    *   let rows = table.getRows();
+    *   for (let r = 0; r < rows.length; r++) {
+    *     rows[r].setNum('id', r + 10);
+    *   }
+    *
+    *   print(table.getArray());
+    *
+    *   describe('no image displayed');
+    * }
+    * </code></div>
+    */
+
+            },
+            {
+              key: 'setNum',
+              value: function setNum(column, value) {
+                var floatVal = parseFloat(value);
+                this.set(column, floatVal);
+              }              /**
+    *  Stores a String value in the TableRow's specified column.
+    *  The column may be specified by either its ID or title.
+    *
+    *  @method  setString
+    *  @param {String|Integer} column Column ID (Number)
+    *                                or Title (String)
+    *  @param {String|Number|Boolean|Object} value  The value to be stored
+    *                                as a String
+    * @example
+    * <div class="norender"><code>
+    * // Given the CSV file "mammals.csv" in the project's "assets" folder:
+    * //
+    * // id,species,name
+    * // 0,Capra hircus,Goat
+    * // 1,Panthera pardus,Leopard
+    * // 2,Equus zebra,Zebra
+    *
+    * let table;
+    *
+    * function preload() {
+    *   //my table is comma separated value "csv"
+    *   //and has a header specifying the columns labels
+    *   table = loadTable('assets/mammals.csv', 'csv', 'header');
+    * }
+    *
+    * function setup() {
+    *   let rows = table.getRows();
+    *   for (let r = 0; r < rows.length; r++) {
+    *     let name = rows[r].getString('name');
+    *     rows[r].setString('name', 'A ' + name + ' named George');
+    *   }
+    *
+    *   print(table.getArray());
+    *
+    *   describe('no image displayed');
+    * }
+    * </code></div>
+    */
+
+            },
+            {
+              key: 'setString',
+              value: function setString(column, value) {
+                var stringVal = value.toString();
+                this.set(column, stringVal);
+              }              /**
+    *  Retrieves a value from the TableRow's specified column.
+    *  The column may be specified by either its ID or title.
+    *
+    *  @method  get
+    *  @param  {String|Integer} column columnName (string) or
+    *                                   ID (number)
+    *  @return {String|Number}
+    *
+    * @example
+    * <div class="norender"><code>
+    * // Given the CSV file "mammals.csv" in the project's "assets" folder:
+    * //
+    * // id,species,name
+    * // 0,Capra hircus,Goat
+    * // 1,Panthera pardus,Leopard
+    * // 2,Equus zebra,Zebra
+    *
+    * let table;
+    *
+    * function preload() {
+    *   //my table is comma separated value "csv"
+    *   //and has a header specifying the columns labels
+    *   table = loadTable('assets/mammals.csv', 'csv', 'header');
+    * }
+    *
+    * function setup() {
+    *   let names = [];
+    *   let rows = table.getRows();
+    *   for (let r = 0; r < rows.length; r++) {
+    *     names.push(rows[r].get('name'));
+    *   }
+    *
+    *   print(names);
+    *
+    *   describe('no image displayed');
+    * }
+    * </code></div>
+    */
+
+            },
+            {
+              key: 'get',
+              value: function get(column) {
+                if (typeof column === 'string') {
+                  return this.obj[column];
+                } else {
+                  return this.arr[column];
+                }
+              }              /**
+    *  Retrieves a Float value from the TableRow's specified
+    *  column. The column may be specified by either its ID or
+    *  title.
+    *
+    *  @method  getNum
+    *  @param  {String|Integer} column columnName (string) or
+    *                                   ID (number)
+    *  @return {Number}  Float Floating point number
+    * @example
+    * <div class="norender"><code>
+    * // Given the CSV file "mammals.csv" in the project's "assets" folder:
+    * //
+    * // id,species,name
+    * // 0,Capra hircus,Goat
+    * // 1,Panthera pardus,Leopard
+    * // 2,Equus zebra,Zebra
+    *
+    * let table;
+    *
+    * function preload() {
+    *   //my table is comma separated value "csv"
+    *   //and has a header specifying the columns labels
+    *   table = loadTable('assets/mammals.csv', 'csv', 'header');
+    * }
+    *
+    * function setup() {
+    *   let rows = table.getRows();
+    *   let minId = Infinity;
+    *   let maxId = -Infinity;
+    *   for (let r = 0; r < rows.length; r++) {
+    *     let id = rows[r].getNum('id');
+    *     minId = min(minId, id);
+    *     maxId = min(maxId, id);
+    *   }
+    *   print('minimum id = ' + minId + ', maximum id = ' + maxId);
+    *   describe('no image displayed');
+    * }
+    * </code></div>
+    */
+
+            },
+            {
+              key: 'getNum',
+              value: function getNum(column) {
+                var ret;
+                if (typeof column === 'string') {
+                  ret = parseFloat(this.obj[column]);
+                } else {
+                  ret = parseFloat(this.arr[column]);
+                }
+                if (ret.toString() === 'NaN') {
+                  throw 'Error: '.concat(this.obj[column], ' is NaN (Not a Number)');
+                }
+                return ret;
+              }              /**
+    *  Retrieves an String value from the TableRow's specified
+    *  column. The column may be specified by either its ID or
+    *  title.
+    *
+    *  @method  getString
+    *  @param  {String|Integer} column columnName (string) or
+    *                                   ID (number)
+    *  @return {String}  String
+    * @example
+    * <div class="norender"><code>
+    * // Given the CSV file "mammals.csv" in the project's "assets" folder:
+    * //
+    * // id,species,name
+    * // 0,Capra hircus,Goat
+    * // 1,Panthera pardus,Leopard
+    * // 2,Equus zebra,Zebra
+    *
+    * let table;
+    *
+    * function preload() {
+    *   //my table is comma separated value "csv"
+    *   //and has a header specifying the columns labels
+    *   table = loadTable('assets/mammals.csv', 'csv', 'header');
+    * }
+    *
+    * function setup() {
+    *   let rows = table.getRows();
+    *   let longest = '';
+    *   for (let r = 0; r < rows.length; r++) {
+    *     let species = rows[r].getString('species');
+    *     if (longest.length < species.length) {
+    *       longest = species;
+    *     }
+    *   }
+    *
+    *   print('longest: ' + longest);
+    *
+    *   describe('no image displayed');
+    * }
+    * </code></div>
+    */
+
+            },
+            {
+              key: 'getString',
+              value: function getString(column) {
+                if (typeof column === 'string') {
+                  return this.obj[column].toString();
+                } else {
+                  return this.arr[column].toString();
+                }
+              }
+            }
+          ]);
+          return _class;
+        }();
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        '../core/main': 298,
+        'core-js/modules/es.array.index-of': 178,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.object.from-entries': 195,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.regexp.exec': 205,
+        'core-js/modules/es.regexp.to-string': 206,
+        'core-js/modules/es.string.split': 216,
+        'core-js/modules/web.dom-collections.iterator': 256
+      }
+    ],
+    327: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.number.constructor');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.regexp.exec');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.string.replace');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.number.constructor');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.regexp.exec');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.string.replace');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            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;
+        } /**
+   * @module IO
+   * @submodule Input
+   * @requires core
+   */
+        /**
+ * XML is a representation of an XML object, able to parse XML code. Use
+ * <a href="#/p5/loadXML">loadXML()</a> to load external XML files and create XML objects.
+ *
+ * @class p5.XML
+ * @constructor
+ * @example
+ * <div class='norender'><code>
+ * // The following short XML file called "mammals.xml" is parsed
+ * // in the code below.
+ * //
+ * // <?xml version="1.0"?>
+ * // &lt;mammals&gt;
+ * //   &lt;animal id="0" species="Capra hircus">Goat&lt;/animal&gt;
+ * //   &lt;animal id="1" species="Panthera pardus">Leopard&lt;/animal&gt;
+ * //   &lt;animal id="2" species="Equus zebra">Zebra&lt;/animal&gt;
+ * // &lt;/mammals&gt;
+ *
+ * let xml;
+ *
+ * function preload() {
+ *   xml = loadXML('assets/mammals.xml');
+ * }
+ *
+ * function setup() {
+ *   let children = xml.getChildren('animal');
+ *
+ *   for (let i = 0; i < children.length; i++) {
+ *     let id = children[i].getNum('id');
+ *     let coloring = children[i].getString('species');
+ *     let name = children[i].getContent();
+ *     print(id + ', ' + coloring + ', ' + name);
+ *   }
+ *
+ *   describe('no image displayed');
+ * }
+ *
+ * // Sketch prints:
+ * // 0, Capra hircus, Goat
+ * // 1, Panthera pardus, Leopard
+ * // 2, Equus zebra, Zebra
+ * </code></div>
+ */
+
+        _main.default.XML = /*#__PURE__*/ function () {
+          function _class(DOM) {
+            _classCallCheck(this, _class);
+            if (!DOM) {
+              var xmlDoc = document.implementation.createDocument(null, 'doc');
+              this.DOM = xmlDoc.createElement('root');
+            } else {
+              this.DOM = DOM;
+            }
+          }          /**
+  * Gets a copy of the element's parent. Returns the parent as another
+  * <a href="#/p5.XML">p5.XML</a> object.
+  *
+  * @method getParent
+  * @return {p5.XML}   element parent
+  * @example
+  * <div class='norender'><code>
+  * // The following short XML file called "mammals.xml" is parsed
+  * // in the code below.
+  * //
+  * // <?xml version="1.0"?>
+  * // &lt;mammals&gt;
+  * //   &lt;animal id="0" species="Capra hircus">Goat&lt;/animal&gt;
+  * //   &lt;animal id="1" species="Panthera pardus">Leopard&lt;/animal&gt;
+  * //   &lt;animal id="2" species="Equus zebra">Zebra&lt;/animal&gt;
+  * // &lt;/mammals&gt;
+  *
+  * let xml;
+  *
+  * function preload() {
+  *   xml = loadXML('assets/mammals.xml');
+  * }
+  *
+  * function setup() {
+  *   let children = xml.getChildren('animal');
+  *   let parent = children[1].getParent();
+  *   print(parent.getName());
+  * }
+  *
+  * // Sketch prints:
+  * // mammals
+  * </code></div>
+  */
+
+          _createClass(_class, [
+            {
+              key: 'getParent',
+              value: function getParent() {
+                return new _main.default.XML(this.DOM.parentElement);
+              }              /**
+    *  Gets the element's full name, which is returned as a String.
+    *
+    * @method getName
+    * @return {String} the name of the node
+    * @example&lt;animal
+    * <div class='norender'><code>
+    * // The following short XML file called "mammals.xml" is parsed
+    * // in the code below.
+    * //
+    * // <?xml version="1.0"?>
+    * // &lt;mammals&gt;
+    * //   &lt;animal id="0" species="Capra hircus">Goat&lt;/animal&gt;
+    * //   &lt;animal id="1" species="Panthera pardus">Leopard&lt;/animal&gt;
+    * //   &lt;animal id="2" species="Equus zebra">Zebra&lt;/animal&gt;
+    * // &lt;/mammals&gt;
+    *
+    * let xml;
+    *
+    * function preload() {
+    *   xml = loadXML('assets/mammals.xml');
+    * }
+    *
+    * function setup() {
+    *   print(xml.getName());
+    * }
+    *
+    * // Sketch prints:
+    * // mammals
+    * </code></div>
+    */
+
+            },
+            {
+              key: 'getName',
+              value: function getName() {
+                return this.DOM.tagName;
+              }              /**
+    * Sets the element's name, which is specified as a String.
+    *
+    * @method setName
+    * @param {String} the new name of the node
+    * @example&lt;animal
+    * <div class='norender'><code>
+    * // The following short XML file called "mammals.xml" is parsed
+    * // in the code below.
+    * //
+    * // <?xml version="1.0"?>
+    * // &lt;mammals&gt;
+    * //   &lt;animal id="0" species="Capra hircus">Goat&lt;/animal&gt;
+    * //   &lt;animal id="1" species="Panthera pardus">Leopard&lt;/animal&gt;
+    * //   &lt;animal id="2" species="Equus zebra">Zebra&lt;/animal&gt;
+    * // &lt;/mammals&gt;
+    *
+    * let xml;
+    *
+    * function preload() {
+    *   xml = loadXML('assets/mammals.xml');
+    * }
+    *
+    * function setup() {
+    *   print(xml.getName());
+    *   xml.setName('fish');
+    *   print(xml.getName());
+    * }
+    *
+    * // Sketch prints:
+    * // mammals
+    * // fish
+    * </code></div>
+    */
+
+            },
+            {
+              key: 'setName',
+              value: function setName(name) {
+                var content = this.DOM.innerHTML;
+                var attributes = this.DOM.attributes;
+                var xmlDoc = document.implementation.createDocument(null, 'default');
+                var newDOM = xmlDoc.createElement(name);
+                newDOM.innerHTML = content;
+                for (var i = 0; i < attributes.length; i++) {
+                  newDOM.setAttribute(attributes[i].nodeName, attributes.nodeValue);
+                }
+                this.DOM = newDOM;
+              }              /**
+    * Checks whether or not the element has any children, and returns the result
+    * as a boolean.
+    *
+    * @method hasChildren
+    * @return {boolean}
+    * @example&lt;animal
+    * <div class='norender'><code>
+    * // The following short XML file called "mammals.xml" is parsed
+    * // in the code below.
+    * //
+    * // <?xml version="1.0"?>
+    * // &lt;mammals&gt;
+    * //   &lt;animal id="0" species="Capra hircus">Goat&lt;/animal&gt;
+    * //   &lt;animal id="1" species="Panthera pardus">Leopard&lt;/animal&gt;
+    * //   &lt;animal id="2" species="Equus zebra">Zebra&lt;/animal&gt;
+    * // &lt;/mammals&gt;
+    *
+    * let xml;
+    *
+    * function preload() {
+    *   xml = loadXML('assets/mammals.xml');
+    * }
+    *
+    * function setup() {
+    *   print(xml.hasChildren());
+    * }
+    *
+    * // Sketch prints:
+    * // true
+    * </code></div>
+    */
+
+            },
+            {
+              key: 'hasChildren',
+              value: function hasChildren() {
+                return this.DOM.children.length > 0;
+              }              /**
+    * Get the names of all of the element's children, and returns the names as an
+    * array of Strings. This is the same as looping through and calling <a href="#/p5.XML/getName">getName()</a>
+    * on each child element individually.
+    *
+    * @method listChildren
+    * @return {String[]} names of the children of the element
+    * @example&lt;animal
+    * <div class='norender'><code>
+    * // The following short XML file called "mammals.xml" is parsed
+    * // in the code below.
+    * //
+    * // <?xml version="1.0"?>
+    * // &lt;mammals&gt;
+    * //   &lt;animal id="0" species="Capra hircus">Goat&lt;/animal&gt;
+    * //   &lt;animal id="1" species="Panthera pardus">Leopard&lt;/animal&gt;
+    * //   &lt;animal id="2" species="Equus zebra">Zebra&lt;/animal&gt;
+    * // &lt;/mammals&gt;
+    *
+    * let xml;
+    *
+    * function preload() {
+    *   xml = loadXML('assets/mammals.xml');
+    * }
+    *
+    * function setup() {
+    *   print(xml.listChildren());
+    * }
+    *
+    * // Sketch prints:
+    * // ["animal", "animal", "animal"]
+    * </code></div>
+    */
+
+            },
+            {
+              key: 'listChildren',
+              value: function listChildren() {
+                var arr = [
+                ];
+                for (var i = 0; i < this.DOM.childNodes.length; i++) {
+                  arr.push(this.DOM.childNodes[i].nodeName);
+                }
+                return arr;
+              }              /**
+    * Returns all of the element's children as an array of <a href="#/p5.XML">p5.XML</a> objects. When
+    * the name parameter is specified, then it will return all children that match
+    * that name.
+    *
+    * @method getChildren
+    * @param {String} [name] element name
+    * @return {p5.XML[]} children of the element
+    * @example&lt;animal
+    * <div class='norender'><code>
+    * // The following short XML file called "mammals.xml" is parsed
+    * // in the code below.
+    * //
+    * // <?xml version="1.0"?>
+    * // &lt;mammals&gt;
+    * //   &lt;animal id="0" species="Capra hircus">Goat&lt;/animal&gt;
+    * //   &lt;animal id="1" species="Panthera pardus">Leopard&lt;/animal&gt;
+    * //   &lt;animal id="2" species="Equus zebra">Zebra&lt;/animal&gt;
+    * // &lt;/mammals&gt;
+    *
+    * let xml;
+    *
+    * function preload() {
+    *   xml = loadXML('assets/mammals.xml');
+    * }
+    *
+    * function setup() {
+    *   let animals = xml.getChildren('animal');
+    *
+    *   for (let i = 0; i < animals.length; i++) {
+    *     print(animals[i].getContent());
+    *   }
+    * }
+    *
+    * // Sketch prints:
+    * // "Goat"
+    * // "Leopard"
+    * // "Zebra"
+    * </code></div>
+    */
+
+            },
+            {
+              key: 'getChildren',
+              value: function getChildren(param) {
+                if (param) {
+                  return elementsToP5XML(this.DOM.getElementsByTagName(param));
+                } else {
+                  return elementsToP5XML(this.DOM.children);
+                }
+              }              /**
+    * Returns the first of the element's children that matches the name parameter
+    * or the child of the given index.It returns undefined if no matching
+    * child is found.
+    *
+    * @method getChild
+    * @param {String|Integer} name element name or index
+    * @return {p5.XML}
+    * @example&lt;animal
+    * <div class='norender'><code>
+    * // The following short XML file called "mammals.xml" is parsed
+    * // in the code below.
+    * //
+    * // <?xml version="1.0"?>
+    * // &lt;mammals&gt;
+    * //   &lt;animal id="0" species="Capra hircus">Goat&lt;/animal&gt;
+    * //   &lt;animal id="1" species="Panthera pardus">Leopard&lt;/animal&gt;
+    * //   &lt;animal id="2" species="Equus zebra">Zebra&lt;/animal&gt;
+    * // &lt;/mammals&gt;
+    *
+    * let xml;
+    *
+    * function preload() {
+    *   xml = loadXML('assets/mammals.xml');
+    * }
+    *
+    * function setup() {
+    *   let firstChild = xml.getChild('animal');
+    *   print(firstChild.getContent());
+    * }
+    *
+    * // Sketch prints:
+    * // "Goat"
+    * </code></div>
+    * <div class='norender'><code>
+    * let xml;
+    *
+    * function preload() {
+    *   xml = loadXML('assets/mammals.xml');
+    * }
+    *
+    * function setup() {
+    *   let secondChild = xml.getChild(1);
+    *   print(secondChild.getContent());
+    * }
+    *
+    * // Sketch prints:
+    * // "Leopard"
+    * </code></div>
+    */
+
+            },
+            {
+              key: 'getChild',
+              value: function getChild(param) {
+                if (typeof param === 'string') {
+                  var _iteratorNormalCompletion = true;
+                  var _didIteratorError = false;
+                  var _iteratorError = undefined;
+                  try {
+                    for (var _iterator = this.DOM.children[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+                      var child = _step.value;
+                      if (child.tagName === param) return new _main.default.XML(child);
+                    }
+                  } catch (err) {
+                    _didIteratorError = true;
+                    _iteratorError = err;
+                  } finally {
+                    try {
+                      if (!_iteratorNormalCompletion && _iterator.return != null) {
+                        _iterator.return();
+                      }
+                    } finally {
+                      if (_didIteratorError) {
+                        throw _iteratorError;
+                      }
+                    }
+                  }
+                } else {
+                  return new _main.default.XML(this.DOM.children[param]);
+                }
+              }              /**
+    * Appends a new child to the element. The child can be specified with
+    * either a String, which will be used as the new tag's name, or as a
+    * reference to an existing <a href="#/p5.XML">p5.XML</a> object.
+    * A reference to the newly created child is returned as an <a href="#/p5.XML">p5.XML</a> object.
+    *
+    * @method addChild
+    * @param {p5.XML} node a <a href="#/p5.XML">p5.XML</a> Object which will be the child to be added
+    * @example
+    * <div class='norender'><code>
+    * // The following short XML file called "mammals.xml" is parsed
+    * // in the code below.
+    * //
+    * // <?xml version="1.0"?>
+    * // &lt;mammals&gt;
+    * //   &lt;animal id="0" species="Capra hircus">Goat&lt;/animal&gt;
+    * //   &lt;animal id="1" species="Panthera pardus">Leopard&lt;/animal&gt;
+    * //   &lt;animal id="2" species="Equus zebra">Zebra&lt;/animal&gt;
+    * // &lt;/mammals&gt;
+    *
+    * let xml;
+    *
+    * function preload() {
+    *   xml = loadXML('assets/mammals.xml');
+    * }
+    *
+    * function setup() {
+    *   let child = new p5.XML();
+    *   child.setName('animal');
+    *   child.setAttribute('id', '3');
+    *   child.setAttribute('species', 'Ornithorhynchus anatinus');
+    *   child.setContent('Platypus');
+    *   xml.addChild(child);
+    *
+    *   let animals = xml.getChildren('animal');
+    *   print(animals[animals.length - 1].getContent());
+    * }
+    *
+    * // Sketch prints:
+    * // "Goat"
+    * // "Leopard"
+    * // "Zebra"
+    * </code></div>
+    */
+
+            },
+            {
+              key: 'addChild',
+              value: function addChild(node) {
+                if (node instanceof _main.default.XML) {
+                  this.DOM.appendChild(node.DOM);
+                } else {
+                  // PEND
+                }
+              }              /**
+    * Removes the element specified by name or index.
+    *
+    * @method removeChild
+    * @param {String|Integer} name element name or index
+    * @example
+    * <div class='norender'><code>
+    * // The following short XML file called "mammals.xml" is parsed
+    * // in the code below.
+    * //
+    * // <?xml version="1.0"?>
+    * // &lt;mammals&gt;
+    * //   &lt;animal id="0" species="Capra hircus">Goat&lt;/animal&gt;
+    * //   &lt;animal id="1" species="Panthera pardus">Leopard&lt;/animal&gt;
+    * //   &lt;animal id="2" species="Equus zebra">Zebra&lt;/animal&gt;
+    * // &lt;/mammals&gt;
+    *
+    * let xml;
+    *
+    * function preload() {
+    *   xml = loadXML('assets/mammals.xml');
+    * }
+    *
+    * function setup() {
+    *   xml.removeChild('animal');
+    *   let children = xml.getChildren();
+    *   for (let i = 0; i < children.length; i++) {
+    *     print(children[i].getContent());
+    *   }
+    * }
+    *
+    * // Sketch prints:
+    * // "Leopard"
+    * // "Zebra"
+    * </code></div>
+    * <div class='norender'><code>
+    * let xml;
+    *
+    * function preload() {
+    *   xml = loadXML('assets/mammals.xml');
+    * }
+    *
+    * function setup() {
+    *   xml.removeChild(1);
+    *   let children = xml.getChildren();
+    *   for (let i = 0; i < children.length; i++) {
+    *     print(children[i].getContent());
+    *   }
+    * }
+    *
+    * // Sketch prints:
+    * // "Goat"
+    * // "Zebra"
+    * </code></div>
+    */
+
+            },
+            {
+              key: 'removeChild',
+              value: function removeChild(param) {
+                var ind = - 1;
+                if (typeof param === 'string') {
+                  for (var i = 0; i < this.DOM.children.length; i++) {
+                    if (this.DOM.children[i].tagName === param) {
+                      ind = i;
+                      break;
+                    }
+                  }
+                } else {
+                  ind = param;
+                }
+                if (ind !== - 1) {
+                  this.DOM.removeChild(this.DOM.children[ind]);
+                }
+              }              /**
+    * Counts the specified element's number of attributes, returned as an Number.
+    *
+    * @method getAttributeCount
+    * @return {Integer}
+    * @example
+    * <div class='norender'><code>
+    * // The following short XML file called "mammals.xml" is parsed
+    * // in the code below.
+    * //
+    * // <?xml version="1.0"?>
+    * // &lt;mammals&gt;
+    * //   &lt;animal id="0" species="Capra hircus">Goat&lt;/animal&gt;
+    * //   &lt;animal id="1" species="Panthera pardus">Leopard&lt;/animal&gt;
+    * //   &lt;animal id="2" species="Equus zebra">Zebra&lt;/animal&gt;
+    * // &lt;/mammals&gt;
+    *
+    * let xml;
+    *
+    * function preload() {
+    *   xml = loadXML('assets/mammals.xml');
+    * }
+    *
+    * function setup() {
+    *   let firstChild = xml.getChild('animal');
+    *   print(firstChild.getAttributeCount());
+    * }
+    *
+    * // Sketch prints:
+    * // 2
+    * </code></div>
+    */
+
+            },
+            {
+              key: 'getAttributeCount',
+              value: function getAttributeCount() {
+                return this.DOM.attributes.length;
+              }              /**
+    * Gets all of the specified element's attributes, and returns them as an
+    * array of Strings.
+    *
+    * @method listAttributes
+    * @return {String[]} an array of strings containing the names of attributes
+    * @example
+    * <div class='norender'><code>
+    * // The following short XML file called "mammals.xml" is parsed
+    * // in the code below.
+    * //
+    * // <?xml version="1.0"?>
+    * // &lt;mammals&gt;
+    * //   &lt;animal id="0" species="Capra hircus">Goat&lt;/animal&gt;
+    * //   &lt;animal id="1" species="Panthera pardus">Leopard&lt;/animal&gt;
+    * //   &lt;animal id="2" species="Equus zebra">Zebra&lt;/animal&gt;
+    * // &lt;/mammals&gt;
+    *
+    * let xml;
+    *
+    * function preload() {
+    *   xml = loadXML('assets/mammals.xml');
+    * }
+    *
+    * function setup() {
+    *   let firstChild = xml.getChild('animal');
+    *   print(firstChild.listAttributes());
+    * }
+    *
+    * // Sketch prints:
+    * // ["id", "species"]
+    * </code></div>
+    */
+
+            },
+            {
+              key: 'listAttributes',
+              value: function listAttributes() {
+                var arr = [
+                ];
+                var _iteratorNormalCompletion2 = true;
+                var _didIteratorError2 = false;
+                var _iteratorError2 = undefined;
+                try {
+                  for (var _iterator2 = this.DOM.attributes[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+                    var attribute = _step2.value;
+                    arr.push(attribute.nodeName);
+                  }
+                } catch (err) {
+                  _didIteratorError2 = true;
+                  _iteratorError2 = err;
+                } finally {
+                  try {
+                    if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
+                      _iterator2.return();
+                    }
+                  } finally {
+                    if (_didIteratorError2) {
+                      throw _iteratorError2;
+                    }
+                  }
+                }
+                return arr;
+              }              /**
+    *  Checks whether or not an element has the specified attribute.
+    *
+    * @method hasAttribute
+    * @param {String} the attribute to be checked
+    * @return {boolean} true if attribute found else false
+    * @example
+    * <div class='norender'><code>
+    * // The following short XML file called "mammals.xml" is parsed
+    * // in the code below.
+    * //
+    * // <?xml version="1.0"?>
+    * // &lt;mammals&gt;
+    * //   &lt;animal id="0" species="Capra hircus">Goat&lt;/animal&gt;
+    * //   &lt;animal id="1" species="Panthera pardus">Leopard&lt;/animal&gt;
+    * //   &lt;animal id="2" species="Equus zebra">Zebra&lt;/animal&gt;
+    * // &lt;/mammals&gt;
+    *
+    * let xml;
+    *
+    * function preload() {
+    *   xml = loadXML('assets/mammals.xml');
+    * }
+    *
+    * function setup() {
+    *   let firstChild = xml.getChild('animal');
+    *   print(firstChild.hasAttribute('species'));
+    *   print(firstChild.hasAttribute('color'));
+    * }
+    *
+    * // Sketch prints:
+    * // true
+    * // false
+    * </code></div>
+    */
+
+            },
+            {
+              key: 'hasAttribute',
+              value: function hasAttribute(name) {
+                var obj = {
+                };
+                var _iteratorNormalCompletion3 = true;
+                var _didIteratorError3 = false;
+                var _iteratorError3 = undefined;
+                try {
+                  for (var _iterator3 = this.DOM.attributes[Symbol.iterator](), _step3; !(_iteratorNormalCompletion3 = (_step3 = _iterator3.next()).done); _iteratorNormalCompletion3 = true) {
+                    var attribute = _step3.value;
+                    obj[attribute.nodeName] = attribute.nodeValue;
+                  }
+                } catch (err) {
+                  _didIteratorError3 = true;
+                  _iteratorError3 = err;
+                } finally {
+                  try {
+                    if (!_iteratorNormalCompletion3 && _iterator3.return != null) {
+                      _iterator3.return();
+                    }
+                  } finally {
+                    if (_didIteratorError3) {
+                      throw _iteratorError3;
+                    }
+                  }
+                }
+                return obj[name] ? true : false;
+              }              /**
+    * Returns an attribute value of the element as an Number. If the defaultValue
+    * parameter is specified and the attribute doesn't exist, then defaultValue
+    * is returned. If no defaultValue is specified and the attribute doesn't
+    * exist, the value 0 is returned.
+    *
+    * @method getNum
+    * @param {String} name            the non-null full name of the attribute
+    * @param {Number} [defaultValue]  the default value of the attribute
+    * @return {Number}
+    * @example
+    * <div class='norender'><code>
+    * // The following short XML file called "mammals.xml" is parsed
+    * // in the code below.
+    * //
+    * // <?xml version="1.0"?>
+    * // &lt;mammals&gt;
+    * //   &lt;animal id="0" species="Capra hircus">Goat&lt;/animal&gt;
+    * //   &lt;animal id="1" species="Panthera pardus">Leopard&lt;/animal&gt;
+    * //   &lt;animal id="2" species="Equus zebra">Zebra&lt;/animal&gt;
+    * // &lt;/mammals&gt;
+    *
+    * let xml;
+    *
+    * function preload() {
+    *   xml = loadXML('assets/mammals.xml');
+    * }
+    *
+    * function setup() {
+    *   let firstChild = xml.getChild('animal');
+    *   print(firstChild.getNum('id'));
+    * }
+    *
+    * // Sketch prints:
+    * // 0
+    * </code></div>
+    */
+
+            },
+            {
+              key: 'getNum',
+              value: function getNum(name, defaultValue) {
+                var obj = {
+                };
+                var _iteratorNormalCompletion4 = true;
+                var _didIteratorError4 = false;
+                var _iteratorError4 = undefined;
+                try {
+                  for (var _iterator4 = this.DOM.attributes[Symbol.iterator](), _step4; !(_iteratorNormalCompletion4 = (_step4 = _iterator4.next()).done); _iteratorNormalCompletion4 = true) {
+                    var attribute = _step4.value;
+                    obj[attribute.nodeName] = attribute.nodeValue;
+                  }
+                } catch (err) {
+                  _didIteratorError4 = true;
+                  _iteratorError4 = err;
+                } finally {
+                  try {
+                    if (!_iteratorNormalCompletion4 && _iterator4.return != null) {
+                      _iterator4.return();
+                    }
+                  } finally {
+                    if (_didIteratorError4) {
+                      throw _iteratorError4;
+                    }
+                  }
+                }
+                return Number(obj[name]) || defaultValue || 0;
+              }              /**
+    * Returns an attribute value of the element as an String. If the defaultValue
+    * parameter is specified and the attribute doesn't exist, then defaultValue
+    * is returned. If no defaultValue is specified and the attribute doesn't
+    * exist, null is returned.
+    *
+    * @method getString
+    * @param {String} name            the non-null full name of the attribute
+    * @param {Number} [defaultValue]  the default value of the attribute
+    * @return {String}
+    * @example
+    * <div class='norender'><code>
+    * // The following short XML file called "mammals.xml" is parsed
+    * // in the code below.
+    * //
+    * // <?xml version="1.0"?>
+    * // &lt;mammals&gt;
+    * //   &lt;animal id="0" species="Capra hircus">Goat&lt;/animal&gt;
+    * //   &lt;animal id="1" species="Panthera pardus">Leopard&lt;/animal&gt;
+    * //   &lt;animal id="2" species="Equus zebra">Zebra&lt;/animal&gt;
+    * // &lt;/mammals&gt;
+    *
+    * let xml;
+    *
+    * function preload() {
+    *   xml = loadXML('assets/mammals.xml');
+    * }
+    *
+    * function setup() {
+    *   let firstChild = xml.getChild('animal');
+    *   print(firstChild.getString('species'));
+    * }
+    *
+    * // Sketch prints:
+    * // "Capra hircus"
+    * </code></div>
+    */
+
+            },
+            {
+              key: 'getString',
+              value: function getString(name, defaultValue) {
+                var obj = {
+                };
+                var _iteratorNormalCompletion5 = true;
+                var _didIteratorError5 = false;
+                var _iteratorError5 = undefined;
+                try {
+                  for (var _iterator5 = this.DOM.attributes[Symbol.iterator](), _step5; !(_iteratorNormalCompletion5 = (_step5 = _iterator5.next()).done); _iteratorNormalCompletion5 = true) {
+                    var attribute = _step5.value;
+                    obj[attribute.nodeName] = attribute.nodeValue;
+                  }
+                } catch (err) {
+                  _didIteratorError5 = true;
+                  _iteratorError5 = err;
+                } finally {
+                  try {
+                    if (!_iteratorNormalCompletion5 && _iterator5.return != null) {
+                      _iterator5.return();
+                    }
+                  } finally {
+                    if (_didIteratorError5) {
+                      throw _iteratorError5;
+                    }
+                  }
+                }
+                return obj[name] ? String(obj[name]) : defaultValue || null;
+              }              /**
+    * Sets the content of an element's attribute. The first parameter specifies
+    * the attribute name, while the second specifies the new content.
+    *
+    * @method setAttribute
+    * @param {String} name            the full name of the attribute
+    * @param {Number|String|Boolean} value  the value of the attribute
+    * @example
+    * <div class='norender'><code>
+    * // The following short XML file called "mammals.xml" is parsed
+    * // in the code below.
+    * //
+    * // <?xml version="1.0"?>
+    * // &lt;mammals&gt;
+    * //   &lt;animal id="0" species="Capra hircus">Goat&lt;/animal&gt;
+    * //   &lt;animal id="1" species="Panthera pardus">Leopard&lt;/animal&gt;
+    * //   &lt;animal id="2" species="Equus zebra">Zebra&lt;/animal&gt;
+    * // &lt;/mammals&gt;
+    *
+    * let xml;
+    *
+    * function preload() {
+    *   xml = loadXML('assets/mammals.xml');
+    * }
+    *
+    * function setup() {
+    *   let firstChild = xml.getChild('animal');
+    *   print(firstChild.getString('species'));
+    *   firstChild.setAttribute('species', 'Jamides zebra');
+    *   print(firstChild.getString('species'));
+    * }
+    *
+    * // Sketch prints:
+    * // "Capra hircus"
+    * // "Jamides zebra"
+    * </code></div>
+    */
+
+            },
+            {
+              key: 'setAttribute',
+              value: function setAttribute(name, value) {
+                this.DOM.setAttribute(name, value);
+              }              /**
+    * Returns the content of an element. If there is no such content,
+    * defaultValue is returned if specified, otherwise null is returned.
+    *
+    * @method getContent
+    * @param {String} [defaultValue] value returned if no content is found
+    * @return {String}
+    * @example
+    * <div class='norender'><code>
+    * // The following short XML file called "mammals.xml" is parsed
+    * // in the code below.
+    * //
+    * // <?xml version="1.0"?>
+    * // &lt;mammals&gt;
+    * //   &lt;animal id="0" species="Capra hircus">Goat&lt;/animal&gt;
+    * //   &lt;animal id="1" species="Panthera pardus">Leopard&lt;/animal&gt;
+    * //   &lt;animal id="2" species="Equus zebra">Zebra&lt;/animal&gt;
+    * // &lt;/mammals&gt;
+    *
+    * let xml;
+    *
+    * function preload() {
+    *   xml = loadXML('assets/mammals.xml');
+    * }
+    *
+    * function setup() {
+    *   let firstChild = xml.getChild('animal');
+    *   print(firstChild.getContent());
+    * }
+    *
+    * // Sketch prints:
+    * // "Goat"
+    * </code></div>
+    */
+
+            },
+            {
+              key: 'getContent',
+              value: function getContent(defaultValue) {
+                var str;
+                str = this.DOM.textContent;
+                str = str.replace(/\s\s+/g, ',');
+                return str || defaultValue || null;
+              }              /**
+    * Sets the element's content.
+    *
+    * @method setContent
+    * @param {String} text the new content
+    * @example
+    * <div class='norender'><code>
+    * // The following short XML file called "mammals.xml" is parsed
+    * // in the code below.
+    * //
+    * // <?xml version="1.0"?>
+    * // &lt;mammals&gt;
+    * //   &lt;animal id="0" species="Capra hircus">Goat&lt;/animal&gt;
+    * //   &lt;animal id="1" species="Panthera pardus">Leopard&lt;/animal&gt;
+    * //   &lt;animal id="2" species="Equus zebra">Zebra&lt;/animal&gt;
+    * // &lt;/mammals&gt;
+    *
+    * let xml;
+    *
+    * function preload() {
+    *   xml = loadXML('assets/mammals.xml');
+    * }
+    *
+    * function setup() {
+    *   let firstChild = xml.getChild('animal');
+    *   print(firstChild.getContent());
+    *   firstChild.setContent('Mountain Goat');
+    *   print(firstChild.getContent());
+    * }
+    *
+    * // Sketch prints:
+    * // "Goat"
+    * // "Mountain Goat"
+    * </code></div>
+    */
+
+            },
+            {
+              key: 'setContent',
+              value: function setContent(content) {
+                if (!this.DOM.children.length) {
+                  this.DOM.textContent = content;
+                }
+              }              /**
+    * Serializes the element into a string. This function is useful for preparing
+    * the content to be sent over a http request or saved to file.
+    *
+    * @method serialize
+    * @return {String} Serialized string of the element
+    * @example
+    * <div class='norender'><code>
+    * let xml;
+    *
+    * function preload() {
+    *   xml = loadXML('assets/mammals.xml');
+    * }
+    *
+    * function setup() {
+    *   print(xml.serialize());
+    * }
+    *
+    * // Sketch prints:
+    * // <mammals>
+    * //   <animal id="0" species="Capra hircus">Goat</animal>
+    * //   <animal id="1" species="Panthera pardus">Leopard</animal>
+    * //   <animal id="2" species="Equus zebra">Zebra</animal>
+    * // </mammals>
+    * </code></div>
+    */
+
+            },
+            {
+              key: 'serialize',
+              value: function serialize() {
+                var xmlSerializer = new XMLSerializer();
+                return xmlSerializer.serializeToString(this.DOM);
+              }
+            }
+          ]);
+          return _class;
+        }();
+        function elementsToP5XML(elements) {
+          var arr = [
+          ];
+          for (var i = 0; i < elements.length; i++) {
+            arr.push(new _main.default.XML(elements[i]));
+          }
+          return arr;
+        }
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        '../core/main': 298,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.number.constructor': 191,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.regexp.exec': 205,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.string.replace': 214,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/web.dom-collections.iterator': 256
+      }
+    ],
+    328: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.includes');
+        _dereq_('core-js/modules/es.array.index-of');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.map');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.math.hypot');
+        _dereq_('core-js/modules/es.number.constructor');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.string.includes');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.includes');
+        _dereq_('core-js/modules/es.array.index-of');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.map');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.math.hypot');
+        _dereq_('core-js/modules/es.number.constructor');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.string.includes');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }        /**
+ * @module Math
+ * @submodule Calculation
+ * @for p5
+ * @requires core
+ */
+        /**
+ * Calculates the absolute value of a number. A number's absolute value is its
+ * distance from zero on the number line. -5 and 5 are both five units away
+ * from zero, so calling `abs(-5)` and `abs(5)` both return 5. The absolute
+ * value of a number is always positive.
+ *
+ * @method abs
+ * @param  {Number} n number to compute.
+ * @return {Number}   absolute value of given number.
+ * @example
+ * <div>
+ * <code>
+ * function draw() {
+ *   // Invert the y-axis.
+ *   scale(1, -1);
+ *   translate(0, -height);
+ *
+ *   let centerX = width / 2;
+ *   let x = frameCount;
+ *   let y = abs(x - centerX);
+ *   point(x, y);
+ *
+ *   describe('A series of black dots that form a "V" shape.');
+ * }
+ * </code>
+ * </div>
+ */
+
+        _main.default.prototype.abs = Math.abs;
+        /**
+ * Calculates the closest integer value that is greater than or equal to the
+ * parameter's value. For example, calling `ceil(9.03)` returns the value
+ * 10.
+ *
+ * @method ceil
+ * @param  {Number} n number to round up.
+ * @return {Integer}   rounded up number.
+ * @example
+ * <div>
+ * <code>
+ * // Set the range for RGB values from 0 to 1.
+ * colorMode(RGB, 1);
+ * noStroke();
+ *
+ * let r = 0.3;
+ * fill(r, 0, 0);
+ * rect(0, 0, width / 2, height);
+ *
+ * // Round r up to 1.
+ * r = ceil(r);
+ * fill(r, 0, 0);
+ * rect(width / 2, 0, width / 2, height);
+ *
+ * describe('Two rectangles. The one on the left is dark red and the one on the right is bright red.');
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.ceil = Math.ceil;
+        /**
+ * Constrains a number between a minimum and maximum value.
+ *
+ * @method constrain
+ * @param  {Number} n    number to constrain.
+ * @param  {Number} low  minimum limit.
+ * @param  {Number} high maximum limit.
+ * @return {Number}      constrained number.
+ * @example
+ * <div>
+ * <code>
+ * function draw() {
+ *   background(200);
+ *
+ *   let x = constrain(mouseX, 33, 67);
+ *   let y = 50;
+ *
+ *   strokeWeight(5);
+ *   point(x, y);
+ *
+ *   describe('A black dot drawn on a gray square follows the mouse from left to right. Its movement is constrained to the middle third of the square.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function draw() {
+ *   background(200);
+ *
+ *   // Set boundaries and draw them.
+ *   let leftWall = width * 0.25;
+ *   let rightWall = width * 0.75;
+ *   line(leftWall, 0, leftWall, height);
+ *   line(rightWall, 0, rightWall, height);
+ *
+ *   // Draw a circle that follows the mouse freely.
+ *   fill(255);
+ *   circle(mouseX, height / 3, 9);
+ *
+ *   // Draw a circle that's constrained.
+ *   let xc = constrain(mouseX, leftWall, rightWall);
+ *   fill(0);
+ *   circle(xc, 2 * height / 3, 9);
+ *
+ *   describe('Two vertical lines. Two circles move horizontally with the mouse. One circle stops at the vertical lines.');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.constrain = function (n, low, high) {
+          _main.default._validateParameters('constrain', arguments);
+          return Math.max(Math.min(n, high), low);
+        };
+        /**
+ * Calculates the distance between two points.
+ *
+ * The version of `dist()` with four parameters calculates distance in two
+ * dimensions.
+ *
+ * The version of `dist()` with six parameters calculates distance in three
+ * dimensions.
+ *
+ * Use <a href="#/p5.Vector/dist">p5.Vector.dist()</a> to calculate the
+ * distance between two <a href="#/p5.Vector">p5.Vector</a> objects.
+ *
+ * @method dist
+ * @param  {Number} x1 x-coordinate of the first point.
+ * @param  {Number} y1 y-coordinate of the first point.
+ * @param  {Number} x2 x-coordinate of the second point.
+ * @param  {Number} y2 y-coordinate of the second point.
+ * @return {Number}    distance between the two points.
+ *
+ * @example
+ * <div>
+ * <code>
+ * let x1 = 10;
+ * let y1 = 50;
+ * let x2 = 90;
+ * let y2 = 50;
+ *
+ * line(x1, y1, x2, y2);
+ * strokeWeight(5);
+ * point(x1, y1);
+ * point(x2, y2);
+ *
+ * let d = dist(x1, y1, x2, y2);
+ * text(d, 43, 40);
+ *
+ * describe('Two dots connected by a horizontal line. The number 80 is written above the center of the line.');
+ * </code>
+ * </div>
+ */
+        /**
+ * @method dist
+ * @param  {Number} x1
+ * @param  {Number} y1
+ * @param  {Number} z1 z-coordinate of the first point.
+ * @param  {Number} x2
+ * @param  {Number} y2
+ * @param  {Number} z2 z-coordinate of the second point.
+ * @return {Number}    distance between the two points.
+ */
+        _main.default.prototype.dist = function () {
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
+          _main.default._validateParameters('dist', args);
+          if (args.length === 4) {
+            //2D
+            return Math.hypot(args[2] - args[0], args[3] - args[1]);
+          } else if (args.length === 6) {
+            //3D
+            return Math.hypot(args[3] - args[0], args[4] - args[1], args[5] - args[2]);
+          }
+        };
+        /**
+ * Returns Euler's number e (2.71828...) raised to the power of the `n`
+ * parameter.
+ *
+ * @method exp
+ * @param  {Number} n exponent to raise.
+ * @return {Number}   e^n
+ * @example
+ * <div>
+ * <code>
+ * function draw() {
+ *   // Invert the y-axis.
+ *   scale(1, -1);
+ *   translate(0, -height);
+ *
+ *   let x = frameCount;
+ *   let y = 0.005 * exp(x * 0.1);
+ *   point(x, y);
+ *
+ *   describe('A series of black dots that grow exponentially from left to right.');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.exp = Math.exp;
+        /**
+ * Calculates the closest integer value that is less than or equal to the
+ * value of the `n` parameter.
+ *
+ * @method floor
+ * @param  {Number} n number to round down.
+ * @return {Integer}  rounded down number.
+ * @example
+ * <div>
+ * <code>
+ * // Set the range for RGB values from 0 to 1.
+ * colorMode(RGB, 1);
+ * noStroke();
+ *
+ * let r = 0.8;
+ * fill(r, 0, 0);
+ * rect(0, 0, width / 2, height);
+ *
+ * // Round r down to 0.
+ * r = floor(r);
+ * fill(r, 0, 0);
+ * rect(width / 2, 0, width / 2, height);
+ *
+ * describe('Two rectangles. The one on the left is bright red and the one on the right is black.');
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.floor = Math.floor;
+        /**
+ * Calculates a number between two numbers at a specific increment. The `amt`
+ * parameter is the amount to interpolate between the two numbers. 0.0 is
+ * equal to the first number, 0.1 is very near the first number, 0.5 is
+ * half-way in between, and 1.0 is equal to the second number. The `lerp()`
+ * function is convenient for creating motion along a straight path and for
+ * drawing dotted lines.
+ *
+ * If the value of `amt` is less than 0 or more than 1, `lerp()` will return a
+ * number outside of the original interval. For example, calling
+ * `lerp(0, 10, 1.5)` will return 15.
+ *
+ * @method lerp
+ * @param  {Number} start first value.
+ * @param  {Number} stop  second value.
+ * @param  {Number} amt   number.
+ * @return {Number}       lerped value.
+ * @example
+ * <div>
+ * <code>
+ * let a = 20;
+ * let b = 80;
+ * let c = lerp(a, b, 0.2);
+ * let d = lerp(a, b, 0.5);
+ * let e = lerp(a, b, 0.8);
+ *
+ * let y = 50;
+ *
+ * strokeWeight(5);
+ *
+ * // Draw the original points in black.
+ * stroke(0);
+ * point(a, y);
+ * point(b, y);
+ *
+ * // Draw the lerped points in gray.
+ * stroke(100);
+ * point(c, y);
+ * point(d, y);
+ * point(e, y);
+ *
+ * describe('Five points in a horizontal line. The outer points are black and the inner points are gray.');
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.lerp = function (start, stop, amt) {
+          _main.default._validateParameters('lerp', arguments);
+          return amt * (stop - start) + start;
+        };
+        /**
+ * Calculates the natural logarithm (the base-e logarithm) of a number. This
+ * function expects the `n` parameter to be a value greater than 0.0.
+ *
+ * @method log
+ * @param  {Number} n number greater than 0.
+ * @return {Number}   natural logarithm of n.
+ * @example
+ * <div>
+ * <code>
+ * function draw() {
+ *   // Invert the y-axis.
+ *   scale(1, -1);
+ *   translate(0, -height);
+ *
+ *   let x = frameCount;
+ *   let y = 15 * log(x);
+ *   point(x, y);
+ *
+ *   describe('A series of black dots that get higher slowly from left to right.');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.log = Math.log;
+        /**
+ * Calculates the magnitude, or length, of a vector. A vector is like an arrow
+ * pointing in space. Vectors are commonly used for programming motion.
+ *
+ * Vectors don't have a "start" position because the same arrow can be drawn
+ * anywhere. A vector's magnitude can be thought of as the distance from the
+ * origin (0, 0) to its tip at (x, y). `mag(x, y)` is a shortcut for calling
+ * `dist(0, 0, x, y)`.
+ *
+ * @method mag
+ * @param  {Number} x first component.
+ * @param  {Number} y second component.
+ * @return {Number}   magnitude of vector from (0,0) to (x,y).
+ * @example
+ * <div>
+ * <code>
+ * let x = 30;
+ * let y = 40;
+ * let m = mag(x, y);
+ *
+ * line(0, 0, x, y);
+ * text(m, x, y);
+ *
+ * describe('A diagonal line is drawn from the top left of the canvas. The number 50 is written at the end of the line.');
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.mag = function (x, y) {
+          _main.default._validateParameters('mag', arguments);
+          return Math.hypot(x, y);
+        };
+        /**
+ * Re-maps a number from one range to another.
+ *
+ * For example, calling `map(2, 0, 10, 0, 100)` returns 20. The first three
+ * arguments set the original value to 2 and the original range from 0 to 10.
+ * The last two arguments set the target range from 0 to 100. 20's position
+ * in the target range [0, 100] is proportional to 2's position in the
+ * original range [0, 10].
+ *
+ * @method map
+ * @param  {Number} value  the incoming value to be converted.
+ * @param  {Number} start1 lower bound of the value's current range.
+ * @param  {Number} stop1  upper bound of the value's current range.
+ * @param  {Number} start2 lower bound of the value's target range.
+ * @param  {Number} stop2  upper bound of the value's target range.
+ * @param  {Boolean} [withinBounds] constrain the value to the newly mapped range.
+ * @return {Number}        remapped number.
+ * @example
+ * <div>
+ * <code>
+ * let n = map(7, 0, 10, 0, 100);
+ * text(n, 50, 50);
+ *
+ * describe('The number 70 written in the middle of a gray square.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let x = map(2, 0, 10, 0, width);
+ * circle(x, 50, 10);
+ *
+ * describe('A white circle drawn on the left side of a gray square.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function draw() {
+ *   background(200);
+ *
+ *   let c = map(mouseX, 0, width, 0, 255);
+ *   fill(c);
+ *   circle(50, 50, 20);
+ *
+ *   describe('A circle changes color from black to white as the mouse moves from left to right.');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.map = function (n, start1, stop1, start2, stop2, withinBounds) {
+          _main.default._validateParameters('map', arguments);
+          var newval = (n - start1) / (stop1 - start1) * (stop2 - start2) + start2;
+          if (!withinBounds) {
+            return newval;
+          }
+          if (start2 < stop2) {
+            return this.constrain(newval, start2, stop2);
+          } else {
+            return this.constrain(newval, stop2, start2);
+          }
+        };
+        /**
+ * Returns the largest value in a sequence of numbers.
+ *
+ * The version of `max()` with one parameter interprets it as an array of
+ * numbers and returns the largest number.
+ *
+ * The version of `max()` with two or more parameters interprets them as
+ * individual numbers and returns the largest number.
+ *
+ * @method max
+ * @param  {Number} n0 first number to compare.
+ * @param  {Number} n1 second number to compare.
+ * @return {Number}             maximum number.
+ * @example
+ * <div>
+ * <code>
+ * let m = max(10, 20);
+ * text(m, 50, 50);
+ *
+ * describe('The number 20 written in the middle of a gray square.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let m = max([10, 20]);
+ * text(m, 50, 50);
+ *
+ * describe('The number 20 written in the middle of a gray square.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let numbers = [2, 1, 5, 4, 8, 9];
+ *
+ * // Draw all of the numbers in the array.
+ * noStroke();
+ * let spacing = 15;
+ * numbers.forEach((n, index) => {
+ *   let x = index * spacing;
+ *   let y = 25;
+ *   text(n, x, y);
+ * });
+ *
+ * // Draw the maximum value in the array.
+ * let m = max(numbers);
+ * let maxX = 33;
+ * let maxY = 80;
+ *
+ * textSize(32);
+ * text(m, maxX, maxY);
+ *
+ * describe('The numbers 2 1 5 4 8 9 are written in small text at the top of a gray square. The number 9 is written in large text at the center of the square.');
+ * </code>
+ * </div>
+ */
+        /**
+ * @method max
+ * @param  {Number[]} nums numbers to compare.
+ * @return {Number}
+ */
+        _main.default.prototype.max = function () {
+          var findMax = function findMax(arr) {
+            var max = - Infinity;
+            var _iteratorNormalCompletion = true;
+            var _didIteratorError = false;
+            var _iteratorError = undefined;
+            try {
+              for (var _iterator = arr[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+                var x = _step.value;
+                max = x > max ? x : max;
+              }
+            } catch (err) {
+              _didIteratorError = true;
+              _iteratorError = err;
+            } finally {
+              try {
+                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                  _iterator.return();
+                }
+              } finally {
+                if (_didIteratorError) {
+                  throw _iteratorError;
+                }
+              }
+            }
+            return max;
+          };
+          for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+            args[_key2] = arguments[_key2];
+          }
+          if (args[0] instanceof Array) {
+            return findMax(args[0]);
+          } else {
+            return findMax(args);
+          }
+        };
+        /**
+ * Returns the smallest value in a sequence of numbers.
+ *
+ * The version of `min()` with one parameter interprets it as an array of
+ * numbers and returns the smallest number.
+ *
+ * The version of `min()` with two or more parameters interprets them as
+ * individual numbers and returns the smallest number.
+ *
+ * @method min
+ * @param  {Number} n0 first number to compare.
+ * @param  {Number} n1 second number to compare.
+ * @return {Number}             minimum number.
+ * @example
+ * <div>
+ * <code>
+ * let m = min(10, 20);
+ * text(m, 50, 50);
+ *
+ * describe('The number 10 written in the middle of a gray square.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let m = min([10, 20]);
+ * text(m, 50, 50);
+ *
+ * describe('The number 10 written in the middle of a gray square.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let numbers = [2, 1, 5, 4, 8, 9];
+ *
+ * // Draw all of the numbers in the array.
+ * noStroke();
+ * let spacing = 15;
+ * numbers.forEach((n, index) => {
+ *   let x = index * spacing;
+ *   let y = 25;
+ *   text(n, x, y);
+ * });
+ *
+ * // Draw the minimum value in the array.
+ * let m = min(numbers);
+ * let minX = 33;
+ * let minY = 80;
+ *
+ * textSize(32);
+ * text(m, minX, minY);
+ *
+ * describe('The numbers 2 1 5 4 8 9 are written in small text at the top of a gray square. The number 1 is written in large text at the center of the square.');
+ * </code>
+ * </div>
+ */
+        /**
+ * @method min
+ * @param  {Number[]} nums numbers to compare.
+ * @return {Number}
+ */
+        _main.default.prototype.min = function () {
+          var findMin = function findMin(arr) {
+            var min = Infinity;
+            var _iteratorNormalCompletion2 = true;
+            var _didIteratorError2 = false;
+            var _iteratorError2 = undefined;
+            try {
+              for (var _iterator2 = arr[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+                var x = _step2.value;
+                min = x < min ? x : min;
+              }
+            } catch (err) {
+              _didIteratorError2 = true;
+              _iteratorError2 = err;
+            } finally {
+              try {
+                if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
+                  _iterator2.return();
+                }
+              } finally {
+                if (_didIteratorError2) {
+                  throw _iteratorError2;
+                }
+              }
+            }
+            return min;
+          };
+          for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+            args[_key3] = arguments[_key3];
+          }
+          if (args[0] instanceof Array) {
+            return findMin(args[0]);
+          } else {
+            return findMin(args);
+          }
+        };
+        /**
+ * Maps a number from one range to a value between 0 and 1.
+ *
+ * For example, `norm(2, 0, 10)` returns 0.2. 2's position in the original
+ * range [0, 10] is proportional to 0.2's position in the range [0, 1]. This
+ * is equivalent to calling `map(2, 0, 10, 0, 1)`.
+ *
+ * Numbers outside of the original range are not constrained between 0 and 1.
+ * Out-of-range values are often intentional and useful.
+ *
+ * @method norm
+ * @param  {Number} value incoming value to be normalized.
+ * @param  {Number} start lower bound of the value's current range.
+ * @param  {Number} stop  upper bound of the value's current range.
+ * @return {Number}       normalized number.
+ * @example
+ * <div>
+ * <code>
+ * function draw() {
+ *   // Set the range for RGB values from 0 to 1.
+ *   colorMode(RGB, 1);
+ *
+ *   let r = norm(mouseX, 0, width);
+ *   background(r, 0, 0);
+ *
+ *   describe('A square changes color from black to red as the mouse moves from left to right.');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.norm = function (n, start, stop) {
+          _main.default._validateParameters('norm', arguments);
+          return this.map(n, start, stop, 0, 1);
+        };
+        /**
+ * Calculates exponential expressions such as 2^3.
+ *
+ * For example, `pow(2, 3)` is equivalent to the expression
+ * 2 &times; 2 &times; 2. `pow(2, -3)` is equivalent to 1 &#247;
+ * (2 &times; 2 &times; 2).
+ *
+ * @method pow
+ * @param  {Number} n base of the exponential expression.
+ * @param  {Number} e power by which to raise the base.
+ * @return {Number}   n^e.
+ * @example
+ * <div>
+ * <code>
+ * let base = 3;
+ *
+ * let d = pow(base, 1);
+ * circle(10, 10, d);
+ *
+ * d = pow(base, 2);
+ * circle(20, 20, d);
+ *
+ * d = pow(base, 3);
+ * circle(40, 40, d);
+ *
+ * d = pow(base, 4);
+ * circle(80, 80, d);
+ *
+ * describe('A series of circles that grow exponentially from top left to bottom right.');
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.pow = Math.pow;
+        /**
+ * Calculates the integer closest to the `n` parameter. For example,
+ * `round(133.8)` returns the value 134.
+ *
+ * @method round
+ * @param  {Number} n number to round.
+ * @param  {Number} [decimals] number of decimal places to round to, default is 0.
+ * @return {Integer}  rounded number.
+ * @example
+ * <div>
+ * <code>
+ * let x = round(3.7);
+ * text(x, width / 2, height / 2);
+ *
+ * describe('The number 4 written in middle of canvas.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let x = round(12.782383, 2);
+ * text(x, width / 2, height / 2);
+ *
+ * describe('The number 12.78 written in middle of canvas.');
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.round = function (n, decimals) {
+          if (!decimals) {
+            return Math.round(n);
+          }
+          var multiplier = Math.pow(10, decimals);
+          return Math.round(n * multiplier) / multiplier;
+        };
+        /**
+ * Squares a number, which means multiplying the number by itself. The value
+ * returned is always a positive number.
+ *
+ * For example, `sq(3)` evaluates 3 &times; 3  which is 9. `sq(-3)` evaluates
+ * -3 &times; -3 which is also 9.  Multiplying two negative numbers produces
+ * a positive number.
+ *
+ * @method sq
+ * @param  {Number} n number to square.
+ * @return {Number}   squared number.
+ * @example
+ * <div>
+ * <code>
+ * function draw() {
+ *   // Invert the y-axis.
+ *   scale(1, -1);
+ *   translate(0, -height);
+ *
+ *   let x = frameCount;
+ *   let y = 0.01 * sq(x);
+ *   point(x, y);
+ *
+ *   describe('A series of black dots that get higher quickly from left to right.');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.sq = function (n) {
+          return n * n;
+        };
+        /**
+ * Calculates the square root of a number. A number's square root can be
+ * multiplied by itself to produce the original number.
+ *
+ * For example, `sqrt(9)` returns 3 because 3 &times; 3 = 9. `sqrt()` always
+ * returns a positive value. `sqrt()` doesn't work with negative arguments
+ * such as `sqrt(-9)`.
+ *
+ * @method sqrt
+ * @param  {Number} n non-negative number to square root.
+ * @return {Number}   square root of number.
+ * @example
+ * <div>
+ * <code>
+ * function draw() {
+ *   // Invert the y-axis.
+ *   scale(1, -1);
+ *   translate(0, -height);
+ *
+ *   let x = frameCount;
+ *   let y = 5 * sqrt(x);
+ *   point(x, y);
+ *
+ *   describe('A series of black dots that get higher slowly from left to right.');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.sqrt = Math.sqrt;
+        /**
+ * Calculates the fractional part of a number. For example,
+ * `fract(12.34)` returns 0.34.
+ *
+ * @method fract
+ * @param {Number} n number whose fractional part will be found.
+ * @returns {Number} fractional part of n.
+ * @example
+ * <div>
+ * <code>
+ * let n = 56.78;
+ * text(n, 20, 33);
+ * let f = fract(n);
+ * text(f, 20, 66);
+ *
+ * describe('The number 56.78 written above the number 0.78.');
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.fract = function (toConvert) {
+          _main.default._validateParameters('fract', arguments);
+          var sign = 0;
+          var num = Number(toConvert);
+          if (isNaN(num) || Math.abs(num) === Infinity) {
+            return num;
+          } else if (num < 0) {
+            num = - num;
+            sign = 1;
+          }
+          if (String(num).includes('.') && !String(num).includes('e')) {
+            var toFract = String(num);
+            toFract = Number('0' + toFract.slice(toFract.indexOf('.')));
+            return Math.abs(sign - toFract);
+          } else if (num < 1) {
+            return Math.abs(sign - num);
+          } else {
+            return 0;
+          }
+        };
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        '../core/main': 298,
+        'core-js/modules/es.array.includes': 177,
+        'core-js/modules/es.array.index-of': 178,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.array.map': 182,
+        'core-js/modules/es.array.slice': 183,
+        'core-js/modules/es.math.hypot': 188,
+        'core-js/modules/es.number.constructor': 191,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.string.includes': 209,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/web.dom-collections.iterator': 256
+      }
+    ],
+    329: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.array.concat');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.reflect.construct');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        _dereq_('core-js/modules/es.array.concat');
+        _dereq_('core-js/modules/es.array.slice');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }
+        function isNativeReflectConstruct() {
+          if (typeof Reflect === 'undefined' || !Reflect.construct) return false;
+          if (Reflect.construct.sham) return false;
+          if (typeof Proxy === 'function') return true;
+          try {
+            Date.prototype.toString.call(Reflect.construct(Date, [
+            ], function () {
+            }));
+            return true;
+          } catch (e) {
+            return false;
+          }
+        }
+        function _construct(Parent, args, Class) {
+          if (isNativeReflectConstruct()) {
+            _construct = Reflect.construct;
+          } else {
+            _construct = function _construct(Parent, args, Class) {
+              var a = [
+                null
+              ];
+              a.push.apply(a, args);
+              var Constructor = Function.bind.apply(Parent, a);
+              var instance = new Constructor();
+              if (Class) _setPrototypeOf(instance, Class.prototype);
+              return instance;
+            };
+          }
+          return _construct.apply(null, arguments);
+        }
+        function _setPrototypeOf(o, p) {
+          _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+            o.__proto__ = p;
+            return o;
+          };
+          return _setPrototypeOf(o, p);
+        } /**
+   * @module Math
+   * @submodule Vector
+   * @for p5
+   * @requires core
+   */
+        /**
+ * Creates a new <a href="#/p5.Vector">p5.Vector</a> object. A vector is like
+ * an arrow pointing in space. Vectors have both magnitude (length)
+ * and direction. Calling `createVector()` without arguments sets the new
+ * vector's components to 0.
+ *
+ * <a href="#/p5.Vector">p5.Vector</a> objects are often used to program
+ * motion because they simplify the math. For example, a moving ball has a
+ * position and a velocity. Position describes where the ball is in space. The
+ * ball's position vector extends from the origin to the ball's center.
+ * Velocity describes the ball's speed and the direction it's moving. If the
+ * ball is moving straight up, its velocity vector points straight up. Adding
+ * the ball's velocity vector to its position vector moves it, as in
+ * `pos.add(vel)`. Vector math relies on methods inside the
+ * <a href="#/p5.Vector">p5.Vector</a> class.
+ *
+ * @method createVector
+ * @param {Number} [x] x component of the vector.
+ * @param {Number} [y] y component of the vector.
+ * @param {Number} [z] z component of the vector.
+ * @return {p5.Vector} new <a href="#/p5.Vector">p5.Vector</a> object.
+ * @example
+ * <div>
+ * <code>
+ * let p1 = createVector(25, 25);
+ * let p2 = createVector(50, 50);
+ * let p3 = createVector(75, 75);
+ *
+ * strokeWeight(5);
+ * point(p1);
+ * point(p2);
+ * point(p3);
+ *
+ * describe('Three black dots form a diagonal line from top left to bottom right.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let pos;
+ * let vel;
+ *
+ * function setup() {
+ *   createCanvas(100, 100);
+ *   pos = createVector(width / 2, height);
+ *   vel = createVector(0, -1);
+ * }
+ *
+ * function draw() {
+ *   background(200);
+ *
+ *   pos.add(vel);
+ *
+ *   if (pos.y < 0) {
+ *     pos.y = height;
+ *   }
+ *
+ *   strokeWeight(5);
+ *   point(pos);
+ *
+ *   describe('A black dot moves from bottom to top on a gray square. The dot reappears at the bottom when it reaches the top.');
+ * }
+ * </code>
+ * </div>
+ */
+
+        _main.default.prototype.createVector = function (x, y, z) {
+          if (this instanceof _main.default) {
+            return _construct(_main.default.Vector, [
+              this._fromRadians.bind(this),
+              this._toRadians.bind(this)
+            ].concat(Array.prototype.slice.call(arguments)));
+          } else {
+            return new _main.default.Vector(x, y, z);
+          }
+        };
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        '../core/main': 298,
+        'core-js/modules/es.array.concat': 169,
+        'core-js/modules/es.array.slice': 183,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.reflect.construct': 202,
+        'core-js/modules/es.regexp.to-string': 206
+      }
+    ],
+    330: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }        //////////////////////////////////////////////////////////////
+        // http://mrl.nyu.edu/~perlin/noise/
+        // Adapting from PApplet.java
+        // which was adapted from toxi
+        // which was adapted from the german demo group farbrausch
+        // as used in their demo "art": http://www.farb-rausch.de/fr010src.zip
+        // someday we might consider using "improved noise"
+        // http://mrl.nyu.edu/~perlin/paper445.pdf
+        // See: https://github.com/shiffman/The-Nature-of-Code-Examples-p5.js/
+        //      blob/main/introduction/Noise1D/noise.js
+        /**
+ * @module Math
+ * @submodule Noise
+ * @for p5
+ * @requires core
+ */
+
+        var PERLIN_YWRAPB = 4;
+        var PERLIN_YWRAP = 1 << PERLIN_YWRAPB;
+        var PERLIN_ZWRAPB = 8;
+        var PERLIN_ZWRAP = 1 << PERLIN_ZWRAPB;
+        var PERLIN_SIZE = 4095;
+        var perlin_octaves = 4; // default to medium smooth
+        var perlin_amp_falloff = 0.5; // 50% reduction/octave
+        var scaled_cosine = function scaled_cosine(i) {
+          return 0.5 * (1 - Math.cos(i * Math.PI));
+        };
+        var perlin; // will be initialized lazily by noise() or noiseSeed()
+        /**
+ * Returns random numbers that can be tuned to feel more organic. The values
+ * returned will always be between 0 and 1.
+ *
+ * Values returned by <a href="#/p5/random">random()</a> and
+ * <a href="#/p5/randomGaussian">randomGaussian()</a> can change by large
+ * amounts between function calls. By contrast, values returned by `noise()`
+ * can be made "smooth". Calls to `noise()` with similar inputs will produce
+ * similar outputs. `noise()` is used to create textures, motion, shapes,
+ * terrains, and so on. Ken Perlin invented `noise()` while animating the
+ * original <em>Tron</em> film in the 1980s.
+ *
+ * `noise()` returns the same value for a given input while a sketch is
+ * running. It produces different results each time a sketch runs. The
+ * <a href="#/p5/noiseSeed">noiseSeed()</a> function can be used to generate
+ * the same sequence of Perlin noise values each time a sketch runs.
+ *
+ * The character of the noise can be adjusted in two ways. The first way is to
+ * scale the inputs. `noise()` interprets inputs as coordinates. The sequence
+ * of noise values will be smoother when the input coordinates are closer. The
+ * second way is to use the <a href="#/p5/noiseDetail">noiseDetail()</a>
+ * function.
+ *
+ * The version of `noise()` with one parameter computes noise values in one
+ * dimension. This dimension can be thought of as space, as in `noise(x)`, or
+ * time, as in `noise(t)`.
+ *
+ * The version of `noise()` with two parameters computes noise values in two
+ * dimensions. These dimensions can be thought of as space, as in
+ * `noise(x, y)`, or space and time, as in `noise(x, t)`.
+ *
+ * The version of `noise()` with three parameters computes noise values in
+ * three dimensions. These dimensions can be thought of as space, as in
+ * `noise(x, y, z)`, or space and time, as in `noise(x, y, t)`.
+ *
+ * @method noise
+ * @param  {Number} x   x-coordinate in noise space.
+ * @param  {Number} [y] y-coordinate in noise space.
+ * @param  {Number} [z] z-coordinate in noise space.
+ * @return {Number}     Perlin noise value at specified coordinates.
+ * @example
+ * <div>
+ * <code>
+ * function draw() {
+ *   background(200);
+ *
+ *   let x = 100 * noise(0.005 * frameCount);
+ *   let y = 100 * noise(0.005 * frameCount + 10000);
+ *
+ *   strokeWeight(5);
+ *   point(x, y);
+ *
+ *   describe('A black dot moves randomly on a gray square.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function draw() {
+ *   background(200);
+ *
+ *   let noiseLevel = 100;
+ *   let noiseScale = 0.005;
+ *   // Scale input coordinate.
+ *   let nt = noiseScale * frameCount;
+ *   // Compute noise value.
+ *   let x = noiseLevel * noise(nt);
+ *   let y = noiseLevel * noise(nt + 10000);
+ *   // Render.
+ *   strokeWeight(5);
+ *   point(x, y);
+ *
+ *   describe('A black dot moves randomly on a gray square.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function draw() {
+ *   let noiseLevel = 100;
+ *   let noiseScale = 0.02;
+ *   // Scale input coordinate.
+ *   let x = frameCount;
+ *   let nx = noiseScale * x;
+ *   // Compute noise value.
+ *   let y = noiseLevel * noise(nx);
+ *   // Render.
+ *   line(x, 0, x, y);
+ *
+ *   describe('A hilly terrain drawn in gray against a black sky.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function draw() {
+ *   background(200);
+ *
+ *   let noiseLevel = 100;
+ *   let noiseScale = 0.002;
+ *   for (let x = 0; x < width; x += 1) {
+ *     // Scale input coordinates.
+ *     let nx = noiseScale * x;
+ *     let nt = noiseScale * frameCount;
+ *     // Compute noise value.
+ *     let y = noiseLevel * noise(nx, nt);
+ *     // Render.
+ *     line(x, 0, x, y);
+ *   }
+ *
+ *   describe('A calm sea drawn in gray against a black sky.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let noiseLevel = 255;
+ * let noiseScale = 0.01;
+ * for (let y = 0; y < height; y += 1) {
+ *   for (let x = 0; x < width; x += 1) {
+ *     // Scale input coordinates.
+ *     let nx = noiseScale * x;
+ *     let ny = noiseScale * y;
+ *     // Compute noise value.
+ *     let c = noiseLevel * noise(nx, ny);
+ *     // Render.
+ *     stroke(c);
+ *     point(x, y);
+ *   }
+ * }
+ *
+ * describe('A gray cloudy pattern.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function draw() {
+ *   let noiseLevel = 255;
+ *   let noiseScale = 0.009;
+ *   for (let y = 0; y < height; y += 1) {
+ *     for (let x = 0; x < width; x += 1) {
+ *       // Scale input coordinates.
+ *       let nx = noiseScale * x;
+ *       let ny = noiseScale * y;
+ *       let nt = noiseScale * frameCount;
+ *       // Compute noise value.
+ *       let c = noiseLevel * noise(nx, ny, nt);
+ *       // Render.
+ *       stroke(c);
+ *       point(x, y);
+ *     }
+ *   }
+ *
+ *   describe('A gray cloudy pattern that changes.');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.noise = function (x) {
+          var y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+          var z = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+          if (perlin == null) {
+            perlin = new Array(PERLIN_SIZE + 1);
+            for (var i = 0; i < PERLIN_SIZE + 1; i++) {
+              perlin[i] = Math.random();
+            }
+          }
+          if (x < 0) {
+            x = - x;
+          }
+          if (y < 0) {
+            y = - y;
+          }
+          if (z < 0) {
+            z = - z;
+          }
+          var xi = Math.floor(x),
+          yi = Math.floor(y),
+          zi = Math.floor(z);
+          var xf = x - xi;
+          var yf = y - yi;
+          var zf = z - zi;
+          var rxf,
+          ryf;
+          var r = 0;
+          var ampl = 0.5;
+          var n1,
+          n2,
+          n3;
+          for (var o = 0; o < perlin_octaves; o++) {
+            var of = xi + (yi << PERLIN_YWRAPB) + (zi << PERLIN_ZWRAPB);
+            rxf = scaled_cosine(xf);
+            ryf = scaled_cosine(yf);
+            n1 = perlin[of & PERLIN_SIZE];
+            n1 += rxf * (perlin[of + 1 & PERLIN_SIZE] - n1);
+            n2 = perlin[of + PERLIN_YWRAP & PERLIN_SIZE];
+            n2 += rxf * (perlin[of + PERLIN_YWRAP + 1 & PERLIN_SIZE] - n2);
+            n1 += ryf * (n2 - n1);
+            of += PERLIN_ZWRAP;
+            n2 = perlin[of & PERLIN_SIZE];
+            n2 += rxf * (perlin[of + 1 & PERLIN_SIZE] - n2);
+            n3 = perlin[of + PERLIN_YWRAP & PERLIN_SIZE];
+            n3 += rxf * (perlin[of + PERLIN_YWRAP + 1 & PERLIN_SIZE] - n3);
+            n2 += ryf * (n3 - n2);
+            n1 += scaled_cosine(zf) * (n2 - n1);
+            r += n1 * ampl;
+            ampl *= perlin_amp_falloff;
+            xi <<= 1;
+            xf *= 2;
+            yi <<= 1;
+            yf *= 2;
+            zi <<= 1;
+            zf *= 2;
+            if (xf >= 1) {
+              xi++;
+              xf--;
+            }
+            if (yf >= 1) {
+              yi++;
+              yf--;
+            }
+            if (zf >= 1) {
+              zi++;
+              zf--;
+            }
+          }
+          return r;
+        };
+        /**
+ * Adjusts the character of the noise produced by the
+ * <a href="#/p5/noise">noise()</a> function.
+ *
+ * Perlin noise values are created by adding layers of noise together. The
+ * noise layers, called octaves, are similar to harmonics in music. Lower
+ * octaves contribute more to the output signal. They define the overall
+ * intensity of the noise. Higher octaves create finer-grained details.
+ *
+ * By default, noise values are created by combining four octaves. Each higher
+ * octave contributes half as much (50% less) compared to its predecessor.
+ * `noiseDetail()` changes the number of octaves and the falloff amount. For
+ * example, calling `noiseDetail(6, 0.25)` ensures that
+ * <a href="#/p5/noise">noise()</a> will use six octaves. Each higher octave
+ * will contribute 25% as much (75% less) compared to its predecessor. Falloff
+ * values between 0 and 1 are valid. However, falloff values greater than 0.5
+ * might result in noise values greater than 1.
+ *
+ * @method noiseDetail
+ * @param {Number} lod number of octaves to be used by the noise.
+ * @param {Number} falloff falloff factor for each octave.
+ * @example
+ * <div>
+ * <code>
+ * let noiseLevel = 255;
+ * let noiseScale = 0.02;
+ * for (let y = 0; y < height; y += 1) {
+ *   for (let x = 0; x < width / 2; x += 1) {
+ *     // Scale input coordinates.
+ *     let nx = noiseScale * x;
+ *     let ny = noiseScale * y;
+ *
+ *     // Compute noise value.
+ *     noiseDetail(6, 0.25);
+ *     let c = noiseLevel * noise(nx, ny);
+ *     // Render left side.
+ *     stroke(c);
+ *     point(x, y);
+ *
+ *     // Compute noise value.
+ *     noiseDetail(4, 0.5);
+ *     c = noiseLevel * noise(nx, ny);
+ *     // Render right side.
+ *     stroke(c);
+ *     point(x + width / 2, y);
+ *   }
+ * }
+ *
+ * describe('Two gray cloudy patterns. The pattern on the right is cloudier than the pattern on the left.');
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.noiseDetail = function (lod, falloff) {
+          if (lod > 0) {
+            perlin_octaves = lod;
+          }
+          if (falloff > 0) {
+            perlin_amp_falloff = falloff;
+          }
+        };
+        /**
+ * Sets the seed value for <a href="#/p5/noise">noise()</a>. By default,
+ * <a href="#/p5/noise">noise()</a> produces different results each time
+ * a sketch is run. Calling `noiseSeed()` with a constant
+ * argument, such as `noiseSeed(99)`, makes <a href="#/p5/noise">noise()</a>
+ * produce the same results each time a sketch is run.
+ *
+ * @method noiseSeed
+ * @param {Number} seed   seed value.
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   noiseSeed(99);
+ *   background(255);
+ * }
+ *
+ * function draw() {
+ *   let noiseLevel = 100;
+ *   let noiseScale = 0.005;
+ *   // Scale input coordinate.
+ *   let nt = noiseScale * frameCount;
+ *   // Compute noise value.
+ *   let x = noiseLevel * noise(nt);
+ *   // Render.
+ *   line(x, 0, x, height);
+ *
+ *   describe('A black rectangle that grows randomly, first to the right and then to the left.');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.noiseSeed = function (seed) {
+          // Linear Congruential Generator
+          // Variant of a Lehman Generator
+          var lcg = function () {
+            // Set to values from http://en.wikipedia.org/wiki/Numerical_Recipes
+            // m is basically chosen to be large (as it is the max period)
+            // and for its relationships to a and c
+            var m = 4294967296;
+            // a - 1 should be divisible by m's prime factors
+            var a = 1664525;
+            // c and m should be co-prime
+            var c = 1013904223;
+            var seed,
+            z;
+            return {
+              setSeed: function setSeed(val) {
+                // pick a random seed if val is undefined or null
+                // the >>> 0 casts the seed to an unsigned 32-bit integer
+                z = seed = (val == null ? Math.random() * m : val) >>> 0;
+              },
+              getSeed: function getSeed() {
+                return seed;
+              },
+              rand: function rand() {
+                // define the recurrence relationship
+                z = (a * z + c) % m;
+                // return a float in [0, 1)
+                // if z = m then z / m = 0 therefore (z % m) / m < 1 always
+                return z / m;
+              }
+            };
+          }();
+          lcg.setSeed(seed);
+          perlin = new Array(PERLIN_SIZE + 1);
+          for (var i = 0; i < PERLIN_SIZE + 1; i++) {
+            perlin[i] = lcg.rand();
+          }
+        };
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        '../core/main': 298
+      }
+    ],
+    331: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.concat');
+        _dereq_('core-js/modules/es.array.every');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.array.some');
+        _dereq_('core-js/modules/es.math.sign');
+        _dereq_('core-js/modules/es.number.constructor');
+        _dereq_('core-js/modules/es.number.is-finite');
+        _dereq_('core-js/modules/es.object.get-own-property-descriptor');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.string.sub');
+        _dereq_('core-js/modules/es.weak-map');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        function _typeof2(obj) {
+          if (typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol') {
+            _typeof2 = function _typeof2(obj) {
+              return typeof obj;
+            };
+          } else {
+            _typeof2 = function _typeof2(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj;
+            };
+          }
+          return _typeof2(obj);
+        }
+        function _typeof(obj) {
+          if (typeof Symbol === 'function' && _typeof2(Symbol.iterator) === 'symbol') {
+            _typeof = function _typeof(obj) {
+              return _typeof2(obj);
+            };
+          } else {
+            _typeof = function _typeof(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : _typeof2(obj);
+            };
+          }
+          return _typeof(obj);
+        }
+        _dereq_('core-js/modules/es.array.concat');
+        _dereq_('core-js/modules/es.array.every');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.array.some');
+        _dereq_('core-js/modules/es.math.sign');
+        _dereq_('core-js/modules/es.number.constructor');
+        _dereq_('core-js/modules/es.number.is-finite');
+        _dereq_('core-js/modules/es.string.sub');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        var constants = _interopRequireWildcard(_dereq_('../core/constants'));
+        function _getRequireWildcardCache() {
+          if (typeof WeakMap !== 'function') return null;
+          var cache = new WeakMap();
+          _getRequireWildcardCache = function _getRequireWildcardCache() {
+            return cache;
+          };
+          return cache;
+        }
+        function _interopRequireWildcard(obj) {
+          if (obj && obj.__esModule) {
+            return obj;
+          }
+          if (obj === null || _typeof(obj) !== 'object' && typeof obj !== 'function') {
+            return {
+            default:
+              obj
+            };
+          }
+          var cache = _getRequireWildcardCache();
+          if (cache && cache.has(obj)) {
+            return cache.get(obj);
+          }
+          var newObj = {
+          };
+          var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+          for (var key in obj) {
+            if (Object.prototype.hasOwnProperty.call(obj, key)) {
+              var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+              if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+              } else {
+                newObj[key] = obj[key];
+              }
+            }
+          }
+          newObj.default = obj;
+          if (cache) {
+            cache.set(obj, newObj);
+          }
+          return newObj;
+        }
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            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;
+        } /**
+   * @module Math
+   * @submodule Vector
+   * @requires constants
+   */
+        /// HELPERS FOR REMAINDER METHOD
+
+        var calculateRemainder2D = function calculateRemainder2D(xComponent, yComponent) {
+          if (xComponent !== 0) {
+            this.x = this.x % xComponent;
+          }
+          if (yComponent !== 0) {
+            this.y = this.y % yComponent;
+          }
+          return this;
+        };
+        var calculateRemainder3D = function calculateRemainder3D(xComponent, yComponent, zComponent) {
+          if (xComponent !== 0) {
+            this.x = this.x % xComponent;
+          }
+          if (yComponent !== 0) {
+            this.y = this.y % yComponent;
+          }
+          if (zComponent !== 0) {
+            this.z = this.z % zComponent;
+          }
+          return this;
+        };
+        /**
+ * A class to describe a two or three-dimensional vector. A vector is like an
+ * arrow pointing in space. Vectors have both magnitude (length) and
+ * direction.
+ *
+ * `p5.Vector` objects are often used to program motion because they simplify
+ * the math. For example, a moving ball has a position and a velocity.
+ * Position describes where the ball is in space. The ball's position vector
+ * extends from the origin to the ball's center. Velocity describes the ball's
+ * speed and the direction it's moving. If the ball is moving straight up, its
+ * velocity vector points straight up. Adding the ball's velocity vector to
+ * its position vector moves it, as in `pos.add(vel)`. Vector math relies on
+ * methods inside the `p5.Vector` class.
+ *
+ * @class p5.Vector
+ * @constructor
+ * @param {Number} [x] x component of the vector.
+ * @param {Number} [y] y component of the vector.
+ * @param {Number} [z] z component of the vector.
+ * @example
+ * <div>
+ * <code>
+ * let p1 = createVector(25, 25);
+ * let p2 = createVector(75, 75);
+ *
+ * strokeWeight(5);
+ * point(p1);
+ * point(p2.x, p2.y);
+ *
+ * describe('Two black dots on a gray square, one at the top left and the other at the bottom right.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let pos;
+ * let vel;
+ *
+ * function setup() {
+ *   createCanvas(100, 100);
+ *   pos = createVector(width / 2, height);
+ *   vel = createVector(0, -1);
+ * }
+ *
+ * function draw() {
+ *   background(200);
+ *
+ *   pos.add(vel);
+ *
+ *   if (pos.y < 0) {
+ *     pos.y = height;
+ *   }
+ *
+ *   strokeWeight(5);
+ *   point(pos);
+ *
+ *   describe('A black dot moves from bottom to top on a gray square. The dot reappears at the bottom when it reaches the top.');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.Vector = /*#__PURE__*/ function () {
+          // This is how it comes in with createVector()
+          // This check if the first argument is a function
+          function _class() {
+            _classCallCheck(this, _class);
+            var x,
+            y,
+            z;
+            if (typeof (arguments.length <= 0 ? undefined : arguments[0]) === 'function') {
+              this.isPInst = true;
+              this._fromRadians = arguments.length <= 0 ? undefined : arguments[0];
+              this._toRadians = arguments.length <= 1 ? undefined : arguments[1];
+              x = (arguments.length <= 2 ? undefined : arguments[2]) || 0;
+              y = (arguments.length <= 3 ? undefined : arguments[3]) || 0;
+              z = (arguments.length <= 4 ? undefined : arguments[4]) || 0;
+              // This is what we'll get with new p5.Vector()
+            } else {
+              x = (arguments.length <= 0 ? undefined : arguments[0]) || 0;
+              y = (arguments.length <= 1 ? undefined : arguments[1]) || 0;
+              z = (arguments.length <= 2 ? undefined : arguments[2]) || 0;
+            }            /**
+     * The x component of the vector
+     * @type {Number}
+     * @property x
+     * @name x
+     */
+
+            this.x = x;
+            /**
+     * The y component of the vector
+     * @type {Number}
+     * @property y
+     * @name y
+     */
+            this.y = y;
+            /**
+     * The z component of the vector
+     * @type {Number}
+     * @property z
+     * @name z
+     */
+            this.z = z;
+          }          /**
+  * Returns a string representation of a vector. This method is useful for
+  * printing vectors to the console while debugging.
+  * @method  toString
+  * @return {String} string representation of the vector.
+  * @example
+  * <div class = "norender">
+  * <code>
+  * function setup() {
+  *   let v = createVector(20, 30);
+  *   // Prints 'p5.Vector Object : [20, 30, 0]'.
+  *   print(v.toString());
+  * }
+  * </code>
+  * </div>
+  */
+
+          _createClass(_class, [
+            {
+              key: 'toString',
+              value: function toString() {
+                return 'p5.Vector Object : ['.concat(this.x, ', ').concat(this.y, ', ').concat(this.z, ']');
+              }              /**
+    * Sets the `x`, `y`, and `z` components of the vector using separate numbers,
+    * a <a href="#/p5.Vector">p5.Vector</a> object, or an array of numbers.
+    * Calling `set()` with no arguments sets the vector's components to 0.
+    *
+    * @method set
+    * @param {Number} [x] x component of the vector.
+    * @param {Number} [y] y component of the vector.
+    * @param {Number} [z] z component of the vector.
+    * @chainable
+    * @example
+    * <div>
+    * <code>
+    * strokeWeight(5);
+    *
+    * // Top left.
+    * let pos = createVector(25, 25);
+    * point(pos);
+    *
+    * // Top right.
+    * pos.set(75, 25);
+    * point(pos);
+    *
+    * // Bottom right.
+    * let p2 = createVector(75, 75);
+    * pos.set(p2);
+    * point(pos);
+    *
+    * // Bottom left.
+    * let arr = [25, 75];
+    * pos.set(arr);
+    * point(pos);
+    *
+    * describe('Four black dots arranged in a square on a gray background.');
+    * </code>
+    * </div>
+    */
+              /**
+    * @method set
+    * @param {p5.Vector|Number[]} value vector to set.
+    * @chainable
+    */
+
+            },
+            {
+              key: 'set',
+              value: function set(x, y, z) {
+                if (x instanceof _main.default.Vector) {
+                  this.x = x.x || 0;
+                  this.y = x.y || 0;
+                  this.z = x.z || 0;
+                  return this;
+                }
+                if (Array.isArray(x)) {
+                  this.x = x[0] || 0;
+                  this.y = x[1] || 0;
+                  this.z = x[2] || 0;
+                  return this;
+                }
+                this.x = x || 0;
+                this.y = y || 0;
+                this.z = z || 0;
+                return this;
+              }              /**
+    * Returns a copy of the <a href="#/p5.Vector">p5.Vector</a> object.
+    *
+    * @method copy
+    * @return {p5.Vector} copy of the <a href="#/p5.Vector">p5.Vector</a> object.
+    * @example
+    * <div>
+    * <code>
+    * let pos = createVector(50, 50);
+    * let pc = pos.copy();
+    *
+    * strokeWeight(5);
+    * point(pc);
+    *
+    * describe('A black point drawn in the middle of a gray square.');
+    * </code>
+    * </div>
+    */
+
+            },
+            {
+              key: 'copy',
+              value: function copy() {
+                if (this.isPInst) {
+                  return new _main.default.Vector(this._fromRadians, this._toRadians, this.x, this.y, this.z);
+                } else {
+                  return new _main.default.Vector(this.x, this.y, this.z);
+                }
+              }              /**
+    * Adds to a vector's `x`, `y`, and `z` components using separate numbers,
+    * another <a href="#/p5.Vector">p5.Vector</a> object, or an array of numbers.
+    * Calling `add()` with no arguments has no effect.
+    *
+    * The static version of `add()`, as in `p5.Vector.add(v2, v1)`, returns a new
+    * <a href="#/p5.Vector">p5.Vector</a> object and doesn't change the
+    * originals.
+    *
+    * @method add
+    * @param  {Number} x   x component of the vector to be added.
+    * @param  {Number} [y] y component of the vector to be added.
+    * @param  {Number} [z] z component of the vector to be added.
+    * @chainable
+    * @example
+    * <div>
+    * <code>
+    * strokeWeight(5);
+    *
+    * // Top left.
+    * let pos = createVector(25, 25);
+    * point(pos);
+    *
+    * // Top right.
+    * pos.add(50, 0);
+    * point(pos);
+    *
+    * // Bottom right.
+    * let p2 = createVector(0, 50);
+    * pos.add(p2);
+    * point(pos);
+    *
+    * // Bottom left.
+    * let arr = [-50, 0];
+    * pos.add(arr);
+    * point(pos);
+    *
+    * describe('Four black dots arranged in a square on a gray background.');
+    * </code>
+    * </div>
+    *
+    * <div>
+    * <code>
+    * // Top left.
+    * let p1 = createVector(25, 25);
+    *
+    * // Center.
+    * let p2 = createVector(50, 50);
+    *
+    * // Bottom right.
+    * let p3 = p5.Vector.add(p1, p2);
+    *
+    * strokeWeight(5);
+    * point(p1);
+    * point(p2);
+    * point(p3);
+    *
+    * describe('Three black dots in a diagonal line from top left to bottom right.');
+    * </code>
+    * </div>
+    *
+    * <div>
+    * <code>
+    * function draw() {
+    *   background(200);
+    *
+    *   let origin = createVector(0, 0);
+    *   let v1 = createVector(50, 50);
+    *   drawArrow(origin, v1, 'red');
+    *
+    *   let v2 = createVector(-30, 20);
+    *   drawArrow(v1, v2, 'blue');
+    *
+    *   let v3 = p5.Vector.add(v1, v2);
+    *   drawArrow(origin, v3, 'purple');
+    *
+    *   describe('Three arrows drawn on a gray square. A red arrow extends from the top left corner to the center. A blue arrow extends from the tip of the red arrow. A purple arrow extends from the origin to the tip of the blue arrow.');
+    * }
+    *
+    * function drawArrow(base, vec, myColor) {
+    *   push();
+    *   stroke(myColor);
+    *   strokeWeight(3);
+    *   fill(myColor);
+    *   translate(base.x, base.y);
+    *   line(0, 0, vec.x, vec.y);
+    *   rotate(vec.heading());
+    *   let arrowSize = 7;
+    *   translate(vec.mag() - arrowSize, 0);
+    *   triangle(0, arrowSize / 2, 0, -arrowSize / 2, arrowSize, 0);
+    *   pop();
+    * }
+    * </code>
+    * </div>
+    */
+              /**
+    * @method add
+    * @param  {p5.Vector|Number[]} value The vector to add
+    * @chainable
+    */
+
+            },
+            {
+              key: 'add',
+              value: function add(x, y, z) {
+                if (x instanceof _main.default.Vector) {
+                  this.x += x.x || 0;
+                  this.y += x.y || 0;
+                  this.z += x.z || 0;
+                  return this;
+                }
+                if (Array.isArray(x)) {
+                  this.x += x[0] || 0;
+                  this.y += x[1] || 0;
+                  this.z += x[2] || 0;
+                  return this;
+                }
+                this.x += x || 0;
+                this.y += y || 0;
+                this.z += z || 0;
+                return this;
+              }              /**
+    * Performs modulo (remainder) division with a vector's `x`, `y`, and `z`
+    * components using separate numbers, another
+    * <a href="#/p5.Vector">p5.Vector</a> object, or an array of numbers.
+    *
+    * The static version of `rem()` as in `p5.Vector.rem(v2, v1)`, returns a new
+    * <a href="#/p5.Vector">p5.Vector</a> object and doesn't change the
+    * originals.
+    *
+    * @method rem
+    * @param {Number} x x component of divisor vector.
+    * @param {Number} y y component of divisor vector.
+    * @param {Number} z z component of divisor vector.
+    * @chainable
+    * @example
+    * <div class='norender'>
+    * <code>
+    * let v = createVector(3, 4, 5);
+    * v.rem(2, 3, 4);
+    * // Prints 'p5.Vector Object : [1, 1, 1]'.
+    * print(v.toString());
+    * </code>
+    * </div>
+    *
+    * <div class='norender'>
+    * <code>
+    * let v1 = createVector(3, 4, 5);
+    * let v2 = createVector(2, 3, 4);
+    * v1.rem(v2);
+    *
+    * // Prints 'p5.Vector Object : [1, 1, 1]'.
+    * print(v1.toString());
+    * </code>
+    * </div>
+    *
+    * <div class='norender'>
+    * <code>
+    * let v = createVector(3, 4, 5);
+    * let arr = [2, 3, 4];
+    * v.rem(arr);
+    *
+    * // Prints 'p5.Vector Object : [1, 1, 1]'.
+    * print(v.toString());
+    * </code>
+    * </div>
+    *
+    * <div class="norender">
+    * <code>
+    * let v1 = createVector(3, 4, 5);
+    * let v2 = createVector(2, 3, 4);
+    * let v3 = p5.Vector.rem(v1, v2);
+    *
+    * // Prints 'p5.Vector Object : [1, 1, 1]'.
+    * print(v3.toString());
+    * </code>
+    * </div>
+    */
+              /**
+    * @method rem
+    * @param {p5.Vector | Number[]}  value  divisor vector.
+    * @chainable
+    */
+
+            },
+            {
+              key: 'rem',
+              value: function rem(x, y, z) {
+                if (x instanceof _main.default.Vector) {
+                  if ([x.x,
+                  x.y,
+                  x.z].every(Number.isFinite)) {
+                    var xComponent = parseFloat(x.x);
+                    var yComponent = parseFloat(x.y);
+                    var zComponent = parseFloat(x.z);
+                    return calculateRemainder3D.call(this, xComponent, yComponent, zComponent);
+                  }
+                } else if (Array.isArray(x)) {
+                  if (x.every(function (element) {
+                    return Number.isFinite(element);
+                  })) {
+                    if (x.length === 2) {
+                      return calculateRemainder2D.call(this, x[0], x[1]);
+                    }
+                    if (x.length === 3) {
+                      return calculateRemainder3D.call(this, x[0], x[1], x[2]);
+                    }
+                  }
+                } else if (arguments.length === 1) {
+                  if (Number.isFinite(arguments[0]) && arguments[0] !== 0) {
+                    this.x = this.x % arguments[0];
+                    this.y = this.y % arguments[0];
+                    this.z = this.z % arguments[0];
+                    return this;
+                  }
+                } else if (arguments.length === 2) {
+                  var vectorComponents = Array.prototype.slice.call(arguments);
+                  if (vectorComponents.every(function (element) {
+                    return Number.isFinite(element);
+                  })) {
+                    if (vectorComponents.length === 2) {
+                      return calculateRemainder2D.call(this, vectorComponents[0], vectorComponents[1]);
+                    }
+                  }
+                } else if (arguments.length === 3) {
+                  var _vectorComponents = Array.prototype.slice.call(arguments);
+                  if (_vectorComponents.every(function (element) {
+                    return Number.isFinite(element);
+                  })) {
+                    if (_vectorComponents.length === 3) {
+                      return calculateRemainder3D.call(this, _vectorComponents[0], _vectorComponents[1], _vectorComponents[2]);
+                    }
+                  }
+                }
+              }              /**
+    * Subtracts from a vector's `x`, `y`, and `z` components using separate
+    * numbers, another <a href="#/p5.Vector">p5.Vector</a> object, or an array of
+    * numbers. Calling `sub()` with no arguments has no effect.
+    *
+    * The static version of `sub()`, as in `p5.Vector.sub(v2, v1)`, returns a new
+    * <a href="#/p5.Vector">p5.Vector</a> object and doesn't change the
+    * originals.
+    *
+    * @method sub
+    * @param  {Number} x   x component of the vector to subtract.
+    * @param  {Number} [y] y component of the vector to subtract.
+    * @param  {Number} [z] z component of the vector to subtract.
+    * @chainable
+    * @example
+    * <div>
+    * <code>
+    * strokeWeight(5);
+    *
+    * // Bottom right.
+    * let pos = createVector(75, 75);
+    * point(pos);
+    *
+    * // Top right.
+    * pos.sub(0, 50);
+    * point(pos);
+    *
+    * // Top left.
+    * let p2 = createVector(50, 0);
+    * pos.sub(p2);
+    * point(pos);
+    *
+    * // Bottom left.
+    * let arr = [0, -50];
+    * pos.sub(arr);
+    * point(pos);
+    *
+    * describe('Four black dots arranged in a square on a gray background.');
+    * </code>
+    * </div>
+    *
+    * <div>
+    * <code>
+    * // Bottom right.
+    * let p1 = createVector(75, 75);
+    *
+    * // Center.
+    * let p2 = createVector(50, 50);
+    *
+    * // Top left.
+    * let p3 = p5.Vector.sub(p1, p2);
+    *
+    * strokeWeight(5);
+    * point(p1);
+    * point(p2);
+    * point(p3);
+    *
+    * describe('Three black dots in a diagonal line from top left to bottom right.');
+    * </code>
+    * </div>
+    *
+    * <div>
+    * <code>
+    * function draw() {
+    *   background(200);
+    *
+    *   let origin = createVector(0, 0);
+    *   let v1 = createVector(50, 50);
+    *   drawArrow(origin, v1, 'red');
+    *
+    *   let v2 = createVector(20, 70);
+    *   drawArrow(origin, v2, 'blue');
+    *
+    *   let v3 = p5.Vector.sub(v2, v1);
+    *   drawArrow(v1, v3, 'purple');
+    *
+    *   describe('Three arrows drawn on a gray square. A red and a blue arrow extend from the top left. A purple arrow extends from the tip of the red arrow to the tip of the blue arrow.');
+    * }
+    *
+    * function drawArrow(base, vec, myColor) {
+    *   push();
+    *   stroke(myColor);
+    *   strokeWeight(3);
+    *   fill(myColor);
+    *   translate(base.x, base.y);
+    *   line(0, 0, vec.x, vec.y);
+    *   rotate(vec.heading());
+    *   let arrowSize = 7;
+    *   translate(vec.mag() - arrowSize, 0);
+    *   triangle(0, arrowSize / 2, 0, -arrowSize / 2, arrowSize, 0);
+    *   pop();
+    * }
+    * </code>
+    * </div>
+    */
+              /**
+    * @method sub
+    * @param  {p5.Vector|Number[]} value the vector to subtract
+    * @chainable
+    */
+
+            },
+            {
+              key: 'sub',
+              value: function sub(x, y, z) {
+                if (x instanceof _main.default.Vector) {
+                  this.x -= x.x || 0;
+                  this.y -= x.y || 0;
+                  this.z -= x.z || 0;
+                  return this;
+                }
+                if (Array.isArray(x)) {
+                  this.x -= x[0] || 0;
+                  this.y -= x[1] || 0;
+                  this.z -= x[2] || 0;
+                  return this;
+                }
+                this.x -= x || 0;
+                this.y -= y || 0;
+                this.z -= z || 0;
+                return this;
+              }              /**
+    * Multiplies a vector's `x`, `y`, and `z` components by the same number,
+    * separate numbers, the components of another
+    * <a href="#/p5.Vector">p5.Vector</a> object, or an array of numbers. Calling
+    * `mult()` with no arguments has no effect.
+    *
+    * The static version of `mult()`, as in `p5.Vector.mult(v, 2)`, returns a new
+    * <a href="#/p5.Vector">p5.Vector</a> object and doesn't change the
+    * originals.
+    *
+    * @method mult
+    * @param  {Number} n The number to multiply with the vector
+    * @chainable
+    * @example
+    * <div>
+    * <code>
+    * strokeWeight(5);
+    *
+    * let p = createVector(25, 25);
+    * point(p);
+    *
+    * p.mult(2);
+    * point(p);
+    *
+    * describe('Two black dots drawn on a gray square. One dot is in the top left corner and the other is in the center.');
+    * </code>
+    * </div>
+    *
+    * <div>
+    * <code>
+    * strokeWeight(5);
+    *
+    * let p = createVector(25, 25);
+    * point(p);
+    *
+    * p.mult(2, 3);
+    * point(p);
+    *
+    * describe('Two black dots drawn on a gray square. One dot is in the top left corner and the other is in the bottom center.');
+    * </code>
+    * </div>
+    *
+    * <div>
+    * <code>
+    * strokeWeight(5);
+    *
+    * let p = createVector(25, 25);
+    * point(p);
+    *
+    * let arr = [2, 3];
+    * p.mult(arr);
+    * point(p);
+    *
+    * describe('Two black dots drawn on a gray square. One dot is in the top left corner and the other is in the bottom center.');
+    * </code>
+    * </div>
+    *
+    * <div>
+    * <code>
+    * strokeWeight(5);
+    *
+    * let p = createVector(25, 25);
+    * point(p);
+    *
+    * let p2 = createVector(2, 3);
+    * p.mult(p2);
+    * point(p);
+    *
+    * describe('Two black dots drawn on a gray square. One dot is in the top left corner and the other is in the bottom center.');
+    * </code>
+    * </div>
+    *
+    * <div>
+    * <code>
+    * strokeWeight(5);
+    *
+    * let p = createVector(25, 25);
+    * point(p);
+    *
+    * let p2 = createVector(2, 3);
+    * let p3 = p5.Vector.mult(p, p2);
+    * point(p3);
+    *
+    * describe('Two black dots drawn on a gray square. One dot is in the top left corner and the other is in the bottom center.');
+    * </code>
+    * </div>
+    *
+    * <div>
+    * <code>
+    * function draw() {
+    *   background(200);
+    *
+    *   let origin = createVector(0, 0);
+    *   let v1 = createVector(25, 25);
+    *   drawArrow(origin, v1, 'red');
+    *
+    *   let v2 = p5.Vector.mult(v1, 2);
+    *   drawArrow(origin, v2, 'blue');
+    *
+    *   describe('Two arrows extending from the top left corner. The blue arrow is twice the length of the red arrow.');
+    * }
+    *
+    * function drawArrow(base, vec, myColor) {
+    *   push();
+    *   stroke(myColor);
+    *   strokeWeight(3);
+    *   fill(myColor);
+    *   translate(base.x, base.y);
+    *   line(0, 0, vec.x, vec.y);
+    *   rotate(vec.heading());
+    *   let arrowSize = 7;
+    *   translate(vec.mag() - arrowSize, 0);
+    *   triangle(0, arrowSize / 2, 0, -arrowSize / 2, arrowSize, 0);
+    *   pop();
+    * }
+    * </code>
+    * </div>
+    */
+              /**
+    * @method mult
+    * @param  {Number} x number to multiply with the x component of the vector.
+    * @param  {Number} y number to multiply with the y component of the vector.
+    * @param  {Number} [z] number to multiply with the z component of the vector.
+    * @chainable
+    */
+              /**
+    * @method mult
+    * @param  {Number[]} arr array to multiply with the components of the vector.
+    * @chainable
+    */
+              /**
+    * @method mult
+    * @param  {p5.Vector} v vector to multiply with the components of the original vector.
+    * @chainable
+    */
+
+            },
+            {
+              key: 'mult',
+              value: function mult(x, y, z) {
+                if (x instanceof _main.default.Vector) {
+                  // new p5.Vector will check that values are valid upon construction but it's possible
+                  // that someone could change the value of a component after creation, which is why we still
+                  // perform this check
+                  if (Number.isFinite(x.x) && Number.isFinite(x.y) && Number.isFinite(x.z) && typeof x.x === 'number' && typeof x.y === 'number' && typeof x.z === 'number') {
+                    this.x *= x.x;
+                    this.y *= x.y;
+                    this.z *= x.z;
+                  } else {
+                    console.warn('p5.Vector.prototype.mult:', 'x contains components that are either undefined or not finite numbers');
+                  }
+                  return this;
+                }
+                if (Array.isArray(x)) {
+                  if (x.every(function (element) {
+                    return Number.isFinite(element);
+                  }) && x.every(function (element) {
+                    return typeof element === 'number';
+                  })) {
+                    if (x.length === 1) {
+                      this.x *= x[0];
+                      this.y *= x[0];
+                      this.z *= x[0];
+                    } else if (x.length === 2) {
+                      this.x *= x[0];
+                      this.y *= x[1];
+                    } else if (x.length === 3) {
+                      this.x *= x[0];
+                      this.y *= x[1];
+                      this.z *= x[2];
+                    }
+                  } else {
+                    console.warn('p5.Vector.prototype.mult:', 'x contains elements that are either undefined or not finite numbers');
+                  }
+                  return this;
+                }
+                var vectorComponents = Array.prototype.slice.call(arguments);
+                if (vectorComponents.every(function (element) {
+                  return Number.isFinite(element);
+                }) && vectorComponents.every(function (element) {
+                  return typeof element === 'number';
+                })) {
+                  if (arguments.length === 1) {
+                    this.x *= x;
+                    this.y *= x;
+                    this.z *= x;
+                  }
+                  if (arguments.length === 2) {
+                    this.x *= x;
+                    this.y *= y;
+                  }
+                  if (arguments.length === 3) {
+                    this.x *= x;
+                    this.y *= y;
+                    this.z *= z;
+                  }
+                } else {
+                  console.warn('p5.Vector.prototype.mult:', 'x, y, or z arguments are either undefined or not a finite number');
+                }
+                return this;
+              }              /**
+    * Divides a vector's `x`, `y`, and `z` components by the same number,
+    * separate numbers, the components of another
+    * <a href="#/p5.Vector">p5.Vector</a> object, or an array of numbers. Calling
+    * `div()` with no arguments has no effect.
+    *
+    * The static version of `div()`, as in `p5.Vector.div(v, 2)`, returns a new
+    * <a href="#/p5.Vector">p5.Vector</a> object and doesn't change the
+    * originals.
+    *
+    * @method div
+    * @param  {number}    n The number to divide the vector by
+    * @chainable
+    * @example
+    * <div>
+    * <code>
+    * strokeWeight(5);
+    *
+    * let p = createVector(50, 50);
+    * point(p);
+    *
+    * p.div(2);
+    * point(p);
+    *
+    * describe('Two black dots drawn on a gray square. One dot is in the top left corner and the other is in the center.');
+    * </code>
+    * </div>
+    *
+    * <div>
+    * <code>
+    * strokeWeight(5);
+    *
+    * let p = createVector(50, 75);
+    * point(p);
+    *
+    * p.div(2, 3);
+    * point(p);
+    *
+    * describe('Two black dots drawn on a gray square. One dot is in the top left corner and the other is in the bottom center.');
+    * </code>
+    * </div>
+    *
+    * <div>
+    * <code>
+    * strokeWeight(5);
+    *
+    * let p = createVector(50, 75);
+    * point(p);
+    *
+    * let arr = [2, 3];
+    * p.div(arr);
+    * point(p);
+    *
+    * describe('Two black dots drawn on a gray square. One dot is in the top left corner and the other is in the bottom center.');
+    * </code>
+    * </div>
+    *
+    * <div>
+    * <code>
+    * strokeWeight(5);
+    *
+    * let p = createVector(50, 75);
+    * point(p);
+    *
+    * let p2 = createVector(2, 3);
+    * p.div(p2);
+    * point(p);
+    *
+    * describe('Two black dots drawn on a gray square. One dot is in the top left corner and the other is in the bottom center.');
+    * </code>
+    * </div>
+    *
+    * <div>
+    * <code>
+    * strokeWeight(5);
+    *
+    * let p = createVector(50, 75);
+    * point(p);
+    *
+    * let p2 = createVector(2, 3);
+    * let p3 = p5.Vector.div(p, p2);
+    * point(p3);
+    *
+    * describe('Two black dots drawn on a gray square. One dot is in the top left corner and the other is in the bottom center.');
+    * </code>
+    * </div>
+    *
+    * <div>
+    * <code>
+    * function draw() {
+    *   background(200);
+    *
+    *   let origin = createVector(0, 0);
+    *   let v1 = createVector(50, 50);
+    *   drawArrow(origin, v1, 'red');
+    *
+    *   let v2 = p5.Vector.div(v1, 2);
+    *   drawArrow(origin, v2, 'blue');
+    *
+    *   describe('Two arrows extending from the top left corner. The blue arrow is half the length of the red arrow.');
+    * }
+    *
+    * function drawArrow(base, vec, myColor) {
+    *   push();
+    *   stroke(myColor);
+    *   strokeWeight(3);
+    *   fill(myColor);
+    *   translate(base.x, base.y);
+    *   line(0, 0, vec.x, vec.y);
+    *   rotate(vec.heading());
+    *   let arrowSize = 7;
+    *   translate(vec.mag() - arrowSize, 0);
+    *   triangle(0, arrowSize / 2, 0, -arrowSize / 2, arrowSize, 0);
+    *   pop();
+    * }
+    * </code>
+    * </div>
+    */
+              /**
+    * @method div
+    * @param  {Number} x number to divide with the x component of the vector.
+    * @param  {Number} y number to divide with the y component of the vector.
+    * @param  {Number} [z] number to divide with the z component of the vector.
+    * @chainable
+    */
+              /**
+    * @method div
+    * @param  {Number[]} arr array to divide the components of the vector by.
+    * @chainable
+    */
+              /**
+    * @method div
+    * @param  {p5.Vector} v vector to divide the components of the original vector by.
+    * @chainable
+    */
+
+            },
+            {
+              key: 'div',
+              value: function div(x, y, z) {
+                if (x instanceof _main.default.Vector) {
+                  // new p5.Vector will check that values are valid upon construction but it's possible
+                  // that someone could change the value of a component after creation, which is why we still
+                  // perform this check
+                  if (Number.isFinite(x.x) && Number.isFinite(x.y) && Number.isFinite(x.z) && typeof x.x === 'number' && typeof x.y === 'number' && typeof x.z === 'number') {
+                    var isLikely2D = x.z === 0 && this.z === 0;
+                    if (x.x === 0 || x.y === 0 || !isLikely2D && x.z === 0) {
+                      console.warn('p5.Vector.prototype.div:', 'divide by 0');
+                      return this;
+                    }
+                    this.x /= x.x;
+                    this.y /= x.y;
+                    if (!isLikely2D) {
+                      this.z /= x.z;
+                    }
+                  } else {
+                    console.warn('p5.Vector.prototype.div:', 'x contains components that are either undefined or not finite numbers');
+                  }
+                  return this;
+                }
+                if (Array.isArray(x)) {
+                  if (x.every(function (element) {
+                    return Number.isFinite(element);
+                  }) && x.every(function (element) {
+                    return typeof element === 'number';
+                  })) {
+                    if (x.some(function (element) {
+                      return element === 0;
+                    })) {
+                      console.warn('p5.Vector.prototype.div:', 'divide by 0');
+                      return this;
+                    }
+                    if (x.length === 1) {
+                      this.x /= x[0];
+                      this.y /= x[0];
+                      this.z /= x[0];
+                    } else if (x.length === 2) {
+                      this.x /= x[0];
+                      this.y /= x[1];
+                    } else if (x.length === 3) {
+                      this.x /= x[0];
+                      this.y /= x[1];
+                      this.z /= x[2];
+                    }
+                  } else {
+                    console.warn('p5.Vector.prototype.div:', 'x contains components that are either undefined or not finite numbers');
+                  }
+                  return this;
+                }
+                var vectorComponents = Array.prototype.slice.call(arguments);
+                if (vectorComponents.every(function (element) {
+                  return Number.isFinite(element);
+                }) && vectorComponents.every(function (element) {
+                  return typeof element === 'number';
+                })) {
+                  if (vectorComponents.some(function (element) {
+                    return element === 0;
+                  })) {
+                    console.warn('p5.Vector.prototype.div:', 'divide by 0');
+                    return this;
+                  }
+                  if (arguments.length === 1) {
+                    this.x /= x;
+                    this.y /= x;
+                    this.z /= x;
+                  }
+                  if (arguments.length === 2) {
+                    this.x /= x;
+                    this.y /= y;
+                  }
+                  if (arguments.length === 3) {
+                    this.x /= x;
+                    this.y /= y;
+                    this.z /= z;
+                  }
+                } else {
+                  console.warn('p5.Vector.prototype.div:', 'x, y, or z arguments are either undefined or not a finite number');
+                }
+                return this;
+              }              /**
+    * Returns the magnitude (length) of the vector.
+    *
+    * @method mag
+    * @return {Number} magnitude of the vector.
+    * @example
+    * <div>
+    * <code>
+    * let p = createVector(30, 40);
+    * line(0, 0, p.x, p.y);
+    *
+    * let m = p.mag();
+    * text(m, p.x, p.y);
+    *
+    * describe('A diagonal black line extends from the top left corner of a gray square. The number 50 is written at the end of the line.');
+    * </code>
+    * </div>
+    */
+
+            },
+            {
+              key: 'mag',
+              value: function mag() {
+                return Math.sqrt(this.magSq());
+              }              /**
+    * Returns the magnitude (length) of the vector squared.
+    *
+    * @method magSq
+    * @return {number} squared magnitude of the vector.
+    * @example
+    * <div>
+    * <code>
+    * let p = createVector(30, 40);
+    * line(0, 0, p.x, p.y);
+    *
+    * let m = p.magSq();
+    * text(m, p.x, p.y);
+    *
+    * describe('A diagonal black line extends from the top left corner of a gray square. The number 2500 is written at the end of the line.');
+    * </code>
+    * </div>
+    */
+
+            },
+            {
+              key: 'magSq',
+              value: function magSq() {
+                var x = this.x;
+                var y = this.y;
+                var z = this.z;
+                return x * x + y * y + z * z;
+              }              /**
+    * Returns the dot product of two vectors. The dot product is a number that
+    * describes the overlap between two vectors. Visually, the dot product can be
+    * thought of as the "shadow" one vector casts on another. The dot product's
+    * magnitude is largest when two vectors point in the same or opposite
+    * directions. Its magnitude is 0 when two vectors form a right angle.
+    *
+    * The version of `dot()` with one parameter interprets it as another
+    * <a href="#/p5.Vector">p5.Vector</a> object.
+    *
+    * The version of `dot()` with multiple parameters interprets them as the
+    * `x`, `y`, and `z` components of another vector.
+    *
+    * The static version of `dot()`, as in `p5.Vector.dot(v1, v2)`, is the same
+    * as calling `v1.dot(v2)`.
+    *
+    * @method dot
+    * @param  {Number} x   x component of the vector.
+    * @param  {Number} [y] y component of the vector.
+    * @param  {Number} [z] z component of the vector.
+    * @return {Number}     dot product.
+    *
+    * @example
+    * <div class="norender">
+    * <code>
+    * let v1 = createVector(3, 4);
+    * let v2 = createVector(3, 0);
+    * let dp = v1.dot(v2);
+    * // Prints "9" to the console.
+    * print(dp);
+    * </code>
+    * </div>
+    *
+    * <div class="norender">
+    * <code>
+    * let v1 = createVector(1, 0);
+    * let v2 = createVector(0, 1);
+    * let dp = p5.Vector.dot(v1, v2);
+    * // Prints "0" to the console.
+    * print(dp);
+    * </code>
+    * </div>
+    *
+    * <div>
+    * <code>
+    * function draw() {
+    *   background(200);
+    *
+    *   let v0 = createVector(width / 2, height / 2);
+    *   let v1 = createVector(30, 0);
+    *   drawArrow(v0, v1, 'black');
+    *
+    *   let v2 = createVector(mouseX - width / 2, mouseY - height / 2);
+    *   drawArrow(v0, v2, 'red');
+    *
+    *   let dp = v2.dot(v1);
+    *   text(`v2 • v1 = ${dp}`, 15, 20);
+    *
+    *   describe('Two arrows drawn on a gray square. A black arrow points to the right and a red arrow follows the mouse. The text "v1 • v2 = something" changes as the mouse moves.');
+    * }
+    *
+    * function drawArrow(base, vec, myColor) {
+    *   push();
+    *   stroke(myColor);
+    *   strokeWeight(3);
+    *   fill(myColor);
+    *   translate(base.x, base.y);
+    *   line(0, 0, vec.x, vec.y);
+    *   rotate(vec.heading());
+    *   let arrowSize = 7;
+    *   translate(vec.mag() - arrowSize, 0);
+    *   triangle(0, arrowSize / 2, 0, -arrowSize / 2, arrowSize, 0);
+    *   pop();
+    * }
+    * </code>
+    * </div>
+    */
+              /**
+    * @method dot
+    * @param  {p5.Vector} v <a href="#/p5.Vector">p5.Vector</a> to be dotted.
+    * @return {Number}
+    */
+
+            },
+            {
+              key: 'dot',
+              value: function dot(x, y, z) {
+                if (x instanceof _main.default.Vector) {
+                  return this.dot(x.x, x.y, x.z);
+                }
+                return this.x * (x || 0) + this.y * (y || 0) + this.z * (z || 0);
+              }              /**
+    * Returns the cross product of two vectors. The cross product is a vector
+    * that points straight out of the plane created by two vectors. The cross
+    * product's magnitude is the area of the parallelogram formed by the original
+    * two vectors.
+    *
+    * The static version of `cross()`, as in `p5.Vector.cross(v1, v2)`, is the same
+    * as calling `v1.cross(v2)`.
+    *
+    * @method cross
+    * @param  {p5.Vector} v <a href="#/p5.Vector">p5.Vector</a> to be crossed.
+    * @return {p5.Vector}   cross product as a <a href="#/p5.Vector">p5.Vector</a>.
+    * @example
+    * <div class="norender">
+    * <code>
+    * let v1 = createVector(1, 0);
+    * let v2 = createVector(3, 4);
+    * let cp = v1.cross(v2);
+    * // Prints "p5.Vector Object : [0, 0, 4]" to the console.
+    * print(cp.toString());
+    * </code>
+    * </div>
+    *
+    * <div class="norender">
+    * <code>
+    * let v1 = createVector(1, 0);
+    * let v2 = createVector(3, 4);
+    * let cp = p5.Vector.cross(v1, v2);
+    * // Prints "p5.Vector Object : [0, 0, 4]" to the console.
+    * print(cp.toString());
+    * </code>
+    * </div>
+    */
+
+            },
+            {
+              key: 'cross',
+              value: function cross(v) {
+                var x = this.y * v.z - this.z * v.y;
+                var y = this.z * v.x - this.x * v.z;
+                var z = this.x * v.y - this.y * v.x;
+                if (this.isPInst) {
+                  return new _main.default.Vector(this._fromRadians, this._toRadians, x, y, z);
+                } else {
+                  return new _main.default.Vector(x, y, z);
+                }
+              }              /**
+    * Returns the distance between two points represented by vectors. A point's
+    * coordinates can be thought of as a vector's components.
+    *
+    * The static version of `dist()`, as in `p5.Vector.dist(v1, v2)`, is the same
+    * as calling `v1.dist(v2)`.
+    *
+    * Use <a href="#/p5/dist">dist()</a> to calculate the distance between points
+    * using coordinates as in `dist(x1, y1, x2, y2)`.
+    *
+    * @method dist
+    * @param  {p5.Vector} v x, y, and z coordinates of a <a href="#/p5.Vector">p5.Vector</a>.
+    * @return {Number}      distance.
+    * @example
+    * <div class="norender">
+    * <code>
+    * let v1 = createVector(1, 0);
+    * let v2 = createVector(0, 1);
+    * let d = v1.dist(v2);
+    * // Prints "1.414..." to the console.
+    * print(d);
+    * </code>
+    * </div>
+    *
+    * <div class="norender">
+    * <code>
+    * let v1 = createVector(1, 0);
+    * let v2 = createVector(0, 1);
+    * let d = p5.Vector.dist(v1, v2);
+    * // Prints "1.414..." to the console.
+    * print(d);
+    * </code>
+    * </div>
+    *
+    * <div>
+    * <code>
+    * function draw() {
+    *   background(200);
+    *
+    *   let origin = createVector(0, 0);
+    *   let v1 = createVector(50, 50);
+    *   drawArrow(origin, v1, 'red');
+    *
+    *   let v2 = createVector(20, 70);
+    *   drawArrow(origin, v2, 'blue');
+    *
+    *   let v3 = p5.Vector.sub(v2, v1);
+    *   drawArrow(v1, v3, 'purple');
+    *
+    *   let m = floor(v3.mag());
+    *   text(m, 50, 75);
+    *
+    *   describe('Three arrows drawn on a gray square. A red and a blue arrow extend from the top left. A purple arrow extends from the tip of the red arrow to the tip of the blue arrow. The number 36 is written in black near the purple arrow.');
+    * }
+    *
+    * function drawArrow(base, vec, myColor) {
+    *   push();
+    *   stroke(myColor);
+    *   strokeWeight(3);
+    *   fill(myColor);
+    *   translate(base.x, base.y);
+    *   line(0, 0, vec.x, vec.y);
+    *   rotate(vec.heading());
+    *   let arrowSize = 7;
+    *   translate(vec.mag() - arrowSize, 0);
+    *   triangle(0, arrowSize / 2, 0, -arrowSize / 2, arrowSize, 0);
+    *   pop();
+    * }
+    * </code>
+    * </div>
+    */
+
+            },
+            {
+              key: 'dist',
+              value: function dist(v) {
+                return v.copy().sub(this).mag();
+              }              /**
+    * Scales the components of a <a href="#/p5.Vector">p5.Vector</a> object so
+    * that its magnitude is 1.
+    *
+    * The static version of `normalize()`,  as in `p5.Vector.normalize(v)`,
+    * returns a new <a href="#/p5.Vector">p5.Vector</a> object and doesn't change
+    * the original.
+    *
+    * @method normalize
+    * @return {p5.Vector} normalized <a href="#/p5.Vector">p5.Vector</a>.
+    * @example
+    * <div class="norender">
+    * <code>
+    * let v = createVector(10, 20, 2);
+    * v.normalize();
+    * // Prints "p5.Vector Object : [0.445..., 0.890..., 0.089...]" to the console.
+    * print(v.toString());
+    * </code>
+    * </div>
+    *
+    * <div class="norender">
+    * <code>
+    * let v0 = createVector(10, 20, 2);
+    * let v1 = p5.Vector.normalize(v0);
+    * // Prints "p5.Vector Object : [10, 20, 2]" to the console.
+    * print(v0.toString());
+    * // Prints "p5.Vector Object : [0.445..., 0.890..., 0.089...]" to the console.
+    * print(v1.toString());
+    * </code>
+    * </div>
+    *
+    * <div>
+    * <code>
+    * function draw() {
+    *   background(240);
+    *
+    *   let v0 = createVector(50, 50);
+    *   let v1 = createVector(mouseX - 50, mouseY - 50);
+    *
+    *   let r = 25;
+    *   drawArrow(v0, v1, 'red');
+    *   v1.normalize();
+    *   drawArrow(v0, v1.mult(r), 'blue');
+    *
+    *   noFill();
+    *   circle(50, 50, r * 2);
+    *
+    *   describe("A red and blue arrow extend from the center of a circle. Both arrows follow the mouse, but the blue arrow's length is fixed to the circle's radius.");
+    * }
+    *
+    * function drawArrow(base, vec, myColor) {
+    *   push();
+    *   stroke(myColor);
+    *   strokeWeight(3);
+    *   fill(myColor);
+    *   translate(base.x, base.y);
+    *   line(0, 0, vec.x, vec.y);
+    *   rotate(vec.heading());
+    *   let arrowSize = 7;
+    *   translate(vec.mag() - arrowSize, 0);
+    *   triangle(0, arrowSize / 2, 0, -arrowSize / 2, arrowSize, 0);
+    *   pop();
+    * }
+    * </code>
+    * </div>
+    */
+
+            },
+            {
+              key: 'normalize',
+              value: function normalize() {
+                var len = this.mag();
+                // here we multiply by the reciprocal instead of calling 'div()'
+                // since div duplicates this zero check.
+                if (len !== 0) this.mult(1 / len);
+                return this;
+              }              /**
+    * Limits a vector's magnitude to a maximum value.
+    *
+    * The static version of `limit()`, as in `p5.Vector.limit(v, 5)`, returns a
+    * new <a href="#/p5.Vector">p5.Vector</a> object and doesn't change the
+    * original.
+    *
+    * @method limit
+    * @param  {Number}    max maximum magnitude for the vector.
+    * @chainable
+    * @example
+    * <div class="norender">
+    * <code>
+    * let v = createVector(10, 20, 2);
+    * v.limit(5);
+    * // Prints "p5.Vector Object : [2.227..., 4.454..., 0.445...]" to the console.
+    * print(v.toString());
+    * </code>
+    * </div>
+    *
+    * <div class="norender">
+    * <code>
+    * let v0 = createVector(10, 20, 2);
+    * let v1 = p5.Vector.limit(v0, 5);
+    * // Prints "p5.Vector Object : [2.227..., 4.454..., 0.445...]" to the console.
+    * print(v1.toString());
+    * </code>
+    * </div>
+    *
+    * <div>
+    * <code>
+    * function draw() {
+    *   background(240);
+    *
+    *   let v0 = createVector(50, 50);
+    *   let v1 = createVector(mouseX - 50, mouseY - 50);
+    *
+    *   let r = 25;
+    *   drawArrow(v0, v1, 'red');
+    *   drawArrow(v0, v1.limit(r), 'blue');
+    *
+    *   noFill();
+    *   circle(50, 50, r * 2);
+    *
+    *   describe("A red and blue arrow extend from the center of a circle. Both arrows follow the mouse, but the blue arrow never crosses the circle's edge.");
+    * }
+    *
+    * function drawArrow(base, vec, myColor) {
+    *   push();
+    *   stroke(myColor);
+    *   strokeWeight(3);
+    *   fill(myColor);
+    *   translate(base.x, base.y);
+    *   line(0, 0, vec.x, vec.y);
+    *   rotate(vec.heading());
+    *   let arrowSize = 7;
+    *   translate(vec.mag() - arrowSize, 0);
+    *   triangle(0, arrowSize / 2, 0, -arrowSize / 2, arrowSize, 0);
+    *   pop();
+    * }
+    * </code>
+    * </div>
+    */
+
+            },
+            {
+              key: 'limit',
+              value: function limit(max) {
+                var mSq = this.magSq();
+                if (mSq > max * max) {
+                  this.div(Math.sqrt(mSq)) //normalize it
+                  .mult(max);
+                }
+                return this;
+              }              /**
+    * Sets a vector's magnitude to a given value.
+    *
+    * The static version of `setMag()`, as in `p5.Vector.setMag(v, 10)`, returns
+    * a new <a href="#/p5.Vector">p5.Vector</a> object and doesn't change the
+    * original.
+    *
+    * @method setMag
+    * @param  {number}    len new length for this vector.
+    * @chainable
+    * @example
+    * <div class="norender">
+    * <code>
+    * let v = createVector(3, 4, 0);
+    * // Prints "5" to the console.
+    * print(v.mag());
+    *
+    * v.setMag(10);
+    * // Prints "p5.Vector Object : [6, 8, 0]" to the console.
+    * print(v.toString());
+    * </code>
+    * </div>
+    *
+    * <div class="norender">
+    * <code>
+    * let v0 = createVector(3, 4, 0);
+    * let v1 = p5.Vector.setMag(v0, 10);
+    * // Prints "5" to the console.
+    * print(v0.mag());
+    * // Prints "p5.Vector Object : [6, 8, 0]" to the console.
+    * print(v1.toString());
+    * </code>
+    * </div>
+    *
+    * <div>
+    * <code>
+    * function draw() {
+    *   background(240);
+    *
+    *   let origin = createVector(0, 0);
+    *   let v = createVector(50, 50);
+    *
+    *   drawArrow(origin, v, 'red');
+    *
+    *   v.setMag(30);
+    *   drawArrow(origin, v, 'blue');
+    *
+    *   describe('Two arrows extend from the top left corner of a square toward its center. The red arrow reaches the center and the blue arrow only extends part of the way.');
+    * }
+    *
+    * function drawArrow(base, vec, myColor) {
+    *   push();
+    *   stroke(myColor);
+    *   strokeWeight(3);
+    *   fill(myColor);
+    *   translate(base.x, base.y);
+    *   line(0, 0, vec.x, vec.y);
+    *   rotate(vec.heading());
+    *   let arrowSize = 7;
+    *   translate(vec.mag() - arrowSize, 0);
+    *   triangle(0, arrowSize / 2, 0, -arrowSize / 2, arrowSize, 0);
+    *   pop();
+    * }
+    * </code>
+    * </div>
+    */
+
+            },
+            {
+              key: 'setMag',
+              value: function setMag(n) {
+                return this.normalize().mult(n);
+              }              /**
+    * Calculates the angle a 2D vector makes with the positive x-axis. Angles
+    * increase in the clockwise direction.
+    *
+    * If the vector was created with
+    * <a href="#/p5/createVector">createVector()</a>, `heading()` returns angles
+    * in the units of the current <a href="#/p5/angleMode">angleMode()</a>.
+    *
+    * The static version of `heading()`, as in `p5.Vector.heading(v)`, works the
+    * same way.
+    *
+    * @method heading
+    * @return {Number} angle of rotation.
+    * @example
+    * <div class = "norender">
+    * <code>
+    * let v = createVector(1, 1);
+    * // Prints "0.785..." to the console.
+    * print(v.heading());
+    *
+    * angleMode(DEGREES);
+    * // Prints "45" to the console.
+    * print(v.heading());
+    * </code>
+    * </div>
+    *
+    * <div class = "norender">
+    * <code>
+    * let v = createVector(1, 1);
+    * // Prints "0.785..." to the console.
+    * print(p5.Vector.heading(v));
+    *
+    * angleMode(DEGREES);
+    * // Prints "45" to the console.
+    * print(p5.Vector.heading(v));
+    * </code>
+    * </div>
+    *
+    * <div>
+    * <code>
+    * function draw() {
+    *   background(200);
+    *
+    *   let origin = createVector(0, 0);
+    *   let v = createVector(50, 50);
+    *
+    *   drawArrow(origin, v, 'black');
+    *
+    *   angleMode(RADIANS);
+    *   let h = round(v.heading(), 2);
+    *   text(`Radians: ${h}`, 20, 70);
+    *   angleMode(DEGREES);
+    *   h = v.heading();
+    *   text(`Degrees: ${h}`, 20, 85);
+    *
+    *   describe('A black arrow extends from the top left of a square to its center. The text "Radians: 0.79" and "Degrees: 45" is written near the tip of the arrow.');
+    * }
+    *
+    * function drawArrow(base, vec, myColor) {
+    *   push();
+    *   stroke(myColor);
+    *   strokeWeight(3);
+    *   fill(myColor);
+    *   translate(base.x, base.y);
+    *   line(0, 0, vec.x, vec.y);
+    *   rotate(vec.heading());
+    *   let arrowSize = 7;
+    *   translate(vec.mag() - arrowSize, 0);
+    *   triangle(0, arrowSize / 2, 0, -arrowSize / 2, arrowSize, 0);
+    *   pop();
+    * }
+    * </code>
+    * </div>
+    */
+
+            },
+            {
+              key: 'heading',
+              value: function heading() {
+                var h = Math.atan2(this.y, this.x);
+                if (this.isPInst) return this._fromRadians(h);
+                return h;
+              }              /**
+    * Rotates a 2D vector to a specific angle without changing its magnitude.
+    * By convention, the positive x-axis has an angle of 0. Angles increase in
+    * the clockwise direction.
+    *
+    * If the vector was created with
+    * <a href="#/p5/createVector">createVector()</a>, `setHeading()` uses
+    * the units of the current <a href="#/p5/angleMode">angleMode()</a>.
+    *
+    * @method setHeading
+    * @param  {number}    angle angle of rotation.
+    * @chainable
+    * @example
+    * <div class="norender">
+    * <code>
+    * let v = createVector(0, 1);
+    * // Prints "1.570..." to the console.
+    * print(v.heading());
+    *
+    * v.setHeading(PI);
+    * // Prints "3.141..." to the console.
+    * print(v.heading());
+    * </code>
+    * </div>
+    *
+    * <div class="norender">
+    * <code>
+    * angleMode(DEGREES);
+    * let v = createVector(0, 1);
+    * // Prints "90" to the console.
+    * print(v.heading());
+    *
+    * v.setHeading(180);
+    * // Prints "180" to the console.
+    * print(v.heading());
+    * </code>
+    * </div>
+    *
+    * <div>
+    * <code>
+    * function draw() {
+    *   background(200);
+    *
+    *   let v0 = createVector(50, 50);
+    *   let v1 = createVector(30, 0);
+    *
+    *   drawArrow(v0, v1, 'red');
+    *
+    *   v1.setHeading(HALF_PI);
+    *   drawArrow(v0, v1, 'blue');
+    *
+    *   describe('Two arrows extend from the center of a gray square. The red arrow points to the right and the blue arrow points down.');
+    * }
+    *
+    * function drawArrow(base, vec, myColor) {
+    *   push();
+    *   stroke(myColor);
+    *   strokeWeight(3);
+    *   fill(myColor);
+    *   translate(base.x, base.y);
+    *   line(0, 0, vec.x, vec.y);
+    *   rotate(vec.heading());
+    *   let arrowSize = 7;
+    *   translate(vec.mag() - arrowSize, 0);
+    *   triangle(0, arrowSize / 2, 0, -arrowSize / 2, arrowSize, 0);
+    *   pop();
+    * }
+    * </code>
+    * </div>
+    */
+
+            },
+            {
+              key: 'setHeading',
+              value: function setHeading(a) {
+                if (this.isPInst) a = this._toRadians(a);
+                var m = this.mag();
+                this.x = m * Math.cos(a);
+                this.y = m * Math.sin(a);
+                return this;
+              }              /**
+    * Rotates a 2D vector by an angle without changing its magnitude.
+    * By convention, the positive x-axis has an angle of 0. Angles increase in
+    * the clockwise direction.
+    *
+    * If the vector was created with
+    * <a href="#/p5/createVector">createVector()</a>, `rotate()` uses
+    * the units of the current <a href="#/p5/angleMode">angleMode()</a>.
+    *
+    * The static version of `rotate()`, as in `p5.Vector.rotate(v, PI)`,
+    * returns a new <a href="#/p5.Vector">p5.Vector</a> object and doesn't change
+    * the original.
+    *
+    * @method rotate
+    * @param  {number}    angle angle of rotation.
+    * @chainable
+    * @example
+    * <div class="norender">
+    * <code>
+    * let v = createVector(1, 0);
+    * // Prints "p5.Vector Object : [1, 0, 0]" to the console.
+    * print(v.toString());
+    * v.rotate(HALF_PI);
+    * // Prints "p5.Vector Object : [0, 1, 0]" to the console.
+    * print(v.toString());
+    * </code>
+    * </div>
+    *
+    * <div class="norender">
+    * <code>
+    * angleMode(DEGREES);
+    * let v = createVector(1, 0);
+    * // Prints "p5.Vector Object : [1, 0, 0]" to the console.
+    * print(v.toString());
+    * v.rotate(90);
+    * // Prints "p5.Vector Object : [0, 1, 0]" to the console.
+    * print(v.toString());
+    * </code>
+    * </div>
+    *
+    * <div class="norender">
+    * <code>
+    * let v0 = createVector(1, 0);
+    * let v1 = p5.Vector.rotate(v0, HALF_PI);
+    * // Prints "p5.Vector Object : [1, 0, 0]" to the console.
+    * print(v0.toString());
+    * // Prints "p5.Vector Object : [0, 1, 0]" to the console.
+    * print(v1.toString());
+    * </code>
+    * </div>
+    *
+    * <div class="norender">
+    * <code>
+    * angleMode(DEGREES);
+    * let v0 = createVector(1, 0);
+    * let v1 = p5.Vector.rotate(v0, 90);
+    * // Prints "p5.Vector Object : [1, 0, 0]" to the console.
+    * print(v0.toString());
+    * // Prints "p5.Vector Object : [0, 1, 0]" to the console.
+    * print(v1.toString());
+    * </code>
+    * </div>
+    *
+    * <div>
+    * <code>
+    * let v0;
+    * let v1;
+    *
+    * function setup() {
+    *   v0 = createVector(50, 50);
+    *   v1 = createVector(30, 0);
+    * }
+    *
+    * function draw() {
+    *   background(240);
+    *
+    *   v1.rotate(0.01);
+    *
+    *   drawArrow(v0, v1, 'black');
+    *
+    *   describe('A black arrow extends from the center of a gray square. The arrow rotates counterclockwise.');
+    * }
+    *
+    * function drawArrow(base, vec, myColor) {
+    *   push();
+    *   stroke(myColor);
+    *   strokeWeight(3);
+    *   fill(myColor);
+    *   translate(base.x, base.y);
+    *   line(0, 0, vec.x, vec.y);
+    *   rotate(vec.heading());
+    *   let arrowSize = 7;
+    *   translate(vec.mag() - arrowSize, 0);
+    *   triangle(0, arrowSize / 2, 0, -arrowSize / 2, arrowSize, 0);
+    *   pop();
+    * }
+    * </code>
+    * </div>
+    */
+
+            },
+            {
+              key: 'rotate',
+              value: function rotate(a) {
+                var newHeading = this.heading() + a;
+                if (this.isPInst) newHeading = this._toRadians(newHeading);
+                var mag = this.mag();
+                this.x = Math.cos(newHeading) * mag;
+                this.y = Math.sin(newHeading) * mag;
+                return this;
+              }              /**
+    * Returns the angle between two vectors. The angles returned are signed,
+    * which means that `v1.angleBetween(v2) === -v2.angleBetween(v1)`.
+    *
+    * If the vector was created with
+    * <a href="#/p5/createVector">createVector()</a>, `angleBetween()` returns
+    * angles in the units of the current
+    * <a href="#/p5/angleMode">angleMode()</a>.
+    *
+    * @method angleBetween
+    * @param  {p5.Vector}    value x, y, and z components of a <a href="#/p5.Vector">p5.Vector</a>.
+    * @return {Number}       angle between the vectors.
+    * @example
+    * <div class="norender">
+    * <code>
+    * let v0 = createVector(1, 0);
+    * let v1 = createVector(0, 1);
+    * // Prints "1.570..." to the console.
+    * print(v0.angleBetween(v1));
+    * // Prints "-1.570..." to the console.
+    * print(v1.angleBetween(v0));
+    * </code>
+    * </div>
+    *
+    * <div class="norender">
+    * <code>
+    * angleMode(DEGREES);
+    * let v0 = createVector(1, 0);
+    * let v1 = createVector(0, 1);
+    * // Prints "90" to the console.
+    * print(v0.angleBetween(v1));
+    * // Prints "-90" to the console.
+    * print(v1.angleBetween(v0));
+    * </code>
+    * </div>
+    *
+    * <div class="norender">
+    * <code>
+    * let v0 = createVector(1, 0);
+    * let v1 = createVector(0, 1);
+    * // Prints "1.570..." to the console.
+    * print(p5.Vector.angleBetween(v0, v1));
+    * // Prints "-1.570..." to the console.
+    * print(p5.Vector.angleBetween(v1, v0));
+    * </code>
+    * </div>
+    *
+    * <div class="norender">
+    * <code>
+    * angleMode(DEGREES);
+    * let v0 = createVector(1, 0);
+    * let v1 = createVector(0, 1);
+    * // Prints "90" to the console.
+    * print(p5.Vector.angleBetween(v0, v1));
+    * // Prints "-90" to the console.
+    * print(p5.Vector.angleBetween(v1, v0));
+    * </code>
+    * </div>
+    *
+    * <div>
+    * <code>
+    * function draw() {
+    *   background(200);
+    *
+    *   let v0 = createVector(50, 50);
+    *   let v1 = createVector(30, 0);
+    *   let v2 = createVector(0, 30);
+    *
+    *   drawArrow(v0, v1, 'red');
+    *   drawArrow(v0, v2, 'blue');
+    *
+    *   angleMode(RADIANS);
+    *   let angle = round(v1.angleBetween(v2), 2);
+    *   text(`Radians: ${angle}`, 20, 20);
+    *   angleMode(DEGREES);
+    *   angle = round(v1.angleBetween(v2), 2);
+    *   text(`Degrees: ${angle}`, 20, 35);
+    *
+    *   describe('Two arrows extend from the center of a gray square. A red arrow points to the right and a blue arrow points down. The text "Radians: 1.57" and "Degrees: 90" is written above the arrows.');
+    * }
+    *
+    * function drawArrow(base, vec, myColor) {
+    *   push();
+    *   stroke(myColor);
+    *   strokeWeight(3);
+    *   fill(myColor);
+    *   translate(base.x, base.y);
+    *   line(0, 0, vec.x, vec.y);
+    *   rotate(vec.heading());
+    *   let arrowSize = 7;
+    *   translate(vec.mag() - arrowSize, 0);
+    *   triangle(0, arrowSize / 2, 0, -arrowSize / 2, arrowSize, 0);
+    *   pop();
+    * }
+    * </code>
+    * </div>
+    */
+
+            },
+            {
+              key: 'angleBetween',
+              value: function angleBetween(v) {
+                var magSqMult = this.magSq() * v.magSq();
+                // Returns NaN if either vector is the zero vector.
+                if (magSqMult === 0) {
+                  return NaN;
+                }
+                var u = this.cross(v);
+                // The dot product computes the cos value, and the cross product computes
+                // the sin value. Find the angle based on them. In addition, in the case of
+                // 2D vectors, a sign is added according to the direction of the vector.
+                var angle = Math.atan2(u.mag(), this.dot(v)) * Math.sign(u.z || 1);
+                if (this.isPInst) {
+                  angle = this._fromRadians(angle);
+                }
+                return angle;
+              }              /**
+    * Calculates new `x`, `y`, and `z` components that are proportionally the
+    * same distance between two vectors. The `amt` parameter is the amount to
+    * interpolate between the old vector and the new vector. 0.0 keeps all
+    * components equal to the old vector's, 0.5 is halfway between, and 1.0 sets
+    * all components equal to the new vector's.
+    *
+    * The static version of `lerp()`, as in `p5.Vector.lerp(v0, v1, 0.5)`,
+    * returns a new <a href="#/p5.Vector">p5.Vector</a> object and doesn't change
+    * the original.
+    *
+    * @method lerp
+    * @param  {Number}    x   x component.
+    * @param  {Number}    y   y component.
+    * @param  {Number}    z   z component.
+    * @param  {Number}    amt amount of interpolation between 0.0 (old vector)
+    *                         and 1.0 (new vector). 0.5 is halfway between.
+    * @chainable
+    *
+    * @example
+    * <div class="norender">
+    * <code>
+    * let v0 = createVector(1, 1, 1);
+    * let v1 = createVector(3, 3, 3);
+    * v0.lerp(v1, 0.5);
+    * // Prints "p5.Vector Object : [2, 2, 2]" to the console.
+    * print(v0.toString());
+    * </code>
+    * </div>
+    *
+    * <div class="norender">
+    * <code>
+    * let v = createVector(1, 1, 1);
+    * v.lerp(3, 3, 3, 0.5);
+    * // Prints "p5.Vector Object : [2, 2, 2]" to the console.
+    * print(v.toString());
+    * </code>
+    * </div>
+    *
+    * <div class="norender">
+    * <code>
+    * let v0 = createVector(1, 1, 1);
+    * let v1 = createVector(3, 3, 3);
+    * let v2 = p5.Vector.lerp(v0, v1, 0.5);
+    * // Prints "p5.Vector Object : [2, 2, 2]" to the console.
+    * print(v2.toString());
+    * </code>
+    * </div>
+    *
+    * <div>
+    * <code>
+    * function draw() {
+    *   background(200);
+    *
+    *   let v0 = createVector(50, 50);
+    *   let v1 = createVector(30, 0);
+    *   let v2 = createVector(0, 30);
+    *   let v3 = p5.Vector.lerp(v1, v2, 0.5);
+    *
+    *   drawArrow(v0, v1, 'red');
+    *   drawArrow(v0, v2, 'blue');
+    *   drawArrow(v0, v3, 'purple');
+    *
+    *   describe('Three arrows extend from the center of a gray square. A red arrow points to the right, a blue arrow points down, and a purple arrow points to the bottom right.');
+    * }
+    *
+    * function drawArrow(base, vec, myColor) {
+    *   push();
+    *   stroke(myColor);
+    *   strokeWeight(3);
+    *   fill(myColor);
+    *   translate(base.x, base.y);
+    *   line(0, 0, vec.x, vec.y);
+    *   rotate(vec.heading());
+    *   let arrowSize = 7;
+    *   translate(vec.mag() - arrowSize, 0);
+    *   triangle(0, arrowSize / 2, 0, -arrowSize / 2, arrowSize, 0);
+    *   pop();
+    * }
+    * </code>
+    * </div>
+    */
+              /**
+    * @method lerp
+    * @param  {p5.Vector} v  <a href="#/p5.Vector">p5.Vector</a> to lerp toward.
+    * @param  {Number}    amt
+    * @chainable
+    */
+
+            },
+            {
+              key: 'lerp',
+              value: function lerp(x, y, z, amt) {
+                if (x instanceof _main.default.Vector) {
+                  return this.lerp(x.x, x.y, x.z, y);
+                }
+                this.x += (x - this.x) * amt || 0;
+                this.y += (y - this.y) * amt || 0;
+                this.z += (z - this.z) * amt || 0;
+                return this;
+              }              /**
+    * Calculates a new heading and magnitude that are between two vectors. The
+    * `amt` parameter is the amount to interpolate between the old vector and
+    * the new vector. 0.0 keeps the heading and magnitude equal to the old
+    * vector's, 0.5 sets them halfway between, and 1.0 sets the heading and
+    * magnitude equal to the new vector's.
+    *
+    * `slerp()` differs from <a href="#/p5.Vector/lerp">lerp()</a> because
+    * it interpolates magnitude. Calling `v0.slerp(v1, 0.5)` sets `v0`'s
+    * magnitude to a value halfway between its original magnitude and `v1`'s.
+    * Calling `v0.lerp(v1, 0.5)` makes no such guarantee.
+    *
+    * The static version of `slerp()`, as in `p5.Vector.slerp(v0, v1, 0.5)`,
+    * returns a new <a href="#/p5.Vector">p5.Vector</a> object and doesn't change
+    * the original.
+    *
+    * @method slerp
+    * @param {p5.Vector} v <a href="#/p5.Vector">p5.Vector</a> to slerp toward.
+    * @param {Number} amt  amount of interpolation between 0.0 (old vector)
+    *                      and 1.0 (new vector). 0.5 is halfway between.
+    * @return {p5.Vector}
+    *
+    * @example
+    * <div class="norender">
+    * <code>
+    * let v0 = createVector(3, 0);
+    * // Prints "3" to the console.
+    * print(v0.mag());
+    * // Prints "0" to the console.
+    * print(v0.heading());
+    *
+    * let v1 = createVector(0, 1);
+    * // Prints "1" to the console.
+    * print(v1.mag());
+    * // Prints "1.570..." to the console.
+    * print(v1.heading());
+    *
+    * v0.slerp(v1, 0.5);
+    * // Prints "2" to the console.
+    * print(v0.mag());
+    * // Prints "0.785..." to the console.
+    * print(v0.heading());
+    * </code>
+    * </div>
+    *
+    * <div class="norender">
+    * <code>
+    * let v0 = createVector(3, 0);
+    * // Prints "3" to the console.
+    * print(v0.mag());
+    * // Prints "0" to the console.
+    * print(v0.heading());
+    *
+    * let v1 = createVector(0, 1);
+    * // Prints "1" to the console.
+    * print(v1.mag());
+    * // Prints "1.570..." to the console.
+    * print(v1.heading());
+    *
+    * let v3 = p5.Vector.slerp(v0, v1, 0.5);
+    * // Prints "2" to the console.
+    * print(v3.mag());
+    * // Prints "0.785..." to the console.
+    * print(v3.heading());
+    * </code>
+    * </div>
+    *
+    * <div>
+    * <code>
+    * function draw() {
+    *   background(200);
+    *
+    *   let v0 = createVector(50, 50);
+    *   let v1 = createVector(20, 0);
+    *   let v2 = createVector(-40, 0);
+    *   let v3 = p5.Vector.slerp(v1, v2, 0.5);
+    *
+    *   drawArrow(v0, v1, 'red');
+    *   drawArrow(v0, v2, 'blue');
+    *   drawArrow(v0, v3, 'purple');
+    *
+    *   describe('Three arrows extend from the center of a gray square. A red arrow points to the right, a blue arrow points to the left, and a purple arrow points down.');
+    * }
+    *
+    * function drawArrow(base, vec, myColor) {
+    *   push();
+    *   stroke(myColor);
+    *   strokeWeight(3);
+    *   fill(myColor);
+    *   translate(base.x, base.y);
+    *   line(0, 0, vec.x, vec.y);
+    *   rotate(vec.heading());
+    *   let arrowSize = 7;
+    *   translate(vec.mag() - arrowSize, 0);
+    *   triangle(0, arrowSize / 2, 0, -arrowSize / 2, arrowSize, 0);
+    *   pop();
+    * }
+    * </code>
+    * </div>
+    */
+
+            },
+            {
+              key: 'slerp',
+              value: function slerp(v, amt) {
+                // edge cases.
+                if (amt === 0) {
+                  return this;
+                }
+                if (amt === 1) {
+                  return this.set(v);
+                }                // calculate magnitudes
+
+                var selfMag = this.mag();
+                var vMag = v.mag();
+                var magmag = selfMag * vMag;
+                // if either is a zero vector, linearly interpolate by these vectors
+                if (magmag === 0) {
+                  this.mult(1 - amt).add(v.x * amt, v.y * amt, v.z * amt);
+                  return this;
+                }                // the cross product of 'this' and 'v' is the axis of rotation
+
+                var axis = this.cross(v);
+                var axisMag = axis.mag();
+                // Calculates the angle between 'this' and 'v'
+                var theta = Math.atan2(axisMag, this.dot(v));
+                // However, if the norm of axis is 0, normalization cannot be performed,
+                // so we will divide the cases
+                if (axisMag > 0) {
+                  axis.x /= axisMag;
+                  axis.y /= axisMag;
+                  axis.z /= axisMag;
+                } else if (theta < Math.PI * 0.5) {
+                  // if the norm is 0 and the angle is less than PI/2,
+                  // the angle is very close to 0, so do linear interpolation.
+                  this.mult(1 - amt).add(v.x * amt, v.y * amt, v.z * amt);
+                  return this;
+                } else {
+                  // If the norm is 0 and the angle is more than PI/2, the angle is
+                  // very close to PI.
+                  // In this case v can be regarded as '-this', so take any vector
+                  // that is orthogonal to 'this' and use that as the axis.
+                  if (this.z === 0 && v.z === 0) {
+                    // if both this and v are 2D vectors, use (0,0,1)
+                    // this makes the result also a 2D vector.
+                    axis.set(0, 0, 1);
+                  } else if (this.x !== 0) {
+                    // if the x components is not 0, use (y, -x, 0)
+                    axis.set(this.y, - this.x, 0).normalize();
+                  } else {
+                    // if the x components is 0, use (1,0,0)
+                    axis.set(1, 0, 0);
+                  }
+                }                // Since 'axis' is a unit vector, ey is a vector of the same length as 'this'.
+
+                var ey = axis.cross(this);
+                // interpolate the length with 'this' and 'v'.
+                var lerpedMagFactor = 1 - amt + amt * vMag / selfMag;
+                // imagine a situation where 'axis', 'this', and 'ey' are pointing
+                // along the z, x, and y axes, respectively.
+                // rotates 'this' around 'axis' by amt * theta towards 'ey'.
+                var cosMultiplier = lerpedMagFactor * Math.cos(amt * theta);
+                var sinMultiplier = lerpedMagFactor * Math.sin(amt * theta);
+                // then, calculate 'result'.
+                this.x = this.x * cosMultiplier + ey.x * sinMultiplier;
+                this.y = this.y * cosMultiplier + ey.y * sinMultiplier;
+                this.z = this.z * cosMultiplier + ey.z * sinMultiplier;
+                return this;
+              }              /**
+    * Reflects a vector about a line in 2D or a plane in 3D. The orientation of
+    * the line or plane is described by a normal vector that points away from the
+    * shape.
+    *
+    * The static version of `reflect()`, as in `p5.Vector.reflect(v, n)`,
+    * returns a new <a href="#/p5.Vector">p5.Vector</a> object and doesn't change
+    * the original.
+    *
+    * @method reflect
+    * @param  {p5.Vector} surfaceNormal  <a href="#/p5.Vector">p5.Vector</a>
+    *                                    to reflect about.
+    * @chainable
+    * @example
+    * <div class="norender">
+    * <code>
+    * let n = createVector(0, 1);
+    * let v = createVector(4, 6);
+    * v.reflect(n);
+    * // Prints "p5.Vector Object : [4, -6, 0]" to the console.
+    * print(v.toString());
+    * </code>
+    * </div>
+    *
+    * <div class="norender">
+    * <code>
+    * let n = createVector(0, 1);
+    * let v0 = createVector(4, 6);
+    * let v1 = p5.Vector.reflect(v0, n);
+    * // Prints "p5.Vector Object : [4, -6, 0]" to the console.
+    * print(v1.toString());
+    * </code>
+    * </div>
+    *
+    * <div>
+    * <code>
+    * function draw() {
+    *   background(200);
+    *
+    *   line(50, 0, 50, 100);
+    *   let n = createVector(1, 0);
+    *
+    *   let v0 = createVector(50, 50);
+    *   let v1 = createVector(30, 40);
+    *   let v2 = p5.Vector.reflect(v1, n);
+    *
+    *   n.setMag(30);
+    *   drawArrow(v0, n, 'black');
+    *   drawArrow(v0, v1, 'red');
+    *   drawArrow(v0, v2, 'blue');
+    *
+    *   describe('Three arrows extend from the center of a gray square with a vertical line down its middle. A black arrow points to the right, a blue arrow points to the bottom left, and a red arrow points to the bottom right.');
+    * }
+    *
+    * function drawArrow(base, vec, myColor) {
+    *   push();
+    *   stroke(myColor);
+    *   strokeWeight(3);
+    *   fill(myColor);
+    *   translate(base.x, base.y);
+    *   line(0, 0, vec.x, vec.y);
+    *   rotate(vec.heading());
+    *   let arrowSize = 7;
+    *   translate(vec.mag() - arrowSize, 0);
+    *   triangle(0, arrowSize / 2, 0, -arrowSize / 2, arrowSize, 0);
+    *   pop();
+    * }
+    * </code>
+    * </div>
+    */
+
+            },
+            {
+              key: 'reflect',
+              value: function reflect(surfaceNormal) {
+                surfaceNormal.normalize();
+                return this.sub(surfaceNormal.mult(2 * this.dot(surfaceNormal)));
+              }              /**
+    * Returns the vector's components as an array of numbers.
+    *
+    * @method array
+    * @return {Number[]} array with the vector's components.
+    * @example
+    * <div class = "norender">
+    * <code>
+    * let v = createVector(20, 30);
+    * // Prints "[20, 30, 0]" to the console.
+    * print(v.array());
+    * </code>
+    * </div>
+    */
+
+            },
+            {
+              key: 'array',
+              value: function array() {
+                return [this.x || 0,
+                this.y || 0,
+                this.z || 0];
+              }              /**
+    * Returns `true` if the vector's components are all the same as another
+    * vector's and `false` if not.
+    *
+    * The version of `equals()` with one parameter interprets it as another
+    * <a href="#/p5.Vector">p5.Vector</a> object.
+    *
+    * The version of `equals()` with multiple parameters interprets them as the
+    * components of another vector. Any missing parameters are assigned the value
+    * 0.
+    *
+    * The static version of `equals()`, as in `p5.Vector.equals(v0, v1)`,
+    * interprets both parameters as <a href="#/p5.Vector">p5.Vector</a> objects.
+    *
+    * @method equals
+    * @param {Number} [x] x component of the vector.
+    * @param {Number} [y] y component of the vector.
+    * @param {Number} [z] z component of the vector.
+    * @return {Boolean} whether the vectors are equal.
+    * @example
+    * <div class="norender">
+    * <code>
+    * let v0 = createVector(10, 20, 30);
+    * let v1 = createVector(10, 20, 30);
+    * let v2 = createVector(0, 0, 0);
+    *
+    * // Prints "true" to the console.
+    * print(v0.equals(v1));
+    * // Prints "false" to the console.
+    * print(v0.equals(v2));
+    * </code>
+    * </div>
+    *
+    * <div class = "norender">
+    * <code>
+    * let v0 = createVector(5, 10, 20);
+    * let v1 = createVector(5, 10, 20);
+    * let v2 = createVector(13, 10, 19);
+    *
+    * // Prints "true" to the console.
+    * print(v0.equals(v1.x, v1.y, v1.z));
+    * // Prints "false" to the console.
+    * print(v0.equals(v2.x, v2.y, v2.z));
+    * </code>
+    * </div>
+    *
+    * <div class="norender">
+    * <code>
+    * let v0 = createVector(10, 20, 30);
+    * let v1 = createVector(10, 20, 30);
+    * let v2 = createVector(0, 0, 0);
+    *
+    * // Prints "true" to the console.
+    * print(p5.Vector.equals(v0, v1));
+    * // Prints "false" to the console.
+    * print(p5.Vector.equals(v0, v2));
+    * </code>
+    * </div>
+    */
+              /**
+    * @method equals
+    * @param {p5.Vector|Array} value vector to compare.
+    * @return {Boolean}
+    */
+
+            },
+            {
+              key: 'equals',
+              value: function equals(x, y, z) {
+                var a,
+                b,
+                c;
+                if (x instanceof _main.default.Vector) {
+                  a = x.x || 0;
+                  b = x.y || 0;
+                  c = x.z || 0;
+                } else if (Array.isArray(x)) {
+                  a = x[0] || 0;
+                  b = x[1] || 0;
+                  c = x[2] || 0;
+                } else {
+                  a = x || 0;
+                  b = y || 0;
+                  c = z || 0;
+                }
+                return this.x === a && this.y === b && this.z === c;
+              } // Static Methods
+              /**
+    * Make a new 2D vector from an angle.
+    *
+    * @method fromAngle
+    * @static
+    * @param {Number}     angle desired angle, in radians. Unaffected by <a href="#/p5/angleMode">angleMode()</a>.
+    * @param {Number}     [length] length of the new vector (defaults to 1).
+    * @return {p5.Vector}       new <a href="#/p5.Vector">p5.Vector</a> object.
+    * @example
+    * <div class="norender">
+    * <code>
+    * let v = p5.Vector.fromAngle(0);
+    * // Prints "p5.Vector Object : [1, 0, 0]" to the console.
+    * print(v.toString());
+    * </code>
+    * </div>
+    *
+    * <div>
+    * <code>
+    * function draw() {
+    *   background(200);
+    *
+    *   let v0 = createVector(50, 50);
+    *   let v1 = p5.Vector.fromAngle(0, 30);
+    *
+    *   drawArrow(v0, v1, 'black');
+    *
+    *   describe('A black arrow extends from the center of a gray square. It points to the right.');
+    * }
+    *
+    * function drawArrow(base, vec, myColor) {
+    *   push();
+    *   stroke(myColor);
+    *   strokeWeight(3);
+    *   fill(myColor);
+    *   translate(base.x, base.y);
+    *   line(0, 0, vec.x, vec.y);
+    *   rotate(vec.heading());
+    *   let arrowSize = 7;
+    *   translate(vec.mag() - arrowSize, 0);
+    *   triangle(0, arrowSize / 2, 0, -arrowSize / 2, arrowSize, 0);
+    *   pop();
+    * }
+    * </code>
+    * </div>
+    */
+
+            }
+          ], [
+            {
+              key: 'fromAngle',
+              value: function fromAngle(angle, length) {
+                if (typeof length === 'undefined') {
+                  length = 1;
+                }
+                return new _main.default.Vector(length * Math.cos(angle), length * Math.sin(angle), 0);
+              }              /**
+    * Make a new 3D vector from a pair of ISO spherical angles.
+    *
+    * @method fromAngles
+    * @static
+    * @param {Number}     theta    polar angle in radians (zero is up).
+    * @param {Number}     phi      azimuthal angle in radians
+    *                               (zero is out of the screen).
+    * @param {Number}     [length] length of the new vector (defaults to 1).
+    * @return {p5.Vector}          new <a href="#/p5.Vector">p5.Vector</a> object.
+    * @example
+    * <div class="norender">
+    * <code>
+    * let v = p5.Vector.fromAngles(0, 0);
+    * // Prints "p5.Vector Object : [0, -1, 0]" to the console.
+    * print(v.toString());
+    * </code>
+    * </div>
+    *
+    * <div>
+    * <code>
+    * function setup() {
+    *   createCanvas(100, 100, WEBGL);
+    * }
+    *
+    * function draw() {
+    *   background(0);
+    *
+    *   fill(255);
+    *   noStroke();
+    *
+    *   let theta = frameCount *  0.05;
+    *   let phi = 0;
+    *   let v = p5.Vector.fromAngles(theta, phi, 100);
+    *   let c = color('deeppink');
+    *   pointLight(c, v);
+    *
+    *   sphere(35);
+    *
+    *   describe('A light shines on a pink sphere as it orbits.');
+    * }
+    * </code>
+    * </div>
+    */
+
+            },
+            {
+              key: 'fromAngles',
+              value: function fromAngles(theta, phi, length) {
+                if (typeof length === 'undefined') {
+                  length = 1;
+                }
+                var cosPhi = Math.cos(phi);
+                var sinPhi = Math.sin(phi);
+                var cosTheta = Math.cos(theta);
+                var sinTheta = Math.sin(theta);
+                return new _main.default.Vector(length * sinTheta * sinPhi, - length * cosTheta, length * sinTheta * cosPhi);
+              }              /**
+    * Make a new 2D unit vector with a random heading.
+    *
+    * @method random2D
+    * @static
+    * @return {p5.Vector} new <a href="#/p5.Vector">p5.Vector</a> object.
+    * @example
+    * <div class="norender">
+    * <code>
+    * let v = p5.Vector.random2D();
+    * // Prints "p5.Vector Object : [x, y, 0]" to the console
+    * // where x and y are small random numbers.
+    * print(v.toString());
+    * </code>
+    * </div>
+    *
+    * <div>
+    * <code>
+    * function draw() {
+    *   background(200);
+    *
+    *   frameRate(1);
+    *
+    *   let v0 = createVector(50, 50);
+    *   let v1 = p5.Vector.random2D();
+    *   v1.mult(30);
+    *   drawArrow(v0, v1, 'black');
+    *
+    *   describe('A black arrow in extends from the center of a gray square. It changes direction once per second.');
+    * }
+    *
+    * function drawArrow(base, vec, myColor) {
+    *   push();
+    *   stroke(myColor);
+    *   strokeWeight(3);
+    *   fill(myColor);
+    *   translate(base.x, base.y);
+    *   line(0, 0, vec.x, vec.y);
+    *   rotate(vec.heading());
+    *   let arrowSize = 7;
+    *   translate(vec.mag() - arrowSize, 0);
+    *   triangle(0, arrowSize / 2, 0, -arrowSize / 2, arrowSize, 0);
+    *   pop();
+    * }
+    * </code>
+    * </div>
+    */
+
+            },
+            {
+              key: 'random2D',
+              value: function random2D() {
+                return this.fromAngle(Math.random() * constants.TWO_PI);
+              }              /**
+    * Make a new 3D unit vector with a random heading.
+    *
+    * @method random3D
+    * @static
+    * @return {p5.Vector} new <a href="#/p5.Vector">p5.Vector</a> object.
+    * @example
+    * <div class="norender">
+    * <code>
+    * let v = p5.Vector.random3D();
+    * // Prints "p5.Vector Object : [x, y, z]" to the console
+    * // where x, y, and z are small random numbers.
+    * print(v.toString());
+    * </code>
+    * </div>
+    */
+
+            },
+            {
+              key: 'random3D',
+              value: function random3D() {
+                var angle = Math.random() * constants.TWO_PI;
+                var vz = Math.random() * 2 - 1;
+                var vzBase = Math.sqrt(1 - vz * vz);
+                var vx = vzBase * Math.cos(angle);
+                var vy = vzBase * Math.sin(angle);
+                return new _main.default.Vector(vx, vy, vz);
+              } // Returns a copy of a vector.
+              /**
+    * @method copy
+    * @static
+    * @param  {p5.Vector} v the <a href="#/p5.Vector">p5.Vector</a> to create a copy of
+    * @return {p5.Vector} the copy of the <a href="#/p5.Vector">p5.Vector</a> object
+    */
+
+            },
+            {
+              key: 'copy',
+              value: function copy(v) {
+                return v.copy(v);
+              } // Adds two vectors together and returns a new one.
+              /**
+    * @method add
+    * @static
+    * @param  {p5.Vector} v1 A <a href="#/p5.Vector">p5.Vector</a> to add
+    * @param  {p5.Vector} v2 A <a href="#/p5.Vector">p5.Vector</a> to add
+    * @param  {p5.Vector} [target] vector to receive the result.
+    * @return {p5.Vector} resulting <a href="#/p5.Vector">p5.Vector</a>.
+    */
+
+            },
+            {
+              key: 'add',
+              value: function add(v1, v2, target) {
+                if (!target) {
+                  target = v1.copy();
+                  if (arguments.length === 3) {
+                    _main.default._friendlyError('The target parameter is undefined, it should be of type p5.Vector', 'p5.Vector.add');
+                  }
+                } else {
+                  target.set(v1);
+                }
+                target.add(v2);
+                return target;
+              } // Returns a vector remainder when it is divided by another vector
+              /**
+    * @method rem
+    * @static
+    * @param  {p5.Vector} v1 The dividend <a href="#/p5.Vector">p5.Vector</a>
+    * @param  {p5.Vector} v2 The divisor <a href="#/p5.Vector">p5.Vector</a>
+    */
+              /**
+    * @method rem
+    * @static
+    * @param  {p5.Vector} v1
+    * @param  {p5.Vector} v2
+    * @return {p5.Vector} The resulting <a href="#/p5.Vector">p5.Vector</a>
+    */
+
+            },
+            {
+              key: 'rem',
+              value: function rem(v1, v2) {
+                if (v1 instanceof _main.default.Vector && v2 instanceof _main.default.Vector) {
+                  var target = v1.copy();
+                  target.rem(v2);
+                  return target;
+                }
+              }              /*
+    * Subtracts one <a href="#/p5.Vector">p5.Vector</a> from another and returns a new one.  The second
+    * vector (`v2`) is subtracted from the first (`v1`), resulting in `v1-v2`.
+    */
+              /**
+    * @method sub
+    * @static
+    * @param  {p5.Vector} v1 A <a href="#/p5.Vector">p5.Vector</a> to subtract from
+    * @param  {p5.Vector} v2 A <a href="#/p5.Vector">p5.Vector</a> to subtract
+    * @param  {p5.Vector} [target] vector to receive the result.
+    * @return {p5.Vector} The resulting <a href="#/p5.Vector">p5.Vector</a>
+    */
+
+            },
+            {
+              key: 'sub',
+              value: function sub(v1, v2, target) {
+                if (!target) {
+                  target = v1.copy();
+                  if (arguments.length === 3) {
+                    _main.default._friendlyError('The target parameter is undefined, it should be of type p5.Vector', 'p5.Vector.sub');
+                  }
+                } else {
+                  target.set(v1);
+                }
+                target.sub(v2);
+                return target;
+              }              /**
+    * Multiplies a vector by a scalar and returns a new vector.
+    */
+              /**
+    * @method mult
+    * @static
+    * @param  {Number} x
+    * @param  {Number} y
+    * @param  {Number} [z]
+    * @return {p5.Vector} resulting new <a href="#/p5.Vector">p5.Vector</a>.
+    */
+              /**
+    * @method mult
+    * @static
+    * @param  {p5.Vector} v
+    * @param  {Number}  n
+    * @param  {p5.Vector} [target] vector to receive the result.
+    */
+              /**
+    * @method mult
+    * @static
+    * @param  {p5.Vector} v0
+    * @param  {p5.Vector} v1
+    * @param  {p5.Vector} [target]
+    */
+              /**
+    * @method mult
+    * @static
+    * @param  {p5.Vector} v0
+    * @param  {Number[]} arr
+    * @param  {p5.Vector} [target]
+    */
+
+            },
+            {
+              key: 'mult',
+              value: function mult(v, n, target) {
+                if (!target) {
+                  target = v.copy();
+                  if (arguments.length === 3) {
+                    _main.default._friendlyError('The target parameter is undefined, it should be of type p5.Vector', 'p5.Vector.mult');
+                  }
+                } else {
+                  target.set(v);
+                }
+                target.mult(n);
+                return target;
+              }              /**
+    * Rotates the vector (only 2D vectors) by the given angle; magnitude remains the same. Returns a new vector.
+    */
+              /**
+    * @method rotate
+    * @static
+    * @param  {p5.Vector} v
+    * @param  {Number} angle
+    * @param  {p5.Vector} [target] The vector to receive the result
+    */
+
+            },
+            {
+              key: 'rotate',
+              value: function rotate(v, a, target) {
+                if (arguments.length === 2) {
+                  target = v.copy();
+                } else {
+                  if (!(target instanceof _main.default.Vector)) {
+                    _main.default._friendlyError('The target parameter should be of type p5.Vector', 'p5.Vector.rotate');
+                  }
+                  target.set(v);
+                }
+                target.rotate(a);
+                return target;
+              }              /**
+    * Divides a vector by a scalar and returns a new vector.
+    */
+              /**
+    * @method div
+    * @static
+    * @param  {Number} x
+    * @param  {Number} y
+    * @param  {Number} [z]
+    * @return {p5.Vector} The resulting new <a href="#/p5.Vector">p5.Vector</a>
+    */
+              /**
+    * @method div
+    * @static
+    * @param  {p5.Vector} v
+    * @param  {Number}  n
+    * @param  {p5.Vector} [target] The vector to receive the result
+    */
+              /**
+    * @method div
+    * @static
+    * @param  {p5.Vector} v0
+    * @param  {p5.Vector} v1
+    * @param  {p5.Vector} [target]
+    */
+              /**
+    * @method div
+    * @static
+    * @param  {p5.Vector} v0
+    * @param  {Number[]} arr
+    * @param  {p5.Vector} [target]
+    */
+
+            },
+            {
+              key: 'div',
+              value: function div(v, n, target) {
+                if (!target) {
+                  target = v.copy();
+                  if (arguments.length === 3) {
+                    _main.default._friendlyError('The target parameter is undefined, it should be of type p5.Vector', 'p5.Vector.div');
+                  }
+                } else {
+                  target.set(v);
+                }
+                target.div(n);
+                return target;
+              }              /**
+    * Calculates the dot product of two vectors.
+    */
+              /**
+    * @method dot
+    * @static
+    * @param  {p5.Vector} v1 first <a href="#/p5.Vector">p5.Vector</a>.
+    * @param  {p5.Vector} v2 second <a href="#/p5.Vector">p5.Vector</a>.
+    * @return {Number}     dot product.
+    */
+
+            },
+            {
+              key: 'dot',
+              value: function dot(v1, v2) {
+                return v1.dot(v2);
+              }              /**
+    * Calculates the cross product of two vectors.
+    */
+              /**
+    * @method cross
+    * @static
+    * @param  {p5.Vector} v1 first <a href="#/p5.Vector">p5.Vector</a>.
+    * @param  {p5.Vector} v2 second <a href="#/p5.Vector">p5.Vector</a>.
+    * @return {Number}     cross product.
+    */
+
+            },
+            {
+              key: 'cross',
+              value: function cross(v1, v2) {
+                return v1.cross(v2);
+              }              /**
+    * Calculates the Euclidean distance between two points (considering a
+    * point as a vector object).
+    */
+              /**
+    * @method dist
+    * @static
+    * @param  {p5.Vector} v1 The first <a href="#/p5.Vector">p5.Vector</a>
+    * @param  {p5.Vector} v2 The second <a href="#/p5.Vector">p5.Vector</a>
+    * @return {Number}     The distance
+    */
+
+            },
+            {
+              key: 'dist',
+              value: function dist(v1, v2) {
+                return v1.dist(v2);
+              }              /**
+    * Linear interpolate a vector to another vector and return the result as a
+    * new vector.
+    */
+              /**
+    * @method lerp
+    * @static
+    * @param {p5.Vector} v1
+    * @param {p5.Vector} v2
+    * @param {Number} amt
+    * @param {p5.Vector} [target] The vector to receive the result
+    * @return {p5.Vector}      The lerped value
+    */
+
+            },
+            {
+              key: 'lerp',
+              value: function lerp(v1, v2, amt, target) {
+                if (!target) {
+                  target = v1.copy();
+                  if (arguments.length === 4) {
+                    _main.default._friendlyError('The target parameter is undefined, it should be of type p5.Vector', 'p5.Vector.lerp');
+                  }
+                } else {
+                  target.set(v1);
+                }
+                target.lerp(v2, amt);
+                return target;
+              }              /**
+    * Performs spherical linear interpolation with the other vector
+    * and returns the resulting vector.
+    * This works in both 3D and 2D. As for 2D, the result of slerping
+    * between 2D vectors is always a 2D vector.
+    */
+              /**
+    * @method slerp
+    * @static
+    * @param {p5.Vector} v1 old vector.
+    * @param {p5.Vector} v2 new vector.
+    * @param {Number} amt
+    * @param {p5.Vector} [target] vector to receive the result.
+    * @return {p5.Vector} slerped vector between v1 and v2
+    */
+
+            },
+            {
+              key: 'slerp',
+              value: function slerp(v1, v2, amt, target) {
+                if (!target) {
+                  target = v1.copy();
+                  if (arguments.length === 4) {
+                    _main.default._friendlyError('The target parameter is undefined, it should be of type p5.Vector', 'p5.Vector.slerp');
+                  }
+                } else {
+                  target.set(v1);
+                }
+                target.slerp(v2, amt);
+                return target;
+              }              /**
+    * Calculates the magnitude (length) of the vector and returns the result as
+    * a float (this is simply the equation `sqrt(x*x + y*y + z*z)`.)
+    */
+              /**
+    * @method mag
+    * @static
+    * @param {p5.Vector} vecT The vector to return the magnitude of
+    * @return {Number}        The magnitude of vecT
+    */
+
+            },
+            {
+              key: 'mag',
+              value: function mag(vecT) {
+                return vecT.mag();
+              }              /**
+    * Calculates the squared magnitude of the vector and returns the result
+    * as a float (this is simply the equation <em>(x\*x + y\*y + z\*z)</em>.)
+    * Faster if the real length is not required in the
+    * case of comparing vectors, etc.
+    */
+              /**
+    * @method magSq
+    * @static
+    * @param {p5.Vector} vecT the vector to return the squared magnitude of
+    * @return {Number}        the squared magnitude of vecT
+    */
+
+            },
+            {
+              key: 'magSq',
+              value: function magSq(vecT) {
+                return vecT.magSq();
+              }              /**
+    * Normalize the vector to length 1 (make it a unit vector).
+    */
+              /**
+    * @method normalize
+    * @static
+    * @param {p5.Vector} v  The vector to normalize
+    * @param {p5.Vector} [target] The vector to receive the result
+    * @return {p5.Vector}   The vector v, normalized to a length of 1
+    */
+
+            },
+            {
+              key: 'normalize',
+              value: function normalize(v, target) {
+                if (arguments.length < 2) {
+                  target = v.copy();
+                } else {
+                  if (!(target instanceof _main.default.Vector)) {
+                    _main.default._friendlyError('The target parameter should be of type p5.Vector', 'p5.Vector.normalize');
+                  }
+                  target.set(v);
+                }
+                return target.normalize();
+              }              /**
+    * Limit the magnitude of the vector to the value used for the <b>max</b>
+    * parameter.
+    */
+              /**
+    * @method limit
+    * @static
+    * @param {p5.Vector} v  the vector to limit
+    * @param {Number}    max
+    * @param {p5.Vector} [target] the vector to receive the result (Optional)
+    * @return {p5.Vector} v with a magnitude limited to max
+    */
+
+            },
+            {
+              key: 'limit',
+              value: function limit(v, max, target) {
+                if (arguments.length < 3) {
+                  target = v.copy();
+                } else {
+                  if (!(target instanceof _main.default.Vector)) {
+                    _main.default._friendlyError('The target parameter should be of type p5.Vector', 'p5.Vector.limit');
+                  }
+                  target.set(v);
+                }
+                return target.limit(max);
+              }              /**
+    * Set the magnitude of the vector to the value used for the <b>len</b>
+    * parameter.
+    */
+              /**
+    * @method setMag
+    * @static
+    * @param {p5.Vector} v  the vector to set the magnitude of
+    * @param {number}    len
+    * @param {p5.Vector} [target] the vector to receive the result (Optional)
+    * @return {p5.Vector} v with a magnitude set to len
+    */
+
+            },
+            {
+              key: 'setMag',
+              value: function setMag(v, len, target) {
+                if (arguments.length < 3) {
+                  target = v.copy();
+                } else {
+                  if (!(target instanceof _main.default.Vector)) {
+                    _main.default._friendlyError('The target parameter should be of type p5.Vector', 'p5.Vector.setMag');
+                  }
+                  target.set(v);
+                }
+                return target.setMag(len);
+              }              /**
+    * Calculate the angle of rotation for this vector (only 2D vectors).
+    * p5.Vectors created using <a href="#/p5/createVector">createVector()</a>
+    * will take the current <a href="#/p5/angleMode">angleMode</a> into
+    * consideration, and give the angle in radians or degrees accordingly.
+    */
+              /**
+    * @method heading
+    * @static
+    * @param {p5.Vector} v the vector to find the angle of
+    * @return {Number} the angle of rotation
+    */
+
+            },
+            {
+              key: 'heading',
+              value: function heading(v) {
+                return v.heading();
+              }              /**
+    * Calculates and returns the angle between two vectors. This function will take
+    * the <a href="#/p5/angleMode">angleMode</a> on v1 into consideration, and
+    * give the angle in radians or degrees accordingly.
+    */
+              /**
+    * @method angleBetween
+    * @static
+    * @param  {p5.Vector}    v1 the first vector.
+    * @param  {p5.Vector}    v2 the second vector.
+    * @return {Number}       angle between the two vectors.
+    */
+
+            },
+            {
+              key: 'angleBetween',
+              value: function angleBetween(v1, v2) {
+                return v1.angleBetween(v2);
+              }              /**
+    * Reflect a vector about a normal to a line in 2D, or about a normal to a
+    * plane in 3D.
+    */
+              /**
+    * @method reflect
+    * @static
+    * @param  {p5.Vector} incidentVector vector to be reflected.
+    * @param  {p5.Vector} surfaceNormal
+    * @param  {p5.Vector} [target] vector to receive the result.
+    * @return {p5.Vector} the reflected vector
+    */
+
+            },
+            {
+              key: 'reflect',
+              value: function reflect(incidentVector, surfaceNormal, target) {
+                if (arguments.length < 3) {
+                  target = incidentVector.copy();
+                } else {
+                  if (!(target instanceof _main.default.Vector)) {
+                    _main.default._friendlyError('The target parameter should be of type p5.Vector', 'p5.Vector.reflect');
+                  }
+                  target.set(incidentVector);
+                }
+                return target.reflect(surfaceNormal);
+              }              /**
+    * Return a representation of this vector as a float array. This is only
+    * for temporary use. If used in any other fashion, the contents should be
+    * copied by using the <b>p5.Vector.<a href="#/p5.Vector/copy">copy()</a></b>
+    * method to copy into your own vector.
+    */
+              /**
+    * @method array
+    * @static
+    * @param  {p5.Vector} v the vector to convert to an array
+    * @return {Number[]} an Array with the 3 values
+    */
+
+            },
+            {
+              key: 'array',
+              value: function array(v) {
+                return v.array();
+              }              /**
+    * Equality check against a <a href="#/p5.Vector">p5.Vector</a>
+    */
+              /**
+    * @method equals
+    * @static
+    * @param {p5.Vector|Array} v1 the first vector to compare
+    * @param {p5.Vector|Array} v2 the second vector to compare
+    * @return {Boolean}
+    */
+
+            },
+            {
+              key: 'equals',
+              value: function equals(v1, v2) {
+                var v;
+                if (v1 instanceof _main.default.Vector) {
+                  v = v1;
+                } else if (v1 instanceof Array) {
+                  v = new _main.default.Vector().set(v1);
+                } else {
+                  _main.default._friendlyError('The v1 parameter should be of type Array or p5.Vector', 'p5.Vector.equals');
+                }
+                return v.equals(v2);
+              }
+            }
+          ]);
+          return _class;
+        }();
+        var _default = _main.default.Vector;
+        exports.default = _default;
+      },
+      {
+        '../core/constants': 286,
+        '../core/main': 298,
+        'core-js/modules/es.array.concat': 169,
+        'core-js/modules/es.array.every': 171,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.array.slice': 183,
+        'core-js/modules/es.array.some': 184,
+        'core-js/modules/es.math.sign': 190,
+        'core-js/modules/es.number.constructor': 191,
+        'core-js/modules/es.number.is-finite': 192,
+        'core-js/modules/es.object.get-own-property-descriptor': 196,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.string.sub': 218,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/es.weak-map': 254,
+        'core-js/modules/web.dom-collections.iterator': 256
+      }
+    ],
+    332: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }        /**
+ * @module Math
+ * @submodule Random
+ * @for p5
+ * @requires core
+ */
+        // variables used for random number generators
+
+        var randomStateProp = '_lcg_random_state';
+        // Set to values from http://en.wikipedia.org/wiki/Numerical_Recipes
+        // m is basically chosen to be large (as it is the max period)
+        // and for its relationships to a and c
+        var m = 4294967296;
+        // a - 1 should be divisible by m's prime factors
+        var a = 1664525;
+        // c and m should be co-prime
+        var c = 1013904223;
+        var y2 = 0;
+        // Linear Congruential Generator that stores its state at instance[stateProperty]
+        _main.default.prototype._lcg = function (stateProperty) {
+          // define the recurrence relationship
+          this[stateProperty] = (a * this[stateProperty] + c) % m;
+          // return a float in [0, 1)
+          // we've just used % m, so / m is always < 1
+          return this[stateProperty] / m;
+        };
+        _main.default.prototype._lcgSetSeed = function (stateProperty, val) {
+          // pick a random seed if val is undefined or null
+          // the >>> 0 casts the seed to an unsigned 32-bit integer
+          this[stateProperty] = (val == null ? Math.random() * m : val) >>> 0;
+        };
+        /**
+ * Sets the seed value for <a href="#/p5/random">random()</a> and
+ * <a href="#/p5/randomGaussian">randomGaussian()</a>. By default,
+ * <a href="#/p5/random">random()</a> and
+ * <a href="#/p5/randomGaussian">randomGaussian()</a> produce different
+ * results each time a sketch is run. Calling `randomSeed()` with a constant
+ * argument, such as `randomSeed(99)`, makes these functions produce the same
+ * results each time a sketch is run.
+ *
+ * @method randomSeed
+ * @param {Number} seed   seed value.
+ * @example
+ * <div>
+ * <code>
+ * let x = random(width);
+ * let y = random(height);
+ * circle(x, y, 10);
+ *
+ * randomSeed(99);
+ * x = random(width);
+ * y = random(height);
+ * fill(0);
+ * circle(x, y, 10);
+ *
+ * describe('A white circle appears at a random position. A black circle appears at (27.4, 25.8).');
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.randomSeed = function (seed) {
+          this._lcgSetSeed(randomStateProp, seed);
+          this._gaussian_previous = false;
+        };
+        /**
+ * Returns a random number or a random element from an array.
+ *
+ * `random()` follows uniform distribution, which means that all outcomes are
+ * equally likely. When `random()` is used to generate numbers, all
+ * numbers in the output range are equally likely to be returned. When
+ * `random()` is used to select elements from an array, all elements are
+ * equally likely to be chosen.
+ *
+ * By default, `random()` produces different results each time a sketch runs.
+ * The <a href="#/p5/randomSeed">randomSeed()</a> function can be used to
+ * generate the same sequence of numbers or choices each time a sketch runs.
+ *
+ * The version of `random()` with no parameters returns a random number from 0
+ * up to but not including 1.
+ *
+ * The version of `random()` with one parameter works one of two ways. If the
+ * argument passed is a number, `random()` returns a random number from 0 up
+ * to but not including the number. For example, calling `random(5)` returns
+ * values between 0 and 5. If the argument passed is an array, `random()`
+ * returns a random element from that array. For example, calling
+ * `random(['🦁', '🐯', '🐻'])` returns either a lion, tiger, or bear emoji.
+ *
+ * The version of `random()` with two parameters returns a random number from
+ * a given range. The arguments passed set the range's lower and upper bounds.
+ * For example, calling `random(-5, 10.2)` returns values from -5 up to but
+ * not including 10.2.
+ *
+ * @method random
+ * @param  {Number} [min]   lower bound (inclusive).
+ * @param  {Number} [max]   upper bound (exclusive).
+ * @return {Number} random number.
+ * @example
+ * <div>
+ * <code>
+ * let x = random(width);
+ * let y = random(height);
+ *
+ * strokeWeight(5);
+ * point(x, y);
+ *
+ * describe('A black dot appears in a random posiiton on a gray square.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let animals = ['🦁', '🐯', '🐻'];
+ * let animal = random(animals);
+ * text(animal, 50, 50);
+ *
+ * describe('An animal face is displayed at random. Either a lion, tiger, or bear.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function draw() {
+ *   background(200);
+ *
+ *   frameRate(5);
+ *   let x = random(width);
+ *   let y = random(height);
+ *
+ *   strokeWeight(5);
+ *   point(x, y);
+ *
+ *   describe('A black dot moves around randomly on a gray square.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function draw() {
+ *   background(200);
+ *
+ *   frameRate(5);
+ *   let x = random(45, 55);
+ *   let y = random(45, 55);
+ *
+ *   strokeWeight(5);
+ *   point(x, y);
+ *
+ *   describe('A black dot moves around randomly in the middle of a gray square.');
+ * }
+ * </code>
+ * </div>
+ */
+        /**
+ * @method random
+ * @param  {Array} choices   array to choose from.
+ * @return {*} random element from the array.
+ * @example
+ */
+        _main.default.prototype.random = function (min, max) {
+          _main.default._validateParameters('random', arguments);
+          var rand;
+          if (this[randomStateProp] != null) {
+            rand = this._lcg(randomStateProp);
+          } else {
+            rand = Math.random();
+          }
+          if (typeof min === 'undefined') {
+            return rand;
+          } else if (typeof max === 'undefined') {
+            if (min instanceof Array) {
+              return min[Math.floor(rand * min.length)];
+            } else {
+              return rand * min;
+            }
+          } else {
+            if (min > max) {
+              var tmp = min;
+              min = max;
+              max = tmp;
+            }
+            return rand * (max - min) + min;
+          }
+        };
+        /**
+ * Returns a random number fitting a Gaussian, or normal, distribution. Normal
+ * distributions look like bell curves when plotted. Values from a normal
+ * distribution cluster around a central value called the mean. The cluster's
+ * standard deviation describes its spread.
+ *
+ * By default, `randomGaussian()` produces different results each time a
+ * sketch runs. The <a href="#/p5/randomSeed">randomSeed()</a> function can be
+ * used to generate the same sequence of numbers each time a sketch runs.
+ *
+ * There's no minimum or maximum value that `randomGaussian()` might return.
+ * Values far from the mean are very unlikely and values near the mean are
+ * very likely.
+ *
+ * The version of `randomGaussian()` with no parameters returns values with a
+ * mean of 0 and standard deviation of 1.
+ *
+ * The version of `randomGaussian()` with one parameter interprets the
+ * argument passed as the mean. The standard deviation is 1.
+ *
+ * The version of `randomGaussian()` with two parameters interprets the first
+ * argument passed as the mean and the second as the standard deviation.
+ *
+ * @method randomGaussian
+ * @param  {Number} [mean]  mean.
+ * @param  {Number} [sd]    standard deviation.
+ * @return {Number} random number.
+ * @example
+ * <div>
+ * <code>
+ * function draw() {
+ *   noStroke();
+ *   fill(0, 10);
+ *
+ *   // Uniform distribution.
+ *   let x = random(width);
+ *   let y = 25;
+ *   circle(x, y, 5);
+ *
+ *   // Gaussian distribution with sd = 1.
+ *   x = randomGaussian(50);
+ *   y = 50;
+ *   circle(x, y, 5);
+ *
+ *   // Gaussian distribution with sd = 10.
+ *   x = randomGaussian(50, 10);
+ *   y = 75;
+ *   circle(x, y, 5);
+ *
+ *   describe('Three horizontal black lines are filled in randomly. The top line spans entire canvas. The middle line is very short. The bottom line spans two-thirds of the canvas.');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.randomGaussian = function (mean) {
+          var sd = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+          var y1,
+          x1,
+          x2,
+          w;
+          if (this._gaussian_previous) {
+            y1 = y2;
+            this._gaussian_previous = false;
+          } else {
+            do {
+              x1 = this.random(2) - 1;
+              x2 = this.random(2) - 1;
+              w = x1 * x1 + x2 * x2;
+            } while (w >= 1);
+            w = Math.sqrt( - 2 * Math.log(w) / w);
+            y1 = x1 * w;
+            y2 = x2 * w;
+            this._gaussian_previous = true;
+          }
+          var m = mean || 0;
+          return y1 * sd + m;
+        };
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        '../core/main': 298
+      }
+    ],
+    333: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.object.get-own-property-descriptor');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.weak-map');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        function _typeof2(obj) {
+          if (typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol') {
+            _typeof2 = function _typeof2(obj) {
+              return typeof obj;
+            };
+          } else {
+            _typeof2 = function _typeof2(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj;
+            };
+          }
+          return _typeof2(obj);
+        }
+        function _typeof(obj) {
+          if (typeof Symbol === 'function' && _typeof2(Symbol.iterator) === 'symbol') {
+            _typeof = function _typeof(obj) {
+              return _typeof2(obj);
+            };
+          } else {
+            _typeof = function _typeof(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : _typeof2(obj);
+            };
+          }
+          return _typeof(obj);
+        }
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        var constants = _interopRequireWildcard(_dereq_('../core/constants'));
+        function _getRequireWildcardCache() {
+          if (typeof WeakMap !== 'function') return null;
+          var cache = new WeakMap();
+          _getRequireWildcardCache = function _getRequireWildcardCache() {
+            return cache;
+          };
+          return cache;
+        }
+        function _interopRequireWildcard(obj) {
+          if (obj && obj.__esModule) {
+            return obj;
+          }
+          if (obj === null || _typeof(obj) !== 'object' && typeof obj !== 'function') {
+            return {
+            default:
+              obj
+            };
+          }
+          var cache = _getRequireWildcardCache();
+          if (cache && cache.has(obj)) {
+            return cache.get(obj);
+          }
+          var newObj = {
+          };
+          var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+          for (var key in obj) {
+            if (Object.prototype.hasOwnProperty.call(obj, key)) {
+              var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+              if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+              } else {
+                newObj[key] = obj[key];
+              }
+            }
+          }
+          newObj.default = obj;
+          if (cache) {
+            cache.set(obj, newObj);
+          }
+          return newObj;
+        }
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }        /**
+ * @module Math
+ * @submodule Trigonometry
+ * @for p5
+ * @requires core
+ * @requires constants
+ */
+        /*
+ * all DEGREES/RADIANS conversion should be done in the p5 instance
+ * if possible, using the p5._toRadians(), p5._fromRadians() methods.
+ */
+
+        _main.default.prototype._angleMode = constants.RADIANS;
+        /**
+ * The inverse of <a href="#/p5/cos">cos()</a>, returns the arc cosine of a
+ * value. This function expects arguments in the range -1 to 1. By default,
+ * `acos()` returns values in the range 0 to &pi; (about 3.14). If the
+ * <a href="#/p5/angleMode">angleMode()</a> is `DEGREES`, then values are
+ * returned in the range 0 to 180.
+ *
+ * @method acos
+ * @param  {Number} value value whose arc cosine is to be returned.
+ * @return {Number}       arc cosine of the given value.
+ *
+ * @example
+ * <div>
+ * <code>
+ * let a = PI;
+ * let c = cos(a);
+ * let ac = acos(c);
+ * text(`${round(a, 3)}`, 35, 25);
+ * text(`${round(c, 3)}`, 35, 50);
+ * text(`${round(ac, 3)}`, 35, 75);
+ *
+ * describe('The numbers 3.142, -1, and 3.142 written on separate rows.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let a = PI;
+ * let c = cos(a);
+ * let ac = acos(c);
+ * text(`${round(a, 3)}`, 35, 25);
+ * text(`${round(c, 3)}`, 35, 50);
+ * text(`${round(ac, 3)}`, 35, 75);
+ *
+ * describe('The numbers 3.927, -0.707, and 2.356 written on separate rows.');
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.acos = function (ratio) {
+          return this._fromRadians(Math.acos(ratio));
+        };
+        /**
+ * The inverse of <a href="#/p5/sin">sin()</a>, returns the arc sine of a
+ * value. This function expects input values in the range of -1 to 1. By
+ * default, `asin()` returns values in the range -&pi; &divide; 2
+ * (about -1.57) to &pi; &divide; 2 (about 1.57). If the
+ * <a href="#/p5/angleMode">angleMode()</a> is `DEGREES` then values are
+ * returned in the range -90 to 90.
+ *
+ * @method asin
+ * @param  {Number} value value whose arc sine is to be returned.
+ * @return {Number}       arc sine of the given value.
+ *
+ * @example
+ * <div>
+ * <code>
+ * let a = PI / 3;
+ * let s = sin(a);
+ * let as = asin(s);
+ * text(`${round(a, 3)}`, 35, 25);
+ * text(`${round(s, 3)}`, 35, 50);
+ * text(`${round(as, 3)}`, 35, 75);
+ *
+ * describe('The numbers 1.047, 0.866, and 1.047 written on separate rows.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let a = PI + PI / 3;
+ * let s = sin(a);
+ * let as = asin(s);
+ * text(`${round(a, 3)}`, 35, 25);
+ * text(`${round(s, 3)}`, 35, 50);
+ * text(`${round(as, 3)}`, 35, 75);
+ *
+ * describe('The numbers 4.189, -0.866, and -1.047 written on separate rows.');
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.asin = function (ratio) {
+          return this._fromRadians(Math.asin(ratio));
+        };
+        /**
+ * The inverse of <a href="#/p5/tan">tan()</a>, returns the arc tangent of a
+ * value. This function expects input values in the range of -Infinity to
+ * Infinity. By default, `atan()` returns values in the range -&pi; &divide; 2
+ * (about -1.57) to &pi; &divide; 2 (about 1.57). If the
+ * <a href="#/p5/angleMode">angleMode()</a> is `DEGREES` then values are
+ * returned in the range -90 to 90.
+ *
+ * @method atan
+ * @param  {Number} value value whose arc tangent is to be returned.
+ * @return {Number}       arc tangent of the given value.
+ *
+ * @example
+ * <div>
+ * <code>
+ * let a = PI / 3;
+ * let t = tan(a);
+ * let at = atan(t);
+ * text(`${round(a, 3)}`, 35, 25);
+ * text(`${round(t, 3)}`, 35, 50);
+ * text(`${round(at, 3)}`, 35, 75);
+ *
+ * describe('The numbers 1.047, 1.732, and 1.047 written on separate rows.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let a = PI + PI / 3;
+ * let t = tan(a);
+ * let at = atan(t);
+ * text(`${round(a, 3)}`, 35, 25);
+ * text(`${round(t, 3)}`, 35, 50);
+ * text(`${round(at, 3)}`, 35, 75);
+ *
+ * describe('The numbers 4.189, 1.732, and 1.047 written on separate rows.');
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.atan = function (ratio) {
+          return this._fromRadians(Math.atan(ratio));
+        };
+        /**
+ * Calculates the angle formed by a specified point, the origin, and the
+ * positive x-axis. By default, `atan2()` returns values in the range
+ * -&pi; (about -3.14) to &pi; (3.14). If the
+ * <a href="#/p5/angleMode">angleMode()</a> is `DEGREES`, then values are
+ * returned in the range -180 to 180. The `atan2()` function is most often
+ * used for orienting geometry to the mouse's position.
+ *
+ * Note: The y-coordinate of the point is the first parameter and the
+ * x-coordinate is the second parameter.
+ *
+ * @method atan2
+ * @param  {Number} y y-coordinate of the point.
+ * @param  {Number} x x-coordinate of the point.
+ * @return {Number}   arc tangent of the given point.
+ *
+ * @example
+ * <div>
+ * <code>
+ * function draw() {
+ *   background(200);
+ *   translate(width / 2, height / 2);
+ *   let x = mouseX - width / 2;
+ *   let y = mouseY - height / 2;
+ *   let a = atan2(y, x);
+ *   rotate(a);
+ *   rect(-30, -5, 60, 10);
+ *
+ *   describe('A rectangle at the center of the canvas rotates with mouse movements.');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.atan2 = function (y, x) {
+          return this._fromRadians(Math.atan2(y, x));
+        };
+        /**
+ * Calculates the cosine of an angle. `cos()` is useful for many geometric
+ * tasks in creative coding. The values returned oscillate between -1 and 1
+ * as the input angle increases. `cos()` takes into account the current
+ * <a href="#/p5/angleMode">angleMode</a>.
+ *
+ * @method cos
+ * @param  {Number} angle the angle.
+ * @return {Number}       cosine of the angle.
+ *
+ * @example
+ * <div>
+ * <code>
+ * function draw() {
+ *   background(200);
+ *
+ *   let t = frameCount;
+ *   let x = 30 * cos(t * 0.05) + 50;
+ *   let y = 50;
+ *   line(50, y, x, y);
+ *   circle(x, y, 20);
+ *
+ *   describe('A white ball on a string oscillates left and right.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function draw() {
+ *   let x = frameCount;
+ *   let y = 30 * cos(x * 0.1) + 50;
+ *   point(x, y);
+ *
+ *   describe('A series of black dots form a wave pattern.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function draw() {
+ *   let t = frameCount;
+ *   let x = 30 * cos(t * 0.1) + 50;
+ *   let y = 10 * sin(t * 0.2) + 50;
+ *   point(x, y);
+ *
+ *   describe('A series of black dots form an infinity symbol.');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.cos = function (angle) {
+          return Math.cos(this._toRadians(angle));
+        };
+        /**
+ * Calculates the sine of an angle. `sin()` is useful for many geometric tasks
+ * in creative coding. The values returned oscillate between -1 and 1 as the
+ * input angle increases. `sin()` takes into account the current
+ * <a href="#/p5/angleMode">angleMode</a>.
+ *
+ * @method sin
+ * @param  {Number} angle the angle.
+ * @return {Number}       sine of the angle.
+ *
+ * @example
+ * <div>
+ * <code>
+ * function draw() {
+ *   background(200);
+ *
+ *   let t = frameCount;
+ *   let x = 50;
+ *   let y = 30 * sin(t * 0.05) + 50;
+ *   line(x, 50, x, y);
+ *   circle(x, y, 20);
+ *
+ *   describe('A white ball on a string oscillates up and down.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function draw() {
+ *   let x = frameCount;
+ *   let y = 30 * sin(x * 0.1) + 50;
+ *   point(x, y);
+ *
+ *   describe('A series of black dots form a wave pattern.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function draw() {
+ *   let t = frameCount;
+ *   let x = 30 * cos(t * 0.1) + 50;
+ *   let y = 10 * sin(t * 0.2) + 50;
+ *   point(x, y);
+ *
+ *   describe('A series of black dots form an infinity symbol.');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.sin = function (angle) {
+          return Math.sin(this._toRadians(angle));
+        };
+        /**
+ * Calculates the tangent of an angle. `tan()` is useful for many geometric
+ * tasks in creative coding. The values returned range from -Infinity
+ * to Infinity and repeat periodically as the input angle increases. `tan()`
+ * takes into account the current <a href="#/p5/angleMode">angleMode</a>.
+ *
+ * @method tan
+ * @param  {Number} angle the angle.
+ * @return {Number}       tangent of the angle.
+ *
+ * @example
+ * <div>
+ * <code>
+ * function draw() {
+ *   let x = frameCount;
+ *   let y = 5 * tan(x * 0.1) + 50;
+ *   point(x, y);
+ *
+ *   describe('A series of identical curves drawn with black dots. Each curve starts from the top of the canvas, continues down at a slight angle, flattens out at the middle of the canvas, then continues to the bottom.');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.tan = function (angle) {
+          return Math.tan(this._toRadians(angle));
+        };
+        /**
+ * Converts an angle measurement in radians to its corresponding value in
+ * degrees. Degrees and radians are two ways of measuring the same thing.
+ * There are 360 degrees in a circle and 2 &times; &pi; (about 6.28)
+ * radians in a circle. For example, 90° = &pi; &divide; 2 (about 1.57)
+ * radians. This function doesn't take into account the current
+ * <a href="#/p5/angleMode">angleMode()</a>.
+ *
+ * @method degrees
+ * @param  {Number} radians radians value to convert to degrees.
+ * @return {Number}         converted angle.
+ *
+ * @example
+ * <div>
+ * <code>
+ * let rad = QUARTER_PI;
+ * let deg = degrees(rad);
+ * text(`${round(rad, 2)} rad = ${deg}˚`, 10, 50);
+ *
+ * describe('The text "0.79 rad = 45˚".');
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.degrees = function (angle) {
+          return angle * constants.RAD_TO_DEG;
+        };
+        /**
+ * Converts an angle measurement in degrees to its corresponding value in
+ * radians. Degrees and radians are two ways of measuring the same thing.
+ * There are 360 degrees in a circle and 2 &times; &pi; (about 6.28)
+ * radians in a circle. For example, 90° = &pi; &divide; 2 (about 1.57)
+ * radians. This function doesn't take into account the current
+ * <a href="#/p5/angleMode">angleMode()</a>.
+ *
+ * @method radians
+ * @param  {Number} degrees degree value to convert to radians.
+ * @return {Number}         converted angle.
+ *
+ * @example
+ * <div>
+ * <code>
+ * let deg = 45;
+ * let rad = radians(deg);
+ * text(`${deg}˚ = ${round(rad, 3)} rad`, 10, 50);
+ *
+ * describe('The text "45˚ = 0.785 rad".');
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.radians = function (angle) {
+          return angle * constants.DEG_TO_RAD;
+        };
+        /**
+ * Changes the way trigonometric functions interpret angle values. By default,
+ * the mode is `RADIANS`.
+ *
+ * Calling `angleMode()` with no arguments returns current angle mode.
+ * @method angleMode
+ * @param {Constant} mode either RADIANS or DEGREES.
+ * @example
+ * <div>
+ * <code>
+ * let r = 40;
+ * push();
+ * rotate(PI / 6);
+ * line(0, 0, r, 0);
+ * text('0.524 rad', r, 0);
+ * pop();
+ *
+ * angleMode(DEGREES);
+ * push();
+ * rotate(60);
+ * line(0, 0, r, 0);
+ * text('60˚', r, 0);
+ * pop();
+ *
+ * describe('Two diagonal lines radiating from the top left corner of a square. The lines are oriented 30 degrees from the edges of the square and 30 degrees apart from each other.');
+ * </code>
+ * </div>
+ *
+ */
+        /**
+ * @method angleMode
+ * @return {Constant} mode either RADIANS or DEGREES
+ */
+        _main.default.prototype.angleMode = function (mode) {
+          _main.default._validateParameters('angleMode', arguments);
+          if (typeof mode === 'undefined') {
+            return this._angleMode;
+          } else if (mode === constants.DEGREES || mode === constants.RADIANS) {
+            this._angleMode = mode;
+          }
+        };
+        /**
+ * converts angles from the current angleMode to RADIANS
+ *
+ * @method _toRadians
+ * @private
+ * @param {Number} angle
+ * @returns {Number}
+ */
+        _main.default.prototype._toRadians = function (angle) {
+          if (this._angleMode === constants.DEGREES) {
+            return angle * constants.DEG_TO_RAD;
+          }
+          return angle;
+        };
+        /**
+ * converts angles from the current angleMode to DEGREES
+ *
+ * @method _toDegrees
+ * @private
+ * @param {Number} angle
+ * @returns {Number}
+ */
+        _main.default.prototype._toDegrees = function (angle) {
+          if (this._angleMode === constants.RADIANS) {
+            return angle * constants.RAD_TO_DEG;
+          }
+          return angle;
+        };
+        /**
+ * converts angles from RADIANS into the current angleMode
+ *
+ * @method _fromRadians
+ * @private
+ * @param {Number} angle
+ * @returns {Number}
+ */
+        _main.default.prototype._fromRadians = function (angle) {
+          if (this._angleMode === constants.DEGREES) {
+            return angle * constants.RAD_TO_DEG;
+          }
+          return angle;
+        };
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        '../core/constants': 286,
+        '../core/main': 298,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.object.get-own-property-descriptor': 196,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/es.weak-map': 254,
+        'core-js/modules/web.dom-collections.iterator': 256
+      }
+    ],
+    334: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.regexp.exec');
+        _dereq_('core-js/modules/es.string.replace');
+        _dereq_('core-js/modules/es.string.split');
+        _dereq_('core-js/modules/es.regexp.exec');
+        _dereq_('core-js/modules/es.string.replace');
+        _dereq_('core-js/modules/es.string.split');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }        /**
+ * @module Typography
+ * @submodule Attributes
+ * @for p5
+ * @requires core
+ * @requires constants
+ */
+        /**
+ * Sets the way text is aligned when <a href="#/p5/text">text()</a> is called.
+ *
+ * By default, calling `text('hi', 10, 20)` places the bottom-left corner of
+ * the text's bounding box at (10, 20).
+ *
+ * The first parameter, `horizAlign`, changes the way
+ * <a href="#/p5/text">text()</a> interprets x-coordinates. By default, the
+ * x-coordinate sets the left edge of the bounding box. `textAlign()` accepts
+ * the following values for `horizAlign`: `LEFT`, `CENTER`, or `RIGHT`.
+ *
+ * The second parameter, `vertAlign`, is optional. It changes the way
+ * <a href="#/p5/text">text()</a> interprets y-coordinates. By default, the
+ * y-coordinate sets the bottom edge of the bounding box. `textAlign()`
+ * accepts the following values for `vertAlign`: `TOP`, `BOTTOM`, `CENTER`,
+ * or `BASELINE`.
+ *
+ * @method textAlign
+ * @param {Constant} horizAlign horizontal alignment, either LEFT,
+ *                            CENTER, or RIGHT.
+ * @param {Constant} [vertAlign] vertical alignment, either TOP,
+ *                            BOTTOM, CENTER, or BASELINE.
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * strokeWeight(0.5);
+ * line(50, 0, 50, 100);
+ *
+ * textSize(16);
+ * textAlign(RIGHT);
+ * text('ABCD', 50, 30);
+ * textAlign(CENTER);
+ * text('EFGH', 50, 50);
+ * textAlign(LEFT);
+ * text('IJKL', 50, 70);
+ *
+ * describe('The letters ABCD displayed at top-left, EFGH at center, and IJKL at bottom-right. A vertical line divides the canvas in half.');
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * strokeWeight(0.5);
+ *
+ * line(0, 12, width, 12);
+ * textAlign(CENTER, TOP);
+ * text('TOP', 50, 12);
+ *
+ * line(0, 37, width, 37);
+ * textAlign(CENTER, CENTER);
+ * text('CENTER', 50, 37);
+ *
+ * line(0, 62, width, 62);
+ * textAlign(CENTER, BASELINE);
+ * text('BASELINE', 50, 62);
+ *
+ * line(0, 97, width, 97);
+ * textAlign(CENTER, BOTTOM);
+ * text('BOTTOM', 50, 97);
+ *
+ * describe('The words "TOP", "CENTER", "BASELINE", and "BOTTOM" each drawn relative to a horizontal line. Their positions demonstrate different vertical alignments.');
+ * </code>
+ * </div>
+ */
+        /**
+ * @method textAlign
+ * @return {Object}
+ */
+
+        _main.default.prototype.textAlign = function (horizAlign, vertAlign) {
+          var _this$_renderer;
+          _main.default._validateParameters('textAlign', arguments);
+          return (_this$_renderer = this._renderer).textAlign.apply(_this$_renderer, arguments);
+        };
+        /**
+ * Sets the spacing between lines of text when
+ * <a href="#/p5/text">text()</a> is called. Spacing is measured in pixels.
+ *
+ * Calling `textLeading()` without an argument returns the current spacing.
+ *
+ * @method textLeading
+ * @param {Number} leading spacing between lines of text in units of pixels.
+ * @chainable
+ *
+ * @example
+ * <div>
+ * <code>
+ * // "\n" starts a new line of text.
+ * let lines = 'one\ntwo';
+ *
+ * text(lines, 10, 25);
+ *
+ * textLeading(30);
+ * text(lines, 70, 25);
+ *
+ * describe('The words "one" and "two" written on separate lines twice. The words on the left have less vertical spacing than the words on the right.');
+ * </code>
+ * </div>
+ */
+        /**
+ * @method textLeading
+ * @return {Number}
+ */
+        _main.default.prototype.textLeading = function (theLeading) {
+          var _this$_renderer2;
+          _main.default._validateParameters('textLeading', arguments);
+          return (_this$_renderer2 = this._renderer).textLeading.apply(_this$_renderer2, arguments);
+        };
+        /**
+ * Sets the font size when
+ * <a href="#/p5/text">text()</a> is called. Font size is measured in pixels.
+ *
+ * Calling `textSize()` without an arugment returns the current size.
+ *
+ * @method textSize
+ * @param {Number} size size of the letters in units of pixels
+ * @chainable
+ *
+ * @example
+ * <div>
+ * <code>
+ * textSize(12);
+ * text('Font Size 12', 10, 30);
+ * textSize(14);
+ * text('Font Size 14', 10, 60);
+ * textSize(16);
+ * text('Font Size 16', 10, 90);
+ *
+ * describe('The text "Font Size 12" drawn small, "Font Size 14" drawn medium, and "Font Size 16" drawn large.');
+ * </code>
+ * </div>
+ */
+        /**
+ * @method textSize
+ * @return {Number}
+ */
+        _main.default.prototype.textSize = function (theSize) {
+          var _this$_renderer3;
+          _main.default._validateParameters('textSize', arguments);
+          return (_this$_renderer3 = this._renderer).textSize.apply(_this$_renderer3, arguments);
+        };
+        /**
+ * Sets the style for system fonts when
+ * <a href="#/p5/text">text()</a> is called. `textStyle()` accepts the
+ * following values: `NORMAL`, `ITALIC`, `BOLD` or `BOLDITALIC`.
+ *
+ * `textStyle()` may be overridden by CSS styling. This function doesn't
+ * affect fonts loaded with <a href="#/p5/loadFont">loadFont()</a>.
+ *
+ * @method textStyle
+ * @param {Constant} style styling for text, either NORMAL,
+ *                            ITALIC, BOLD or BOLDITALIC
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * textSize(12);
+ * textAlign(CENTER);
+ *
+ * textStyle(NORMAL);
+ * text('Normal', 50, 15);
+ * textStyle(ITALIC);
+ * text('Italic', 50, 40);
+ * textStyle(BOLD);
+ * text('Bold', 50, 65);
+ * textStyle(BOLDITALIC);
+ * text('Bold Italic', 50, 90);
+ *
+ * describe('The words "Normal" displayed normally, "Italic" in italic, "Bold" in bold, and "Bold Italic" in bold italics.');
+ * </code>
+ * </div>
+ */
+        /**
+ * @method textStyle
+ * @return {String}
+ */
+        _main.default.prototype.textStyle = function (theStyle) {
+          var _this$_renderer4;
+          _main.default._validateParameters('textStyle', arguments);
+          return (_this$_renderer4 = this._renderer).textStyle.apply(_this$_renderer4, arguments);
+        };
+        /**
+ * Returns the maximum width of a string of text drawn when
+ * <a href="#/p5/text">text()</a> is called.
+ *
+ * @method textWidth
+ * @param {String} str string of text to measure.
+ * @return {Number} width measured in units of pixels.
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   background(200);
+ *
+ *   textSize(28);
+ *   strokeWeight(0.5);
+ *   let s = 'yoyo';
+ *   let w = textWidth(s);
+ *   text(s, 22, 55);
+ *   line(22, 55, 22 + w, 55);
+ *
+ *   describe('The word "yoyo" underlined.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function setup() {
+ *   background(200);
+ *
+ *   textSize(28);
+ *   strokeWeight(0.5);
+ *   // "\n" starts a new line.
+ *   let s = 'yo\nyo';
+ *   let w = textWidth(s);
+ *   text(s, 22, 55);
+ *   line(22, 55, 22 + w, 55);
+ *
+ *   describe('The word "yo" written twice, one copy beneath the other. The words are divided by a horizontal line.');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.textWidth = function () {
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
+          args[0] += '';
+          _main.default._validateParameters('textWidth', args);
+          if (args[0].length === 0) {
+            return 0;
+          }          // Only use the line with the longest width, and replace tabs with double-space
+
+          var textLines = args[0].replace(/\t/g, '  ').split(/\r?\n|\r|\n/g);
+          var newArr = [
+          ];
+          // Return the textWidth for every line
+          for (var i = 0; i < textLines.length; i++) {
+            newArr.push(this._renderer.textWidth(textLines[i]));
+          }          // Return the largest textWidth
+
+          var largestWidth = Math.max.apply(Math, newArr);
+          return largestWidth;
+        };
+        /**
+ * Returns the ascent of the current font at its current size. The ascent
+ * represents the distance, in pixels, of the tallest character above
+ * the baseline.
+ *
+ * @method textAscent
+ * @return {Number} ascent measured in units of pixels.
+ * @example
+ * <div>
+ * <code>
+ * let font;
+ *
+ * function preload()  {
+ *   font = loadFont('assets/inconsolata.otf');
+ * }
+ *
+ * function setup()  {
+ *   background(200);
+ *   textFont(font);
+ *
+ *   // Different for each font.
+ *   let fontScale = 0.8;
+ *
+ *   let baseY = 75;
+ *   strokeWeight(0.5);
+ *
+ *   // Draw small text.
+ *   textSize(24);
+ *   text('dp', 0, baseY);
+ *   // Draw baseline and ascent.
+ *   let a = textAscent() * fontScale;
+ *   line(0, baseY, 23, baseY);
+ *   line(23, baseY - a, 23, baseY);
+ *
+ *   // Draw large text.
+ *   textSize(48);
+ *   text('dp', 45, baseY);
+ *   // Draw baseline and ascent.
+ *   a = textAscent() * fontScale;
+ *   line(45, baseY, 91, baseY);
+ *   line(91, baseY - a, 91, baseY);
+ *
+ *   describe('The letters "dp" written twice in different sizes. Each version has a horizontal baseline. A vertical line extends upward from each baseline to the top of the "d".');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.textAscent = function () {
+          for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+            args[_key2] = arguments[_key2];
+          }
+          _main.default._validateParameters('textAscent', args);
+          return this._renderer.textAscent();
+        };
+        /**
+ * Returns the descent of the current font at its current size. The descent
+ * represents the distance, in pixels, of the character with the longest
+ * descender below the baseline.
+ *
+ * @method textDescent
+ * @return {Number} descent measured in units of pixels.
+ * @example
+ * <div>
+ * <code>
+ * let font;
+ *
+ * function preload()  {
+ *   font = loadFont('assets/inconsolata.otf');
+ * }
+ *
+ * function setup()  {
+ *   background(200);
+ *   textFont(font);
+ *
+ *   // Different for each font.
+ *   let fontScale = 0.9;
+ *
+ *   let baseY = 75;
+ *   strokeWeight(0.5);
+ *
+ *   // Draw small text.
+ *   textSize(24);
+ *   text('dp', 0, baseY);
+ *   // Draw baseline and descent.
+ *   let d = textDescent() * fontScale;
+ *   line(0, baseY, 23, baseY);
+ *   line(23, baseY, 23, baseY + d);
+ *
+ *   // Draw large text.
+ *   textSize(48);
+ *   text('dp', 45, baseY);
+ *   // Draw baseline and descent.
+ *   d = textDescent() * fontScale;
+ *   line(45, baseY, 91, baseY);
+ *   line(91, baseY, 91, baseY + d);
+ *
+ *   describe('The letters "dp" written twice in different sizes. Each version has a horizontal baseline. A vertical line extends downward from each baseline to the bottom of the "p".');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.textDescent = function () {
+          for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+            args[_key3] = arguments[_key3];
+          }
+          _main.default._validateParameters('textDescent', args);
+          return this._renderer.textDescent();
+        };
+        /**
+ * Helper function to measure ascent and descent.
+ */
+        _main.default.prototype._updateTextMetrics = function () {
+          return this._renderer._updateTextMetrics();
+        };
+        /**
+ * Sets the style for wrapping text when
+ * <a href="#/p5/text">text()</a> is called. `textWrap()` accepts the
+ * following values:
+ *
+ * `WORD` starts new lines of text at spaces. If a string of text doesn't
+ * have spaces, it may overflow the text box and the canvas. This is the
+ * default style.
+ *
+ * `CHAR` starts new lines as needed to stay within the text box.
+ *
+ * `textWrap()` only works when the maximum width is set for a text box. For
+ * example, calling `text('Have a wonderful day', 0, 10, 100)` sets the
+ * maximum width to 100 pixels.
+ *
+ * Calling `textWrap()` without an argument returns the current style.
+ *
+ * @method textWrap
+ * @param {Constant} style text wrapping style, either WORD or CHAR.
+ * @return {String} style
+ * @example
+ * <div>
+ * <code>
+ * textSize(20);
+ * textWrap(WORD);
+ * text('Have a wonderful day', 0, 10, 100);
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * textSize(20);
+ * textWrap(CHAR);
+ * text('Have a wonderful day', 0, 10, 100);
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * textSize(20);
+ * textWrap(CHAR);
+ * text('祝你有美好的一天', 0, 10, 100);
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.textWrap = function (wrapStyle) {
+          if (wrapStyle !== 'WORD' && wrapStyle !== 'CHAR') {
+            throw 'Error: textWrap accepts only WORD or CHAR';
+          }
+          return this._renderer.textWrap(wrapStyle);
+        };
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        '../core/main': 298,
+        'core-js/modules/es.regexp.exec': 205,
+        'core-js/modules/es.string.replace': 214,
+        'core-js/modules/es.string.split': 216
+      }
+    ],
+    335: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.concat');
+        _dereq_('core-js/modules/es.array.includes');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.last-index-of');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.object.get-own-property-descriptor');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.regexp.exec');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.string.split');
+        _dereq_('core-js/modules/es.weak-map');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        function _typeof2(obj) {
+          if (typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol') {
+            _typeof2 = function _typeof2(obj) {
+              return typeof obj;
+            };
+          } else {
+            _typeof2 = function _typeof2(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj;
+            };
+          }
+          return _typeof2(obj);
+        }
+        function _typeof(obj) {
+          if (typeof Symbol === 'function' && _typeof2(Symbol.iterator) === 'symbol') {
+            _typeof = function _typeof(obj) {
+              return _typeof2(obj);
+            };
+          } else {
+            _typeof = function _typeof(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : _typeof2(obj);
+            };
+          }
+          return _typeof(obj);
+        }
+        _dereq_('core-js/modules/es.array.concat');
+        _dereq_('core-js/modules/es.array.includes');
+        _dereq_('core-js/modules/es.array.last-index-of');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.regexp.exec');
+        _dereq_('core-js/modules/es.string.split');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        var constants = _interopRequireWildcard(_dereq_('../core/constants'));
+        var opentype = _interopRequireWildcard(_dereq_('opentype.js'));
+        _dereq_('../core/friendly_errors/validate_params');
+        _dereq_('../core/friendly_errors/file_errors');
+        _dereq_('../core/friendly_errors/fes_core');
+        function _getRequireWildcardCache() {
+          if (typeof WeakMap !== 'function') return null;
+          var cache = new WeakMap();
+          _getRequireWildcardCache = function _getRequireWildcardCache() {
+            return cache;
+          };
+          return cache;
+        }
+        function _interopRequireWildcard(obj) {
+          if (obj && obj.__esModule) {
+            return obj;
+          }
+          if (obj === null || _typeof(obj) !== 'object' && typeof obj !== 'function') {
+            return {
+            default:
+              obj
+            };
+          }
+          var cache = _getRequireWildcardCache();
+          if (cache && cache.has(obj)) {
+            return cache.get(obj);
+          }
+          var newObj = {
+          };
+          var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+          for (var key in obj) {
+            if (Object.prototype.hasOwnProperty.call(obj, key)) {
+              var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+              if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+              } else {
+                newObj[key] = obj[key];
+              }
+            }
+          }
+          newObj.default = obj;
+          if (cache) {
+            cache.set(obj, newObj);
+          }
+          return newObj;
+        }
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }        /**
+ * @module Typography
+ * @submodule Loading & Displaying
+ * @for p5
+ * @requires core
+ */
+        /**
+ * Loads a font and creates a <a href="#/p5.Font">p5.Font</a> object.
+ * `loadFont()` can load fonts in either .otf or .ttf format. Loaded fonts can
+ * be used to style text on the canvas and in HTML elements.
+ *
+ * The first parameter, `path`, is the path to a font file.
+ * Paths to local files should be relative. For example,
+ * `'assets/inconsolata.otf'`. The Inconsolata font used in the following
+ * examples can be downloaded for free
+ * <a href="https://www.fontsquirrel.com/fonts/inconsolata" target="_blank">here</a>.
+ * Paths to remote files should be URLs. For example,
+ * `'https://example.com/inconsolata.otf'`. URLs may be blocked due to browser
+ * security.
+ *
+ * The second parameter, `successCallback`, is optional. If a function is
+ * passed, it will be called once the font has loaded. The callback function
+ * may use the new <a href="#/p5.Font">p5.Font</a> object if needed.
+ *
+ * The third parameter, `failureCallback`, is also optional. If a function is
+ * passed, it will be called if the font fails to load. The callback function
+ * may use the error
+ * <a href="https://developer.mozilla.org/en-US/docs/Web/API/Event" target="_blank">Event</a>
+ * object if needed.
+ *
+ * Fonts can take time to load. Calling `loadFont()` in
+ * <a href="#/p5/preload">preload()</a> ensures fonts load before they're
+ * used in <a href="#/p5/setup">setup()</a> or
+ * <a href="#/p5/draw">draw()</a>.
+ *
+ * @method loadFont
+ * @param  {String}        path              path of the font to be loaded.
+ * @param  {Function}      [successCallback] function called with the
+ *                                           <a href="#/p5.Font">p5.Font</a> object after it
+ *                                           loads.
+ * @param  {Function}      [failureCallback] function called with the error
+ *                                           <a href="https://developer.mozilla.org/en-US/docs/Web/API/Event" target="_blank">Event</a>
+ *                                           object if the font fails to load.
+ * @return {p5.Font}                         <a href="#/p5.Font">p5.Font</a> object.
+ * @example
+ *
+ * <div>
+ * <code>
+ * let font;
+ *
+ * function preload() {
+ *   font = loadFont('assets/inconsolata.otf');
+ * }
+ *
+ * function setup() {
+ *   fill('deeppink');
+ *   textFont(font);
+ *   textSize(36);
+ *   text('p5*js', 10, 50);
+ *
+ *   describe('The text "p5*js" written in pink on a white background.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function setup() {
+ *   loadFont('assets/inconsolata.otf', font => {
+ *     fill('deeppink');
+ *     textFont(font);
+ *     textSize(36);
+ *     text('p5*js', 10, 50);
+ *
+ *     describe('The text "p5*js" written in pink on a white background.');
+ *   });
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function setup() {
+ *   loadFont('assets/inconsolata.otf', success, failure);
+ * }
+ *
+ * function success(font) {
+ *   fill('deeppink');
+ *   textFont(font);
+ *   textSize(36);
+ *   text('p5*js', 10, 50);
+ *
+ *   describe('The text "p5*js" written in pink on a white background.');
+ * }
+ *
+ * function failure(event) {
+ *   console.error('Oops!', event);
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function preload() {
+ *   loadFont('assets/inconsolata.otf');
+ * }
+ *
+ * function setup() {
+ *   let p = createP('p5*js');
+ *   p.style('color', 'deeppink');
+ *   p.style('font-family', 'Inconsolata');
+ *   p.style('font-size', '36px');
+ *   p.position(10, 50);
+ *
+ *   describe('The text "p5*js" written in pink on a white background.');
+ * }
+ * </code>
+ * </div>
+ */
+
+        _main.default.prototype.loadFont = function (path, onSuccess, onError) {
+          _main.default._validateParameters('loadFont', arguments);
+          var p5Font = new _main.default.Font(this);
+          var self = this;
+          opentype.load(path, function (err, font) {
+            if (err) {
+              _main.default._friendlyFileLoadError(4, path);
+              if (typeof onError !== 'undefined') {
+                return onError(err);
+              }
+              console.error(err, path);
+              return;
+            }
+            p5Font.font = font;
+            if (typeof onSuccess !== 'undefined') {
+              onSuccess(p5Font);
+            }
+            self._decrementPreload();
+            // check that we have an acceptable font type
+            var validFontTypes = [
+              'ttf',
+              'otf',
+              'woff',
+              'woff2'
+            ];
+            var fileNoPath = path.split('\\').pop().split('/').pop();
+            var lastDotIdx = fileNoPath.lastIndexOf('.');
+            var fontFamily;
+            var newStyle;
+            var fileExt = lastDotIdx < 1 ? null : fileNoPath.slice(lastDotIdx + 1);
+            // if so, add it to the DOM (name-only) for use with DOM module
+            if (validFontTypes.includes(fileExt)) {
+              fontFamily = fileNoPath.slice(0, lastDotIdx !== - 1 ? lastDotIdx : 0);
+              newStyle = document.createElement('style');
+              newStyle.appendChild(document.createTextNode('\n@font-face {\nfont-family: '.concat(fontFamily, ';\nsrc: url(').concat(path, ');\n}\n')));
+              document.head.appendChild(newStyle);
+            }
+          });
+          return p5Font;
+        };
+        /**
+ * Draws text to the canvas.
+ *
+ * The first parameter, `str`, is the text to be drawn. The second and third
+ * parameters, `x` and `y`, set the coordinates of the text's bottom-left
+ * corner. See <a href="#/p5/textAlign">textAlign()</a> for other ways to
+ * align text.
+ *
+ * The fourth and fifth parameters, `maxWidth` and `maxHeight`, are optional.
+ * They set the dimensions of the invisible rectangle containing the text. By
+ * default, they set its  maximum width and height. See
+ * <a href="#/p5/rectMode">rectMode()</a> for other ways to define the
+ * rectangular text box. Text will wrap to fit within the text box. Text
+ * outside of the box won't be drawn.
+ *
+ * Text can be styled a few ways. Call the <a href="#/p5/fill">fill()</a>
+ * function to set the text's fill color. Call
+ * <a href="#/p5/stroke">stroke()</a> and
+ * <a href="#/p5/strokeWeight">strokeWeight()</a> to set the text's outline.
+ * Call <a href="#/p5/textSize">textSize()</a> and
+ * <a href="#/p5/textFont">textFont()</a> to set the text's size and font,
+ * respectively.
+ *
+ * Note: `WEBGL` mode only supports fonts loaded with
+ * <a href="#/p5/loadFont">loadFont()</a>. Calling
+ * <a href="#/p5/stroke">stroke()</a> has no effect in `WEBGL` mode.
+ *
+ * @method text
+ * @param {String|Object|Array|Number|Boolean} str text to be displayed.
+ * @param {Number} x          x-coordinate of the text box.
+ * @param {Number} y          y-coordinate of the text box.
+ * @param {Number} [maxWidth] maximum width of the text box. See
+ *                            <a href="#/p5/rectMode">rectMode()</a> for
+ *                            other options.
+ * @param {Number} [maxHeight] maximum height of the text box. See
+ *                            <a href="#/p5/rectMode">rectMode()</a> for
+ *                            other options.
+ *
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   background(200);
+ *   text('hi', 50, 50);
+ *
+ *   describe('The text "hi" written in black in the middle of a gray square.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function setup() {
+ *   background('skyblue');
+ *   textSize(100);
+ *   text('🌈', 0, 100);
+ *
+ *   describe('A rainbow in a blue sky.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function setup() {
+ *   textSize(32);
+ *   fill(255);
+ *   stroke(0);
+ *   strokeWeight(4);
+ *   text('hi', 50, 50);
+ *
+ *   describe('The text "hi" written in white with a black outline.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function setup() {
+ *   background('black');
+ *   textSize(22);
+ *   fill('yellow');
+ *   text('rainbows', 6, 20);
+ *   fill('cornflowerblue');
+ *   text('rainbows', 6, 45);
+ *   fill('tomato');
+ *   text('rainbows', 6, 70);
+ *   fill('limegreen');
+ *   text('rainbows', 6, 95);
+ *
+ *   describe('The text "rainbows" written on several lines, each in a different color.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function setup() {
+ *   background(200);
+ *   let s = 'The quick brown fox jumps over the lazy dog.';
+ *   text(s, 10, 10, 70, 80);
+ *
+ *   describe('The sample text "The quick brown fox..." written in black across several lines.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function setup() {
+ *   background(200);
+ *   rectMode(CENTER);
+ *   let s = 'The quick brown fox jumps over the lazy dog.';
+ *   text(s, 50, 50, 70, 80);
+ *
+ *   describe('The sample text "The quick brown fox..." written in black across several lines.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div modernizr='webgl'>
+ * <code>
+ * let font;
+ *
+ * function preload() {
+ *   font = loadFont('assets/inconsolata.otf');
+ * }
+ *
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   textFont(font);
+ *   textSize(32);
+ *   textAlign(CENTER, CENTER);
+ * }
+ *
+ * function draw() {
+ *   background(0);
+ *   rotateY(frameCount / 30);
+ *   text('p5*js', 0, 0);
+ *
+ *   describe('The text "p5*js" written in white and spinning in 3D.');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.text = function (str, x, y, maxWidth, maxHeight) {
+          var _this$_renderer;
+          _main.default._validateParameters('text', arguments);
+          return !(this._renderer._doFill || this._renderer._doStroke) ? this : (_this$_renderer = this._renderer).text.apply(_this$_renderer, arguments);
+        };
+        /**
+ * Sets the font used by the <a href="#/p5/text">text()</a> function.
+ *
+ * The first parameter, `font`, sets the font. `textFont()` recognizes either
+ * a <a href="#/p5.Font">p5.Font</a> object or a string with the name of a
+ * system font. For example, `'Courier New'`.
+ *
+ * The second parameter, `size`, is optional. It sets the font size in pixels.
+ * This has the same effect as calling <a href="#/p5/textSize">textSize()</a>.
+ *
+ * Note: `WEBGL` mode only supports fonts loaded with
+ * <a href="#/p5/loadFont">loadFont()</a>.
+ *
+ * @method textFont
+ * @return {Object} current font or p5 Object.
+ *
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   background(200);
+ *   textFont('Courier New');
+ *   textSize(24);
+ *   text('hi', 35, 55);
+ *
+ *   describe('The text "hi" written in a black, monospace font on a gray background.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function setup() {
+ *   background('black');
+ *   fill('palegreen');
+ *   textFont('Courier New', 10);
+ *   text('You turn to the left and see a door. Do you enter?', 5, 5, 90, 90);
+ *   text('>', 5, 70);
+ *
+ *   describe('A text prompt from a game is written in a green, monospace font on a black background.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * function setup() {
+ *   background(200);
+ *   textFont('Verdana');
+ *   let currentFont = textFont();
+ *   text(currentFont, 25, 50);
+ *
+ *   describe('The text "Verdana" written in a black, sans-serif font on a gray background.');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * let fontRegular;
+ * let fontItalic;
+ * let fontBold;
+ *
+ * function preload() {
+ *   fontRegular = loadFont('assets/Regular.otf');
+ *   fontItalic = loadFont('assets/Italic.ttf');
+ *   fontBold = loadFont('assets/Bold.ttf');
+ * }
+ *
+ * function setup() {
+ *   background(200);
+ *   textFont(fontRegular);
+ *   text('I am Normal', 10, 30);
+ *   textFont(fontItalic);
+ *   text('I am Italic', 10, 50);
+ *   textFont(fontBold);
+ *   text('I am Bold', 10, 70);
+ *
+ *   describe('The statements "I am Normal", "I am Italic", and "I am Bold" written in black on separate lines. The statements have normal, italic, and bold fonts, respectively.');
+ * }
+ * </code>
+ * </div>
+ */
+        /**
+ * @method textFont
+ * @param {Object|String} font font as a <a href="#/p5.Font">p5.Font</a> object or a string.
+ * @param {Number} [size] font size in pixels.
+ * @chainable
+ */
+        _main.default.prototype.textFont = function (theFont, theSize) {
+          _main.default._validateParameters('textFont', arguments);
+          if (arguments.length) {
+            if (!theFont) {
+              throw new Error('null font passed to textFont');
+            }
+            this._renderer._setProperty('_textFont', theFont);
+            if (theSize) {
+              this._renderer._setProperty('_textSize', theSize);
+              if (!this._renderer._leadingSet) {
+                // only use a default value if not previously set (#5181)
+                this._renderer._setProperty('_textLeading', theSize * constants._DEFAULT_LEADMULT);
+              }
+            }
+            return this._renderer._applyTextProperties();
+          }
+          return this._renderer._textFont;
+        };
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        '../core/constants': 286,
+        '../core/friendly_errors/fes_core': 289,
+        '../core/friendly_errors/file_errors': 290,
+        '../core/friendly_errors/validate_params': 293,
+        '../core/main': 298,
+        'core-js/modules/es.array.concat': 169,
+        'core-js/modules/es.array.includes': 177,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.array.last-index-of': 181,
+        'core-js/modules/es.array.slice': 183,
+        'core-js/modules/es.object.get-own-property-descriptor': 196,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.regexp.exec': 205,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.string.split': 216,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/es.weak-map': 254,
+        'core-js/modules/web.dom-collections.iterator': 256,
+        'opentype.js': 271
+      }
+    ],
+    336: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.concat');
+        _dereq_('core-js/modules/es.array.fill');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.join');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.array.splice');
+        _dereq_('core-js/modules/es.function.name');
+        _dereq_('core-js/modules/es.number.to-fixed');
+        _dereq_('core-js/modules/es.object.get-own-property-descriptor');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.regexp.exec');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.string.replace');
+        _dereq_('core-js/modules/es.string.split');
+        _dereq_('core-js/modules/es.weak-map');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        function _typeof2(obj) {
+          if (typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol') {
+            _typeof2 = function _typeof2(obj) {
+              return typeof obj;
+            };
+          } else {
+            _typeof2 = function _typeof2(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj;
+            };
+          }
+          return _typeof2(obj);
+        }
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.concat');
+        _dereq_('core-js/modules/es.array.fill');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.join');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.array.splice');
+        _dereq_('core-js/modules/es.function.name');
+        _dereq_('core-js/modules/es.number.to-fixed');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.regexp.exec');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.string.replace');
+        _dereq_('core-js/modules/es.string.split');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        var constants = _interopRequireWildcard(_dereq_('../core/constants'));
+        function _getRequireWildcardCache() {
+          if (typeof WeakMap !== 'function') return null;
+          var cache = new WeakMap();
+          _getRequireWildcardCache = function _getRequireWildcardCache() {
+            return cache;
+          };
+          return cache;
+        }
+        function _interopRequireWildcard(obj) {
+          if (obj && obj.__esModule) {
+            return obj;
+          }
+          if (obj === null || _typeof(obj) !== 'object' && typeof obj !== 'function') {
+            return {
+            default:
+              obj
+            };
+          }
+          var cache = _getRequireWildcardCache();
+          if (cache && cache.has(obj)) {
+            return cache.get(obj);
+          }
+          var newObj = {
+          };
+          var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+          for (var key in obj) {
+            if (Object.prototype.hasOwnProperty.call(obj, key)) {
+              var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+              if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+              } else {
+                newObj[key] = obj[key];
+              }
+            }
+          }
+          newObj.default = obj;
+          if (cache) {
+            cache.set(obj, newObj);
+          }
+          return newObj;
+        }
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }
+        function _typeof(obj) {
+          if (typeof Symbol === 'function' && _typeof2(Symbol.iterator) === 'symbol') {
+            _typeof = function _typeof(obj) {
+              return _typeof2(obj);
+            };
+          } else {
+            _typeof = function _typeof(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : _typeof2(obj);
+            };
+          }
+          return _typeof(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;
+        } /**
+   * This module defines the <a href="#/p5.Font">p5.Font</a> class and functions for
+   * drawing text to the display canvas.
+   * @module Typography
+   * @submodule Loading & Displaying
+   * @requires core
+   * @requires constants
+   */
+        /**
+ * A class to describe fonts.
+ * @class p5.Font
+ * @constructor
+ * @param {p5} [pInst] pointer to p5 instance.
+ * @example
+ * <div>
+ * <code>
+ * let font;
+ *
+ * function preload() {
+ *   // Creates a p5.Font object.
+ *   font = loadFont('assets/inconsolata.otf');
+ * }
+ *
+ * function setup() {
+ *   fill('deeppink');
+ *   textFont(font);
+ *   textSize(36);
+ *   text('p5*js', 10, 50);
+ *
+ *   describe('The text "p5*js" written in pink on a white background.');
+ * }
+ * </code>
+ * </div>
+ */
+
+        _main.default.Font = /*#__PURE__*/ function () {
+          function _class(p) {
+            _classCallCheck(this, _class);
+            this.parent = p;
+            this.cache = {
+            };
+            /**
+    * Underlying
+    * <a href="https://opentype.js.org/" target="_blank">opentype.js</a>
+    * font object.
+    * @property font
+    * @name font
+    */
+            this.font = undefined;
+          }          /**
+  * Returns the bounding box for a string of text written using this
+  * <a href="#/p5.Font">p5.Font</a>.
+  *
+  * The first parameter, `str`, is a string of text. The second and third
+  * parameters, `x` and `y`, are the text's position. By default, they set the
+  * coordinates of the bounding box's bottom-left corner. See
+  * <a href="#/p5/textAlign">textAlign()</a> for more ways to align text.
+  *
+  * The fourth parameter, `fontSize`, is optional. It sets the font size used to
+  * determine the bounding box. By default, `font.textBounds()` will use the
+  * current <a href="#/p5/textSize">textSize()</a>.
+  *
+  * @method textBounds
+  * @param  {String} str        string of text.
+  * @param  {Number} x          x-coordinate of the text.
+  * @param  {Number} y          y-coordinate of the text.
+  * @param  {Number} [fontSize] font size. Defaults to the current
+  *                             <a href="#/p5/textSize">textSize()</a>.
+  * @return {Object}            object describing the bounding box with
+  *                             properties x, y, w, and h.
+  *
+  * @example
+  * <div>
+  * <code>
+  * let font;
+  *
+  * function preload() {
+  *   font = loadFont('assets/inconsolata.otf');
+  * }
+  *
+  * function setup() {
+  *   background(200);
+  *
+  *   let bbox = font.textBounds('p5*js', 35, 53);
+  *   rect(bbox.x, bbox.y, bbox.w, bbox.h);
+  *
+  *   textFont(font);
+  *   text('p5*js', 35, 53);
+  *
+  *   describe('The text "p5*js" written in black inside a white rectangle.');
+  * }
+  * </code>
+  * </div>
+  *
+  * <div>
+  * <code>
+  * let font;
+  *
+  * function preload() {
+  *   font = loadFont('assets/inconsolata.otf');
+  * }
+  *
+  * function setup() {
+  *   background(200);
+  *
+  *   textFont(font);
+  *   textSize(15);
+  *   textAlign(CENTER, CENTER);
+  *
+  *   let bbox = font.textBounds('p5*js', 50, 50);
+  *   rect(bbox.x, bbox.y, bbox.w, bbox.h);
+  *
+  *   text('p5*js', 50, 50);
+  *
+  *   describe('The text "p5*js" written in black inside a white rectangle.');
+  * }
+  * </code>
+  * </div>
+  *
+  * <div>
+  * <code>
+  * let font;
+  *
+  * function preload() {
+  *   font = loadFont('assets/inconsolata.otf');
+  * }
+  *
+  * function setup() {
+  *   background(200);
+  *
+  *   let bbox = font.textBounds('p5*js', 31, 53, 15);
+  *   rect(bbox.x, bbox.y, bbox.w, bbox.h);
+  *
+  *   textFont(font);
+  *   textSize(15);
+  *   text('p5*js', 31, 53);
+  *
+  *   describe('The text "p5*js" written in black inside a white rectangle.');
+  * }
+  * </code>
+  * </div>
+  */
+
+          _createClass(_class, [
+            {
+              key: 'textBounds',
+              value: function textBounds(str) {
+                var x = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+                var y = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+                var fontSize = arguments.length > 3 ? arguments[3] : undefined;
+                var opts = arguments.length > 4 ? arguments[4] : undefined;
+                // Check cache for existing bounds. Take into consideration the text alignment
+                // settings. Default alignment should match opentype's origin: left-aligned &
+                // alphabetic baseline.
+                var p = opts && opts.renderer && opts.renderer._pInst || this.parent;
+                var ctx = p._renderer.drawingContext;
+                var alignment = ctx.textAlign || constants.LEFT;
+                var baseline = ctx.textBaseline || constants.BASELINE;
+                var cacheResults = false;
+                var result;
+                var key;
+                fontSize = fontSize || p._renderer._textSize;
+                // NOTE: cache disabled for now pending further discussion of #3436
+                if (cacheResults) {
+                  key = cacheKey('textBounds', str, x, y, fontSize, alignment, baseline);
+                  result = this.cache[key];
+                }
+                if (!result) {
+                  var minX = [
+                  ];
+                  var minY;
+                  var maxX = [
+                  ];
+                  var maxY;
+                  var pos;
+                  var xCoords = [
+                  ];
+                  xCoords[0] = [
+                  ];
+                  var yCoords = [
+                  ];
+                  var scale = this._scale(fontSize);
+                  var lineHeight = p._renderer.textLeading();
+                  var lineCount = 0;
+                  this.font.forEachGlyph(str, x, y, fontSize, opts, function (glyph, gX, gY, gFontSize) {
+                    var gm = glyph.getMetrics();
+                    if (glyph.index === 0 || glyph.index === 10) {
+                      lineCount += 1;
+                      xCoords[lineCount] = [
+                      ];
+                    } else {
+                      xCoords[lineCount].push(gX + gm.xMin * scale);
+                      xCoords[lineCount].push(gX + gm.xMax * scale);
+                      yCoords.push(gY + lineCount * lineHeight + - gm.yMin * scale);
+                      yCoords.push(gY + lineCount * lineHeight + - gm.yMax * scale);
+                    }
+                  });
+                  if (xCoords[lineCount].length > 0) {
+                    minX[lineCount] = Math.min.apply(null, xCoords[lineCount]);
+                    maxX[lineCount] = Math.max.apply(null, xCoords[lineCount]);
+                  }
+                  var finalMaxX = 0;
+                  for (var i = 0; i <= lineCount; i++) {
+                    minX[i] = Math.min.apply(null, xCoords[i]);
+                    maxX[i] = Math.max.apply(null, xCoords[i]);
+                    var lineLength = maxX[i] - minX[i];
+                    if (lineLength > finalMaxX) {
+                      finalMaxX = lineLength;
+                    }
+                  }
+                  var finalMinX = Math.min.apply(null, minX);
+                  minY = Math.min.apply(null, yCoords);
+                  maxY = Math.max.apply(null, yCoords);
+                  result = {
+                    x: finalMinX,
+                    y: minY,
+                    h: maxY - minY,
+                    w: finalMaxX,
+                    advance: finalMinX - x
+                  };
+                  // Bounds are now calculated, so shift the x & y to match alignment settings
+                  pos = this._handleAlignment(p._renderer, str, result.x, result.y, result.w + result.advance);
+                  result.x = pos.x;
+                  result.y = pos.y;
+                  if (cacheResults) {
+                    this.cache[key] = result;
+                  }
+                }
+                return result;
+              }              /**
+    * Returns an array of points outlining a string of text written using this
+    * <a href="#/p5.Font">p5.Font</a>.
+    *
+    * The first parameter, `str`, is a string of text. The second and third
+    * parameters, `x` and `y`, are the text's position. By default, they set the
+    * coordinates of the bounding box's bottom-left corner. See
+    * <a href="#/p5/textAlign">textAlign()</a> for more ways to align text.
+    *
+    * The fourth parameter, `fontSize`, is optional. It sets the text's font
+    * size. By default, `font.textToPoints()` will use the current
+    * <a href="#/p5/textSize">textSize()</a>.
+    *
+    * The fifth parameter, `options`, is also optional. `font.textToPoints()`
+    * expects an object with the following properties:
+    *
+    * `sampleFactor` is the ratio of the text's path length to the number of
+    * samples. It defaults to 0.1. Higher values produce more points along the
+    * path and are more precise.
+    *
+    * `simplifyThreshold` removes collinear points if it's set to a number other
+    * than 0. The value represents the threshold angle to use when determining
+    * whether two edges are collinear.
+    *
+    * @method textToPoints
+    * @param  {String} str        string of text.
+    * @param  {Number} x          x-coordinate of the text.
+    * @param  {Number} y          y-coordinate of the text.
+    * @param  {Number} [fontSize] font size. Defaults to the current
+    *                             <a href="#/p5/textSize">textSize()</a>.
+    * @param  {Object} [options]  object with sampleFactor and simplifyThreshold
+    *                             properties.
+    * @return {Array} array of point objects, each with x, y, and alpha (path angle) properties.
+    * @example
+    * <div>
+    * <code>
+    * let font;
+    *
+    * function preload() {
+    *   font = loadFont('assets/inconsolata.otf');
+    * }
+    *
+    * function setup() {
+    *   background(200);
+    *   let points = font.textToPoints('p5*js', 6, 60, 35, { sampleFactor:  0.5 });
+    *   points.forEach(p =>  {
+    *     point(p.x, p.y);
+    *   });
+    *
+    *   describe('A set of black dots outlining the text "p5*js" on a gray background.');
+    * }
+    * </code>
+    * </div>
+    */
+
+            },
+            {
+              key: 'textToPoints',
+              value: function textToPoints(txt, x, y, fontSize, options) {
+                var xOriginal = x;
+                var result = [
+                ];
+                var lines = txt.split(/\r?\n|\r|\n/g);
+                fontSize = fontSize || this.parent._renderer._textSize;
+                function isSpace(i, text, glyphsLine) {
+                  return glyphsLine[i].name && glyphsLine[i].name === 'space' || text.length === glyphsLine.length && text[i] === ' ' //||
+                  //(glyphs[i].index && glyphs[i].index === 3)
+                  ;
+                }
+                for (var i = 0; i < lines.length; i++) {
+                  var xoff = 0;
+                  x = xOriginal;
+                  var line = lines[i];
+                  line = line.replace('\t', '  ');
+                  var glyphs = this._getGlyphs(line);
+                  for (var j = 0; j < glyphs.length; j++) {
+                    if (!isSpace(j, line, glyphs)) {
+                      // fix to #1817, #2069
+                      var gpath = glyphs[j].getPath(x, y, fontSize),
+                      paths = splitPaths(gpath.commands);
+                      for (var k = 0; k < paths.length; k++) {
+                        var pts = pathToPoints(paths[k], options);
+                        for (var l = 0; l < pts.length; l++) {
+                          pts[l].x += xoff;
+                          result.push(pts[l]);
+                        }
+                      }
+                    }
+                    xoff += glyphs[j].advanceWidth * this._scale(fontSize);
+                  }
+                  y = y + this.parent._renderer._textLeading;
+                }
+                return result;
+              } // ----------------------------- End API ------------------------------
+              /**
+    * Returns the set of opentype glyphs for the supplied string.
+    *
+    * Note that there is not a strict one-to-one mapping between characters
+    * and glyphs, so the list of returned glyphs can be larger or smaller
+    *  than the length of the given string.
+    *
+    * @private
+    * @param  {String} str the string to be converted
+    * @return {Array}     the opentype glyphs
+    */
+
+            },
+            {
+              key: '_getGlyphs',
+              value: function _getGlyphs(str) {
+                return this.font.stringToGlyphs(str);
+              }              /**
+    * Returns an opentype path for the supplied string and position.
+    *
+    * @private
+    * @param  {String} line     a line of text
+    * @param  {Number} x        x-position
+    * @param  {Number} y        y-position
+    * @param  {Object} options opentype options (optional)
+    * @return {Object}     the opentype path
+    */
+
+            },
+            {
+              key: '_getPath',
+              value: function _getPath(line, x, y, options) {
+                var p = options && options.renderer && options.renderer._pInst || this.parent,
+                renderer = p._renderer,
+                pos = this._handleAlignment(renderer, line, x, y);
+                return this.font.getPath(line, pos.x, pos.y, renderer._textSize, options);
+              }              /*
+    * Creates an SVG-formatted path-data string
+    * (See http://www.w3.org/TR/SVG/paths.html#PathData)
+    * from the given opentype path or string/position
+    *
+    * @param  {Object} path    an opentype path, OR the following:
+    *
+    * @param  {String} line     a line of text
+    * @param  {Number} x        x-position
+    * @param  {Number} y        y-position
+    * @param  {Object} options opentype options (optional), set options.decimals
+    * to set the decimal precision of the path-data
+    *
+    * @return {Object}     this p5.Font object
+    */
+
+            },
+            {
+              key: '_getPathData',
+              value: function _getPathData(line, x, y, options) {
+                var decimals = 3;
+                // create path from string/position
+                if (typeof line === 'string' && arguments.length > 2) {
+                  line = this._getPath(line, x, y, options);
+                } else if (_typeof(x) === 'object') {
+                  // handle options specified in 2nd arg
+                  options = x;
+                }                // handle svg arguments
+
+                if (options && typeof options.decimals === 'number') {
+                  decimals = options.decimals;
+                }
+                return line.toPathData(decimals);
+              }              /*
+    * Creates an SVG <path> element, as a string,
+    * from the given opentype path or string/position
+    *
+    * @param  {Object} path    an opentype path, OR the following:
+    *
+    * @param  {String} line     a line of text
+    * @param  {Number} x        x-position
+    * @param  {Number} y        y-position
+    * @param  {Object} options opentype options (optional), set options.decimals
+    * to set the decimal precision of the path-data in the <path> element,
+    *  options.fill to set the fill color for the <path> element,
+    *  options.stroke to set the stroke color for the <path> element,
+    *  options.strokeWidth to set the strokeWidth for the <path> element.
+    *
+    * @return {Object}     this p5.Font object
+    */
+
+            },
+            {
+              key: '_getSVG',
+              value: function _getSVG(line, x, y, options) {
+                var decimals = 3;
+                // create path from string/position
+                if (typeof line === 'string' && arguments.length > 2) {
+                  line = this._getPath(line, x, y, options);
+                } else if (_typeof(x) === 'object') {
+                  // handle options specified in 2nd arg
+                  options = x;
+                }                // handle svg arguments
+
+                if (options) {
+                  if (typeof options.decimals === 'number') {
+                    decimals = options.decimals;
+                  }
+                  if (typeof options.strokeWidth === 'number') {
+                    line.strokeWidth = options.strokeWidth;
+                  }
+                  if (typeof options.fill !== 'undefined') {
+                    line.fill = options.fill;
+                  }
+                  if (typeof options.stroke !== 'undefined') {
+                    line.stroke = options.stroke;
+                  }
+                }
+                return line.toSVG(decimals);
+              }              /*
+    * Renders an opentype path or string/position
+    * to the current graphics context
+    *
+    * @param  {Object} path    an opentype path, OR the following:
+    *
+    * @param  {String} line     a line of text
+    * @param  {Number} x        x-position
+    * @param  {Number} y        y-position
+    * @param  {Object} options opentype options (optional)
+    *
+    * @return {p5.Font}     this p5.Font object
+    */
+
+            },
+            {
+              key: '_renderPath',
+              value: function _renderPath(line, x, y, options) {
+                var pdata;
+                var pg = options && options.renderer || this.parent._renderer;
+                var ctx = pg.drawingContext;
+                if (_typeof(line) === 'object' && line.commands) {
+                  pdata = line.commands;
+                } else {
+                  //pos = handleAlignment(p, ctx, line, x, y);
+                  pdata = this._getPath(line, x, y, options).commands;
+                }
+                ctx.beginPath();
+                var _iteratorNormalCompletion = true;
+                var _didIteratorError = false;
+                var _iteratorError = undefined;
+                try {
+                  for (var _iterator = pdata[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+                    var cmd = _step.value;
+                    if (cmd.type === 'M') {
+                      ctx.moveTo(cmd.x, cmd.y);
+                    } else if (cmd.type === 'L') {
+                      ctx.lineTo(cmd.x, cmd.y);
+                    } else if (cmd.type === 'C') {
+                      ctx.bezierCurveTo(cmd.x1, cmd.y1, cmd.x2, cmd.y2, cmd.x, cmd.y);
+                    } else if (cmd.type === 'Q') {
+                      ctx.quadraticCurveTo(cmd.x1, cmd.y1, cmd.x, cmd.y);
+                    } else if (cmd.type === 'Z') {
+                      ctx.closePath();
+                    }
+                  }                  // only draw stroke if manually set by user
+
+                } catch (err) {
+                  _didIteratorError = true;
+                  _iteratorError = err;
+                } finally {
+                  try {
+                    if (!_iteratorNormalCompletion && _iterator.return != null) {
+                      _iterator.return();
+                    }
+                  } finally {
+                    if (_didIteratorError) {
+                      throw _iteratorError;
+                    }
+                  }
+                }
+                if (pg._doStroke && pg._strokeSet && !pg._clipping) {
+                  ctx.stroke();
+                }
+                if (pg._doFill && !pg._clipping) {
+                  // if fill hasn't been set by user, use default-text-fill
+                  if (!pg._fillSet) {
+                    pg._setFill(constants._DEFAULT_TEXT_FILL);
+                  }
+                  ctx.fill();
+                }
+                return this;
+              }
+            },
+            {
+              key: '_textWidth',
+              value: function _textWidth(str, fontSize) {
+                return this.font.getAdvanceWidth(str, fontSize);
+              }
+            },
+            {
+              key: '_textAscent',
+              value: function _textAscent(fontSize) {
+                return this.font.ascender * this._scale(fontSize);
+              }
+            },
+            {
+              key: '_textDescent',
+              value: function _textDescent(fontSize) {
+                return - this.font.descender * this._scale(fontSize);
+              }
+            },
+            {
+              key: '_scale',
+              value: function _scale(fontSize) {
+                return 1 / this.font.unitsPerEm * (fontSize || this.parent._renderer._textSize);
+              }
+            },
+            {
+              key: '_handleAlignment',
+              value: function _handleAlignment(renderer, line, x, y, textWidth) {
+                var fontSize = renderer._textSize;
+                if (typeof textWidth === 'undefined') {
+                  textWidth = this._textWidth(line, fontSize);
+                }
+                switch (renderer._textAlign) {
+                  case constants.CENTER:
+                    x -= textWidth / 2;
+                    break;
+                  case constants.RIGHT:
+                    x -= textWidth;
+                    break;
+                }
+                switch (renderer._textBaseline) {
+                  case constants.TOP:
+                    y += this._textAscent(fontSize);
+                    break;
+                  case constants.CENTER:
+                    y += this._textAscent(fontSize) / 2;
+                    break;
+                  case constants.BOTTOM:
+                    y -= this._textDescent(fontSize);
+                    break;
+                }
+                return {
+                  x: x,
+                  y: y
+                };
+              }
+            }
+          ]);
+          return _class;
+        }();
+        // path-utils
+        function pathToPoints(cmds, options) {
+          var opts = parseOpts(options, {
+            sampleFactor: 0.1,
+            simplifyThreshold: 0
+          });
+          var          // total-length
+          len = pointAtLength(cmds, 0, 1),
+          t = len / (len * opts.sampleFactor),
+          pts = [
+          ];
+          for (var i = 0; i < len; i += t) {
+            pts.push(pointAtLength(cmds, i));
+          }
+          if (opts.simplifyThreshold) {
+            simplify(pts, opts.simplifyThreshold);
+          }
+          return pts;
+        }
+        function simplify(pts) {
+          var angle = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+          var num = 0;
+          for (var i = pts.length - 1; pts.length > 3 && i >= 0; --i) {
+            if (collinear(at(pts, i - 1), at(pts, i), at(pts, i + 1), angle)) {
+              // Remove the middle point
+              pts.splice(i % pts.length, 1);
+              num++;
+            }
+          }
+          return num;
+        }
+        function splitPaths(cmds) {
+          var paths = [
+          ];
+          var current;
+          for (var i = 0; i < cmds.length; i++) {
+            if (cmds[i].type === 'M') {
+              if (current) {
+                paths.push(current);
+              }
+              current = [
+              ];
+            }
+            current.push(cmdToArr(cmds[i]));
+          }
+          paths.push(current);
+          return paths;
+        }
+        function cmdToArr(cmd) {
+          var arr = [
+            cmd.type
+          ];
+          if (cmd.type === 'M' || cmd.type === 'L') {
+            // moveto or lineto
+            arr.push(cmd.x, cmd.y);
+          } else if (cmd.type === 'C') {
+            arr.push(cmd.x1, cmd.y1, cmd.x2, cmd.y2, cmd.x, cmd.y);
+          } else if (cmd.type === 'Q') {
+            arr.push(cmd.x1, cmd.y1, cmd.x, cmd.y);
+          }          // else if (cmd.type === 'Z') { /* no-op */ }
+
+          return arr;
+        }
+        function parseOpts(options, defaults) {
+          if (_typeof(options) !== 'object') {
+            options = defaults;
+          } else {
+            for (var key in defaults) {
+              if (typeof options[key] === 'undefined') {
+                options[key] = defaults[key];
+              }
+            }
+          }
+          return options;
+        }        //////////////////////// Helpers ////////////////////////////
+
+        function at(v, i) {
+          var s = v.length;
+          return v[i < 0 ? i % s + s : i % s];
+        }
+        function collinear(a, b, c, thresholdAngle) {
+          if (!thresholdAngle) {
+            return areaTriangle(a, b, c) === 0;
+          }
+          if (typeof collinear.tmpPoint1 === 'undefined') {
+            collinear.tmpPoint1 = [
+            ];
+            collinear.tmpPoint2 = [
+            ];
+          }
+          var ab = collinear.tmpPoint1,
+          bc = collinear.tmpPoint2;
+          ab.x = b.x - a.x;
+          ab.y = b.y - a.y;
+          bc.x = c.x - b.x;
+          bc.y = c.y - b.y;
+          var dot = ab.x * bc.x + ab.y * bc.y,
+          magA = Math.sqrt(ab.x * ab.x + ab.y * ab.y),
+          magB = Math.sqrt(bc.x * bc.x + bc.y * bc.y),
+          angle = Math.acos(dot / (magA * magB));
+          return angle < thresholdAngle;
+        }
+        function areaTriangle(a, b, c) {
+          return (b[0] - a[0]) * (c[1] - a[1]) - (c[0] - a[0]) * (b[1] - a[1]);
+        }        // Portions of below code copyright 2008 Dmitry Baranovskiy (via MIT license)
+
+        function findDotsAtSegment(p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y, t) {
+          var t1 = 1 - t;
+          var t13 = Math.pow(t1, 3);
+          var t12 = Math.pow(t1, 2);
+          var t2 = t * t;
+          var t3 = t2 * t;
+          var x = t13 * p1x + t12 * 3 * t * c1x + t1 * 3 * t * t * c2x + t3 * p2x;
+          var y = t13 * p1y + t12 * 3 * t * c1y + t1 * 3 * t * t * c2y + t3 * p2y;
+          var mx = p1x + 2 * t * (c1x - p1x) + t2 * (c2x - 2 * c1x + p1x);
+          var my = p1y + 2 * t * (c1y - p1y) + t2 * (c2y - 2 * c1y + p1y);
+          var nx = c1x + 2 * t * (c2x - c1x) + t2 * (p2x - 2 * c2x + c1x);
+          var ny = c1y + 2 * t * (c2y - c1y) + t2 * (p2y - 2 * c2y + c1y);
+          var ax = t1 * p1x + t * c1x;
+          var ay = t1 * p1y + t * c1y;
+          var cx = t1 * c2x + t * p2x;
+          var cy = t1 * c2y + t * p2y;
+          var alpha = 90 - Math.atan2(mx - nx, my - ny) * 180 / Math.PI;
+          if (mx > nx || my < ny) {
+            alpha += 180;
+          }
+          return {
+            x: x,
+            y: y,
+            m: {
+              x: mx,
+              y: my
+            },
+            n: {
+              x: nx,
+              y: ny
+            },
+            start: {
+              x: ax,
+              y: ay
+            },
+            end: {
+              x: cx,
+              y: cy
+            },
+            alpha: alpha
+          };
+        }
+        function getPointAtSegmentLength(p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y, length) {
+          return length == null ? bezlen(p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y) : findDotsAtSegment(p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y, getTatLen(p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y, length));
+        }
+        function pointAtLength(path, length, istotal) {
+          path = path2curve(path);
+          var x;
+          var y;
+          var p;
+          var l;
+          var sp = '';
+          var subpaths = {
+          };
+          var point;
+          var len = 0;
+          for (var i = 0, ii = path.length; i < ii; i++) {
+            p = path[i];
+            if (p[0] === 'M') {
+              x = + p[1];
+              y = + p[2];
+            } else {
+              l = getPointAtSegmentLength(x, y, p[1], p[2], p[3], p[4], p[5], p[6]);
+              if (len + l > length) {
+                if (!istotal) {
+                  point = getPointAtSegmentLength(x, y, p[1], p[2], p[3], p[4], p[5], p[6], length - len);
+                  return {
+                    x: point.x,
+                    y: point.y,
+                    alpha: point.alpha
+                  };
+                }
+              }
+              len += l;
+              x = + p[5];
+              y = + p[6];
+            }
+            sp += p.shift() + p;
+          }
+          subpaths.end = sp;
+          point = istotal ? len : findDotsAtSegment(x, y, p[0], p[1], p[2], p[3], p[4], p[5], 1);
+          if (point.alpha) {
+            point = {
+              x: point.x,
+              y: point.y,
+              alpha: point.alpha
+            };
+          }
+          return point;
+        }
+        function pathToAbsolute(pathArray) {
+          var res = [
+          ],
+          x = 0,
+          y = 0,
+          mx = 0,
+          my = 0,
+          start = 0;
+          if (!pathArray) {
+            // console.warn("Unexpected state: undefined pathArray"); // shouldn't happen
+            return res;
+          }
+          if (pathArray[0][0] === 'M') {
+            x = + pathArray[0][1];
+            y = + pathArray[0][2];
+            mx = x;
+            my = y;
+            start++;
+            res[0] = [
+              'M',
+              x,
+              y
+            ];
+          }
+          var dots;
+          var crz = pathArray.length === 3 && pathArray[0][0] === 'M' && pathArray[1][0].toUpperCase() === 'R' && pathArray[2][0].toUpperCase() === 'Z';
+          for (var r, pa, i = start, ii = pathArray.length; i < ii; i++) {
+            res.push(r = [
+            ]);
+            pa = pathArray[i];
+            if (pa[0] !== String.prototype.toUpperCase.call(pa[0])) {
+              r[0] = String.prototype.toUpperCase.call(pa[0]);
+              switch (r[0]) {
+                case 'A':
+                  r[1] = pa[1];
+                  r[2] = pa[2];
+                  r[3] = pa[3];
+                  r[4] = pa[4];
+                  r[5] = pa[5];
+                  r[6] = + (pa[6] + x);
+                  r[7] = + (pa[7] + y);
+                  break;
+                case 'V':
+                  r[1] = + pa[1] + y;
+                  break;
+                case 'H':
+                  r[1] = + pa[1] + x;
+                  break;
+                case 'R':
+                  dots = [
+                    x,
+                    y
+                  ].concat(pa.slice(1));
+                  for (var j = 2, jj = dots.length; j < jj; j++) {
+                    dots[j] = + dots[j] + x;
+                    dots[++j] = + dots[j] + y;
+                  }
+                  res.pop();
+                  res = res.concat(catmullRom2bezier(dots, crz));
+                  break;
+                case 'M':
+                  mx = + pa[1] + x;
+                  my = + pa[2] + y;
+                  break;
+                default:
+                  for (var _j = 1, _jj = pa.length; _j < _jj; _j++) {
+                    r[_j] = + pa[_j] + (_j % 2 ? x : y);
+                  }
+              }
+            } else if (pa[0] === 'R') {
+              dots = [
+                x,
+                y
+              ].concat(pa.slice(1));
+              res.pop();
+              res = res.concat(catmullRom2bezier(dots, crz));
+              r = [
+                'R'
+              ].concat(pa.slice( - 2));
+            } else {
+              for (var k = 0, kk = pa.length; k < kk; k++) {
+                r[k] = pa[k];
+              }
+            }
+            switch (r[0]) {
+              case 'Z':
+                x = mx;
+                y = my;
+                break;
+              case 'H':
+                x = r[1];
+                break;
+              case 'V':
+                y = r[1];
+                break;
+              case 'M':
+                mx = r[r.length - 2];
+                my = r[r.length - 1];
+                break;
+              default:
+                x = r[r.length - 2];
+                y = r[r.length - 1];
+            }
+          }
+          return res;
+        }
+        function path2curve(path, path2) {
+          var p = pathToAbsolute(path),
+          p2 = path2 && pathToAbsolute(path2);
+          var attrs = {
+            x: 0,
+            y: 0,
+            bx: 0,
+            by: 0,
+            X: 0,
+            Y: 0,
+            qx: null,
+            qy: null
+          };
+          var attrs2 = {
+            x: 0,
+            y: 0,
+            bx: 0,
+            by: 0,
+            X: 0,
+            Y: 0,
+            qx: null,
+            qy: null
+          };
+          var pcoms1 = [
+          ]; // path commands of original path p
+          var pcoms2 = [
+          ]; // path commands of original path p2
+          var ii;
+          var processPath = function processPath(path, d, pcom) {
+            var nx;
+            var ny;
+            var tq = {
+              T: 1,
+              Q: 1
+            };
+            if (!path) {
+              return ['C',
+              d.x,
+              d.y,
+              d.x,
+              d.y,
+              d.x,
+              d.y];
+            }
+            if (!(path[0] in tq)) {
+              d.qx = d.qy = null;
+            }
+            switch (path[0]) {
+              case 'M':
+                d.X = path[1];
+                d.Y = path[2];
+                break;
+              case 'A':
+                path = [
+                  'C'
+                ].concat(a2c.apply(0, [
+                  d.x,
+                  d.y
+                ].concat(path.slice(1))));
+                break;
+              case 'S':
+                if (pcom === 'C' || pcom === 'S') {
+                  nx = d.x * 2 - d.bx;
+                  ny = d.y * 2 - d.by;
+                } else {
+                  nx = d.x;
+                  ny = d.y;
+                }
+                path = [
+                  'C',
+                  nx,
+                  ny
+                ].concat(path.slice(1));
+                break;
+              case 'T':
+                if (pcom === 'Q' || pcom === 'T') {
+                  d.qx = d.x * 2 - d.qx;
+                  d.qy = d.y * 2 - d.qy;
+                } else {
+                  d.qx = d.x;
+                  d.qy = d.y;
+                }
+                path = [
+                  'C'
+                ].concat(q2c(d.x, d.y, d.qx, d.qy, path[1], path[2]));
+                break;
+              case 'Q':
+                d.qx = path[1];
+                d.qy = path[2];
+                path = [
+                  'C'
+                ].concat(q2c(d.x, d.y, path[1], path[2], path[3], path[4]));
+                break;
+              case 'L':
+                path = [
+                  'C'
+                ].concat(l2c(d.x, d.y, path[1], path[2]));
+                break;
+              case 'H':
+                path = [
+                  'C'
+                ].concat(l2c(d.x, d.y, path[1], d.y));
+                break;
+              case 'V':
+                path = [
+                  'C'
+                ].concat(l2c(d.x, d.y, d.x, path[1]));
+                break;
+              case 'Z':
+                path = [
+                  'C'
+                ].concat(l2c(d.x, d.y, d.X, d.Y));
+                break;
+            }
+            return path;
+          },
+          fixArc = function fixArc(pp, i) {
+            if (pp[i].length > 7) {
+              pp[i].shift();
+              var pi = pp[i];
+              while (pi.length) {
+                pcoms1[i] = 'A';
+                if (p2) {
+                  pcoms2[i] = 'A';
+                }
+                pp.splice(i++, 0, [
+                  'C'
+                ].concat(pi.splice(0, 6)));
+              }
+              pp.splice(i, 1);
+              ii = Math.max(p.length, p2 && p2.length || 0);
+            }
+          },
+          fixM = function fixM(path1, path2, a1, a2, i) {
+            if (path1 && path2 && path1[i][0] === 'M' && path2[i][0] !== 'M') {
+              path2.splice(i, 0, [
+                'M',
+                a2.x,
+                a2.y
+              ]);
+              a1.bx = 0;
+              a1.by = 0;
+              a1.x = path1[i][1];
+              a1.y = path1[i][2];
+              ii = Math.max(p.length, p2 && p2.length || 0);
+            }
+          };
+          var pfirst = ''; // temporary holder for original path command
+          var pcom = ''; // holder for previous path command of original path
+          ii = Math.max(p.length, p2 && p2.length || 0);
+          for (var i = 0; i < ii; i++) {
+            if (p[i]) {
+              pfirst = p[i][0];
+            } // save current path command
+
+            if (pfirst !== 'C') {
+              pcoms1[i] = pfirst; // Save current path command
+              if (i) {
+                pcom = pcoms1[i - 1];
+              } // Get previous path command pcom
+
+            }
+            p[i] = processPath(p[i], attrs, pcom);
+            if (pcoms1[i] !== 'A' && pfirst === 'C') {
+              pcoms1[i] = 'C';
+            }
+            fixArc(p, i); // fixArc adds also the right amount of A:s to pcoms1
+            if (p2) {
+              // the same procedures is done to p2
+              if (p2[i]) {
+                pfirst = p2[i][0];
+              }
+              if (pfirst !== 'C') {
+                pcoms2[i] = pfirst;
+                if (i) {
+                  pcom = pcoms2[i - 1];
+                }
+              }
+              p2[i] = processPath(p2[i], attrs2, pcom);
+              if (pcoms2[i] !== 'A' && pfirst === 'C') {
+                pcoms2[i] = 'C';
+              }
+              fixArc(p2, i);
+            }
+            fixM(p, p2, attrs, attrs2, i);
+            fixM(p2, p, attrs2, attrs, i);
+            var seg = p[i],
+            seg2 = p2 && p2[i],
+            seglen = seg.length,
+            seg2len = p2 && seg2.length;
+            attrs.x = seg[seglen - 2];
+            attrs.y = seg[seglen - 1];
+            attrs.bx = parseFloat(seg[seglen - 4]) || attrs.x;
+            attrs.by = parseFloat(seg[seglen - 3]) || attrs.y;
+            attrs2.bx = p2 && (parseFloat(seg2[seg2len - 4]) || attrs2.x);
+            attrs2.by = p2 && (parseFloat(seg2[seg2len - 3]) || attrs2.y);
+            attrs2.x = p2 && seg2[seg2len - 2];
+            attrs2.y = p2 && seg2[seg2len - 1];
+          }
+          return p2 ? [
+            p,
+            p2
+          ] : p;
+        }
+        function a2c(x1, y1, rx, ry, angle, lac, sweep_flag, x2, y2, recursive) {
+          // for more information of where this Math came from visit:
+          // http://www.w3.org/TR/SVG11/implnote.html#ArcImplementationNotes
+          var PI = Math.PI;
+          var _120 = PI * 120 / 180;
+          var f1;
+          var f2;
+          var cx;
+          var cy;
+          var rad = PI / 180 * ( + angle || 0);
+          var res = [
+          ];
+          var xy;
+          var rotate = function rotate(x, y, rad) {
+            var X = x * Math.cos(rad) - y * Math.sin(rad),
+            Y = x * Math.sin(rad) + y * Math.cos(rad);
+            return {
+              x: X,
+              y: Y
+            };
+          };
+          if (!recursive) {
+            xy = rotate(x1, y1, - rad);
+            x1 = xy.x;
+            y1 = xy.y;
+            xy = rotate(x2, y2, - rad);
+            x2 = xy.x;
+            y2 = xy.y;
+            var x = (x1 - x2) / 2;
+            var y = (y1 - y2) / 2;
+            var h = x * x / (rx * rx) + y * y / (ry * ry);
+            if (h > 1) {
+              h = Math.sqrt(h);
+              rx = h * rx;
+              ry = h * ry;
+            }
+            var rx2 = rx * rx,
+            ry2 = ry * ry;
+            var k = (lac === sweep_flag ? - 1 : 1) * Math.sqrt(Math.abs((rx2 * ry2 - rx2 * y * y - ry2 * x * x) / (rx2 * y * y + ry2 * x * x)));
+            cx = k * rx * y / ry + (x1 + x2) / 2;
+            cy = k * - ry * x / rx + (y1 + y2) / 2;
+            f1 = Math.asin(((y1 - cy) / ry).toFixed(9));
+            f2 = Math.asin(((y2 - cy) / ry).toFixed(9));
+            f1 = x1 < cx ? PI - f1 : f1;
+            f2 = x2 < cx ? PI - f2 : f2;
+            if (f1 < 0) {
+              f1 = PI * 2 + f1;
+            }
+            if (f2 < 0) {
+              f2 = PI * 2 + f2;
+            }
+            if (sweep_flag && f1 > f2) {
+              f1 = f1 - PI * 2;
+            }
+            if (!sweep_flag && f2 > f1) {
+              f2 = f2 - PI * 2;
+            }
+          } else {
+            f1 = recursive[0];
+            f2 = recursive[1];
+            cx = recursive[2];
+            cy = recursive[3];
+          }
+          var df = f2 - f1;
+          if (Math.abs(df) > _120) {
+            var f2old = f2,
+            x2old = x2,
+            y2old = y2;
+            f2 = f1 + _120 * (sweep_flag && f2 > f1 ? 1 : - 1);
+            x2 = cx + rx * Math.cos(f2);
+            y2 = cy + ry * Math.sin(f2);
+            res = a2c(x2, y2, rx, ry, angle, 0, sweep_flag, x2old, y2old, [
+              f2,
+              f2old,
+              cx,
+              cy
+            ]);
+          }
+          df = f2 - f1;
+          var c1 = Math.cos(f1),
+          s1 = Math.sin(f1),
+          c2 = Math.cos(f2),
+          s2 = Math.sin(f2),
+          t = Math.tan(df / 4),
+          hx = 4 / 3 * rx * t,
+          hy = 4 / 3 * ry * t,
+          m1 = [
+            x1,
+            y1
+          ],
+          m2 = [
+            x1 + hx * s1,
+            y1 - hy * c1
+          ],
+          m3 = [
+            x2 + hx * s2,
+            y2 - hy * c2
+          ],
+          m4 = [
+            x2,
+            y2
+          ];
+          m2[0] = 2 * m1[0] - m2[0];
+          m2[1] = 2 * m1[1] - m2[1];
+          if (recursive) {
+            return [m2,
+            m3,
+            m4].concat(res);
+          } else {
+            res = [
+              m2,
+              m3,
+              m4
+            ].concat(res).join().split(',');
+            var newres = [
+            ];
+            for (var i = 0, ii = res.length; i < ii; i++) {
+              newres[i] = i % 2 ? rotate(res[i - 1], res[i], rad).y : rotate(res[i], res[i + 1], rad).x;
+            }
+            return newres;
+          }
+        }        // http://schepers.cc/getting-to-the-point
+
+        function catmullRom2bezier(crp, z) {
+          var d = [
+          ];
+          for (var i = 0, iLen = crp.length; iLen - 2 * !z > i; i += 2) {
+            var p = [
+              {
+                x: + crp[i - 2],
+                y: + crp[i - 1]
+              },
+              {
+                x: + crp[i],
+                y: + crp[i + 1]
+              },
+              {
+                x: + crp[i + 2],
+                y: + crp[i + 3]
+              },
+              {
+                x: + crp[i + 4],
+                y: + crp[i + 5]
+              }
+            ];
+            if (z) {
+              if (!i) {
+                p[0] = {
+                  x: + crp[iLen - 2],
+                  y: + crp[iLen - 1]
+                };
+              } else if (iLen - 4 === i) {
+                p[3] = {
+                  x: + crp[0],
+                  y: + crp[1]
+                };
+              } else if (iLen - 2 === i) {
+                p[2] = {
+                  x: + crp[0],
+                  y: + crp[1]
+                };
+                p[3] = {
+                  x: + crp[2],
+                  y: + crp[3]
+                };
+              }
+            } else {
+              if (iLen - 4 === i) {
+                p[3] = p[2];
+              } else if (!i) {
+                p[0] = {
+                  x: + crp[i],
+                  y: + crp[i + 1]
+                };
+              }
+            }
+            d.push(['C',
+            ( - p[0].x + 6 * p[1].x + p[2].x) / 6,
+            ( - p[0].y + 6 * p[1].y + p[2].y) / 6,
+            (p[1].x + 6 * p[2].x - p[3].x) / 6,
+            (p[1].y + 6 * p[2].y - p[3].y) / 6,
+            p[2].x,
+            p[2].y]);
+          }
+          return d;
+        }
+        function l2c(x1, y1, x2, y2) {
+          return [x1,
+          y1,
+          x2,
+          y2,
+          x2,
+          y2];
+        }
+        function q2c(x1, y1, ax, ay, x2, y2) {
+          var _13 = 1 / 3,
+          _23 = 2 / 3;
+          return [_13 * x1 + _23 * ax,
+          _13 * y1 + _23 * ay,
+          _13 * x2 + _23 * ax,
+          _13 * y2 + _23 * ay,
+          x2,
+          y2];
+        }
+        function bezlen(x1, y1, x2, y2, x3, y3, x4, y4, z) {
+          if (z == null) {
+            z = 1;
+          }
+          z = z > 1 ? 1 : z < 0 ? 0 : z;
+          var z2 = z / 2;
+          var n = 12;
+          var Tvalues = [
+            - 0.1252,
+            0.1252,
+            - 0.3678,
+            0.3678,
+            - 0.5873,
+            0.5873,
+            - 0.7699,
+            0.7699,
+            - 0.9041,
+            0.9041,
+            - 0.9816,
+            0.9816
+          ];
+          var sum = 0;
+          var Cvalues = [
+            0.2491,
+            0.2491,
+            0.2335,
+            0.2335,
+            0.2032,
+            0.2032,
+            0.1601,
+            0.1601,
+            0.1069,
+            0.1069,
+            0.0472,
+            0.0472
+          ];
+          for (var i = 0; i < n; i++) {
+            var ct = z2 * Tvalues[i] + z2,
+            xbase = base3(ct, x1, x2, x3, x4),
+            ybase = base3(ct, y1, y2, y3, y4),
+            comb = xbase * xbase + ybase * ybase;
+            sum += Cvalues[i] * Math.sqrt(comb);
+          }
+          return z2 * sum;
+        }
+        function getTatLen(x1, y1, x2, y2, x3, y3, x4, y4, ll) {
+          if (ll < 0 || bezlen(x1, y1, x2, y2, x3, y3, x4, y4) < ll) {
+            return;
+          }
+          var t = 1;
+          var step = t / 2;
+          var t2 = t - step;
+          var l;
+          var e = 0.01;
+          l = bezlen(x1, y1, x2, y2, x3, y3, x4, y4, t2);
+          while (Math.abs(l - ll) > e) {
+            step /= 2;
+            t2 += (l < ll ? 1 : - 1) * step;
+            l = bezlen(x1, y1, x2, y2, x3, y3, x4, y4, t2);
+          }
+          return t2;
+        }
+        function base3(t, p1, p2, p3, p4) {
+          var t1 = - 3 * p1 + 9 * p2 - 9 * p3 + 3 * p4,
+          t2 = t * t1 + 6 * p1 - 12 * p2 + 6 * p3;
+          return t * t2 - 3 * p1 + 3 * p2;
+        }
+        function cacheKey() {
+          var hash = '';
+          for (var i = arguments.length - 1; i >= 0; --i) {
+            hash += '？'.concat(i < 0 || arguments.length <= i ? undefined : arguments[i]);
+          }
+          return hash;
+        }
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        '../core/constants': 286,
+        '../core/main': 298,
+        'core-js/modules/es.array.concat': 169,
+        'core-js/modules/es.array.fill': 172,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.array.join': 180,
+        'core-js/modules/es.array.slice': 183,
+        'core-js/modules/es.array.splice': 185,
+        'core-js/modules/es.function.name': 186,
+        'core-js/modules/es.number.to-fixed': 193,
+        'core-js/modules/es.object.get-own-property-descriptor': 196,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.regexp.exec': 205,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.string.replace': 214,
+        'core-js/modules/es.string.split': 216,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/es.weak-map': 254,
+        'core-js/modules/web.dom-collections.iterator': 256
+      }
+    ],
+    337: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.array.concat');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.array.splice');
+        _dereq_('core-js/modules/es.array-buffer.constructor');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.array.concat');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.array.splice');
+        _dereq_('core-js/modules/es.array-buffer.constructor');
+        _dereq_('core-js/modules/es.object.to-string');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }        /**
+ * @module Data
+ * @submodule Array Functions
+ * @for p5
+ * @requires core
+ */
+        /**
+ * Adds a value to the end of an array. Extends the length of
+ * the array by one. Maps to Array.push().
+ *
+ * @method append
+ * @deprecated Use <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/push">array.push(value)</a> instead.
+ * @param {Array} array Array to append
+ * @param {any} value to be added to the Array
+ * @return {Array} the array that was appended to
+ * @example
+ * <div class='norender'><code>
+ * function setup() {
+ *   let myArray = ['Mango', 'Apple', 'Papaya'];
+ *   print(myArray); // ['Mango', 'Apple', 'Papaya']
+ *
+ *   append(myArray, 'Peach');
+ *   print(myArray); // ['Mango', 'Apple', 'Papaya', 'Peach']
+ * }
+ * </code></div>
+ */
+
+        _main.default.prototype.append = function (array, value) {
+          array.push(value);
+          return array;
+        };
+        /**
+ * Copies an array (or part of an array) to another array. The src array is
+ * copied to the dst array, beginning at the position specified by
+ * srcPosition and into the position specified by dstPosition. The number of
+ * elements to copy is determined by length. Note that copying values
+ * overwrites existing values in the destination array. To append values
+ * instead of overwriting them, use <a href="#/p5/concat">concat()</a>.
+ *
+ * The simplified version with only two arguments, arrayCopy(src, dst),
+ * copies an entire array to another of the same size. It is equivalent to
+ * arrayCopy(src, 0, dst, 0, src.length).
+ *
+ * Using this function is far more efficient for copying array data than
+ * iterating through a for() loop and copying each element individually.
+ *
+ * @method arrayCopy
+ * @deprecated Use <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/copyWithin">arr1.copyWithin(arr2)</a> instead.
+ * @param {Array}  src           the source Array
+ * @param {Integer} srcPosition  starting position in the source Array
+ * @param {Array}  dst           the destination Array
+ * @param {Integer} dstPosition   starting position in the destination Array
+ * @param {Integer} length        number of Array elements to be copied
+ *
+ * @example
+ * <div class='norender'><code>
+ * let src = ['A', 'B', 'C'];
+ * let dst = [1, 2, 3];
+ * let srcPosition = 1;
+ * let dstPosition = 0;
+ * let length = 2;
+ *
+ * print(src); // ['A', 'B', 'C']
+ * print(dst); // [ 1 ,  2 ,  3 ]
+ *
+ * arrayCopy(src, srcPosition, dst, dstPosition, length);
+ * print(dst); // ['B', 'C', 3]
+ * </code></div>
+ */
+        /**
+ * @method arrayCopy
+ * @deprecated Use <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/copyWithin">arr1.copyWithin(arr2)</a> instead.
+ * @param {Array}  src
+ * @param {Array}  dst
+ * @param {Integer} [length]
+ */
+        _main.default.prototype.arrayCopy = function (src, srcPosition, dst, dstPosition, length) {
+          // the index to begin splicing from dst array
+          var start;
+          var end;
+          if (typeof length !== 'undefined') {
+            end = Math.min(length, src.length);
+            start = dstPosition;
+            src = src.slice(srcPosition, end + srcPosition);
+          } else {
+            if (typeof dst !== 'undefined') {
+              // src, dst, length
+              // rename  so we don't get confused
+              end = dst;
+              end = Math.min(end, src.length);
+            } else {
+              // src, dst
+              end = src.length;
+            }
+            start = 0;
+            // rename  so we don't get confused
+            dst = srcPosition;
+            src = src.slice(0, end);
+          }          // Since we are not returning the array and JavaScript is pass by reference
+          // we must modify the actual values of the array
+          // instead of reassigning arrays
+
+          Array.prototype.splice.apply(dst, [
+            start,
+            end
+          ].concat(src));
+        };
+        /**
+ * Concatenates two arrays, maps to Array.concat(). Does not modify the
+ * input arrays.
+ *
+ * @method concat
+ * @deprecated Use <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/concat">arr1.concat(arr2)</a> instead.
+ * @param {Array} a first Array to concatenate
+ * @param {Array} b second Array to concatenate
+ * @return {Array} concatenated array
+ *
+ * @example
+ * <div class = 'norender'><code>
+ * function setup() {
+ *   let arr1 = ['A', 'B', 'C'];
+ *   let arr2 = [1, 2, 3];
+ *
+ *   print(arr1); // ['A','B','C']
+ *   print(arr2); // [1,2,3]
+ *
+ *   let arr3 = concat(arr1, arr2);
+ *
+ *   print(arr1); // ['A','B','C']
+ *   print(arr2); // [1, 2, 3]
+ *   print(arr3); // ['A','B','C', 1, 2, 3]
+ * }
+ * </code></div>
+ */
+        _main.default.prototype.concat = function (list0, list1) {
+          return list0.concat(list1);
+        };
+        /**
+ * Reverses the order of an array, maps to Array.reverse()
+ *
+ * @method reverse
+ * @deprecated Use <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reverse">array.reverse()</a> instead.
+ * @param {Array} list Array to reverse
+ * @return {Array} the reversed list
+ * @example
+ * <div class='norender'><code>
+ * function setup() {
+ *   let myArray = ['A', 'B', 'C'];
+ *   print(myArray); // ['A','B','C']
+ *
+ *   reverse(myArray);
+ *   print(myArray); // ['C','B','A']
+ * }
+ * </code></div>
+ */
+        _main.default.prototype.reverse = function (list) {
+          return list.reverse();
+        };
+        /**
+ * Decreases an array by one element and returns the shortened array,
+ * maps to Array.pop().
+ *
+ * @method shorten
+ * @deprecated Use <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/pop">array.pop()</a> instead.
+ * @param  {Array} list Array to shorten
+ * @return {Array} shortened Array
+ * @example
+ * <div class = 'norender'><code>
+ * function setup() {
+ *   let myArray = ['A', 'B', 'C'];
+ *   print(myArray); // ['A', 'B', 'C']
+ *   let newArray = shorten(myArray);
+ *   print(myArray); // ['A','B','C']
+ *   print(newArray); // ['A','B']
+ * }
+ * </code></div>
+ */
+        _main.default.prototype.shorten = function (list) {
+          list.pop();
+          return list;
+        };
+        /**
+ * Randomizes the order of the elements of an array. Implements
+ * <a href='http://Bost.Ocks.org/mike/shuffle/' target=_blank>
+ * Fisher-Yates Shuffle Algorithm</a>.
+ *
+ * @method shuffle
+ * @param  {Array}   array  Array to shuffle
+ * @param  {Boolean} [bool] modify passed array
+ * @return {Array}   shuffled Array
+ * @example
+ * <div><code>
+ * function setup() {
+ *   let regularArr = ['ABC', 'def', createVector(), TAU, Math.E];
+ *   print(regularArr);
+ *   shuffle(regularArr, true); // force modifications to passed array
+ *   print(regularArr);
+ *
+ *   // By default shuffle() returns a shuffled cloned array:
+ *   let newArr = shuffle(regularArr);
+ *   print(regularArr);
+ *   print(newArr);
+ * }
+ * </code></div>
+ */
+        _main.default.prototype.shuffle = function (arr, bool) {
+          var isView = ArrayBuffer && ArrayBuffer.isView && ArrayBuffer.isView(arr);
+          arr = bool || isView ? arr : arr.slice();
+          var rnd,
+          tmp,
+          idx = arr.length;
+          while (idx > 1) {
+            rnd = this.random(0, 1) * idx | 0;
+            tmp = arr[--idx];
+            arr[idx] = arr[rnd];
+            arr[rnd] = tmp;
+          }
+          return arr;
+        };
+        /**
+ * Sorts an array of numbers from smallest to largest, or puts an array of
+ * words in alphabetical order. The original array is not modified; a
+ * re-ordered array is returned. The count parameter states the number of
+ * elements to sort. For example, if there are 12 elements in an array and
+ * count is set to 5, only the first 5 elements in the array will be sorted.
+ *
+ * @method sort
+ * @deprecated Use <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort">array.sort()</a> instead.
+ * @param {Array} list Array to sort
+ * @param {Integer} [count] number of elements to sort, starting from 0
+ * @return {Array} the sorted list
+ *
+ * @example
+ * <div class = 'norender'><code>
+ * function setup() {
+ *   let words = ['banana', 'apple', 'pear', 'lime'];
+ *   print(words); // ['banana', 'apple', 'pear', 'lime']
+ *   let count = 4; // length of array
+ *
+ *   words = sort(words, count);
+ *   print(words); // ['apple', 'banana', 'lime', 'pear']
+ * }
+ * </code></div>
+ * <div class = 'norender'><code>
+ * function setup() {
+ *   let numbers = [2, 6, 1, 5, 14, 9, 8, 12];
+ *   print(numbers); // [2, 6, 1, 5, 14, 9, 8, 12]
+ *   let count = 5; // Less than the length of the array
+ *
+ *   numbers = sort(numbers, count);
+ *   print(numbers); // [1,2,5,6,14,9,8,12]
+ * }
+ * </code></div>
+ */
+        _main.default.prototype.sort = function (list, count) {
+          var arr = count ? list.slice(0, Math.min(count, list.length)) : list;
+          var rest = count ? list.slice(Math.min(count, list.length)) : [
+          ];
+          if (typeof arr[0] === 'string') {
+            arr = arr.sort();
+          } else {
+            arr = arr.sort(function (a, b) {
+              return a - b;
+            });
+          }
+          return arr.concat(rest);
+        };
+        /**
+ * Inserts a value or an array of values into an existing array. The first
+ * parameter specifies the initial array to be modified, and the second
+ * parameter defines the data to be inserted. The third parameter is an index
+ * value which specifies the array position from which to insert data.
+ * (Remember that array index numbering starts at zero, so the first position
+ * is 0, the second position is 1, and so on.)
+ *
+ * @method splice
+ * @deprecated Use <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/splice">array.splice()</a> instead.
+ * @param {Array}  list Array to splice into
+ * @param {any}    value value to be spliced in
+ * @param {Integer} position in the array from which to insert data
+ * @return {Array} the list
+ *
+ * @example
+ * <div class = 'norender'><code>
+ * function setup() {
+ *   let myArray = [0, 1, 2, 3, 4];
+ *   let insArray = ['A', 'B', 'C'];
+ *   print(myArray); // [0, 1, 2, 3, 4]
+ *   print(insArray); // ['A','B','C']
+ *
+ *   splice(myArray, insArray, 3);
+ *   print(myArray); // [0,1,2,'A','B','C',3,4]
+ * }
+ * </code></div>
+ */
+        _main.default.prototype.splice = function (list, value, index) {
+          // note that splice returns spliced elements and not an array
+          Array.prototype.splice.apply(list, [
+            index,
+            0
+          ].concat(value));
+          return list;
+        };
+        /**
+ * Extracts an array of elements from an existing array. The list parameter
+ * defines the array from which the elements will be copied, and the start
+ * and count parameters specify which elements to extract. If no count is
+ * given, elements will be extracted from the start to the end of the array.
+ * When specifying the start, remember that the first array element is 0.
+ * This function does not change the source array.
+ *
+ * @method subset
+ * @deprecated Use <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/slice">array.slice()</a> instead.
+ * @param  {Array}  list    Array to extract from
+ * @param  {Integer} start   position to begin
+ * @param  {Integer} [count] number of values to extract
+ * @return {Array}          Array of extracted elements
+ *
+ * @example
+ * <div class = 'norender'><code>
+ * function setup() {
+ *   let myArray = [1, 2, 3, 4, 5];
+ *   print(myArray); // [1, 2, 3, 4, 5]
+ *
+ *   let sub1 = subset(myArray, 0, 3);
+ *   let sub2 = subset(myArray, 2, 2);
+ *   print(sub1); // [1,2,3]
+ *   print(sub2); // [3,4]
+ * }
+ * </code></div>
+ */
+        _main.default.prototype.subset = function (list, start, count) {
+          if (typeof count !== 'undefined') {
+            return list.slice(start, start + count);
+          } else {
+            return list.slice(start, list.length);
+          }
+        };
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        '../core/main': 298,
+        'core-js/modules/es.array-buffer.constructor': 168,
+        'core-js/modules/es.array.concat': 169,
+        'core-js/modules/es.array.slice': 183,
+        'core-js/modules/es.array.splice': 185,
+        'core-js/modules/es.object.to-string': 200
+      }
+    ],
+    338: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.array.map');
+        _dereq_('core-js/modules/es.number.constructor');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        _dereq_('core-js/modules/es.string.repeat');
+        _dereq_('core-js/modules/es.array.map');
+        _dereq_('core-js/modules/es.number.constructor');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        _dereq_('core-js/modules/es.string.repeat');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }        /**
+ * @module Data
+ * @submodule Conversion
+ * @for p5
+ * @requires core
+ */
+        /**
+ * Converts a string to its floating point representation. The contents of a
+ * string must resemble a number, or NaN (not a number) will be returned.
+ * For example, float("1234.56") evaluates to 1234.56, but float("giraffe")
+ * will return NaN.
+ *
+ * When an array of values is passed in, then an array of floats of the same
+ * length is returned.
+ *
+ * @method float
+ * @param {String}  str float string to parse
+ * @return {Number}     floating point representation of string
+ * @example
+ * <div><code>
+ * let str = '20';
+ * let diameter = float(str);
+ * ellipse(width / 2, height / 2, diameter, diameter);
+ * describe('20-by-20 white ellipse in the center of the canvas');
+ * </code></div>
+ * <div class='norender'><code>
+ * print(float('10.31')); // 10.31
+ * print(float('Infinity')); // Infinity
+ * print(float('-Infinity')); // -Infinity
+ * </code></div>
+ */
+
+        _main.default.prototype.float = function (str) {
+          if (str instanceof Array) {
+            return str.map(parseFloat);
+          }
+          return parseFloat(str);
+        };
+        /**
+ * Converts a boolean, string, or float to its integer representation.
+ * When an array of values is passed in, then an int array of the same length
+ * is returned.
+ *
+ * @method int
+ * @param {String|Boolean|Number}       n value to parse
+ * @param {Integer}       [radix] the radix to convert to (default: 10)
+ * @return {Number}                     integer representation of value
+ *
+ * @example
+ * <div class='norender'><code>
+ * print(int('10')); // 10
+ * print(int(10.31)); // 10
+ * print(int(-10)); // -10
+ * print(int(true)); // 1
+ * print(int(false)); // 0
+ * print(int([false, true, '10.3', 9.8])); // [0, 1, 10, 9]
+ * print(int(Infinity)); // Infinity
+ * print(int('-Infinity')); // -Infinity
+ * </code></div>
+ */
+        /**
+ * @method int
+ * @param {Array} ns                    values to parse
+ * @param {Integer}       [radix]
+ * @return {Number[]}                   integer representation of values
+ */
+        _main.default.prototype.int = function (n) {
+          var radix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 10;
+          if (n === Infinity || n === 'Infinity') {
+            return Infinity;
+          } else if (n === - Infinity || n === '-Infinity') {
+            return - Infinity;
+          } else if (typeof n === 'string') {
+            return parseInt(n, radix);
+          } else if (typeof n === 'number') {
+            return n | 0;
+          } else if (typeof n === 'boolean') {
+            return n ? 1 : 0;
+          } else if (n instanceof Array) {
+            return n.map(function (n) {
+              return _main.default.prototype.int(n, radix);
+            });
+          }
+        };
+        /**
+ * Converts a boolean, string or number to its string representation.
+ * When an array of values is passed in, then an array of strings of the same
+ * length is returned.
+ *
+ * @method str
+ * @param {String|Boolean|Number|Array} n value to parse
+ * @return {String}                     string representation of value
+ * @example
+ * <div class='norender'><code>
+ * print(str('10')); // "10"
+ * print(str(10.31)); // "10.31"
+ * print(str(-10)); // "-10"
+ * print(str(true)); // "true"
+ * print(str(false)); // "false"
+ * print(str([true, '10.3', 9.8])); // [ "true", "10.3", "9.8" ]
+ * </code></div>
+ */
+        _main.default.prototype.str = function (n) {
+          if (n instanceof Array) {
+            return n.map(_main.default.prototype.str);
+          } else {
+            return String(n);
+          }
+        };
+        /**
+ * Converts a number or string to its boolean representation.
+ * For a number, any non-zero value (positive or negative) evaluates to true,
+ * while zero evaluates to false. For a string, the value "true" evaluates to
+ * true, while any other value evaluates to false. When an array of number or
+ * string values is passed in, then a array of booleans of the same length is
+ * returned.
+ *
+ * @method boolean
+ * @param {String|Boolean|Number|Array} n value to parse
+ * @return {Boolean}                    boolean representation of value
+ * @example
+ * <div class='norender'><code>
+ * print(boolean(0)); // false
+ * print(boolean(1)); // true
+ * print(boolean('true')); // true
+ * print(boolean('abcd')); // false
+ * print(boolean([0, 12, 'true'])); // [false, true, true]
+ * </code></div>
+ */
+        _main.default.prototype.boolean = function (n) {
+          if (typeof n === 'number') {
+            return n !== 0;
+          } else if (typeof n === 'string') {
+            return n.toLowerCase() === 'true';
+          } else if (typeof n === 'boolean') {
+            return n;
+          } else if (n instanceof Array) {
+            return n.map(_main.default.prototype.boolean);
+          }
+        };
+        /**
+ * Converts a number, string representation of a number, or boolean to its byte
+ * representation. A byte can be only a whole number between -128 and 127, so
+ * when a value outside of this range is converted, it wraps around to the
+ * corresponding byte representation. When an array of number, string or boolean
+ * values is passed in, then an array of bytes the same length is returned.
+ *
+ * @method byte
+ * @param {String|Boolean|Number}       n value to parse
+ * @return {Number}                     byte representation of value
+ *
+ * @example
+ * <div class='norender'><code>
+ * print(byte(127)); // 127
+ * print(byte(128)); // -128
+ * print(byte(23.4)); // 23
+ * print(byte('23.4')); // 23
+ * print(byte('hello')); // NaN
+ * print(byte(true)); // 1
+ * print(byte([0, 255, '100'])); // [0, -1, 100]
+ * </code></div>
+ */
+        /**
+ * @method byte
+ * @param {Array} ns                   values to parse
+ * @return {Number[]}                  array of byte representation of values
+ */
+        _main.default.prototype.byte = function (n) {
+          var nn = _main.default.prototype.int(n, 10);
+          if (typeof nn === 'number') {
+            return (nn + 128) % 256 - 128;
+          } else if (nn instanceof Array) {
+            return nn.map(_main.default.prototype.byte);
+          }
+        };
+        /**
+ * Converts a number or string to its corresponding single-character
+ * string representation. If a string parameter is provided, it is first
+ * parsed as an integer and then translated into a single-character string.
+ * When an array of number or string values is passed in, then an array of
+ * single-character strings of the same length is returned.
+ *
+ * @method char
+ * @param {String|Number}       n value to parse
+ * @return {String}             string representation of value
+ *
+ * @example
+ * <div class='norender'><code>
+ * print(char(65)); // "A"
+ * print(char('65')); // "A"
+ * print(char([65, 66, 67])); // [ "A", "B", "C" ]
+ * print(join(char([65, 66, 67]), '')); // "ABC"
+ * </code></div>
+ */
+        /**
+ * @method char
+ * @param {Array} ns              values to parse
+ * @return {String[]}             array of string representation of values
+ */
+        _main.default.prototype.char = function (n) {
+          if (typeof n === 'number' && !isNaN(n)) {
+            return String.fromCharCode(n);
+          } else if (n instanceof Array) {
+            return n.map(_main.default.prototype.char);
+          } else if (typeof n === 'string') {
+            return _main.default.prototype.char(parseInt(n, 10));
+          }
+        };
+        /**
+ * Converts a single-character string to its corresponding integer
+ * representation. When an array of single-character string values is passed
+ * in, then an array of integers of the same length is returned.
+ *
+ * @method unchar
+ * @param {String} n     value to parse
+ * @return {Number}      integer representation of value
+ *
+ * @example
+ * <div class='norender'><code>
+ * print(unchar('A')); // 65
+ * print(unchar(['A', 'B', 'C'])); // [ 65, 66, 67 ]
+ * print(unchar(split('ABC', ''))); // [ 65, 66, 67 ]
+ * </code></div>
+ */
+        /**
+ * @method unchar
+ * @param {Array} ns       values to parse
+ * @return {Number[]}      integer representation of values
+ */
+        _main.default.prototype.unchar = function (n) {
+          if (typeof n === 'string' && n.length === 1) {
+            return n.charCodeAt(0);
+          } else if (n instanceof Array) {
+            return n.map(_main.default.prototype.unchar);
+          }
+        };
+        /**
+ * Converts a number to a string in its equivalent hexadecimal notation. If a
+ * second parameter is passed, it is used to set the number of characters to
+ * generate in the hexadecimal notation. When an array is passed in, an
+ * array of strings in hexadecimal notation of the same length is returned.
+ *
+ * @method hex
+ * @param {Number} n     value to parse
+ * @param {Number} [digits]
+ * @return {String}      hexadecimal string representation of value
+ *
+ * @example
+ * <div class='norender'><code>
+ * print(hex(255)); // "000000FF"
+ * print(hex(255, 6)); // "0000FF"
+ * print(hex([0, 127, 255], 6)); // [ "000000", "00007F", "0000FF" ]
+ * print(Infinity); // "FFFFFFFF"
+ * print(-Infinity); // "00000000"
+ * </code></div>
+ */
+        /**
+ * @method hex
+ * @param {Number[]} ns    array of values to parse
+ * @param {Number} [digits]
+ * @return {String[]}      hexadecimal string representation of values
+ */
+        _main.default.prototype.hex = function (n, digits) {
+          digits = digits === undefined || digits === null ? digits = 8 : digits;
+          if (n instanceof Array) {
+            return n.map(function (n) {
+              return _main.default.prototype.hex(n, digits);
+            });
+          } else if (n === Infinity || n === - Infinity) {
+            var c = n === Infinity ? 'F' : '0';
+            return c.repeat(digits);
+          } else if (typeof n === 'number') {
+            if (n < 0) {
+              n = 4294967295 + n + 1;
+            }
+            var hex = Number(n).toString(16).toUpperCase();
+            while (hex.length < digits) {
+              hex = '0'.concat(hex);
+            }
+            if (hex.length >= digits) {
+              hex = hex.substring(hex.length - digits, hex.length);
+            }
+            return hex;
+          }
+        };
+        /**
+ * Converts a string representation of a hexadecimal number to its equivalent
+ * integer value. When an array of strings in hexadecimal notation is passed
+ * in, an array of integers of the same length is returned.
+ *
+ * @method unhex
+ * @param {String} n value to parse
+ * @return {Number}      integer representation of hexadecimal value
+ *
+ * @example
+ * <div class='norender'><code>
+ * print(unhex('A')); // 10
+ * print(unhex('FF')); // 255
+ * print(unhex(['FF', 'AA', '00'])); // [ 255, 170, 0 ]
+ * </code></div>
+ */
+        /**
+ * @method unhex
+ * @param {Array} ns values to parse
+ * @return {Number[]}      integer representations of hexadecimal value
+ */
+        _main.default.prototype.unhex = function (n) {
+          if (n instanceof Array) {
+            return n.map(_main.default.prototype.unhex);
+          } else {
+            return parseInt('0x'.concat(n), 16);
+          }
+        };
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        '../core/main': 298,
+        'core-js/modules/es.array.map': 182,
+        'core-js/modules/es.number.constructor': 191,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.regexp.to-string': 206,
+        'core-js/modules/es.string.repeat': 213
+      }
+    ],
+    339: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.filter');
+        _dereq_('core-js/modules/es.array.index-of');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.join');
+        _dereq_('core-js/modules/es.array.map');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.number.to-fixed');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.regexp.constructor');
+        _dereq_('core-js/modules/es.regexp.exec');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.string.match');
+        _dereq_('core-js/modules/es.string.pad-start');
+        _dereq_('core-js/modules/es.string.replace');
+        _dereq_('core-js/modules/es.string.split');
+        _dereq_('core-js/modules/es.string.trim');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        _dereq_('core-js/modules/es.array.filter');
+        _dereq_('core-js/modules/es.array.index-of');
+        _dereq_('core-js/modules/es.array.join');
+        _dereq_('core-js/modules/es.array.map');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.number.to-fixed');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.regexp.constructor');
+        _dereq_('core-js/modules/es.regexp.exec');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        _dereq_('core-js/modules/es.string.match');
+        _dereq_('core-js/modules/es.string.pad-start');
+        _dereq_('core-js/modules/es.string.replace');
+        _dereq_('core-js/modules/es.string.split');
+        _dereq_('core-js/modules/es.string.trim');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        _dereq_('../core/friendly_errors/validate_params');
+        _dereq_('../core/friendly_errors/file_errors');
+        _dereq_('../core/friendly_errors/fes_core');
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }
+        function _slicedToArray(arr, i) {
+          return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+        }
+        function _nonIterableRest() {
+          throw new TypeError('Invalid attempt to destructure non-iterable instance');
+        }
+        function _iterableToArrayLimit(arr, i) {
+          if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === '[object Arguments]')) {
+            return;
+          }
+          var _arr = [
+          ];
+          var _n = true;
+          var _d = false;
+          var _e = undefined;
+          try {
+            for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+              _arr.push(_s.value);
+              if (i && _arr.length === i) break;
+            }
+          } catch (err) {
+            _d = true;
+            _e = err;
+          } finally {
+            try {
+              if (!_n && _i['return'] != null) _i['return']();
+            } finally {
+              if (_d) throw _e;
+            }
+          }
+          return _arr;
+        }
+        function _arrayWithHoles(arr) {
+          if (Array.isArray(arr)) return arr;
+        } /**
+   * @module Data
+   * @submodule String Functions
+   * @for p5
+   * @requires core
+   */
+        //return p5; //LM is this a mistake?
+        /**
+ * Combines an array of Strings into one String, each separated by the
+ * character(s) used for the separator parameter. To join arrays of ints or
+ * floats, it's necessary to first convert them to Strings using <a href="#/p5/nf">nf()</a> or
+ * nfs().
+ *
+ * @method join
+ * @param  {Array}  list      array of Strings to be joined
+ * @param  {String} separator String to be placed between each item
+ * @return {String}           joined String
+ * @example
+ * <div>
+ * <code>
+ * let array = ['Hello', 'world!'];
+ * let separator = ' ';
+ * let message = join(array, separator);
+ * text(message, 5, 50);
+ * describe('“Hello world!” displayed middle left of canvas.');
+ * </code>
+ * </div>
+ */
+
+        _main.default.prototype.join = function (list, separator) {
+          _main.default._validateParameters('join', arguments);
+          return list.join(separator);
+        };
+        /**
+ * This function is used to apply a regular expression to a piece of text,
+ * and return matching groups (elements found inside parentheses) as a
+ * String array. If there are no matches, a null value will be returned.
+ * If no groups are specified in the regular expression, but the sequence
+ * matches, an array of length 1 (with the matched text as the first element
+ * of the array) will be returned.
+ *
+ * To use the function, first check to see if the result is null. If the
+ * result is null, then the sequence did not match at all. If the sequence
+ * did match, an array is returned.
+ *
+ * If there are groups (specified by sets of parentheses) in the regular
+ * expression, then the contents of each will be returned in the array.
+ * Element [0] of a regular expression match returns the entire matching
+ * string, and the match groups start at element [1] (the first group is [1],
+ * the second [2], and so on).
+ *
+ * @method match
+ * @param  {String} str    the String to be searched
+ * @param  {String} regexp the regexp to be used for matching
+ * @return {String[]}      Array of Strings found
+ * @example
+ * <div>
+ * <code>
+ * let string = 'Hello p5js*!';
+ * let regexp = 'p5js\\*';
+ * let m = match(string, regexp);
+ * text(m, 5, 50);
+ * describe('“p5js*” displayed middle left of canvas.');
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.match = function (str, reg) {
+          _main.default._validateParameters('match', arguments);
+          return str.match(reg);
+        };
+        /**
+ * This function is used to apply a regular expression to a piece of text,
+ * and return a list of matching groups (elements found inside parentheses)
+ * as a two-dimensional String array. If there are no matches, a null value
+ * will be returned. If no groups are specified in the regular expression,
+ * but the sequence matches, a two dimensional array is still returned, but
+ * the second dimension is only of length one.
+ *
+ * To use the function, first check to see if the result is null. If the
+ * result is null, then the sequence did not match at all. If the sequence
+ * did match, a 2D array is returned.
+ *
+ * If there are groups (specified by sets of parentheses) in the regular
+ * expression, then the contents of each will be returned in the array.
+ * Assuming a loop with counter variable i, element [i][0] of a regular
+ * expression match returns the entire matching string, and the match groups
+ * start at element [i][1] (the first group is [i][1], the second [i][2],
+ * and so on).
+ *
+ * @method matchAll
+ * @param  {String} str    the String to be searched
+ * @param  {String} regexp the regexp to be used for matching
+ * @return {String[]}         2d Array of Strings found
+ * @example
+ * <div class="norender">
+ * <code>
+ * let string = 'Hello p5js*! Hello world!';
+ * let regexp = 'Hello';
+ * matchAll(string, regexp);
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.matchAll = function (str, reg) {
+          _main.default._validateParameters('matchAll', arguments);
+          var re = new RegExp(reg, 'g');
+          var match = re.exec(str);
+          var matches = [
+          ];
+          while (match !== null) {
+            matches.push(match);
+            // matched text: match[0]
+            // match start: match.index
+            // capturing group n: match[n]
+            match = re.exec(str);
+          }
+          return matches;
+        };
+        /**
+ * Utility function for formatting numbers into strings. There are two
+ * versions: one for formatting floats, and one for formatting ints.
+ *
+ * The values for the digits, left, and right parameters should always
+ * be positive integers.
+ *
+ * (NOTE): Be cautious when using left and right parameters as it prepends numbers of 0's if the parameter
+ * if greater than the current length of the number.
+ *
+ * For example if number is 123.2 and left parameter passed is 4 which is greater than length of 123
+ * (integer part) i.e 3 than result will be 0123.2. Same case for right parameter i.e. if right is 3 than
+ * the result will be 123.200.
+ *
+ * @method nf
+ * @param {Number|String}       num      the Number to format
+ * @param {Integer|String}      [left]   number of digits to the left of the
+ *                                decimal point
+ * @param {Integer|String}      [right]  number of digits to the right of the
+ *                                decimal point
+ * @return {String}               formatted String
+ *
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   background(200);
+ *   let num1 = 321;
+ *   let num2 = -1321;
+ *
+ *   noStroke();
+ *   fill(0);
+ *   textSize(16);
+ *
+ *   text(nf(num1, 4, 2), 10, 30);
+ *   text(nf(num2, 4, 2), 10, 80);
+ *   // Draw dividing line
+ *   stroke(120);
+ *   line(0, 50, width, 50);
+ *
+ *   describe('“0321.00” middle top, “-1321.00” middle bottom canvas');
+ * }
+ * </code>
+ * </div>
+ */
+        /**
+ * @method nf
+ * @param {Array}        nums     the Numbers to format
+ * @param {Integer|String}      [left]
+ * @param {Integer|String}      [right]
+ * @return {String[]}                formatted Strings
+ */
+        _main.default.prototype.nf = function (nums, left, right) {
+          _main.default._validateParameters('nf', arguments);
+          if (nums instanceof Array) {
+            return nums.map(function (x) {
+              return doNf(x, left, right);
+            });
+          } else {
+            var typeOfFirst = Object.prototype.toString.call(nums);
+            if (typeOfFirst === '[object Arguments]') {
+              if (nums.length === 3) {
+                return this.nf(nums[0], nums[1], nums[2]);
+              } else if (nums.length === 2) {
+                return this.nf(nums[0], nums[1]);
+              } else {
+                return this.nf(nums[0]);
+              }
+            } else {
+              return doNf(nums, left, right);
+            }
+          }
+        };
+        function doNf(num, left, right) {
+          var _num$toString$split = num.toString().split('.'),
+          _num$toString$split2 = _slicedToArray(_num$toString$split, 2),
+          leftPart = _num$toString$split2[0],
+          rightPart = _num$toString$split2[1];
+          if (typeof right === 'undefined') {
+            leftPart = leftPart.padStart(left, '0');
+            return rightPart ? leftPart + '.' + rightPart : leftPart;
+          } else {
+            var roundedOff = num.toFixed(right);
+            var _roundedOff$toString$ = roundedOff.toString().split('.');
+            var _roundedOff$toString$2 = _slicedToArray(_roundedOff$toString$, 2);
+            leftPart = _roundedOff$toString$2[0];
+            rightPart = _roundedOff$toString$2[1];
+            leftPart = leftPart.padStart(left, '0');
+            if (typeof rightPart === 'undefined') {
+              return leftPart;
+            } else {
+              return leftPart + '.' + rightPart;
+            }
+          }
+        }        /**
+ * Utility function for formatting numbers into strings and placing
+ * appropriate commas to mark units of 1000. There are two versions: one
+ * for formatting ints, and one for formatting an array of ints. The value
+ * for the right parameter should always be a positive integer.
+ *
+ * @method nfc
+ * @param  {Number|String}   num     the Number to format
+ * @param  {Integer|String}  [right] number of digits to the right of the
+ *                                  decimal point
+ * @return {String}           formatted String
+ *
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   background(200);
+ *   let num = 11253106.115;
+ *   let numArr = [1, 1, 2];
+ *
+ *   noStroke();
+ *   fill(0);
+ *   textSize(12);
+ *
+ *   // Draw formatted numbers
+ *   text(nfc(num, 4), 10, 30);
+ *   text(nfc(numArr, 2), 10, 80);
+ *
+ *   // Draw dividing line
+ *   stroke(120);
+ *   line(0, 50, width, 50);
+ *
+ *   describe('“11,253,106.115” top middle and “1.00,1.00,2.00” displayed bottom mid');
+ * }
+ * </code>
+ * </div>
+ */
+        /**
+ * @method nfc
+ * @param  {Array}    nums     the Numbers to format
+ * @param  {Integer|String}  [right]
+ * @return {String[]}           formatted Strings
+ */
+
+        _main.default.prototype.nfc = function (num, right) {
+          _main.default._validateParameters('nfc', arguments);
+          if (num instanceof Array) {
+            return num.map(function (x) {
+              return doNfc(x, right);
+            });
+          } else {
+            return doNfc(num, right);
+          }
+        };
+        function doNfc(num, right) {
+          num = num.toString();
+          var dec = num.indexOf('.');
+          var rem = dec !== - 1 ? num.substring(dec) : '';
+          var n = dec !== - 1 ? num.substring(0, dec) : num;
+          n = n.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+          if (right === 0) {
+            rem = '';
+          } else if (typeof right !== 'undefined') {
+            if (right > rem.length) {
+              rem += dec === - 1 ? '.' : '';
+              var len = right - rem.length + 1;
+              for (var i = 0; i < len; i++) {
+                rem += '0';
+              }
+            } else {
+              rem = rem.substring(0, right + 1);
+            }
+          }
+          return n + rem;
+        }        /**
+ * Utility function for formatting numbers into strings. Similar to <a href="#/p5/nf">nf()</a> but
+ * puts a "+" in front of positive numbers and a "-" in front of negative
+ * numbers. There are two versions: one for formatting floats, and one for
+ * formatting ints. The values for left, and right parameters
+ * should always be positive integers.
+ *
+ * @method nfp
+ * @param {Number} num      the Number to format
+ * @param {Integer}      [left]   number of digits to the left of the decimal
+ *                                point
+ * @param {Integer}      [right]  number of digits to the right of the
+ *                                decimal point
+ * @return {String}         formatted String
+ *
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   background(200);
+ *   let num1 = 11253106.115;
+ *   let num2 = -11253106.115;
+ *
+ *   noStroke();
+ *   fill(0);
+ *   textSize(12);
+ *
+ *   // Draw formatted numbers
+ *   text(nfp(num1, 4, 2), 10, 30);
+ *   text(nfp(num2, 4, 2), 10, 80);
+ *
+ *   // Draw dividing line
+ *   stroke(120);
+ *   line(0, 50, width, 50);
+ *
+ *   describe('“+11253106.11” top middle and “-11253106.11” displayed bottom middle');
+ * }
+ * </code>
+ * </div>
+ */
+        /**
+ * @method nfp
+ * @param {Number[]} nums      the Numbers to format
+ * @param {Integer}      [left]
+ * @param {Integer}      [right]
+ * @return {String[]}         formatted Strings
+ */
+
+        _main.default.prototype.nfp = function () {
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
+          _main.default._validateParameters('nfp', args);
+          var nfRes = _main.default.prototype.nf.apply(this, args);
+          if (nfRes instanceof Array) {
+            return nfRes.map(addNfp);
+          } else {
+            return addNfp(nfRes);
+          }
+        };
+        function addNfp(num) {
+          return parseFloat(num) > 0 ? '+'.concat(num.toString()) : num.toString();
+        }        /**
+ * Utility function for formatting numbers into strings. Similar to <a href="#/p5/nf">nf()</a> but
+ * puts an additional "_" (space) in front of positive numbers just in case to align it with negative
+ * numbers which includes "-" (minus) sign.
+ *
+ * The main usecase of nfs() can be seen when one wants to align the digits (place values) of a non-negative
+ * number with some negative number (See the example to get a clear picture).
+ * There are two versions: one for formatting float, and one for formatting int.
+ *
+ * The values for the digits, left, and right parameters should always be positive integers.
+ *
+ * (IMP): The result on the canvas basically the expected alignment can vary based on the typeface you are using.
+ *
+ * (NOTE): Be cautious when using left and right parameters as it prepends numbers of 0's if the parameter
+ * if greater than the current length of the number.
+ *
+ * For example if number is 123.2 and left parameter passed is 4 which is greater than length of 123
+ * (integer part) i.e 3 than result will be 0123.2. Same case for right parameter i.e. if right is 3 than
+ * the result will be 123.200.
+ *
+ * @method nfs
+ * @param {Number}       num      the Number to format
+ * @param {Integer}      [left]   number of digits to the left of the decimal
+ *                                point
+ * @param {Integer}      [right]  number of digits to the right of the
+ *                                decimal point
+ * @return {String}         formatted String
+ *
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   background(200);
+ *   let num1 = 321;
+ *   let num2 = -1321;
+ *
+ *   noStroke();
+ *   fill(0);
+ *   textSize(16);
+ *
+ *   // nfs() aligns num1 (positive number) with num2 (negative number) by
+ *   // adding a blank space in front of the num1 (positive number)
+ *   // [left = 4] in num1 add one 0 in front, to align the digits with num2
+ *   // [right = 2] in num1 and num2 adds two 0's after both numbers
+ *   // To see the differences check the example of nf() too.
+ *   text(nfs(num1, 4, 2), 10, 30);
+ *   text(nfs(num2, 4, 2), 10, 80);
+ *   // Draw dividing line
+ *   stroke(120);
+ *   line(0, 50, width, 50);
+ *
+ *   describe('“0321.00” top middle and “-1321.00” displayed bottom middle');
+ * }
+ * </code>
+ * </div>
+ */
+        /**
+ * @method nfs
+ * @param {Array}        nums     the Numbers to format
+ * @param {Integer}      [left]
+ * @param {Integer}      [right]
+ * @return {String[]}         formatted Strings
+ */
+
+        _main.default.prototype.nfs = function () {
+          for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+            args[_key2] = arguments[_key2];
+          }
+          _main.default._validateParameters('nfs', args);
+          var nfRes = _main.default.prototype.nf.apply(this, args);
+          if (nfRes instanceof Array) {
+            return nfRes.map(addNfs);
+          } else {
+            return addNfs(nfRes);
+          }
+        };
+        function addNfs(num) {
+          return parseFloat(num) >= 0 ? ' '.concat(num.toString()) : num.toString();
+        }        /**
+ * The <a href="#/p5/split">split()</a> function maps to String.split(), it breaks a String into
+ * pieces using a character or string as the delimiter. The delim parameter
+ * specifies the character or characters that mark the boundaries between
+ * each piece. A String[] array is returned that contains each of the pieces.
+ *
+ * The <a href="#/p5/splitTokens">splitTokens()</a> function works in a similar fashion, except that it
+ * splits using a range of characters instead of a specific character or
+ * sequence.
+ *
+ * @method split
+ * @param  {String} value the String to be split
+ * @param  {String} delim the String used to separate the data
+ * @return {String[]}  Array of Strings
+ * @example
+ * <div>
+ * <code>
+ * let names = 'Pat,Xio,Alex';
+ * let splitString = split(names, ',');
+ * text(splitString[0], 5, 30);
+ * text(splitString[1], 5, 50);
+ * text(splitString[2], 5, 70);
+ * describe('“Pat” top left, “Xio” mid left, and “Alex” displayed bottom left');
+ * </code>
+ * </div>
+ */
+
+        _main.default.prototype.split = function (str, delim) {
+          _main.default._validateParameters('split', arguments);
+          return str.split(delim);
+        };
+        /**
+ * The <a href="#/p5/splitTokens">splitTokens()</a> function splits a String at one or many character
+ * delimiters or "tokens." The delim parameter specifies the character or
+ * characters to be used as a boundary.
+ *
+ * If no delim characters are specified, any whitespace character is used to
+ * split. Whitespace characters include tab (\t), line feed (\n), carriage
+ * return (\r), form feed (\f), and space.
+ *
+ * @method splitTokens
+ * @param  {String} value   the String to be split
+ * @param  {String} [delim] list of individual Strings that will be used as
+ *                          separators
+ * @return {String[]}          Array of Strings
+ * @example
+ * <div class = "norender">
+ * <code>
+ * function setup() {
+ *   let myStr = 'Mango, Banana, Lime';
+ *   let myStrArr = splitTokens(myStr, ',');
+ *
+ *   print(myStrArr); // prints : ["Mango"," Banana"," Lime"]
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.splitTokens = function (value, delims) {
+          _main.default._validateParameters('splitTokens', arguments);
+          var d;
+          if (typeof delims !== 'undefined') {
+            var str = delims;
+            var sqc = /\]/g.exec(str);
+            var sqo = /\[/g.exec(str);
+            if (sqo && sqc) {
+              str = str.slice(0, sqc.index) + str.slice(sqc.index + 1);
+              sqo = /\[/g.exec(str);
+              str = str.slice(0, sqo.index) + str.slice(sqo.index + 1);
+              d = new RegExp('[\\['.concat(str, '\\]]'), 'g');
+            } else if (sqc) {
+              str = str.slice(0, sqc.index) + str.slice(sqc.index + 1);
+              d = new RegExp('['.concat(str, '\\]]'), 'g');
+            } else if (sqo) {
+              str = str.slice(0, sqo.index) + str.slice(sqo.index + 1);
+              d = new RegExp('['.concat(str, '\\[]'), 'g');
+            } else {
+              d = new RegExp('['.concat(str, ']'), 'g');
+            }
+          } else {
+            d = /\s/g;
+          }
+          return value.split(d).filter(function (n) {
+            return n;
+          });
+        };
+        /**
+ * Removes whitespace characters from the beginning and end of a String. In
+ * addition to standard whitespace characters such as space, carriage return,
+ * and tab, this function also removes the Unicode "nbsp" character.
+ *
+ * @method trim
+ * @param  {String} str a String to be trimmed
+ * @return {String}       a trimmed String
+ *
+ * @example
+ * <div>
+ * <code>
+ * let string = trim('  No new lines\n   ');
+ * text(string + ' here', 2, 50);
+ * describe('“No new lines here” displayed center canvas');
+ * </code>
+ * </div>
+ */
+        /**
+ * @method trim
+ * @param  {Array} strs an Array of Strings to be trimmed
+ * @return {String[]}   an Array of trimmed Strings
+ */
+        _main.default.prototype.trim = function (str) {
+          _main.default._validateParameters('trim', arguments);
+          if (str instanceof Array) {
+            return str.map(this.trim);
+          } else {
+            return str.trim();
+          }
+        };
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        '../core/friendly_errors/fes_core': 289,
+        '../core/friendly_errors/file_errors': 290,
+        '../core/friendly_errors/validate_params': 293,
+        '../core/main': 298,
+        'core-js/modules/es.array.filter': 173,
+        'core-js/modules/es.array.index-of': 178,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.array.join': 180,
+        'core-js/modules/es.array.map': 182,
+        'core-js/modules/es.array.slice': 183,
+        'core-js/modules/es.number.to-fixed': 193,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.regexp.constructor': 204,
+        'core-js/modules/es.regexp.exec': 205,
+        'core-js/modules/es.regexp.to-string': 206,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.string.match': 211,
+        'core-js/modules/es.string.pad-start': 212,
+        'core-js/modules/es.string.replace': 214,
+        'core-js/modules/es.string.split': 216,
+        'core-js/modules/es.string.trim': 219,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/web.dom-collections.iterator': 256
+      }
+    ],
+    340: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }        /**
+ * @module IO
+ * @submodule Time & Date
+ * @for p5
+ * @requires core
+ */
+        /**
+ * p5.js communicates with the clock on your computer. The <a href="#/p5/day">day()</a> function
+ * returns the current day as a value from 1 - 31.
+ *
+ * @method day
+ * @return {Integer} the current day
+ * @example
+ * <div>
+ * <code>
+ * let d = day();
+ * text('Current day: \n' + d, 5, 50);
+ * describe('Current day is displayed');
+ * </code>
+ * </div>
+ */
+
+        _main.default.prototype.day = function () {
+          return new Date().getDate();
+        };
+        /**
+ * p5.js communicates with the clock on your computer. The <a href="#/p5/hour">hour()</a> function
+ * returns the current hour as a value from 0 - 23.
+ *
+ * @method hour
+ * @return {Integer} the current hour
+ * @example
+ * <div>
+ * <code>
+ * let h = hour();
+ * text('Current hour:\n' + h, 5, 50);
+ * describe('Current hour is displayed');
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.hour = function () {
+          return new Date().getHours();
+        };
+        /**
+ * p5.js communicates with the clock on your computer. The <a href="#/p5/minute">minute()</a> function
+ * returns the current minute as a value from 0 - 59.
+ *
+ * @method minute
+ * @return {Integer} the current minute
+ * @example
+ * <div>
+ * <code>
+ * let m = minute();
+ * text('Current minute: \n' + m, 5, 50);
+ * describe('Current minute is displayed');
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.minute = function () {
+          return new Date().getMinutes();
+        };
+        /**
+ * Returns the number of milliseconds (thousandths of a second) since
+ * starting the sketch (when `setup()` is called). This information is often
+ * used for timing events and animation sequences.
+ *
+ * @method millis
+ * @return {Number} the number of milliseconds since starting the sketch
+ * @example
+ * <div>
+ * <code>
+ * let millisecond = millis();
+ * text('Milliseconds \nrunning: \n' + millisecond, 5, 40);
+ * describe('number of milliseconds since sketch has started displayed');
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.millis = function () {
+          if (this._millisStart === - 1) {
+            // Sketch has not started
+            return 0;
+          } else {
+            return window.performance.now() - this._millisStart;
+          }
+        };
+        /**
+ * p5.js communicates with the clock on your computer. The <a href="#/p5/month">month()</a> function
+ * returns the current month as a value from 1 - 12.
+ *
+ * @method month
+ * @return {Integer} the current month
+ * @example
+ * <div>
+ * <code>
+ * let m = month();
+ * text('Current month: \n' + m, 5, 50);
+ * describe('Current month is displayed');
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.month = function () {
+          //January is 0!
+          return new Date().getMonth() + 1;
+        };
+        /**
+ * p5.js communicates with the clock on your computer. The <a href="#/p5/second">second()</a> function
+ * returns the current second as a value from 0 - 59.
+ *
+ * @method second
+ * @return {Integer} the current second
+ * @example
+ * <div>
+ * <code>
+ * let s = second();
+ * text('Current second: \n' + s, 5, 50);
+ * describe('Current second is displayed');
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.second = function () {
+          return new Date().getSeconds();
+        };
+        /**
+ * p5.js communicates with the clock on your computer. The <a href="#/p5/year">year()</a> function
+ * returns the current year as an integer (2014, 2015, 2016, etc).
+ *
+ * @method year
+ * @return {Integer} the current year
+ * @example
+ * <div>
+ * <code>
+ * let y = year();
+ * text('Current year: \n' + y, 5, 50);
+ * describe('Current year is displayed');
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.year = function () {
+          return new Date().getFullYear();
+        };
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        '../core/main': 298
+      }
+    ],
+    341: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.concat');
+        _dereq_('core-js/modules/es.array.for-each');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.math.hypot');
+        _dereq_('core-js/modules/es.math.sign');
+        _dereq_('core-js/modules/es.number.to-fixed');
+        _dereq_('core-js/modules/es.object.get-own-property-descriptor');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.weak-map');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        function _typeof2(obj) {
+          if (typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol') {
+            _typeof2 = function _typeof2(obj) {
+              return typeof obj;
+            };
+          } else {
+            _typeof2 = function _typeof2(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj;
+            };
+          }
+          return _typeof2(obj);
+        }
+        function _typeof(obj) {
+          if (typeof Symbol === 'function' && _typeof2(Symbol.iterator) === 'symbol') {
+            _typeof = function _typeof(obj) {
+              return _typeof2(obj);
+            };
+          } else {
+            _typeof = function _typeof(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : _typeof2(obj);
+            };
+          }
+          return _typeof(obj);
+        }
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.concat');
+        _dereq_('core-js/modules/es.array.for-each');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.math.hypot');
+        _dereq_('core-js/modules/es.math.sign');
+        _dereq_('core-js/modules/es.number.to-fixed');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        _dereq_('./p5.Geometry');
+        var constants = _interopRequireWildcard(_dereq_('../core/constants'));
+        function _getRequireWildcardCache() {
+          if (typeof WeakMap !== 'function') return null;
+          var cache = new WeakMap();
+          _getRequireWildcardCache = function _getRequireWildcardCache() {
+            return cache;
+          };
+          return cache;
+        }
+        function _interopRequireWildcard(obj) {
+          if (obj && obj.__esModule) {
+            return obj;
+          }
+          if (obj === null || _typeof(obj) !== 'object' && typeof obj !== 'function') {
+            return {
+            default:
+              obj
+            };
+          }
+          var cache = _getRequireWildcardCache();
+          if (cache && cache.has(obj)) {
+            return cache.get(obj);
+          }
+          var newObj = {
+          };
+          var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+          for (var key in obj) {
+            if (Object.prototype.hasOwnProperty.call(obj, key)) {
+              var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+              if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+              } else {
+                newObj[key] = obj[key];
+              }
+            }
+          }
+          newObj.default = obj;
+          if (cache) {
+            cache.set(obj, newObj);
+          }
+          return newObj;
+        }
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }        /**
+ * @module Shape
+ * @submodule 3D Primitives
+ * @for p5
+ * @requires core
+ * @requires p5.Geometry
+ */
+        /**
+ * Starts creating a new p5.Geometry. Subsequent shapes drawn will be added
+ * to the geometry and then returned when
+ * <a href="#/p5/endGeometry">endGeometry()</a> is called. One can also use
+ * <a href="#/p5/buildGeometry">buildGeometry()</a> to pass a function that
+ * draws shapes.
+ *
+ * If you need to draw complex shapes every frame which don't change over time,
+ * combining them upfront with `beginGeometry()` and `endGeometry()` and then
+ * drawing that will run faster than repeatedly drawing the individual pieces.
+ *
+ * @method beginGeometry
+ *
+ * @example
+ * <div>
+ * <code>
+ * let shapes;
+ *
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   makeShapes();
+ * }
+ *
+ * function makeShapes() {
+ *   beginGeometry();
+ *   scale(0.18);
+ *
+ *   push();
+ *   translate(100, -50);
+ *   scale(0.5);
+ *   rotateX(PI/4);
+ *   cone();
+ *   pop();
+ *   cone();
+ *
+ *   beginShape();
+ *   vertex(-20, -50);
+ *   quadraticVertex(
+ *     -40, -70,
+ *     0, -60
+ *   );
+ *   endShape();
+ *
+ *   beginShape(TRIANGLE_STRIP);
+ *   for (let y = 20; y <= 60; y += 10) {
+ *     for (let x of [20, 60]) {
+ *       vertex(x, y);
+ *     }
+ *   }
+ *   endShape();
+ *
+ *   beginShape();
+ *   vertex(-100, -120);
+ *   vertex(-120, -110);
+ *   vertex(-105, -100);
+ *   endShape();
+ *
+ *   shapes = endGeometry();
+ * }
+ *
+ * function draw() {
+ *   background(255);
+ *   lights();
+ *   orbitControl();
+ *   model(shapes);
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * A series of different flat, curved, and 3D shapes floating in space.
+ */
+
+        _main.default.prototype.beginGeometry = function () {
+          return this._renderer.beginGeometry();
+        };
+        /**
+ * Finishes creating a new <a href="#/p5.Geometry">p5.Geometry</a> that was
+ * started using <a href="#/p5/beginGeometry">beginGeometry()</a>. One can also
+ * use <a href="#/p5/buildGeometry">buildGeometry()</a> to pass a function that
+ * draws shapes.
+ *
+ * @method endGeometry
+ * @returns {p5.Geometry} The model that was built.
+ */
+        _main.default.prototype.endGeometry = function () {
+          return this._renderer.endGeometry();
+        };
+        /**
+ * Creates a new <a href="#/p5.Geometry">p5.Geometry</a> that contains all
+ * the shapes drawn in a provided callback function. The returned combined shape
+ * can then be drawn all at once using <a href="#/p5/model">model()</a>.
+ *
+ * If you need to draw complex shapes every frame which don't change over time,
+ * combining them with `buildGeometry()` once and then drawing that will run
+ * faster than repeatedly drawing the individual pieces.
+ *
+ * One can also draw shapes directly between
+ * <a href="#/p5/beginGeometry">beginGeometry()</a> and
+ * <a href="#/p5/endGeometry">endGeometry()</a> instead of using a callback
+ * function.
+ *
+ * @method buildGeometry
+ * @param {Function} callback A function that draws shapes.
+ * @returns {p5.Geometry} The model that was built from the callback function.
+ *
+ * @example
+ * <div>
+ * <code>
+ * let particles;
+ * let button;
+ *
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   button = createButton('New');
+ *   button.mousePressed(makeParticles);
+ *   makeParticles();
+ * }
+ *
+ * function makeParticles() {
+ *   if (particles) freeGeometry(particles);
+ *
+ *   particles = buildGeometry(() => {
+ *     for (let i = 0; i < 60; i++) {
+ *       push();
+ *       translate(
+ *         randomGaussian(0, 20),
+ *         randomGaussian(0, 20),
+ *         randomGaussian(0, 20)
+ *       );
+ *       sphere(5);
+ *       pop();
+ *     }
+ *   });
+ * }
+ *
+ * function draw() {
+ *   background(255);
+ *   noStroke();
+ *   lights();
+ *   orbitControl();
+ *   model(particles);
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * A cluster of spheres.
+ */
+        _main.default.prototype.buildGeometry = function (callback) {
+          return this._renderer.buildGeometry(callback);
+        };
+        /**
+ * Clears the resources of a model to free up browser memory. A model whose
+ * resources have been cleared can still be drawn, but the first time it is
+ * drawn again, it might take longer.
+ *
+ * This method works on models generated with
+ * <a href="#/p5/buildGeometry">buildGeometry()</a> as well as those loaded
+ * from <a href="#/p5/loadModel">loadModel()</a>.
+ *
+ * @method freeGeometry
+ * @param {p5.Geometry} geometry The geometry whose resources should be freed
+ */
+        _main.default.prototype.freeGeometry = function (geometry) {
+          this._renderer._freeBuffers(geometry.gid);
+        };
+        /**
+ * Draw a plane with given a width and height
+ * @method plane
+ * @param  {Number} [width]    width of the plane
+ * @param  {Number} [height]   height of the plane
+ * @param  {Integer} [detailX]  Optional number of triangle
+ *                             subdivisions in x-dimension
+ * @param {Integer} [detailY]   Optional number of triangle
+ *                             subdivisions in y-dimension
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * // draw a plane
+ * // with width 50 and height 50
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   describe('a white plane with black wireframe lines');
+ * }
+ *
+ * function draw() {
+ *   background(200);
+ *   plane(50, 50);
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * Nothing displayed on canvas
+ * Rotating interior view of a box with sides that change color.
+ * 3d red and green gradient.
+ * Rotating interior view of a cylinder with sides that change color.
+ * Rotating view of a cylinder with sides that change color.
+ * 3d red and green gradient.
+ * rotating view of a multi-colored cylinder with concave sides.
+ */
+        _main.default.prototype.plane = function (width, height, detailX, detailY) {
+          this._assert3d('plane');
+          _main.default._validateParameters('plane', arguments);
+          if (typeof width === 'undefined') {
+            width = 50;
+          }
+          if (typeof height === 'undefined') {
+            height = width;
+          }
+          if (typeof detailX === 'undefined') {
+            detailX = 1;
+          }
+          if (typeof detailY === 'undefined') {
+            detailY = 1;
+          }
+          var gId = 'plane|'.concat(detailX, '|').concat(detailY);
+          if (!this._renderer.geometryInHash(gId)) {
+            var _plane = function _plane() {
+              var u,
+              v,
+              p;
+              for (var i = 0; i <= this.detailY; i++) {
+                v = i / this.detailY;
+                for (var j = 0; j <= this.detailX; j++) {
+                  u = j / this.detailX;
+                  p = new _main.default.Vector(u - 0.5, v - 0.5, 0);
+                  this.vertices.push(p);
+                  this.uvs.push(u, v);
+                }
+              }
+            };
+            var planeGeom = new _main.default.Geometry(detailX, detailY, _plane);
+            planeGeom.computeFaces().computeNormals();
+            if (detailX <= 1 && detailY <= 1) {
+              planeGeom._makeTriangleEdges()._edgesToVertices();
+            } else if (this._renderer._doStroke) {
+              console.log('Cannot draw stroke on plane objects with more' + ' than 1 detailX or 1 detailY');
+            }
+            this._renderer.createBuffers(gId, planeGeom);
+          }
+          this._renderer.drawBuffersScaled(gId, width, height, 1);
+          return this;
+        };
+        /**
+ * Draw a box with given width, height and depth
+ * @method  box
+ * @param  {Number} [width]     width of the box
+ * @param  {Number} [height]    height of the box
+ * @param  {Number} [depth]     depth of the box
+ * @param {Integer} [detailX]  Optional number of triangle
+ *                            subdivisions in x-dimension
+ * @param {Integer} [detailY]  Optional number of triangle
+ *                            subdivisions in y-dimension
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * // draw a spinning box
+ * // with width, height and depth of 50
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   describe('a white box rotating in 3D space');
+ * }
+ *
+ * function draw() {
+ *   background(200);
+ *   rotateX(frameCount * 0.01);
+ *   rotateY(frameCount * 0.01);
+ *   box(50);
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.box = function (width, height, depth, detailX, detailY) {
+          this._assert3d('box');
+          _main.default._validateParameters('box', arguments);
+          if (typeof width === 'undefined') {
+            width = 50;
+          }
+          if (typeof height === 'undefined') {
+            height = width;
+          }
+          if (typeof depth === 'undefined') {
+            depth = height;
+          }
+          var perPixelLighting = this._renderer.attributes && this._renderer.attributes.perPixelLighting;
+          if (typeof detailX === 'undefined') {
+            detailX = perPixelLighting ? 1 : 4;
+          }
+          if (typeof detailY === 'undefined') {
+            detailY = perPixelLighting ? 1 : 4;
+          }
+          var gId = 'box|'.concat(detailX, '|').concat(detailY);
+          if (!this._renderer.geometryInHash(gId)) {
+            var _box = function _box() {
+              var _this = this;
+              var cubeIndices = [
+                [0,
+                4,
+                2,
+                6],
+                // -1, 0, 0],// -x
+                [
+                  1,
+                  3,
+                  5,
+                  7
+                ],
+                // +1, 0, 0],// +x
+                [
+                  0,
+                  1,
+                  4,
+                  5
+                ],
+                // 0, -1, 0],// -y
+                [
+                  2,
+                  6,
+                  3,
+                  7
+                ],
+                // 0, +1, 0],// +y
+                [
+                  0,
+                  2,
+                  1,
+                  3
+                ],
+                // 0, 0, -1],// -z
+                [
+                  4,
+                  5,
+                  6,
+                  7
+                ] // 0, 0, +1] // +z
+              ];
+              //using custom edges
+              //to avoid diagonal stroke lines across face of box
+              this.edges = [
+                [0,
+                1],
+                [
+                  1,
+                  3
+                ],
+                [
+                  3,
+                  2
+                ],
+                [
+                  6,
+                  7
+                ],
+                [
+                  8,
+                  9
+                ],
+                [
+                  9,
+                  11
+                ],
+                [
+                  14,
+                  15
+                ],
+                [
+                  16,
+                  17
+                ],
+                [
+                  17,
+                  19
+                ],
+                [
+                  18,
+                  19
+                ],
+                [
+                  20,
+                  21
+                ],
+                [
+                  22,
+                  23
+                ]
+              ];
+              cubeIndices.forEach(function (cubeIndex, i) {
+                var v = i * 4;
+                for (var j = 0; j < 4; j++) {
+                  var d = cubeIndex[j];
+                  //inspired by lightgl:
+                  //https://github.com/evanw/lightgl.js
+                  //octants:https://en.wikipedia.org/wiki/Octant_(solid_geometry)
+                  var octant = new _main.default.Vector(((d & 1) * 2 - 1) / 2, ((d & 2) - 1) / 2, ((d & 4) / 2 - 1) / 2);
+                  _this.vertices.push(octant);
+                  _this.uvs.push(j & 1, (j & 2) / 2);
+                }
+                _this.faces.push([v,
+                v + 1,
+                v + 2]);
+                _this.faces.push([v + 2,
+                v + 1,
+                v + 3]);
+              });
+            };
+            var boxGeom = new _main.default.Geometry(detailX, detailY, _box);
+            boxGeom.computeNormals();
+            if (detailX <= 4 && detailY <= 4) {
+              boxGeom._edgesToVertices();
+            } else if (this._renderer._doStroke) {
+              console.log('Cannot draw stroke on box objects with more' + ' than 4 detailX or 4 detailY');
+            }            //initialize our geometry buffer with
+            //the key val pair:
+            //geometry Id, Geom object
+
+            this._renderer.createBuffers(gId, boxGeom);
+          }
+          this._renderer.drawBuffersScaled(gId, width, height, depth);
+          return this;
+        };
+        /**
+ * Draw a sphere with given radius.
+ *
+ * DetailX and detailY determines the number of subdivisions in the x-dimension
+ * and the y-dimension of a sphere. More subdivisions make the sphere seem
+ * smoother. The recommended maximum values are both 24. Using a value greater
+ * than 24 may cause a warning or slow down the browser.
+ * @method sphere
+ * @param  {Number} [radius]          radius of circle
+ * @param  {Integer} [detailX]        optional number of subdivisions in x-dimension
+ * @param  {Integer} [detailY]        optional number of subdivisions in y-dimension
+ *
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * // draw a sphere with radius 40
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   describe('a white sphere with black wireframe lines');
+ * }
+ *
+ * function draw() {
+ *   background(205, 102, 94);
+ *   sphere(40);
+ * }
+ * </code>
+ * </div>
+ *
+ * @example
+ * <div>
+ * <code>
+ * let detailX;
+ * // slide to see how detailX works
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   detailX = createSlider(3, 24, 3);
+ *   detailX.position(10, height + 5);
+ *   detailX.style('width', '80px');
+ *   describe(
+ *     'a white sphere with low detail on the x-axis, including a slider to adjust detailX'
+ *   );
+ * }
+ *
+ * function draw() {
+ *   background(205, 105, 94);
+ *   rotateY(millis() / 1000);
+ *   sphere(40, detailX.value(), 16);
+ * }
+ * </code>
+ * </div>
+ *
+ * @example
+ * <div>
+ * <code>
+ * let detailY;
+ * // slide to see how detailY works
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   detailY = createSlider(3, 16, 3);
+ *   detailY.position(10, height + 5);
+ *   detailY.style('width', '80px');
+ *   describe(
+ *     'a white sphere with low detail on the y-axis, including a slider to adjust detailY'
+ *   );
+ * }
+ *
+ * function draw() {
+ *   background(205, 105, 94);
+ *   rotateY(millis() / 1000);
+ *   sphere(40, 16, detailY.value());
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.sphere = function (radius, detailX, detailY) {
+          this._assert3d('sphere');
+          _main.default._validateParameters('sphere', arguments);
+          if (typeof radius === 'undefined') {
+            radius = 50;
+          }
+          if (typeof detailX === 'undefined') {
+            detailX = 24;
+          }
+          if (typeof detailY === 'undefined') {
+            detailY = 16;
+          }
+          this.ellipsoid(radius, radius, radius, detailX, detailY);
+          return this;
+        };
+        /**
+ * @private
+ * Helper function for creating both cones and cylinders
+ * Will only generate well-defined geometry when bottomRadius, height > 0
+ * and topRadius >= 0
+ * If topRadius == 0, topCap should be false
+ */
+        var _truncatedCone = function _truncatedCone(bottomRadius, topRadius, height, detailX, detailY, bottomCap, topCap) {
+          bottomRadius = bottomRadius <= 0 ? 1 : bottomRadius;
+          topRadius = topRadius < 0 ? 0 : topRadius;
+          height = height <= 0 ? bottomRadius : height;
+          detailX = detailX < 3 ? 3 : detailX;
+          detailY = detailY < 1 ? 1 : detailY;
+          bottomCap = bottomCap === undefined ? true : bottomCap;
+          topCap = topCap === undefined ? topRadius !== 0 : topCap;
+          var start = bottomCap ? - 2 : 0;
+          var end = detailY + (topCap ? 2 : 0);
+          //ensure constant slant for interior vertex normals
+          var slant = Math.atan2(bottomRadius - topRadius, height);
+          var sinSlant = Math.sin(slant);
+          var cosSlant = Math.cos(slant);
+          var yy,
+          ii,
+          jj;
+          for (yy = start; yy <= end; ++yy) {
+            var v = yy / detailY;
+            var y = height * v;
+            var ringRadius = void 0;
+            if (yy < 0) {
+              //for the bottomCap edge
+              y = 0;
+              v = 0;
+              ringRadius = bottomRadius;
+            } else if (yy > detailY) {
+              //for the topCap edge
+              y = height;
+              v = 1;
+              ringRadius = topRadius;
+            } else {
+              //for the middle
+              ringRadius = bottomRadius + (topRadius - bottomRadius) * v;
+            }
+            if (yy === - 2 || yy === detailY + 2) {
+              //center of bottom or top caps
+              ringRadius = 0;
+            }
+            y -= height / 2; //shift coordiate origin to the center of object
+            for (ii = 0; ii < detailX; ++ii) {
+              var u = ii / (detailX - 1);
+              var ur = 2 * Math.PI * u;
+              var sur = Math.sin(ur);
+              var cur = Math.cos(ur);
+              //VERTICES
+              this.vertices.push(new _main.default.Vector(sur * ringRadius, y, cur * ringRadius));
+              //VERTEX NORMALS
+              var vertexNormal = void 0;
+              if (yy < 0) {
+                vertexNormal = new _main.default.Vector(0, - 1, 0);
+              } else if (yy > detailY && topRadius) {
+                vertexNormal = new _main.default.Vector(0, 1, 0);
+              } else {
+                vertexNormal = new _main.default.Vector(sur * cosSlant, sinSlant, cur * cosSlant);
+              }
+              this.vertexNormals.push(vertexNormal);
+              //UVs
+              this.uvs.push(u, v);
+            }
+          }
+          var startIndex = 0;
+          if (bottomCap) {
+            for (jj = 0; jj < detailX; ++jj) {
+              var nextjj = (jj + 1) % detailX;
+              this.faces.push([startIndex + jj,
+              startIndex + detailX + nextjj,
+              startIndex + detailX + jj]);
+            }
+            startIndex += detailX * 2;
+          }
+          for (yy = 0; yy < detailY; ++yy) {
+            for (ii = 0; ii < detailX; ++ii) {
+              var nextii = (ii + 1) % detailX;
+              this.faces.push([startIndex + ii,
+              startIndex + nextii,
+              startIndex + detailX + nextii]);
+              this.faces.push([startIndex + ii,
+              startIndex + detailX + nextii,
+              startIndex + detailX + ii]);
+            }
+            startIndex += detailX;
+          }
+          if (topCap) {
+            startIndex += detailX;
+            for (ii = 0; ii < detailX; ++ii) {
+              this.faces.push([startIndex + ii,
+              startIndex + (ii + 1) % detailX,
+              startIndex + detailX]);
+            }
+          }
+        };
+        /**
+ * Draw a cylinder with given radius and height
+ *
+ * DetailX and detailY determines the number of subdivisions in the x-dimension
+ * and the y-dimension of a cylinder. More subdivisions make the cylinder seem smoother.
+ * The recommended maximum value for detailX is 24. Using a value greater than 24
+ * may cause a warning or slow down the browser.
+ *
+ * @method cylinder
+ * @param  {Number}  [radius]    radius of the surface
+ * @param  {Number}  [height]    height of the cylinder
+ * @param  {Integer} [detailX]   number of subdivisions in x-dimension;
+ *                               default is 24
+ * @param  {Integer} [detailY]   number of subdivisions in y-dimension;
+ *                               default is 1
+ * @param  {Boolean} [bottomCap] whether to draw the bottom of the cylinder
+ * @param  {Boolean} [topCap]    whether to draw the top of the cylinder
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * // draw a spinning cylinder
+ * // with radius 20 and height 50
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   describe('a rotating white cylinder');
+ * }
+ *
+ * function draw() {
+ *   background(205, 105, 94);
+ *   rotateX(frameCount * 0.01);
+ *   rotateZ(frameCount * 0.01);
+ *   cylinder(20, 50);
+ * }
+ * </code>
+ * </div>
+ *
+ * @example
+ * <div>
+ * <code>
+ * // slide to see how detailX works
+ * let detailX;
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   detailX = createSlider(3, 24, 3);
+ *   detailX.position(10, height + 5);
+ *   detailX.style('width', '80px');
+ *   describe(
+ *     'a rotating white cylinder with limited X detail, with a slider that adjusts detailX'
+ *   );
+ * }
+ *
+ * function draw() {
+ *   background(205, 105, 94);
+ *   rotateY(millis() / 1000);
+ *   cylinder(20, 75, detailX.value(), 1);
+ * }
+ * </code>
+ * </div>
+ *
+ * @example
+ * <div>
+ * <code>
+ * // slide to see how detailY works
+ * let detailY;
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   detailY = createSlider(1, 16, 1);
+ *   detailY.position(10, height + 5);
+ *   detailY.style('width', '80px');
+ *   describe(
+ *     'a rotating white cylinder with limited Y detail, with a slider that adjusts detailY'
+ *   );
+ * }
+ *
+ * function draw() {
+ *   background(205, 105, 94);
+ *   rotateY(millis() / 1000);
+ *   cylinder(20, 75, 16, detailY.value());
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.cylinder = function (radius, height, detailX, detailY, bottomCap, topCap) {
+          this._assert3d('cylinder');
+          _main.default._validateParameters('cylinder', arguments);
+          if (typeof radius === 'undefined') {
+            radius = 50;
+          }
+          if (typeof height === 'undefined') {
+            height = radius;
+          }
+          if (typeof detailX === 'undefined') {
+            detailX = 24;
+          }
+          if (typeof detailY === 'undefined') {
+            detailY = 1;
+          }
+          if (typeof topCap === 'undefined') {
+            topCap = true;
+          }
+          if (typeof bottomCap === 'undefined') {
+            bottomCap = true;
+          }
+          var gId = 'cylinder|'.concat(detailX, '|').concat(detailY, '|').concat(bottomCap, '|').concat(topCap);
+          if (!this._renderer.geometryInHash(gId)) {
+            var cylinderGeom = new _main.default.Geometry(detailX, detailY);
+            _truncatedCone.call(cylinderGeom, 1, 1, 1, detailX, detailY, bottomCap, topCap);
+            // normals are computed in call to _truncatedCone
+            if (detailX <= 24 && detailY <= 16) {
+              cylinderGeom._makeTriangleEdges()._edgesToVertices();
+            } else if (this._renderer._doStroke) {
+              console.log('Cannot draw stroke on cylinder objects with more' + ' than 24 detailX or 16 detailY');
+            }
+            this._renderer.createBuffers(gId, cylinderGeom);
+          }
+          this._renderer.drawBuffersScaled(gId, radius, height, radius);
+          return this;
+        };
+        /**
+ * Draw a cone with given radius and height
+ *
+ * DetailX and detailY determine the number of subdivisions in the x-dimension and
+ * the y-dimension of a cone. More subdivisions make the cone seem smoother. The
+ * recommended maximum value for detailX is 24. Using a value greater than 24
+ * may cause a warning or slow down the browser.
+ * @method cone
+ * @param  {Number}  [radius]  radius of the bottom surface
+ * @param  {Number}  [height]  height of the cone
+ * @param  {Integer} [detailX] number of segments,
+ *                             the more segments the smoother geometry
+ *                             default is 24
+ * @param  {Integer} [detailY] number of segments,
+ *                             the more segments the smoother geometry
+ *                             default is 1
+ * @param  {Boolean} [cap]     whether to draw the base of the cone
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * // draw a spinning cone
+ * // with radius 40 and height 70
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   describe('a rotating white cone');
+ * }
+ *
+ * function draw() {
+ *   background(200);
+ *   rotateX(frameCount * 0.01);
+ *   rotateZ(frameCount * 0.01);
+ *   cone(40, 70);
+ * }
+ * </code>
+ * </div>
+ *
+ * @example
+ * <div>
+ * <code>
+ * // slide to see how detailx works
+ * let detailX;
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   detailX = createSlider(3, 16, 3);
+ *   detailX.position(10, height + 5);
+ *   detailX.style('width', '80px');
+ *   describe(
+ *     'a rotating white cone with limited X detail, with a slider that adjusts detailX'
+ *   );
+ * }
+ *
+ * function draw() {
+ *   background(205, 102, 94);
+ *   rotateY(millis() / 1000);
+ *   cone(30, 65, detailX.value(), 16);
+ * }
+ * </code>
+ * </div>
+ *
+ * @example
+ * <div>
+ * <code>
+ * // slide to see how detailY works
+ * let detailY;
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   detailY = createSlider(3, 16, 3);
+ *   detailY.position(10, height + 5);
+ *   detailY.style('width', '80px');
+ *   describe(
+ *     'a rotating white cone with limited Y detail, with a slider that adjusts detailY'
+ *   );
+ * }
+ *
+ * function draw() {
+ *   background(205, 102, 94);
+ *   rotateY(millis() / 1000);
+ *   cone(30, 65, 16, detailY.value());
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.cone = function (radius, height, detailX, detailY, cap) {
+          this._assert3d('cone');
+          _main.default._validateParameters('cone', arguments);
+          if (typeof radius === 'undefined') {
+            radius = 50;
+          }
+          if (typeof height === 'undefined') {
+            height = radius;
+          }
+          if (typeof detailX === 'undefined') {
+            detailX = 24;
+          }
+          if (typeof detailY === 'undefined') {
+            detailY = 1;
+          }
+          if (typeof cap === 'undefined') {
+            cap = true;
+          }
+          var gId = 'cone|'.concat(detailX, '|').concat(detailY, '|').concat(cap);
+          if (!this._renderer.geometryInHash(gId)) {
+            var coneGeom = new _main.default.Geometry(detailX, detailY);
+            _truncatedCone.call(coneGeom, 1, 0, 1, detailX, detailY, cap, false);
+            if (detailX <= 24 && detailY <= 16) {
+              coneGeom._makeTriangleEdges()._edgesToVertices();
+            } else if (this._renderer._doStroke) {
+              console.log('Cannot draw stroke on cone objects with more' + ' than 24 detailX or 16 detailY');
+            }
+            this._renderer.createBuffers(gId, coneGeom);
+          }
+          this._renderer.drawBuffersScaled(gId, radius, height, radius);
+          return this;
+        };
+        /**
+ * Draw an ellipsoid with given radius
+ *
+ * DetailX and detailY determine the number of subdivisions in the x-dimension and
+ * the y-dimension of a cone. More subdivisions make the ellipsoid appear to be smoother.
+ * Avoid detail number above 150, it may crash the browser.
+ * @method ellipsoid
+ * @param  {Number} [radiusx]         x-radius of ellipsoid
+ * @param  {Number} [radiusy]         y-radius of ellipsoid
+ * @param  {Number} [radiusz]         z-radius of ellipsoid
+ * @param  {Integer} [detailX]        number of segments,
+ *                                    the more segments the smoother geometry
+ *                                    default is 24. Avoid detail number above
+ *                                    150, it may crash the browser.
+ * @param  {Integer} [detailY]        number of segments,
+ *                                    the more segments the smoother geometry
+ *                                    default is 16. Avoid detail number above
+ *                                    150, it may crash the browser.
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * // draw an ellipsoid
+ * // with radius 30, 40 and 40.
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   describe('a white 3d ellipsoid');
+ * }
+ *
+ * function draw() {
+ *   background(205, 105, 94);
+ *   ellipsoid(30, 40, 40);
+ * }
+ * </code>
+ * </div>
+ *
+ * @example
+ * <div>
+ * <code>
+ * // slide to see how detailX works
+ * let detailX;
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   detailX = createSlider(2, 24, 12);
+ *   detailX.position(10, height + 5);
+ *   detailX.style('width', '80px');
+ *   describe(
+ *     'a rotating white ellipsoid with limited X detail, with a slider that adjusts detailX'
+ *   );
+ * }
+ *
+ * function draw() {
+ *   background(205, 105, 94);
+ *   rotateY(millis() / 1000);
+ *   ellipsoid(30, 40, 40, detailX.value(), 8);
+ * }
+ * </code>
+ * </div>
+ *
+ * @example
+ * <div>
+ * <code>
+ * // slide to see how detailY works
+ * let detailY;
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   detailY = createSlider(2, 24, 6);
+ *   detailY.position(10, height + 5);
+ *   detailY.style('width', '80px');
+ *   describe(
+ *     'a rotating white ellipsoid with limited Y detail, with a slider that adjusts detailY'
+ *   );
+ * }
+ *
+ * function draw() {
+ *   background(205, 105, 9);
+ *   rotateY(millis() / 1000);
+ *   ellipsoid(30, 40, 40, 12, detailY.value());
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.ellipsoid = function (radiusX, radiusY, radiusZ, detailX, detailY) {
+          this._assert3d('ellipsoid');
+          _main.default._validateParameters('ellipsoid', arguments);
+          if (typeof radiusX === 'undefined') {
+            radiusX = 50;
+          }
+          if (typeof radiusY === 'undefined') {
+            radiusY = radiusX;
+          }
+          if (typeof radiusZ === 'undefined') {
+            radiusZ = radiusX;
+          }
+          if (typeof detailX === 'undefined') {
+            detailX = 24;
+          }
+          if (typeof detailY === 'undefined') {
+            detailY = 16;
+          }
+          var gId = 'ellipsoid|'.concat(detailX, '|').concat(detailY);
+          if (!this._renderer.geometryInHash(gId)) {
+            var _ellipsoid = function _ellipsoid() {
+              for (var i = 0; i <= this.detailY; i++) {
+                var v = i / this.detailY;
+                var phi = Math.PI * v - Math.PI / 2;
+                var cosPhi = Math.cos(phi);
+                var sinPhi = Math.sin(phi);
+                for (var j = 0; j <= this.detailX; j++) {
+                  var u = j / this.detailX;
+                  var theta = 2 * Math.PI * u;
+                  var cosTheta = Math.cos(theta);
+                  var sinTheta = Math.sin(theta);
+                  var p = new _main.default.Vector(cosPhi * sinTheta, sinPhi, cosPhi * cosTheta);
+                  this.vertices.push(p);
+                  this.vertexNormals.push(p);
+                  this.uvs.push(u, v);
+                }
+              }
+            };
+            var ellipsoidGeom = new _main.default.Geometry(detailX, detailY, _ellipsoid);
+            ellipsoidGeom.computeFaces();
+            if (detailX <= 24 && detailY <= 24) {
+              ellipsoidGeom._makeTriangleEdges()._edgesToVertices();
+            } else if (this._renderer._doStroke) {
+              console.log('Cannot draw stroke on ellipsoids with more' + ' than 24 detailX or 24 detailY');
+            }
+            this._renderer.createBuffers(gId, ellipsoidGeom);
+          }
+          this._renderer.drawBuffersScaled(gId, radiusX, radiusY, radiusZ);
+          return this;
+        };
+        /**
+ * Draw a torus with given radius and tube radius
+ *
+ * DetailX and detailY determine the number of subdivisions in the x-dimension and
+ * the y-dimension of a torus. More subdivisions make the torus appear to be smoother.
+ * The default and maximum values for detailX and detailY are 24 and 16, respectively.
+ * Setting them to relatively small values like 4 and 6 allows you to create new
+ * shapes other than a torus.
+ * @method torus
+ * @param  {Number} [radius]      radius of the whole ring
+ * @param  {Number} [tubeRadius]  radius of the tube
+ * @param  {Integer} [detailX]    number of segments in x-dimension,
+ *                                the more segments the smoother geometry
+ *                                default is 24
+ * @param  {Integer} [detailY]    number of segments in y-dimension,
+ *                                the more segments the smoother geometry
+ *                                default is 16
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * // draw a spinning torus
+ * // with ring radius 30 and tube radius 15
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   describe('a rotating white torus');
+ * }
+ *
+ * function draw() {
+ *   background(205, 102, 94);
+ *   rotateX(frameCount * 0.01);
+ *   rotateY(frameCount * 0.01);
+ *   torus(30, 15);
+ * }
+ * </code>
+ * </div>
+ *
+ * @example
+ * <div>
+ * <code>
+ * // slide to see how detailX works
+ * let detailX;
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   detailX = createSlider(3, 24, 3);
+ *   detailX.position(10, height + 5);
+ *   detailX.style('width', '80px');
+ *   describe(
+ *     'a rotating white torus with limited X detail, with a slider that adjusts detailX'
+ *   );
+ * }
+ *
+ * function draw() {
+ *   background(205, 102, 94);
+ *   rotateY(millis() / 1000);
+ *   torus(30, 15, detailX.value(), 12);
+ * }
+ * </code>
+ * </div>
+ *
+ * @example
+ * <div>
+ * <code>
+ * // slide to see how detailY works
+ * let detailY;
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   detailY = createSlider(3, 16, 3);
+ *   detailY.position(10, height + 5);
+ *   detailY.style('width', '80px');
+ *   describe(
+ *     'a rotating white torus with limited Y detail, with a slider that adjusts detailY'
+ *   );
+ * }
+ *
+ * function draw() {
+ *   background(205, 102, 94);
+ *   rotateY(millis() / 1000);
+ *   torus(30, 15, 16, detailY.value());
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.torus = function (radius, tubeRadius, detailX, detailY) {
+          this._assert3d('torus');
+          _main.default._validateParameters('torus', arguments);
+          if (typeof radius === 'undefined') {
+            radius = 50;
+          } else if (!radius) {
+            return; // nothing to draw
+          }
+          if (typeof tubeRadius === 'undefined') {
+            tubeRadius = 10;
+          } else if (!tubeRadius) {
+            return; // nothing to draw
+          }
+          if (typeof detailX === 'undefined') {
+            detailX = 24;
+          }
+          if (typeof detailY === 'undefined') {
+            detailY = 16;
+          }
+          var tubeRatio = (tubeRadius / radius).toPrecision(4);
+          var gId = 'torus|'.concat(tubeRatio, '|').concat(detailX, '|').concat(detailY);
+          if (!this._renderer.geometryInHash(gId)) {
+            var _torus = function _torus() {
+              for (var i = 0; i <= this.detailY; i++) {
+                var v = i / this.detailY;
+                var phi = 2 * Math.PI * v;
+                var cosPhi = Math.cos(phi);
+                var sinPhi = Math.sin(phi);
+                var r = 1 + tubeRatio * cosPhi;
+                for (var j = 0; j <= this.detailX; j++) {
+                  var u = j / this.detailX;
+                  var theta = 2 * Math.PI * u;
+                  var cosTheta = Math.cos(theta);
+                  var sinTheta = Math.sin(theta);
+                  var p = new _main.default.Vector(r * cosTheta, r * sinTheta, tubeRatio * sinPhi);
+                  var n = new _main.default.Vector(cosPhi * cosTheta, cosPhi * sinTheta, sinPhi);
+                  this.vertices.push(p);
+                  this.vertexNormals.push(n);
+                  this.uvs.push(u, v);
+                }
+              }
+            };
+            var torusGeom = new _main.default.Geometry(detailX, detailY, _torus);
+            torusGeom.computeFaces();
+            if (detailX <= 24 && detailY <= 16) {
+              torusGeom._makeTriangleEdges()._edgesToVertices();
+            } else if (this._renderer._doStroke) {
+              console.log('Cannot draw strokes on torus object with more' + ' than 24 detailX or 16 detailY');
+            }
+            this._renderer.createBuffers(gId, torusGeom);
+          }
+          this._renderer.drawBuffersScaled(gId, radius, radius, radius);
+          return this;
+        };
+        ///////////////////////
+        /// 2D primitives
+        /////////////////////////
+        //
+        // Note: Documentation is not generated on the p5.js website for functions on
+        // the p5.RendererGL prototype.
+        /**
+ * Draws a point, a coordinate in space at the dimension of one pixel,
+ * given x, y and z coordinates. The color of the point is determined
+ * by the current stroke, while the point size is determined by current
+ * stroke weight.
+ * @private
+ * @param {Number} x x-coordinate of point
+ * @param {Number} y y-coordinate of point
+ * @param {Number} z z-coordinate of point
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ * }
+ *
+ * function draw() {
+ *   background(50);
+ *   stroke(255);
+ *   strokeWeight(4);
+ *   point(25, 0);
+ *   strokeWeight(3);
+ *   point(-25, 0);
+ *   strokeWeight(2);
+ *   point(0, 25);
+ *   strokeWeight(1);
+ *   point(0, -25);
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.RendererGL.prototype.point = function (x, y, z) {
+          if (typeof z === 'undefined') {
+            z = 0;
+          }
+          var _vertex = [
+          ];
+          _vertex.push(new _main.default.Vector(x, y, z));
+          this._drawPoints(_vertex, this.immediateMode.buffers.point);
+          return this;
+        };
+        _main.default.RendererGL.prototype.triangle = function (args) {
+          var x1 = args[0],
+          y1 = args[1];
+          var x2 = args[2],
+          y2 = args[3];
+          var x3 = args[4],
+          y3 = args[5];
+          var gId = 'tri';
+          if (!this.geometryInHash(gId)) {
+            var _triangle = function _triangle() {
+              var vertices = [
+              ];
+              vertices.push(new _main.default.Vector(0, 0, 0));
+              vertices.push(new _main.default.Vector(1, 0, 0));
+              vertices.push(new _main.default.Vector(0, 1, 0));
+              this.edges = [
+                [0,
+                1],
+                [
+                  1,
+                  2
+                ],
+                [
+                  2,
+                  0
+                ]
+              ];
+              this.vertices = vertices;
+              this.faces = [
+                [0,
+                1,
+                2]
+              ];
+              this.uvs = [
+                0,
+                0,
+                1,
+                0,
+                1,
+                1
+              ];
+            };
+            var triGeom = new _main.default.Geometry(1, 1, _triangle);
+            triGeom._edgesToVertices();
+            triGeom.computeNormals();
+            this.createBuffers(gId, triGeom);
+          }          // only one triangle is cached, one point is at the origin, and the
+          // two adjacent sides are tne unit vectors along the X & Y axes.
+          //
+          // this matrix multiplication transforms those two unit vectors
+          // onto the required vector prior to rendering, and moves the
+          // origin appropriately.
+
+          var uMVMatrix = this.uMVMatrix.copy();
+          try {
+            // triangle orientation.
+            var orientation = Math.sign(x1 * y2 - x2 * y1 + x2 * y3 - x3 * y2 + x3 * y1 - x1 * y3);
+            var mult = new _main.default.Matrix([x2 - x1,
+            y2 - y1,
+            0,
+            0,
+            // the resulting unit X-axis
+            x3 - x1,
+            y3 - y1,
+            0,
+            0,
+            // the resulting unit Y-axis
+            0,
+            0,
+            orientation,
+            0,
+            // the resulting unit Z-axis (Reflect the specified order of vertices)
+            x1,
+            y1,
+            0,
+            1 // the resulting origin
+            ]).mult(this.uMVMatrix);
+            this.uMVMatrix = mult;
+            this.drawBuffers(gId);
+          } finally {
+            this.uMVMatrix = uMVMatrix;
+          }
+          return this;
+        };
+        _main.default.RendererGL.prototype.ellipse = function (args) {
+          this.arc(args[0], args[1], args[2], args[3], 0, constants.TWO_PI, constants.OPEN, args[4]);
+        };
+        _main.default.RendererGL.prototype.arc = function (args) {
+          var x = arguments[0];
+          var y = arguments[1];
+          var width = arguments[2];
+          var height = arguments[3];
+          var start = arguments[4];
+          var stop = arguments[5];
+          var mode = arguments[6];
+          var detail = arguments[7] || 25;
+          var shape;
+          var gId;
+          // check if it is an ellipse or an arc
+          if (Math.abs(stop - start) >= constants.TWO_PI) {
+            shape = 'ellipse';
+            gId = ''.concat(shape, '|').concat(detail, '|');
+          } else {
+            shape = 'arc';
+            gId = ''.concat(shape, '|').concat(start, '|').concat(stop, '|').concat(mode, '|').concat(detail, '|');
+          }
+          if (!this.geometryInHash(gId)) {
+            var _arc = function _arc() {
+              // if the start and stop angles are not the same, push vertices to the array
+              if (start.toFixed(10) !== stop.toFixed(10)) {
+                // if the mode specified is PIE or null, push the mid point of the arc in vertices
+                if (mode === constants.PIE || typeof mode === 'undefined') {
+                  this.vertices.push(new _main.default.Vector(0.5, 0.5, 0));
+                  this.uvs.push([0.5,
+                  0.5]);
+                }                // vertices for the perimeter of the circle
+
+                for (var i = 0; i <= detail; i++) {
+                  var u = i / detail;
+                  var theta = (stop - start) * u + start;
+                  var _x = 0.5 + Math.cos(theta) / 2;
+                  var _y = 0.5 + Math.sin(theta) / 2;
+                  this.vertices.push(new _main.default.Vector(_x, _y, 0));
+                  this.uvs.push([_x,
+                  _y]);
+                  if (i < detail - 1) {
+                    this.faces.push([0,
+                    i + 1,
+                    i + 2]);
+                    this.edges.push([i + 1,
+                    i + 2]);
+                  }
+                }                // check the mode specified in order to push vertices and faces, different for each mode
+
+                switch (mode) {
+                  case constants.PIE:
+                    this.faces.push([0,
+                    this.vertices.length - 2,
+                    this.vertices.length - 1]);
+                    this.edges.push([0,
+                    1]);
+                    this.edges.push([this.vertices.length - 2,
+                    this.vertices.length - 1]);
+                    this.edges.push([0,
+                    this.vertices.length - 1]);
+                    break;
+                  case constants.CHORD:
+                    this.edges.push([0,
+                    1]);
+                    this.edges.push([0,
+                    this.vertices.length - 1]);
+                    break;
+                  case constants.OPEN:
+                    this.edges.push([0,
+                    1]);
+                    break;
+                  default:
+                    this.faces.push([0,
+                    this.vertices.length - 2,
+                    this.vertices.length - 1]);
+                    this.edges.push([this.vertices.length - 2,
+                    this.vertices.length - 1]);
+                }
+              }
+            };
+            var arcGeom = new _main.default.Geometry(detail, 1, _arc);
+            arcGeom.computeNormals();
+            if (detail <= 50) {
+              arcGeom._edgesToVertices(arcGeom);
+            } else if (this._doStroke) {
+              console.log('Cannot apply a stroke to an '.concat(shape, ' with more than 50 detail'));
+            }
+            this.createBuffers(gId, arcGeom);
+          }
+          var uMVMatrix = this.uMVMatrix.copy();
+          try {
+            this.uMVMatrix.translate([x,
+            y,
+            0]);
+            this.uMVMatrix.scale(width, height, 1);
+            this.drawBuffers(gId);
+          } finally {
+            this.uMVMatrix = uMVMatrix;
+          }
+          return this;
+        };
+        _main.default.RendererGL.prototype.rect = function (args) {
+          var x = args[0];
+          var y = args[1];
+          var width = args[2];
+          var height = args[3];
+          if (typeof args[4] === 'undefined') {
+            // Use the retained mode for drawing rectangle,
+            // if args for rounding rectangle is not provided by user.
+            var perPixelLighting = this._pInst._glAttributes.perPixelLighting;
+            var detailX = args[4] || (perPixelLighting ? 1 : 24);
+            var detailY = args[5] || (perPixelLighting ? 1 : 16);
+            var gId = 'rect|'.concat(detailX, '|').concat(detailY);
+            if (!this.geometryInHash(gId)) {
+              var _rect = function _rect() {
+                for (var i = 0; i <= this.detailY; i++) {
+                  var v = i / this.detailY;
+                  for (var j = 0; j <= this.detailX; j++) {
+                    var u = j / this.detailX;
+                    var p = new _main.default.Vector(u, v, 0);
+                    this.vertices.push(p);
+                    this.uvs.push(u, v);
+                  }
+                }                // using stroke indices to avoid stroke over face(s) of rectangle
+
+                if (detailX > 0 && detailY > 0) {
+                  this.edges = [
+                    [0,
+                    detailX],
+                    [
+                      detailX,
+                      (detailX + 1) * (detailY + 1) - 1
+                    ],
+                    [
+                      (detailX + 1) * (detailY + 1) - 1,
+                      (detailX + 1) * detailY
+                    ],
+                    [
+                      (detailX + 1) * detailY,
+                      0
+                    ]
+                  ];
+                }
+              };
+              var rectGeom = new _main.default.Geometry(detailX, detailY, _rect);
+              rectGeom.computeFaces().computeNormals()._edgesToVertices();
+              this.createBuffers(gId, rectGeom);
+            }            // only a single rectangle (of a given detail) is cached: a square with
+            // opposite corners at (0,0) & (1,1).
+            //
+            // before rendering, this square is scaled & moved to the required location.
+
+            var uMVMatrix = this.uMVMatrix.copy();
+            try {
+              this.uMVMatrix.translate([x,
+              y,
+              0]);
+              this.uMVMatrix.scale(width, height, 1);
+              this.drawBuffers(gId);
+            } finally {
+              this.uMVMatrix = uMVMatrix;
+            }
+          } else {
+            // Use Immediate mode to round the rectangle corner,
+            // if args for rounding corners is provided by user
+            var tl = args[4];
+            var tr = typeof args[5] === 'undefined' ? tl : args[5];
+            var br = typeof args[6] === 'undefined' ? tr : args[6];
+            var bl = typeof args[7] === 'undefined' ? br : args[7];
+            var a = x;
+            var b = y;
+            var c = width;
+            var d = height;
+            c += a;
+            d += b;
+            if (a > c) {
+              var temp = a;
+              a = c;
+              c = temp;
+            }
+            if (b > d) {
+              var _temp = b;
+              b = d;
+              d = _temp;
+            }
+            var maxRounding = Math.min((c - a) / 2, (d - b) / 2);
+            if (tl > maxRounding) tl = maxRounding;
+            if (tr > maxRounding) tr = maxRounding;
+            if (br > maxRounding) br = maxRounding;
+            if (bl > maxRounding) bl = maxRounding;
+            var x1 = a;
+            var y1 = b;
+            var x2 = c;
+            var y2 = d;
+            this.beginShape();
+            if (tr !== 0) {
+              this.vertex(x2 - tr, y1);
+              this.quadraticVertex(x2, y1, x2, y1 + tr);
+            } else {
+              this.vertex(x2, y1);
+            }
+            if (br !== 0) {
+              this.vertex(x2, y2 - br);
+              this.quadraticVertex(x2, y2, x2 - br, y2);
+            } else {
+              this.vertex(x2, y2);
+            }
+            if (bl !== 0) {
+              this.vertex(x1 + bl, y2);
+              this.quadraticVertex(x1, y2, x1, y2 - bl);
+            } else {
+              this.vertex(x1, y2);
+            }
+            if (tl !== 0) {
+              this.vertex(x1, y1 + tl);
+              this.quadraticVertex(x1, y1, x1 + tl, y1);
+            } else {
+              this.vertex(x1, y1);
+            }
+            this.immediateMode.geometry.uvs.length = 0;
+            var _iteratorNormalCompletion = true;
+            var _didIteratorError = false;
+            var _iteratorError = undefined;
+            try {
+              for (var _iterator = this.immediateMode.geometry.vertices[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+                var vert = _step.value;
+                var u = (vert.x - x1) / width;
+                var v = (vert.y - y1) / height;
+                this.immediateMode.geometry.uvs.push(u, v);
+              }
+            } catch (err) {
+              _didIteratorError = true;
+              _iteratorError = err;
+            } finally {
+              try {
+                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                  _iterator.return();
+                }
+              } finally {
+                if (_didIteratorError) {
+                  throw _iteratorError;
+                }
+              }
+            }
+            this.endShape(constants.CLOSE);
+          }
+          return this;
+        };
+        /* eslint-disable max-len */
+        _main.default.RendererGL.prototype.quad = function (x1, y1, z1, x2, y2, z2, x3, y3, z3, x4, y4, z4, detailX, detailY) {
+          /* eslint-enable max-len */
+          if (typeof detailX === 'undefined') {
+            detailX = 2;
+          }
+          if (typeof detailY === 'undefined') {
+            detailY = 2;
+          }
+          var gId = 'quad|'.concat(x1, '|').concat(y1, '|').concat(z1, '|').concat(x2, '|').concat(y2, '|').concat(z2, '|').concat(x3, '|').concat(y3, '|').concat(z3, '|').concat(x4, '|').concat(y4, '|').concat(z4, '|').concat(detailX, '|').concat(detailY);
+          if (!this.geometryInHash(gId)) {
+            var quadGeom = new _main.default.Geometry(detailX, detailY, function () {
+              //algorithm adapted from c++ to js
+              //https://stackoverflow.com/questions/16989181/whats-the-correct-way-to-draw-a-distorted-plane-in-opengl/16993202#16993202
+              var xRes = 1 / (this.detailX - 1);
+              var yRes = 1 / (this.detailY - 1);
+              for (var y = 0; y < this.detailY; y++) {
+                for (var x = 0; x < this.detailX; x++) {
+                  var pctx = x * xRes;
+                  var pcty = y * yRes;
+                  var linePt0x = (1 - pcty) * x1 + pcty * x4;
+                  var linePt0y = (1 - pcty) * y1 + pcty * y4;
+                  var linePt0z = (1 - pcty) * z1 + pcty * z4;
+                  var linePt1x = (1 - pcty) * x2 + pcty * x3;
+                  var linePt1y = (1 - pcty) * y2 + pcty * y3;
+                  var linePt1z = (1 - pcty) * z2 + pcty * z3;
+                  var ptx = (1 - pctx) * linePt0x + pctx * linePt1x;
+                  var pty = (1 - pctx) * linePt0y + pctx * linePt1y;
+                  var ptz = (1 - pctx) * linePt0z + pctx * linePt1z;
+                  this.vertices.push(new _main.default.Vector(ptx, pty, ptz));
+                  this.uvs.push([pctx,
+                  pcty]);
+                }
+              }
+            });
+            quadGeom.faces = [
+            ];
+            for (var y = 0; y < detailY - 1; y++) {
+              for (var x = 0; x < detailX - 1; x++) {
+                var pt0 = x + y * detailX;
+                var pt1 = x + 1 + y * detailX;
+                var pt2 = x + 1 + (y + 1) * detailX;
+                var pt3 = x + (y + 1) * detailX;
+                quadGeom.faces.push([pt0,
+                pt1,
+                pt2]);
+                quadGeom.faces.push([pt0,
+                pt2,
+                pt3]);
+              }
+            }
+            quadGeom.computeNormals();
+            quadGeom.edges.length = 0;
+            var vertexOrder = [
+              0,
+              2,
+              3,
+              1
+            ];
+            for (var i = 0; i < vertexOrder.length; i++) {
+              var startVertex = vertexOrder[i];
+              var endVertex = vertexOrder[(i + 1) % vertexOrder.length];
+              quadGeom.edges.push([startVertex,
+              endVertex]);
+            }
+            quadGeom._edgesToVertices();
+            this.createBuffers(gId, quadGeom);
+          }
+          this.drawBuffers(gId);
+          return this;
+        };
+        //this implementation of bezier curve
+        //is based on Bernstein polynomial
+        // pretier-ignore
+        _main.default.RendererGL.prototype.bezier = function (x1, y1, z1,        // x2
+        x2,        // y2
+        y2,        // x3
+        z2,        // y3
+        x3,        // x4
+        y3,        // y4
+        z3, x4, y4, z4) {
+          if (arguments.length === 8) {
+            y4 = y3;
+            x4 = x3;
+            y3 = z2;
+            x3 = y2;
+            y2 = x2;
+            x2 = z1;
+            z1 = z2 = z3 = z4 = 0;
+          }
+          var bezierDetail = this._pInst._bezierDetail || 20; //value of Bezier detail
+          this.beginShape();
+          for (var i = 0; i <= bezierDetail; i++) {
+            var c1 = Math.pow(1 - i / bezierDetail, 3);
+            var c2 = 3 * (i / bezierDetail) * Math.pow(1 - i / bezierDetail, 2);
+            var c3 = 3 * Math.pow(i / bezierDetail, 2) * (1 - i / bezierDetail);
+            var c4 = Math.pow(i / bezierDetail, 3);
+            this.vertex(x1 * c1 + x2 * c2 + x3 * c3 + x4 * c4, y1 * c1 + y2 * c2 + y3 * c3 + y4 * c4, z1 * c1 + z2 * c2 + z3 * c3 + z4 * c4);
+          }
+          this.endShape();
+          return this;
+        };
+        // pretier-ignore
+        _main.default.RendererGL.prototype.curve = function (x1, y1, z1,        // x2
+        x2,        // y2
+        y2,        // x3
+        z2,        // y3
+        x3,        // x4
+        y3,        // y4
+        z3, x4, y4, z4) {
+          if (arguments.length === 8) {
+            x4 = x3;
+            y4 = y3;
+            x3 = y2;
+            y3 = x2;
+            x2 = z1;
+            y2 = x2;
+            z1 = z2 = z3 = z4 = 0;
+          }
+          var curveDetail = this._pInst._curveDetail;
+          this.beginShape();
+          for (var i = 0; i <= curveDetail; i++) {
+            var c1 = Math.pow(i / curveDetail, 3) * 0.5;
+            var c2 = Math.pow(i / curveDetail, 2) * 0.5;
+            var c3 = i / curveDetail * 0.5;
+            var c4 = 0.5;
+            var vx = c1 * ( - x1 + 3 * x2 - 3 * x3 + x4) + c2 * (2 * x1 - 5 * x2 + 4 * x3 - x4) + c3 * ( - x1 + x3) + c4 * (2 * x2);
+            var vy = c1 * ( - y1 + 3 * y2 - 3 * y3 + y4) + c2 * (2 * y1 - 5 * y2 + 4 * y3 - y4) + c3 * ( - y1 + y3) + c4 * (2 * y2);
+            var vz = c1 * ( - z1 + 3 * z2 - 3 * z3 + z4) + c2 * (2 * z1 - 5 * z2 + 4 * z3 - z4) + c3 * ( - z1 + z3) + c4 * (2 * z2);
+            this.vertex(vx, vy, vz);
+          }
+          this.endShape();
+          return this;
+        };
+        /**
+ * Draw a line given two points
+ * @private
+ * @param {Number} x0 x-coordinate of first vertex
+ * @param {Number} y0 y-coordinate of first vertex
+ * @param {Number} z0 z-coordinate of first vertex
+ * @param {Number} x1 x-coordinate of second vertex
+ * @param {Number} y1 y-coordinate of second vertex
+ * @param {Number} z1 z-coordinate of second vertex
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * //draw a line
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ * }
+ *
+ * function draw() {
+ *   background(200);
+ *   rotateX(frameCount * 0.01);
+ *   rotateY(frameCount * 0.01);
+ *   // Use fill instead of stroke to change the color of shape.
+ *   fill(255, 0, 0);
+ *   line(10, 10, 0, 60, 60, 20);
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.RendererGL.prototype.line = function () {
+          if (arguments.length === 6) {
+            this.beginShape(constants.LINES);
+            this.vertex(arguments.length <= 0 ? undefined : arguments[0], arguments.length <= 1 ? undefined : arguments[1], arguments.length <= 2 ? undefined : arguments[2]);
+            this.vertex(arguments.length <= 3 ? undefined : arguments[3], arguments.length <= 4 ? undefined : arguments[4], arguments.length <= 5 ? undefined : arguments[5]);
+            this.endShape();
+          } else if (arguments.length === 4) {
+            this.beginShape(constants.LINES);
+            this.vertex(arguments.length <= 0 ? undefined : arguments[0], arguments.length <= 1 ? undefined : arguments[1], 0);
+            this.vertex(arguments.length <= 2 ? undefined : arguments[2], arguments.length <= 3 ? undefined : arguments[3], 0);
+            this.endShape();
+          }
+          return this;
+        };
+        _main.default.RendererGL.prototype.bezierVertex = function () {
+          if (this.immediateMode._bezierVertex.length === 0) {
+            throw Error('vertex() must be used once before calling bezierVertex()');
+          } else {
+            var w_x = [
+            ];
+            var w_y = [
+            ];
+            var w_z = [
+            ];
+            var t,
+            _x,
+            _y,
+            _z,
+            i,
+            k,
+            m;
+            // variable i for bezierPoints, k for components, and m for anchor points.
+            var argLength = arguments.length;
+            t = 0;
+            if (this._lookUpTableBezier.length === 0 || this._lutBezierDetail !== this._pInst._curveDetail) {
+              this._lookUpTableBezier = [
+              ];
+              this._lutBezierDetail = this._pInst._curveDetail;
+              var step = 1 / this._lutBezierDetail;
+              var start = 0;
+              var end = 1;
+              var j = 0;
+              while (start < 1) {
+                t = parseFloat(start.toFixed(6));
+                this._lookUpTableBezier[j] = this._bezierCoefficients(t);
+                if (end.toFixed(6) === step.toFixed(6)) {
+                  t = parseFloat(end.toFixed(6)) + parseFloat(start.toFixed(6));
+                  ++j;
+                  this._lookUpTableBezier[j] = this._bezierCoefficients(t);
+                  break;
+                }
+                start += step;
+                end -= step;
+                ++j;
+              }
+            }
+            var LUTLength = this._lookUpTableBezier.length;
+            // fillColors[0]: start point color
+            // fillColors[1],[2]: control point color
+            // fillColors[3]: end point color
+            var fillColors = [
+            ];
+            for (m = 0; m < 4; m++) {
+              fillColors.push([]);
+            }
+            fillColors[0] = this.immediateMode.geometry.vertexColors.slice( - 4);
+            fillColors[3] = this.curFillColor.slice();
+            // Do the same for strokeColor.
+            var strokeColors = [
+            ];
+            for (m = 0; m < 4; m++) {
+              strokeColors.push([]);
+            }
+            strokeColors[0] = this.immediateMode.geometry.vertexStrokeColors.slice( - 4);
+            strokeColors[3] = this.curStrokeColor.slice();
+            if (argLength === 6) {
+              this.isBezier = true;
+              w_x = [
+                this.immediateMode._bezierVertex[0],
+                arguments.length <= 0 ? undefined : arguments[0],
+                arguments.length <= 2 ? undefined : arguments[2],
+                arguments.length <= 4 ? undefined : arguments[4]
+              ];
+              w_y = [
+                this.immediateMode._bezierVertex[1],
+                arguments.length <= 1 ? undefined : arguments[1],
+                arguments.length <= 3 ? undefined : arguments[3],
+                arguments.length <= 5 ? undefined : arguments[5]
+              ];
+              // The ratio of the distance between the start point, the two control-
+              // points, and the end point determines the intermediate color.
+              var d0 = Math.hypot(w_x[0] - w_x[1], w_y[0] - w_y[1]);
+              var d1 = Math.hypot(w_x[1] - w_x[2], w_y[1] - w_y[2]);
+              var d2 = Math.hypot(w_x[2] - w_x[3], w_y[2] - w_y[3]);
+              var totalLength = d0 + d1 + d2;
+              d0 /= totalLength;
+              d2 /= totalLength;
+              for (k = 0; k < 4; k++) {
+                fillColors[1].push(fillColors[0][k] * (1 - d0) + fillColors[3][k] * d0);
+                fillColors[2].push(fillColors[0][k] * d2 + fillColors[3][k] * (1 - d2));
+                strokeColors[1].push(strokeColors[0][k] * (1 - d0) + strokeColors[3][k] * d0);
+                strokeColors[2].push(strokeColors[0][k] * d2 + strokeColors[3][k] * (1 - d2));
+              }
+              for (i = 0; i < LUTLength; i++) {
+                // Interpolate colors using control points
+                this.curFillColor = [
+                  0,
+                  0,
+                  0,
+                  0
+                ];
+                this.curStrokeColor = [
+                  0,
+                  0,
+                  0,
+                  0
+                ];
+                _x = _y = 0;
+                for (m = 0; m < 4; m++) {
+                  for (k = 0; k < 4; k++) {
+                    this.curFillColor[k] += this._lookUpTableBezier[i][m] * fillColors[m][k];
+                    this.curStrokeColor[k] += this._lookUpTableBezier[i][m] * strokeColors[m][k];
+                  }
+                  _x += w_x[m] * this._lookUpTableBezier[i][m];
+                  _y += w_y[m] * this._lookUpTableBezier[i][m];
+                }
+                this.vertex(_x, _y);
+              }              // so that we leave currentColor with the last value the user set it to
+
+              this.curFillColor = fillColors[3];
+              this.curStrokeColor = strokeColors[3];
+              this.immediateMode._bezierVertex[0] = arguments.length <= 4 ? undefined : arguments[4];
+              this.immediateMode._bezierVertex[1] = arguments.length <= 5 ? undefined : arguments[5];
+            } else if (argLength === 9) {
+              this.isBezier = true;
+              w_x = [
+                this.immediateMode._bezierVertex[0],
+                arguments.length <= 0 ? undefined : arguments[0],
+                arguments.length <= 3 ? undefined : arguments[3],
+                arguments.length <= 6 ? undefined : arguments[6]
+              ];
+              w_y = [
+                this.immediateMode._bezierVertex[1],
+                arguments.length <= 1 ? undefined : arguments[1],
+                arguments.length <= 4 ? undefined : arguments[4],
+                arguments.length <= 7 ? undefined : arguments[7]
+              ];
+              w_z = [
+                this.immediateMode._bezierVertex[2],
+                arguments.length <= 2 ? undefined : arguments[2],
+                arguments.length <= 5 ? undefined : arguments[5],
+                arguments.length <= 8 ? undefined : arguments[8]
+              ];
+              // The ratio of the distance between the start point, the two control-
+              // points, and the end point determines the intermediate color.
+              var _d = Math.hypot(w_x[0] - w_x[1], w_y[0] - w_y[1], w_z[0] - w_z[1]);
+              var _d2 = Math.hypot(w_x[1] - w_x[2], w_y[1] - w_y[2], w_z[1] - w_z[2]);
+              var _d3 = Math.hypot(w_x[2] - w_x[3], w_y[2] - w_y[3], w_z[2] - w_z[3]);
+              var _totalLength = _d + _d2 + _d3;
+              _d /= _totalLength;
+              _d3 /= _totalLength;
+              for (k = 0; k < 4; k++) {
+                fillColors[1].push(fillColors[0][k] * (1 - _d) + fillColors[3][k] * _d);
+                fillColors[2].push(fillColors[0][k] * _d3 + fillColors[3][k] * (1 - _d3));
+                strokeColors[1].push(strokeColors[0][k] * (1 - _d) + strokeColors[3][k] * _d);
+                strokeColors[2].push(strokeColors[0][k] * _d3 + strokeColors[3][k] * (1 - _d3));
+              }
+              for (i = 0; i < LUTLength; i++) {
+                // Interpolate colors using control points
+                this.curFillColor = [
+                  0,
+                  0,
+                  0,
+                  0
+                ];
+                this.curStrokeColor = [
+                  0,
+                  0,
+                  0,
+                  0
+                ];
+                _x = _y = _z = 0;
+                for (m = 0; m < 4; m++) {
+                  for (k = 0; k < 4; k++) {
+                    this.curFillColor[k] += this._lookUpTableBezier[i][m] * fillColors[m][k];
+                    this.curStrokeColor[k] += this._lookUpTableBezier[i][m] * strokeColors[m][k];
+                  }
+                  _x += w_x[m] * this._lookUpTableBezier[i][m];
+                  _y += w_y[m] * this._lookUpTableBezier[i][m];
+                  _z += w_z[m] * this._lookUpTableBezier[i][m];
+                }
+                this.vertex(_x, _y, _z);
+              }              // so that we leave currentColor with the last value the user set it to
+
+              this.curFillColor = fillColors[3];
+              this.curStrokeColor = strokeColors[3];
+              this.immediateMode._bezierVertex[0] = arguments.length <= 6 ? undefined : arguments[6];
+              this.immediateMode._bezierVertex[1] = arguments.length <= 7 ? undefined : arguments[7];
+              this.immediateMode._bezierVertex[2] = arguments.length <= 8 ? undefined : arguments[8];
+            }
+          }
+        };
+        _main.default.RendererGL.prototype.quadraticVertex = function () {
+          if (this.immediateMode._quadraticVertex.length === 0) {
+            throw Error('vertex() must be used once before calling quadraticVertex()');
+          } else {
+            var w_x = [
+            ];
+            var w_y = [
+            ];
+            var w_z = [
+            ];
+            var t,
+            _x,
+            _y,
+            _z,
+            i,
+            k,
+            m;
+            // variable i for bezierPoints, k for components, and m for anchor points.
+            var argLength = arguments.length;
+            t = 0;
+            if (this._lookUpTableQuadratic.length === 0 || this._lutQuadraticDetail !== this._pInst._curveDetail) {
+              this._lookUpTableQuadratic = [
+              ];
+              this._lutQuadraticDetail = this._pInst._curveDetail;
+              var step = 1 / this._lutQuadraticDetail;
+              var start = 0;
+              var end = 1;
+              var j = 0;
+              while (start < 1) {
+                t = parseFloat(start.toFixed(6));
+                this._lookUpTableQuadratic[j] = this._quadraticCoefficients(t);
+                if (end.toFixed(6) === step.toFixed(6)) {
+                  t = parseFloat(end.toFixed(6)) + parseFloat(start.toFixed(6));
+                  ++j;
+                  this._lookUpTableQuadratic[j] = this._quadraticCoefficients(t);
+                  break;
+                }
+                start += step;
+                end -= step;
+                ++j;
+              }
+            }
+            var LUTLength = this._lookUpTableQuadratic.length;
+            // fillColors[0]: start point color
+            // fillColors[1]: control point color
+            // fillColors[2]: end point color
+            var fillColors = [
+            ];
+            for (m = 0; m < 3; m++) {
+              fillColors.push([]);
+            }
+            fillColors[0] = this.immediateMode.geometry.vertexColors.slice( - 4);
+            fillColors[2] = this.curFillColor.slice();
+            // Do the same for strokeColor.
+            var strokeColors = [
+            ];
+            for (m = 0; m < 3; m++) {
+              strokeColors.push([]);
+            }
+            strokeColors[0] = this.immediateMode.geometry.vertexStrokeColors.slice( - 4);
+            strokeColors[2] = this.curStrokeColor.slice();
+            if (argLength === 4) {
+              this.isQuadratic = true;
+              w_x = [
+                this.immediateMode._quadraticVertex[0],
+                arguments.length <= 0 ? undefined : arguments[0],
+                arguments.length <= 2 ? undefined : arguments[2]
+              ];
+              w_y = [
+                this.immediateMode._quadraticVertex[1],
+                arguments.length <= 1 ? undefined : arguments[1],
+                arguments.length <= 3 ? undefined : arguments[3]
+              ];
+              // The ratio of the distance between the start point, the control-
+              // point, and the end point determines the intermediate color.
+              var d0 = Math.hypot(w_x[0] - w_x[1], w_y[0] - w_y[1]);
+              var d1 = Math.hypot(w_x[1] - w_x[2], w_y[1] - w_y[2]);
+              var totalLength = d0 + d1;
+              d0 /= totalLength;
+              for (k = 0; k < 4; k++) {
+                fillColors[1].push(fillColors[0][k] * (1 - d0) + fillColors[2][k] * d0);
+                strokeColors[1].push(strokeColors[0][k] * (1 - d0) + strokeColors[2][k] * d0);
+              }
+              for (i = 0; i < LUTLength; i++) {
+                // Interpolate colors using control points
+                this.curFillColor = [
+                  0,
+                  0,
+                  0,
+                  0
+                ];
+                this.curStrokeColor = [
+                  0,
+                  0,
+                  0,
+                  0
+                ];
+                _x = _y = 0;
+                for (m = 0; m < 3; m++) {
+                  for (k = 0; k < 4; k++) {
+                    this.curFillColor[k] += this._lookUpTableQuadratic[i][m] * fillColors[m][k];
+                    this.curStrokeColor[k] += this._lookUpTableQuadratic[i][m] * strokeColors[m][k];
+                  }
+                  _x += w_x[m] * this._lookUpTableQuadratic[i][m];
+                  _y += w_y[m] * this._lookUpTableQuadratic[i][m];
+                }
+                this.vertex(_x, _y);
+              }              // so that we leave currentColor with the last value the user set it to
+
+              this.curFillColor = fillColors[2];
+              this.curStrokeColor = strokeColors[2];
+              this.immediateMode._quadraticVertex[0] = arguments.length <= 2 ? undefined : arguments[2];
+              this.immediateMode._quadraticVertex[1] = arguments.length <= 3 ? undefined : arguments[3];
+            } else if (argLength === 6) {
+              this.isQuadratic = true;
+              w_x = [
+                this.immediateMode._quadraticVertex[0],
+                arguments.length <= 0 ? undefined : arguments[0],
+                arguments.length <= 3 ? undefined : arguments[3]
+              ];
+              w_y = [
+                this.immediateMode._quadraticVertex[1],
+                arguments.length <= 1 ? undefined : arguments[1],
+                arguments.length <= 4 ? undefined : arguments[4]
+              ];
+              w_z = [
+                this.immediateMode._quadraticVertex[2],
+                arguments.length <= 2 ? undefined : arguments[2],
+                arguments.length <= 5 ? undefined : arguments[5]
+              ];
+              // The ratio of the distance between the start point, the control-
+              // point, and the end point determines the intermediate color.
+              var _d4 = Math.hypot(w_x[0] - w_x[1], w_y[0] - w_y[1], w_z[0] - w_z[1]);
+              var _d5 = Math.hypot(w_x[1] - w_x[2], w_y[1] - w_y[2], w_z[1] - w_z[2]);
+              var _totalLength2 = _d4 + _d5;
+              _d4 /= _totalLength2;
+              for (k = 0; k < 4; k++) {
+                fillColors[1].push(fillColors[0][k] * (1 - _d4) + fillColors[2][k] * _d4);
+                strokeColors[1].push(strokeColors[0][k] * (1 - _d4) + strokeColors[2][k] * _d4);
+              }
+              for (i = 0; i < LUTLength; i++) {
+                // Interpolate colors using control points
+                this.curFillColor = [
+                  0,
+                  0,
+                  0,
+                  0
+                ];
+                this.curStrokeColor = [
+                  0,
+                  0,
+                  0,
+                  0
+                ];
+                _x = _y = _z = 0;
+                for (m = 0; m < 3; m++) {
+                  for (k = 0; k < 4; k++) {
+                    this.curFillColor[k] += this._lookUpTableQuadratic[i][m] * fillColors[m][k];
+                    this.curStrokeColor[k] += this._lookUpTableQuadratic[i][m] * strokeColors[m][k];
+                  }
+                  _x += w_x[m] * this._lookUpTableQuadratic[i][m];
+                  _y += w_y[m] * this._lookUpTableQuadratic[i][m];
+                  _z += w_z[m] * this._lookUpTableQuadratic[i][m];
+                }
+                this.vertex(_x, _y, _z);
+              }              // so that we leave currentColor with the last value the user set it to
+
+              this.curFillColor = fillColors[2];
+              this.curStrokeColor = strokeColors[2];
+              this.immediateMode._quadraticVertex[0] = arguments.length <= 3 ? undefined : arguments[3];
+              this.immediateMode._quadraticVertex[1] = arguments.length <= 4 ? undefined : arguments[4];
+              this.immediateMode._quadraticVertex[2] = arguments.length <= 5 ? undefined : arguments[5];
+            }
+          }
+        };
+        _main.default.RendererGL.prototype.curveVertex = function () {
+          var w_x = [
+          ];
+          var w_y = [
+          ];
+          var w_z = [
+          ];
+          var t,
+          _x,
+          _y,
+          _z,
+          i;
+          t = 0;
+          var argLength = arguments.length;
+          if (this._lookUpTableBezier.length === 0 || this._lutBezierDetail !== this._pInst._curveDetail) {
+            this._lookUpTableBezier = [
+            ];
+            this._lutBezierDetail = this._pInst._curveDetail;
+            var step = 1 / this._lutBezierDetail;
+            var start = 0;
+            var end = 1;
+            var j = 0;
+            while (start < 1) {
+              t = parseFloat(start.toFixed(6));
+              this._lookUpTableBezier[j] = this._bezierCoefficients(t);
+              if (end.toFixed(6) === step.toFixed(6)) {
+                t = parseFloat(end.toFixed(6)) + parseFloat(start.toFixed(6));
+                ++j;
+                this._lookUpTableBezier[j] = this._bezierCoefficients(t);
+                break;
+              }
+              start += step;
+              end -= step;
+              ++j;
+            }
+          }
+          var LUTLength = this._lookUpTableBezier.length;
+          if (argLength === 2) {
+            this.immediateMode._curveVertex.push(arguments.length <= 0 ? undefined : arguments[0]);
+            this.immediateMode._curveVertex.push(arguments.length <= 1 ? undefined : arguments[1]);
+            if (this.immediateMode._curveVertex.length === 8) {
+              this.isCurve = true;
+              w_x = this._bezierToCatmull([this.immediateMode._curveVertex[0],
+              this.immediateMode._curveVertex[2],
+              this.immediateMode._curveVertex[4],
+              this.immediateMode._curveVertex[6]]);
+              w_y = this._bezierToCatmull([this.immediateMode._curveVertex[1],
+              this.immediateMode._curveVertex[3],
+              this.immediateMode._curveVertex[5],
+              this.immediateMode._curveVertex[7]]);
+              for (i = 0; i < LUTLength; i++) {
+                _x = w_x[0] * this._lookUpTableBezier[i][0] + w_x[1] * this._lookUpTableBezier[i][1] + w_x[2] * this._lookUpTableBezier[i][2] + w_x[3] * this._lookUpTableBezier[i][3];
+                _y = w_y[0] * this._lookUpTableBezier[i][0] + w_y[1] * this._lookUpTableBezier[i][1] + w_y[2] * this._lookUpTableBezier[i][2] + w_y[3] * this._lookUpTableBezier[i][3];
+                this.vertex(_x, _y);
+              }
+              for (i = 0; i < argLength; i++) {
+                this.immediateMode._curveVertex.shift();
+              }
+            }
+          } else if (argLength === 3) {
+            this.immediateMode._curveVertex.push(arguments.length <= 0 ? undefined : arguments[0]);
+            this.immediateMode._curveVertex.push(arguments.length <= 1 ? undefined : arguments[1]);
+            this.immediateMode._curveVertex.push(arguments.length <= 2 ? undefined : arguments[2]);
+            if (this.immediateMode._curveVertex.length === 12) {
+              this.isCurve = true;
+              w_x = this._bezierToCatmull([this.immediateMode._curveVertex[0],
+              this.immediateMode._curveVertex[3],
+              this.immediateMode._curveVertex[6],
+              this.immediateMode._curveVertex[9]]);
+              w_y = this._bezierToCatmull([this.immediateMode._curveVertex[1],
+              this.immediateMode._curveVertex[4],
+              this.immediateMode._curveVertex[7],
+              this.immediateMode._curveVertex[10]]);
+              w_z = this._bezierToCatmull([this.immediateMode._curveVertex[2],
+              this.immediateMode._curveVertex[5],
+              this.immediateMode._curveVertex[8],
+              this.immediateMode._curveVertex[11]]);
+              for (i = 0; i < LUTLength; i++) {
+                _x = w_x[0] * this._lookUpTableBezier[i][0] + w_x[1] * this._lookUpTableBezier[i][1] + w_x[2] * this._lookUpTableBezier[i][2] + w_x[3] * this._lookUpTableBezier[i][3];
+                _y = w_y[0] * this._lookUpTableBezier[i][0] + w_y[1] * this._lookUpTableBezier[i][1] + w_y[2] * this._lookUpTableBezier[i][2] + w_y[3] * this._lookUpTableBezier[i][3];
+                _z = w_z[0] * this._lookUpTableBezier[i][0] + w_z[1] * this._lookUpTableBezier[i][1] + w_z[2] * this._lookUpTableBezier[i][2] + w_z[3] * this._lookUpTableBezier[i][3];
+                this.vertex(_x, _y, _z);
+              }
+              for (i = 0; i < argLength; i++) {
+                this.immediateMode._curveVertex.shift();
+              }
+            }
+          }
+        };
+        _main.default.RendererGL.prototype.image = function (img, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight) {
+          if (this._isErasing) {
+            this.blendMode(this._cachedBlendMode);
+          }
+          this._pInst.push();
+          this._pInst.noLights();
+          this._pInst.noStroke();
+          this._pInst.texture(img);
+          this._pInst.textureMode(constants.NORMAL);
+          var u0 = 0;
+          if (sx <= img.width) {
+            u0 = sx / img.width;
+          }
+          var u1 = 1;
+          if (sx + sWidth <= img.width) {
+            u1 = (sx + sWidth) / img.width;
+          }
+          var v0 = 0;
+          if (sy <= img.height) {
+            v0 = sy / img.height;
+          }
+          var v1 = 1;
+          if (sy + sHeight <= img.height) {
+            v1 = (sy + sHeight) / img.height;
+          }
+          this.beginShape();
+          this.vertex(dx, dy, 0, u0, v0);
+          this.vertex(dx + dWidth, dy, 0, u1, v0);
+          this.vertex(dx + dWidth, dy + dHeight, 0, u1, v1);
+          this.vertex(dx, dy + dHeight, 0, u0, v1);
+          this.endShape(constants.CLOSE);
+          this._pInst.pop();
+          if (this._isErasing) {
+            this.blendMode(constants.REMOVE);
+          }
+        };
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        '../core/constants': 286,
+        '../core/main': 298,
+        './p5.Geometry': 350,
+        'core-js/modules/es.array.concat': 169,
+        'core-js/modules/es.array.for-each': 175,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.array.slice': 183,
+        'core-js/modules/es.math.hypot': 188,
+        'core-js/modules/es.math.sign': 190,
+        'core-js/modules/es.number.to-fixed': 193,
+        'core-js/modules/es.object.get-own-property-descriptor': 196,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/es.weak-map': 254,
+        'core-js/modules/web.dom-collections.iterator': 256
+      }
+    ],
+    342: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.every');
+        _dereq_('core-js/modules/es.array.from');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.map');
+        _dereq_('core-js/modules/es.object.assign');
+        _dereq_('core-js/modules/es.object.get-own-property-descriptor');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.weak-map');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        function _typeof2(obj) {
+          if (typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol') {
+            _typeof2 = function _typeof2(obj) {
+              return typeof obj;
+            };
+          } else {
+            _typeof2 = function _typeof2(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj;
+            };
+          }
+          return _typeof2(obj);
+        }
+        function _typeof(obj) {
+          if (typeof Symbol === 'function' && _typeof2(Symbol.iterator) === 'symbol') {
+            _typeof = function _typeof(obj) {
+              return _typeof2(obj);
+            };
+          } else {
+            _typeof = function _typeof(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : _typeof2(obj);
+            };
+          }
+          return _typeof(obj);
+        }
+        _dereq_('core-js/modules/es.array.every');
+        _dereq_('core-js/modules/es.array.map');
+        _dereq_('core-js/modules/es.object.assign');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        var constants = _interopRequireWildcard(_dereq_('../core/constants'));
+        function _getRequireWildcardCache() {
+          if (typeof WeakMap !== 'function') return null;
+          var cache = new WeakMap();
+          _getRequireWildcardCache = function _getRequireWildcardCache() {
+            return cache;
+          };
+          return cache;
+        }
+        function _interopRequireWildcard(obj) {
+          if (obj && obj.__esModule) {
+            return obj;
+          }
+          if (obj === null || _typeof(obj) !== 'object' && typeof obj !== 'function') {
+            return {
+            default:
+              obj
+            };
+          }
+          var cache = _getRequireWildcardCache();
+          if (cache && cache.has(obj)) {
+            return cache.get(obj);
+          }
+          var newObj = {
+          };
+          var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+          for (var key in obj) {
+            if (Object.prototype.hasOwnProperty.call(obj, key)) {
+              var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+              if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+              } else {
+                newObj[key] = obj[key];
+              }
+            }
+          }
+          newObj.default = obj;
+          if (cache) {
+            cache.set(obj, newObj);
+          }
+          return newObj;
+        }
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }
+        function _toConsumableArray(arr) {
+          return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
+        }
+        function _nonIterableSpread() {
+          throw new TypeError('Invalid attempt to spread non-iterable instance');
+        }
+        function _iterableToArray(iter) {
+          if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === '[object Arguments]') return Array.from(iter);
+        }
+        function _arrayWithoutHoles(arr) {
+          if (Array.isArray(arr)) {
+            for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) {
+              arr2[i] = arr[i];
+            }
+            return arr2;
+          }
+        }
+        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;
+        }        /**
+ * @private
+ * A class responsible for converting successive WebGL draw calls into a single
+ * `p5.Geometry` that can be reused and drawn with `model()`.
+ */
+
+        var GeometryBuilder = /*#__PURE__*/ function () {
+          function GeometryBuilder(renderer) {
+            _classCallCheck(this, GeometryBuilder);
+            this.renderer = renderer;
+            renderer._pInst.push();
+            this.identityMatrix = new _main.default.Matrix();
+            renderer.uMVMatrix = new _main.default.Matrix();
+            this.geometry = new _main.default.Geometry();
+            this.geometry.gid = '_p5_GeometryBuilder_'.concat(GeometryBuilder.nextGeometryId);
+            GeometryBuilder.nextGeometryId++;
+            this.hasTransform = false;
+          }          /**
+   * @private
+   * Applies the current transformation matrix to each vertex.
+   */
+
+          _createClass(GeometryBuilder, [
+            {
+              key: 'transformVertices',
+              value: function transformVertices(vertices) {
+                var _this = this;
+                if (!this.hasTransform) return vertices;
+                return vertices.map(function (v) {
+                  return _this.renderer.uMVMatrix.multiplyPoint(v);
+                });
+              }              /**
+     * @private
+     * Applies the current normal matrix to each normal.
+     */
+
+            },
+            {
+              key: 'transformNormals',
+              value: function transformNormals(normals) {
+                var _this2 = this;
+                if (!this.hasTransform) return normals;
+                return normals.map(function (v) {
+                  return _this2.renderer.uNMatrix.multiplyVec3(v);
+                });
+              }              /**
+     * @private
+     * Adds a p5.Geometry to the builder's combined geometry, flattening
+     * transformations.
+     */
+
+            },
+            {
+              key: 'addGeometry',
+              value: function addGeometry(input) {
+                var _this3 = this,
+                _this$geometry$vertic,
+                _this$geometry$vertex,
+                _this$geometry$uvs,
+                _this$geometry$vertex2;
+                this.hasTransform = !this.renderer.uMVMatrix.mat4.every(function (v, i) {
+                  return v === _this3.identityMatrix.mat4[i];
+                });
+                if (this.hasTransform) {
+                  this.renderer.uNMatrix.inverseTranspose(this.renderer.uMVMatrix);
+                }
+                var startIdx = this.geometry.vertices.length;
+                (_this$geometry$vertic = this.geometry.vertices).push.apply(_this$geometry$vertic, _toConsumableArray(this.transformVertices(input.vertices)));
+                (_this$geometry$vertex = this.geometry.vertexNormals).push.apply(_this$geometry$vertex, _toConsumableArray(this.transformNormals(input.vertexNormals)));
+                (_this$geometry$uvs = this.geometry.uvs).push.apply(_this$geometry$uvs, _toConsumableArray(input.uvs));
+                if (this.renderer._doFill) {
+                  var _this$geometry$faces;
+                  (_this$geometry$faces = this.geometry.faces).push.apply(_this$geometry$faces, _toConsumableArray(input.faces.map(function (f) {
+                    return f.map(function (idx) {
+                      return idx + startIdx;
+                    });
+                  })));
+                }
+                if (this.renderer._doStroke) {
+                  var _this$geometry$edges;
+                  (_this$geometry$edges = this.geometry.edges).push.apply(_this$geometry$edges, _toConsumableArray(input.edges.map(function (edge) {
+                    return edge.map(function (idx) {
+                      return idx + startIdx;
+                    });
+                  })));
+                }
+                var vertexColors = _toConsumableArray(input.vertexColors);
+                while (vertexColors.length < input.vertices.length * 4) {
+                  vertexColors.push.apply(vertexColors, _toConsumableArray(this.renderer.curFillColor));
+                }(_this$geometry$vertex2 = this.geometry.vertexColors).push.apply(_this$geometry$vertex2, _toConsumableArray(vertexColors));
+              }              /**
+     * Adds geometry from the renderer's immediate mode into the builder's
+     * combined geometry.
+     */
+
+            },
+            {
+              key: 'addImmediate',
+              value: function addImmediate() {
+                var geometry = this.renderer.immediateMode.geometry;
+                var shapeMode = this.renderer.immediateMode.shapeMode;
+                var faces = [
+                ];
+                if (this.renderer._doFill) {
+                  if (shapeMode === constants.TRIANGLE_STRIP || shapeMode === constants.QUAD_STRIP) {
+                    for (var i = 2; i < geometry.vertices.length; i++) {
+                      if (i % 2 === 0) {
+                        faces.push([i,
+                        i - 1,
+                        i - 2]);
+                      } else {
+                        faces.push([i,
+                        i - 2,
+                        i - 1]);
+                      }
+                    }
+                  } else if (shapeMode === constants.TRIANGLE_FAN) {
+                    for (var _i = 2; _i < geometry.vertices.length; _i++) {
+                      faces.push([0,
+                      _i - 1,
+                      _i]);
+                    }
+                  } else {
+                    for (var _i2 = 0; _i2 < geometry.vertices.length; _i2 += 3) {
+                      faces.push([_i2,
+                      _i2 + 1,
+                      _i2 + 2]);
+                    }
+                  }
+                }
+                this.addGeometry(Object.assign({
+                }, geometry, {
+                  faces: faces
+                }));
+              }              /**
+     * Adds geometry from the renderer's retained mode into the builder's
+     * combined geometry.
+     */
+
+            },
+            {
+              key: 'addRetained',
+              value: function addRetained(geometry) {
+                this.addGeometry(geometry.model);
+              }              /**
+     * Cleans up the state of the renderer and returns the combined geometry that
+     * was built.
+     * @returns p5.Geometry The flattened, combined geometry
+     */
+
+            },
+            {
+              key: 'finish',
+              value: function finish() {
+                this.renderer._pInst.pop();
+                return this.geometry;
+              }
+            }
+          ]);
+          return GeometryBuilder;
+        }();
+        /**
+ * Keeps track of how many custom geometry objects have been made so that each
+ * can be assigned a unique ID.
+ */
+        GeometryBuilder.nextGeometryId = 0;
+        var _default = GeometryBuilder;
+        exports.default = _default;
+      },
+      {
+        '../core/constants': 286,
+        '../core/main': 298,
+        'core-js/modules/es.array.every': 171,
+        'core-js/modules/es.array.from': 176,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.array.map': 182,
+        'core-js/modules/es.object.assign': 194,
+        'core-js/modules/es.object.get-own-property-descriptor': 196,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.regexp.to-string': 206,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/es.weak-map': 254,
+        'core-js/modules/web.dom-collections.iterator': 256
+      }
+    ],
+    343: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.for-each');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.splice');
+        _dereq_('core-js/modules/es.math.hypot');
+        _dereq_('core-js/modules/es.math.sign');
+        _dereq_('core-js/modules/es.object.get-own-property-descriptor');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.weak-map');
+        _dereq_('core-js/modules/web.dom-collections.for-each');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        function _typeof2(obj) {
+          if (typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol') {
+            _typeof2 = function _typeof2(obj) {
+              return typeof obj;
+            };
+          } else {
+            _typeof2 = function _typeof2(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj;
+            };
+          }
+          return _typeof2(obj);
+        }
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.for-each');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.splice');
+        _dereq_('core-js/modules/es.math.hypot');
+        _dereq_('core-js/modules/es.math.sign');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/web.dom-collections.for-each');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        var constants = _interopRequireWildcard(_dereq_('../core/constants'));
+        function _getRequireWildcardCache() {
+          if (typeof WeakMap !== 'function') return null;
+          var cache = new WeakMap();
+          _getRequireWildcardCache = function _getRequireWildcardCache() {
+            return cache;
+          };
+          return cache;
+        }
+        function _interopRequireWildcard(obj) {
+          if (obj && obj.__esModule) {
+            return obj;
+          }
+          if (obj === null || _typeof(obj) !== 'object' && typeof obj !== 'function') {
+            return {
+            default:
+              obj
+            };
+          }
+          var cache = _getRequireWildcardCache();
+          if (cache && cache.has(obj)) {
+            return cache.get(obj);
+          }
+          var newObj = {
+          };
+          var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+          for (var key in obj) {
+            if (Object.prototype.hasOwnProperty.call(obj, key)) {
+              var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+              if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+              } else {
+                newObj[key] = obj[key];
+              }
+            }
+          }
+          newObj.default = obj;
+          if (cache) {
+            cache.set(obj, newObj);
+          }
+          return newObj;
+        }
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }
+        function _typeof(obj) {
+          if (typeof Symbol === 'function' && _typeof2(Symbol.iterator) === 'symbol') {
+            _typeof = function _typeof(obj) {
+              return _typeof2(obj);
+            };
+          } else {
+            _typeof = function _typeof(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : _typeof2(obj);
+            };
+          }
+          return _typeof(obj);
+        } /**
+   * @module 3D
+   * @submodule Interaction
+   * @for p5
+   * @requires core
+   */
+        /**
+ * Allows movement around a 3D sketch using a mouse or trackpad or touch.
+ * Left-clicking and dragging or swipe motion will rotate the camera position
+ * about the center of the sketch, right-clicking and dragging or multi-swipe
+ * will pan the camera position without rotation, and using the mouse wheel
+ * (scrolling) or pinch in/out will move the camera further or closer
+ * from the center of the sketch. This function can be called with parameters
+ * dictating sensitivity to mouse/touch movement along the X and Y axes.
+ * Calling this function without parameters is equivalent to calling
+ * orbitControl(1,1). To reverse direction of movement in either axis,
+ * enter a negative number for sensitivity.
+ * @method orbitControl
+ * @for p5
+ * @param  {Number} [sensitivityX] sensitivity to mouse movement along X axis
+ * @param  {Number} [sensitivityY] sensitivity to mouse movement along Y axis
+ * @param  {Number} [sensitivityZ] sensitivity to scroll movement along Z axis
+ * @param  {Object} [options] An optional object that can contain additional settings,
+ * disableTouchActions - Boolean, default value is true.
+ * Setting this to true makes mobile interactions smoother by preventing
+ * accidental interactions with the page while orbiting. But if you're already
+ * doing it via css or want the default touch actions, consider setting it to false.
+ * freeRotation - Boolean, default value is false.
+ * By default, horizontal movement of the mouse or touch pointer rotates the camera
+ * around the y-axis, and vertical movement rotates the camera around the x-axis.
+ * But if setting this option to true, the camera always rotates in the direction
+ * the pointer is moving. For zoom and move, the behavior is the same regardless of
+ * true/false.
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   normalMaterial();
+ *   describe(
+ *     'Camera orbits around a box when mouse is hold-clicked & then moved.'
+ *   );
+ * }
+ * function draw() {
+ *   background(200);
+ *
+ *   // If you execute the line commented out instead of next line, the direction of rotation
+ *   // will be the direction the mouse or touch pointer moves, not around the X or Y axis.
+ *   orbitControl();
+ *   // orbitControl(1, 1, 1, {freeRotation: true});
+ *
+ *   rotateY(0.5);
+ *   box(30, 50);
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * Camera orbits around a box when mouse is hold-clicked & then moved.
+ */
+        // implementation based on three.js 'orbitControls':
+        // https://github.com/mrdoob/three.js/blob/6afb8595c0bf8b2e72818e42b64e6fe22707d896/examples/jsm/controls/OrbitControls.js#L22
+
+        _main.default.prototype.orbitControl = function (sensitivityX, sensitivityY, sensitivityZ, options) {
+          var _this = this;
+          this._assert3d('orbitControl');
+          _main.default._validateParameters('orbitControl', arguments);
+          var cam = this._renderer._curCamera;
+          if (typeof sensitivityX === 'undefined') {
+            sensitivityX = 1;
+          }
+          if (typeof sensitivityY === 'undefined') {
+            sensitivityY = sensitivityX;
+          }
+          if (typeof sensitivityZ === 'undefined') {
+            sensitivityZ = 1;
+          }
+          if (_typeof(options) !== 'object') {
+            options = {
+            };
+          }          // default right-mouse and mouse-wheel behaviors (context menu and scrolling,
+          // respectively) are disabled here to allow use of those events for panning and
+          // zooming. However, whether or not to disable touch actions is an option.
+          // disable context menu for canvas element and add 'contextMenuDisabled'
+          // flag to p5 instance
+
+          if (this.contextMenuDisabled !== true) {
+            this.canvas.oncontextmenu = function () {
+              return false;
+            };
+            this._setProperty('contextMenuDisabled', true);
+          }          // disable default scrolling behavior on the canvas element and add
+          // 'wheelDefaultDisabled' flag to p5 instance
+
+          if (this.wheelDefaultDisabled !== true) {
+            this.canvas.onwheel = function () {
+              return false;
+            };
+            this._setProperty('wheelDefaultDisabled', true);
+          }          // disable default touch behavior on the canvas element and add
+          // 'touchActionsDisabled' flag to p5 instance
+
+          var _options = options,
+          _options$disableTouch = _options.disableTouchActions,
+          disableTouchActions = _options$disableTouch === void 0 ? true : _options$disableTouch;
+          if (this.touchActionsDisabled !== true && disableTouchActions) {
+            this.canvas.style['touch-action'] = 'none';
+            this._setProperty('touchActionsDisabled', true);
+          }          // If option.freeRotation is true, the camera always rotates freely in the direction
+          // the pointer moves. default value is false (normal behavior)
+
+          var _options2 = options,
+          _options2$freeRotatio = _options2.freeRotation,
+          freeRotation = _options2$freeRotatio === void 0 ? false : _options2$freeRotatio; // get moved touches.
+          var movedTouches = [
+          ];
+          this.touches.forEach(function (curTouch) {
+            _this._renderer.prevTouches.forEach(function (prevTouch) {
+              if (curTouch.id === prevTouch.id) {
+                var movedTouch = {
+                  x: curTouch.x,
+                  y: curTouch.y,
+                  px: prevTouch.x,
+                  py: prevTouch.y
+                };
+                movedTouches.push(movedTouch);
+              }
+            });
+          });
+          this._renderer.prevTouches = this.touches;
+          // The idea of using damping is based on the following website. thank you.
+          // https://github.com/freshfork/p5.EasyCam/blob/9782964680f6a5c4c9bee825c475d9f2021d5134/p5.easycam.js#L1124
+          // variables for interaction
+          var deltaRadius = 0;
+          var deltaTheta = 0;
+          var deltaPhi = 0;
+          var moveDeltaX = 0;
+          var moveDeltaY = 0;
+          // constants for dampingProcess
+          var damping = 0.85;
+          var rotateAccelerationFactor = 0.6;
+          var moveAccelerationFactor = 0.15;
+          // For touches, the appropriate scale is different
+          // because the distance difference is multiplied.
+          var mouseZoomScaleFactor = 0.01;
+          var touchZoomScaleFactor = 0.0004;
+          var scaleFactor = this.height < this.width ? this.height : this.width;
+          // Flag whether the mouse or touch pointer is inside the canvas
+          var pointersInCanvas = false;
+          // calculate and determine flags and variables.
+          if (movedTouches.length > 0) {
+            /* for touch */
+            // if length === 1, rotate
+            // if length > 1, zoom and move
+            // for touch, it is calculated based on one moved touch pointer position.
+            pointersInCanvas = movedTouches[0].x > 0 && movedTouches[0].x < this.width && movedTouches[0].y > 0 && movedTouches[0].y < this.height;
+            if (movedTouches.length === 1) {
+              var t = movedTouches[0];
+              deltaTheta = - sensitivityX * (t.x - t.px) / scaleFactor;
+              deltaPhi = sensitivityY * (t.y - t.py) / scaleFactor;
+            } else {
+              var t0 = movedTouches[0];
+              var t1 = movedTouches[1];
+              var distWithTouches = Math.hypot(t0.x - t1.x, t0.y - t1.y);
+              var prevDistWithTouches = Math.hypot(t0.px - t1.px, t0.py - t1.py);
+              var changeDist = distWithTouches - prevDistWithTouches;
+              // move the camera farther when the distance between the two touch points
+              // decreases, move the camera closer when it increases.
+              deltaRadius = - changeDist * sensitivityZ * touchZoomScaleFactor;
+              // Move the center of the camera along with the movement of
+              // the center of gravity of the two touch points.
+              moveDeltaX = 0.5 * (t0.x + t1.x) - 0.5 * (t0.px + t1.px);
+              moveDeltaY = 0.5 * (t0.y + t1.y) - 0.5 * (t0.py + t1.py);
+            }
+            if (this.touches.length > 0) {
+              if (pointersInCanvas) {
+                // Initiate an interaction if touched in the canvas
+                this._renderer.executeRotateAndMove = true;
+                this._renderer.executeZoom = true;
+              }
+            } else {
+              // End an interaction when the touch is released
+              this._renderer.executeRotateAndMove = false;
+              this._renderer.executeZoom = false;
+            }
+          } else {
+            /* for mouse */
+            // if wheelDeltaY !== 0, zoom
+            // if mouseLeftButton is down, rotate
+            // if mouseRightButton is down, move
+            // For mouse, it is calculated based on the mouse position.
+            pointersInCanvas = this.mouseX > 0 && this.mouseX < this.width && this.mouseY > 0 && this.mouseY < this.height;
+            if (this._mouseWheelDeltaY !== 0) {
+              // zoom the camera depending on the value of _mouseWheelDeltaY.
+              // move away if positive, move closer if negative
+              deltaRadius = Math.sign(this._mouseWheelDeltaY) * sensitivityZ;
+              deltaRadius *= mouseZoomScaleFactor;
+              this._mouseWheelDeltaY = 0;
+              // start zoom when the mouse is wheeled within the canvas.
+              if (pointersInCanvas) this._renderer.executeZoom = true;
+            } else {
+              // quit zoom when you stop wheeling.
+              this._renderer.zoomFlag = false;
+            }
+            if (this.mouseIsPressed) {
+              if (this.mouseButton === this.LEFT) {
+                deltaTheta = - sensitivityX * this.movedX / scaleFactor;
+                deltaPhi = sensitivityY * this.movedY / scaleFactor;
+              } else if (this.mouseButton === this.RIGHT) {
+                moveDeltaX = this.movedX;
+                moveDeltaY = this.movedY * cam.yScale;
+              }              // start rotate and move when mouse is pressed within the canvas.
+
+              if (pointersInCanvas) this._renderer.executeRotateAndMove = true;
+            } else {
+              // quit rotate and move if mouse is released.
+              this._renderer.executeRotateAndMove = false;
+            }
+          }          // interactions
+          // zoom process
+
+          if (deltaRadius !== 0 && this._renderer.executeZoom) {
+            // accelerate zoom velocity
+            this._renderer.zoomVelocity += deltaRadius;
+          }
+          if (Math.abs(this._renderer.zoomVelocity) > 0.001) {
+            // if freeRotation is true, we use _orbitFree() instead of _orbit()
+            if (freeRotation) {
+              cam._orbitFree(0, 0, this._renderer.zoomVelocity);
+            } else {
+              cam._orbit(0, 0, this._renderer.zoomVelocity);
+            }            // In orthogonal projection, the scale does not change even if
+            // the distance to the gaze point is changed, so the projection matrix
+            // needs to be modified.
+
+            if (cam.projMatrix.mat4[15] !== 0) {
+              cam.projMatrix.mat4[0] *= Math.pow(10, - this._renderer.zoomVelocity);
+              cam.projMatrix.mat4[5] *= Math.pow(10, - this._renderer.zoomVelocity);
+              // modify uPMatrix
+              this._renderer.uPMatrix.mat4[0] = cam.projMatrix.mat4[0];
+              this._renderer.uPMatrix.mat4[5] = cam.projMatrix.mat4[5];
+            }            // damping
+
+            this._renderer.zoomVelocity *= damping;
+          } else {
+            this._renderer.zoomVelocity = 0;
+          }          // rotate process
+
+          if ((deltaTheta !== 0 || deltaPhi !== 0) && this._renderer.executeRotateAndMove) {
+            // accelerate rotate velocity
+            this._renderer.rotateVelocity.add(deltaTheta * rotateAccelerationFactor, deltaPhi * rotateAccelerationFactor);
+          }
+          if (this._renderer.rotateVelocity.magSq() > 0.000001) {
+            // if freeRotation is true, the camera always rotates freely in the direction the pointer moves
+            if (freeRotation) {
+              cam._orbitFree( - this._renderer.rotateVelocity.x, this._renderer.rotateVelocity.y, 0);
+            } else {
+              cam._orbit(this._renderer.rotateVelocity.x, this._renderer.rotateVelocity.y, 0);
+            }            // damping
+
+            this._renderer.rotateVelocity.mult(damping);
+          } else {
+            this._renderer.rotateVelocity.set(0, 0);
+          }          // move process
+
+          if ((moveDeltaX !== 0 || moveDeltaY !== 0) && this._renderer.executeRotateAndMove) {
+            // Normalize movement distance
+            var ndcX = moveDeltaX * 2 / this.width;
+            var ndcY = - moveDeltaY * 2 / this.height;
+            // accelerate move velocity
+            this._renderer.moveVelocity.add(ndcX * moveAccelerationFactor, ndcY * moveAccelerationFactor);
+          }
+          if (this._renderer.moveVelocity.magSq() > 0.000001) {
+            // Translate the camera so that the entire object moves
+            // perpendicular to the line of sight when the mouse is moved
+            // or when the centers of gravity of the two touch pointers move.
+            var local = cam._getLocalAxes();
+            // Calculate the z coordinate in the view coordinates of
+            // the center, that is, the distance to the view point
+            var diffX = cam.eyeX - cam.centerX;
+            var diffY = cam.eyeY - cam.centerY;
+            var diffZ = cam.eyeZ - cam.centerZ;
+            var viewZ = Math.sqrt(diffX * diffX + diffY * diffY + diffZ * diffZ);
+            // position vector of the center.
+            var cv = new _main.default.Vector(cam.centerX, cam.centerY, cam.centerZ);
+            // Calculate the normalized device coordinates of the center.
+            cv = cam.cameraMatrix.multiplyPoint(cv);
+            cv = this._renderer.uPMatrix.multiplyAndNormalizePoint(cv);
+            // Move the center by this distance
+            // in the normalized device coordinate system.
+            cv.x -= this._renderer.moveVelocity.x;
+            cv.y -= this._renderer.moveVelocity.y;
+            // Calculate the translation vector
+            // in the direction perpendicular to the line of sight of center.
+            var dx,
+            dy;
+            var uP = this._renderer.uPMatrix.mat4;
+            if (uP[15] === 0) {
+              dx = (uP[8] + cv.x) / uP[0] * viewZ;
+              dy = (uP[9] + cv.y) / uP[5] * viewZ;
+            } else {
+              dx = (cv.x - uP[12]) / uP[0];
+              dy = (cv.y - uP[13]) / uP[5];
+            }            // translate the camera.
+
+            cam.setPosition(cam.eyeX + dx * local.x[0] + dy * local.y[0], cam.eyeY + dx * local.x[1] + dy * local.y[1], cam.eyeZ + dx * local.x[2] + dy * local.y[2]);
+            // damping
+            this._renderer.moveVelocity.mult(damping);
+          } else {
+            this._renderer.moveVelocity.set(0, 0);
+          }
+          return this;
+        };
+        /**
+ * debugMode() helps visualize 3D space by adding a grid to indicate where the
+ * ‘ground’ is in a sketch and an axes icon which indicates the +X, +Y, and +Z
+ * directions. This function can be called without parameters to create a
+ * default grid and axes icon, or it can be called according to the examples
+ * above to customize the size and position of the grid and/or axes icon.  The
+ * grid is drawn using the most recently set stroke color and weight.  To
+ * specify these parameters, add a call to stroke() and strokeWeight()
+ * just before the end of the draw() loop.
+ *
+ * By default, the grid will run through the origin (0,0,0) of the sketch
+ * along the XZ plane
+ * and the axes icon will be offset from the origin.  Both the grid and axes
+ * icon will be sized according to the current canvas size.  Note that because the
+ * grid runs parallel to the default camera view, it is often helpful to use
+ * debugMode along with orbitControl to allow full view of the grid.
+ * @method debugMode
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   camera(0, -30, 100, 0, 0, 0, 0, 1, 0);
+ *   normalMaterial();
+ *   debugMode();
+ *   describe(
+ *     'a 3D box is centered on a grid in a 3D sketch. an icon indicates the direction of each axis: a red line points +X, a green line +Y, and a blue line +Z. the grid and icon disappear when the spacebar is pressed.'
+ *   );
+ * }
+ *
+ * function draw() {
+ *   background(200);
+ *   orbitControl();
+ *   box(15, 30);
+ *   // Press the spacebar to turn debugMode off!
+ *   if (keyIsDown(32)) {
+ *     noDebugMode();
+ *   }
+ * }
+ * </code>
+ * </div>
+ * @alt
+ * a 3D box is centered on a grid in a 3D sketch. an icon
+ * indicates the direction of each axis: a red line points +X,
+ * a green line +Y, and a blue line +Z. the grid and icon disappear when the
+ * spacebar is pressed.
+ *
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   camera(0, -30, 100, 0, 0, 0, 0, 1, 0);
+ *   normalMaterial();
+ *   debugMode(GRID);
+ *   describe('a 3D box is centered on a grid in a 3D sketch.');
+ * }
+ *
+ * function draw() {
+ *   background(200);
+ *   orbitControl();
+ *   box(15, 30);
+ * }
+ * </code>
+ * </div>
+ * @alt
+ * a 3D box is centered on a grid in a 3D sketch.
+ *
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   camera(0, -30, 100, 0, 0, 0, 0, 1, 0);
+ *   normalMaterial();
+ *   debugMode(AXES);
+ *   describe(
+ *     'a 3D box is centered in a 3D sketch. an icon indicates the direction of each axis: a red line points +X, a green line +Y, and a blue line +Z.'
+ *   );
+ * }
+ *
+ * function draw() {
+ *   background(200);
+ *   orbitControl();
+ *   box(15, 30);
+ * }
+ * </code>
+ * </div>
+ * @alt
+ * a 3D box is centered in a 3D sketch. an icon
+ * indicates the direction of each axis: a red line points +X,
+ * a green line +Y, and a blue line +Z.
+ *
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   camera(0, -30, 100, 0, 0, 0, 0, 1, 0);
+ *   normalMaterial();
+ *   debugMode(GRID, 100, 10, 0, 0, 0);
+ *   describe('a 3D box is centered on a grid in a 3D sketch');
+ * }
+ *
+ * function draw() {
+ *   background(200);
+ *   orbitControl();
+ *   box(15, 30);
+ * }
+ * </code>
+ * </div>
+ * @alt
+ * a 3D box is centered on a grid in a 3D sketch
+ *
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   camera(0, -30, 100, 0, 0, 0, 0, 1, 0);
+ *   normalMaterial();
+ *   debugMode(100, 10, 0, 0, 0, 20, 0, -40, 0);
+ *   describe(
+ *     'a 3D box is centered on a grid in a 3D sketch. an icon indicates the direction of each axis: a red line points +X, a green line +Y, and a blue line +Z.'
+ *   );
+ * }
+ *
+ * function draw() {
+ *   noStroke();
+ *   background(200);
+ *   orbitControl();
+ *   box(15, 30);
+ *   // set the stroke color and weight for the grid!
+ *   stroke(255, 0, 150);
+ *   strokeWeight(0.8);
+ * }
+ * </code>
+ * </div>
+ * @alt
+ * a 3D box is centered on a grid in a 3D sketch. an icon
+ * indicates the direction of each axis: a red line points +X,
+ * a green line +Y, and a blue line +Z.
+ */
+        /**
+ * @method debugMode
+ * @param {Constant} mode either GRID or AXES
+ */
+        /**
+ * @method debugMode
+ * @param {Constant} mode
+ * @param {Number} [gridSize] size of one side of the grid
+ * @param {Number} [gridDivisions] number of divisions in the grid
+ * @param {Number} [xOff] X axis offset from origin (0,0,0)
+ * @param {Number} [yOff] Y axis offset from origin (0,0,0)
+ * @param {Number} [zOff] Z axis offset from origin (0,0,0)
+ */
+        /**
+ * @method debugMode
+ * @param {Constant} mode
+ * @param {Number} [axesSize] size of axes icon
+ * @param {Number} [xOff]
+ * @param {Number} [yOff]
+ * @param {Number} [zOff]
+ */
+        /**
+ * @method debugMode
+ * @param {Number} [gridSize]
+ * @param {Number} [gridDivisions]
+ * @param {Number} [gridXOff]
+ * @param {Number} [gridYOff]
+ * @param {Number} [gridZOff]
+ * @param {Number} [axesSize]
+ * @param {Number} [axesXOff]
+ * @param {Number} [axesYOff]
+ * @param {Number} [axesZOff]
+ */
+        _main.default.prototype.debugMode = function () {
+          this._assert3d('debugMode');
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
+          _main.default._validateParameters('debugMode', args);
+          // start by removing existing 'post' registered debug methods
+          for (var i = this._registeredMethods.post.length - 1; i >= 0; i--) {
+            // test for equality...
+            if (this._registeredMethods.post[i].toString() === this._grid().toString() || this._registeredMethods.post[i].toString() === this._axesIcon().toString()) {
+              this._registeredMethods.post.splice(i, 1);
+            }
+          }          // then add new debugMode functions according to the argument list
+
+          if (args[0] === constants.GRID) {
+            this.registerMethod('post', this._grid.call(this, args[1], args[2], args[3], args[4], args[5]));
+          } else if (args[0] === constants.AXES) {
+            this.registerMethod('post', this._axesIcon.call(this, args[1], args[2], args[3], args[4]));
+          } else {
+            this.registerMethod('post', this._grid.call(this, args[0], args[1], args[2], args[3], args[4]));
+            this.registerMethod('post', this._axesIcon.call(this, args[5], args[6], args[7], args[8]));
+          }
+        };
+        /**
+ * Turns off debugMode() in a 3D sketch.
+ * @method noDebugMode
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   camera(0, -30, 100, 0, 0, 0, 0, 1, 0);
+ *   normalMaterial();
+ *   debugMode();
+ *   describe(
+ *     'a 3D box is centered on a grid in a 3D sketch. an icon indicates the direction of each axis: a red line points +X, a green line +Y, and a blue line +Z. the grid and icon disappear when the spacebar is pressed.'
+ *   );
+ * }
+ *
+ * function draw() {
+ *   background(200);
+ *   orbitControl();
+ *   box(15, 30);
+ *   // Press the spacebar to turn debugMode off!
+ *   if (keyIsDown(32)) {
+ *     noDebugMode();
+ *   }
+ * }
+ * </code>
+ * </div>
+ * @alt
+ * a 3D box is centered on a grid in a 3D sketch. an icon
+ * indicates the direction of each axis: a red line points +X,
+ * a green line +Y, and a blue line +Z. the grid and icon disappear when the
+ * spacebar is pressed.
+ */
+        _main.default.prototype.noDebugMode = function () {
+          this._assert3d('noDebugMode');
+          // start by removing existing 'post' registered debug methods
+          for (var i = this._registeredMethods.post.length - 1; i >= 0; i--) {
+            // test for equality...
+            if (this._registeredMethods.post[i].toString() === this._grid().toString() || this._registeredMethods.post[i].toString() === this._axesIcon().toString()) {
+              this._registeredMethods.post.splice(i, 1);
+            }
+          }
+        };
+        /**
+ * For use with debugMode
+ * @private
+ * @method _grid
+ * @param {Number} [size] size of grid sides
+ * @param {Number} [div] number of grid divisions
+ * @param {Number} [xOff] offset of grid center from origin in X axis
+ * @param {Number} [yOff] offset of grid center from origin in Y axis
+ * @param {Number} [zOff] offset of grid center from origin in Z axis
+ */
+        _main.default.prototype._grid = function (size, numDivs, xOff, yOff, zOff) {
+          if (typeof size === 'undefined') {
+            size = this.width / 2;
+          }
+          if (typeof numDivs === 'undefined') {
+            // ensure at least 2 divisions
+            numDivs = Math.round(size / 30) < 4 ? 4 : Math.round(size / 30);
+          }
+          if (typeof xOff === 'undefined') {
+            xOff = 0;
+          }
+          if (typeof yOff === 'undefined') {
+            yOff = 0;
+          }
+          if (typeof zOff === 'undefined') {
+            zOff = 0;
+          }
+          var spacing = size / numDivs;
+          var halfSize = size / 2;
+          return function () {
+            this.push();
+            this.stroke(this._renderer.curStrokeColor[0] * 255, this._renderer.curStrokeColor[1] * 255, this._renderer.curStrokeColor[2] * 255);
+            this._renderer.uMVMatrix.set(this._renderer._curCamera.cameraMatrix.mat4[0], this._renderer._curCamera.cameraMatrix.mat4[1], this._renderer._curCamera.cameraMatrix.mat4[2], this._renderer._curCamera.cameraMatrix.mat4[3], this._renderer._curCamera.cameraMatrix.mat4[4], this._renderer._curCamera.cameraMatrix.mat4[5], this._renderer._curCamera.cameraMatrix.mat4[6], this._renderer._curCamera.cameraMatrix.mat4[7], this._renderer._curCamera.cameraMatrix.mat4[8], this._renderer._curCamera.cameraMatrix.mat4[9], this._renderer._curCamera.cameraMatrix.mat4[10], this._renderer._curCamera.cameraMatrix.mat4[11], this._renderer._curCamera.cameraMatrix.mat4[12], this._renderer._curCamera.cameraMatrix.mat4[13], this._renderer._curCamera.cameraMatrix.mat4[14], this._renderer._curCamera.cameraMatrix.mat4[15]);
+            // Lines along X axis
+            for (var q = 0; q <= numDivs; q++) {
+              this.beginShape(this.LINES);
+              this.vertex( - halfSize + xOff, yOff, q * spacing - halfSize + zOff);
+              this.vertex( + halfSize + xOff, yOff, q * spacing - halfSize + zOff);
+              this.endShape();
+            }            // Lines along Z axis
+
+            for (var i = 0; i <= numDivs; i++) {
+              this.beginShape(this.LINES);
+              this.vertex(i * spacing - halfSize + xOff, yOff, - halfSize + zOff);
+              this.vertex(i * spacing - halfSize + xOff, yOff, + halfSize + zOff);
+              this.endShape();
+            }
+            this.pop();
+          };
+        };
+        /**
+ * For use with debugMode
+ * @private
+ * @method _axesIcon
+ * @param {Number} [size] size of axes icon lines
+ * @param {Number} [xOff] offset of icon from origin in X axis
+ * @param {Number} [yOff] offset of icon from origin in Y axis
+ * @param {Number} [zOff] offset of icon from origin in Z axis
+ */
+        _main.default.prototype._axesIcon = function (size, xOff, yOff, zOff) {
+          if (typeof size === 'undefined') {
+            size = this.width / 20 > 40 ? this.width / 20 : 40;
+          }
+          if (typeof xOff === 'undefined') {
+            xOff = - this.width / 4;
+          }
+          if (typeof yOff === 'undefined') {
+            yOff = xOff;
+          }
+          if (typeof zOff === 'undefined') {
+            zOff = xOff;
+          }
+          return function () {
+            this.push();
+            this._renderer.uMVMatrix.set(this._renderer._curCamera.cameraMatrix.mat4[0], this._renderer._curCamera.cameraMatrix.mat4[1], this._renderer._curCamera.cameraMatrix.mat4[2], this._renderer._curCamera.cameraMatrix.mat4[3], this._renderer._curCamera.cameraMatrix.mat4[4], this._renderer._curCamera.cameraMatrix.mat4[5], this._renderer._curCamera.cameraMatrix.mat4[6], this._renderer._curCamera.cameraMatrix.mat4[7], this._renderer._curCamera.cameraMatrix.mat4[8], this._renderer._curCamera.cameraMatrix.mat4[9], this._renderer._curCamera.cameraMatrix.mat4[10], this._renderer._curCamera.cameraMatrix.mat4[11], this._renderer._curCamera.cameraMatrix.mat4[12], this._renderer._curCamera.cameraMatrix.mat4[13], this._renderer._curCamera.cameraMatrix.mat4[14], this._renderer._curCamera.cameraMatrix.mat4[15]);
+            // X axis
+            this.strokeWeight(2);
+            this.stroke(255, 0, 0);
+            this.beginShape(this.LINES);
+            this.vertex(xOff, yOff, zOff);
+            this.vertex(xOff + size, yOff, zOff);
+            this.endShape();
+            // Y axis
+            this.stroke(0, 255, 0);
+            this.beginShape(this.LINES);
+            this.vertex(xOff, yOff, zOff);
+            this.vertex(xOff, yOff + size, zOff);
+            this.endShape();
+            // Z axis
+            this.stroke(0, 0, 255);
+            this.beginShape(this.LINES);
+            this.vertex(xOff, yOff, zOff);
+            this.vertex(xOff, yOff, zOff + size);
+            this.endShape();
+            this.pop();
+          };
+        };
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        '../core/constants': 286,
+        '../core/main': 298,
+        'core-js/modules/es.array.for-each': 175,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.array.splice': 185,
+        'core-js/modules/es.math.hypot': 188,
+        'core-js/modules/es.math.sign': 190,
+        'core-js/modules/es.object.get-own-property-descriptor': 196,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.regexp.to-string': 206,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/es.weak-map': 254,
+        'core-js/modules/web.dom-collections.for-each': 255,
+        'core-js/modules/web.dom-collections.iterator': 256
+      }
+    ],
+    344: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }        /**
+ * @module 3D
+ * @submodule Lights
+ * @for p5
+ * @requires core
+ */
+        /**
+ * Creates an ambient light with the given color.
+ *
+ * Ambient light does not come from a specific direction.
+ * Objects are evenly lit from all sides. Ambient lights are
+ * almost always used in combination with other types of lights.
+ *
+ * Note: lights need to be called (whether directly or indirectly)
+ * within draw() to remain persistent in a looping program.
+ * Placing them in setup() will cause them to only have an effect
+ * the first time through the loop.
+ *
+ * @method ambientLight
+ * @param  {Number}        v1       red or hue value relative to
+ *                                   the current color range
+ * @param  {Number}        v2       green or saturation value
+ *                                   relative to the current color range
+ * @param  {Number}        v3       blue or brightness value
+ *                                   relative to the current color range
+ * @param  {Number}        [alpha]  alpha value relative to current
+ *                                   color range (default is 0-255)
+ * @chainable
+ *
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   noStroke();
+ *   describe('sphere with coral color under black light');
+ * }
+ * function draw() {
+ *   background(100);
+ *   ambientLight(0); // black light (no light)
+ *   ambientMaterial(255, 127, 80); // coral material
+ *   sphere(40);
+ * }
+ * </code>
+ * </div>
+ * @alt
+ * sphere with coral color under black light
+ *
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   noStroke();
+ *   describe('sphere with coral color under white light');
+ * }
+ * function draw() {
+ *   background(100);
+ *   ambientLight(255); // white light
+ *   ambientMaterial(255, 127, 80); // coral material
+ *   sphere(40);
+ * }
+ * </code>
+ * </div>
+ * @alt
+ * sphere with coral color under white light
+ *
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(100,100,WEBGL);
+ *   camera(0,-100,300);
+ * }
+ * function draw() {
+ *   background(230);
+ *   ambientMaterial(237,34,93); //Pink Material
+ *   ambientLight(mouseY);
+ *   //As you move the mouse up to down it changes from no ambient light to full ambient light.
+ *   rotateY(millis()/2000);
+ *   box(100);
+ * }
+ * </code>
+ * </div>
+ * @alt
+ * pink ambient material cube under the ambient light
+ */
+        /**
+ * @method ambientLight
+ * @param  {Number}        gray    number specifying value between
+ *                                  white and black
+ * @param  {Number}        [alpha]
+ * @chainable
+ */
+        /**
+ * @method ambientLight
+ * @param  {String}        value   a color string
+ * @chainable
+ */
+        /**
+ * @method ambientLight
+ * @param  {Number[]}      values  an array containing the red,green,blue &
+ *                                  and alpha components of the color
+ * @chainable
+ */
+        /**
+ * @method ambientLight
+ * @param  {p5.Color}      color   color as a <a href="#/p5.Color">p5.Color</a>
+ * @chainable
+ */
+
+        _main.default.prototype.ambientLight = function (v1, v2, v3, a) {
+          this._assert3d('ambientLight');
+          _main.default._validateParameters('ambientLight', arguments);
+          var color = this.color.apply(this, arguments);
+          this._renderer.ambientLightColors.push(color._array[0], color._array[1], color._array[2]);
+          this._renderer._enableLighting = true;
+          return this;
+        };
+        /**
+ * Sets the color of the specular highlight of a non-ambient light
+ * (i.e. all lights except <a href="#/p5/ambientLight">ambientLight()</a>).
+ *
+ * specularColor() affects only the lights which are created after
+ * it in the code.
+ *
+ * This function is used in combination with
+ * <a href="#/p5/specularMaterial">specularMaterial()</a>.
+ * If a geometry does not use specularMaterial(), this function
+ * will have no effect.
+ *
+ * The default color is white (255, 255, 255), which is used if
+ * specularColor() is not explicitly called.
+ *
+ * Note: specularColor is equivalent to the Processing function
+ * <a href="https://processing.org/reference/lightSpecular_.html">lightSpecular</a>.
+ *
+ * @method specularColor
+ * @param  {Number}        v1      red or hue value relative to
+ *                                  the current color range
+ * @param  {Number}        v2      green or saturation value
+ *                                  relative to the current color range
+ * @param  {Number}        v3      blue or brightness value
+ *                                  relative to the current color range
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * let setRedSpecularColor = true;
+ *
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   noStroke();
+ *   describe(
+ *     'Sphere with specular highlight. Clicking the mouse toggles the specular highlight color between red and the default white.'
+ *   );
+ * }
+ *
+ * function draw() {
+ *   background(0);
+ *
+ *   ambientLight(60);
+ *
+ *   // add a point light to showcase specular color
+ *   // -- use mouse location to position the light
+ *   let lightPosX = mouseX - width / 2;
+ *   let lightPosY = mouseY - height / 2;
+ *   // -- set the light's specular color
+ *   if (setRedSpecularColor) {
+ *     specularColor(255, 0, 0); // red specular highlight
+ *   }
+ *   // -- create the light
+ *   pointLight(200, 200, 200, lightPosX, lightPosY, 50); // white light
+ *
+ *   // use specular material with high shininess
+ *   specularMaterial(150);
+ *   shininess(50);
+ *
+ *   sphere(30, 64, 64);
+ * }
+ *
+ * function mouseClicked() {
+ *   setRedSpecularColor = !setRedSpecularColor;
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * Sphere with specular highlight. Clicking the mouse toggles the
+ * specular highlight color between red and the default white.
+ */
+        /**
+ * @method specularColor
+ * @param  {Number}        gray    number specifying value between
+ *                                  white and black
+ * @chainable
+ */
+        /**
+ * @method specularColor
+ * @param  {String}        value   color as a CSS string
+ * @chainable
+ */
+        /**
+ * @method specularColor
+ * @param  {Number[]}      values  color as an array containing the
+ *                                  red, green, and blue components
+ * @chainable
+ */
+        /**
+ * @method specularColor
+ * @param  {p5.Color}      color   color as a <a href="#/p5.Color">p5.Color</a>
+ * @chainable
+ */
+        _main.default.prototype.specularColor = function (v1, v2, v3) {
+          this._assert3d('specularColor');
+          _main.default._validateParameters('specularColor', arguments);
+          var color = this.color.apply(this, arguments);
+          this._renderer.specularColors = [
+            color._array[0],
+            color._array[1],
+            color._array[2]
+          ];
+          return this;
+        };
+        /**
+ * Creates a directional light with the given color and direction.
+ *
+ * Directional light comes from one direction.
+ * The direction is specified as numbers inclusively between -1 and 1.
+ * For example, setting the direction as (0, -1, 0) will cause the
+ * geometry to be lit from below (since the light will be facing
+ * directly upwards). Similarly, setting the direction as (1, 0, 0)
+ * will cause the geometry to be lit from the left (since the light
+ * will be facing directly rightwards).
+ *
+ * Directional lights do not have a specific point of origin, and
+ * therefore cannot be positioned closer or farther away from a geometry.
+ *
+ * A maximum of **5** directional lights can be active at once.
+ *
+ * Note: lights need to be called (whether directly or indirectly)
+ * within draw() to remain persistent in a looping program.
+ * Placing them in setup() will cause them to only have an effect
+ * the first time through the loop.
+ *
+ * @method directionalLight
+ * @param  {Number}    v1         red or hue value relative to the current
+ *                                 color range
+ * @param  {Number}    v2         green or saturation value relative to the
+ *                                 current color range
+ * @param  {Number}    v3         blue or brightness value relative to the
+ *                                 current color range
+ * @param  {Number}    x          x component of direction (inclusive range of -1 to 1)
+ * @param  {Number}    y          y component of direction (inclusive range of -1 to 1)
+ * @param  {Number}    z          z component of direction (inclusive range of -1 to 1)
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   describe(
+ *     'scene with sphere and directional light. The direction of the light is controlled with the mouse position.'
+ *   );
+ * }
+ * function draw() {
+ *   background(0);
+ *   //move your mouse to change light direction
+ *   let dirX = (mouseX / width - 0.5) * 2;
+ *   let dirY = (mouseY / height - 0.5) * 2;
+ *   directionalLight(250, 250, 250, -dirX, -dirY, -1);
+ *   noStroke();
+ *   sphere(40);
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * scene with sphere and directional light. The direction of
+ * the light is controlled with the mouse position.
+ */
+        /**
+ * @method directionalLight
+ * @param  {Number}    v1
+ * @param  {Number}    v2
+ * @param  {Number}    v3
+ * @param  {p5.Vector} direction  direction of light as a
+ *                                 <a href="#/p5.Vector">p5.Vector</a>
+ * @chainable
+ */
+        /**
+ * @method directionalLight
+ * @param  {p5.Color|Number[]|String} color  color as a <a href="#/p5.Color">p5.Color</a>,
+ *                                            as an array, or as a CSS string
+ * @param  {Number}                   x
+ * @param  {Number}                   y
+ * @param  {Number}                   z
+ * @chainable
+ */
+        /**
+ * @method directionalLight
+ * @param  {p5.Color|Number[]|String} color
+ * @param  {p5.Vector}                direction
+ * @chainable
+ */
+        _main.default.prototype.directionalLight = function (v1, v2, v3, x, y, z) {
+          this._assert3d('directionalLight');
+          _main.default._validateParameters('directionalLight', arguments);
+          //@TODO: check parameters number
+          var color;
+          if (v1 instanceof _main.default.Color) {
+            color = v1;
+          } else {
+            color = this.color(v1, v2, v3);
+          }
+          var _x,
+          _y,
+          _z;
+          var v = arguments[arguments.length - 1];
+          if (typeof v === 'number') {
+            _x = arguments[arguments.length - 3];
+            _y = arguments[arguments.length - 2];
+            _z = arguments[arguments.length - 1];
+          } else {
+            _x = v.x;
+            _y = v.y;
+            _z = v.z;
+          }          // normalize direction
+
+          var l = Math.sqrt(_x * _x + _y * _y + _z * _z);
+          this._renderer.directionalLightDirections.push(_x / l, _y / l, _z / l);
+          this._renderer.directionalLightDiffuseColors.push(color._array[0], color._array[1], color._array[2]);
+          Array.prototype.push.apply(this._renderer.directionalLightSpecularColors, this._renderer.specularColors);
+          this._renderer._enableLighting = true;
+          return this;
+        };
+        /**
+ * Creates a point light with the given color and position.
+ *
+ * A point light emits light from a single point in all directions.
+ * Because the light is emitted from a specific point (position),
+ * it has a different effect when it is positioned farther vs. nearer
+ * an object.
+ *
+ * A maximum of **5** point lights can be active at once.
+ *
+ * Note: lights need to be called (whether directly or indirectly)
+ * within draw() to remain persistent in a looping program.
+ * Placing them in setup() will cause them to only have an effect
+ * the first time through the loop.
+ *
+ * @method pointLight
+ * @param  {Number}    v1  red or hue value relative to the current
+ *                          color range
+ * @param  {Number}    v2  green or saturation value relative to the
+ *                          current color range
+ * @param  {Number}    v3  blue or brightness value relative to the
+ *                          current color range
+ * @param  {Number}    x   x component of position
+ * @param  {Number}    y   y component of position
+ * @param  {Number}    z   z component of position
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   describe(
+ *     'scene with sphere and point light. The position of the light is controlled with the mouse position.'
+ *   );
+ * }
+ * function draw() {
+ *   background(0);
+ *   // move your mouse to change light position
+ *   let locX = mouseX - width / 2;
+ *   let locY = mouseY - height / 2;
+ *   // to set the light position,
+ *   // think of the world's coordinate as:
+ *   // -width/2,-height/2 ----------- width/2,-height/2
+ *   //                   |           |
+ *   //                   |    0,0    |
+ *   //                   |           |
+ *   //  -width/2,height/2 ----------- width/2,height/2
+ *   pointLight(250, 250, 250, locX, locY, 50);
+ *   noStroke();
+ *   sphere(40);
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * scene with sphere and point light. The position of
+ * the light is controlled with the mouse position.
+ */
+        /**
+ * @method pointLight
+ * @param  {Number}     v1
+ * @param  {Number}     v2
+ * @param  {Number}     v3
+ * @param  {p5.Vector}  position of light as a <a href="#/p5.Vector">p5.Vector</a>
+ * @chainable
+ */
+        /**
+ * @method pointLight
+ * @param  {p5.Color|Number[]|String} color  color as a <a href="#/p5.Color">p5.Color</a>,
+ *                                            as an array, or as a CSS string
+ * @param  {Number}                   x
+ * @param  {Number}                   y
+ * @param  {Number}                   z
+ * @chainable
+ */
+        /**
+ * @method pointLight
+ * @param  {p5.Color|Number[]|String} color
+ * @param  {p5.Vector}                position
+ * @chainable
+ */
+        _main.default.prototype.pointLight = function (v1, v2, v3, x, y, z) {
+          this._assert3d('pointLight');
+          _main.default._validateParameters('pointLight', arguments);
+          //@TODO: check parameters number
+          var color;
+          if (v1 instanceof _main.default.Color) {
+            color = v1;
+          } else {
+            color = this.color(v1, v2, v3);
+          }
+          var _x,
+          _y,
+          _z;
+          var v = arguments[arguments.length - 1];
+          if (typeof v === 'number') {
+            _x = arguments[arguments.length - 3];
+            _y = arguments[arguments.length - 2];
+            _z = arguments[arguments.length - 1];
+          } else {
+            _x = v.x;
+            _y = v.y;
+            _z = v.z;
+          }
+          this._renderer.pointLightPositions.push(_x, _y, _z);
+          this._renderer.pointLightDiffuseColors.push(color._array[0], color._array[1], color._array[2]);
+          Array.prototype.push.apply(this._renderer.pointLightSpecularColors, this._renderer.specularColors);
+          this._renderer._enableLighting = true;
+          return this;
+        };
+        /**
+ * Creates an image light with the given image.
+ *
+ * The image light simulates light from all the directions.
+ * This is done by using the image as a texture for an infinitely
+ * large sphere light. This sphere contains
+ * or encapsulates the whole scene/drawing.
+ * It will have different effect for varying shininess of the
+ * object in the drawing.
+ * Under the hood it is mainly doing 2 types of calculations,
+ * the first one is creating an irradiance map the
+ * environment map of the input image.
+ * The second one is managing reflections based on the shininess
+ * or roughness of the material used in the scene.
+ *
+ * Note: The image's diffuse light will be affected by fill()
+ * and the specular reflections will be affected by specularMaterial()
+ * and shininess().
+ *
+ * @method imageLight
+ * @param  {p5.image}    img  image for the background
+ * @example
+ * <div class="notest">
+ * <code>
+ * let img;
+ * function preload() {
+ *   img = loadImage('assets/outdoor_image.jpg');
+ * }
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ * }
+ * function draw() {
+ *   background(220);
+ *   imageMode(CENTER);
+ *   push();
+ *   translate(0, 0, -200);
+ *   scale(2);
+ *   image(img, 0, 0, width, height);
+ *   pop();
+ *   ambientLight(50);
+ *   imageLight(img);
+ *   specularMaterial(20);
+ *   noStroke();
+ *   scale(2);
+ *   rotateX(frameCount * 0.005);
+ *   rotateY(frameCount * 0.005);
+ *   box(25);
+ * }
+ * </code>
+ * </div>
+ * @alt
+ * image light example
+ * @example
+ * <div class="notest">
+ * <code>
+ * let img;
+ * let slider;
+ * function preload() {
+ *   img = loadImage('assets/outdoor_spheremap.jpg');
+ * }
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   slider = createSlider(0, 400, 100, 1);
+ *   slider.position(0, height);
+ * }
+ * function draw() {
+ *   background(220);
+ *   imageMode(CENTER);
+ *   push();
+ *   translate(0, 0, -200);
+ *   scale(2);
+ *   image(img, 0, 0, width, height);
+ *   pop();
+ *   ambientLight(50);
+ *   imageLight(img);
+ *   specularMaterial(20);
+ *   shininess(slider.value());
+ *   noStroke();
+ *   scale(2);
+ *   sphere(15);
+ * }
+ * </code>
+ * </div>
+ * @alt
+ * light with slider having a slider for varying roughness
+ */
+        _main.default.prototype.imageLight = function (img) {
+          // activeImageLight property is checked by _setFillUniforms
+          // for sending uniforms to the fillshader
+          this._renderer.activeImageLight = img;
+          this._renderer._enableLighting = true;
+        };
+        /**
+ * Places an ambient and directional light in the scene.
+ * The lights are set to ambientLight(128, 128, 128) and
+ * directionalLight(128, 128, 128, 0, 0, -1).
+ *
+ * Note: lights need to be called (whether directly or indirectly)
+ * within draw() to remain persistent in a looping program.
+ * Placing them in setup() will cause them to only have an effect
+ * the first time through the loop.
+ *
+ * @method lights
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   describe('the light is partially ambient and partially directional');
+ * }
+ * function draw() {
+ *   background(0);
+ *   lights();
+ *   rotateX(millis() / 1000);
+ *   rotateY(millis() / 1000);
+ *   rotateZ(millis() / 1000);
+ *   box();
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * the light is partially ambient and partially directional
+ */
+        _main.default.prototype.lights = function () {
+          this._assert3d('lights');
+          // Both specify gray by default.
+          var grayColor = this.color('rgb(128,128,128)');
+          this.ambientLight(grayColor);
+          this.directionalLight(grayColor, 0, 0, - 1);
+          return this;
+        };
+        /**
+ * Sets the falloff rate for <a href="#/p5/pointLight">pointLight()</a>
+ * and <a href="#/p5/spotLight">spotLight()</a>.
+ *
+ * lightFalloff() affects only the lights which are created after it
+ * in the code.
+ *
+ * The `constant`, `linear`, an `quadratic` parameters are used to calculate falloff as follows:
+ *
+ * d = distance from light position to vertex position
+ *
+ * falloff = 1 / (CONSTANT + d \* LINEAR + (d \* d) \* QUADRATIC)
+ *
+ * @method lightFalloff
+ * @param {Number} constant   CONSTANT value for determining falloff
+ * @param {Number} linear     LINEAR value for determining falloff
+ * @param {Number} quadratic  QUADRATIC value for determining falloff
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   noStroke();
+ *   describe(
+ *     'Two spheres with different falloff values show different intensity of light'
+ *   );
+ * }
+ * function draw() {
+ *   ortho();
+ *   background(0);
+ *
+ *   let locX = mouseX - width / 2;
+ *   let locY = mouseY - height / 2;
+ *   locX /= 2; // half scale
+ *
+ *   lightFalloff(1, 0, 0);
+ *   push();
+ *   translate(-25, 0, 0);
+ *   pointLight(250, 250, 250, locX - 25, locY, 50);
+ *   sphere(20);
+ *   pop();
+ *
+ *   lightFalloff(0.97, 0.03, 0);
+ *   push();
+ *   translate(25, 0, 0);
+ *   pointLight(250, 250, 250, locX + 25, locY, 50);
+ *   sphere(20);
+ *   pop();
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * Two spheres with different falloff values show different intensity of light
+ */
+        _main.default.prototype.lightFalloff = function (constantAttenuation, linearAttenuation, quadraticAttenuation) {
+          this._assert3d('lightFalloff');
+          _main.default._validateParameters('lightFalloff', arguments);
+          if (constantAttenuation < 0) {
+            constantAttenuation = 0;
+            console.warn('Value of constant argument in lightFalloff() should be never be negative. Set to 0.');
+          }
+          if (linearAttenuation < 0) {
+            linearAttenuation = 0;
+            console.warn('Value of linear argument in lightFalloff() should be never be negative. Set to 0.');
+          }
+          if (quadraticAttenuation < 0) {
+            quadraticAttenuation = 0;
+            console.warn('Value of quadratic argument in lightFalloff() should be never be negative. Set to 0.');
+          }
+          if (constantAttenuation === 0 && linearAttenuation === 0 && quadraticAttenuation === 0) {
+            constantAttenuation = 1;
+            console.warn('Either one of the three arguments in lightFalloff() should be greater than zero. Set constant argument to 1.');
+          }
+          this._renderer.constantAttenuation = constantAttenuation;
+          this._renderer.linearAttenuation = linearAttenuation;
+          this._renderer.quadraticAttenuation = quadraticAttenuation;
+          return this;
+        };
+        /**
+ * Creates a spot light with the given color, position,
+ * light direction, angle, and concentration.
+ *
+ * Like a <a href="#/p5/pointLight">pointLight()</a>, a spotLight()
+ * emits light from a specific point (position). It has a different effect
+ * when it is positioned farther vs. nearer an object.
+ *
+ * However, unlike a pointLight(), the light is emitted in **one direction**
+ * along a conical shape. The shape of the cone can be controlled using
+ * the `angle` and `concentration` parameters.
+ *
+ * The `angle` parameter is used to
+ * determine the radius of the cone. And the `concentration`
+ * parameter is used to focus the light towards the center of
+ * the cone. Both parameters are optional, however if you want
+ * to specify `concentration`, you must also specify `angle`.
+ * The minimum concentration value is 1.
+ *
+ * A maximum of **5** spot lights can be active at once.
+ *
+ * Note: lights need to be called (whether directly or indirectly)
+ * within draw() to remain persistent in a looping program.
+ * Placing them in setup() will cause them to only have an effect
+ * the first time through the loop.
+ *
+ * @method spotLight
+ * @param  {Number}    v1               red or hue value relative to the current color range
+ * @param  {Number}    v2               green or saturation value relative to the current color range
+ * @param  {Number}    v3               blue or brightness value relative to the current color range
+ * @param  {Number}    x                x component of position
+ * @param  {Number}    y                y component of position
+ * @param  {Number}    z                z component of position
+ * @param  {Number}    rx               x component of light direction (inclusive range of -1 to 1)
+ * @param  {Number}    ry               y component of light direction (inclusive range of -1 to 1)
+ * @param  {Number}    rz               z component of light direction (inclusive range of -1 to 1)
+ * @param  {Number}    [angle]          angle of cone. Defaults to PI/3
+ * @param  {Number}    [concentration]  concentration of cone. Defaults to 100
+ * @chainable
+ *
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   describe(
+ *     'scene with sphere and spot light. The position of the light is controlled with the mouse position.'
+ *   );
+ * }
+ * function draw() {
+ *   background(0);
+ *   // move your mouse to change light position
+ *   let locX = mouseX - width / 2;
+ *   let locY = mouseY - height / 2;
+ *   // to set the light position,
+ *   // think of the world's coordinate as:
+ *   // -width/2,-height/2 ----------- width/2,-height/2
+ *   //                   |           |
+ *   //                   |    0,0    |
+ *   //                   |           |
+ *   //  -width/2,height/2 ----------- width/2,height/2
+ *   ambientLight(50);
+ *   spotLight(0, 250, 0, locX, locY, 100, 0, 0, -1, Math.PI / 16);
+ *   noStroke();
+ *   sphere(40);
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * scene with sphere and spot light. The position of
+ * the light is controlled with the mouse position.
+ */
+        /**
+ * @method spotLight
+ * @param  {p5.Color|Number[]|String} color           color as a <a href="#/p5.Color">p5.Color</a>,
+ *                                                     as an array, or as a CSS string
+ * @param  {p5.Vector}                position        position of light as a <a href="#/p5.Vector">p5.Vector</a>
+ * @param  {p5.Vector}                direction       direction of light as a <a href="#/p5.Vector">p5.Vector</a>
+ * @param  {Number}                   [angle]
+ * @param  {Number}                   [concentration]
+ */
+        /**
+ * @method spotLight
+ * @param  {Number}     v1
+ * @param  {Number}     v2
+ * @param  {Number}     v3
+ * @param  {p5.Vector}  position
+ * @param  {p5.Vector}  direction
+ * @param  {Number}     [angle]
+ * @param  {Number}     [concentration]
+ */
+        /**
+ * @method spotLight
+ * @param  {p5.Color|Number[]|String} color
+ * @param  {Number}                   x
+ * @param  {Number}                   y
+ * @param  {Number}                   z
+ * @param  {p5.Vector}                direction
+ * @param  {Number}                   [angle]
+ * @param  {Number}                   [concentration]
+ */
+        /**
+ * @method spotLight
+ * @param  {p5.Color|Number[]|String} color
+ * @param  {p5.Vector}                position
+ * @param  {Number}                   rx
+ * @param  {Number}                   ry
+ * @param  {Number}                   rz
+ * @param  {Number}                   [angle]
+ * @param  {Number}                   [concentration]
+ */
+        /**
+ * @method spotLight
+ * @param  {Number}     v1
+ * @param  {Number}     v2
+ * @param  {Number}     v3
+ * @param  {Number}     x
+ * @param  {Number}     y
+ * @param  {Number}     z
+ * @param  {p5.Vector}  direction
+ * @param  {Number}     [angle]
+ * @param  {Number}     [concentration]
+ */
+        /**
+ * @method spotLight
+ * @param  {Number}     v1
+ * @param  {Number}     v2
+ * @param  {Number}     v3
+ * @param  {p5.Vector}  position
+ * @param  {Number}     rx
+ * @param  {Number}     ry
+ * @param  {Number}     rz
+ * @param  {Number}     [angle]
+ * @param  {Number}     [concentration]
+ */
+        /**
+ * @method spotLight
+ * @param  {p5.Color|Number[]|String} color
+ * @param  {Number}                   x
+ * @param  {Number}                   y
+ * @param  {Number}                   z
+ * @param  {Number}                   rx
+ * @param  {Number}                   ry
+ * @param  {Number}                   rz
+ * @param  {Number}                   [angle]
+ * @param  {Number}                   [concentration]
+ */
+        _main.default.prototype.spotLight = function (v1, v2, v3, x, y, z, nx, ny, nz, angle, concentration) {
+          this._assert3d('spotLight');
+          _main.default._validateParameters('spotLight', arguments);
+          var color,
+          position,
+          direction;
+          var length = arguments.length;
+          switch (length) {
+            case 11:
+            case 10:
+              color = this.color(v1, v2, v3);
+              position = new _main.default.Vector(x, y, z);
+              direction = new _main.default.Vector(nx, ny, nz);
+              break;
+            case 9:
+              if (v1 instanceof _main.default.Color) {
+                color = v1;
+                position = new _main.default.Vector(v2, v3, x);
+                direction = new _main.default.Vector(y, z, nx);
+                angle = ny;
+                concentration = nz;
+              } else if (x instanceof _main.default.Vector) {
+                color = this.color(v1, v2, v3);
+                position = x;
+                direction = new _main.default.Vector(y, z, nx);
+                angle = ny;
+                concentration = nz;
+              } else if (nx instanceof _main.default.Vector) {
+                color = this.color(v1, v2, v3);
+                position = new _main.default.Vector(x, y, z);
+                direction = nx;
+                angle = ny;
+                concentration = nz;
+              } else {
+                color = this.color(v1, v2, v3);
+                position = new _main.default.Vector(x, y, z);
+                direction = new _main.default.Vector(nx, ny, nz);
+              }
+              break;
+            case 8:
+              if (v1 instanceof _main.default.Color) {
+                color = v1;
+                position = new _main.default.Vector(v2, v3, x);
+                direction = new _main.default.Vector(y, z, nx);
+                angle = ny;
+              } else if (x instanceof _main.default.Vector) {
+                color = this.color(v1, v2, v3);
+                position = x;
+                direction = new _main.default.Vector(y, z, nx);
+                angle = ny;
+              } else {
+                color = this.color(v1, v2, v3);
+                position = new _main.default.Vector(x, y, z);
+                direction = nx;
+                angle = ny;
+              }
+              break;
+            case 7:
+              if (v1 instanceof _main.default.Color && v2 instanceof _main.default.Vector) {
+                color = v1;
+                position = v2;
+                direction = new _main.default.Vector(v3, x, y);
+                angle = z;
+                concentration = nx;
+              } else if (v1 instanceof _main.default.Color && y instanceof _main.default.Vector) {
+                color = v1;
+                position = new _main.default.Vector(v2, v3, x);
+                direction = y;
+                angle = z;
+                concentration = nx;
+              } else if (x instanceof _main.default.Vector && y instanceof _main.default.Vector) {
+                color = this.color(v1, v2, v3);
+                position = x;
+                direction = y;
+                angle = z;
+                concentration = nx;
+              } else if (v1 instanceof _main.default.Color) {
+                color = v1;
+                position = new _main.default.Vector(v2, v3, x);
+                direction = new _main.default.Vector(y, z, nx);
+              } else if (x instanceof _main.default.Vector) {
+                color = this.color(v1, v2, v3);
+                position = x;
+                direction = new _main.default.Vector(y, z, nx);
+              } else {
+                color = this.color(v1, v2, v3);
+                position = new _main.default.Vector(x, y, z);
+                direction = nx;
+              }
+              break;
+            case 6:
+              if (x instanceof _main.default.Vector && y instanceof _main.default.Vector) {
+                color = this.color(v1, v2, v3);
+                position = x;
+                direction = y;
+                angle = z;
+              } else if (v1 instanceof _main.default.Color && y instanceof _main.default.Vector) {
+                color = v1;
+                position = new _main.default.Vector(v2, v3, x);
+                direction = y;
+                angle = z;
+              } else if (v1 instanceof _main.default.Color && v2 instanceof _main.default.Vector) {
+                color = v1;
+                position = v2;
+                direction = new _main.default.Vector(v3, x, y);
+                angle = z;
+              }
+              break;
+            case 5:
+              if (v1 instanceof _main.default.Color && v2 instanceof _main.default.Vector && v3 instanceof _main.default.Vector) {
+                color = v1;
+                position = v2;
+                direction = v3;
+                angle = x;
+                concentration = y;
+              } else if (x instanceof _main.default.Vector && y instanceof _main.default.Vector) {
+                color = this.color(v1, v2, v3);
+                position = x;
+                direction = y;
+              } else if (v1 instanceof _main.default.Color && y instanceof _main.default.Vector) {
+                color = v1;
+                position = new _main.default.Vector(v2, v3, x);
+                direction = y;
+              } else if (v1 instanceof _main.default.Color && v2 instanceof _main.default.Vector) {
+                color = v1;
+                position = v2;
+                direction = new _main.default.Vector(v3, x, y);
+              }
+              break;
+            case 4:
+              color = v1;
+              position = v2;
+              direction = v3;
+              angle = x;
+              break;
+            case 3:
+              color = v1;
+              position = v2;
+              direction = v3;
+              break;
+            default:
+              console.warn('Sorry, input for spotlight() is not in prescribed format. Too '.concat(length < 3 ? 'few' : 'many', ' arguments were provided'));
+              return this;
+          }
+          this._renderer.spotLightDiffuseColors.push(color._array[0], color._array[1], color._array[2]);
+          Array.prototype.push.apply(this._renderer.spotLightSpecularColors, this._renderer.specularColors);
+          this._renderer.spotLightPositions.push(position.x, position.y, position.z);
+          direction.normalize();
+          this._renderer.spotLightDirections.push(direction.x, direction.y, direction.z);
+          if (angle === undefined) {
+            angle = Math.PI / 3;
+          }
+          if (concentration !== undefined && concentration < 1) {
+            concentration = 1;
+            console.warn('Value of concentration needs to be greater than 1. Setting it to 1');
+          } else if (concentration === undefined) {
+            concentration = 100;
+          }
+          angle = this._renderer._pInst._toRadians(angle);
+          this._renderer.spotLightAngle.push(Math.cos(angle));
+          this._renderer.spotLightConc.push(concentration);
+          this._renderer._enableLighting = true;
+          return this;
+        };
+        /**
+ * Removes all lights present in a sketch.
+ *
+ * All subsequent geometry is rendered without lighting (until a new
+ * light is created with a call to one of the lighting functions
+ * (<a href="#/p5/lights">lights()</a>,
+ * <a href="#/p5/ambientLight">ambientLight()</a>,
+ * <a href="#/p5/directionalLight">directionalLight()</a>,
+ * <a href="#/p5/pointLight">pointLight()</a>,
+ * <a href="#/p5/spotLight">spotLight()</a>).
+ *
+ * @method noLights
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   describe(
+ *     'Three white spheres. Each appears as a different color due to lighting.'
+ *   );
+ * }
+ * function draw() {
+ *   background(200);
+ *   noStroke();
+ *
+ *   ambientLight(255, 0, 0);
+ *   translate(-30, 0, 0);
+ *   ambientMaterial(255);
+ *   sphere(13);
+ *
+ *   noLights();
+ *   translate(30, 0, 0);
+ *   ambientMaterial(255);
+ *   sphere(13);
+ *
+ *   ambientLight(0, 255, 0);
+ *   translate(30, 0, 0);
+ *   ambientMaterial(255);
+ *   sphere(13);
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * Three white spheres. Each appears as a different
+ * color due to lighting.
+ */
+        _main.default.prototype.noLights = function () {
+          this._assert3d('noLights');
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
+          _main.default._validateParameters('noLights', args);
+          this._renderer._enableLighting = false;
+          this._renderer.ambientLightColors.length = 0;
+          this._renderer.specularColors = [
+            1,
+            1,
+            1
+          ];
+          this._renderer.directionalLightDirections.length = 0;
+          this._renderer.directionalLightDiffuseColors.length = 0;
+          this._renderer.directionalLightSpecularColors.length = 0;
+          this._renderer.pointLightPositions.length = 0;
+          this._renderer.pointLightDiffuseColors.length = 0;
+          this._renderer.pointLightSpecularColors.length = 0;
+          this._renderer.spotLightPositions.length = 0;
+          this._renderer.spotLightDirections.length = 0;
+          this._renderer.spotLightDiffuseColors.length = 0;
+          this._renderer.spotLightSpecularColors.length = 0;
+          this._renderer.spotLightAngle.length = 0;
+          this._renderer.spotLightConc.length = 0;
+          this._renderer.constantAttenuation = 1;
+          this._renderer.linearAttenuation = 0;
+          this._renderer.quadraticAttenuation = 0;
+          this._renderer._useShininess = 1;
+          return this;
+        };
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        '../core/main': 298
+      }
+    ],
+    345: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.array.concat');
+        _dereq_('core-js/modules/es.array.index-of');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.array.splice');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.regexp.exec');
+        _dereq_('core-js/modules/es.string.match');
+        _dereq_('core-js/modules/es.string.split');
+        _dereq_('core-js/modules/es.string.trim');
+        _dereq_('core-js/modules/es.array.concat');
+        _dereq_('core-js/modules/es.array.index-of');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.array.splice');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.regexp.exec');
+        _dereq_('core-js/modules/es.string.match');
+        _dereq_('core-js/modules/es.string.split');
+        _dereq_('core-js/modules/es.string.trim');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        _dereq_('./p5.Geometry');
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }        /**
+ * @module Shape
+ * @submodule 3D Models
+ * @for p5
+ * @requires core
+ * @requires p5.Geometry
+ */
+        /**
+ * Load a 3d model from an OBJ or STL file.
+ *
+ * <a href="#/p5/loadModel">loadModel()</a> should be placed inside of <a href="#/p5/preload">preload()</a>.
+ * This allows the model to load fully before the rest of your code is run.
+ *
+ * One of the limitations of the OBJ and STL format is that it doesn't have a built-in
+ * sense of scale. This means that models exported from different programs might
+ * be very different sizes. If your model isn't displaying, try calling
+ * <a href="#/p5/loadModel">loadModel()</a> with the normalized parameter set to true. This will resize the
+ * model to a scale appropriate for p5. You can also make additional changes to
+ * the final size of your model with the <a href="#/p5/scale">scale()</a> function.
+ *
+ * Also, the support for colored STL files is not present. STL files with color will be
+ * rendered without color properties.
+ *
+ * @method loadModel
+ * @param  {String} path              Path of the model to be loaded
+ * @param  {Boolean} normalize        If true, scale the model to a
+ *                                      standardized size when loading
+ * @param  {function(p5.Geometry)} [successCallback] Function to be called
+ *                                     once the model is loaded. Will be passed
+ *                                     the 3D model object.
+ * @param  {function(Event)} [failureCallback] called with event error if
+ *                                         the model fails to load.
+ * @param  {String} [fileType]          The file extension of the model
+ *                                      (<code>.stl</code>, <code>.obj</code>).
+ * @return {p5.Geometry} the <a href="#/p5.Geometry">p5.Geometry</a> object
+ *
+ * @example
+ * <div>
+ * <code>
+ * //draw a spinning octahedron
+ * let octahedron;
+ *
+ * function preload() {
+ *   octahedron = loadModel('assets/octahedron.obj');
+ * }
+ *
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   describe('Vertically rotating 3-d octahedron.');
+ * }
+ *
+ * function draw() {
+ *   background(200);
+ *   rotateX(frameCount * 0.01);
+ *   rotateY(frameCount * 0.01);
+ *   model(octahedron);
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * Vertically rotating 3-d octahedron.
+ *
+ * @example
+ * <div>
+ * <code>
+ * //draw a spinning teapot
+ * let teapot;
+ *
+ * function preload() {
+ *   // Load model with normalise parameter set to true
+ *   teapot = loadModel('assets/teapot.obj', true);
+ * }
+ *
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   describe('Vertically rotating 3-d teapot with red, green and blue gradient.');
+ * }
+ *
+ * function draw() {
+ *   background(200);
+ *   scale(0.4); // Scaled to make model fit into canvas
+ *   rotateX(frameCount * 0.01);
+ *   rotateY(frameCount * 0.01);
+ *   normalMaterial(); // For effect
+ *   model(teapot);
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * Vertically rotating 3-d teapot with red, green and blue gradient.
+ */
+        /**
+ * @method loadModel
+ * @param  {String} path
+ * @param  {function(p5.Geometry)} [successCallback]
+ * @param  {function(Event)} [failureCallback]
+ * @param  {String} [fileType]
+ * @return {p5.Geometry} the <a href="#/p5.Geometry">p5.Geometry</a> object
+ */
+
+        _main.default.prototype.loadModel = function (path) {
+          _main.default._validateParameters('loadModel', arguments);
+          var normalize;
+          var successCallback;
+          var failureCallback;
+          var fileType = path.slice( - 4);
+          if (typeof arguments[1] === 'boolean') {
+            normalize = arguments[1];
+            successCallback = arguments[2];
+            failureCallback = arguments[3];
+            if (typeof arguments[4] !== 'undefined') {
+              fileType = arguments[4];
+            }
+          } else {
+            normalize = false;
+            successCallback = arguments[1];
+            failureCallback = arguments[2];
+            if (typeof arguments[3] !== 'undefined') {
+              fileType = arguments[3];
+            }
+          }
+          var model = new _main.default.Geometry();
+          model.gid = ''.concat(path, '|').concat(normalize);
+          var self = this;
+          if (fileType.match(/\.stl$/i)) {
+            this.httpDo(path, 'GET', 'arrayBuffer', function (arrayBuffer) {
+              parseSTL(model, arrayBuffer);
+              if (normalize) {
+                model.normalize();
+              }
+              self._decrementPreload();
+              if (typeof successCallback === 'function') {
+                successCallback(model);
+              }
+            }, failureCallback);
+          } else if (fileType.match(/\.obj$/i)) {
+            this.loadStrings(path, function (strings) {
+              parseObj(model, strings);
+              if (normalize) {
+                model.normalize();
+              }
+              self._decrementPreload();
+              if (typeof successCallback === 'function') {
+                successCallback(model);
+              }
+            }, failureCallback);
+          } else {
+            _main.default._friendlyFileLoadError(3, path);
+            if (failureCallback) {
+              failureCallback();
+            } else {
+              _main.default._friendlyError('Sorry, the file type is invalid. Only OBJ and STL files are supported.');
+            }
+          }
+          return model;
+        };
+        /**
+ * Parse OBJ lines into model. For reference, this is what a simple model of a
+ * square might look like:
+ *
+ * v -0.5 -0.5 0.5
+ * v -0.5 -0.5 -0.5
+ * v -0.5 0.5 -0.5
+ * v -0.5 0.5 0.5
+ *
+ * f 4 3 2 1
+ */
+        function parseObj(model, lines) {
+          // OBJ allows a face to specify an index for a vertex (in the above example),
+          // but it also allows you to specify a custom combination of vertex, UV
+          // coordinate, and vertex normal. So, "3/4/3" would mean, "use vertex 3 with
+          // UV coordinate 4 and vertex normal 3". In WebGL, every vertex with different
+          // parameters must be a different vertex, so loadedVerts is used to
+          // temporarily store the parsed vertices, normals, etc., and indexedVerts is
+          // used to map a specific combination (keyed on, for example, the string
+          // "3/4/3"), to the actual index of the newly created vertex in the final
+          // object.
+          var loadedVerts = {
+            v: [
+            ],
+            vt: [
+            ],
+            vn: [
+            ]
+          };
+          var indexedVerts = {
+          };
+          for (var line = 0; line < lines.length; ++line) {
+            // Each line is a separate object (vertex, face, vertex normal, etc)
+            // For each line, split it into tokens on whitespace. The first token
+            // describes the type.
+            var tokens = lines[line].trim().split(/\b\s+/);
+            if (tokens.length > 0) {
+              if (tokens[0] === 'v' || tokens[0] === 'vn') {
+                // Check if this line describes a vertex or vertex normal.
+                // It will have three numeric parameters.
+                var vertex = new _main.default.Vector(parseFloat(tokens[1]), parseFloat(tokens[2]), parseFloat(tokens[3]));
+                loadedVerts[tokens[0]].push(vertex);
+              } else if (tokens[0] === 'vt') {
+                // Check if this line describes a texture coordinate.
+                // It will have two numeric parameters U and V (W is omitted).
+                // Because of WebGL texture coordinates rendering behaviour, the V
+                // coordinate is inversed.
+                var texVertex = [
+                  parseFloat(tokens[1]),
+                  1 - parseFloat(tokens[2])
+                ];
+                loadedVerts[tokens[0]].push(texVertex);
+              } else if (tokens[0] === 'f') {
+                // Check if this line describes a face.
+                // OBJ faces can have more than three points. Triangulate points.
+                for (var tri = 3; tri < tokens.length; ++tri) {
+                  var face = [
+                  ];
+                  var vertexTokens = [
+                    1,
+                    tri - 1,
+                    tri
+                  ];
+                  for (var tokenInd = 0; tokenInd < vertexTokens.length; ++tokenInd) {
+                    // Now, convert the given token into an index
+                    var vertString = tokens[vertexTokens[tokenInd]];
+                    var vertIndex = 0;
+                    // TODO: Faces can technically use negative numbers to refer to the
+                    // previous nth vertex. I haven't seen this used in practice, but
+                    // it might be good to implement this in the future.
+                    if (indexedVerts[vertString] !== undefined) {
+                      vertIndex = indexedVerts[vertString];
+                    } else {
+                      var vertParts = vertString.split('/');
+                      for (var i = 0; i < vertParts.length; i++) {
+                        vertParts[i] = parseInt(vertParts[i]) - 1;
+                      }
+                      vertIndex = indexedVerts[vertString] = model.vertices.length;
+                      model.vertices.push(loadedVerts.v[vertParts[0]].copy());
+                      if (loadedVerts.vt[vertParts[1]]) {
+                        model.uvs.push(loadedVerts.vt[vertParts[1]].slice());
+                      } else {
+                        model.uvs.push([0,
+                        0]);
+                      }
+                      if (loadedVerts.vn[vertParts[2]]) {
+                        model.vertexNormals.push(loadedVerts.vn[vertParts[2]].copy());
+                      }
+                    }
+                    face.push(vertIndex);
+                  }
+                  if (face[0] !== face[1] && face[0] !== face[2] && face[1] !== face[2]) {
+                    model.faces.push(face);
+                  }
+                }
+              }
+            }
+          }          // If the model doesn't have normals, compute the normals
+
+          if (model.vertexNormals.length === 0) {
+            model.computeNormals();
+          }
+          return model;
+        }        /**
+ * STL files can be of two types, ASCII and Binary,
+ *
+ * We need to convert the arrayBuffer to an array of strings,
+ * to parse it as an ASCII file.
+ */
+
+        function parseSTL(model, buffer) {
+          if (isBinary(buffer)) {
+            parseBinarySTL(model, buffer);
+          } else {
+            var reader = new DataView(buffer);
+            if (!('TextDecoder' in window)) {
+              console.warn('Sorry, ASCII STL loading only works in browsers that support TextDecoder (https://caniuse.com/#feat=textencoder)');
+              return model;
+            }
+            var decoder = new TextDecoder('utf-8');
+            var lines = decoder.decode(reader);
+            var lineArray = lines.split('\n');
+            parseASCIISTL(model, lineArray);
+          }
+          return model;
+        }        /**
+ * This function checks if the file is in ASCII format or in Binary format
+ *
+ * It is done by searching keyword `solid` at the start of the file.
+ *
+ * An ASCII STL data must begin with `solid` as the first six bytes.
+ * However, ASCII STLs lacking the SPACE after the `d` are known to be
+ * plentiful. So, check the first 5 bytes for `solid`.
+ *
+ * Several encodings, such as UTF-8, precede the text with up to 5 bytes:
+ * https://en.wikipedia.org/wiki/Byte_order_mark#Byte_order_marks_by_encoding
+ * Search for `solid` to start anywhere after those prefixes.
+ */
+
+        function isBinary(data) {
+          var reader = new DataView(data);
+          // US-ASCII ordinal values for `s`, `o`, `l`, `i`, `d`
+          var solid = [
+            115,
+            111,
+            108,
+            105,
+            100
+          ];
+          for (var off = 0; off < 5; off++) {
+            // If "solid" text is matched to the current offset, declare it to be an ASCII STL.
+            if (matchDataViewAt(solid, reader, off)) return false;
+          }          // Couldn't find "solid" text at the beginning; it is binary STL.
+
+          return true;
+        }        /**
+ * This function matches the `query` at the provided `offset`
+ */
+
+        function matchDataViewAt(query, reader, offset) {
+          // Check if each byte in query matches the corresponding byte from the current offset
+          for (var i = 0, il = query.length; i < il; i++) {
+            if (query[i] !== reader.getUint8(offset + i, false)) return false;
+          }
+          return true;
+        }        /**
+ * This function parses the Binary STL files.
+ * https://en.wikipedia.org/wiki/STL_%28file_format%29#Binary_STL
+ *
+ * Currently there is no support for the colors provided in STL files.
+ */
+
+        function parseBinarySTL(model, buffer) {
+          var reader = new DataView(buffer);
+          // Number of faces is present following the header
+          var faces = reader.getUint32(80, true);
+          var r,
+          g,
+          b,
+          hasColors = false,
+          colors;
+          var defaultR,
+          defaultG,
+          defaultB;
+          // Binary files contain 80-byte header, which is generally ignored.
+          for (var index = 0; index < 80 - 10; index++) {
+            // Check for `COLOR=`
+            if (reader.getUint32(index, false) === 1129270351 /*COLO*/ && reader.getUint8(index + 4) === 82 /*'R'*/ && reader.getUint8(index + 5) === 61 /*'='*/ ) {
+              hasColors = true;
+              colors = [
+              ];
+              defaultR = reader.getUint8(index + 6) / 255;
+              defaultG = reader.getUint8(index + 7) / 255;
+              defaultB = reader.getUint8(index + 8) / 255;
+              // To be used when color support is added
+              // alpha = reader.getUint8(index + 9) / 255;
+            }
+          }
+          var dataOffset = 84;
+          var faceLength = 12 * 4 + 2;
+          // Iterate the faces
+          for (var face = 0; face < faces; face++) {
+            var start = dataOffset + face * faceLength;
+            var normalX = reader.getFloat32(start, true);
+            var normalY = reader.getFloat32(start + 4, true);
+            var normalZ = reader.getFloat32(start + 8, true);
+            if (hasColors) {
+              var packedColor = reader.getUint16(start + 48, true);
+              if ((packedColor & 32768) === 0) {
+                // facet has its own unique color
+                r = (packedColor & 31) / 31;
+                g = (packedColor >> 5 & 31) / 31;
+                b = (packedColor >> 10 & 31) / 31;
+              } else {
+                r = defaultR;
+                g = defaultG;
+                b = defaultB;
+              }
+            }
+            var newNormal = new _main.default.Vector(normalX, normalY, normalZ);
+            for (var i = 1; i <= 3; i++) {
+              var vertexstart = start + i * 12;
+              var newVertex = new _main.default.Vector(reader.getFloat32(vertexstart, true), reader.getFloat32(vertexstart + 4, true), reader.getFloat32(vertexstart + 8, true));
+              model.vertices.push(newVertex);
+              model.vertexNormals.push(newNormal);
+              if (hasColors) {
+                colors.push(r, g, b);
+              }
+            }
+            model.faces.push([3 * face,
+            3 * face + 1,
+            3 * face + 2]);
+            model.uvs.push([0,
+            0], [
+              0,
+              0
+            ], [
+              0,
+              0
+            ]);
+          }
+          if (hasColors) {
+            // add support for colors here.
+          }
+          return model;
+        }        /**
+ * ASCII STL file starts with `solid 'nameOfFile'`
+ * Then contain the normal of the face, starting with `facet normal`
+ * Next contain a keyword indicating the start of face vertex, `outer loop`
+ * Next comes the three vertex, starting with `vertex x y z`
+ * Vertices ends with `endloop`
+ * Face ends with `endfacet`
+ * Next face starts with `facet normal`
+ * The end of the file is indicated by `endsolid`
+ */
+
+        function parseASCIISTL(model, lines) {
+          var state = '';
+          var curVertexIndex = [
+          ];
+          var newNormal,
+          newVertex;
+          for (var iterator = 0; iterator < lines.length; ++iterator) {
+            var line = lines[iterator].trim();
+            var parts = line.split(' ');
+            for (var partsiterator = 0; partsiterator < parts.length; ++partsiterator) {
+              if (parts[partsiterator] === '') {
+                // Ignoring multiple whitespaces
+                parts.splice(partsiterator, 1);
+              }
+            }
+            if (parts.length === 0) {
+              // Remove newline
+              continue;
+            }
+            switch (state) {
+              case '':
+                // First run
+                if (parts[0] !== 'solid') {
+                  // Invalid state
+                  console.error(line);
+                  console.error('Invalid state "'.concat(parts[0], '", should be "solid"'));
+                  return;
+                } else {
+                  state = 'solid';
+                }
+                break;
+              case 'solid':
+                // First face
+                if (parts[0] !== 'facet' || parts[1] !== 'normal') {
+                  // Invalid state
+                  console.error(line);
+                  console.error('Invalid state "'.concat(parts[0], '", should be "facet normal"'));
+                  return;
+                } else {
+                  // Push normal for first face
+                  newNormal = new _main.default.Vector(parseFloat(parts[2]), parseFloat(parts[3]), parseFloat(parts[4]));
+                  model.vertexNormals.push(newNormal, newNormal, newNormal);
+                  state = 'facet normal';
+                }
+                break;
+              case 'facet normal':
+                // After normal is defined
+                if (parts[0] !== 'outer' || parts[1] !== 'loop') {
+                  // Invalid State
+                  console.error(line);
+                  console.error('Invalid state "'.concat(parts[0], '", should be "outer loop"'));
+                  return;
+                } else {
+                  // Next should be vertices
+                  state = 'vertex';
+                }
+                break;
+              case 'vertex':
+                if (parts[0] === 'vertex') {
+                  //Vertex of triangle
+                  newVertex = new _main.default.Vector(parseFloat(parts[1]), parseFloat(parts[2]), parseFloat(parts[3]));
+                  model.vertices.push(newVertex);
+                  model.uvs.push([0,
+                  0]);
+                  curVertexIndex.push(model.vertices.indexOf(newVertex));
+                } else if (parts[0] === 'endloop') {
+                  // End of vertices
+                  model.faces.push(curVertexIndex);
+                  curVertexIndex = [
+                  ];
+                  state = 'endloop';
+                } else {
+                  // Invalid State
+                  console.error(line);
+                  console.error('Invalid state "'.concat(parts[0], '", should be "vertex" or "endloop"'));
+                  return;
+                }
+                break;
+              case 'endloop':
+                if (parts[0] !== 'endfacet') {
+                  // End of face
+                  console.error(line);
+                  console.error('Invalid state "'.concat(parts[0], '", should be "endfacet"'));
+                  return;
+                } else {
+                  state = 'endfacet';
+                }
+                break;
+              case 'endfacet':
+                if (parts[0] === 'endsolid') {
+                  // End of solid
+                } else if (parts[0] === 'facet' && parts[1] === 'normal') {
+                  // Next face
+                  newNormal = new _main.default.Vector(parseFloat(parts[2]), parseFloat(parts[3]), parseFloat(parts[4]));
+                  model.vertexNormals.push(newNormal, newNormal, newNormal);
+                  state = 'facet normal';
+                } else {
+                  // Invalid State
+                  console.error(line);
+                  console.error('Invalid state "'.concat(parts[0], '", should be "endsolid" or "facet normal"'));
+                  return;
+                }
+                break;
+              default:
+                console.error('Invalid state "'.concat(state, '"'));
+                break;
+            }
+          }
+          return model;
+        }        /**
+ * Render a 3d model to the screen.
+ *
+ * @method model
+ * @param  {p5.Geometry} model Loaded 3d model to be rendered
+ * @example
+ * <div>
+ * <code>
+ * //draw a spinning octahedron
+ * let octahedron;
+ *
+ * function preload() {
+ *   octahedron = loadModel('assets/octahedron.obj');
+ * }
+ *
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   describe('Vertically rotating 3-d octahedron.');
+ * }
+ *
+ * function draw() {
+ *   background(200);
+ *   rotateX(frameCount * 0.01);
+ *   rotateY(frameCount * 0.01);
+ *   model(octahedron);
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * Vertically rotating 3-d octahedron.
+ */
+
+        _main.default.prototype.model = function (model) {
+          this._assert3d('model');
+          _main.default._validateParameters('model', arguments);
+          if (model.vertices.length > 0) {
+            if (!this._renderer.geometryInHash(model.gid)) {
+              if (model.edges.length === 0) {
+                model._makeTriangleEdges();
+              }
+              model._edgesToVertices();
+              this._renderer.createBuffers(model.gid, model);
+            }
+            this._renderer.drawBuffers(model.gid);
+          }
+        };
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        '../core/main': 298,
+        './p5.Geometry': 350,
+        'core-js/modules/es.array.concat': 169,
+        'core-js/modules/es.array.index-of': 178,
+        'core-js/modules/es.array.slice': 183,
+        'core-js/modules/es.array.splice': 185,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.regexp.exec': 205,
+        'core-js/modules/es.string.match': 211,
+        'core-js/modules/es.string.split': 216,
+        'core-js/modules/es.string.trim': 219
+      }
+    ],
+    346: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.includes');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.join');
+        _dereq_('core-js/modules/es.object.get-own-property-descriptor');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.string.includes');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.weak-map');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        function _typeof2(obj) {
+          if (typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol') {
+            _typeof2 = function _typeof2(obj) {
+              return typeof obj;
+            };
+          } else {
+            _typeof2 = function _typeof2(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj;
+            };
+          }
+          return _typeof2(obj);
+        }
+        function _typeof(obj) {
+          if (typeof Symbol === 'function' && _typeof2(Symbol.iterator) === 'symbol') {
+            _typeof = function _typeof(obj) {
+              return _typeof2(obj);
+            };
+          } else {
+            _typeof = function _typeof(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : _typeof2(obj);
+            };
+          }
+          return _typeof(obj);
+        }
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.includes');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.join');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.string.includes');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        var constants = _interopRequireWildcard(_dereq_('../core/constants'));
+        _dereq_('./p5.Texture');
+        function _getRequireWildcardCache() {
+          if (typeof WeakMap !== 'function') return null;
+          var cache = new WeakMap();
+          _getRequireWildcardCache = function _getRequireWildcardCache() {
+            return cache;
+          };
+          return cache;
+        }
+        function _interopRequireWildcard(obj) {
+          if (obj && obj.__esModule) {
+            return obj;
+          }
+          if (obj === null || _typeof(obj) !== 'object' && typeof obj !== 'function') {
+            return {
+            default:
+              obj
+            };
+          }
+          var cache = _getRequireWildcardCache();
+          if (cache && cache.has(obj)) {
+            return cache.get(obj);
+          }
+          var newObj = {
+          };
+          var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+          for (var key in obj) {
+            if (Object.prototype.hasOwnProperty.call(obj, key)) {
+              var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+              if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+              } else {
+                newObj[key] = obj[key];
+              }
+            }
+          }
+          newObj.default = obj;
+          if (cache) {
+            cache.set(obj, newObj);
+          }
+          return newObj;
+        }
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }        /**
+ * @module 3D
+ * @submodule Material
+ * @for p5
+ * @requires core
+ */
+        /**
+ * Creates a new <a href="#/p5.Shader">p5.Shader</a> object
+ * from the provided vertex and fragment shader files.
+ *
+ * The shader files are loaded asynchronously in the
+ * background, so this method should be used in <a href="#/p5/preload">preload()</a>.
+ *
+ * Shaders can alter the positioning of shapes drawn with them.
+ * To ensure consistency in rendering, it's recommended to use the vertex shader in the <a href="#/p5/createShader">createShader example</a>.
+ *
+ * Note, shaders can only be used in WEBGL mode.
+ *
+ * @method loadShader
+ * @param {String} vertFilename path to file containing vertex shader
+ * source code
+ * @param {String} fragFilename path to file containing fragment shader
+ * source code
+ * @param {function} [callback] callback to be executed after loadShader
+ * completes. On success, the p5.Shader object is passed as the first argument.
+ * @param {function} [errorCallback] callback to be executed when an error
+ * occurs inside loadShader. On error, the error is passed as the first
+ * argument.
+ * @return {p5.Shader} a shader object created from the provided
+ * vertex and fragment shader files.
+ *
+ * @example
+ * <div modernizr='webgl'>
+ * <code>
+ * let mandel;
+ * function preload() {
+ *   // load the shader definitions from files
+ *   mandel = loadShader('assets/shader.vert', 'assets/shader.frag');
+ * }
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   // use the shader
+ *   shader(mandel);
+ *   noStroke();
+ *   mandel.setUniform('p', [-0.74364388703, 0.13182590421]);
+ *   describe('zooming Mandelbrot set. a colorful, infinitely detailed fractal.');
+ * }
+ *
+ * function draw() {
+ *   mandel.setUniform('r', 1.5 * exp(-6.5 * (1 + sin(millis() / 2000))));
+ *   quad(-1, -1, 1, -1, 1, 1, -1, 1);
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * zooming Mandelbrot set. a colorful, infinitely detailed fractal.
+ */
+
+        _main.default.prototype.loadShader = function (vertFilename, fragFilename, callback, errorCallback) {
+          _main.default._validateParameters('loadShader', arguments);
+          if (!errorCallback) {
+            errorCallback = console.error;
+          }
+          var loadedShader = new _main.default.Shader();
+          var self = this;
+          var loadedFrag = false;
+          var loadedVert = false;
+          var onLoad = function onLoad() {
+            self._decrementPreload();
+            if (callback) {
+              callback(loadedShader);
+            }
+          };
+          this.loadStrings(vertFilename, function (result) {
+            loadedShader._vertSrc = result.join('\n');
+            loadedVert = true;
+            if (loadedFrag) {
+              onLoad();
+            }
+          }, errorCallback);
+          this.loadStrings(fragFilename, function (result) {
+            loadedShader._fragSrc = result.join('\n');
+            loadedFrag = true;
+            if (loadedVert) {
+              onLoad();
+            }
+          }, errorCallback);
+          return loadedShader;
+        };
+        /**
+ * Creates a new <a href="#/p5.Shader">p5.Shader</a> object
+ * from the provided vertex and fragment shader code.
+ *
+ * Note, shaders can only be used in WEBGL mode.
+ *
+ * Shaders can alter the positioning of shapes drawn with them.
+ * To ensure consistency in rendering, it's recommended to use the vertex shader shown in the example below.
+ *
+ * @method createShader
+ * @param {String} vertSrc source code for the vertex shader
+ * @param {String} fragSrc source code for the fragment shader
+ * @returns {p5.Shader} a shader object created from the provided
+ * vertex and fragment shaders.
+ *
+ * @example
+ * <div modernizr='webgl'>
+ * <code>
+ *
+ * // the vertex shader is called for each vertex
+ * let vs = `
+ * precision highp float;
+ * uniform mat4 uModelViewMatrix;
+ * uniform mat4 uProjectionMatrix;
+ *
+ * attribute vec3 aPosition;
+ * attribute vec2 aTexCoord;
+ * varying vec2 vTexCoord;
+ *
+ * void main() {
+ *   vTexCoord = aTexCoord;
+ *   vec4 positionVec4 = vec4(aPosition, 1.0);
+ *   gl_Position = uProjectionMatrix * uModelViewMatrix * positionVec4;
+ *  }
+ * `;
+ *
+ *
+ * // the fragment shader is called for each pixel
+ * let fs = `
+ *    precision highp float;
+ *    uniform vec2 p;
+ *    uniform float r;
+ *    const int I = 500;
+ *    varying vec2 vTexCoord;
+ *    void main() {
+ *      vec2 c = p + gl_FragCoord.xy * r, z = c;
+ *      float n = 0.0;
+ *      for (int i = I; i > 0; i --) {
+ *        if(z.x*z.x+z.y*z.y > 4.0) {
+ *          n = float(i)/float(I);
+ *          break;
+ *        }
+ *        z = vec2(z.x*z.x-z.y*z.y, 2.0*z.x*z.y) + c;
+ *      }
+ *      gl_FragColor = vec4(0.5-cos(n*17.0)/2.0,0.5-cos(n*13.0)/2.0,0.5-cos(n*23.0)/2.0,1.0);
+ *    }`;
+ *
+ * let mandel;
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *
+ *   // create and initialize the shader
+ *   mandel = createShader(vs, fs);
+ *   shader(mandel);
+ *   noStroke();
+ *
+ *   // 'p' is the center point of the Mandelbrot image
+ *   mandel.setUniform('p', [-0.74364388703, 0.13182590421]);
+ *   describe('zooming Mandelbrot set. a colorful, infinitely detailed fractal.');
+ * }
+ *
+ * function draw() {
+ *   // 'r' is the size of the image in Mandelbrot-space
+ *   mandel.setUniform('r', 1.5 * exp(-6.5 * (1 + sin(millis() / 2000))));
+ *   plane(width, height);
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * zooming Mandelbrot set. a colorful, infinitely detailed fractal.
+ */
+        _main.default.prototype.createShader = function (vertSrc, fragSrc) {
+          _main.default._validateParameters('createShader', arguments);
+          return new _main.default.Shader(this._renderer, vertSrc, fragSrc);
+        };
+        /**
+ * Creates a new <a href="#/p5.Shader">p5.Shader</a> using only a fragment shader, as a convenience method for creating image effects.
+ * It's like <a href="#/createShader">createShader()</a> but with a default vertex shader included.
+ *
+ * <a href="#/createFilterShader">createFilterShader()</a> is intended to be used along with <a href="#/filter">filter()</a> for filtering the contents of a canvas.
+ * A filter shader will not be applied to any geometries.
+ *
+ * The fragment shader receives some uniforms:
+ * - `sampler2D tex0`, which contains the canvas contents as a texture
+* - `vec2 canvasSize`, which is the p5 width and height of the canvas (not including pixel density)
+ * - `vec2 texelSize`, which is the size of a physical pixel including pixel density (`1.0/(width*density)`, `1.0/(height*density)`)
+ *
+ * For more info about filters and shaders, see Adam Ferriss' <a href="https://github.com/aferriss/p5jsShaderExamples">repo of shader examples</a>
+ * or the <a href="https://p5js.org/learn/getting-started-in-webgl-shaders.html">introduction to shaders</a> page.
+ *
+ * @method createFilterShader
+ * @param {String} fragSrc source code for the fragment shader
+ * @returns {p5.Shader} a shader object created from the provided
+ *                      fragment shader.
+ * @example
+ * <div modernizr='webgl'>
+ * <code>
+ * function setup() {
+ *   let fragSrc = `precision highp float;
+ *   void main() {
+ *     gl_FragColor = vec4(1.0, 1.0, 0.0, 1.0);
+ *   }`;
+ *
+ *   createCanvas(100, 100, WEBGL);
+ *   let s = createFilterShader(fragSrc);
+ *   filter(s);
+ *   describe('a yellow canvas');
+ * }
+ * </code>
+ * </div>
+ *
+ * <div modernizr='webgl'>
+ * <code>
+ * let img, s;
+ * function preload() {
+ *   img = loadImage('assets/bricks.jpg');
+ * }
+ * function setup() {
+ *   let fragSrc = `precision highp float;
+ *
+ *   // x,y coordinates, given from the vertex shader
+ *   varying vec2 vTexCoord;
+ *
+ *   // the canvas contents, given from filter()
+ *   uniform sampler2D tex0;
+ *   // other useful information from the canvas
+ *   uniform vec2 texelSize;
+ *   uniform vec2 canvasSize;
+ *   // a custom variable from this sketch
+ *   uniform float darkness;
+ *
+ *   void main() {
+ *     // get the color at current pixel
+ *     vec4 color = texture2D(tex0, vTexCoord);
+ *     // set the output color
+ *     color.b = 1.0;
+ *     color *= darkness;
+ *     gl_FragColor = vec4(color.rgb, 1.0);
+ *   }`;
+ *
+ *   createCanvas(100, 100, WEBGL);
+ *   s = createFilterShader(fragSrc);
+ * }
+ * function draw() {
+ *   image(img, -50, -50);
+ *   s.setUniform('darkness', 0.5);
+ *   filter(s);
+ *   describe('a image of bricks tinted dark blue');
+ * }
+ * </code>
+ * </div>
+ */
+        _main.default.prototype.createFilterShader = function (fragSrc) {
+          _main.default._validateParameters('createFilterShader', arguments);
+          var defaultVertV1 = '\n    uniform mat4 uModelViewMatrix;\n    uniform mat4 uProjectionMatrix;\n\n    attribute vec3 aPosition;\n    // texcoords only come from p5 to vertex shader\n    // so pass texcoords on to the fragment shader in a varying variable\n    attribute vec2 aTexCoord;\n    varying vec2 vTexCoord;\n\n    void main() {\n      // transferring texcoords for the frag shader\n      vTexCoord = aTexCoord;\n\n      // copy position with a fourth coordinate for projection (1.0 is normal)\n      vec4 positionVec4 = vec4(aPosition, 1.0);\n\n      // project to 3D space\n      gl_Position = uProjectionMatrix * uModelViewMatrix * positionVec4;\n    }\n  ';
+          var defaultVertV2 = '#version 300 es\n    uniform mat4 uModelViewMatrix;\n    uniform mat4 uProjectionMatrix;\n\n    in vec3 aPosition;\n    in vec2 aTexCoord;\n    out vec2 vTexCoord;\n\n    void main() {\n      // transferring texcoords for the frag shader\n      vTexCoord = aTexCoord;\n\n      // copy position with a fourth coordinate for projection (1.0 is normal)\n      vec4 positionVec4 = vec4(aPosition, 1.0);\n\n      // project to 3D space\n      gl_Position = uProjectionMatrix * uModelViewMatrix * positionVec4;\n    }\n  ';
+          var vertSrc = fragSrc.includes('#version 300 es') ? defaultVertV2 : defaultVertV1;
+          var shader = new _main.default.Shader(this._renderer, vertSrc, fragSrc);
+          if (this._renderer.GL) {
+            shader.ensureCompiledOnContext(this);
+          } else {
+            shader.ensureCompiledOnContext(this._renderer.getFilterGraphicsLayer());
+          }
+          return shader;
+        };
+        /**
+ * Sets the <a href="#/p5.Shader">p5.Shader</a> object to
+ * be used to render subsequent shapes.
+ *
+ * Shaders can alter the positioning of shapes drawn with them.
+ * To ensure consistency in rendering, it's recommended to use the vertex shader in the <a href="#/p5/createShader">createShader example</a>.
+ *
+ * Custom shaders can be created using the
+ * <a href="#/p5/createShader">createShader()</a> and
+ * <a href="#/p5/loadShader">loadShader()</a> functions.
+ *
+ * Use <a href="#/p5/resetShader">resetShader()</a> to
+ * restore the default shaders.
+ *
+ * Note, shaders can only be used in WEBGL mode.
+ *
+ * @method shader
+ * @chainable
+ * @param {p5.Shader} s the <a href="#/p5.Shader">p5.Shader</a> object
+ * to use for rendering shapes.
+ *
+ * @example
+ * <div modernizr='webgl'>
+ * <code>
+ * // Click within the image to toggle
+ * // the shader used by the quad shape
+ * // Note: for an alternative approach to the same example,
+ * // involving changing uniforms please refer to:
+ * // https://p5js.org/reference/#/p5.Shader/setUniform
+ *
+ * let redGreen;
+ * let orangeBlue;
+ * let showRedGreen = false;
+ *
+ * function preload() {
+ *   // note that we are using two instances
+ *   // of the same vertex and fragment shaders
+ *   redGreen = loadShader('assets/shader.vert', 'assets/shader-gradient.frag');
+ *   orangeBlue = loadShader('assets/shader.vert', 'assets/shader-gradient.frag');
+ * }
+ *
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *
+ *   // initialize the colors for redGreen shader
+ *   shader(redGreen);
+ *   redGreen.setUniform('colorCenter', [1.0, 0.0, 0.0]);
+ *   redGreen.setUniform('colorBackground', [0.0, 1.0, 0.0]);
+ *
+ *   // initialize the colors for orangeBlue shader
+ *   shader(orangeBlue);
+ *   orangeBlue.setUniform('colorCenter', [1.0, 0.5, 0.0]);
+ *   orangeBlue.setUniform('colorBackground', [0.226, 0.0, 0.615]);
+ *
+ *   noStroke();
+ *
+ *   describe(
+ *     'canvas toggles between a circular gradient of orange and blue vertically. and a circular gradient of red and green moving horizontally when mouse is clicked/pressed.'
+ *   );
+ * }
+ *
+ * function draw() {
+ *   // update the offset values for each shader,
+ *   // moving orangeBlue in vertical and redGreen
+ *   // in horizontal direction
+ *   orangeBlue.setUniform('offset', [0, sin(millis() / 2000) + 1]);
+ *   redGreen.setUniform('offset', [sin(millis() / 2000), 1]);
+ *
+ *   if (showRedGreen === true) {
+ *     shader(redGreen);
+ *   } else {
+ *     shader(orangeBlue);
+ *   }
+ *   quad(-1, -1, 1, -1, 1, 1, -1, 1);
+ * }
+ *
+ * function mouseClicked() {
+ *   showRedGreen = !showRedGreen;
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * canvas toggles between a circular gradient of orange and blue vertically. and a circular gradient of red and green moving horizontally when mouse is clicked/pressed.
+ */
+        _main.default.prototype.shader = function (s) {
+          this._assert3d('shader');
+          _main.default._validateParameters('shader', arguments);
+          s.ensureCompiledOnContext(this);
+          if (s.isStrokeShader()) {
+            this._renderer.userStrokeShader = s;
+          } else {
+            this._renderer.userFillShader = s;
+            this._renderer._useNormalMaterial = false;
+          }
+          return this;
+        };
+        /**
+ * Restores the default shaders. Code that runs after resetShader()
+ * will not be affected by the shader previously set by
+ * <a href="#/p5/shader">shader()</a>
+ *
+ * @method resetShader
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * // This variable will hold our shader object
+ * let shaderProgram;
+ *
+ * // This variable will hold our vertex shader source code
+ * let vertSrc = `
+ *    attribute vec3 aPosition;
+ *    attribute vec2 aTexCoord;
+ *    uniform mat4 uProjectionMatrix;
+ *    uniform mat4 uModelViewMatrix;
+ *    varying vec2 vTexCoord;
+ *
+ *    void main() {
+ *      vTexCoord = aTexCoord;
+ *      vec4 position = vec4(aPosition, 1.0);
+ *      gl_Position = uProjectionMatrix * uModelViewMatrix * position;
+ *    }
+ * `;
+ *
+ * // This variable will hold our fragment shader source code
+ * let fragSrc = `
+ *    precision mediump float;
+ *
+ *    varying vec2 vTexCoord;
+ *
+ *    void main() {
+ *      vec2 uv = vTexCoord;
+ *      vec3 color = vec3(uv.x, uv.y, min(uv.x + uv.y, 1.0));
+ *      gl_FragColor = vec4(color, 1.0);
+ *    }
+ * `;
+ *
+ * function setup() {
+ *   // Shaders require WEBGL mode to work
+ *   createCanvas(100, 100, WEBGL);
+ *
+ *   // Create our shader
+ *   shaderProgram = createShader(vertSrc, fragSrc);
+ *
+ *   describe(
+ *     'Two rotating cubes. The left one is painted using a custom (user-defined) shader, while the right one is painted using the default fill shader.'
+ *   );
+ * }
+ *
+ * function draw() {
+ *   // Clear the scene
+ *   background(200);
+ *
+ *   // Draw a box using our shader
+ *   // shader() sets the active shader with our shader
+ *   shader(shaderProgram);
+ *   push();
+ *   translate(-width / 4, 0, 0);
+ *   rotateX(millis() * 0.00025);
+ *   rotateY(millis() * 0.0005);
+ *   box(width / 4);
+ *   pop();
+ *
+ *   // Draw a box using the default fill shader
+ *   // resetShader() restores the default fill shader
+ *   resetShader();
+ *   fill(255, 0, 0);
+ *   push();
+ *   translate(width / 4, 0, 0);
+ *   rotateX(millis() * 0.00025);
+ *   rotateY(millis() * 0.0005);
+ *   box(width / 4);
+ *   pop();
+ * }
+ * </code>
+ * </div>
+ * @alt
+ * Two rotating cubes. The left one is painted using a custom (user-defined) shader,
+ * while the right one is painted using the default fill shader.
+ */
+        _main.default.prototype.resetShader = function () {
+          this._renderer.userFillShader = this._renderer.userStrokeShader = null;
+          return this;
+        };
+        /**
+ * Sets the texture that will be used to render subsequent shapes.
+ *
+ * A texture is like a "skin" that wraps around a 3D geometry. Currently
+ * supported textures are images, video, and offscreen renders.
+ *
+ * To texture a geometry created with <a href="#/p5/beginShape">beginShape()</a>,
+ * you will need to specify uv coordinates in <a href="#/p5/vertex">vertex()</a>.
+ *
+ * Note, texture() can only be used in WEBGL mode.
+ *
+ * You can view more materials in this
+ * <a href="https://p5js.org/examples/3d-materials.html">example</a>.
+ *
+ * @method texture
+ * @param {p5.Image|p5.MediaElement|p5.Graphics|p5.Texture|p5.Framebuffer|p5.FramebufferTexture} tex  image to use as texture
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * let img;
+ * function preload() {
+ *   img = loadImage('assets/laDefense.jpg');
+ * }
+ *
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   describe('spinning cube with a texture from an image');
+ * }
+ *
+ * function draw() {
+ *   background(0);
+ *   rotateZ(frameCount * 0.01);
+ *   rotateX(frameCount * 0.01);
+ *   rotateY(frameCount * 0.01);
+ *   //pass image as texture
+ *   texture(img);
+ *   box(width / 2);
+ * }
+ * </code>
+ * </div>
+ * @alt
+ * spinning cube with a texture from an image
+ *
+ * @example
+ * <div>
+ * <code>
+ * let pg;
+ *
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   pg = createGraphics(200, 200);
+ *   pg.textSize(75);
+ *   describe('plane with a texture from an image created by createGraphics()');
+ * }
+ *
+ * function draw() {
+ *   background(0);
+ *   pg.background(255);
+ *   pg.text('hello!', 0, 100);
+ *   //pass image as texture
+ *   texture(pg);
+ *   rotateX(0.5);
+ *   noStroke();
+ *   plane(50);
+ * }
+ * </code>
+ * </div>
+ * @alt
+ * plane with a texture from an image created by createGraphics()
+ *
+ * @example
+ * <div>
+ * <code>
+ * let vid;
+ * function preload() {
+ *   vid = createVideo('assets/fingers.mov');
+ *   vid.hide();
+ * }
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   describe('rectangle with video as texture');
+ * }
+ *
+ * function draw() {
+ *   background(0);
+ *   //pass video frame as texture
+ *   texture(vid);
+ *   rect(-40, -40, 80, 80);
+ * }
+ *
+ * function mousePressed() {
+ *   vid.loop();
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * rectangle with video as texture
+ *
+ * @example
+ * <div>
+ * <code>
+ * let img;
+ *
+ * function preload() {
+ *   img = loadImage('assets/laDefense.jpg');
+ * }
+ *
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   describe('quad with a texture, mapped using normalized coordinates');
+ * }
+ *
+ * function draw() {
+ *   background(0);
+ *   texture(img);
+ *   textureMode(NORMAL);
+ *   beginShape();
+ *   vertex(-40, -40, 0, 0);
+ *   vertex(40, -40, 1, 0);
+ *   vertex(40, 40, 1, 1);
+ *   vertex(-40, 40, 0, 1);
+ *   endShape();
+ * }
+ * </code>
+ * </div>
+ * @alt
+ * quad with a texture, mapped using normalized coordinates
+ */
+        _main.default.prototype.texture = function (tex) {
+          this._assert3d('texture');
+          _main.default._validateParameters('texture', arguments);
+          if (tex.gifProperties) {
+            tex._animateGif(this);
+          }
+          this._renderer.drawMode = constants.TEXTURE;
+          this._renderer._useNormalMaterial = false;
+          this._renderer._tex = tex;
+          this._renderer._setProperty('_doFill', true);
+          return this;
+        };
+        /**
+ * Sets the coordinate space for texture mapping. The default mode is IMAGE
+ * which refers to the actual coordinates of the image.
+ * NORMAL refers to a normalized space of values ranging from 0 to 1.
+ *
+ * With IMAGE, if an image is 100×200 pixels, mapping the image onto the entire
+ * size of a quad would require the points (0,0) (100, 0) (100,200) (0,200).
+ * The same mapping in NORMAL is (0,0) (1,0) (1,1) (0,1).
+ * @method  textureMode
+ * @param {Constant} mode either IMAGE or NORMAL
+ * @example
+ * <div>
+ * <code>
+ * let img;
+ *
+ * function preload() {
+ *   img = loadImage('assets/laDefense.jpg');
+ * }
+ *
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   describe('quad with a texture, mapped using normalized coordinates');
+ * }
+ *
+ * function draw() {
+ *   texture(img);
+ *   textureMode(NORMAL);
+ *   beginShape();
+ *   vertex(-50, -50, 0, 0);
+ *   vertex(50, -50, 1, 0);
+ *   vertex(50, 50, 1, 1);
+ *   vertex(-50, 50, 0, 1);
+ *   endShape();
+ * }
+ * </code>
+ * </div>
+ * @alt
+ * quad with a texture, mapped using normalized coordinates
+ *
+ * @example
+ * <div>
+ * <code>
+ * let img;
+ *
+ * function preload() {
+ *   img = loadImage('assets/laDefense.jpg');
+ * }
+ *
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   describe('quad with a texture, mapped using image coordinates');
+ * }
+ *
+ * function draw() {
+ *   texture(img);
+ *   textureMode(IMAGE);
+ *   beginShape();
+ *   vertex(-50, -50, 0, 0);
+ *   vertex(50, -50, img.width, 0);
+ *   vertex(50, 50, img.width, img.height);
+ *   vertex(-50, 50, 0, img.height);
+ *   endShape();
+ * }
+ * </code>
+ * </div>
+ * @alt
+ * quad with a texture, mapped using image coordinates
+ */
+        _main.default.prototype.textureMode = function (mode) {
+          if (mode !== constants.IMAGE && mode !== constants.NORMAL) {
+            console.warn('You tried to set '.concat(mode, ' textureMode only supports IMAGE & NORMAL '));
+          } else {
+            this._renderer.textureMode = mode;
+          }
+        };
+        /**
+ * Sets the global texture wrapping mode. This controls how textures behave
+ * when their uv's go outside of the 0 to 1 range. There are three options:
+ * CLAMP, REPEAT, and MIRROR.
+ *
+ * CLAMP causes the pixels at the edge of the texture to extend to the bounds.
+ * REPEAT causes the texture to tile repeatedly until reaching the bounds.
+ * MIRROR works similarly to REPEAT but it flips the texture with every new tile.
+ *
+ * REPEAT & MIRROR are only available if the texture
+ * is a power of two size (128, 256, 512, 1024, etc.).
+ *
+ * This method will affect all textures in your sketch until a subsequent
+ * textureWrap() call is made.
+ *
+ * If only one argument is provided, it will be applied to both the
+ * horizontal and vertical axes.
+ * @method textureWrap
+ * @param {Constant} wrapX either CLAMP, REPEAT, or MIRROR
+ * @param {Constant} [wrapY] either CLAMP, REPEAT, or MIRROR
+ * @example
+ * <div>
+ * <code>
+ * let img;
+ * function preload() {
+ *   img = loadImage('assets/rockies128.jpg');
+ * }
+ *
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   textureWrap(MIRROR);
+ *   describe('an image of the rocky mountains repeated in mirrored tiles');
+ * }
+ *
+ * function draw() {
+ *   background(0);
+ *
+ *   let dX = mouseX;
+ *   let dY = mouseY;
+ *
+ *   let u = lerp(1.0, 2.0, dX);
+ *   let v = lerp(1.0, 2.0, dY);
+ *
+ *   scale(width / 2);
+ *
+ *   texture(img);
+ *
+ *   beginShape(TRIANGLES);
+ *   vertex(-1, -1, 0, 0, 0);
+ *   vertex(1, -1, 0, u, 0);
+ *   vertex(1, 1, 0, u, v);
+ *
+ *   vertex(1, 1, 0, u, v);
+ *   vertex(-1, 1, 0, 0, v);
+ *   vertex(-1, -1, 0, 0, 0);
+ *   endShape();
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * an image of the rocky mountains repeated in mirrored tiles
+ */
+        _main.default.prototype.textureWrap = function (wrapX) {
+          var wrapY = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : wrapX;
+          this._renderer.textureWrapX = wrapX;
+          this._renderer.textureWrapY = wrapY;
+          var _iteratorNormalCompletion = true;
+          var _didIteratorError = false;
+          var _iteratorError = undefined;
+          try {
+            for (var _iterator = this._renderer.textures.values() [Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+              var texture = _step.value;
+              texture.setWrapMode(wrapX, wrapY);
+            }
+          } catch (err) {
+            _didIteratorError = true;
+            _iteratorError = err;
+          } finally {
+            try {
+              if (!_iteratorNormalCompletion && _iterator.return != null) {
+                _iterator.return();
+              }
+            } finally {
+              if (_didIteratorError) {
+                throw _iteratorError;
+              }
+            }
+          }
+        };
+        /**
+ * Sets the current material as a normal material.
+ *
+ * A normal material is not affected by light. It is often used as
+ * a placeholder material when debugging.
+ *
+ * Surfaces facing the X-axis become red, those facing the Y-axis
+ * become green, and those facing the Z-axis become blue.
+ *
+ * You can view more materials in this
+ * <a href="https://p5js.org/examples/3d-materials.html">example</a>.
+ *
+ * @method normalMaterial
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   describe('Sphere with normal material');
+ * }
+ *
+ * function draw() {
+ *   background(200);
+ *   normalMaterial();
+ *   sphere(40);
+ * }
+ * </code>
+ * </div>
+ * @alt
+ * Sphere with normal material
+ */
+        _main.default.prototype.normalMaterial = function () {
+          this._assert3d('normalMaterial');
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
+          _main.default._validateParameters('normalMaterial', args);
+          this._renderer.drawMode = constants.FILL;
+          this._renderer._useSpecularMaterial = false;
+          this._renderer._useEmissiveMaterial = false;
+          this._renderer._useNormalMaterial = true;
+          this._renderer.curFillColor = [
+            1,
+            1,
+            1,
+            1
+          ];
+          this._renderer._setProperty('_doFill', true);
+          this.noStroke();
+          return this;
+        };
+        /**
+ * Sets the ambient color of the material.
+ *
+ * The ambientMaterial() color represents the components
+ * of the **ambientLight()** color that the object reflects.
+ *
+ * Consider an ambientMaterial() with the color yellow (255, 255, 0).
+ * If the ambientLight() emits the color white (255, 255, 255), then the object
+ * will appear yellow as it will reflect the red and green components
+ * of the light. If the ambientLight() emits the color red (255, 0, 0), then
+ * the object will appear red as it will reflect the red component
+ * of the light. If the ambientLight() emits the color blue (0, 0, 255),
+ * then the object will appear black, as there is no component of
+ * the light that it can reflect.
+ *
+ * You can view more materials in this
+ * <a href="https://p5js.org/examples/3d-materials.html">example</a>.
+ *
+ * @method ambientMaterial
+ * @param  {Number} v1  red or hue value relative to the current
+ *                       color range
+ * @param  {Number} v2  green or saturation value relative to the
+ *                       current color range
+ * @param  {Number} v3  blue or brightness value relative to the
+ *                       current color range
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   describe('sphere reflecting red, blue, and green light');
+ * }
+ * function draw() {
+ *   background(0);
+ *   noStroke();
+ *   ambientLight(255);
+ *   ambientMaterial(70, 130, 230);
+ *   sphere(40);
+ * }
+ * </code>
+ * </div>
+ * @alt
+ * sphere reflecting red, blue, and green light
+ *
+ * @example
+ * <div>
+ * <code>
+ * // ambientLight is both red and blue (magenta),
+ * // so object only reflects it's red and blue components
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   describe('box reflecting only red and blue light');
+ * }
+ * function draw() {
+ *   background(70);
+ *   ambientLight(255, 0, 255); // magenta light
+ *   ambientMaterial(255); // white material
+ *   box(30);
+ * }
+ * </code>
+ * </div>
+ * @alt
+ * box reflecting only red and blue light
+ *
+ * @example
+ * <div>
+ * <code>
+ * // ambientLight is green. Since object does not contain
+ * // green, it does not reflect any light
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   describe('box reflecting no light');
+ * }
+ * function draw() {
+ *   background(70);
+ *   ambientLight(0, 255, 0); // green light
+ *   ambientMaterial(255, 0, 255); // magenta material
+ *   box(30);
+ * }
+ * </code>
+ * </div>
+ * @alt
+ * box reflecting no light
+ */
+        /**
+ * @method ambientMaterial
+ * @param  {Number} gray  number specifying value between
+ *                         white and black
+ * @chainable
+ */
+        /**
+ * @method ambientMaterial
+ * @param  {p5.Color|Number[]|String} color
+ *           color as a <a href="#/p5.Color">p5.Color</a>,
+ *            as an array, or as a CSS string
+ * @chainable
+ */
+        _main.default.prototype.ambientMaterial = function (v1, v2, v3) {
+          this._assert3d('ambientMaterial');
+          _main.default._validateParameters('ambientMaterial', arguments);
+          var color = _main.default.prototype.color.apply(this, arguments);
+          this._renderer._hasSetAmbient = true;
+          this._renderer.curAmbientColor = color._array;
+          this._renderer._useNormalMaterial = false;
+          this._renderer._enableLighting = true;
+          this._renderer._setProperty('_doFill', true);
+          return this;
+        };
+        /**
+ * Sets the emissive color of the material.
+ *
+ * An emissive material will display the emissive color at
+ * full strength regardless of lighting. This can give the
+ * appearance that the object is glowing.
+ *
+ * Note, "emissive" is a misnomer in the sense that the material
+ * does not actually emit light that will affect surrounding objects.
+ *
+ * You can view more materials in this
+ * <a href="https://p5js.org/examples/3d-materials.html">example</a>.
+ *
+ * @method emissiveMaterial
+ * @param  {Number} v1       red or hue value relative to the current
+ *                            color range
+ * @param  {Number} v2       green or saturation value relative to the
+ *                            current color range
+ * @param  {Number} v3       blue or brightness value relative to the
+ *                            current color range
+ * @param  {Number} [alpha]  alpha value relative to current color
+ *                            range (default is 0-255)
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   describe('sphere with green emissive material');
+ * }
+ * function draw() {
+ *   background(0);
+ *   noStroke();
+ *   ambientLight(0);
+ *   emissiveMaterial(130, 230, 0);
+ *   sphere(40);
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * sphere with green emissive material
+ */
+        /**
+ * @method emissiveMaterial
+ * @param  {Number} gray  number specifying value between
+ *                         white and black
+ * @chainable
+ */
+        /**
+ * @method emissiveMaterial
+ * @param  {p5.Color|Number[]|String} color
+ *           color as a <a href="#/p5.Color">p5.Color</a>,
+ *            as an array, or as a CSS string
+ * @chainable
+ */
+        _main.default.prototype.emissiveMaterial = function (v1, v2, v3, a) {
+          this._assert3d('emissiveMaterial');
+          _main.default._validateParameters('emissiveMaterial', arguments);
+          var color = _main.default.prototype.color.apply(this, arguments);
+          this._renderer.curEmissiveColor = color._array;
+          this._renderer._useEmissiveMaterial = true;
+          this._renderer._useNormalMaterial = false;
+          this._renderer._enableLighting = true;
+          return this;
+        };
+        /**
+ * Sets the specular color of the material.
+ *
+ * A specular material is reflective (shiny). The shininess can be
+ * controlled by the <a href="#/p5/shininess">shininess()</a> function.
+ *
+ * Like <a href="#/p5/ambientMaterial">ambientMaterial()</a>,
+ * the specularMaterial() color is the color the object will reflect
+ * under <a href="#/p5/ambientLight">ambientLight()</a>.
+ * However unlike ambientMaterial(), for all other types of lights
+ * (<a href="#/p5/directionalLight">directionalLight()</a>,
+ * <a href="#/p5/pointLight">pointLight()</a>,
+ * <a href="#/p5/spotLight">spotLight()</a>),
+ * a specular material will reflect the **color of the light source**.
+ * This is what gives it its "shiny" appearance.
+ *
+ * You can view more materials in this
+ * <a href="https://p5js.org/examples/3d-materials.html">example</a>.
+ *
+ * @method specularMaterial
+ * @param  {Number} gray number specifying value between white and black.
+ * @param  {Number} [alpha] alpha value relative to current color range
+ *                                 (default is 0-255)
+ * @chainable
+ *
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   noStroke();
+ *   describe('torus with specular material');
+ * }
+ *
+ * function draw() {
+ *   background(0);
+ *
+ *   ambientLight(60);
+ *
+ *   // add point light to showcase specular material
+ *   let locX = mouseX - width / 2;
+ *   let locY = mouseY - height / 2;
+ *   pointLight(255, 255, 255, locX, locY, 50);
+ *
+ *   specularMaterial(250);
+ *   shininess(50);
+ *   torus(30, 10, 64, 64);
+ * }
+ * </code>
+ * </div>
+ * @alt
+ * torus with specular material
+ */
+        /**
+ * @method specularMaterial
+ * @param  {Number}        v1      red or hue value relative to
+ *                                 the current color range
+ * @param  {Number}        v2      green or saturation value
+ *                                 relative to the current color range
+ * @param  {Number}        v3      blue or brightness value
+ *                                 relative to the current color range
+ * @param  {Number}        [alpha]
+ * @chainable
+ */
+        /**
+ * @method specularMaterial
+ * @param  {p5.Color|Number[]|String} color
+ *           color as a <a href="#/p5.Color">p5.Color</a>,
+ *            as an array, or as a CSS string
+ * @chainable
+ */
+        _main.default.prototype.specularMaterial = function (v1, v2, v3, alpha) {
+          this._assert3d('specularMaterial');
+          _main.default._validateParameters('specularMaterial', arguments);
+          var color = _main.default.prototype.color.apply(this, arguments);
+          this._renderer.curSpecularColor = color._array;
+          this._renderer._useSpecularMaterial = true;
+          this._renderer._useNormalMaterial = false;
+          this._renderer._enableLighting = true;
+          return this;
+        };
+        /**
+ * Sets the amount of gloss ("shininess") of a
+ * <a href="#/p5/specularMaterial">specularMaterial()</a>.
+ *
+ * The default and minimum value is 1.
+ *
+ * @method shininess
+ * @param {Number} shine  degree of shininess
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   describe('two spheres, one more shiny than the other');
+ * }
+ * function draw() {
+ *   background(0);
+ *   noStroke();
+ *   let locX = mouseX - width / 2;
+ *   let locY = mouseY - height / 2;
+ *   ambientLight(60, 60, 60);
+ *   pointLight(255, 255, 255, locX, locY, 50);
+ *   specularMaterial(250);
+ *   translate(-25, 0, 0);
+ *   shininess(1);
+ *   sphere(20);
+ *   translate(50, 0, 0);
+ *   shininess(20);
+ *   sphere(20);
+ * }
+ * </code>
+ * </div>
+ * @alt
+ * two spheres, one more shiny than the other
+ */
+        _main.default.prototype.shininess = function (shine) {
+          this._assert3d('shininess');
+          _main.default._validateParameters('shininess', arguments);
+          if (shine < 1) {
+            shine = 1;
+          }
+          this._renderer._useShininess = shine;
+          return this;
+        };
+        /**
+ * @private blends colors according to color components.
+ * If alpha value is less than 1, or non-standard blendMode
+ * we need to enable blending on our gl context.
+ * @param  {Number[]} color [description]
+ * @return {Number[]]}  Normalized numbers array
+ */
+        _main.default.RendererGL.prototype._applyColorBlend = function (colors) {
+          var gl = this.GL;
+          var isTexture = this.drawMode === constants.TEXTURE;
+          var doBlend = this.userFillShader || this.userStrokeShader || this.userPointShader || isTexture || this.curBlendMode !== constants.BLEND || colors[colors.length - 1] < 1 || this._isErasing;
+          if (doBlend !== this._isBlending) {
+            if (doBlend || this.curBlendMode !== constants.BLEND && this.curBlendMode !== constants.ADD) {
+              gl.enable(gl.BLEND);
+            } else {
+              gl.disable(gl.BLEND);
+            }
+            gl.depthMask(true);
+            this._isBlending = doBlend;
+          }
+          this._applyBlendMode();
+          return colors;
+        };
+        /**
+ * @private sets blending in gl context to curBlendMode
+ * @param  {Number[]} color [description]
+ * @return {Number[]]}  Normalized numbers array
+ */
+        _main.default.RendererGL.prototype._applyBlendMode = function () {
+          if (this._cachedBlendMode === this.curBlendMode) {
+            return;
+          }
+          var gl = this.GL;
+          switch (this.curBlendMode) {
+            case constants.BLEND:
+              gl.blendEquation(gl.FUNC_ADD);
+              gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
+              break;
+            case constants.ADD:
+              gl.blendEquation(gl.FUNC_ADD);
+              gl.blendFunc(gl.ONE, gl.ONE);
+              break;
+            case constants.REMOVE:
+              gl.blendEquation(gl.FUNC_ADD);
+              gl.blendFunc(gl.ZERO, gl.ONE_MINUS_SRC_ALPHA);
+              break;
+            case constants.MULTIPLY:
+              gl.blendEquation(gl.FUNC_ADD);
+              gl.blendFunc(gl.DST_COLOR, gl.ONE_MINUS_SRC_ALPHA);
+              break;
+            case constants.SCREEN:
+              gl.blendEquation(gl.FUNC_ADD);
+              gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_COLOR);
+              break;
+            case constants.EXCLUSION:
+              gl.blendEquationSeparate(gl.FUNC_ADD, gl.FUNC_ADD);
+              gl.blendFuncSeparate(gl.ONE_MINUS_DST_COLOR, gl.ONE_MINUS_SRC_COLOR, gl.ONE, gl.ONE);
+              break;
+            case constants.REPLACE:
+              gl.blendEquation(gl.FUNC_ADD);
+              gl.blendFunc(gl.ONE, gl.ZERO);
+              break;
+            case constants.SUBTRACT:
+              gl.blendEquationSeparate(gl.FUNC_REVERSE_SUBTRACT, gl.FUNC_ADD);
+              gl.blendFuncSeparate(gl.ONE, gl.ONE, gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
+              break;
+            case constants.DARKEST:
+              if (this.blendExt) {
+                gl.blendEquationSeparate(this.blendExt.MIN || this.blendExt.MIN_EXT, gl.FUNC_ADD);
+                gl.blendFuncSeparate(gl.ONE, gl.ONE, gl.ONE, gl.ONE);
+              } else {
+                console.warn('blendMode(DARKEST) does not work in your browser in WEBGL mode.');
+              }
+              break;
+            case constants.LIGHTEST:
+              if (this.blendExt) {
+                gl.blendEquationSeparate(this.blendExt.MAX || this.blendExt.MAX_EXT, gl.FUNC_ADD);
+                gl.blendFuncSeparate(gl.ONE, gl.ONE, gl.ONE, gl.ONE);
+              } else {
+                console.warn('blendMode(LIGHTEST) does not work in your browser in WEBGL mode.');
+              }
+              break;
+            default:
+              console.error('Oops! Somehow RendererGL set curBlendMode to an unsupported mode.');
+              break;
+          }
+          if (!this._isErasing) {
+            this._cachedBlendMode = this.curBlendMode;
+          }
+        };
+        var _default = _main.default;
+        exports.default = _default;
+      },
+      {
+        '../core/constants': 286,
+        '../core/main': 298,
+        './p5.Texture': 357,
+        'core-js/modules/es.array.includes': 177,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.array.join': 180,
+        'core-js/modules/es.object.get-own-property-descriptor': 196,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.string.includes': 209,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/es.weak-map': 254,
+        'core-js/modules/web.dom-collections.iterator': 256
+      }
+    ],
+    347: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.math.hypot');
+        _dereq_('core-js/modules/es.string.sub');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.math.hypot');
+        _dereq_('core-js/modules/es.string.sub');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            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;
+        } /**
+   * @module 3D
+   * @submodule Camera
+   * @requires core
+   */
+        ////////////////////////////////////////////////////////////////////////////////
+        // p5.Prototype Methods
+        ////////////////////////////////////////////////////////////////////////////////
+        /**
+ * Sets the position of the current camera in a 3D sketch.
+ * Parameters for this function define the camera's position,
+ * the center of the sketch (where the camera is pointing),
+ * and an up direction (the orientation of the camera).
+ *
+ * This function simulates the movements of the camera, allowing objects to be
+ * viewed from various angles. Remember, it does not move the objects themselves
+ * but the camera instead. For example when the centerX value is positive,
+ * and the camera is rotating to the right side of the sketch,
+ * the object will seem like it's moving to the left.
+ *
+ * See this <a href = "https://www.openprocessing.org/sketch/740258">example</a>
+ * to view the position of your camera.
+ *
+ * If no parameters are given, the following default is used:
+ * camera(0, 0, (height/2) / tan(PI/6), 0, 0, 0, 0, 1, 0)
+ * @method camera
+ * @constructor
+ * @for p5
+ * @param  {Number} [x]        camera position value on x axis
+ * @param  {Number} [y]        camera position value on y axis
+ * @param  {Number} [z]        camera position value on z axis
+ * @param  {Number} [centerX]  x coordinate representing center of the sketch
+ * @param  {Number} [centerY]  y coordinate representing center of the sketch
+ * @param  {Number} [centerZ]  z coordinate representing center of the sketch
+ * @param  {Number} [upX]      x component of direction 'up' from camera
+ * @param  {Number} [upY]      y component of direction 'up' from camera
+ * @param  {Number} [upZ]      z component of direction 'up' from camera
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   describe('a square moving closer and then away from the camera.');
+ * }
+ * function draw() {
+ *   background(204);
+ *   //move the camera away from the plane by a sin wave
+ *   camera(0, 0, 20 + sin(frameCount * 0.01) * 10, 0, 0, 0, 0, 1, 0);
+ *   plane(10, 10);
+ * }
+ * </code>
+ * </div>
+ *
+ * @example
+ * <div>
+ * <code>
+ * //move slider to see changes!
+ * //sliders control the first 6 parameters of camera()
+ * let sliderGroup = [];
+ * let X;
+ * let Y;
+ * let Z;
+ * let centerX;
+ * let centerY;
+ * let centerZ;
+ * let h = 20;
+ *
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   //create sliders
+ *   for (var i = 0; i < 6; i++) {
+ *     if (i === 2) {
+ *       sliderGroup[i] = createSlider(10, 400, 200);
+ *     } else {
+ *       sliderGroup[i] = createSlider(-400, 400, 0);
+ *     }
+ *     h = map(i, 0, 6, 5, 85);
+ *     sliderGroup[i].position(10, height + h);
+ *     sliderGroup[i].style('width', '80px');
+ *   }
+ *   describe(
+ *     'White square repeatedly grows to fill canvas and then shrinks. An interactive example of a red cube with 3 sliders for moving it across x, y, z axis and 3 sliders for shifting its center.'
+ *   );
+ * }
+ *
+ * function draw() {
+ *   background(60);
+ *   // assigning sliders' value to each parameters
+ *   X = sliderGroup[0].value();
+ *   Y = sliderGroup[1].value();
+ *   Z = sliderGroup[2].value();
+ *   centerX = sliderGroup[3].value();
+ *   centerY = sliderGroup[4].value();
+ *   centerZ = sliderGroup[5].value();
+ *   camera(X, Y, Z, centerX, centerY, centerZ, 0, 1, 0);
+ *   stroke(255);
+ *   fill(255, 102, 94);
+ *   box(85);
+ * }
+ * </code>
+ * </div>
+ * @alt
+ * White square repeatedly grows to fill canvas and then shrinks.
+ * An interactive example of a red cube with 3 sliders for moving it across x, y,
+ * z axis and 3 sliders for shifting its center.
+ */
+
+        _main.default.prototype.camera = function () {
+          var _this$_renderer$_curC;
+          this._assert3d('camera');
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
+          _main.default._validateParameters('camera', args);
+          (_this$_renderer$_curC = this._renderer._curCamera).camera.apply(_this$_renderer$_curC, args);
+          return this;
+        };
+        /**
+ * Sets a perspective projection for the current camera in a 3D sketch.
+ * This projection represents depth through foreshortening: objects
+ * that are close to the camera appear their actual size while those
+ * that are further away from the camera appear smaller.
+ *
+ * The parameters to this function define the viewing frustum
+ * (the truncated pyramid within which objects are seen by the camera) through
+ * vertical field of view, aspect ratio (usually width/height), and near and far
+ * clipping planes.
+ *
+ * If no parameters are given, the default values are used as:
+ *
+ * - `fov` : The default field of view for the camera is such that the full height of renderer is visible when it is positioned at a default distance of 800 units from the camera.
+ * - `aspect` : The default aspect ratio is the ratio of renderer's width to renderer's height.
+ * - `near` : The default value for the near clipping plane is 80, which is 0.1 times the default distance from the camera to its subject.
+ * - `far` : The default value for the far clipping plane is 8000, which is 10 times the default distance from the camera to its subject.
+ *
+ * If you prefer a fixed field of view, follow these steps:
+ * 1. Choose your desired field of view angle (`fovy`). This is how wide the camera can see.
+ * 2. To ensure that you can see the entire width across horizontally and height across vertically, place the camera a distance of `(height / 2) / tan(fovy / 2)` back from its subject.
+ * 3. Call perspective with the chosen field of view, canvas aspect ratio, and near/far values:
+ *    `perspective(fovy, width / height, cameraDistance / 10, cameraDistance * 10);`
+ *
+ * @method  perspective
+ * @for p5
+ * @param  {Number} [fovy]   camera frustum vertical field of view,
+ *                           from bottom to top of view, in <a href="#/p5/angleMode">angleMode</a> units
+ * @param  {Number} [aspect] camera frustum aspect ratio
+ * @param  {Number} [near]   frustum near plane length
+ * @param  {Number} [far]    frustum far plane length
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * //drag the mouse to look around!
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   perspective(PI / 3.0, width / height, 0.1, 500);
+ *   describe(
+ *     'two colored 3D boxes move back and forth, rotating as mouse is dragged.'
+ *   );
+ * }
+ * function draw() {
+ *   background(200);
+ *   orbitControl();
+ *   normalMaterial();
+ *
+ *   translate(0, 0, 550);
+ *   rotateX(-0.3);
+ *   rotateY(-0.2);
+ *
+ *   push();
+ *   translate(-15, 0, sin(frameCount / 30) * 95);
+ *   box(30);
+ *   pop();
+ *   push();
+ *   translate(15, 0, sin(frameCount / 30 + PI) * 95);
+ *   box(30);
+ *   pop();
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * two colored 3D boxes move back and forth, rotating as mouse is dragged.
+ */
+        _main.default.prototype.perspective = function () {
+          var _this$_renderer$_curC2;
+          this._assert3d('perspective');
+          for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+            args[_key2] = arguments[_key2];
+          }
+          _main.default._validateParameters('perspective', args);
+          (_this$_renderer$_curC2 = this._renderer._curCamera).perspective.apply(_this$_renderer$_curC2, args);
+          return this;
+        };
+        /**
+ * Sets an orthographic projection for the current camera in a 3D sketch
+ * and defines a box-shaped viewing frustum within which objects are seen.
+ * In this projection, all objects with the same dimension appear the same
+ * size, regardless of whether they are near or far from the camera.
+ *
+ * The parameters to this function specify the viewing frustum where
+ * left and right are the minimum and maximum x values, top and bottom are
+ * the minimum and maximum y values, and near and far are the minimum and
+ * maximum z values.
+ *
+ * If no parameters are given, the following default is used:
+ * ortho(-width/2, width/2, -height/2, height/2).
+ * @method  ortho
+ * @for p5
+ * @param  {Number} [left]   camera frustum left plane
+ * @param  {Number} [right]  camera frustum right plane
+ * @param  {Number} [bottom] camera frustum bottom plane
+ * @param  {Number} [top]    camera frustum top plane
+ * @param  {Number} [near]   camera frustum near plane
+ * @param  {Number} [far]    camera frustum far plane
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * //drag the mouse to look around!
+ * //there's no vanishing point
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   ortho(-width / 2, width / 2, height / 2, -height / 2, 0, 500);
+ *   describe(
+ *     'two 3D boxes move back and forth along same plane, rotating as mouse is dragged.'
+ *   );
+ * }
+ * function draw() {
+ *   background(200);
+ *   orbitControl();
+ *   normalMaterial();
+ *
+ *   translate(0,0,500);
+ *   rotateX(0.2);
+ *   rotateY(-0.2);
+ *   push();
+ *   translate(-15, 0, sin(frameCount / 30) * 65);
+ *   box(30);
+ *   pop();
+ *   push();
+ *   translate(15, 0, sin(frameCount / 30 + PI) * 65);
+ *   box(30);
+ *   pop();
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * two 3D boxes move back and forth along same plane, rotating as mouse is dragged.
+ */
+        _main.default.prototype.ortho = function () {
+          var _this$_renderer$_curC3;
+          this._assert3d('ortho');
+          for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+            args[_key3] = arguments[_key3];
+          }
+          _main.default._validateParameters('ortho', args);
+          (_this$_renderer$_curC3 = this._renderer._curCamera).ortho.apply(_this$_renderer$_curC3, args);
+          return this;
+        };
+        /**
+ * Sets the frustum of the current camera as defined by
+ * the parameters.
+ *
+ * A frustum is a geometric form: a pyramid with its top
+ * cut off. With the viewer's eye at the imaginary top of
+ * the pyramid, the six planes of the frustum act as clipping
+ * planes when rendering a 3D view. Thus, any form inside the
+ * clipping planes is visible; anything outside
+ * those planes is not visible.
+ *
+ * Setting the frustum changes the perspective of the scene being rendered.
+ * This can be achieved more simply in many cases by using
+ * <a href="https://p5js.org/reference/#/p5/perspective">perspective()</a>.
+ *
+ * If no parameters are given, the following default is used:
+ * frustum(-width/20, width/20, height/20, -height/20, eyeZ/10, eyeZ*10),
+ * where eyeZ is equal to ((height/2) / tan(PI/6)).
+ * @method frustum
+ * @for p5
+ * @param  {Number} [left]   camera frustum left plane
+ * @param  {Number} [right]  camera frustum right plane
+ * @param  {Number} [bottom] camera frustum bottom plane
+ * @param  {Number} [top]    camera frustum top plane
+ * @param  {Number} [near]   camera frustum near plane
+ * @param  {Number} [far]    camera frustum far plane
+ * @chainable
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   setAttributes('antialias', true);
+ *   frustum(-0.1, 0.1, -0.1, 0.1, 0.1, 200);
+ *   describe(
+ *     'two 3D boxes move back and forth along same plane, rotating as mouse is dragged.'
+ *   );
+ * }
+ * function draw() {
+ *   background(200);
+ *   orbitControl();
+ *   normalMaterial();
+ *   translate(0,0,700);
+ *   rotateY(-0.2);
+ *   rotateX(-0.3);
+ *   push();
+ *   translate(-15, 0, sin(frameCount / 30) * 25);
+ *   box(30);
+ *   pop();
+ *   push();
+ *   translate(15, 0, sin(frameCount / 30 + PI) * 25);
+ *   box(30);
+ *   pop();
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * two 3D boxes move back and forth along same plane, rotating as mouse is dragged.
+ */
+        _main.default.prototype.frustum = function () {
+          var _this$_renderer$_curC4;
+          this._assert3d('frustum');
+          for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+            args[_key4] = arguments[_key4];
+          }
+          _main.default._validateParameters('frustum', args);
+          (_this$_renderer$_curC4 = this._renderer._curCamera).frustum.apply(_this$_renderer$_curC4, args);
+          return this;
+        };
+        ////////////////////////////////////////////////////////////////////////////////
+        // p5.Camera
+        ////////////////////////////////////////////////////////////////////////////////
+        /**
+ * Creates a new <a href="#/p5.Camera">p5.Camera</a> object and sets it
+ * as the current (active) camera.
+ *
+ * The new camera is initialized with a default position
+ * (see <a href="#/p5.Camera/camera">camera()</a>)
+ * and a default perspective projection
+ * (see <a href="#/p5.Camera/perspective">perspective()</a>).
+ * Its properties can be controlled with the <a href="#/p5.Camera">p5.Camera</a>
+ * methods.
+ *
+ * Note: Every 3D sketch starts with a default camera initialized.
+ * This camera can be controlled with the global methods
+ * <a href="#/p5/camera">camera()</a>,
+ * <a href="#/p5/perspective">perspective()</a>, <a href="#/p5/ortho">ortho()</a>,
+ * and <a href="#/p5/frustum">frustum()</a> if it is the only camera
+ * in the scene.
+ * @method createCamera
+ * @return {p5.Camera} The newly created camera object.
+ * @for p5
+ * @example
+ * <div><code>
+ * // Creates a camera object and animates it around a box.
+ * let camera;
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   background(0);
+ *   camera = createCamera();
+ *   describe('An example that creates a camera and moves it around the box.');
+ * }
+ *
+ * function draw() {
+ *   background(0);
+ *   // The camera will automatically
+ *   // rotate to look at [0, 0, 0].
+ *   camera.lookAt(0, 0, 0);
+ *
+ *   // The camera will move on the
+ *   // x axis.
+ *   camera.setPosition(sin(frameCount / 60) * 200, 0, 100);
+ *   box(20);
+ *
+ *   // A 'ground' box to give the viewer
+ *   // a better idea of where the camera
+ *   // is looking.
+ *   translate(0, 50, 0);
+ *   rotateX(HALF_PI);
+ *   box(150, 150, 20);
+ * }
+ * </code></div>
+ *
+ * @alt
+ * An example that creates a camera and moves it around the box.
+ */
+        _main.default.prototype.createCamera = function () {
+          this._assert3d('createCamera');
+          var _cam = new _main.default.Camera(this._renderer);
+          // compute default camera settings, then set a default camera
+          _cam._computeCameraDefaultSettings();
+          _cam._setDefaultCamera();
+          // set renderer current camera to the new camera
+          this._renderer._curCamera = _cam;
+          return _cam;
+        };
+        /**
+ * This class describes a camera for use in p5's
+ * <a href="https://github.com/processing/p5.js/wiki/Getting-started-with-WebGL-in-p5">
+ * WebGL mode</a>. It contains camera position, orientation, and projection
+ * information necessary for rendering a 3D scene.
+ *
+ * New p5.Camera objects can be made through the
+ * <a href="#/p5/createCamera">createCamera()</a> function and controlled through
+ * the methods described below. A camera created in this way will use a default
+ * position in the scene and a default perspective projection until these
+ * properties are changed through the various methods available. It is possible
+ * to create multiple cameras, in which case the current camera
+ * can be set through the <a href="#/p5/setCamera">setCamera()</a> method.
+ *
+ * Note:
+ * The methods below operate in two coordinate systems: the 'world' coordinate
+ * system describe positions in terms of their relationship to the origin along
+ * the X, Y and Z axes whereas the camera's 'local' coordinate system
+ * describes positions from the camera's point of view: left-right, up-down,
+ * and forward-backward. The <a href="#/p5.Camera/move">move()</a> method,
+ * for instance, moves the camera along its own axes, whereas the
+ * <a href="#/p5.Camera/setPosition">setPosition()</a>
+ * method sets the camera's position in world-space.
+ *
+ * The camera object propreties
+ * <code>eyeX, eyeY, eyeZ, centerX, centerY, centerZ, upX, upY, upZ</code>
+ * which describes camera position, orientation, and projection
+ * are also accessible via the camera object generated using
+ * <a href="#/p5/createCamera">createCamera()</a>
+ *
+ * @class p5.Camera
+ * @param {rendererGL} rendererGL instance of WebGL renderer
+ * @example
+ * <div>
+ * <code>
+ * let cam;
+ * let delta = 0.01;
+ *
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   normalMaterial();
+ *   cam = createCamera();
+ *   // set initial pan angle
+ *   cam.pan(-0.8);
+ *   describe(
+ *     'camera view pans left and right across a series of rotating 3D boxes.'
+ *   );
+ * }
+ *
+ * function draw() {
+ *   background(200);
+ *
+ *   // pan camera according to angle 'delta'
+ *   cam.pan(delta);
+ *
+ *   // every 160 frames, switch direction
+ *   if (frameCount % 160 === 0) {
+ *     delta *= -1;
+ *   }
+ *
+ *   rotateX(frameCount * 0.01);
+ *   translate(-100, 0, 0);
+ *   box(20);
+ *   translate(35, 0, 0);
+ *   box(20);
+ *   translate(35, 0, 0);
+ *   box(20);
+ *   translate(35, 0, 0);
+ *   box(20);
+ *   translate(35, 0, 0);
+ *   box(20);
+ *   translate(35, 0, 0);
+ *   box(20);
+ *   translate(35, 0, 0);
+ *   box(20);
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * camera view pans left and right across a series of rotating 3D boxes.
+ */
+        _main.default.Camera = /*#__PURE__*/ function () {
+          function Camera(renderer) {
+            _classCallCheck(this, Camera);
+            this._renderer = renderer;
+            this.cameraType = 'default';
+            this.cameraMatrix = new _main.default.Matrix();
+            this.projMatrix = new _main.default.Matrix();
+            this.yScale = 1;
+          }          /**
+  * camera position value on x axis
+  * @property {Number} eyeX
+  * @readonly
+  * @example
+  *
+  * <div class='norender'><code>
+  * let cam, div;
+  * function setup() {
+  *   createCanvas(100, 100, WEBGL);
+  *   background(0);
+  *   cam = createCamera();
+  *   div = createDiv();
+  *   div.position(0, 0);
+  *   describe('An example showing the use of camera object properties');
+  * }
+  *
+  * function draw() {
+  *   orbitControl();
+  *   box(10);
+  *   div.html('eyeX = ' + cam.eyeX);
+  * }
+  * </code></div>
+  *
+  * @alt
+  * An example showing the use of camera object properties
+  *
+  */
+          /**
+  * camera position value on y axis
+  * @property {Number} eyeY
+  * @readonly
+  * @example
+  * <div class='norender'><code>
+  * let cam, div;
+  * function setup() {
+  *   createCanvas(100, 100, WEBGL);
+  *   background(0);
+  *   cam = createCamera();
+  *   div = createDiv();
+  *   div.position(0, 0);
+  *   describe('An example showing the use of camera object properties');
+  * }
+  *
+  * function draw() {
+  *   orbitControl();
+  *   box(10);
+  *   div.html('eyeY = ' + cam.eyeY);
+  * }
+  * </code></div>
+  *
+  * @alt
+  * An example showing the use of camera object properties
+  *
+  */
+          /**
+  * camera position value on z axis
+  * @property {Number} eyeZ
+  * @readonly
+  * @example
+  * <div class='norender'><code>
+  * let cam, div;
+  * function setup() {
+  *   createCanvas(100, 100, WEBGL);
+  *   background(0);
+  *   cam = createCamera();
+  *   div = createDiv();
+  *   div.position(0, 0);
+  *   describe('An example showing the use of camera object properties');
+  * }
+  *
+  * function draw() {
+  *   orbitControl();
+  *   box(10);
+  *   div.html('eyeZ = ' + cam.eyeZ);
+  * }
+  * </code></div>
+  *
+  * @alt
+  * An example showing the use of camera object properties
+  *
+  */
+          /**
+  * x coordinate representing center of the sketch
+  * @property {Number} centerX
+  * @readonly
+  * @example
+  * <div class='norender'><code>
+  * let cam, div;
+  * function setup() {
+  *   createCanvas(100, 100, WEBGL);
+  *   background(255);
+  *   cam = createCamera();
+  *   cam.lookAt(1, 0, 0);
+  *   div = createDiv('centerX = ' + cam.centerX);
+  *   div.position(0, 0);
+  *   div.style('color', 'white');
+  *   describe('An example showing the use of camera object properties');
+  * }
+  *
+  * function draw() {
+  *   orbitControl();
+  *   box(10);
+  * }
+  * </code></div>
+  *
+  * @alt
+  * An example showing the use of camera object properties
+  *
+  */
+          /**
+  * y coordinate representing center of the sketch
+  * @property {Number} centerY
+  * @readonly
+  * @example
+  * <div class='norender'><code>
+  * let cam, div;
+  * function setup() {
+  *   createCanvas(100, 100, WEBGL);
+  *   background(255);
+  *   cam = createCamera();
+  *   cam.lookAt(0, 1, 0);
+  *   div = createDiv('centerY = ' + cam.centerY);
+  *   div.position(0, 0);
+  *   div.style('color', 'white');
+  *   describe('An example showing the use of camera object properties');
+  * }
+  *
+  * function draw() {
+  *   orbitControl();
+  *   box(10);
+  * }
+  * </code></div>
+  *
+  * @alt
+  * An example showing the use of camera object properties
+  *
+  */
+          /**
+  * z coordinate representing center of the sketch
+  * @property {Number} centerZ
+  * @readonly
+  * @example
+  * <div class='norender'><code>
+  * let cam, div;
+  * function setup() {
+  *   createCanvas(100, 100, WEBGL);
+  *   background(255);
+  *   cam = createCamera();
+  *   cam.lookAt(0, 0, 1);
+  *   div = createDiv('centerZ = ' + cam.centerZ);
+  *   div.position(0, 0);
+  *   div.style('color', 'white');
+  *   describe('An example showing the use of camera object properties');
+  * }
+  *
+  * function draw() {
+  *   orbitControl();
+  *   box(10);
+  * }
+  * </code></div>
+  *
+  * @alt
+  * An example showing the use of camera object properties
+  *
+  */
+          /**
+  * x component of direction 'up' from camera
+  * @property {Number} upX
+  * @readonly
+  * @example
+  * <div class='norender'><code>
+  * let cam, div;
+  * function setup() {
+  *   createCanvas(100, 100, WEBGL);
+  *   background(255);
+  *   cam = createCamera();
+  *   div = createDiv('upX = ' + cam.upX);
+  *   div.position(0, 0);
+  *   div.style('color', 'blue');
+  *   div.style('font-size', '18px');
+  *   describe('An example showing the use of camera object properties');
+  * }
+  * </code></div>
+  *
+  * @alt
+  * An example showing the use of camera object properties
+  *
+  */
+          /**
+  * y component of direction 'up' from camera
+  * @property {Number} upY
+  * @readonly
+  * @example
+  * <div class='norender'><code>
+  * let cam, div;
+  * function setup() {
+  *   createCanvas(100, 100, WEBGL);
+  *   background(255);
+  *   cam = createCamera();
+  *   div = createDiv('upY = ' + cam.upY);
+  *   div.position(0, 0);
+  *   div.style('color', 'blue');
+  *   div.style('font-size', '18px');
+  *   describe('An example showing the use of camera object properties');
+  * }
+  * </code></div>
+  *
+  * @alt
+  * An example showing the use of camera object properties
+  *
+  */
+          /**
+  * z component of direction 'up' from camera
+  * @property {Number} upZ
+  * @readonly
+  * @example
+  * <div class='norender'><code>
+  * let cam, div;
+  * function setup() {
+  *   createCanvas(100, 100, WEBGL);
+  *   background(255);
+  *   cam = createCamera();
+  *   div = createDiv('upZ = ' + cam.upZ);
+  *   div.position(0, 0);
+  *   div.style('color', 'blue');
+  *   div.style('font-size', '18px');
+  *   describe('An example showing the use of camera object properties');
+  * }
+  * </code></div>
+  *
+  * @alt
+  * An example showing the use of camera object properties
+  *
+  */
+          ////////////////////////////////////////////////////////////////////////////////
+          // Camera Projection Methods
+          ////////////////////////////////////////////////////////////////////////////////
+          /**
+  * Sets a perspective projection.
+  * Accepts the same parameters as the global
+  * <a href="#/p5/perspective">perspective()</a>.
+  * More information on this function can be found there.
+  * @method perspective
+  * @for p5.Camera
+  * @example
+  * <div>
+  * <code>
+  * // drag the mouse to look around!
+  *
+  * let cam;
+  *
+  * function setup() {
+  *   createCanvas(100, 100, WEBGL);
+  *   // create a camera
+  *   cam = createCamera();
+  *   // give it a perspective projection
+  *   cam.perspective(PI / 3.0, width / height, 0.1, 500);
+  * }
+  *
+  * function draw() {
+  *   background(200);
+  *   orbitControl();
+  *   normalMaterial();
+  *
+  *   translate(0, 0, 550);
+  *   rotateX(-0.3);
+  *   rotateY(-0.2);
+  *
+  *   push();
+  *   translate(-15, 0, sin(frameCount / 30) * 95);
+  *   box(30);
+  *   pop();
+  *   push();
+  *   translate(15, 0, sin(frameCount / 30 + PI) * 95);
+  *   box(30);
+  *   pop();
+  * }
+  * </code>
+  * </div>
+  * @alt
+  * two colored 3D boxes move back and forth, rotating as mouse is dragged.
+  */
+
+          _createClass(Camera, [
+            {
+              key: 'perspective',
+              value: function perspective(fovy, aspect, near, far) {
+                this.cameraType = arguments.length > 0 ? 'custom' : 'default';
+                if (typeof fovy === 'undefined') {
+                  fovy = this.defaultCameraFOV;
+                  // this avoids issue where setting angleMode(DEGREES) before calling
+                  // perspective leads to a smaller than expected FOV (because
+                  // _computeCameraDefaultSettings computes in radians)
+                  this.cameraFOV = fovy;
+                } else {
+                  this.cameraFOV = this._renderer._pInst._toRadians(fovy);
+                }
+                if (typeof aspect === 'undefined') {
+                  aspect = this.defaultAspectRatio;
+                }
+                if (typeof near === 'undefined') {
+                  near = this.defaultCameraNear;
+                }
+                if (typeof far === 'undefined') {
+                  far = this.defaultCameraFar;
+                }
+                if (near <= 0.0001) {
+                  near = 0.01;
+                  console.log('Avoid perspective near plane values close to or below 0. ' + 'Setting value to 0.01.');
+                }
+                if (far < near) {
+                  console.log('Perspective far plane value is less than near plane value. ' + 'Nothing will be shown.');
+                }
+                this.aspectRatio = aspect;
+                this.cameraNear = near;
+                this.cameraFar = far;
+                this.projMatrix = _main.default.Matrix.identity();
+                var f = 1 / Math.tan(this.cameraFOV / 2);
+                var nf = 1 / (this.cameraNear - this.cameraFar);
+                /* eslint-disable indent */
+                this.projMatrix.set(f / aspect, 0, 0, 0, 0, - f * this.yScale, 0, 0, 0, 0, (far + near) * nf, - 1, 0, 0, 2 * far * near * nf, 0);
+                /* eslint-enable indent */
+                if (this._isActive()) {
+                  this._renderer.uPMatrix.set(this.projMatrix.mat4[0], this.projMatrix.mat4[1], this.projMatrix.mat4[2], this.projMatrix.mat4[3], this.projMatrix.mat4[4], this.projMatrix.mat4[5], this.projMatrix.mat4[6], this.projMatrix.mat4[7], this.projMatrix.mat4[8], this.projMatrix.mat4[9], this.projMatrix.mat4[10], this.projMatrix.mat4[11], this.projMatrix.mat4[12], this.projMatrix.mat4[13], this.projMatrix.mat4[14], this.projMatrix.mat4[15]);
+                }
+              }              /**
+    * Sets an orthographic projection.
+    * Accepts the same parameters as the global
+    * <a href="#/p5/ortho">ortho()</a>.
+    * More information on this function can be found there.
+    * @method ortho
+    * @for p5.Camera
+    * @example
+    * <div>
+    * <code>
+    * // drag the mouse to look around!
+    * // there's no vanishing point
+    *
+    * let cam;
+    *
+    * function setup() {
+    *   createCanvas(100, 100, WEBGL);
+    *   // create a camera
+    *   cam = createCamera();
+    *   // give it an orthographic projection
+    *   cam.ortho(-width / 2, width / 2, height / 2, -height / 2, 0, 500);
+    * }
+    * function draw() {
+    *   background(200);
+    *   orbitControl();
+    *   normalMaterial();
+    *   translate(0,0,500);
+    *   rotateX(0.2);
+    *   rotateY(-0.2);
+    *   push();
+    *   translate(-15, 0, sin(frameCount / 30) * 65);
+    *   box(30);
+    *   pop();
+    *   push();
+    *   translate(15, 0, sin(frameCount / 30 + PI) * 65);
+    *   box(30);
+    *   pop();
+    * }
+    * </code>
+    * </div>
+    * @alt
+    * two 3D boxes move back and forth along same plane, rotating as mouse is dragged.
+    */
+
+            },
+            {
+              key: 'ortho',
+              value: function ortho(left, right, bottom, top, near, far) {
+                if (left === undefined) left = - this._renderer.width / 2;
+                if (right === undefined) right = + this._renderer.width / 2;
+                if (bottom === undefined) bottom = - this._renderer.height / 2;
+                if (top === undefined) top = + this._renderer.height / 2;
+                if (near === undefined) near = 0;
+                if (far === undefined) far = Math.max(this._renderer.width, this._renderer.height);
+                this.cameraNear = near;
+                this.cameraFar = far;
+                var w = right - left;
+                var h = top - bottom;
+                var d = far - near;
+                var x = + 2 / w;
+                var y = + 2 / h * this.yScale;
+                var z = - 2 / d;
+                var tx = - (right + left) / w;
+                var ty = - (top + bottom) / h;
+                var tz = - (far + near) / d;
+                this.projMatrix = _main.default.Matrix.identity();
+                /* eslint-disable indent */
+                this.projMatrix.set(x, 0, 0, 0, 0, - y, 0, 0, 0, 0, z, 0, tx, ty, tz, 1);
+                /* eslint-enable indent */
+                if (this._isActive()) {
+                  this._renderer.uPMatrix.set(this.projMatrix.mat4[0], this.projMatrix.mat4[1], this.projMatrix.mat4[2], this.projMatrix.mat4[3], this.projMatrix.mat4[4], this.projMatrix.mat4[5], this.projMatrix.mat4[6], this.projMatrix.mat4[7], this.projMatrix.mat4[8], this.projMatrix.mat4[9], this.projMatrix.mat4[10], this.projMatrix.mat4[11], this.projMatrix.mat4[12], this.projMatrix.mat4[13], this.projMatrix.mat4[14], this.projMatrix.mat4[15]);
+                }
+                this.cameraType = 'custom';
+              }              /**
+    * Sets the camera's frustum.
+    * Accepts the same parameters as the global
+    * <a href="#/p5/frustum">frustum()</a>.
+    * More information on this function can be found there.
+    * @method frustum
+    * @for p5.Camera
+    * @example
+    * <div>
+    * <code>
+    * let cam;
+    *
+    * function setup() {
+    *   x = createCanvas(100, 100, WEBGL);
+    *   setAttributes('antialias', true);
+    *   // create a camera
+    *   cam = createCamera();
+    *   // set its frustum
+    *   cam.frustum(-0.1, 0.1, -0.1, 0.1, 0.1, 200);
+    * }
+    *
+    * function draw() {
+    *   background(200);
+    *   orbitControl();
+    *   normalMaterial();
+    *   translate(0,0,700);
+    *   rotateY(-0.2);
+    *   rotateX(-0.3);
+    *   push();
+    *   translate(-15, 0, sin(frameCount / 30) * 25);
+    *   box(30);
+    *   pop();
+    *   push();
+    *   translate(15, 0, sin(frameCount / 30 + PI) * 25);
+    *   box(30);
+    *   pop();
+    * }
+    * </code>
+    * </div>
+    * @alt
+    * two 3D boxes move back and forth along same plane, rotating as mouse is dragged.
+    */
+
+            },
+            {
+              key: 'frustum',
+              value: function frustum(left, right, bottom, top, near, far) {
+                if (left === undefined) left = - this._renderer.width * 0.05;
+                if (right === undefined) right = + this._renderer.width * 0.05;
+                if (bottom === undefined) bottom = + this._renderer.height * 0.05;
+                if (top === undefined) top = - this._renderer.height * 0.05;
+                if (near === undefined) near = this.defaultCameraNear;
+                if (far === undefined) far = this.defaultCameraFar;
+                this.cameraNear = near;
+                this.cameraFar = far;
+                var w = right - left;
+                var h = top - bottom;
+                var d = far - near;
+                var x = + (2 * near) / w;
+                var y = + (2 * near) / h * this.yScale;
+                var z = - (2 * far * near) / d;
+                var tx = (right + left) / w;
+                var ty = (top + bottom) / h;
+                var tz = - (far + near) / d;
+                this.projMatrix = _main.default.Matrix.identity();
+                /* eslint-disable indent */
+                this.projMatrix.set(x, 0, 0, 0, 0, - y, 0, 0, tx, ty, tz, - 1, 0, 0, z, 0);
+                /* eslint-enable indent */
+                if (this._isActive()) {
+                  this._renderer.uPMatrix.set(this.projMatrix.mat4[0], this.projMatrix.mat4[1], this.projMatrix.mat4[2], this.projMatrix.mat4[3], this.projMatrix.mat4[4], this.projMatrix.mat4[5], this.projMatrix.mat4[6], this.projMatrix.mat4[7], this.projMatrix.mat4[8], this.projMatrix.mat4[9], this.projMatrix.mat4[10], this.projMatrix.mat4[11], this.projMatrix.mat4[12], this.projMatrix.mat4[13], this.projMatrix.mat4[14], this.projMatrix.mat4[15]);
+                }
+                this.cameraType = 'custom';
+              } ////////////////////////////////////////////////////////////////////////////////
+              // Camera Orientation Methods
+              ////////////////////////////////////////////////////////////////////////////////
+              /**
+    * Rotate camera view about arbitrary axis defined by x,y,z
+    * based on http://learnwebgl.brown37.net/07_cameras/camera_rotating_motion.html
+    * @method _rotateView
+    * @private
+    */
+
+            },
+            {
+              key: '_rotateView',
+              value: function _rotateView(a, x, y, z) {
+                var centerX = this.centerX;
+                var centerY = this.centerY;
+                var centerZ = this.centerZ;
+                // move center by eye position such that rotation happens around eye position
+                centerX -= this.eyeX;
+                centerY -= this.eyeY;
+                centerZ -= this.eyeZ;
+                var rotation = _main.default.Matrix.identity(this._renderer._pInst);
+                rotation.rotate(this._renderer._pInst._toRadians(a), x, y, z);
+                /* eslint-disable max-len */
+                var rotatedCenter = [
+                  centerX * rotation.mat4[0] + centerY * rotation.mat4[4] + centerZ * rotation.mat4[8],
+                  centerX * rotation.mat4[1] + centerY * rotation.mat4[5] + centerZ * rotation.mat4[9],
+                  centerX * rotation.mat4[2] + centerY * rotation.mat4[6] + centerZ * rotation.mat4[10]
+                ];
+                /* eslint-enable max-len */
+                // add eye position back into center
+                rotatedCenter[0] += this.eyeX;
+                rotatedCenter[1] += this.eyeY;
+                rotatedCenter[2] += this.eyeZ;
+                this.camera(this.eyeX, this.eyeY, this.eyeZ, rotatedCenter[0], rotatedCenter[1], rotatedCenter[2], this.upX, this.upY, this.upZ);
+              }              /**
+    * Panning rotates the camera view to the left and right.
+    * @method pan
+    * @param {Number} angle amount to rotate camera in current
+    * <a href="#/p5/angleMode">angleMode</a> units.
+    * Greater than 0 values rotate counterclockwise (to the left).
+    * @example
+    * <div>
+    * <code>
+    * let cam;
+    * let delta = 0.01;
+    *
+    * function setup() {
+    *   createCanvas(100, 100, WEBGL);
+    *   normalMaterial();
+    *   cam = createCamera();
+    *   // set initial pan angle
+    *   cam.pan(-0.8);
+    * }
+    *
+    * function draw() {
+    *   background(200);
+    *
+    *   // pan camera according to angle 'delta'
+    *   cam.pan(delta);
+    *
+    *   // every 160 frames, switch direction
+    *   if (frameCount % 160 === 0) {
+    *     delta *= -1;
+    *   }
+    *
+    *   rotateX(frameCount * 0.01);
+    *   translate(-100, 0, 0);
+    *   box(20);
+    *   translate(35, 0, 0);
+    *   box(20);
+    *   translate(35, 0, 0);
+    *   box(20);
+    *   translate(35, 0, 0);
+    *   box(20);
+    *   translate(35, 0, 0);
+    *   box(20);
+    *   translate(35, 0, 0);
+    *   box(20);
+    *   translate(35, 0, 0);
+    *   box(20);
+    * }
+    * </code>
+    * </div>
+    *
+    * @alt
+    * camera view pans left and right across a series of rotating 3D boxes.
+    */
+
+            },
+            {
+              key: 'pan',
+              value: function pan(amount) {
+                var local = this._getLocalAxes();
+                this._rotateView(amount, local.y[0], local.y[1], local.y[2]);
+              }              /**
+    * Tilting rotates the camera view up and down.
+    * @method tilt
+    * @param {Number} angle amount to rotate camera in current
+    * <a href="#/p5/angleMode">angleMode</a> units.
+    * Greater than 0 values rotate counterclockwise (to the left).
+    * @example
+    * <div>
+    * <code>
+    * let cam;
+    * let delta = 0.01;
+    *
+    * function setup() {
+    *   createCanvas(100, 100, WEBGL);
+    *   normalMaterial();
+    *   cam = createCamera();
+    *   // set initial tilt
+    *   cam.tilt(-0.8);
+    * }
+    *
+    * function draw() {
+    *   background(200);
+    *
+    *   // pan camera according to angle 'delta'
+    *   cam.tilt(delta);
+    *
+    *   // every 160 frames, switch direction
+    *   if (frameCount % 160 === 0) {
+    *     delta *= -1;
+    *   }
+    *
+    *   rotateY(frameCount * 0.01);
+    *   translate(0, -100, 0);
+    *   box(20);
+    *   translate(0, 35, 0);
+    *   box(20);
+    *   translate(0, 35, 0);
+    *   box(20);
+    *   translate(0, 35, 0);
+    *   box(20);
+    *   translate(0, 35, 0);
+    *   box(20);
+    *   translate(0, 35, 0);
+    *   box(20);
+    *   translate(0, 35, 0);
+    *   box(20);
+    * }
+    * </code>
+    * </div>
+    *
+    * @alt
+    * camera view tilts up and down across a series of rotating 3D boxes.
+    */
+
+            },
+            {
+              key: 'tilt',
+              value: function tilt(amount) {
+                var local = this._getLocalAxes();
+                this._rotateView(amount, local.x[0], local.x[1], local.x[2]);
+              }              /**
+    * Reorients the camera to look at a position in world space.
+    * @method lookAt
+    * @for p5.Camera
+    * @param {Number} x x position of a point in world space
+    * @param {Number} y y position of a point in world space
+    * @param {Number} z z position of a point in world space
+    * @example
+    * <div>
+    * <code>
+    * let cam;
+    *
+    * function setup() {
+    *   createCanvas(100, 100, WEBGL);
+    *   normalMaterial();
+    *   cam = createCamera();
+    * }
+    *
+    * function draw() {
+    *   background(200);
+    *
+    *   // look at a new random point every 60 frames
+    *   if (frameCount % 60 === 0) {
+    *     cam.lookAt(random(-100, 100), random(-50, 50), 0);
+    *   }
+    *
+    *   rotateX(frameCount * 0.01);
+    *   translate(-100, 0, 0);
+    *   box(20);
+    *   translate(35, 0, 0);
+    *   box(20);
+    *   translate(35, 0, 0);
+    *   box(20);
+    *   translate(35, 0, 0);
+    *   box(20);
+    *   translate(35, 0, 0);
+    *   box(20);
+    *   translate(35, 0, 0);
+    *   box(20);
+    *   translate(35, 0, 0);
+    *   box(20);
+    * }
+    * </code>
+    * </div>
+    *
+    * @alt
+    * camera view of rotating 3D cubes changes to look at a new random
+    * point every second .
+    */
+
+            },
+            {
+              key: 'lookAt',
+              value: function lookAt(x, y, z) {
+                this.camera(this.eyeX, this.eyeY, this.eyeZ, x, y, z, this.upX, this.upY, this.upZ);
+              } ////////////////////////////////////////////////////////////////////////////////
+              // Camera Position Methods
+              ////////////////////////////////////////////////////////////////////////////////
+              /**
+    * Sets the camera's position and orientation.
+    * Accepts the same parameters as the global
+    * <a href="#/p5/camera">camera()</a>.
+    * More information on this function can be found there.
+    * @method camera
+    * @for p5.Camera
+    * @example
+    * <div>
+    * <code>
+    * let cam;
+    *
+    * function setup() {
+    *   createCanvas(100, 100, WEBGL);
+    *   // Create a camera.
+    *   // createCamera() sets the newly created camera as
+    *   // the current (active) camera.
+    *   cam = createCamera();
+    * }
+    *
+    * function draw() {
+    *   background(204);
+    *   // Move the camera away from the plane by a sin wave
+    *   cam.camera(0, 0, 20 + sin(frameCount * 0.01) * 10, 0, 0, 0, 0, 1, 0);
+    *   plane(10, 10);
+    * }
+    * </code>
+    * </div>
+    * @alt
+    * White square repeatedly grows to fill canvas and then shrinks.
+    *
+    * @example
+    * <div>
+    * <code>
+    * // move slider to see changes!
+    * // sliders control the first 6 parameters of camera()
+    *
+    * let sliderGroup = [];
+    * let X;
+    * let Y;
+    * let Z;
+    * let centerX;
+    * let centerY;
+    * let centerZ;
+    * let h = 20;
+    * let cam;
+    *
+    * function setup() {
+    *   createCanvas(100, 100, WEBGL);
+    *   // create a camera
+    *   cam = createCamera();
+    *   // create sliders
+    *   for (var i = 0; i < 6; i++) {
+    *     if (i === 2) {
+    *       sliderGroup[i] = createSlider(10, 400, 200);
+    *     } else {
+    *       sliderGroup[i] = createSlider(-400, 400, 0);
+    *     }
+    *     h = map(i, 0, 6, 5, 85);
+    *     sliderGroup[i].position(10, height + h);
+    *     sliderGroup[i].style('width', '80px');
+    *   }
+    * }
+    *
+    * function draw() {
+    *   background(60);
+    *   // assigning sliders' value to each parameters
+    *   X = sliderGroup[0].value();
+    *   Y = sliderGroup[1].value();
+    *   Z = sliderGroup[2].value();
+    *   centerX = sliderGroup[3].value();
+    *   centerY = sliderGroup[4].value();
+    *   centerZ = sliderGroup[5].value();
+    *   cam.camera(X, Y, Z, centerX, centerY, centerZ, 0, 1, 0);
+    *   stroke(255);
+    *   fill(255, 102, 94);
+    *   box(85);
+    * }
+    * </code>
+    * </div>
+    * @alt
+    * An interactive example of a red cube with 3 sliders for moving it across x, y,
+    * z axis and 3 sliders for shifting its center.
+    */
+
+            },
+            {
+              key: 'camera',
+              value: function camera(eyeX, eyeY, eyeZ, centerX, centerY, centerZ, upX, upY, upZ) {
+                if (typeof eyeX === 'undefined') {
+                  eyeX = this.defaultEyeX;
+                  eyeY = this.defaultEyeY;
+                  eyeZ = this.defaultEyeZ;
+                  centerX = eyeX;
+                  centerY = eyeY;
+                  centerZ = 0;
+                  upX = 0;
+                  upY = 1;
+                  upZ = 0;
+                }
+                this.eyeX = eyeX;
+                this.eyeY = eyeY;
+                this.eyeZ = eyeZ;
+                if (typeof centerX !== 'undefined') {
+                  this.centerX = centerX;
+                  this.centerY = centerY;
+                  this.centerZ = centerZ;
+                }
+                if (typeof upX !== 'undefined') {
+                  this.upX = upX;
+                  this.upY = upY;
+                  this.upZ = upZ;
+                }
+                var local = this._getLocalAxes();
+                // the camera affects the model view matrix, insofar as it
+                // inverse translates the world to the eye position of the camera
+                // and rotates it.
+                /* eslint-disable indent */
+                this.cameraMatrix.set(local.x[0], local.y[0], local.z[0], 0, local.x[1], local.y[1], local.z[1], 0, local.x[2], local.y[2], local.z[2], 0, 0, 0, 0, 1);
+                /* eslint-enable indent */
+                var tx = - eyeX;
+                var ty = - eyeY;
+                var tz = - eyeZ;
+                this.cameraMatrix.translate([tx,
+                ty,
+                tz]);
+                if (this._isActive()) {
+                  this._renderer.uMVMatrix.set(this.cameraMatrix.mat4[0], this.cameraMatrix.mat4[1], this.cameraMatrix.mat4[2], this.cameraMatrix.mat4[3], this.cameraMatrix.mat4[4], this.cameraMatrix.mat4[5], this.cameraMatrix.mat4[6], this.cameraMatrix.mat4[7], this.cameraMatrix.mat4[8], this.cameraMatrix.mat4[9], this.cameraMatrix.mat4[10], this.cameraMatrix.mat4[11], this.cameraMatrix.mat4[12], this.cameraMatrix.mat4[13], this.cameraMatrix.mat4[14], this.cameraMatrix.mat4[15]);
+                }
+                return this;
+              }              /**
+    * Move camera along its local axes while maintaining current camera orientation.
+    * @method move
+    * @param {Number} x amount to move along camera's left-right axis
+    * @param {Number} y amount to move along camera's up-down axis
+    * @param {Number} z amount to move along camera's forward-backward axis
+    * @example
+    * <div>
+    * <code>
+    * // see the camera move along its own axes while maintaining its orientation
+    * let cam;
+    * let delta = 0.5;
+    *
+    * function setup() {
+    *   createCanvas(100, 100, WEBGL);
+    *   normalMaterial();
+    *   cam = createCamera();
+    * }
+    *
+    * function draw() {
+    *   background(200);
+    *
+    *   // move the camera along its local axes
+    *   cam.move(delta, delta, 0);
+    *
+    *   // every 100 frames, switch direction
+    *   if (frameCount % 150 === 0) {
+    *     delta *= -1;
+    *   }
+    *
+    *   translate(-10, -10, 0);
+    *   box(50, 8, 50);
+    *   translate(15, 15, 0);
+    *   box(50, 8, 50);
+    *   translate(15, 15, 0);
+    *   box(50, 8, 50);
+    *   translate(15, 15, 0);
+    *   box(50, 8, 50);
+    *   translate(15, 15, 0);
+    *   box(50, 8, 50);
+    *   translate(15, 15, 0);
+    *   box(50, 8, 50);
+    * }
+    * </code>
+    * </div>
+    *
+    * @alt
+    * camera view moves along a series of 3D boxes, maintaining the same
+    * orientation throughout the move
+    */
+
+            },
+            {
+              key: 'move',
+              value: function move(x, y, z) {
+                var local = this._getLocalAxes();
+                // scale local axes by movement amounts
+                // based on http://learnwebgl.brown37.net/07_cameras/camera_linear_motion.html
+                var dx = [
+                  local.x[0] * x,
+                  local.x[1] * x,
+                  local.x[2] * x
+                ];
+                var dy = [
+                  local.y[0] * y,
+                  local.y[1] * y,
+                  local.y[2] * y
+                ];
+                var dz = [
+                  local.z[0] * z,
+                  local.z[1] * z,
+                  local.z[2] * z
+                ];
+                this.camera(this.eyeX + dx[0] + dy[0] + dz[0], this.eyeY + dx[1] + dy[1] + dz[1], this.eyeZ + dx[2] + dy[2] + dz[2], this.centerX + dx[0] + dy[0] + dz[0], this.centerY + dx[1] + dy[1] + dz[1], this.centerZ + dx[2] + dy[2] + dz[2], this.upX, this.upY, this.upZ);
+              }              /**
+    * Set camera position in world-space while maintaining current camera
+    * orientation.
+    * @method setPosition
+    * @param {Number} x x position of a point in world space
+    * @param {Number} y y position of a point in world space
+    * @param {Number} z z position of a point in world space
+    * @example
+    * <div>
+    * <code>
+    * // press '1' '2' or '3' keys to set camera position
+    *
+    * let cam;
+    *
+    * function setup() {
+    *   createCanvas(100, 100, WEBGL);
+    *   normalMaterial();
+    *   cam = createCamera();
+    * }
+    *
+    * function draw() {
+    *   background(200);
+    *
+    *   // '1' key
+    *   if (keyIsDown(49)) {
+    *     cam.setPosition(30, 0, 80);
+    *   }
+    *   // '2' key
+    *   if (keyIsDown(50)) {
+    *     cam.setPosition(0, 0, 80);
+    *   }
+    *   // '3' key
+    *   if (keyIsDown(51)) {
+    *     cam.setPosition(-30, 0, 80);
+    *   }
+    *
+    *   box(20);
+    * }
+    * </code>
+    * </div>
+    *
+    * @alt
+    * camera position changes as the user presses keys, altering view of a 3D box
+    */
+
+            },
+            {
+              key: 'setPosition',
+              value: function setPosition(x, y, z) {
+                var diffX = x - this.eyeX;
+                var diffY = y - this.eyeY;
+                var diffZ = z - this.eyeZ;
+                this.camera(x, y, z, this.centerX + diffX, this.centerY + diffY, this.centerZ + diffZ, this.upX, this.upY, this.upZ);
+              }              /**
+    * Copies information about the argument camera's view and projection to
+    * the target camera. If the target camera is active, it will be reflected
+    * on the screen.
+    *
+    * @method set
+    * @param {p5.Camera} cam source camera
+    *
+    * @example
+    * <div>
+    * <code>
+    * let cam, initialCam;
+    *
+    * function setup() {
+    *   createCanvas(100, 100, WEBGL);
+    *   strokeWeight(3);
+    *
+    *   // Set the initial state to initialCamera and set it to the camera
+    *   // used for drawing. Then set cam to be the active camera.
+    *   cam = createCamera();
+    *   initialCam = createCamera();
+    *   initialCam.camera(100, 100, 100, 0, 0, 0, 0, 0, -1);
+    *   cam.set(initialCam);
+    *
+    *   setCamera(cam);
+    * }
+    *
+    * function draw() {
+    *   orbitControl();
+    *   background(255);
+    *   box(50);
+    *   translate(0, 0, -25);
+    *   plane(100);
+    * }
+    *
+    * function doubleClicked(){
+    *   // Double-click to return the camera to its initial position.
+    *   cam.set(initialCam);
+    * }
+    * </code>
+    * </div>
+    * @alt
+    * Prepare two cameras. One is the camera that sets the initial state,
+    * and the other is the camera that moves with interaction.
+    * Draw a plane and a box on top of it, operate the camera using orbitControl().
+    * Double-click to set the camera in the initial state and return to
+    * the initial state.
+    */
+
+            },
+            {
+              key: 'set',
+              value: function set(cam) {
+                var keyNamesOfThePropToCopy = [
+                  'eyeX',
+                  'eyeY',
+                  'eyeZ',
+                  'centerX',
+                  'centerY',
+                  'centerZ',
+                  'upX',
+                  'upY',
+                  'upZ',
+                  'cameraFOV',
+                  'aspectRatio',
+                  'cameraNear',
+                  'cameraFar',
+                  'cameraType',
+                  'yScale'
+                ];
+                for (var _i = 0, _keyNamesOfThePropToC = keyNamesOfThePropToCopy; _i < _keyNamesOfThePropToC.length; _i++) {
+                  var keyName = _keyNamesOfThePropToC[_i];
+                  this[keyName] = cam[keyName];
+                }
+                this.cameraMatrix = cam.cameraMatrix.copy();
+                this.projMatrix = cam.projMatrix.copy();
+                // If the target camera is active, update uMVMatrix and uPMatrix.
+                if (this._isActive()) {
+                  this._renderer.uMVMatrix.mat4 = this.cameraMatrix.mat4.slice();
+                  this._renderer.uPMatrix.mat4 = this.projMatrix.mat4.slice();
+                }
+              }              /**
+    * For the cameras cam0 and cam1 with the given arguments, their view are combined
+    * with the parameter amt that represents the quantity, and the obtained view is applied.
+    * For example, if cam0 is looking straight ahead and cam1 is looking straight
+    * to the right and amt is 0.5, the applied camera will look to the halfway
+    * between front and right.
+    * If the applied camera is active, the applied result will be reflected on the screen.
+    * When applying this function, all cameras involved must have exactly the same projection
+    * settings. For example, if one is perspective, ortho, frustum, the other two must also be
+    * perspective, ortho, frustum respectively. However, if all cameras have ortho settings,
+    * interpolation is possible if the ratios of left, right, top and bottom are equal to each other.
+    * For example, when it is changed by orbitControl().
+    *
+    * @method slerp
+    * @param {p5.Camera} cam0 first p5.Camera
+    * @param {p5.Camera} cam1 second p5.Camera
+    * @param {Number} amt amount to use for interpolation during slerp
+    *
+    * @example
+    * <div>
+    * <code>
+    * let cam0, cam1, cam;
+    * function setup() {
+    *   createCanvas(100, 100, WEBGL);
+    *   strokeWeight(3);
+    *
+    *   // camera for slerp.
+    *   cam = createCamera();
+    *   // cam0 is looking at the cube from the front.
+    *   // cam1 is pointing straight to the right in the cube
+    *   // at the same position as cam0 by doing a pan(-PI/2).
+    *   cam0 = createCamera();
+    *   cam1 = createCamera();
+    *   cam1.pan(-PI/2);
+    *
+    *   // we only use cam.
+    *   setCamera(cam);
+    * }
+    *
+    * function draw() {
+    *   // calculate amount.
+    *   const amt = 0.5 - 0.5 * cos(frameCount * TAU / 120);
+    *   // slerp cam0 and cam1 with amt, set to cam.
+    *   // When amt moves from 0 to 1, cam moves from cam0 to cam1,
+    *   // shaking the camera to the right.
+    *   cam.slerp(cam0, cam1, amt);
+    *
+    *   background(255);
+    *   // Every time the camera turns right, the cube drifts left.
+    *   box(40);
+    * }
+    * </code>
+    * </div>
+    * @alt
+    * Prepare two cameras. One camera is facing straight ahead to the cube and the other
+    * camera is in the same position and looking straight to the right.
+    * If you use a camera which interpolates these with slerp(), the facing direction
+    * of the camera will change smoothly between the front and the right.
+    *
+    * @example
+    * <div>
+    * <code>
+    * let cam, lastCam, initialCam;
+    * let countForReset = 30;
+    * // This sample uses orbitControl() to move the camera.
+    * // Double-clicking the canvas restores the camera to its initial state.
+    * function setup() {
+    *   createCanvas(100, 100, WEBGL);
+    *   strokeWeight(3);
+    *
+    *   cam = createCamera(); // main camera
+    *   lastCam = createCamera(); // Camera for recording loc info before reset
+    *   initialCam = createCamera(); // Camera for recording the initial state
+    *
+    *   setCamera(cam); // set main camera
+    * }
+    *
+    * function draw() {
+    *   if (countForReset < 30) {
+    *     // if the reset count is less than 30,
+    *     // it will move closer to the original camera as it increases.
+    *     countForReset++;
+    *     cam.slerp(lastCam, initialCam, countForReset / 30);
+    *   } else {
+    *     // if the count is 30,
+    *     // you can freely move the main camera with orbitControl().
+    *     orbitControl();
+    *   }
+    *
+    *   background(255);
+    *   box(40);
+    * }
+    * // A double-click sets countForReset to 0 and initiates a reset.
+    * function doubleClicked() {
+    *   if (countForReset === 30) {
+    *     countForReset = 0;
+    *     lastCam.set(cam);
+    *   }
+    * }
+    * </code>
+    * </div>
+    * @alt
+    * There is a camera, drawing a cube. The camera can be moved freely with
+    * orbitControl(). Double-click to smoothly return the camera to its initial state.
+    * The camera cannot be moved during that time.
+    */
+
+            },
+            {
+              key: 'slerp',
+              value: function slerp(cam0, cam1, amt) {
+                // If t is 0 or 1, do not interpolate and set the argument camera.
+                if (amt === 0) {
+                  this.set(cam0);
+                  return;
+                } else if (amt === 1) {
+                  this.set(cam1);
+                  return;
+                }                // For this cameras is ortho, assume that cam0 and cam1 are also ortho
+                // and interpolate the elements of the projection matrix.
+                // Use logarithmic interpolation for interpolation.
+
+                if (this.projMatrix.mat4[15] !== 0) {
+                  this.projMatrix.mat4[0] = cam0.projMatrix.mat4[0] * Math.pow(cam1.projMatrix.mat4[0] / cam0.projMatrix.mat4[0], amt);
+                  this.projMatrix.mat4[5] = cam0.projMatrix.mat4[5] * Math.pow(cam1.projMatrix.mat4[5] / cam0.projMatrix.mat4[5], amt);
+                  // If the camera is active, make uPMatrix reflect changes in projMatrix.
+                  if (this._isActive()) {
+                    this._renderer.uPMatrix.mat4 = this.projMatrix.mat4.slice();
+                  }
+                }                // prepare eye vector and center vector of argument cameras.
+
+                var eye0 = new _main.default.Vector(cam0.eyeX, cam0.eyeY, cam0.eyeZ);
+                var eye1 = new _main.default.Vector(cam1.eyeX, cam1.eyeY, cam1.eyeZ);
+                var center0 = new _main.default.Vector(cam0.centerX, cam0.centerY, cam0.centerZ);
+                var center1 = new _main.default.Vector(cam1.centerX, cam1.centerY, cam1.centerZ);
+                // Calculate the distance between eye and center for each camera.
+                // Logarithmically interpolate these with amt.
+                var dist0 = _main.default.Vector.dist(eye0, center0);
+                var dist1 = _main.default.Vector.dist(eye1, center1);
+                var lerpedDist = dist0 * Math.pow(dist1 / dist0, amt);
+                // Next, calculate the ratio to interpolate the eye and center by a constant
+                // ratio for each camera. This ratio is the same for both. Also, with this ratio
+                // of points, the distance is the minimum distance of the two points of
+                // the same ratio.
+                // With this method, if the viewpoint is fixed, linear interpolation is performed
+                // at the viewpoint, and if the center is fixed, linear interpolation is performed
+                // at the center, resulting in reasonable interpolation. If both move, the point
+                // halfway between them is taken.
+                var eyeDiff = _main.default.Vector.sub(eye0, eye1);
+                var diffDiff = eye0.copy().sub(eye1).sub(center0).add(center1);
+                // Suppose there are two line segments. Consider the distance between the points
+                // above them as if they were taken in the same ratio. This calculation figures out
+                // a ratio that minimizes this.
+                // Each line segment is, a line segment connecting the viewpoint and the center
+                // for each camera.
+                var divider = diffDiff.magSq();
+                var ratio = 1; // default.
+                if (divider > 0.000001) {
+                  ratio = _main.default.Vector.dot(eyeDiff, diffDiff) / divider;
+                  ratio = Math.max(0, Math.min(ratio, 1));
+                }                // Take the appropriate proportions and work out the points
+                // that are between the new viewpoint and the new center position.
+
+                var lerpedMedium = _main.default.Vector.lerp(_main.default.Vector.lerp(eye0, center0, ratio), _main.default.Vector.lerp(eye1, center1, ratio), amt);
+                // Prepare each of rotation matrix from their camera matrix
+                var rotMat0 = cam0.cameraMatrix.createSubMatrix3x3();
+                var rotMat1 = cam1.cameraMatrix.createSubMatrix3x3();
+                // get front and up vector from local-coordinate-system.
+                var front0 = rotMat0.row(2);
+                var front1 = rotMat1.row(2);
+                var up0 = rotMat0.row(1);
+                var up1 = rotMat1.row(1);
+                // prepare new vectors.
+                var newFront = new _main.default.Vector();
+                var newUp = new _main.default.Vector();
+                var newEye = new _main.default.Vector();
+                var newCenter = new _main.default.Vector();
+                // Create the inverse matrix of mat0 by transposing mat0,
+                // and multiply it to mat1 from the right.
+                // This matrix represents the difference between the two.
+                // 'deltaRot' means 'difference of rotation matrices'.
+                var deltaRot = rotMat1.mult3x3(rotMat0.copy().transpose3x3());
+                // Calculate the trace and from it the cos value of the angle.
+                // An orthogonal matrix is just an orthonormal basis. If this is not the identity
+                // matrix, it is a centered orthonormal basis plus some angle of rotation about
+                // some axis. That's the angle. Letting this be theta, trace becomes 1+2cos(theta).
+                // reference: https://en.wikipedia.org/wiki/Rotation_matrix#Determining_the_angle
+                var diag = deltaRot.diagonal();
+                var cosTheta = 0.5 * (diag[0] + diag[1] + diag[2] - 1);
+                // If the angle is close to 0, the two matrices are very close,
+                // so in that case we execute linearly interpolate.
+                if (1 - cosTheta < 1e-7) {
+                  // Obtain the front vector and up vector by linear interpolation
+                  // and normalize them.
+                  // calculate newEye, newCenter with newFront vector.
+                  newFront.set(_main.default.Vector.lerp(front0, front1, amt)).normalize();
+                  newEye.set(newFront).mult(ratio * lerpedDist).add(lerpedMedium);
+                  newCenter.set(newFront).mult((ratio - 1) * lerpedDist).add(lerpedMedium);
+                  newUp.set(_main.default.Vector.lerp(up0, up1, amt)).normalize();
+                  // set the camera
+                  this.camera(newEye.x, newEye.y, newEye.z, newCenter.x, newCenter.y, newCenter.z, newUp.x, newUp.y, newUp.z);
+                  return;
+                }                // Calculates the axis vector and the angle of the difference orthogonal matrix.
+                // The axis vector is what I explained earlier in the comments.
+                // similar calculation is here:
+                // https://github.com/mrdoob/three.js/blob/883249620049d1632e8791732808fefd1a98c871/src/math/Quaternion.js#L294
+
+                var a,
+                b,
+                c,
+                sinTheta;
+                var invOneMinusCosTheta = 1 / (1 - cosTheta);
+                var maxDiag = Math.max(diag[0], diag[1], diag[2]);
+                var offDiagSum13 = deltaRot.mat3[1] + deltaRot.mat3[3];
+                var offDiagSum26 = deltaRot.mat3[2] + deltaRot.mat3[6];
+                var offDiagSum57 = deltaRot.mat3[5] + deltaRot.mat3[7];
+                if (maxDiag === diag[0]) {
+                  a = Math.sqrt((diag[0] - cosTheta) * invOneMinusCosTheta); // not zero.
+                  invOneMinusCosTheta /= a;
+                  b = 0.5 * offDiagSum13 * invOneMinusCosTheta;
+                  c = 0.5 * offDiagSum26 * invOneMinusCosTheta;
+                  sinTheta = 0.5 * (deltaRot.mat3[7] - deltaRot.mat3[5]) / a;
+                } else if (maxDiag === diag[1]) {
+                  b = Math.sqrt((diag[1] - cosTheta) * invOneMinusCosTheta); // not zero.
+                  invOneMinusCosTheta /= b;
+                  c = 0.5 * offDiagSum57 * invOneMinusCosTheta;
+                  a = 0.5 * offDiagSum13 * invOneMinusCosTheta;
+                  sinTheta = 0.5 * (deltaRot.mat3[2] - deltaRot.mat3[6]) / b;
+                } else {
+                  c = Math.sqrt((diag[2] - cosTheta) * invOneMinusCosTheta); // not zero.
+                  invOneMinusCosTheta /= c;
+                  a = 0.5 * offDiagSum26 * invOneMinusCosTheta;
+                  b = 0.5 * offDiagSum57 * invOneMinusCosTheta;
+                  sinTheta = 0.5 * (deltaRot.mat3[3] - deltaRot.mat3[1]) / c;
+                }                // Constructs a new matrix after interpolating the angles.
+                // Multiplying mat0 by the first matrix yields mat1, but by creating a state
+                // in the middle of that matrix, you can obtain a matrix that is
+                // an intermediate state between mat0 and mat1.
+
+                var angle = amt * Math.atan2(sinTheta, cosTheta);
+                var cosAngle = Math.cos(angle);
+                var sinAngle = Math.sin(angle);
+                var oneMinusCosAngle = 1 - cosAngle;
+                var ab = a * b;
+                var bc = b * c;
+                var ca = c * a;
+                var lerpedRotMat = new _main.default.Matrix('mat3', [
+                  cosAngle + oneMinusCosAngle * a * a,
+                  oneMinusCosAngle * ab + sinAngle * c,
+                  oneMinusCosAngle * ca - sinAngle * b,
+                  oneMinusCosAngle * ab - sinAngle * c,
+                  cosAngle + oneMinusCosAngle * b * b,
+                  oneMinusCosAngle * bc + sinAngle * a,
+                  oneMinusCosAngle * ca + sinAngle * b,
+                  oneMinusCosAngle * bc - sinAngle * a,
+                  cosAngle + oneMinusCosAngle * c * c
+                ]);
+                // Multiply this to mat0 from left to get the interpolated front vector.
+                // calculate newEye, newCenter with newFront vector.
+                lerpedRotMat.multiplyVec3(front0, newFront);
+                newEye.set(newFront).mult(ratio * lerpedDist).add(lerpedMedium);
+                newCenter.set(newFront).mult((ratio - 1) * lerpedDist).add(lerpedMedium);
+                lerpedRotMat.multiplyVec3(up0, newUp);
+                // We also get the up vector in the same way and set the camera.
+                // The eye position and center position are calculated based on the front vector.
+                this.camera(newEye.x, newEye.y, newEye.z, newCenter.x, newCenter.y, newCenter.z, newUp.x, newUp.y, newUp.z);
+              } ////////////////////////////////////////////////////////////////////////////////
+              // Camera Helper Methods
+              ////////////////////////////////////////////////////////////////////////////////
+              // @TODO: combine this function with _setDefaultCamera to compute these values
+              // as-needed
+
+            },
+            {
+              key: '_computeCameraDefaultSettings',
+              value: function _computeCameraDefaultSettings() {
+                this.defaultAspectRatio = this._renderer.width / this._renderer.height;
+                this.defaultEyeX = 0;
+                this.defaultEyeY = 0;
+                this.defaultEyeZ = 800;
+                this.defaultCameraFOV = 2 * Math.atan(this._renderer.height / 2 / this.defaultEyeZ);
+                this.defaultCenterX = 0;
+                this.defaultCenterY = 0;
+                this.defaultCenterZ = 0;
+                this.defaultCameraNear = this.defaultEyeZ * 0.1;
+                this.defaultCameraFar = this.defaultEyeZ * 10;
+              } //detect if user didn't set the camera
+              //then call this function below
+
+            },
+            {
+              key: '_setDefaultCamera',
+              value: function _setDefaultCamera() {
+                this.cameraFOV = this.defaultCameraFOV;
+                this.aspectRatio = this.defaultAspectRatio;
+                this.eyeX = this.defaultEyeX;
+                this.eyeY = this.defaultEyeY;
+                this.eyeZ = this.defaultEyeZ;
+                this.centerX = this.defaultCenterX;
+                this.centerY = this.defaultCenterY;
+                this.centerZ = this.defaultCenterZ;
+                this.upX = 0;
+                this.upY = 1;
+                this.upZ = 0;
+                this.cameraNear = this.defaultCameraNear;
+                this.cameraFar = this.defaultCameraFar;
+                this.perspective();
+                this.camera();
+                this.cameraType = 'default';
+              }
+            },
+            {
+              key: '_resize',
+              value: function _resize() {
+                // If we're using the default camera, update the aspect ratio
+                if (this.cameraType === 'default') {
+                  this._computeCameraDefaultSettings();
+                  this.cameraFOV = this.defaultCameraFOV;
+                  this.aspectRatio = this.defaultAspectRatio;
+                  this.perspective();
+                }
+              }              /**
+    * Returns a copy of a camera.
+    * @method copy
+    * @private
+    */
+
+            },
+            {
+              key: 'copy',
+              value: function copy() {
+                var _cam = new _main.default.Camera(this._renderer);
+                _cam.cameraFOV = this.cameraFOV;
+                _cam.aspectRatio = this.aspectRatio;
+                _cam.eyeX = this.eyeX;
+                _cam.eyeY = this.eyeY;
+                _cam.eyeZ = this.eyeZ;
+                _cam.centerX = this.centerX;
+                _cam.centerY = this.centerY;
+                _cam.centerZ = this.centerZ;
+                _cam.upX = this.upX;
+                _cam.upY = this.upY;
+                _cam.upZ = this.upZ;
+                _cam.cameraNear = this.cameraNear;
+                _cam.cameraFar = this.cameraFar;
+                _cam.cameraType = this.cameraType;
+                _cam.cameraMatrix = this.cameraMatrix.copy();
+                _cam.projMatrix = this.projMatrix.copy();
+                _cam.yScale = this.yScale;
+                return _cam;
+              }              /**
+    * Returns a camera's local axes: left-right, up-down, and forward-backward,
+    * as defined by vectors in world-space.
+    * @method _getLocalAxes
+    * @private
+    */
+
+            },
+            {
+              key: '_getLocalAxes',
+              value: function _getLocalAxes() {
+                // calculate camera local Z vector
+                var z0 = this.eyeX - this.centerX;
+                var z1 = this.eyeY - this.centerY;
+                var z2 = this.eyeZ - this.centerZ;
+                // normalize camera local Z vector
+                var eyeDist = Math.sqrt(z0 * z0 + z1 * z1 + z2 * z2);
+                if (eyeDist !== 0) {
+                  z0 /= eyeDist;
+                  z1 /= eyeDist;
+                  z2 /= eyeDist;
+                }                // calculate camera Y vector
+
+                var y0 = this.upX;
+                var y1 = this.upY;
+                var y2 = this.upZ;
+                // compute camera local X vector as up vector (local Y) cross local Z
+                var x0 = y1 * z2 - y2 * z1;
+                var x1 = - y0 * z2 + y2 * z0;
+                var x2 = y0 * z1 - y1 * z0;
+                // recompute y = z cross x
+                y0 = z1 * x2 - z2 * x1;
+                y1 = - z0 * x2 + z2 * x0;
+                y2 = z0 * x1 - z1 * x0;
+                // cross product gives area of parallelogram, which is < 1.0 for
+                // non-perpendicular unit-length vectors; so normalize x, y here:
+                var xmag = Math.sqrt(x0 * x0 + x1 * x1 + x2 * x2);
+                if (xmag !== 0) {
+                  x0 /= xmag;
+                  x1 /= xmag;
+                  x2 /= xmag;
+                }
+                var ymag = Math.sqrt(y0 * y0 + y1 * y1 + y2 * y2);
+                if (ymag !== 0) {
+                  y0 /= ymag;
+                  y1 /= ymag;
+                  y2 /= ymag;
+                }
+                return {
+                  x: [
+                    x0,
+                    x1,
+                    x2
+                  ],
+                  y: [
+                    y0,
+                    y1,
+                    y2
+                  ],
+                  z: [
+                    z0,
+                    z1,
+                    z2
+                  ]
+                };
+              }              /**
+    * Orbits the camera about center point. For use with orbitControl().
+    * @method _orbit
+    * @private
+    * @param {Number} dTheta change in spherical coordinate theta
+    * @param {Number} dPhi change in spherical coordinate phi
+    * @param {Number} dRadius change in radius
+    */
+
+            },
+            {
+              key: '_orbit',
+              value: function _orbit(dTheta, dPhi, dRadius) {
+                // Calculate the vector and its magnitude from the center to the viewpoint
+                var diffX = this.eyeX - this.centerX;
+                var diffY = this.eyeY - this.centerY;
+                var diffZ = this.eyeZ - this.centerZ;
+                var camRadius = Math.hypot(diffX, diffY, diffZ);
+                // front vector. unit vector from center to eye.
+                var front = new _main.default.Vector(diffX, diffY, diffZ).normalize();
+                // up vector. normalized camera's up vector.
+                var up = new _main.default.Vector(this.upX, this.upY, this.upZ).normalize(); // y-axis
+                // side vector. Right when viewed from the front
+                var side = new _main.default.Vector.cross(up, front).normalize(); // x-axis
+                // vertical vector. normalized vector of projection of front vector.
+                var vertical = new _main.default.Vector.cross(side, up); // z-axis
+                // update camRadius
+                camRadius *= Math.pow(10, dRadius);
+                // prevent zooming through the center:
+                if (camRadius < this.cameraNear) {
+                  camRadius = this.cameraNear;
+                }
+                if (camRadius > this.cameraFar) {
+                  camRadius = this.cameraFar;
+                }                // calculate updated camera angle
+                // Find the angle between the "up" and the "front", add dPhi to that.
+                // angleBetween() may return negative value. Since this specification is subject to change
+                // due to version updates, it cannot be adopted, so here we calculate using a method
+                // that directly obtains the absolute value.
+
+                var camPhi = Math.acos(Math.max( - 1, Math.min(1, _main.default.Vector.dot(front, up)))) + dPhi;
+                // Rotate by dTheta in the shortest direction from "vertical" to "side"
+                var camTheta = dTheta;
+                // Invert camera's upX, upY, upZ if dPhi is below 0 or above PI
+                if (camPhi <= 0 || camPhi >= Math.PI) {
+                  this.upX *= - 1;
+                  this.upY *= - 1;
+                  this.upZ *= - 1;
+                }                // update eye vector by calculate new front vector
+
+                up.mult(Math.cos(camPhi));
+                vertical.mult(Math.cos(camTheta) * Math.sin(camPhi));
+                side.mult(Math.sin(camTheta) * Math.sin(camPhi));
+                front.set(up).add(vertical).add(side);
+                this.eyeX = camRadius * front.x + this.centerX;
+                this.eyeY = camRadius * front.y + this.centerY;
+                this.eyeZ = camRadius * front.z + this.centerZ;
+                // update camera
+                this.camera(this.eyeX, this.eyeY, this.eyeZ, this.centerX, this.centerY, this.centerZ, this.upX, this.upY, this.upZ);
+              }              /**
+    * Orbits the camera about center point. For use with orbitControl().
+    * Unlike _orbit(), the direction of rotation always matches the direction of pointer movement.
+    * @method _orbitFree
+    * @private
+    * @param {Number} dx the x component of the rotation vector.
+    * @param {Number} dy the y component of the rotation vector.
+    * @param {Number} dRadius change in radius
+    */
+
+            },
+            {
+              key: '_orbitFree',
+              value: function _orbitFree(dx, dy, dRadius) {
+                // Calculate the vector and its magnitude from the center to the viewpoint
+                var diffX = this.eyeX - this.centerX;
+                var diffY = this.eyeY - this.centerY;
+                var diffZ = this.eyeZ - this.centerZ;
+                var camRadius = Math.hypot(diffX, diffY, diffZ);
+                // front vector. unit vector from center to eye.
+                var front = new _main.default.Vector(diffX, diffY, diffZ).normalize();
+                // up vector. camera's up vector.
+                var up = new _main.default.Vector(this.upX, this.upY, this.upZ);
+                // side vector. Right when viewed from the front. (like x-axis)
+                var side = new _main.default.Vector.cross(up, front).normalize();
+                // down vector. Bottom when viewed from the front. (like y-axis)
+                var down = new _main.default.Vector.cross(front, side);
+                // side vector and down vector are no longer used as-is.
+                // Create a vector representing the direction of rotation
+                // in the form cos(direction)*side + sin(direction)*down.
+                // Make the current side vector into this.
+                var directionAngle = Math.atan2(dy, dx);
+                down.mult(Math.sin(directionAngle));
+                side.mult(Math.cos(directionAngle)).add(down);
+                // The amount of rotation is the size of the vector (dx, dy).
+                var rotAngle = Math.sqrt(dx * dx + dy * dy);
+                // The vector that is orthogonal to both the front vector and
+                // the rotation direction vector is the rotation axis vector.
+                var axis = new _main.default.Vector.cross(front, side);
+                // update camRadius
+                camRadius *= Math.pow(10, dRadius);
+                // prevent zooming through the center:
+                if (camRadius < this.cameraNear) {
+                  camRadius = this.cameraNear;
+                }
+                if (camRadius > this.cameraFar) {
+                  camRadius = this.cameraFar;
+                }                // If the axis vector is likened to the z-axis, the front vector is
+                // the x-axis and the side vector is the y-axis. Rotate the up and front
+                // vectors respectively by thinking of them as rotations around the z-axis.
+                // Calculate the components by taking the dot product and
+                // calculate a rotation based on that.
+
+                var c = Math.cos(rotAngle);
+                var s = Math.sin(rotAngle);
+                var dotFront = up.dot(front);
+                var dotSide = up.dot(side);
+                var ux = dotFront * c + dotSide * s;
+                var uy = - dotFront * s + dotSide * c;
+                var uz = up.dot(axis);
+                up.x = ux * front.x + uy * side.x + uz * axis.x;
+                up.y = ux * front.y + uy * side.y + uz * axis.y;
+                up.z = ux * front.z + uy * side.z + uz * axis.z;
+                // We won't be using the side vector and the front vector anymore,
+                // so let's make the front vector into the vector from the center to the new eye.
+                side.mult( - s);
+                front.mult(c).add(side).mult(camRadius);
+                // it's complete. let's update camera.
+                this.camera(front.x + this.centerX, front.y + this.centerY, front.z + this.centerZ, this.centerX, this.centerY, this.centerZ, up.x, up.y, up.z);
+              }              /**
+    * Returns true if camera is currently attached to renderer.
+    * @method _isActive
+    * @private
+    */
+
+            },
+            {
+              key: '_isActive',
+              value: function _isActive() {
+                return this === this._renderer._curCamera;
+              }
+            }
+          ]);
+          return Camera;
+        }();
+        /**
+ * Sets the current (active) camera of a 3D sketch.
+ * Allows for switching between multiple cameras.
+ * @method setCamera
+ * @param  {p5.Camera} cam  p5.Camera object
+ * @for p5
+ * @example
+ * <div>
+ * <code>
+ * let cam1, cam2;
+ * let currentCamera;
+ *
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   normalMaterial();
+ *
+ *   cam1 = createCamera();
+ *   cam2 = createCamera();
+ *   cam2.setPosition(30, 0, 50);
+ *   cam2.lookAt(0, 0, 0);
+ *   cam2.ortho();
+ *
+ *   // set variable for previously active camera:
+ *   currentCamera = 1;
+ *
+ *   describe(
+ *     'Canvas switches between two camera views, each showing a series of spinning 3D boxes.'
+ *   );
+ * }
+ *
+ * function draw() {
+ *   background(200);
+ *
+ *   // camera 1:
+ *   cam1.lookAt(0, 0, 0);
+ *   cam1.setPosition(sin(frameCount / 60) * 200, 0, 100);
+ *
+ *   // every 100 frames, switch between the two cameras
+ *   if (frameCount % 100 === 0) {
+ *     if (currentCamera === 1) {
+ *       setCamera(cam1);
+ *       currentCamera = 0;
+ *     } else {
+ *       setCamera(cam2);
+ *       currentCamera = 1;
+ *     }
+ *   }
+ *
+ *   drawBoxes();
+ * }
+ *
+ * function drawBoxes() {
+ *   rotateX(frameCount * 0.01);
+ *   translate(-100, 0, 0);
+ *   box(20);
+ *   translate(35, 0, 0);
+ *   box(20);
+ *   translate(35, 0, 0);
+ *   box(20);
+ *   translate(35, 0, 0);
+ *   box(20);
+ *   translate(35, 0, 0);
+ *   box(20);
+ *   translate(35, 0, 0);
+ *   box(20);
+ *   translate(35, 0, 0);
+ *   box(20);
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * Canvas switches between two camera views, each showing a series of spinning
+ * 3D boxes.
+ */
+        _main.default.prototype.setCamera = function (cam) {
+          this._renderer._curCamera = cam;
+          // set the projection matrix (which is not normally updated each frame)
+          this._renderer.uPMatrix.set(cam.projMatrix.mat4[0], cam.projMatrix.mat4[1], cam.projMatrix.mat4[2], cam.projMatrix.mat4[3], cam.projMatrix.mat4[4], cam.projMatrix.mat4[5], cam.projMatrix.mat4[6], cam.projMatrix.mat4[7], cam.projMatrix.mat4[8], cam.projMatrix.mat4[9], cam.projMatrix.mat4[10], cam.projMatrix.mat4[11], cam.projMatrix.mat4[12], cam.projMatrix.mat4[13], cam.projMatrix.mat4[14], cam.projMatrix.mat4[15]);
+        };
+        var _default = _main.default.Camera;
+        exports.default = _default;
+      },
+      {
+        '../core/main': 298,
+        'core-js/modules/es.array.slice': 183,
+        'core-js/modules/es.math.hypot': 188,
+        'core-js/modules/es.string.sub': 218
+      }
+    ],
+    348: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.math.log2');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.typed-array.float32-array');
+        _dereq_('core-js/modules/es.typed-array.copy-within');
+        _dereq_('core-js/modules/es.typed-array.every');
+        _dereq_('core-js/modules/es.typed-array.fill');
+        _dereq_('core-js/modules/es.typed-array.filter');
+        _dereq_('core-js/modules/es.typed-array.find');
+        _dereq_('core-js/modules/es.typed-array.find-index');
+        _dereq_('core-js/modules/es.typed-array.for-each');
+        _dereq_('core-js/modules/es.typed-array.includes');
+        _dereq_('core-js/modules/es.typed-array.index-of');
+        _dereq_('core-js/modules/es.typed-array.iterator');
+        _dereq_('core-js/modules/es.typed-array.join');
+        _dereq_('core-js/modules/es.typed-array.last-index-of');
+        _dereq_('core-js/modules/es.typed-array.map');
+        _dereq_('core-js/modules/es.typed-array.reduce');
+        _dereq_('core-js/modules/es.typed-array.reduce-right');
+        _dereq_('core-js/modules/es.typed-array.reverse');
+        _dereq_('core-js/modules/es.typed-array.set');
+        _dereq_('core-js/modules/es.typed-array.slice');
+        _dereq_('core-js/modules/es.typed-array.some');
+        _dereq_('core-js/modules/es.typed-array.sort');
+        _dereq_('core-js/modules/es.typed-array.subarray');
+        _dereq_('core-js/modules/es.typed-array.to-locale-string');
+        _dereq_('core-js/modules/es.typed-array.to-string');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.math.log2');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.typed-array.float32-array');
+        _dereq_('core-js/modules/es.typed-array.copy-within');
+        _dereq_('core-js/modules/es.typed-array.every');
+        _dereq_('core-js/modules/es.typed-array.fill');
+        _dereq_('core-js/modules/es.typed-array.filter');
+        _dereq_('core-js/modules/es.typed-array.find');
+        _dereq_('core-js/modules/es.typed-array.find-index');
+        _dereq_('core-js/modules/es.typed-array.for-each');
+        _dereq_('core-js/modules/es.typed-array.includes');
+        _dereq_('core-js/modules/es.typed-array.index-of');
+        _dereq_('core-js/modules/es.typed-array.iterator');
+        _dereq_('core-js/modules/es.typed-array.join');
+        _dereq_('core-js/modules/es.typed-array.last-index-of');
+        _dereq_('core-js/modules/es.typed-array.map');
+        _dereq_('core-js/modules/es.typed-array.reduce');
+        _dereq_('core-js/modules/es.typed-array.reduce-right');
+        _dereq_('core-js/modules/es.typed-array.reverse');
+        _dereq_('core-js/modules/es.typed-array.set');
+        _dereq_('core-js/modules/es.typed-array.slice');
+        _dereq_('core-js/modules/es.typed-array.some');
+        _dereq_('core-js/modules/es.typed-array.sort');
+        _dereq_('core-js/modules/es.typed-array.subarray');
+        _dereq_('core-js/modules/es.typed-array.to-locale-string');
+        _dereq_('core-js/modules/es.typed-array.to-string');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            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;
+        }        /**
+ * An internal class to store data that will be sent to a p5.RenderBuffer.
+ * Those need to eventually go into a Float32Array, so this class provides a
+ * variable-length array container backed by a Float32Array so that it can be
+ * sent to the GPU without allocating a new array each frame.
+ *
+ * Like a C++ vector, its fixed-length Float32Array backing its contents will
+ * double in size when it goes over its capacity.
+ *
+ * @example
+ * <div>
+ * <code>
+ * // Initialize storage with a capacity of 4
+ * const storage = new DataArray(4);
+ * console.log(storage.data.length); // 4
+ * console.log(storage.length); // 0
+ * console.log(storage.dataArray()); // Empty Float32Array
+ *
+ * storage.push(1, 2, 3, 4, 5, 6);
+ * console.log(storage.data.length); // 8
+ * console.log(storage.length); // 6
+ * console.log(storage.dataArray()); // Float32Array{1, 2, 3, 4, 5, 6}
+ * </code>
+ * </div>
+ */
+
+        _main.default.DataArray = /*#__PURE__*/ function () {
+          function DataArray() {
+            var initialLength = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 128;
+            _classCallCheck(this, DataArray);
+            this.length = 0;
+            this.data = new Float32Array(initialLength);
+            this.initialLength = initialLength;
+          }          /**
+   * Returns a Float32Array window sized to the exact length of the data
+   */
+
+          _createClass(DataArray, [
+            {
+              key: 'dataArray',
+              value: function dataArray() {
+                return this.subArray(0, this.length);
+              }              /**
+     * A "soft" clear, which keeps the underlying storage size the same, but
+     * empties the contents of its dataArray()
+     */
+
+            },
+            {
+              key: 'clear',
+              value: function clear() {
+                this.length = 0;
+              }              /**
+     * Can be used to scale a DataArray back down to fit its contents.
+     */
+
+            },
+            {
+              key: 'rescale',
+              value: function rescale() {
+                if (this.length < this.data.length / 2) {
+                  // Find the power of 2 size that fits the data
+                  var targetLength = 1 << Math.ceil(Math.log2(this.length));
+                  var newData = new Float32Array(targetLength);
+                  newData.set(this.data.subarray(0, this.length), 0);
+                  this.data = newData;
+                }
+              }              /**
+     * A full reset, which allocates a new underlying Float32Array at its initial
+     * length
+     */
+
+            },
+            {
+              key: 'reset',
+              value: function reset() {
+                this.clear();
+                this.data = new Float32Array(this.initialLength);
+              }              /**
+     * Adds values to the DataArray, expanding its internal storage to
+     * accommodate the new items.
+     */
+
+            },
+            {
+              key: 'push',
+              value: function push() {
+                for (var _len = arguments.length, values = new Array(_len), _key = 0; _key < _len; _key++) {
+                  values[_key] = arguments[_key];
+                }
+                this.ensureLength(this.length + values.length);
+                this.data.set(values, this.length);
+                this.length += values.length;
+              }              /**
+     * Returns a copy of the data from the index `from`, inclusive, to the index
+     * `to`, exclusive
+     */
+
+            },
+            {
+              key: 'slice',
+              value: function slice(from, to) {
+                return this.data.slice(from, Math.min(to, this.length));
+              }              /**
+     * Returns a mutable Float32Array window from the index `from`, inclusive, to
+     * the index `to`, exclusive
+     */
+
+            },
+            {
+              key: 'subArray',
+              value: function subArray(from, to) {
+                return this.data.subarray(from, Math.min(to, this.length));
+              }              /**
+     * Expand capacity of the internal storage until it can fit a target size
+     */
+
+            },
+            {
+              key: 'ensureLength',
+              value: function ensureLength(target) {
+                while (this.data.length < target) {
+                  var newData = new Float32Array(this.data.length * 2);
+                  newData.set(this.data, 0);
+                  this.data = newData;
+                }
+              }
+            }
+          ]);
+          return DataArray;
+        }();
+        var _default = _main.default.DataArray;
+        exports.default = _default;
+      },
+      {
+        '../core/main': 298,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.array.slice': 183,
+        'core-js/modules/es.math.log2': 189,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.typed-array.copy-within': 223,
+        'core-js/modules/es.typed-array.every': 224,
+        'core-js/modules/es.typed-array.fill': 225,
+        'core-js/modules/es.typed-array.filter': 226,
+        'core-js/modules/es.typed-array.find': 228,
+        'core-js/modules/es.typed-array.find-index': 227,
+        'core-js/modules/es.typed-array.float32-array': 229,
+        'core-js/modules/es.typed-array.for-each': 231,
+        'core-js/modules/es.typed-array.includes': 232,
+        'core-js/modules/es.typed-array.index-of': 233,
+        'core-js/modules/es.typed-array.iterator': 236,
+        'core-js/modules/es.typed-array.join': 237,
+        'core-js/modules/es.typed-array.last-index-of': 238,
+        'core-js/modules/es.typed-array.map': 239,
+        'core-js/modules/es.typed-array.reduce': 241,
+        'core-js/modules/es.typed-array.reduce-right': 240,
+        'core-js/modules/es.typed-array.reverse': 242,
+        'core-js/modules/es.typed-array.set': 243,
+        'core-js/modules/es.typed-array.slice': 244,
+        'core-js/modules/es.typed-array.some': 245,
+        'core-js/modules/es.typed-array.sort': 246,
+        'core-js/modules/es.typed-array.subarray': 247,
+        'core-js/modules/es.typed-array.to-locale-string': 248,
+        'core-js/modules/es.typed-array.to-string': 249
+      }
+    ],
+    349: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.fill');
+        _dereq_('core-js/modules/es.array.includes');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.object.get-own-property-descriptor');
+        _dereq_('core-js/modules/es.object.get-prototype-of');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.reflect.construct');
+        _dereq_('core-js/modules/es.reflect.get');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        _dereq_('core-js/modules/es.string.includes');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.typed-array.float32-array');
+        _dereq_('core-js/modules/es.typed-array.uint8-array');
+        _dereq_('core-js/modules/es.typed-array.uint8-clamped-array');
+        _dereq_('core-js/modules/es.typed-array.copy-within');
+        _dereq_('core-js/modules/es.typed-array.every');
+        _dereq_('core-js/modules/es.typed-array.fill');
+        _dereq_('core-js/modules/es.typed-array.filter');
+        _dereq_('core-js/modules/es.typed-array.find');
+        _dereq_('core-js/modules/es.typed-array.find-index');
+        _dereq_('core-js/modules/es.typed-array.for-each');
+        _dereq_('core-js/modules/es.typed-array.includes');
+        _dereq_('core-js/modules/es.typed-array.index-of');
+        _dereq_('core-js/modules/es.typed-array.iterator');
+        _dereq_('core-js/modules/es.typed-array.join');
+        _dereq_('core-js/modules/es.typed-array.last-index-of');
+        _dereq_('core-js/modules/es.typed-array.map');
+        _dereq_('core-js/modules/es.typed-array.reduce');
+        _dereq_('core-js/modules/es.typed-array.reduce-right');
+        _dereq_('core-js/modules/es.typed-array.reverse');
+        _dereq_('core-js/modules/es.typed-array.set');
+        _dereq_('core-js/modules/es.typed-array.slice');
+        _dereq_('core-js/modules/es.typed-array.some');
+        _dereq_('core-js/modules/es.typed-array.sort');
+        _dereq_('core-js/modules/es.typed-array.subarray');
+        _dereq_('core-js/modules/es.typed-array.to-locale-string');
+        _dereq_('core-js/modules/es.typed-array.to-string');
+        _dereq_('core-js/modules/es.weak-map');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        function _typeof2(obj) {
+          if (typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol') {
+            _typeof2 = function _typeof2(obj) {
+              return typeof obj;
+            };
+          } else {
+            _typeof2 = function _typeof2(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj;
+            };
+          }
+          return _typeof2(obj);
+        }
+        function _typeof(obj) {
+          if (typeof Symbol === 'function' && _typeof2(Symbol.iterator) === 'symbol') {
+            _typeof = function _typeof(obj) {
+              return _typeof2(obj);
+            };
+          } else {
+            _typeof = function _typeof(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : _typeof2(obj);
+            };
+          }
+          return _typeof(obj);
+        }
+        _dereq_('core-js/modules/es.array.fill');
+        _dereq_('core-js/modules/es.array.includes');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.object.get-prototype-of');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.string.includes');
+        _dereq_('core-js/modules/es.typed-array.float32-array');
+        _dereq_('core-js/modules/es.typed-array.uint8-array');
+        _dereq_('core-js/modules/es.typed-array.uint8-clamped-array');
+        _dereq_('core-js/modules/es.typed-array.copy-within');
+        _dereq_('core-js/modules/es.typed-array.every');
+        _dereq_('core-js/modules/es.typed-array.fill');
+        _dereq_('core-js/modules/es.typed-array.filter');
+        _dereq_('core-js/modules/es.typed-array.find');
+        _dereq_('core-js/modules/es.typed-array.find-index');
+        _dereq_('core-js/modules/es.typed-array.for-each');
+        _dereq_('core-js/modules/es.typed-array.includes');
+        _dereq_('core-js/modules/es.typed-array.index-of');
+        _dereq_('core-js/modules/es.typed-array.iterator');
+        _dereq_('core-js/modules/es.typed-array.join');
+        _dereq_('core-js/modules/es.typed-array.last-index-of');
+        _dereq_('core-js/modules/es.typed-array.map');
+        _dereq_('core-js/modules/es.typed-array.reduce');
+        _dereq_('core-js/modules/es.typed-array.reduce-right');
+        _dereq_('core-js/modules/es.typed-array.reverse');
+        _dereq_('core-js/modules/es.typed-array.set');
+        _dereq_('core-js/modules/es.typed-array.slice');
+        _dereq_('core-js/modules/es.typed-array.some');
+        _dereq_('core-js/modules/es.typed-array.sort');
+        _dereq_('core-js/modules/es.typed-array.subarray');
+        _dereq_('core-js/modules/es.typed-array.to-locale-string');
+        _dereq_('core-js/modules/es.typed-array.to-string');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        var constants = _interopRequireWildcard(_dereq_('../core/constants'));
+        var _p = _dereq_('./p5.Texture');
+        var _p2 = _dereq_('./p5.RendererGL');
+        function _getRequireWildcardCache() {
+          if (typeof WeakMap !== 'function') return null;
+          var cache = new WeakMap();
+          _getRequireWildcardCache = function _getRequireWildcardCache() {
+            return cache;
+          };
+          return cache;
+        }
+        function _interopRequireWildcard(obj) {
+          if (obj && obj.__esModule) {
+            return obj;
+          }
+          if (obj === null || _typeof(obj) !== 'object' && typeof obj !== 'function') {
+            return {
+            default:
+              obj
+            };
+          }
+          var cache = _getRequireWildcardCache();
+          if (cache && cache.has(obj)) {
+            return cache.get(obj);
+          }
+          var newObj = {
+          };
+          var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+          for (var key in obj) {
+            if (Object.prototype.hasOwnProperty.call(obj, key)) {
+              var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+              if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+              } else {
+                newObj[key] = obj[key];
+              }
+            }
+          }
+          newObj.default = obj;
+          if (cache) {
+            cache.set(obj, newObj);
+          }
+          return newObj;
+        }
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }
+        function _slicedToArray(arr, i) {
+          return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+        }
+        function _nonIterableRest() {
+          throw new TypeError('Invalid attempt to destructure non-iterable instance');
+        }
+        function _iterableToArrayLimit(arr, i) {
+          if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === '[object Arguments]')) {
+            return;
+          }
+          var _arr = [
+          ];
+          var _n = true;
+          var _d = false;
+          var _e = undefined;
+          try {
+            for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+              _arr.push(_s.value);
+              if (i && _arr.length === i) break;
+            }
+          } catch (err) {
+            _d = true;
+            _e = err;
+          } finally {
+            try {
+              if (!_n && _i['return'] != null) _i['return']();
+            } finally {
+              if (_d) throw _e;
+            }
+          }
+          return _arr;
+        }
+        function _arrayWithHoles(arr) {
+          if (Array.isArray(arr)) return arr;
+        }
+        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;
+        }
+        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 _get(target, property, receiver) {
+          if (typeof Reflect !== 'undefined' && Reflect.get) {
+            _get = Reflect.get;
+          } 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.value;
+            };
+          }
+          return _get(target, property, receiver || target);
+        }
+        function _superPropBase(object, property) {
+          while (!Object.prototype.hasOwnProperty.call(object, property)) {
+            object = _getPrototypeOf(object);
+            if (object === null) break;
+          }
+          return object;
+        }
+        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) {
+          function isNativeReflectConstruct() {
+            if (typeof Reflect === 'undefined' || !Reflect.construct) return false;
+            if (Reflect.construct.sham) return false;
+            if (typeof Proxy === 'function') return true;
+            try {
+              Date.prototype.toString.call(Reflect.construct(Date, [
+              ], function () {
+              }));
+              return true;
+            } catch (e) {
+              return false;
+            }
+          }
+          return function () {
+            var Super = _getPrototypeOf(Derived),
+            result;
+            if (isNativeReflectConstruct()) {
+              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(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 _getPrototypeOf(o) {
+          _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+            return o.__proto__ || Object.getPrototypeOf(o);
+          };
+          return _getPrototypeOf(o);
+        } /**
+   * @module Rendering
+   * @requires constants
+   */
+
+        var FramebufferCamera = /*#__PURE__*/ function (_p5$Camera) {
+          _inherits(FramebufferCamera, _p5$Camera);
+          var _super = _createSuper(FramebufferCamera);
+          /**
+   * A <a href="#/p5.Camera">p5.Camera</a> attached to a
+   * <a href="#/p5.Framebuffer">p5.Framebuffer</a>.
+   *
+   * @class p5.FramebufferCamera
+   * @constructor
+   * @param {p5.Framebuffer} framebuffer The framebuffer this camera is
+   * attached to
+   * @private
+   */
+          function FramebufferCamera(framebuffer) {
+            var _this;
+            _classCallCheck(this, FramebufferCamera);
+            _this = _super.call(this, framebuffer.target._renderer);
+            _this.fbo = framebuffer;
+            // WebGL textures are upside-down compared to textures that come from
+            // images and graphics. Framebuffer cameras need to invert their y
+            // axes when being rendered to so that the texture comes out rightway up
+            // when read in shaders or image().
+            _this.yScale = - 1;
+            return _this;
+          }
+          _createClass(FramebufferCamera, [
+            {
+              key: '_computeCameraDefaultSettings',
+              value: function _computeCameraDefaultSettings() {
+                _get(_getPrototypeOf(FramebufferCamera.prototype), '_computeCameraDefaultSettings', this).call(this);
+                this.defaultAspectRatio = this.fbo.width / this.fbo.height;
+                this.defaultCameraFOV = 2 * Math.atan(this.fbo.height / 2 / this.defaultEyeZ);
+              }
+            }
+          ]);
+          return FramebufferCamera;
+        }(_main.default.Camera);
+        _main.default.FramebufferCamera = FramebufferCamera;
+        var FramebufferTexture = /*#__PURE__*/ function () {
+          /**
+   * A <a href="#/p5.Texture">p5.Texture</a> corresponding to a property of a
+   * <a href="#/p5.Framebuffer">p5.Framebuffer</a>.
+   *
+   * @class p5.FramebufferTexture
+   * @param {p5.Framebuffer} framebuffer The framebuffer represented by this
+   * texture
+   * @param {String} property The property of the framebuffer represented by
+   * this texture, either `color` or `depth`
+   * @private
+   */
+          function FramebufferTexture(framebuffer, property) {
+            _classCallCheck(this, FramebufferTexture);
+            this.framebuffer = framebuffer;
+            this.property = property;
+          }
+          _createClass(FramebufferTexture, [
+            {
+              key: 'rawTexture',
+              value: function rawTexture() {
+                return this.framebuffer[this.property];
+              }
+            },
+            {
+              key: 'width',
+              get: function get() {
+                return this.framebuffer.width * this.framebuffer.density;
+              }
+            },
+            {
+              key: 'height',
+              get: function get() {
+                return this.framebuffer.height * this.framebuffer.density;
+              }
+            }
+          ]);
+          return FramebufferTexture;
+        }();
+        _main.default.FramebufferTexture = FramebufferTexture;
+        var Framebuffer = /*#__PURE__*/ function () {
+          /**
+   * An object that one can draw to and then read as a texture. While similar
+   * to a p5.Graphics, using a p5.Framebuffer as a texture will generally run
+   * much faster, as it lives within the same WebGL context as the canvas it
+   * is created on. It only works in WebGL mode.
+   *
+   * @class p5.Framebuffer
+   * @constructor
+   * @param {p5.Graphics|p5} target A p5 global instance or p5.Graphics
+   * @param {Object} [settings] A settings object
+   */
+          function Framebuffer(target) {
+            var _this2 = this;
+            var settings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+            };
+            _classCallCheck(this, Framebuffer);
+            this.target = target;
+            this.target._renderer.framebuffers.add(this);
+            this._isClipApplied = false;
+            /**
+     * A <a href='https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference
+     * /Global_Objects/Uint8ClampedArray' target='_blank'>Uint8ClampedArray</a>
+     * containing the values for all the pixels in the Framebuffer.
+     *
+     * Like the <a href="#/p5/pixels">main canvas pixels property</a>, call
+     * <a href="#/p5.Framebuffer/loadPixels">loadPixels()</a> before reading
+     * it, and call <a href="#/p5.Framebuffer.updatePixels">updatePixels()</a>
+     * afterwards to update its data.
+     *
+     * Note that updating pixels via this property will be slower than
+     * <a href="#/p5.Framebuffer/begin">drawing to the framebuffer directly.</a>
+     * Consider using a shader instead of looping over pixels.
+     *
+     * @property {Number[]} pixels
+     */
+            this.pixels = [
+            ];
+            this.format = settings.format || constants.UNSIGNED_BYTE;
+            this.channels = settings.channels || (target._renderer._pInst._glAttributes.alpha ? constants.RGBA : constants.RGB);
+            this.useDepth = settings.depth === undefined ? true : settings.depth;
+            this.depthFormat = settings.depthFormat || constants.FLOAT;
+            this.textureFiltering = settings.textureFiltering || constants.LINEAR;
+            if (settings.antialias === undefined) {
+              this.antialiasSamples = target._renderer._pInst._glAttributes.antialias ? 2 : 0;
+            } else if (typeof settings.antialias === 'number') {
+              this.antialiasSamples = settings.antialias;
+            } else {
+              this.antialiasSamples = settings.antialias ? 2 : 0;
+            }
+            this.antialias = this.antialiasSamples > 0;
+            if (this.antialias && target.webglVersion !== constants.WEBGL2) {
+              console.warn('Antialiasing is unsupported in a WebGL 1 context');
+              this.antialias = false;
+            }
+            if (settings.width && settings.height) {
+              this.width = settings.width;
+              this.height = settings.height;
+              this.autoSized = false;
+            } else {
+              if (settings.width === undefined !== (settings.height === undefined)) {
+                console.warn('Please supply both width and height for a framebuffer to give it a ' + 'size. Only one was given, so the framebuffer will match the size ' + 'of its canvas.');
+              }
+              this.width = target.width;
+              this.height = target.height;
+              this.autoSized = true;
+            }
+            this.density = settings.density || target.pixelDensity();
+            var gl = target._renderer.GL;
+            this.gl = gl;
+            this._checkIfFormatsAvailable();
+            if (settings.stencil && !this.useDepth) {
+              console.warn('A stencil buffer can only be used if also using depth. Since the framebuffer has no depth buffer, the stencil buffer will be ignored.');
+            }
+            this.useStencil = this.useDepth && (settings.stencil === undefined ? true : settings.stencil);
+            this.framebuffer = gl.createFramebuffer();
+            if (!this.framebuffer) {
+              throw new Error('Unable to create a framebuffer');
+            }
+            if (this.antialias) {
+              this.aaFramebuffer = gl.createFramebuffer();
+              if (!this.aaFramebuffer) {
+                throw new Error('Unable to create a framebuffer for antialiasing');
+              }
+            }
+            this._recreateTextures();
+            var prevCam = this.target._renderer._curCamera;
+            this.defaultCamera = this.createCamera();
+            this.target._renderer._curCamera = prevCam;
+            this.draw(function () {
+              return _this2.target.clear();
+            });
+          }          /**
+   * Resizes the framebuffer to the given width and height.
+   *
+   * @method resize
+   * @param {Number} width
+   * @param {Number} height
+   *
+   * @example
+   * <div>
+   * <code>
+   * let framebuffer;
+   * function setup() {
+   *   createCanvas(100, 100, WEBGL);
+   *   framebuffer = createFramebuffer();
+   *   noStroke();
+   * }
+   *
+   * function mouseMoved() {
+   *   framebuffer.resize(
+   *     max(20, mouseX),
+   *     max(20, mouseY)
+   *   );
+   * }
+   *
+   * function draw() {
+   *   // Draw to the framebuffer
+   *   framebuffer.begin();
+   *   background(255);
+   *   normalMaterial();
+   *   sphere(20);
+   *   framebuffer.end();
+   *
+   *   background(100);
+   *   // Draw the framebuffer to the main canvas
+   *   image(framebuffer, -width/2, -height/2);
+   * }
+   * </code>
+   * </div>
+   *
+   * @alt
+   * A red, green, and blue sphere is drawn in the middle of a white rectangle
+   * which starts in the top left of the canvas and whose bottom right is at
+   * the user's mouse
+   */
+
+          _createClass(Framebuffer, [
+            {
+              key: 'resize',
+              value: function resize(width, height) {
+                this.autoSized = false;
+                this.width = width;
+                this.height = height;
+                this._handleResize();
+              }              /**
+     * Gets or sets the pixel scaling for high pixel density displays. By
+     * default, the density will match that of the canvas the framebuffer was
+     * created on, which will match the display density.
+     *
+     * Call this method with no arguments to get the current density, or pass
+     * in a number to set the density.
+     *
+     * @method pixelDensity
+     * @param {Number} [density] A scaling factor for the number of pixels per
+     * side of the framebuffer
+     */
+
+            },
+            {
+              key: 'pixelDensity',
+              value: function pixelDensity(density) {
+                if (density) {
+                  this.autoSized = false;
+                  this.density = density;
+                  this._handleResize();
+                } else {
+                  return this.density;
+                }
+              }              /**
+     * Gets or sets whether or not this framebuffer will automatically resize
+     * along with the canvas it's attached to in order to match its size.
+     *
+     * Call this method with no arguments to see if it is currently auto-sized,
+     * or pass in a boolean to set this property.
+     *
+     * @method autoSized
+     * @param {Boolean} [autoSized] Whether or not the framebuffer should resize
+     * along with the canvas it's attached to
+     */
+
+            },
+            {
+              key: 'autoSized',
+              value: function autoSized(_autoSized) {
+                if (_autoSized === undefined) {
+                  return this.autoSized;
+                } else {
+                  this.autoSized = _autoSized;
+                  this._handleResize();
+                }
+              }              /**
+     * Checks the capabilities of the current WebGL environment to see if the
+     * settings supplied by the user are capable of being fulfilled. If they
+     * are not, warnings will be logged and the settings will be changed to
+     * something close that can be fulfilled.
+     *
+     * @private
+     */
+
+            },
+            {
+              key: '_checkIfFormatsAvailable',
+              value: function _checkIfFormatsAvailable() {
+                var gl = this.gl;
+                if (this.useDepth && this.target.webglVersion === constants.WEBGL && !gl.getExtension('WEBGL_depth_texture')) {
+                  console.warn('Unable to create depth textures in this environment. Falling back ' + 'to a framebuffer without depth.');
+                  this.useDepth = false;
+                }
+                if (this.useDepth && this.target.webglVersion === constants.WEBGL && this.depthFormat === constants.FLOAT) {
+                  console.warn('FLOAT depth format is unavailable in WebGL 1. ' + 'Defaulting to UNSIGNED_INT.');
+                  this.depthFormat = constants.UNSIGNED_INT;
+                }
+                if (![constants.UNSIGNED_BYTE,
+                constants.FLOAT,
+                constants.HALF_FLOAT].includes(this.format)) {
+                  console.warn('Unknown Framebuffer format. ' + 'Please use UNSIGNED_BYTE, FLOAT, or HALF_FLOAT. ' + 'Defaulting to UNSIGNED_BYTE.');
+                  this.format = constants.UNSIGNED_BYTE;
+                }
+                if (this.useDepth && ![constants.UNSIGNED_INT,
+                constants.FLOAT].includes(this.depthFormat)) {
+                  console.warn('Unknown Framebuffer depth format. ' + 'Please use UNSIGNED_INT or FLOAT. Defaulting to FLOAT.');
+                  this.depthFormat = constants.FLOAT;
+                }
+                var support = (0, _p.checkWebGLCapabilities) (this.target._renderer);
+                if (!support.float && this.format === constants.FLOAT) {
+                  console.warn('This environment does not support FLOAT textures. ' + 'Falling back to UNSIGNED_BYTE.');
+                  this.format = constants.UNSIGNED_BYTE;
+                }
+                if (this.useDepth && !support.float && this.depthFormat === constants.FLOAT) {
+                  console.warn('This environment does not support FLOAT depth textures. ' + 'Falling back to UNSIGNED_INT.');
+                  this.depthFormat = constants.UNSIGNED_INT;
+                }
+                if (!support.halfFloat && this.format === constants.HALF_FLOAT) {
+                  console.warn('This environment does not support HALF_FLOAT textures. ' + 'Falling back to UNSIGNED_BYTE.');
+                  this.format = constants.UNSIGNED_BYTE;
+                }
+                if (this.channels === constants.RGB && [
+                  constants.FLOAT,
+                  constants.HALF_FLOAT
+                ].includes(this.format)) {
+                  console.warn('FLOAT and HALF_FLOAT formats do not work cross-platform with only ' + 'RGB channels. Falling back to RGBA.');
+                  this.channels = constants.RGBA;
+                }
+              }              /**
+     * Creates new textures and renderbuffers given the current size of the
+     * framebuffer.
+     *
+     * @private
+     */
+
+            },
+            {
+              key: '_recreateTextures',
+              value: function _recreateTextures() {
+                var gl = this.gl;
+                this._updateSize();
+                var prevBoundTexture = gl.getParameter(gl.TEXTURE_BINDING_2D);
+                var prevBoundFramebuffer = gl.getParameter(gl.FRAMEBUFFER_BINDING);
+                var colorTexture = gl.createTexture();
+                if (!colorTexture) {
+                  throw new Error('Unable to create color texture');
+                }
+                gl.bindTexture(gl.TEXTURE_2D, colorTexture);
+                var colorFormat = this._glColorFormat();
+                gl.texImage2D(gl.TEXTURE_2D, 0, colorFormat.internalFormat, this.width * this.density, this.height * this.density, 0, colorFormat.format, colorFormat.type, null);
+                this.colorTexture = colorTexture;
+                gl.bindFramebuffer(gl.FRAMEBUFFER, this.framebuffer);
+                gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, colorTexture, 0);
+                if (this.useDepth) {
+                  // Create the depth texture
+                  var depthTexture = gl.createTexture();
+                  if (!depthTexture) {
+                    throw new Error('Unable to create depth texture');
+                  }
+                  var depthFormat = this._glDepthFormat();
+                  gl.bindTexture(gl.TEXTURE_2D, depthTexture);
+                  gl.texImage2D(gl.TEXTURE_2D, 0, depthFormat.internalFormat, this.width * this.density, this.height * this.density, 0, depthFormat.format, depthFormat.type, null);
+                  gl.framebufferTexture2D(gl.FRAMEBUFFER, this.useStencil ? gl.DEPTH_STENCIL_ATTACHMENT : gl.DEPTH_ATTACHMENT, gl.TEXTURE_2D, depthTexture, 0);
+                  this.depthTexture = depthTexture;
+                }                // Create separate framebuffer for antialiasing
+
+                if (this.antialias) {
+                  this.colorRenderbuffer = gl.createRenderbuffer();
+                  gl.bindRenderbuffer(gl.RENDERBUFFER, this.colorRenderbuffer);
+                  gl.renderbufferStorageMultisample(gl.RENDERBUFFER, Math.max(0, Math.min(this.antialiasSamples, gl.getParameter(gl.MAX_SAMPLES))), colorFormat.internalFormat, this.width * this.density, this.height * this.density);
+                  if (this.useDepth) {
+                    var _depthFormat = this._glDepthFormat();
+                    this.depthRenderbuffer = gl.createRenderbuffer();
+                    gl.bindRenderbuffer(gl.RENDERBUFFER, this.depthRenderbuffer);
+                    gl.renderbufferStorageMultisample(gl.RENDERBUFFER, Math.max(0, Math.min(this.antialiasSamples, gl.getParameter(gl.MAX_SAMPLES))), _depthFormat.internalFormat, this.width * this.density, this.height * this.density);
+                  }
+                  gl.bindFramebuffer(gl.FRAMEBUFFER, this.aaFramebuffer);
+                  gl.framebufferRenderbuffer(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.RENDERBUFFER, this.colorRenderbuffer);
+                  if (this.useDepth) {
+                    gl.framebufferRenderbuffer(gl.FRAMEBUFFER, this.useStencil ? gl.DEPTH_STENCIL_ATTACHMENT : gl.DEPTH_ATTACHMENT, gl.RENDERBUFFER, this.depthRenderbuffer);
+                  }
+                }
+                if (this.useDepth) {
+                  this.depth = new FramebufferTexture(this, 'depthTexture');
+                  var depthFilter = gl.NEAREST;
+                  this.depthP5Texture = new _main.default.Texture(this.target._renderer, this.depth, {
+                    minFilter: depthFilter,
+                    magFilter: depthFilter
+                  });
+                  this.target._renderer.textures.set(this.depth, this.depthP5Texture);
+                }
+                this.color = new FramebufferTexture(this, 'colorTexture');
+                var filter = this.textureFiltering === constants.LINEAR ? gl.LINEAR : gl.NEAREST;
+                this.colorP5Texture = new _main.default.Texture(this.target._renderer, this.color, {
+                  minFilter: filter,
+                  magFilter: filter
+                });
+                this.target._renderer.textures.set(this.color, this.colorP5Texture);
+                gl.bindTexture(gl.TEXTURE_2D, prevBoundTexture);
+                gl.bindFramebuffer(gl.FRAMEBUFFER, prevBoundFramebuffer);
+              }              /**
+     * To create a WebGL texture, one needs to supply three pieces of information:
+     * the type (the data type each channel will be stored as, e.g. int or float),
+     * the format (the color channels that will each be stored in the previously
+     * specified type, e.g. rgb or rgba), and the internal format (the specifics
+     * of how data for each channel, in the aforementioned type, will be packed
+     * together, such as how many bits to use, e.g. RGBA32F or RGB565.)
+     *
+     * The format and channels asked for by the user hint at what these values
+     * need to be, and the WebGL version affects what options are avaiable.
+     * This method returns the values for these three properties, given the
+     * framebuffer's settings.
+     *
+     * @private
+     */
+
+            },
+            {
+              key: '_glColorFormat',
+              value: function _glColorFormat() {
+                var type,
+                format,
+                internalFormat;
+                var gl = this.gl;
+                if (this.format === constants.FLOAT) {
+                  type = gl.FLOAT;
+                } else if (this.format === constants.HALF_FLOAT) {
+                  type = this.target.webglVersion === constants.WEBGL2 ? gl.HALF_FLOAT : gl.getExtension('OES_texture_half_float').HALF_FLOAT_OES;
+                } else {
+                  type = gl.UNSIGNED_BYTE;
+                }
+                if (this.channels === constants.RGBA) {
+                  format = gl.RGBA;
+                } else {
+                  format = gl.RGB;
+                }
+                if (this.target.webglVersion === constants.WEBGL2) {
+                  var _gl$UNSIGNED_BYTE,
+                  _table;
+                  // https://webgl2fundamentals.org/webgl/lessons/webgl-data-textures.html
+                  var table = (_table = {
+                  }, _defineProperty(_table, gl.FLOAT, _defineProperty({
+                  }, gl.RGBA, gl.RGBA32F)), _defineProperty(_table, gl.HALF_FLOAT, _defineProperty({
+                  }, gl.RGBA, gl.RGBA16F)), _defineProperty(_table, gl.UNSIGNED_BYTE, (_gl$UNSIGNED_BYTE = {
+                  }, _defineProperty(_gl$UNSIGNED_BYTE, gl.RGBA, gl.RGBA8), _defineProperty(_gl$UNSIGNED_BYTE, gl.RGB, gl.RGB8), _gl$UNSIGNED_BYTE)), _table);
+                  internalFormat = table[type][format];
+                } else if (this.format === constants.HALF_FLOAT) {
+                  internalFormat = gl.RGBA;
+                } else {
+                  internalFormat = format;
+                }
+                return {
+                  internalFormat: internalFormat,
+                  format: format,
+                  type: type
+                };
+              }              /**
+     * To create a WebGL texture, one needs to supply three pieces of information:
+     * the type (the data type each channel will be stored as, e.g. int or float),
+     * the format (the color channels that will each be stored in the previously
+     * specified type, e.g. rgb or rgba), and the internal format (the specifics
+     * of how data for each channel, in the aforementioned type, will be packed
+     * together, such as how many bits to use, e.g. RGBA32F or RGB565.)
+     *
+     * This method takes into account the settings asked for by the user and
+     * returns values for these three properties that can be used for the
+     * texture storing depth information.
+     *
+     * @private
+     */
+
+            },
+            {
+              key: '_glDepthFormat',
+              value: function _glDepthFormat() {
+                var type,
+                format,
+                internalFormat;
+                var gl = this.gl;
+                if (this.useStencil) {
+                  if (this.depthFormat === constants.FLOAT) {
+                    type = gl.FLOAT_32_UNSIGNED_INT_24_8_REV;
+                  } else if (this.target.webglVersion === constants.WEBGL2) {
+                    type = gl.UNSIGNED_INT_24_8;
+                  } else {
+                    type = gl.getExtension('WEBGL_depth_texture').UNSIGNED_INT_24_8_WEBGL;
+                  }
+                } else {
+                  if (this.depthFormat === constants.FLOAT) {
+                    type = gl.FLOAT;
+                  } else {
+                    type = gl.UNSIGNED_INT;
+                  }
+                }
+                if (this.useStencil) {
+                  format = gl.DEPTH_STENCIL;
+                } else {
+                  format = gl.DEPTH_COMPONENT;
+                }
+                if (this.useStencil) {
+                  if (this.depthFormat === constants.FLOAT) {
+                    internalFormat = gl.DEPTH32F_STENCIL8;
+                  } else if (this.target.webglVersion === constants.WEBGL2) {
+                    internalFormat = gl.DEPTH24_STENCIL8;
+                  } else {
+                    internalFormat = gl.DEPTH_STENCIL;
+                  }
+                } else if (this.target.webglVersion === constants.WEBGL2) {
+                  if (this.depthFormat === constants.FLOAT) {
+                    internalFormat = gl.DEPTH_COMPONENT32F;
+                  } else {
+                    internalFormat = gl.DEPTH_COMPONENT24;
+                  }
+                } else {
+                  internalFormat = gl.DEPTH_COMPONENT;
+                }
+                return {
+                  internalFormat: internalFormat,
+                  format: format,
+                  type: type
+                };
+              }              /**
+     * A method that will be called when recreating textures. If the framebuffer
+     * is auto-sized, it will update its width, height, and density properties.
+     *
+     * @private
+     */
+
+            },
+            {
+              key: '_updateSize',
+              value: function _updateSize() {
+                if (this.autoSized) {
+                  this.width = this.target.width;
+                  this.height = this.target.height;
+                  this.density = this.target.pixelDensity();
+                }
+              }              /**
+     * Called when the canvas that the framebuffer is attached to resizes. If the
+     * framebuffer is auto-sized, it will update its textures to match the new
+     * size.
+     *
+     * @private
+     */
+
+            },
+            {
+              key: '_canvasSizeChanged',
+              value: function _canvasSizeChanged() {
+                if (this.autoSized) {
+                  this._handleResize();
+                }
+              }              /**
+     * Called when the size of the framebuffer has changed (either by being
+     * manually updated or from auto-size updates when its canvas changes size.)
+     * Old textures and renderbuffers will be deleted, and then recreated with the
+     * new size.
+     *
+     * @private
+     */
+
+            },
+            {
+              key: '_handleResize',
+              value: function _handleResize() {
+                var oldColor = this.color;
+                var oldDepth = this.depth;
+                var oldColorRenderbuffer = this.colorRenderbuffer;
+                var oldDepthRenderbuffer = this.depthRenderbuffer;
+                this._deleteTexture(oldColor);
+                if (oldDepth) this._deleteTexture(oldDepth);
+                var gl = this.gl;
+                if (oldColorRenderbuffer) gl.deleteRenderbuffer(oldColorRenderbuffer);
+                if (oldDepthRenderbuffer) gl.deleteRenderbuffer(oldDepthRenderbuffer);
+                this._recreateTextures();
+                this.defaultCamera._resize();
+              }              /**
+     * Creates and returns a new
+     * <a href="#/p5.FramebufferCamera">p5.FramebufferCamera</a> to be used
+     * while drawing to this framebuffer. The camera will be set as the
+     * currently active camera.
+     *
+     * @method createCamera
+     * @returns {p5.Camera} A new camera
+     */
+
+            },
+            {
+              key: 'createCamera',
+              value: function createCamera() {
+                var cam = new FramebufferCamera(this);
+                cam._computeCameraDefaultSettings();
+                cam._setDefaultCamera();
+                this.target._renderer._curCamera = cam;
+                return cam;
+              }              /**
+     * Given a raw texture wrapper, delete its stored texture from WebGL memory,
+     * and remove it from p5's list of active textures.
+     *
+     * @param {p5.FramebufferTexture} texture
+     * @private
+     */
+
+            },
+            {
+              key: '_deleteTexture',
+              value: function _deleteTexture(texture) {
+                var gl = this.gl;
+                gl.deleteTexture(texture.rawTexture());
+                this.target._renderer.textures.delete(texture);
+              }              /**
+     * Removes the framebuffer and frees its resources.
+     *
+     * @method remove
+     *
+     * @example
+     * <div>
+     * <code>
+     * let framebuffer;
+     * function setup() {
+     *   createCanvas(100, 100, WEBGL);
+     * }
+     *
+     * function draw() {
+     *   const useFramebuffer = (frameCount % 120) > 60;
+     *   if (useFramebuffer && !framebuffer) {
+     *     // Create a new framebuffer for us to use
+     *     framebuffer = createFramebuffer();
+     *   } else if (!useFramebuffer && framebuffer) {
+     *     // Free the old framebuffer's resources
+     *     framebuffer.remove();
+     *     framebuffer = undefined;
+     *   }
+     *
+     *   background(255);
+     *   if (useFramebuffer) {
+     *     // Draw to the framebuffer
+     *     framebuffer.begin();
+     *     background(255);
+     *     rotateX(frameCount * 0.01);
+     *     rotateY(frameCount * 0.01);
+     *     fill(255, 0, 0);
+     *     box(30);
+     *     framebuffer.end();
+     *
+     *     image(framebuffer, -width/2, -height/2);
+     *   }
+     * }
+     * </code>
+     * </div>
+     *
+     * @alt
+     * A rotating red cube blinks on and off every second.
+     */
+
+            },
+            {
+              key: 'remove',
+              value: function remove() {
+                var gl = this.gl;
+                this._deleteTexture(this.color);
+                if (this.depth) this._deleteTexture(this.depth);
+                gl.deleteFramebuffer(this.framebuffer);
+                if (this.aaFramebuffer) {
+                  gl.deleteFramebuffer(this.aaFramebuffer);
+                }
+                if (this.depthRenderbuffer) {
+                  gl.deleteRenderbuffer(this.depthRenderbuffer);
+                }
+                if (this.colorRenderbuffer) {
+                  gl.deleteRenderbuffer(this.colorRenderbuffer);
+                }
+                this.target._renderer.framebuffers.delete(this);
+              }              /**
+     * Begin drawing to this framebuffer. Subsequent drawing functions to the
+     * canvas the framebuffer is attached to will not be immediately visible, and
+     * will instead be drawn to the framebuffer's texture. Call
+     * <a href="#/p5.Framebuffer/end">end()</a> when finished to make draw
+     * functions go right to the canvas again and to be able to read the
+     * contents of the framebuffer's texture.
+     *
+     * @method begin
+     *
+     * @example
+     * <div>
+     * <code>
+     * let framebuffer;
+     * function setup() {
+     *   createCanvas(100, 100, WEBGL);
+     *   framebuffer = createFramebuffer();
+     *   noStroke();
+     * }
+     *
+     * function draw() {
+     *   // Draw to the framebuffer
+     *   framebuffer.begin();
+     *   background(255);
+     *   translate(0, 10*sin(frameCount * 0.01), 0);
+     *   rotateX(frameCount * 0.01);
+     *   rotateY(frameCount * 0.01);
+     *   fill(255, 0, 0);
+     *   box(50);
+     *   framebuffer.end();
+     *
+     *   background(100);
+     *   // Draw the framebuffer to the main canvas
+     *   image(framebuffer, -50, -50, 25, 25);
+     *   image(framebuffer, 0, 0, 35, 35);
+     * }
+     * </code>
+     * </div>
+     *
+     * @alt
+     * A video of a floating and rotating red cube is pasted twice on the
+     * canvas: once in the top left, and again, larger, in the bottom right.
+     */
+
+            },
+            {
+              key: 'begin',
+              value: function begin() {
+                this.prevFramebuffer = this.target._renderer.activeFramebuffer();
+                if (this.prevFramebuffer) {
+                  this.prevFramebuffer._beforeEnd();
+                }
+                this.target._renderer.activeFramebuffers.push(this);
+                this._beforeBegin();
+                this.target.push();
+                // Apply the framebuffer's camera. This does almost what
+                // RendererGL.reset() does, but this does not try to clear any buffers;
+                // it only sets the camera.
+                this.target.setCamera(this.defaultCamera);
+                this.target._renderer.uMVMatrix.set(this.target._renderer._curCamera.cameraMatrix.mat4[0], this.target._renderer._curCamera.cameraMatrix.mat4[1], this.target._renderer._curCamera.cameraMatrix.mat4[2], this.target._renderer._curCamera.cameraMatrix.mat4[3], this.target._renderer._curCamera.cameraMatrix.mat4[4], this.target._renderer._curCamera.cameraMatrix.mat4[5], this.target._renderer._curCamera.cameraMatrix.mat4[6], this.target._renderer._curCamera.cameraMatrix.mat4[7], this.target._renderer._curCamera.cameraMatrix.mat4[8], this.target._renderer._curCamera.cameraMatrix.mat4[9], this.target._renderer._curCamera.cameraMatrix.mat4[10], this.target._renderer._curCamera.cameraMatrix.mat4[11], this.target._renderer._curCamera.cameraMatrix.mat4[12], this.target._renderer._curCamera.cameraMatrix.mat4[13], this.target._renderer._curCamera.cameraMatrix.mat4[14], this.target._renderer._curCamera.cameraMatrix.mat4[15]);
+              }              /**
+     * When making a p5.Framebuffer active so that it may be drawn to, this method
+     * returns the underlying WebGL framebuffer that needs to be active to
+     * support this. Antialiased framebuffers first write to a multisampled
+     * renderbuffer, while other framebuffers can write directly to their main
+     * framebuffers.
+     *
+     * @method _framebufferToBind
+     * @private
+     */
+
+            },
+            {
+              key: '_framebufferToBind',
+              value: function _framebufferToBind() {
+                if (this.antialias) {
+                  // If antialiasing, draw to an antialiased renderbuffer rather
+                  // than directly to the texture. In end() we will copy from the
+                  // renderbuffer to the texture.
+                  return this.aaFramebuffer;
+                } else {
+                  return this.framebuffer;
+                }
+              }              /**
+     * Ensures that the framebuffer is ready to be drawn to
+     *
+     * @method _beforeBegin
+     * @private
+     */
+
+            },
+            {
+              key: '_beforeBegin',
+              value: function _beforeBegin() {
+                var gl = this.gl;
+                gl.bindFramebuffer(gl.FRAMEBUFFER, this._framebufferToBind());
+                this.target._renderer.viewport(this.width * this.density, this.height * this.density);
+              }              /**
+     * Ensures that the framebuffer is ready to be read by other framebuffers.
+     *
+     * @method _beforeEnd
+     * @private
+     */
+
+            },
+            {
+              key: '_beforeEnd',
+              value: function _beforeEnd() {
+                if (this.antialias) {
+                  var gl = this.gl;
+                  gl.bindFramebuffer(gl.READ_FRAMEBUFFER, this.aaFramebuffer);
+                  gl.bindFramebuffer(gl.DRAW_FRAMEBUFFER, this.framebuffer);
+                  var partsToCopy = [
+                    [gl.COLOR_BUFFER_BIT,
+                    this.colorP5Texture.glMagFilter]
+                  ];
+                  if (this.useDepth) {
+                    partsToCopy.push([gl.DEPTH_BUFFER_BIT,
+                    this.depthP5Texture.glMagFilter]);
+                  }
+                  for (var _i = 0, _partsToCopy = partsToCopy; _i < _partsToCopy.length; _i++) {
+                    var _partsToCopy$_i = _slicedToArray(_partsToCopy[_i], 2),
+                    flag = _partsToCopy$_i[0],
+                    filter = _partsToCopy$_i[1];
+                    gl.blitFramebuffer(0, 0, this.width * this.density, this.height * this.density, 0, 0, this.width * this.density, this.height * this.density, flag, filter);
+                  }
+                }
+              }              /**
+     * After having previously called
+     * <a href="#/p5.Framebuffer/begin">begin()</a>, this method stops drawing
+     * functions from going to the framebuffer's texture, allowing them to go
+     * right to the canvas again. After this, one can read from the framebuffer's
+     * texture.
+     *
+     * @method end
+     */
+
+            },
+            {
+              key: 'end',
+              value: function end() {
+                var gl = this.gl;
+                this.target.pop();
+                var fbo = this.target._renderer.activeFramebuffers.pop();
+                if (fbo !== this) {
+                  throw new Error('It looks like you\'ve called end() while another Framebuffer is active.');
+                }
+                this._beforeEnd();
+                if (this.prevFramebuffer) {
+                  this.prevFramebuffer._beforeBegin();
+                } else {
+                  gl.bindFramebuffer(gl.FRAMEBUFFER, null);
+                  this.target._renderer.viewport(this.target._renderer._origViewport.width, this.target._renderer._origViewport.height);
+                }
+                this.target._renderer._applyStencilTestIfClipping();
+              }              /**
+     * Run a function while drawing to the framebuffer rather than to its canvas.
+     * This is equivalent to calling `framebuffer.begin()`, running the function,
+     * and then calling `framebuffer.end()`, but ensures that one never
+     * accidentally forgets `begin` or `end`.
+     *
+     * @method draw
+     * @param {Function} callback A function to run that draws to the canvas. The
+     * function will immediately be run, but it will draw to the framebuffer
+     * instead of the canvas.
+     *
+     * @example
+     * <div>
+     * <code>
+     * let framebuffer;
+     * function setup() {
+     *   createCanvas(100, 100, WEBGL);
+     *   framebuffer = createFramebuffer();
+     *   noStroke();
+     * }
+     *
+     * function draw() {
+     *   // Draw to the framebuffer
+     *   framebuffer.draw(function() {
+     *     background(255);
+     *     translate(0, 10*sin(frameCount * 0.01), 0);
+     *     rotateX(frameCount * 0.01);
+     *     rotateY(frameCount * 0.01);
+     *     fill(255, 0, 0);
+     *     box(50);
+     *   });
+     *
+     *   background(100);
+     *   // Draw the framebuffer to the main canvas
+     *   image(framebuffer, -50, -50, 25, 25);
+     *   image(framebuffer, 0, 0, 35, 35);
+     * }
+     * </code>
+     * </div>
+     *
+     * @alt
+     * A video of a floating and rotating red cube is pasted twice on the
+     * canvas: once in the top left, and again, larger, in the bottom right.
+     */
+
+            },
+            {
+              key: 'draw',
+              value: function draw(callback) {
+                this.begin();
+                callback();
+                this.end();
+              }              /**
+     * Call this befpre updating <a href="#/p5.Framebuffer/pixels">pixels</a>
+     * and calling <a href="#/p5.Framebuffer/updatePixels">updatePixels</a>
+     * to replace the content of the framebuffer with the data in the pixels
+     * array.
+     */
+
+            },
+            {
+              key: 'loadPixels',
+              value: function loadPixels() {
+                var gl = this.gl;
+                var prevFramebuffer = this.target._renderer.activeFramebuffer();
+                gl.bindFramebuffer(gl.FRAMEBUFFER, this.framebuffer);
+                var colorFormat = this._glColorFormat();
+                this.pixels = (0, _p2.readPixelsWebGL) (this.pixels, gl, this.framebuffer, 0, 0, this.width * this.density, this.height * this.density, colorFormat.format, colorFormat.type);
+                if (prevFramebuffer) {
+                  gl.bindFramebuffer(gl.FRAMEBUFFER, prevFramebuffer._framebufferToBind());
+                } else {
+                  gl.bindFramebuffer(gl.FRAMEBUFFER, null);
+                }
+              }              /**
+     * Get a region of pixels from the canvas in the form of a
+     * <a href="#/p5.Image">p5.Image</a>, or a single pixel as an array of
+     * numbers.
+     *
+     * Returns an array of [R,G,B,A] values for any pixel or grabs a section of
+     * an image. If the Framebuffer has been set up to not store alpha values, then
+     * only [R,G,B] will be returned. If no parameters are specified, the entire
+     * image is returned.
+     * Use the x and y parameters to get the value of one pixel. Get a section of
+     * the display window by specifying additional w and h parameters. When
+     * getting an image, the x and y parameters define the coordinates for the
+     * upper-left corner of the image, regardless of the current <a href="#/p5/imageMode">imageMode()</a>.
+     *
+     * @method get
+     * @param  {Number}         x x-coordinate of the pixel
+     * @param  {Number}         y y-coordinate of the pixel
+     * @param  {Number}         w width of the section to be returned
+     * @param  {Number}         h height of the section to be returned
+     * @return {p5.Image}       the rectangle <a href="#/p5.Image">p5.Image</a>
+     */
+              /**
+     * @method get
+     * @return {p5.Image}      the whole <a href="#/p5.Image">p5.Image</a>
+     */
+              /**
+     * @method get
+     * @param  {Number}        x
+     * @param  {Number}        y
+     * @return {Number[]}      color of pixel at x,y in array format [R, G, B, A]
+     */
+
+            },
+            {
+              key: 'get',
+              value: function get(x, y, w, h) {
+                _main.default._validateParameters('p5.Framebuffer.get', arguments);
+                var colorFormat = this._glColorFormat();
+                if (x === undefined && y === undefined) {
+                  x = 0;
+                  y = 0;
+                  w = this.width;
+                  h = this.height;
+                } else if (w === undefined && h === undefined) {
+                  if (x < 0 || y < 0 || x >= this.width || y >= this.height) {
+                    console.warn('The x and y values passed to p5.Framebuffer.get are outside of its range and will be clamped.');
+                    x = this.target.constrain(x, 0, this.width - 1);
+                    y = this.target.constrain(y, 0, this.height - 1);
+                  }
+                  return (0, _p2.readPixelWebGL) (this.gl, this.framebuffer, x * this.density, y * this.density, colorFormat.format, colorFormat.type);
+                }
+                x = this.target.constrain(x, 0, this.width - 1);
+                y = this.target.constrain(y, 0, this.height - 1);
+                w = this.target.constrain(w, 1, this.width - x);
+                h = this.target.constrain(h, 1, this.height - y);
+                var rawData = (0, _p2.readPixelsWebGL) (undefined, this.gl, this.framebuffer, x * this.density, y * this.density, w * this.density, h * this.density, colorFormat.format, colorFormat.type);
+                // Framebuffer data might be either a Uint8Array or Float32Array
+                // depending on its format, and it may or may not have an alpha channel.
+                // To turn it into an image, we have to normalize the data into a
+                // Uint8ClampedArray with alpha.
+                var fullData = new Uint8ClampedArray(w * h * this.density * this.density * 4);
+                // Default channels that aren't in the framebuffer (e.g. alpha, if the
+                // framebuffer is in RGB mode instead of RGBA) to 255
+                fullData.fill(255);
+                var channels = colorFormat.type === this.gl.RGB ? 3 : 4;
+                for (var _y = 0; _y < h * this.density; _y++) {
+                  for (var _x = 0; _x < w * this.density; _x++) {
+                    for (var channel = 0; channel < 4; channel++) {
+                      var idx = (_y * w * this.density + _x) * 4 + channel;
+                      if (channel < channels) {
+                        // Find the index of this pixel in `rawData`, which might have a
+                        // different number of channels
+                        var rawDataIdx = channels === 4 ? idx : (_y * w * this.density + _x) * channels + channel;
+                        fullData[idx] = rawData[rawDataIdx];
+                      }
+                    }
+                  }
+                }                // Create an image from the data
+
+                var region = new _main.default.Image(w * this.density, h * this.density);
+                region.imageData = region.canvas.getContext('2d').createImageData(region.width, region.height);
+                region.imageData.data.set(fullData);
+                region.pixels = region.imageData.data;
+                region.updatePixels();
+                if (this.density !== 1) {
+                  // TODO: support get() at a pixel density > 1
+                  region.resize(w, h);
+                }
+                return region;
+              }              /**
+     * Call this after initially calling <a href="#/p5.Framebuffer/loadPixels">
+     * loadPixels()</a> and updating <a href="#/p5.Framebuffer/pixels">pixels</a>
+     * to replace the content of the framebuffer with the data in the pixels
+     * array.
+     *
+     * This will also clear the depth buffer so that any future drawing done
+     * afterwards will go on top.
+     *
+     * @example
+     * <div>
+     * <code>
+     * let framebuffer;
+     * function setup() {
+     *   createCanvas(100, 100, WEBGL);
+     *   framebuffer = createFramebuffer();
+     * }
+      * function draw() {
+     *   noStroke();
+     *   lights();
+     *
+     *   // Draw a sphere to the framebuffer
+     *   framebuffer.begin();
+     *   background(0);
+     *   sphere(25);
+     *   framebuffer.end();
+     *
+     *   // Load its pixels and draw a gradient over the lower half of the canvas
+     *   framebuffer.loadPixels();
+     *   for (let y = height/2; y < height; y++) {
+     *     for (let x = 0; x < width; x++) {
+     *       const idx = (y * width + x) * 4;
+     *       framebuffer.pixels[idx] = (x / width) * 255;
+     *       framebuffer.pixels[idx + 1] = (y / height) * 255;
+     *       framebuffer.pixels[idx + 2] = 255;
+     *       framebuffer.pixels[idx + 3] = 255;
+     *     }
+     *   }
+     *   framebuffer.updatePixels();
+     *
+     *   // Draw a cube on top of the pixels we just wrote
+     *   framebuffer.begin();
+     *   push();
+     *   translate(20, 20);
+     *   rotateX(0.5);
+     *   rotateY(0.5);
+     *   box(20);
+     *   pop();
+     *   framebuffer.end();
+     *
+     *   image(framebuffer, -width/2, -height/2);
+     *   noLoop();
+     * }
+     * </code>
+     * </div>
+     *
+     * @alt
+     * A sphere partly occluded by a gradient from cyan to white to magenta on
+     * the lower half of the canvas, with a 3D cube drawn on top of that in the
+     * lower right corner.
+     */
+
+            },
+            {
+              key: 'updatePixels',
+              value: function updatePixels() {
+                var gl = this.gl;
+                this.colorP5Texture.bindTexture();
+                var colorFormat = this._glColorFormat();
+                var channels = colorFormat.format === gl.RGBA ? 4 : 3;
+                var len = this.width * this.height * this.density * this.density * channels;
+                var TypedArrayClass = colorFormat.type === gl.UNSIGNED_BYTE ? Uint8Array : Float32Array;
+                if (!(this.pixels instanceof TypedArrayClass) || this.pixels.length !== len) {
+                  throw new Error('The pixels array has not been set correctly. Please call loadPixels() before updatePixels().');
+                }
+                gl.texImage2D(gl.TEXTURE_2D, 0, colorFormat.internalFormat, this.width * this.density, this.height * this.density, 0, colorFormat.format, colorFormat.type, this.pixels);
+                this.colorP5Texture.unbindTexture();
+                var prevFramebuffer = this.target._renderer.activeFramebuffer();
+                if (this.antialias) {
+                  // We need to make sure the antialiased framebuffer also has the updated
+                  // pixels so that if more is drawn to it, it goes on top of the updated
+                  // pixels instead of replacing them.
+                  // We can't blit the framebuffer to the multisampled antialias
+                  // framebuffer to leave both in the same state, so instead we have
+                  // to use image() to put the framebuffer texture onto the antialiased
+                  // framebuffer.
+                  this.begin();
+                  this.target.push();
+                  this.target.imageMode(this.target.CENTER);
+                  this.target.resetMatrix();
+                  this.target.noStroke();
+                  this.target.clear();
+                  this.target.image(this, 0, 0);
+                  this.target.pop();
+                  if (this.useDepth) {
+                    gl.clearDepth(1);
+                    gl.clear(gl.DEPTH_BUFFER_BIT);
+                  }
+                  this.end();
+                } else {
+                  gl.bindFramebuffer(gl.FRAMEBUFFER, this.framebuffer);
+                  if (this.useDepth) {
+                    gl.clearDepth(1);
+                    gl.clear(gl.DEPTH_BUFFER_BIT);
+                  }
+                  if (prevFramebuffer) {
+                    gl.bindFramebuffer(gl.FRAMEBUFFER, prevFramebuffer._framebufferToBind());
+                  } else {
+                    gl.bindFramebuffer(gl.FRAMEBUFFER, null);
+                  }
+                }
+              }
+            }
+          ]);
+          return Framebuffer;
+        }();
+        /**
+ * A texture with the color information of the framebuffer. Pass this (or the
+ * framebuffer itself) to <a href="#/p5/texture">texture()</a> to draw it to
+ * the canvas, or pass it to a shader with
+ * <a href="#/p5.Shader/setUniform">setUniform()</a> to read its data.
+ *
+ * Since Framebuffers are controlled by WebGL, their y coordinates are stored
+ * flipped compared to images and videos. When texturing with a framebuffer
+ * texture, you may want to flip vertically, e.g. with
+ * `plane(framebuffer.width, -framebuffer.height)`.
+ *
+ * @property {p5.FramebufferTexture} color
+ * @for p5.Framebuffer
+ *
+ * @example
+ * <div>
+ * <code>
+ * let framebuffer;
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   framebuffer = createFramebuffer();
+ *   noStroke();
+ * }
+ *
+ * function draw() {
+ *   // Draw to the framebuffer
+ *   framebuffer.begin();
+ *   background(255);
+ *   normalMaterial();
+ *   sphere(20);
+ *   framebuffer.end();
+ *
+ *   // Draw the framebuffer to the main canvas
+ *   image(framebuffer.color, -width/2, -height/2);
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * A red, green, and blue sphere in the middle of the canvas
+ */
+        /**
+ * A texture with the depth information of the framebuffer. If the framebuffer
+ * was created with `{ depth: false }` in its settings, then this property will
+ * be undefined. Pass this to <a href="#/p5/texture">texture()</a> to draw it to
+ * the canvas, or pass it to a shader with
+ * <a href="#/p5.Shader/setUniform">setUniform()</a> to read its data.
+ *
+ * Since Framebuffers are controlled by WebGL, their y coordinates are stored
+ * flipped compared to images and videos. When texturing with a framebuffer
+ * texture, you may want to flip vertically, e.g. with
+ * `plane(framebuffer.width, -framebuffer.height)`.
+ *
+ * @property {p5.FramebufferTexture|undefined} depth
+ * @for p5.Framebuffer
+ *
+ * @example
+ * <div>
+ * <code>
+ * let framebuffer;
+ * let depthShader;
+ *
+ * const vert = `
+ * precision highp float;
+ * attribute vec3 aPosition;
+ * attribute vec2 aTexCoord;
+ * uniform mat4 uModelViewMatrix;
+ * uniform mat4 uProjectionMatrix;
+ * varying vec2 vTexCoord;
+ * void main() {
+ *   vec4 viewModelPosition = uModelViewMatrix * vec4(aPosition, 1.0);
+ *   gl_Position = uProjectionMatrix * viewModelPosition;
+ *   vTexCoord = aTexCoord;
+ * }
+ * `;
+ *
+ * const frag = `
+ * precision highp float;
+ * varying vec2 vTexCoord;
+ * uniform sampler2D depth;
+ * void main() {
+ *   float depthVal = texture2D(depth, vTexCoord).r;
+ *   gl_FragColor = mix(
+ *     vec4(1., 1., 0., 1.), // yellow
+ *     vec4(0., 0., 1., 1.), // blue
+ *     pow(depthVal, 6.)
+ *   );
+ * }
+ * `;
+ *
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   framebuffer = createFramebuffer();
+ *   depthShader = createShader(vert, frag);
+ *   noStroke();
+ * }
+ *
+ * function draw() {
+ *   // Draw to the framebuffer
+ *   framebuffer.begin();
+ *   background(255);
+ *   rotateX(frameCount * 0.01);
+ *   box(20, 20, 100);
+ *   framebuffer.end();
+ *
+ *   push();
+ *   shader(depthShader);
+ *   depthShader.setUniform('depth', framebuffer.depth);
+ *   plane(framebuffer.width, framebuffer.height);
+ *   pop();
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt
+ * A video of a rectangular prism rotating, with parts closest to the camera
+ * appearing yellow and colors getting progressively more blue the farther
+ * from the camera they go
+ */
+        _main.default.Framebuffer = Framebuffer;
+        var _default = Framebuffer;
+        exports.default = _default;
+      },
+      {
+        '../core/constants': 286,
+        '../core/main': 298,
+        './p5.RendererGL': 355,
+        './p5.Texture': 357,
+        'core-js/modules/es.array.fill': 172,
+        'core-js/modules/es.array.includes': 177,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.object.get-own-property-descriptor': 196,
+        'core-js/modules/es.object.get-prototype-of': 198,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.reflect.construct': 202,
+        'core-js/modules/es.reflect.get': 203,
+        'core-js/modules/es.regexp.to-string': 206,
+        'core-js/modules/es.string.includes': 209,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/es.typed-array.copy-within': 223,
+        'core-js/modules/es.typed-array.every': 224,
+        'core-js/modules/es.typed-array.fill': 225,
+        'core-js/modules/es.typed-array.filter': 226,
+        'core-js/modules/es.typed-array.find': 228,
+        'core-js/modules/es.typed-array.find-index': 227,
+        'core-js/modules/es.typed-array.float32-array': 229,
+        'core-js/modules/es.typed-array.for-each': 231,
+        'core-js/modules/es.typed-array.includes': 232,
+        'core-js/modules/es.typed-array.index-of': 233,
+        'core-js/modules/es.typed-array.iterator': 236,
+        'core-js/modules/es.typed-array.join': 237,
+        'core-js/modules/es.typed-array.last-index-of': 238,
+        'core-js/modules/es.typed-array.map': 239,
+        'core-js/modules/es.typed-array.reduce': 241,
+        'core-js/modules/es.typed-array.reduce-right': 240,
+        'core-js/modules/es.typed-array.reverse': 242,
+        'core-js/modules/es.typed-array.set': 243,
+        'core-js/modules/es.typed-array.slice': 244,
+        'core-js/modules/es.typed-array.some': 245,
+        'core-js/modules/es.typed-array.sort': 246,
+        'core-js/modules/es.typed-array.subarray': 247,
+        'core-js/modules/es.typed-array.to-locale-string': 248,
+        'core-js/modules/es.typed-array.to-string': 249,
+        'core-js/modules/es.typed-array.uint8-array': 252,
+        'core-js/modules/es.typed-array.uint8-clamped-array': 253,
+        'core-js/modules/es.weak-map': 254,
+        'core-js/modules/web.dom-collections.iterator': 256
+      }
+    ],
+    350: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.concat');
+        _dereq_('core-js/modules/es.array.for-each');
+        _dereq_('core-js/modules/es.array.from');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.map');
+        _dereq_('core-js/modules/es.object.get-own-property-descriptor');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        _dereq_('core-js/modules/es.set');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.string.sub');
+        _dereq_('core-js/modules/es.weak-map');
+        _dereq_('core-js/modules/web.dom-collections.for-each');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        function _typeof2(obj) {
+          if (typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol') {
+            _typeof2 = function _typeof2(obj) {
+              return typeof obj;
+            };
+          } else {
+            _typeof2 = function _typeof2(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj;
+            };
+          }
+          return _typeof2(obj);
+        }
+        function _typeof(obj) {
+          if (typeof Symbol === 'function' && _typeof2(Symbol.iterator) === 'symbol') {
+            _typeof = function _typeof(obj) {
+              return _typeof2(obj);
+            };
+          } else {
+            _typeof = function _typeof(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : _typeof2(obj);
+            };
+          }
+          return _typeof(obj);
+        }
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.concat');
+        _dereq_('core-js/modules/es.array.for-each');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.map');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.set');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.string.sub');
+        _dereq_('core-js/modules/web.dom-collections.for-each');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        var constants = _interopRequireWildcard(_dereq_('../core/constants'));
+        function _getRequireWildcardCache() {
+          if (typeof WeakMap !== 'function') return null;
+          var cache = new WeakMap();
+          _getRequireWildcardCache = function _getRequireWildcardCache() {
+            return cache;
+          };
+          return cache;
+        }
+        function _interopRequireWildcard(obj) {
+          if (obj && obj.__esModule) {
+            return obj;
+          }
+          if (obj === null || _typeof(obj) !== 'object' && typeof obj !== 'function') {
+            return {
+            default:
+              obj
+            };
+          }
+          var cache = _getRequireWildcardCache();
+          if (cache && cache.has(obj)) {
+            return cache.get(obj);
+          }
+          var newObj = {
+          };
+          var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+          for (var key in obj) {
+            if (Object.prototype.hasOwnProperty.call(obj, key)) {
+              var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+              if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+              } else {
+                newObj[key] = obj[key];
+              }
+            }
+          }
+          newObj.default = obj;
+          if (cache) {
+            cache.set(obj, newObj);
+          }
+          return newObj;
+        }
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }
+        function _toConsumableArray(arr) {
+          return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
+        }
+        function _nonIterableSpread() {
+          throw new TypeError('Invalid attempt to spread non-iterable instance');
+        }
+        function _iterableToArray(iter) {
+          if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === '[object Arguments]') return Array.from(iter);
+        }
+        function _arrayWithoutHoles(arr) {
+          if (Array.isArray(arr)) {
+            for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) {
+              arr2[i] = arr[i];
+            }
+            return arr2;
+          }
+        }
+        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;
+        } /**
+   * @module Shape
+   * @submodule 3D Primitives
+   * @for p5
+   * @requires core
+   * @requires p5.Geometry
+   */
+        //some of the functions are adjusted from Three.js(http://threejs.org)
+        /**
+ * p5 Geometry class
+ * @class p5.Geometry
+ * @constructor
+ * @param  {Integer} [detailX] number of vertices along the x-axis.
+ * @param  {Integer} [detailY] number of vertices along the y-axis.
+ * @param {function} [callback] function to call upon object instantiation.
+ */
+
+        _main.default.Geometry = /*#__PURE__*/ function () {
+          function Geometry(detailX, detailY, callback) {
+            _classCallCheck(this, Geometry);
+            //an array containing every vertex
+            //@type [p5.Vector]
+            this.vertices = [
+            ];
+            //an array containing every vertex for stroke drawing
+            this.lineVertices = new _main.default.DataArray();
+            // The tangents going into or out of a vertex on a line. Along a straight
+            // line segment, both should be equal. At an endpoint, one or the other
+            // will not exist and will be all 0. In joins between line segments, they
+            // may be different, as they will be the tangents on either side of the join.
+            this.lineTangentsIn = new _main.default.DataArray();
+            this.lineTangentsOut = new _main.default.DataArray();
+            // When drawing lines with thickness, entries in this buffer represent which
+            // side of the centerline the vertex will be placed. The sign of the number
+            // will represent the side of the centerline, and the absolute value will be
+            // used as an enum to determine which part of the cap or join each vertex
+            // represents. See the doc comments for _addCap and _addJoin for diagrams.
+            this.lineSides = new _main.default.DataArray();
+            //an array containing 1 normal per vertex
+            //@type [p5.Vector]
+            //[p5.Vector, p5.Vector, p5.Vector,p5.Vector, p5.Vector, p5.Vector,...]
+            this.vertexNormals = [
+            ];
+            //an array containing each three vertex indices that form a face
+            //[[0, 1, 2], [2, 1, 3], ...]
+            this.faces = [
+            ];
+            //a 2D array containing uvs for every vertex
+            //[[0.0,0.0],[1.0,0.0], ...]
+            this.uvs = [
+            ];
+            // a 2D array containing edge connectivity pattern for create line vertices
+            //based on faces for most objects;
+            this.edges = [
+            ];
+            this.vertexColors = [
+            ];
+            // One color per vertex representing the stroke color at that vertex
+            this.vertexStrokeColors = [
+            ];
+            // One color per line vertex, generated automatically based on
+            // vertexStrokeColors in _edgesToVertices()
+            this.lineVertexColors = new _main.default.DataArray();
+            this.detailX = detailX !== undefined ? detailX : 1;
+            this.detailY = detailY !== undefined ? detailY : 1;
+            this.dirtyFlags = {
+            };
+            if (callback instanceof Function) {
+              callback.call(this);
+            }
+            return this; // TODO: is this a constructor?
+          }
+          _createClass(Geometry, [
+            {
+              key: 'reset',
+              value: function reset() {
+                this.lineVertices.clear();
+                this.lineTangentsIn.clear();
+                this.lineTangentsOut.clear();
+                this.lineSides.clear();
+                this.vertices.length = 0;
+                this.edges.length = 0;
+                this.vertexColors.length = 0;
+                this.vertexStrokeColors.length = 0;
+                this.lineVertexColors.clear();
+                this.vertexNormals.length = 0;
+                this.uvs.length = 0;
+                this.dirtyFlags = {
+                };
+              }              /**
+     * Removes the internal colors of p5.Geometry.
+     * Using `clearColors()`, you can use `fill()` to supply new colors before drawing each shape.
+     * If `clearColors()` is not used, the shapes will use their internal colors by ignoring `fill()`.
+     *
+     * @method clearColors
+     *
+     * @example
+     * <div>
+     * <code>
+     * let shape01;
+     * let shape02;
+     * let points = [];
+     *
+     * function setup() {
+     *   createCanvas(600, 600, WEBGL);
+     *   points.push(new p5.Vector(-1, -1, 0), new p5.Vector(-1, 1, 0),
+     *     new p5.Vector(1, -1, 0), new p5.Vector(-1, -1, 0));
+     *   buildShape01();
+     *   buildShape02();
+     * }
+     * function draw() {
+     *   background(0);
+     *   fill('pink'); // shape01 retains its internal blue color, so it won't turn pink.
+     *   model(shape01);
+     *   fill('yellow'); // Now, shape02 is yellow.
+     *   model(shape02);
+     * }
+     *
+     * function buildShape01() {
+     *   beginGeometry();
+     *   fill('blue'); // shape01's color is blue because its internal colors remain.
+     *   beginShape();
+     *   for (let vec of points) vertex(vec.x * 100, vec.y * 100, vec.z * 100);
+     *   endShape(CLOSE);
+     *   shape01 = endGeometry();
+     * }
+     *
+     * function buildShape02() {
+     *   beginGeometry();
+     *   fill('red');  // shape02.clearColors() removes its internal colors. Now, shape02 is red.
+     *   beginShape();
+     *   for (let vec of points) vertex(vec.x * 200, vec.y * 200, vec.z * 200);
+     *   endShape(CLOSE);
+     *   shape02 = endGeometry();
+     *   shape02.clearColors(); // Resets shape02's colors.
+     * }
+     * </code>
+     * </div>
+     */
+
+            },
+            {
+              key: 'clearColors',
+              value: function clearColors() {
+                this.vertexColors = [
+                ];
+                return this;
+              }              /**
+    * computes faces for geometry objects based on the vertices.
+    * @method computeFaces
+    * @chainable
+    */
+
+            },
+            {
+              key: 'computeFaces',
+              value: function computeFaces() {
+                this.faces.length = 0;
+                var sliceCount = this.detailX + 1;
+                var a,
+                b,
+                c,
+                d;
+                for (var i = 0; i < this.detailY; i++) {
+                  for (var j = 0; j < this.detailX; j++) {
+                    a = i * sliceCount + j; // + offset;
+                    b = i * sliceCount + j + 1; // + offset;
+                    c = (i + 1) * sliceCount + j + 1; // + offset;
+                    d = (i + 1) * sliceCount + j; // + offset;
+                    this.faces.push([a,
+                    b,
+                    d]);
+                    this.faces.push([d,
+                    b,
+                    c]);
+                  }
+                }
+                return this;
+              }
+            },
+            {
+              key: '_getFaceNormal',
+              value: function _getFaceNormal(faceId) {
+                //This assumes that vA->vB->vC is a counter-clockwise ordering
+                var face = this.faces[faceId];
+                var vA = this.vertices[face[0]];
+                var vB = this.vertices[face[1]];
+                var vC = this.vertices[face[2]];
+                var ab = _main.default.Vector.sub(vB, vA);
+                var ac = _main.default.Vector.sub(vC, vA);
+                var n = _main.default.Vector.cross(ab, ac);
+                var ln = _main.default.Vector.mag(n);
+                var sinAlpha = ln / (_main.default.Vector.mag(ab) * _main.default.Vector.mag(ac));
+                if (sinAlpha === 0 || isNaN(sinAlpha)) {
+                  console.warn('p5.Geometry.prototype._getFaceNormal:', 'face has colinear sides or a repeated vertex');
+                  return n;
+                }
+                if (sinAlpha > 1) sinAlpha = 1; // handle float rounding error
+                return n.mult(Math.asin(sinAlpha) / ln);
+              }              /**
+     * This function calculates normals for each face, where each vertex's normal is the average of the normals of all faces it's connected to.
+     * i.e computes smooth normals per vertex as an average of each face.
+     *
+     * When using `FLAT` shading, vertices are disconnected/duplicated i.e each face has its own copy of vertices.
+     * When using `SMOOTH` shading, vertices are connected/deduplicated i.e each face has its vertices shared with other faces.
+     *
+     * Options can include:
+     * - `roundToPrecision`: Precision value for rounding computations. Defaults to 3.
+     *
+     * @method computeNormals
+     * @param {String} [shadingType] shading type (`FLAT` for flat shading or `SMOOTH` for smooth shading) for buildGeometry() outputs. Defaults to `FLAT`.
+     * @param {Object} [options] An optional object with configuration.
+     * @chainable
+     *
+     * @example
+     * <div>
+     * <code>
+     * let helix;
+     *
+     * function setup() {
+     *   createCanvas(100, 100, WEBGL);
+     *
+     *   helix = buildGeometry(() => {
+     *     beginShape();
+     *
+     *     for (let i = 0; i < TWO_PI * 3; i += 0.6) {
+     *       let radius = 20;
+     *       let x = cos(i) * radius;
+     *       let y = sin(i) * radius;
+     *       let z = map(i, 0, TWO_PI * 3, -30, 30);
+     *       vertex(x, y, z);
+     *     }
+     *     endShape();
+     *   });
+     *   helix.computeNormals();
+     * }
+     * function draw() {
+     *   background(255);
+     *   stroke(0);
+     *   fill(150, 200, 250);
+     *   lights();
+     *   rotateX(PI*0.2);
+     *   orbitControl();
+     *   model(helix);
+     * }
+     * </code>
+     * </div>
+     *
+     * @alt
+     * A 3D helix using the computeNormals() function by default uses `FLAT` to create a flat shading effect on the helix.
+     *
+     * @example
+     * <div>
+     * <code>
+     * let star;
+     *
+     * function setup() {
+     *   createCanvas(100, 100, WEBGL);
+     *
+     *   star = buildGeometry(() => {
+     *     beginShape();
+     *     for (let i = 0; i < TWO_PI; i += PI / 5) {
+     *       let outerRadius = 60;
+     *       let innerRadius = 30;
+     *       let xOuter = cos(i) * outerRadius;
+     *       let yOuter = sin(i) * outerRadius;
+     *       let zOuter = random(-20, 20);
+     *       vertex(xOuter, yOuter, zOuter);
+     *
+     *       let nextI = i + PI / 5 / 2;
+     *       let xInner = cos(nextI) * innerRadius;
+     *       let yInner = sin(nextI) * innerRadius;
+     *       let zInner = random(-20, 20);
+     *       vertex(xInner, yInner, zInner);
+     *     }
+     *     endShape(CLOSE);
+     *   });
+     *   star.computeNormals(SMOOTH);
+     * }
+     * function draw() {
+     *   background(255);
+     *   stroke(0);
+     *   fill(150, 200, 250);
+     *   lights();
+     *   rotateX(PI*0.2);
+     *   orbitControl();
+     *   model(star);
+     * }
+     * </code>
+     * </div>
+     *
+     * @alt
+     * A star-like geometry, here the computeNormals(SMOOTH) is applied for a smooth shading effect.
+     * This helps to avoid the faceted appearance that can occur with flat shading.
+     */
+
+            },
+            {
+              key: 'computeNormals',
+              value: function computeNormals() {
+                var _this = this;
+                var shadingType = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : constants.FLAT;
+                var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+                },
+                _ref$roundToPrecision = _ref.roundToPrecision,
+                roundToPrecision = _ref$roundToPrecision === void 0 ? 3 : _ref$roundToPrecision;
+                var vertexNormals = this.vertexNormals;
+                var vertices = this.vertices;
+                var faces = this.faces;
+                var iv;
+                if (shadingType === constants.SMOOTH) {
+                  var vertexIndices = {
+                  };
+                  var uniqueVertices = [
+                  ];
+                  var power = Math.pow(10, roundToPrecision);
+                  var rounded = function rounded(val) {
+                    return Math.round(val * power) / power;
+                  };
+                  var getKey = function getKey(vert) {
+                    return ''.concat(rounded(vert.x), ',').concat(rounded(vert.y), ',').concat(rounded(vert.z));
+                  };
+                  // loop through each vertex and add uniqueVertices
+                  for (var i = 0; i < vertices.length; i++) {
+                    var vertex = vertices[i];
+                    var key = getKey(vertex);
+                    if (vertexIndices[key] === undefined) {
+                      vertexIndices[key] = uniqueVertices.length;
+                      uniqueVertices.push(vertex);
+                    }
+                  }                  // update face indices to use the deduplicated vertex indices
+
+                  faces.forEach(function (face) {
+                    for (var fv = 0; fv < 3; ++fv) {
+                      var originalVertexIndex = face[fv];
+                      var originalVertex = vertices[originalVertexIndex];
+                      var _key = getKey(originalVertex);
+                      face[fv] = vertexIndices[_key];
+                    }
+                  });
+                  // update edge indices to use the deduplicated vertex indices
+                  this.edges.forEach(function (edge) {
+                    for (var ev = 0; ev < 2; ++ev) {
+                      var originalVertexIndex = edge[ev];
+                      var originalVertex = vertices[originalVertexIndex];
+                      var _key2 = getKey(originalVertex);
+                      edge[ev] = vertexIndices[_key2];
+                    }
+                  });
+                  // update the deduplicated vertices
+                  this.vertices = vertices = uniqueVertices;
+                }                // initialize the vertexNormals array with empty vectors
+
+                vertexNormals.length = 0;
+                for (iv = 0; iv < vertices.length; ++iv) {
+                  vertexNormals.push(new _main.default.Vector());
+                }                // loop through all the faces adding its normal to the normal
+                // of each of its vertices
+
+                faces.forEach(function (face, f) {
+                  var faceNormal = _this._getFaceNormal(f);
+                  // all three vertices get the normal added
+                  for (var fv = 0; fv < 3; ++fv) {
+                    var vertexIndex = face[fv];
+                    vertexNormals[vertexIndex].add(faceNormal);
+                  }
+                });
+                // normalize the normals
+                for (iv = 0; iv < vertices.length; ++iv) {
+                  vertexNormals[iv].normalize();
+                }
+                return this;
+              }              /**
+    * Averages the vertex normals. Used in curved
+    * surfaces
+    * @method averageNormals
+    * @chainable
+    */
+
+            },
+            {
+              key: 'averageNormals',
+              value: function averageNormals() {
+                for (var i = 0; i <= this.detailY; i++) {
+                  var offset = this.detailX + 1;
+                  var temp = _main.default.Vector.add(this.vertexNormals[i * offset], this.vertexNormals[i * offset + this.detailX]);
+                  temp = _main.default.Vector.div(temp, 2);
+                  this.vertexNormals[i * offset] = temp;
+                  this.vertexNormals[i * offset + this.detailX] = temp;
+                }
+                return this;
+              }              /**
+    * Averages pole normals.  Used in spherical primitives
+    * @method averagePoleNormals
+    * @chainable
+    */
+
+            },
+            {
+              key: 'averagePoleNormals',
+              value: function averagePoleNormals() {
+                //average the north pole
+                var sum = new _main.default.Vector(0, 0, 0);
+                for (var i = 0; i < this.detailX; i++) {
+                  sum.add(this.vertexNormals[i]);
+                }
+                sum = _main.default.Vector.div(sum, this.detailX);
+                for (var _i = 0; _i < this.detailX; _i++) {
+                  this.vertexNormals[_i] = sum;
+                }                //average the south pole
+
+                sum = new _main.default.Vector(0, 0, 0);
+                for (var _i2 = this.vertices.length - 1; _i2 > this.vertices.length - 1 - this.detailX; _i2--) {
+                  sum.add(this.vertexNormals[_i2]);
+                }
+                sum = _main.default.Vector.div(sum, this.detailX);
+                for (var _i3 = this.vertices.length - 1; _i3 > this.vertices.length - 1 - this.detailX; _i3--) {
+                  this.vertexNormals[_i3] = sum;
+                }
+                return this;
+              }              /**
+    * Create a 2D array for establishing stroke connections
+    * @private
+    * @chainable
+    */
+
+            },
+            {
+              key: '_makeTriangleEdges',
+              value: function _makeTriangleEdges() {
+                this.edges.length = 0;
+                for (var j = 0; j < this.faces.length; j++) {
+                  this.edges.push([this.faces[j][0],
+                  this.faces[j][1]]);
+                  this.edges.push([this.faces[j][1],
+                  this.faces[j][2]]);
+                  this.edges.push([this.faces[j][2],
+                  this.faces[j][0]]);
+                }
+                return this;
+              }              /**
+    * Converts each line segment into the vertices and vertex attributes needed
+    * to turn the line into a polygon on screen. This will include:
+    * - Two triangles line segment to create a rectangle
+    * - Two triangles per endpoint to create a stroke cap rectangle. A fragment
+    *   shader is responsible for displaying the appropriate cap style within
+    *   that rectangle.
+    * - Four triangles per join between adjacent line segments, creating a quad on
+    *   either side of the join, perpendicular to the lines. A vertex shader will
+    *   discard the quad in the "elbow" of the join, and a fragment shader will
+    *   display the appropriate join style within the remaining quad.
+    *
+    * @private
+    * @chainable
+    */
+
+            },
+            {
+              key: '_edgesToVertices',
+              value: function _edgesToVertices() {
+                this.lineVertices.clear();
+                this.lineTangentsIn.clear();
+                this.lineTangentsOut.clear();
+                this.lineSides.clear();
+                var potentialCaps = new Map();
+                var connected = new Set();
+                var lastValidDir;
+                for (var i = 0; i < this.edges.length; i++) {
+                  var prevEdge = this.edges[i - 1];
+                  var currEdge = this.edges[i];
+                  var begin = this.vertices[currEdge[0]];
+                  var end = this.vertices[currEdge[1]];
+                  var fromColor = this.vertexStrokeColors.length > 0 ? this.vertexStrokeColors.slice(currEdge[0] * 4, (currEdge[0] + 1) * 4) : [
+                    0,
+                    0,
+                    0,
+                    0
+                  ];
+                  var toColor = this.vertexStrokeColors.length > 0 ? this.vertexStrokeColors.slice(currEdge[1] * 4, (currEdge[1] + 1) * 4) : [
+                    0,
+                    0,
+                    0,
+                    0
+                  ];
+                  var dir = end.copy().sub(begin).normalize();
+                  var dirOK = dir.magSq() > 0;
+                  if (dirOK) {
+                    this._addSegment(begin, end, fromColor, toColor, dir);
+                  }
+                  if (i > 0 && prevEdge[1] === currEdge[0]) {
+                    if (!connected.has(currEdge[0])) {
+                      connected.add(currEdge[0]);
+                      potentialCaps.delete(currEdge[0]);
+                      // Add a join if this segment shares a vertex with the previous. Skip
+                      // actually adding join vertices if either the previous segment or this
+                      // one has a length of 0.
+                      //
+                      // Don't add a join if the tangents point in the same direction, which
+                      // would mean the edges line up exactly, and there is no need for a join.
+                      if (lastValidDir && dirOK && dir.dot(lastValidDir) < 1 - 1e-8) {
+                        this._addJoin(begin, lastValidDir, dir, fromColor);
+                      }
+                    }
+                  } else {
+                    // Start a new line
+                    if (dirOK && !connected.has(currEdge[0])) {
+                      var existingCap = potentialCaps.get(currEdge[0]);
+                      if (existingCap) {
+                        this._addJoin(begin, existingCap.dir, dir, fromColor);
+                        potentialCaps.delete(currEdge[0]);
+                        connected.add(currEdge[0]);
+                      } else {
+                        potentialCaps.set(currEdge[0], {
+                          point: begin,
+                          dir: dir.copy().mult( - 1),
+                          color: fromColor
+                        });
+                      }
+                    }
+                    if (lastValidDir && !connected.has(prevEdge[1])) {
+                      var _existingCap = potentialCaps.get(prevEdge[1]);
+                      if (_existingCap) {
+                        this._addJoin(this.vertices[prevEdge[1]], lastValidDir, _existingCap.dir.copy().mult( - 1), fromColor);
+                        potentialCaps.delete(prevEdge[1]);
+                        connected.add(prevEdge[1]);
+                      } else {
+                        // Close off the last segment with a cap
+                        potentialCaps.set(prevEdge[1], {
+                          point: this.vertices[prevEdge[1]],
+                          dir: lastValidDir,
+                          color: fromColor
+                        });
+                      }
+                      lastValidDir = undefined;
+                    }
+                  }
+                  if (i === this.edges.length - 1 && !connected.has(currEdge[1])) {
+                    var _existingCap2 = potentialCaps.get(currEdge[1]);
+                    if (_existingCap2) {
+                      this._addJoin(end, dir, _existingCap2.dir.copy().mult( - 1), toColor);
+                      potentialCaps.delete(currEdge[1]);
+                      connected.add(currEdge[1]);
+                    } else {
+                      potentialCaps.set(currEdge[1], {
+                        point: end,
+                        dir: dir,
+                        color: toColor
+                      });
+                    }
+                  }
+                  if (dirOK) {
+                    lastValidDir = dir;
+                  }
+                }
+                var _iteratorNormalCompletion = true;
+                var _didIteratorError = false;
+                var _iteratorError = undefined;
+                try {
+                  for (var _iterator = potentialCaps.values() [Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+                    var _step$value = _step.value,
+                    point = _step$value.point,
+                    _dir = _step$value.dir,
+                    color = _step$value.color;
+                    this._addCap(point, _dir, color);
+                  }
+                } catch (err) {
+                  _didIteratorError = true;
+                  _iteratorError = err;
+                } finally {
+                  try {
+                    if (!_iteratorNormalCompletion && _iterator.return != null) {
+                      _iterator.return();
+                    }
+                  } finally {
+                    if (_didIteratorError) {
+                      throw _iteratorError;
+                    }
+                  }
+                }
+                return this;
+              }              /**
+    * Adds the vertices and vertex attributes for two triangles making a rectangle
+    * for a straight line segment. A vertex shader is responsible for picking
+    * proper coordinates on the screen given the centerline positions, the tangent,
+    * and the side of the centerline each vertex belongs to. Sides follow the
+    * following scheme:
+    *
+    *  -1            -1
+    *   o-------------o
+    *   |             |
+    *   o-------------o
+    *   1             1
+    *
+    * @private
+    * @chainable
+    */
+
+            },
+            {
+              key: '_addSegment',
+              value: function _addSegment(begin, end, fromColor, toColor, dir) {
+                var _this$lineVertices,
+                _this$lineVertexColor;
+                var a = begin.array();
+                var b = end.array();
+                var dirArr = dir.array();
+                this.lineSides.push(1, 1, - 1, 1, - 1, - 1);
+                for (var _i4 = 0, _arr = [
+                  this.lineTangentsIn,
+                  this.lineTangentsOut
+                ]; _i4 < _arr.length; _i4++) {
+                  var tangents = _arr[_i4];
+                  for (var i = 0; i < 6; i++) {
+                    tangents.push.apply(tangents, _toConsumableArray(dirArr));
+                  }
+                }(_this$lineVertices = this.lineVertices).push.apply(_this$lineVertices, _toConsumableArray(a).concat(_toConsumableArray(b), _toConsumableArray(a), _toConsumableArray(b), _toConsumableArray(b), _toConsumableArray(a)));
+                (_this$lineVertexColor = this.lineVertexColors).push.apply(_this$lineVertexColor, _toConsumableArray(fromColor).concat(_toConsumableArray(toColor), _toConsumableArray(fromColor), _toConsumableArray(toColor), _toConsumableArray(toColor), _toConsumableArray(fromColor)));
+                return this;
+              }              /**
+    * Adds the vertices and vertex attributes for two triangles representing the
+    * stroke cap of a line. A fragment shader is responsible for displaying the
+    * appropriate cap style within the rectangle they make.
+    *
+    * The lineSides buffer will include the following values for the points on
+    * the cap rectangle:
+    *
+    *           -1  -2
+    * -----------o---o
+    *            |   |
+    * -----------o---o
+    *            1   2
+    * @private
+    * @chainable
+    */
+
+            },
+            {
+              key: '_addCap',
+              value: function _addCap(point, tangent, color) {
+                var ptArray = point.array();
+                var tanInArray = tangent.array();
+                var tanOutArray = [
+                  0,
+                  0,
+                  0
+                ];
+                for (var i = 0; i < 6; i++) {
+                  var _this$lineVertices2,
+                  _this$lineTangentsIn,
+                  _this$lineTangentsOut,
+                  _this$lineVertexColor2;
+                  (_this$lineVertices2 = this.lineVertices).push.apply(_this$lineVertices2, _toConsumableArray(ptArray));
+                  (_this$lineTangentsIn = this.lineTangentsIn).push.apply(_this$lineTangentsIn, _toConsumableArray(tanInArray));
+                  (_this$lineTangentsOut = this.lineTangentsOut).push.apply(_this$lineTangentsOut, tanOutArray);
+                  (_this$lineVertexColor2 = this.lineVertexColors).push.apply(_this$lineVertexColor2, _toConsumableArray(color));
+                }
+                this.lineSides.push( - 1, 2, - 2, 1, 2, - 1);
+                return this;
+              }              /**
+    * Adds the vertices and vertex attributes for four triangles representing a
+    * join between two adjacent line segments. This creates a quad on either side
+    * of the shared vertex of the two line segments, with each quad perpendicular
+    * to the lines. A vertex shader will discard all but the quad in the "elbow" of
+    * the join, and a fragment shader will display the appropriate join style
+    * within the remaining quad.
+    *
+    * The lineSides buffer will include the following values for the points on
+    * the join rectangles:
+    *
+    *            -1     -2
+    * -------------o----o
+    *              |    |
+    *       1 o----o----o -3
+    *         |    | 0  |
+    * --------o----o    |
+    *        2|    3    |
+    *         |         |
+    *         |         |
+    * @private
+    * @chainable
+    */
+
+            },
+            {
+              key: '_addJoin',
+              value: function _addJoin(point, fromTangent, toTangent, color) {
+                var ptArray = point.array();
+                var tanInArray = fromTangent.array();
+                var tanOutArray = toTangent.array();
+                for (var i = 0; i < 12; i++) {
+                  var _this$lineVertices3,
+                  _this$lineTangentsIn2,
+                  _this$lineTangentsOut2,
+                  _this$lineVertexColor3;
+                  (_this$lineVertices3 = this.lineVertices).push.apply(_this$lineVertices3, _toConsumableArray(ptArray));
+                  (_this$lineTangentsIn2 = this.lineTangentsIn).push.apply(_this$lineTangentsIn2, _toConsumableArray(tanInArray));
+                  (_this$lineTangentsOut2 = this.lineTangentsOut).push.apply(_this$lineTangentsOut2, _toConsumableArray(tanOutArray));
+                  (_this$lineVertexColor3 = this.lineVertexColors).push.apply(_this$lineVertexColor3, _toConsumableArray(color));
+                }
+                this.lineSides.push( - 1, - 3, - 2, - 1, 0, - 3);
+                this.lineSides.push(3, 1, 2, 3, 0, 1);
+                return this;
+              }              /**
+    * Modifies all vertices to be centered within the range -100 to 100.
+    * @method normalize
+    * @chainable
+    */
+
+            },
+            {
+              key: 'normalize',
+              value: function normalize() {
+                if (this.vertices.length > 0) {
+                  // Find the corners of our bounding box
+                  var maxPosition = this.vertices[0].copy();
+                  var minPosition = this.vertices[0].copy();
+                  for (var i = 0; i < this.vertices.length; i++) {
+                    maxPosition.x = Math.max(maxPosition.x, this.vertices[i].x);
+                    minPosition.x = Math.min(minPosition.x, this.vertices[i].x);
+                    maxPosition.y = Math.max(maxPosition.y, this.vertices[i].y);
+                    minPosition.y = Math.min(minPosition.y, this.vertices[i].y);
+                    maxPosition.z = Math.max(maxPosition.z, this.vertices[i].z);
+                    minPosition.z = Math.min(minPosition.z, this.vertices[i].z);
+                  }
+                  var center = _main.default.Vector.lerp(maxPosition, minPosition, 0.5);
+                  var dist = _main.default.Vector.sub(maxPosition, minPosition);
+                  var longestDist = Math.max(Math.max(dist.x, dist.y), dist.z);
+                  var scale = 200 / longestDist;
+                  for (var _i5 = 0; _i5 < this.vertices.length; _i5++) {
+                    this.vertices[_i5].sub(center);
+                    this.vertices[_i5].mult(scale);
+                  }
+                }
+                return this;
+              }
+            }
+          ]);
+          return Geometry;
+        }();
+        var _default = _main.default.Geometry;
+        exports.default = _default;
+      },
+      {
+        '../core/constants': 286,
+        '../core/main': 298,
+        'core-js/modules/es.array.concat': 169,
+        'core-js/modules/es.array.for-each': 175,
+        'core-js/modules/es.array.from': 176,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.array.slice': 183,
+        'core-js/modules/es.map': 187,
+        'core-js/modules/es.object.get-own-property-descriptor': 196,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.regexp.to-string': 206,
+        'core-js/modules/es.set': 207,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.string.sub': 218,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/es.weak-map': 254,
+        'core-js/modules/web.dom-collections.for-each': 255,
+        'core-js/modules/web.dom-collections.iterator': 256
+      }
+    ],
+    351: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.typed-array.float32-array');
+        _dereq_('core-js/modules/es.typed-array.copy-within');
+        _dereq_('core-js/modules/es.typed-array.every');
+        _dereq_('core-js/modules/es.typed-array.fill');
+        _dereq_('core-js/modules/es.typed-array.filter');
+        _dereq_('core-js/modules/es.typed-array.find');
+        _dereq_('core-js/modules/es.typed-array.find-index');
+        _dereq_('core-js/modules/es.typed-array.for-each');
+        _dereq_('core-js/modules/es.typed-array.includes');
+        _dereq_('core-js/modules/es.typed-array.index-of');
+        _dereq_('core-js/modules/es.typed-array.iterator');
+        _dereq_('core-js/modules/es.typed-array.join');
+        _dereq_('core-js/modules/es.typed-array.last-index-of');
+        _dereq_('core-js/modules/es.typed-array.map');
+        _dereq_('core-js/modules/es.typed-array.reduce');
+        _dereq_('core-js/modules/es.typed-array.reduce-right');
+        _dereq_('core-js/modules/es.typed-array.reverse');
+        _dereq_('core-js/modules/es.typed-array.set');
+        _dereq_('core-js/modules/es.typed-array.slice');
+        _dereq_('core-js/modules/es.typed-array.some');
+        _dereq_('core-js/modules/es.typed-array.sort');
+        _dereq_('core-js/modules/es.typed-array.subarray');
+        _dereq_('core-js/modules/es.typed-array.to-locale-string');
+        _dereq_('core-js/modules/es.typed-array.to-string');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.typed-array.float32-array');
+        _dereq_('core-js/modules/es.typed-array.copy-within');
+        _dereq_('core-js/modules/es.typed-array.every');
+        _dereq_('core-js/modules/es.typed-array.fill');
+        _dereq_('core-js/modules/es.typed-array.filter');
+        _dereq_('core-js/modules/es.typed-array.find');
+        _dereq_('core-js/modules/es.typed-array.find-index');
+        _dereq_('core-js/modules/es.typed-array.for-each');
+        _dereq_('core-js/modules/es.typed-array.includes');
+        _dereq_('core-js/modules/es.typed-array.index-of');
+        _dereq_('core-js/modules/es.typed-array.iterator');
+        _dereq_('core-js/modules/es.typed-array.join');
+        _dereq_('core-js/modules/es.typed-array.last-index-of');
+        _dereq_('core-js/modules/es.typed-array.map');
+        _dereq_('core-js/modules/es.typed-array.reduce');
+        _dereq_('core-js/modules/es.typed-array.reduce-right');
+        _dereq_('core-js/modules/es.typed-array.reverse');
+        _dereq_('core-js/modules/es.typed-array.set');
+        _dereq_('core-js/modules/es.typed-array.slice');
+        _dereq_('core-js/modules/es.typed-array.some');
+        _dereq_('core-js/modules/es.typed-array.sort');
+        _dereq_('core-js/modules/es.typed-array.subarray');
+        _dereq_('core-js/modules/es.typed-array.to-locale-string');
+        _dereq_('core-js/modules/es.typed-array.to-string');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            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;
+        } /**
+   * @requires constants
+   * @todo see methods below needing further implementation.
+   * future consideration: implement SIMD optimizations
+   * when browser compatibility becomes available
+   * https://developer.mozilla.org/en-US/docs/Web/JavaScript/
+   *   Reference/Global_Objects/SIMD
+   */
+
+        var GLMAT_ARRAY_TYPE = Array;
+        var isMatrixArray = function isMatrixArray(x) {
+          return Array.isArray(x);
+        };
+        if (typeof Float32Array !== 'undefined') {
+          GLMAT_ARRAY_TYPE = Float32Array;
+          isMatrixArray = function isMatrixArray(x) {
+            return Array.isArray(x) || x instanceof Float32Array;
+          };
+        }        /**
+ * A class to describe a 4×4 matrix
+ * for model and view matrix manipulation in the p5js webgl renderer.
+ * @class p5.Matrix
+ * @private
+ * @constructor
+ * @param {Array} [mat4] column-major array literal of our 4×4 matrix
+ */
+
+        _main.default.Matrix = /*#__PURE__*/ function () {
+          function _class() {
+            var _ref;
+            _classCallCheck(this, _class);
+            // This is default behavior when object
+            // instantiated using createMatrix()
+            // @todo implement createMatrix() in core/math.js
+            if (arguments.length && (_ref = arguments.length - 1, _ref < 0 || arguments.length <= _ref ? undefined : arguments[_ref]) instanceof _main.default) {
+              var _ref2;
+              this.p5 = (_ref2 = arguments.length - 1, _ref2 < 0 || arguments.length <= _ref2 ? undefined : arguments[_ref2]);
+            }
+            if ((arguments.length <= 0 ? undefined : arguments[0]) === 'mat3') {
+              this.mat3 = Array.isArray(arguments.length <= 1 ? undefined : arguments[1]) ? arguments.length <= 1 ? undefined : arguments[1] : new GLMAT_ARRAY_TYPE([1,
+              0,
+              0,
+              0,
+              1,
+              0,
+              0,
+              0,
+              1]);
+            } else {
+              this.mat4 = Array.isArray(arguments.length <= 0 ? undefined : arguments[0]) ? arguments.length <= 0 ? undefined : arguments[0] : new GLMAT_ARRAY_TYPE([1,
+              0,
+              0,
+              0,
+              0,
+              1,
+              0,
+              0,
+              0,
+              0,
+              1,
+              0,
+              0,
+              0,
+              0,
+              1]);
+            }
+            return this;
+          }          /**
+  * Sets the x, y, and z component of the vector using two or three separate
+  * variables, the data from a p5.Matrix, or the values from a float array.
+  *
+  * @method set
+  * @param {p5.Matrix|Float32Array|Number[]} [inMatrix] the input p5.Matrix or
+  *                                     an Array of length 16
+  * @chainable
+  */
+          /**
+  * @method set
+  * @param {Number[]} elements 16 numbers passed by value to avoid
+  *                                     array copying.
+  * @chainable
+  */
+
+          _createClass(_class, [
+            {
+              key: 'set',
+              value: function set(inMatrix) {
+                if (inMatrix instanceof _main.default.Matrix) {
+                  this.mat4 = inMatrix.mat4;
+                  return this;
+                } else if (isMatrixArray(inMatrix)) {
+                  this.mat4 = inMatrix;
+                  return this;
+                } else if (arguments.length === 16) {
+                  this.mat4[0] = arguments[0];
+                  this.mat4[1] = arguments[1];
+                  this.mat4[2] = arguments[2];
+                  this.mat4[3] = arguments[3];
+                  this.mat4[4] = arguments[4];
+                  this.mat4[5] = arguments[5];
+                  this.mat4[6] = arguments[6];
+                  this.mat4[7] = arguments[7];
+                  this.mat4[8] = arguments[8];
+                  this.mat4[9] = arguments[9];
+                  this.mat4[10] = arguments[10];
+                  this.mat4[11] = arguments[11];
+                  this.mat4[12] = arguments[12];
+                  this.mat4[13] = arguments[13];
+                  this.mat4[14] = arguments[14];
+                  this.mat4[15] = arguments[15];
+                }
+                return this;
+              }              /**
+    * Gets a copy of the vector, returns a p5.Matrix object.
+    *
+    * @method get
+    * @return {p5.Matrix} the copy of the p5.Matrix object
+    */
+
+            },
+            {
+              key: 'get',
+              value: function get() {
+                return new _main.default.Matrix(this.mat4, this.p5);
+              }              /**
+    * return a copy of this matrix.
+    * If this matrix is 4x4, a 4x4 matrix with exactly the same entries will be
+    * generated. The same is true if this matrix is 3x3.
+    *
+    * @method copy
+    * @return {p5.Matrix}   the result matrix
+    */
+
+            },
+            {
+              key: 'copy',
+              value: function copy() {
+                if (this.mat3 !== undefined) {
+                  var copied3x3 = new _main.default.Matrix('mat3', this.p5);
+                  copied3x3.mat3[0] = this.mat3[0];
+                  copied3x3.mat3[1] = this.mat3[1];
+                  copied3x3.mat3[2] = this.mat3[2];
+                  copied3x3.mat3[3] = this.mat3[3];
+                  copied3x3.mat3[4] = this.mat3[4];
+                  copied3x3.mat3[5] = this.mat3[5];
+                  copied3x3.mat3[6] = this.mat3[6];
+                  copied3x3.mat3[7] = this.mat3[7];
+                  copied3x3.mat3[8] = this.mat3[8];
+                  return copied3x3;
+                }
+                var copied = new _main.default.Matrix(this.p5);
+                copied.mat4[0] = this.mat4[0];
+                copied.mat4[1] = this.mat4[1];
+                copied.mat4[2] = this.mat4[2];
+                copied.mat4[3] = this.mat4[3];
+                copied.mat4[4] = this.mat4[4];
+                copied.mat4[5] = this.mat4[5];
+                copied.mat4[6] = this.mat4[6];
+                copied.mat4[7] = this.mat4[7];
+                copied.mat4[8] = this.mat4[8];
+                copied.mat4[9] = this.mat4[9];
+                copied.mat4[10] = this.mat4[10];
+                copied.mat4[11] = this.mat4[11];
+                copied.mat4[12] = this.mat4[12];
+                copied.mat4[13] = this.mat4[13];
+                copied.mat4[14] = this.mat4[14];
+                copied.mat4[15] = this.mat4[15];
+                return copied;
+              }              /**
+    * return an identity matrix
+    * @method identity
+    * @return {p5.Matrix}   the result matrix
+    */
+
+            },
+            {
+              key: 'transpose',
+              /**
+    * transpose according to a given matrix
+    * @method transpose
+    * @param  {p5.Matrix|Float32Array|Number[]} a  the matrix to be
+    *                                               based on to transpose
+    * @chainable
+    */
+              value: function transpose(a) {
+                var a01,
+                a02,
+                a03,
+                a12,
+                a13,
+                a23;
+                if (a instanceof _main.default.Matrix) {
+                  a01 = a.mat4[1];
+                  a02 = a.mat4[2];
+                  a03 = a.mat4[3];
+                  a12 = a.mat4[6];
+                  a13 = a.mat4[7];
+                  a23 = a.mat4[11];
+                  this.mat4[0] = a.mat4[0];
+                  this.mat4[1] = a.mat4[4];
+                  this.mat4[2] = a.mat4[8];
+                  this.mat4[3] = a.mat4[12];
+                  this.mat4[4] = a01;
+                  this.mat4[5] = a.mat4[5];
+                  this.mat4[6] = a.mat4[9];
+                  this.mat4[7] = a.mat4[13];
+                  this.mat4[8] = a02;
+                  this.mat4[9] = a12;
+                  this.mat4[10] = a.mat4[10];
+                  this.mat4[11] = a.mat4[14];
+                  this.mat4[12] = a03;
+                  this.mat4[13] = a13;
+                  this.mat4[14] = a23;
+                  this.mat4[15] = a.mat4[15];
+                } else if (isMatrixArray(a)) {
+                  a01 = a[1];
+                  a02 = a[2];
+                  a03 = a[3];
+                  a12 = a[6];
+                  a13 = a[7];
+                  a23 = a[11];
+                  this.mat4[0] = a[0];
+                  this.mat4[1] = a[4];
+                  this.mat4[2] = a[8];
+                  this.mat4[3] = a[12];
+                  this.mat4[4] = a01;
+                  this.mat4[5] = a[5];
+                  this.mat4[6] = a[9];
+                  this.mat4[7] = a[13];
+                  this.mat4[8] = a02;
+                  this.mat4[9] = a12;
+                  this.mat4[10] = a[10];
+                  this.mat4[11] = a[14];
+                  this.mat4[12] = a03;
+                  this.mat4[13] = a13;
+                  this.mat4[14] = a23;
+                  this.mat4[15] = a[15];
+                }
+                return this;
+              }              /**
+    * invert  matrix according to a give matrix
+    * @method invert
+    * @param  {p5.Matrix|Float32Array|Number[]} a   the matrix to be
+    *                                                based on to invert
+    * @chainable
+    */
+
+            },
+            {
+              key: 'invert',
+              value: function invert(a) {
+                var a00,
+                a01,
+                a02,
+                a03,
+                a10,
+                a11,
+                a12,
+                a13;
+                var a20,
+                a21,
+                a22,
+                a23,
+                a30,
+                a31,
+                a32,
+                a33;
+                if (a instanceof _main.default.Matrix) {
+                  a00 = a.mat4[0];
+                  a01 = a.mat4[1];
+                  a02 = a.mat4[2];
+                  a03 = a.mat4[3];
+                  a10 = a.mat4[4];
+                  a11 = a.mat4[5];
+                  a12 = a.mat4[6];
+                  a13 = a.mat4[7];
+                  a20 = a.mat4[8];
+                  a21 = a.mat4[9];
+                  a22 = a.mat4[10];
+                  a23 = a.mat4[11];
+                  a30 = a.mat4[12];
+                  a31 = a.mat4[13];
+                  a32 = a.mat4[14];
+                  a33 = a.mat4[15];
+                } else if (isMatrixArray(a)) {
+                  a00 = a[0];
+                  a01 = a[1];
+                  a02 = a[2];
+                  a03 = a[3];
+                  a10 = a[4];
+                  a11 = a[5];
+                  a12 = a[6];
+                  a13 = a[7];
+                  a20 = a[8];
+                  a21 = a[9];
+                  a22 = a[10];
+                  a23 = a[11];
+                  a30 = a[12];
+                  a31 = a[13];
+                  a32 = a[14];
+                  a33 = a[15];
+                }
+                var b00 = a00 * a11 - a01 * a10;
+                var b01 = a00 * a12 - a02 * a10;
+                var b02 = a00 * a13 - a03 * a10;
+                var b03 = a01 * a12 - a02 * a11;
+                var b04 = a01 * a13 - a03 * a11;
+                var b05 = a02 * a13 - a03 * a12;
+                var b06 = a20 * a31 - a21 * a30;
+                var b07 = a20 * a32 - a22 * a30;
+                var b08 = a20 * a33 - a23 * a30;
+                var b09 = a21 * a32 - a22 * a31;
+                var b10 = a21 * a33 - a23 * a31;
+                var b11 = a22 * a33 - a23 * a32;
+                // Calculate the determinant
+                var det = b00 * b11 - b01 * b10 + b02 * b09 + b03 * b08 - b04 * b07 + b05 * b06;
+                if (!det) {
+                  return null;
+                }
+                det = 1 / det;
+                this.mat4[0] = (a11 * b11 - a12 * b10 + a13 * b09) * det;
+                this.mat4[1] = (a02 * b10 - a01 * b11 - a03 * b09) * det;
+                this.mat4[2] = (a31 * b05 - a32 * b04 + a33 * b03) * det;
+                this.mat4[3] = (a22 * b04 - a21 * b05 - a23 * b03) * det;
+                this.mat4[4] = (a12 * b08 - a10 * b11 - a13 * b07) * det;
+                this.mat4[5] = (a00 * b11 - a02 * b08 + a03 * b07) * det;
+                this.mat4[6] = (a32 * b02 - a30 * b05 - a33 * b01) * det;
+                this.mat4[7] = (a20 * b05 - a22 * b02 + a23 * b01) * det;
+                this.mat4[8] = (a10 * b10 - a11 * b08 + a13 * b06) * det;
+                this.mat4[9] = (a01 * b08 - a00 * b10 - a03 * b06) * det;
+                this.mat4[10] = (a30 * b04 - a31 * b02 + a33 * b00) * det;
+                this.mat4[11] = (a21 * b02 - a20 * b04 - a23 * b00) * det;
+                this.mat4[12] = (a11 * b07 - a10 * b09 - a12 * b06) * det;
+                this.mat4[13] = (a00 * b09 - a01 * b07 + a02 * b06) * det;
+                this.mat4[14] = (a31 * b01 - a30 * b03 - a32 * b00) * det;
+                this.mat4[15] = (a20 * b03 - a21 * b01 + a22 * b00) * det;
+                return this;
+              }              /**
+    * Inverts a 3×3 matrix
+    * @method invert3x3
+    * @chainable
+    */
+
+            },
+            {
+              key: 'invert3x3',
+              value: function invert3x3() {
+                var a00 = this.mat3[0];
+                var a01 = this.mat3[1];
+                var a02 = this.mat3[2];
+                var a10 = this.mat3[3];
+                var a11 = this.mat3[4];
+                var a12 = this.mat3[5];
+                var a20 = this.mat3[6];
+                var a21 = this.mat3[7];
+                var a22 = this.mat3[8];
+                var b01 = a22 * a11 - a12 * a21;
+                var b11 = - a22 * a10 + a12 * a20;
+                var b21 = a21 * a10 - a11 * a20;
+                // Calculate the determinant
+                var det = a00 * b01 + a01 * b11 + a02 * b21;
+                if (!det) {
+                  return null;
+                }
+                det = 1 / det;
+                this.mat3[0] = b01 * det;
+                this.mat3[1] = ( - a22 * a01 + a02 * a21) * det;
+                this.mat3[2] = (a12 * a01 - a02 * a11) * det;
+                this.mat3[3] = b11 * det;
+                this.mat3[4] = (a22 * a00 - a02 * a20) * det;
+                this.mat3[5] = ( - a12 * a00 + a02 * a10) * det;
+                this.mat3[6] = b21 * det;
+                this.mat3[7] = ( - a21 * a00 + a01 * a20) * det;
+                this.mat3[8] = (a11 * a00 - a01 * a10) * det;
+                return this;
+              }              /**
+    * This function is only for 3x3 matrices.
+    * transposes a 3×3 p5.Matrix by a mat3
+    * If there is an array of arguments, the matrix obtained by transposing
+    * the 3x3 matrix generated based on that array is set.
+    * If no arguments, it transposes itself and returns it.
+    *
+    * @method transpose3x3
+    * @param  {Number[]} mat3 1-dimensional array
+    * @chainable
+    */
+
+            },
+            {
+              key: 'transpose3x3',
+              value: function transpose3x3(mat3) {
+                if (mat3 === undefined) {
+                  mat3 = this.mat3;
+                }
+                var a01 = mat3[1];
+                var a02 = mat3[2];
+                var a12 = mat3[5];
+                this.mat3[0] = mat3[0];
+                this.mat3[1] = mat3[3];
+                this.mat3[2] = mat3[6];
+                this.mat3[3] = a01;
+                this.mat3[4] = mat3[4];
+                this.mat3[5] = mat3[7];
+                this.mat3[6] = a02;
+                this.mat3[7] = a12;
+                this.mat3[8] = mat3[8];
+                return this;
+              }              /**
+    * converts a 4×4 matrix to its 3×3 inverse transform
+    * commonly used in MVMatrix to NMatrix conversions.
+    * @method invertTranspose
+    * @param  {p5.Matrix} mat4 the matrix to be based on to invert
+    * @chainable
+    * @todo  finish implementation
+    */
+
+            },
+            {
+              key: 'inverseTranspose',
+              value: function inverseTranspose(_ref3) {
+                var mat4 = _ref3.mat4;
+                if (this.mat3 === undefined) {
+                  _main.default._friendlyError('sorry, this function only works with mat3');
+                } else {
+                  //convert mat4 -> mat3
+                  this.mat3[0] = mat4[0];
+                  this.mat3[1] = mat4[1];
+                  this.mat3[2] = mat4[2];
+                  this.mat3[3] = mat4[4];
+                  this.mat3[4] = mat4[5];
+                  this.mat3[5] = mat4[6];
+                  this.mat3[6] = mat4[8];
+                  this.mat3[7] = mat4[9];
+                  this.mat3[8] = mat4[10];
+                }
+                var inverse = this.invert3x3();
+                // check inverse succeeded
+                if (inverse) {
+                  inverse.transpose3x3(this.mat3);
+                } else {
+                  // in case of singularity, just zero the matrix
+                  for (var i = 0; i < 9; i++) {
+                    this.mat3[i] = 0;
+                  }
+                }
+                return this;
+              }              /**
+    * inspired by Toji's mat4 determinant
+    * @method determinant
+    * @return {Number} Determinant of our 4×4 matrix
+    */
+
+            },
+            {
+              key: 'determinant',
+              value: function determinant() {
+                var d00 = this.mat4[0] * this.mat4[5] - this.mat4[1] * this.mat4[4],
+                d01 = this.mat4[0] * this.mat4[6] - this.mat4[2] * this.mat4[4],
+                d02 = this.mat4[0] * this.mat4[7] - this.mat4[3] * this.mat4[4],
+                d03 = this.mat4[1] * this.mat4[6] - this.mat4[2] * this.mat4[5],
+                d04 = this.mat4[1] * this.mat4[7] - this.mat4[3] * this.mat4[5],
+                d05 = this.mat4[2] * this.mat4[7] - this.mat4[3] * this.mat4[6],
+                d06 = this.mat4[8] * this.mat4[13] - this.mat4[9] * this.mat4[12],
+                d07 = this.mat4[8] * this.mat4[14] - this.mat4[10] * this.mat4[12],
+                d08 = this.mat4[8] * this.mat4[15] - this.mat4[11] * this.mat4[12],
+                d09 = this.mat4[9] * this.mat4[14] - this.mat4[10] * this.mat4[13],
+                d10 = this.mat4[9] * this.mat4[15] - this.mat4[11] * this.mat4[13],
+                d11 = this.mat4[10] * this.mat4[15] - this.mat4[11] * this.mat4[14];
+                // Calculate the determinant
+                return d00 * d11 - d01 * d10 + d02 * d09 + d03 * d08 - d04 * d07 + d05 * d06;
+              }              /**
+    * multiply two mat4s
+    * @method mult
+    * @param {p5.Matrix|Float32Array|Number[]} multMatrix The matrix
+    *                                                we want to multiply by
+    * @chainable
+    */
+
+            },
+            {
+              key: 'mult',
+              value: function mult(multMatrix) {
+                var _src;
+                if (multMatrix === this || multMatrix === this.mat4) {
+                  _src = this.copy().mat4; // only need to allocate in this rare case
+                } else if (multMatrix instanceof _main.default.Matrix) {
+                  _src = multMatrix.mat4;
+                } else if (isMatrixArray(multMatrix)) {
+                  _src = multMatrix;
+                } else if (arguments.length === 16) {
+                  _src = arguments;
+                } else {
+                  return; // nothing to do.
+                }                // each row is used for the multiplier
+
+                var b0 = this.mat4[0],
+                b1 = this.mat4[1],
+                b2 = this.mat4[2],
+                b3 = this.mat4[3];
+                this.mat4[0] = b0 * _src[0] + b1 * _src[4] + b2 * _src[8] + b3 * _src[12];
+                this.mat4[1] = b0 * _src[1] + b1 * _src[5] + b2 * _src[9] + b3 * _src[13];
+                this.mat4[2] = b0 * _src[2] + b1 * _src[6] + b2 * _src[10] + b3 * _src[14];
+                this.mat4[3] = b0 * _src[3] + b1 * _src[7] + b2 * _src[11] + b3 * _src[15];
+                b0 = this.mat4[4];
+                b1 = this.mat4[5];
+                b2 = this.mat4[6];
+                b3 = this.mat4[7];
+                this.mat4[4] = b0 * _src[0] + b1 * _src[4] + b2 * _src[8] + b3 * _src[12];
+                this.mat4[5] = b0 * _src[1] + b1 * _src[5] + b2 * _src[9] + b3 * _src[13];
+                this.mat4[6] = b0 * _src[2] + b1 * _src[6] + b2 * _src[10] + b3 * _src[14];
+                this.mat4[7] = b0 * _src[3] + b1 * _src[7] + b2 * _src[11] + b3 * _src[15];
+                b0 = this.mat4[8];
+                b1 = this.mat4[9];
+                b2 = this.mat4[10];
+                b3 = this.mat4[11];
+                this.mat4[8] = b0 * _src[0] + b1 * _src[4] + b2 * _src[8] + b3 * _src[12];
+                this.mat4[9] = b0 * _src[1] + b1 * _src[5] + b2 * _src[9] + b3 * _src[13];
+                this.mat4[10] = b0 * _src[2] + b1 * _src[6] + b2 * _src[10] + b3 * _src[14];
+                this.mat4[11] = b0 * _src[3] + b1 * _src[7] + b2 * _src[11] + b3 * _src[15];
+                b0 = this.mat4[12];
+                b1 = this.mat4[13];
+                b2 = this.mat4[14];
+                b3 = this.mat4[15];
+                this.mat4[12] = b0 * _src[0] + b1 * _src[4] + b2 * _src[8] + b3 * _src[12];
+                this.mat4[13] = b0 * _src[1] + b1 * _src[5] + b2 * _src[9] + b3 * _src[13];
+                this.mat4[14] = b0 * _src[2] + b1 * _src[6] + b2 * _src[10] + b3 * _src[14];
+                this.mat4[15] = b0 * _src[3] + b1 * _src[7] + b2 * _src[11] + b3 * _src[15];
+                return this;
+              }
+            },
+            {
+              key: 'apply',
+              value: function apply(multMatrix) {
+                var _src;
+                if (multMatrix === this || multMatrix === this.mat4) {
+                  _src = this.copy().mat4; // only need to allocate in this rare case
+                } else if (multMatrix instanceof _main.default.Matrix) {
+                  _src = multMatrix.mat4;
+                } else if (isMatrixArray(multMatrix)) {
+                  _src = multMatrix;
+                } else if (arguments.length === 16) {
+                  _src = arguments;
+                } else {
+                  return; // nothing to do.
+                }
+                var mat4 = this.mat4;
+                // each row is used for the multiplier
+                var m0 = mat4[0];
+                var m4 = mat4[4];
+                var m8 = mat4[8];
+                var m12 = mat4[12];
+                mat4[0] = _src[0] * m0 + _src[1] * m4 + _src[2] * m8 + _src[3] * m12;
+                mat4[4] = _src[4] * m0 + _src[5] * m4 + _src[6] * m8 + _src[7] * m12;
+                mat4[8] = _src[8] * m0 + _src[9] * m4 + _src[10] * m8 + _src[11] * m12;
+                mat4[12] = _src[12] * m0 + _src[13] * m4 + _src[14] * m8 + _src[15] * m12;
+                var m1 = mat4[1];
+                var m5 = mat4[5];
+                var m9 = mat4[9];
+                var m13 = mat4[13];
+                mat4[1] = _src[0] * m1 + _src[1] * m5 + _src[2] * m9 + _src[3] * m13;
+                mat4[5] = _src[4] * m1 + _src[5] * m5 + _src[6] * m9 + _src[7] * m13;
+                mat4[9] = _src[8] * m1 + _src[9] * m5 + _src[10] * m9 + _src[11] * m13;
+                mat4[13] = _src[12] * m1 + _src[13] * m5 + _src[14] * m9 + _src[15] * m13;
+                var m2 = mat4[2];
+                var m6 = mat4[6];
+                var m10 = mat4[10];
+                var m14 = mat4[14];
+                mat4[2] = _src[0] * m2 + _src[1] * m6 + _src[2] * m10 + _src[3] * m14;
+                mat4[6] = _src[4] * m2 + _src[5] * m6 + _src[6] * m10 + _src[7] * m14;
+                mat4[10] = _src[8] * m2 + _src[9] * m6 + _src[10] * m10 + _src[11] * m14;
+                mat4[14] = _src[12] * m2 + _src[13] * m6 + _src[14] * m10 + _src[15] * m14;
+                var m3 = mat4[3];
+                var m7 = mat4[7];
+                var m11 = mat4[11];
+                var m15 = mat4[15];
+                mat4[3] = _src[0] * m3 + _src[1] * m7 + _src[2] * m11 + _src[3] * m15;
+                mat4[7] = _src[4] * m3 + _src[5] * m7 + _src[6] * m11 + _src[7] * m15;
+                mat4[11] = _src[8] * m3 + _src[9] * m7 + _src[10] * m11 + _src[11] * m15;
+                mat4[15] = _src[12] * m3 + _src[13] * m7 + _src[14] * m11 + _src[15] * m15;
+                return this;
+              }              /**
+    * scales a p5.Matrix by scalars or a vector
+    * @method scale
+    * @param  {p5.Vector|Float32Array|Number[]} s vector to scale by
+    * @chainable
+    */
+
+            },
+            {
+              key: 'scale',
+              value: function scale(x, y, z) {
+                if (x instanceof _main.default.Vector) {
+                  // x is a vector, extract the components from it.
+                  y = x.y;
+                  z = x.z;
+                  x = x.x; // must be last
+                } else if (x instanceof Array) {
+                  // x is an array, extract the components from it.
+                  y = x[1];
+                  z = x[2];
+                  x = x[0]; // must be last
+                }
+                this.mat4[0] *= x;
+                this.mat4[1] *= x;
+                this.mat4[2] *= x;
+                this.mat4[3] *= x;
+                this.mat4[4] *= y;
+                this.mat4[5] *= y;
+                this.mat4[6] *= y;
+                this.mat4[7] *= y;
+                this.mat4[8] *= z;
+                this.mat4[9] *= z;
+                this.mat4[10] *= z;
+                this.mat4[11] *= z;
+                return this;
+              }              /**
+    * rotate our Matrix around an axis by the given angle.
+    * @method rotate
+    * @param  {Number} a The angle of rotation in radians
+    * @param  {p5.Vector|Number[]} axis  the axis(es) to rotate around
+    * @chainable
+    * inspired by Toji's gl-matrix lib, mat4 rotation
+    */
+
+            },
+            {
+              key: 'rotate',
+              value: function rotate(a, x, y, z) {
+                if (x instanceof _main.default.Vector) {
+                  // x is a vector, extract the components from it.
+                  y = x.y;
+                  z = x.z;
+                  x = x.x; //must be last
+                } else if (x instanceof Array) {
+                  // x is an array, extract the components from it.
+                  y = x[1];
+                  z = x[2];
+                  x = x[0]; //must be last
+                }
+                var len = Math.sqrt(x * x + y * y + z * z);
+                x *= 1 / len;
+                y *= 1 / len;
+                z *= 1 / len;
+                var a00 = this.mat4[0];
+                var a01 = this.mat4[1];
+                var a02 = this.mat4[2];
+                var a03 = this.mat4[3];
+                var a10 = this.mat4[4];
+                var a11 = this.mat4[5];
+                var a12 = this.mat4[6];
+                var a13 = this.mat4[7];
+                var a20 = this.mat4[8];
+                var a21 = this.mat4[9];
+                var a22 = this.mat4[10];
+                var a23 = this.mat4[11];
+                //sin,cos, and tan of respective angle
+                var sA = Math.sin(a);
+                var cA = Math.cos(a);
+                var tA = 1 - cA;
+                // Construct the elements of the rotation matrix
+                var b00 = x * x * tA + cA;
+                var b01 = y * x * tA + z * sA;
+                var b02 = z * x * tA - y * sA;
+                var b10 = x * y * tA - z * sA;
+                var b11 = y * y * tA + cA;
+                var b12 = z * y * tA + x * sA;
+                var b20 = x * z * tA + y * sA;
+                var b21 = y * z * tA - x * sA;
+                var b22 = z * z * tA + cA;
+                // rotation-specific matrix multiplication
+                this.mat4[0] = a00 * b00 + a10 * b01 + a20 * b02;
+                this.mat4[1] = a01 * b00 + a11 * b01 + a21 * b02;
+                this.mat4[2] = a02 * b00 + a12 * b01 + a22 * b02;
+                this.mat4[3] = a03 * b00 + a13 * b01 + a23 * b02;
+                this.mat4[4] = a00 * b10 + a10 * b11 + a20 * b12;
+                this.mat4[5] = a01 * b10 + a11 * b11 + a21 * b12;
+                this.mat4[6] = a02 * b10 + a12 * b11 + a22 * b12;
+                this.mat4[7] = a03 * b10 + a13 * b11 + a23 * b12;
+                this.mat4[8] = a00 * b20 + a10 * b21 + a20 * b22;
+                this.mat4[9] = a01 * b20 + a11 * b21 + a21 * b22;
+                this.mat4[10] = a02 * b20 + a12 * b21 + a22 * b22;
+                this.mat4[11] = a03 * b20 + a13 * b21 + a23 * b22;
+                return this;
+              }              /**
+    * @todo  finish implementing this method!
+    * translates
+    * @method translate
+    * @param  {Number[]} v vector to translate by
+    * @chainable
+    */
+
+            },
+            {
+              key: 'translate',
+              value: function translate(v) {
+                var x = v[0],
+                y = v[1],
+                z = v[2] || 0;
+                this.mat4[12] += this.mat4[0] * x + this.mat4[4] * y + this.mat4[8] * z;
+                this.mat4[13] += this.mat4[1] * x + this.mat4[5] * y + this.mat4[9] * z;
+                this.mat4[14] += this.mat4[2] * x + this.mat4[6] * y + this.mat4[10] * z;
+                this.mat4[15] += this.mat4[3] * x + this.mat4[7] * y + this.mat4[11] * z;
+              }
+            },
+            {
+              key: 'rotateX',
+              value: function rotateX(a) {
+                this.rotate(a, 1, 0, 0);
+              }
+            },
+            {
+              key: 'rotateY',
+              value: function rotateY(a) {
+                this.rotate(a, 0, 1, 0);
+              }
+            },
+            {
+              key: 'rotateZ',
+              value: function rotateZ(a) {
+                this.rotate(a, 0, 0, 1);
+              }              /**
+    * sets the perspective matrix
+    * @method perspective
+    * @param  {Number} fovy   [description]
+    * @param  {Number} aspect [description]
+    * @param  {Number} near   near clipping plane
+    * @param  {Number} far    far clipping plane
+    * @chainable
+    */
+
+            },
+            {
+              key: 'perspective',
+              value: function perspective(fovy, aspect, near, far) {
+                var f = 1 / Math.tan(fovy / 2),
+                nf = 1 / (near - far);
+                this.mat4[0] = f / aspect;
+                this.mat4[1] = 0;
+                this.mat4[2] = 0;
+                this.mat4[3] = 0;
+                this.mat4[4] = 0;
+                this.mat4[5] = f;
+                this.mat4[6] = 0;
+                this.mat4[7] = 0;
+                this.mat4[8] = 0;
+                this.mat4[9] = 0;
+                this.mat4[10] = (far + near) * nf;
+                this.mat4[11] = - 1;
+                this.mat4[12] = 0;
+                this.mat4[13] = 0;
+                this.mat4[14] = 2 * far * near * nf;
+                this.mat4[15] = 0;
+                return this;
+              }              /**
+    * sets the ortho matrix
+    * @method ortho
+    * @param  {Number} left   [description]
+    * @param  {Number} right  [description]
+    * @param  {Number} bottom [description]
+    * @param  {Number} top    [description]
+    * @param  {Number} near   near clipping plane
+    * @param  {Number} far    far clipping plane
+    * @chainable
+    */
+
+            },
+            {
+              key: 'ortho',
+              value: function ortho(left, right, bottom, top, near, far) {
+                var lr = 1 / (left - right),
+                bt = 1 / (bottom - top),
+                nf = 1 / (near - far);
+                this.mat4[0] = - 2 * lr;
+                this.mat4[1] = 0;
+                this.mat4[2] = 0;
+                this.mat4[3] = 0;
+                this.mat4[4] = 0;
+                this.mat4[5] = - 2 * bt;
+                this.mat4[6] = 0;
+                this.mat4[7] = 0;
+                this.mat4[8] = 0;
+                this.mat4[9] = 0;
+                this.mat4[10] = 2 * nf;
+                this.mat4[11] = 0;
+                this.mat4[12] = (left + right) * lr;
+                this.mat4[13] = (top + bottom) * bt;
+                this.mat4[14] = (far + near) * nf;
+                this.mat4[15] = 1;
+                return this;
+              }              /**
+    * apply a matrix to a vector with x,y,z,w components
+    * get the results in the form of an array
+    * @method multiplyVec4
+    * @param {Number}
+    * @return {Number[]}
+    */
+
+            },
+            {
+              key: 'multiplyVec4',
+              value: function multiplyVec4(x, y, z, w) {
+                var result = new Array(4);
+                var m = this.mat4;
+                result[0] = m[0] * x + m[4] * y + m[8] * z + m[12] * w;
+                result[1] = m[1] * x + m[5] * y + m[9] * z + m[13] * w;
+                result[2] = m[2] * x + m[6] * y + m[10] * z + m[14] * w;
+                result[3] = m[3] * x + m[7] * y + m[11] * z + m[15] * w;
+                return result;
+              }              /**
+    * Applies a matrix to a vector.
+    * The fourth component is set to 1.
+    * Returns a vector consisting of the first
+    * through third components of the result.
+    *
+    * @method multiplyPoint
+    * @param {p5.Vector}
+    * @return {p5.Vector}
+    */
+
+            },
+            {
+              key: 'multiplyPoint',
+              value: function multiplyPoint(_ref4) {
+                var x = _ref4.x,
+                y = _ref4.y,
+                z = _ref4.z;
+                var array = this.multiplyVec4(x, y, z, 1);
+                return new _main.default.Vector(array[0], array[1], array[2]);
+              }              /**
+    * Applies a matrix to a vector.
+    * The fourth component is set to 1.
+    * Returns the result of dividing the 1st to 3rd components
+    * of the result by the 4th component as a vector.
+    *
+    * @method multiplyAndNormalizePoint
+    * @param {p5.Vector}
+    * @return {p5.Vector}
+    */
+
+            },
+            {
+              key: 'multiplyAndNormalizePoint',
+              value: function multiplyAndNormalizePoint(_ref5) {
+                var x = _ref5.x,
+                y = _ref5.y,
+                z = _ref5.z;
+                var array = this.multiplyVec4(x, y, z, 1);
+                array[0] /= array[3];
+                array[1] /= array[3];
+                array[2] /= array[3];
+                return new _main.default.Vector(array[0], array[1], array[2]);
+              }              /**
+    * Applies a matrix to a vector.
+    * The fourth component is set to 0.
+    * Returns a vector consisting of the first
+    * through third components of the result.
+    *
+    * @method multiplyDirection
+    * @param {p5.Vector}
+    * @return {p5.Vector}
+    */
+
+            },
+            {
+              key: 'multiplyDirection',
+              value: function multiplyDirection(_ref6) {
+                var x = _ref6.x,
+                y = _ref6.y,
+                z = _ref6.z;
+                var array = this.multiplyVec4(x, y, z, 0);
+                return new _main.default.Vector(array[0], array[1], array[2]);
+              }              /**
+    * This function is only for 3x3 matrices.
+    * multiply two mat3s. It is an operation to multiply the 3x3 matrix of
+    * the argument from the right. Arguments can be a 3x3 p5.Matrix,
+    * a Float32Array of length 9, or a javascript array of length 9.
+    * In addition, it can also be done by enumerating 9 numbers.
+    *
+    * @method mult3x3
+    * @param {p5.Matrix|Float32Array|Number[]} multMatrix The matrix
+    *                                                we want to multiply by
+    * @chainable
+    */
+
+            },
+            {
+              key: 'mult3x3',
+              value: function mult3x3(multMatrix) {
+                var _src;
+                if (multMatrix === this || multMatrix === this.mat3) {
+                  _src = this.copy().mat3; // only need to allocate in this rare case
+                } else if (multMatrix instanceof _main.default.Matrix) {
+                  _src = multMatrix.mat3;
+                } else if (isMatrixArray(multMatrix)) {
+                  _src = multMatrix;
+                } else if (arguments.length === 9) {
+                  _src = arguments;
+                } else {
+                  return; // nothing to do.
+                }                // each row is used for the multiplier
+
+                var b0 = this.mat3[0];
+                var b1 = this.mat3[1];
+                var b2 = this.mat3[2];
+                this.mat3[0] = b0 * _src[0] + b1 * _src[3] + b2 * _src[6];
+                this.mat3[1] = b0 * _src[1] + b1 * _src[4] + b2 * _src[7];
+                this.mat3[2] = b0 * _src[2] + b1 * _src[5] + b2 * _src[8];
+                b0 = this.mat3[3];
+                b1 = this.mat3[4];
+                b2 = this.mat3[5];
+                this.mat3[3] = b0 * _src[0] + b1 * _src[3] + b2 * _src[6];
+                this.mat3[4] = b0 * _src[1] + b1 * _src[4] + b2 * _src[7];
+                this.mat3[5] = b0 * _src[2] + b1 * _src[5] + b2 * _src[8];
+                b0 = this.mat3[6];
+                b1 = this.mat3[7];
+                b2 = this.mat3[8];
+                this.mat3[6] = b0 * _src[0] + b1 * _src[3] + b2 * _src[6];
+                this.mat3[7] = b0 * _src[1] + b1 * _src[4] + b2 * _src[7];
+                this.mat3[8] = b0 * _src[2] + b1 * _src[5] + b2 * _src[8];
+                return this;
+              }              /**
+    * This function is only for 3x3 matrices.
+    * A function that returns a column vector of a 3x3 matrix.
+    *
+    * @method column
+    * @param {Number} columnIndex matrix column number
+    * @return {p5.Vector}
+    */
+
+            },
+            {
+              key: 'column',
+              value: function column(columnIndex) {
+                return new _main.default.Vector(this.mat3[3 * columnIndex], this.mat3[3 * columnIndex + 1], this.mat3[3 * columnIndex + 2]);
+              }              /**
+    * This function is only for 3x3 matrices.
+    * A function that returns a row vector of a 3x3 matrix.
+    *
+    * @method row
+    * @param {Number} rowIndex matrix row number
+    * @return {p5.Vector}
+    */
+
+            },
+            {
+              key: 'row',
+              value: function row(rowIndex) {
+                return new _main.default.Vector(this.mat3[rowIndex], this.mat3[rowIndex + 3], this.mat3[rowIndex + 6]);
+              }              /**
+    * Returns the diagonal elements of the matrix in the form of an array.
+    * A 3x3 matrix will return an array of length 3.
+    * A 4x4 matrix will return an array of length 4.
+    *
+    * @method diagonal
+    * @return {Number[]} An array obtained by arranging the diagonal elements
+    *                    of the matrix in ascending order of index
+    */
+
+            },
+            {
+              key: 'diagonal',
+              value: function diagonal() {
+                if (this.mat3 !== undefined) {
+                  return [this.mat3[0],
+                  this.mat3[4],
+                  this.mat3[8]];
+                }
+                return [this.mat4[0],
+                this.mat4[5],
+                this.mat4[10],
+                this.mat4[15]];
+              }              /**
+    * This function is only for 3x3 matrices.
+    * Takes a vector and returns the vector resulting from multiplying to
+    * that vector by this matrix from left.
+    *
+    * @method multiplyVec3
+    * @param {p5.Vector} multVector the vector to which this matrix applies
+    * @param {p5.Vector} [target] The vector to receive the result
+    * @return {p5.Vector}
+    */
+
+            },
+            {
+              key: 'multiplyVec3',
+              value: function multiplyVec3(multVector, target) {
+                if (target === undefined) {
+                  target = multVector.copy();
+                }
+                target.x = this.row(0).dot(multVector);
+                target.y = this.row(1).dot(multVector);
+                target.z = this.row(2).dot(multVector);
+                return target;
+              }              /**
+    * This function is only for 4x4 matrices.
+    * Creates a 3x3 matrix whose entries are the top left 3x3 part and returns it.
+    *
+    * @method createSubMatrix3x3
+    * @return {p5.Matrix}
+    */
+
+            },
+            {
+              key: 'createSubMatrix3x3',
+              value: function createSubMatrix3x3() {
+                var result = new _main.default.Matrix('mat3');
+                result.mat3[0] = this.mat4[0];
+                result.mat3[1] = this.mat4[1];
+                result.mat3[2] = this.mat4[2];
+                result.mat3[3] = this.mat4[4];
+                result.mat3[4] = this.mat4[5];
+                result.mat3[5] = this.mat4[6];
+                result.mat3[6] = this.mat4[8];
+                result.mat3[7] = this.mat4[9];
+                result.mat3[8] = this.mat4[10];
+                return result;
+              }              /**
+    * PRIVATE
+    */
+              // matrix methods adapted from:
+              // https://developer.mozilla.org/en-US/docs/Web/WebGL/
+              // gluPerspective
+              //
+              // function _makePerspective(fovy, aspect, znear, zfar){
+              //    const ymax = znear * Math.tan(fovy * Math.PI / 360.0);
+              //    const ymin = -ymax;
+              //    const xmin = ymin * aspect;
+              //    const xmax = ymax * aspect;
+              //    return _makeFrustum(xmin, xmax, ymin, ymax, znear, zfar);
+              //  }
+              ////
+              //// glFrustum
+              ////
+              //function _makeFrustum(left, right, bottom, top, znear, zfar){
+              //  const X = 2*znear/(right-left);
+              //  const Y = 2*znear/(top-bottom);
+              //  const A = (right+left)/(right-left);
+              //  const B = (top+bottom)/(top-bottom);
+              //  const C = -(zfar+znear)/(zfar-znear);
+              //  const D = -2*zfar*znear/(zfar-znear);
+              //  const frustrumMatrix =[
+              //  X, 0, A, 0,
+              //  0, Y, B, 0,
+              //  0, 0, C, D,
+              //  0, 0, -1, 0
+              //];
+              //return frustrumMatrix;
+              // }
+              // function _setMVPMatrices(){
+              ////an identity matrix
+              ////@TODO use the p5.Matrix class to abstract away our MV matrices and
+              ///other math
+              //const _mvMatrix =
+              //[
+              //  1.0,0.0,0.0,0.0,
+              //  0.0,1.0,0.0,0.0,
+              //  0.0,0.0,1.0,0.0,
+              //  0.0,0.0,0.0,1.0
+              //];
+
+            }
+          ], [
+            {
+              key: 'identity',
+              value: function identity(pInst) {
+                return new _main.default.Matrix(pInst);
+              }
+            }
+          ]);
+          return _class;
+        }();
+        var _default = _main.default.Matrix;
+        exports.default = _default;
+      },
+      {
+        '../core/main': 298,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.typed-array.copy-within': 223,
+        'core-js/modules/es.typed-array.every': 224,
+        'core-js/modules/es.typed-array.fill': 225,
+        'core-js/modules/es.typed-array.filter': 226,
+        'core-js/modules/es.typed-array.find': 228,
+        'core-js/modules/es.typed-array.find-index': 227,
+        'core-js/modules/es.typed-array.float32-array': 229,
+        'core-js/modules/es.typed-array.for-each': 231,
+        'core-js/modules/es.typed-array.includes': 232,
+        'core-js/modules/es.typed-array.index-of': 233,
+        'core-js/modules/es.typed-array.iterator': 236,
+        'core-js/modules/es.typed-array.join': 237,
+        'core-js/modules/es.typed-array.last-index-of': 238,
+        'core-js/modules/es.typed-array.map': 239,
+        'core-js/modules/es.typed-array.reduce': 241,
+        'core-js/modules/es.typed-array.reduce-right': 240,
+        'core-js/modules/es.typed-array.reverse': 242,
+        'core-js/modules/es.typed-array.set': 243,
+        'core-js/modules/es.typed-array.slice': 244,
+        'core-js/modules/es.typed-array.some': 245,
+        'core-js/modules/es.typed-array.sort': 246,
+        'core-js/modules/es.typed-array.subarray': 247,
+        'core-js/modules/es.typed-array.to-locale-string': 248,
+        'core-js/modules/es.typed-array.to-string': 249
+      }
+    ],
+    352: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.array.map');
+        _dereq_('core-js/modules/es.array.map');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            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;
+        }
+        _main.default.RenderBuffer = /*#__PURE__*/ function () {
+          function _class(size, src, dst, attr, renderer, map) {
+            _classCallCheck(this, _class);
+            this.size = size; // the number of FLOATs in each vertex
+            this.src = src; // the name of the model's source array
+            this.dst = dst; // the name of the geometry's buffer
+            this.attr = attr; // the name of the vertex attribute
+            this._renderer = renderer;
+            this.map = map; // optional, a transformation function to apply to src
+          }          /**
+  * Enables and binds the buffers used by shader when the appropriate data exists in geometry.
+  * Must always be done prior to drawing geometry in WebGL.
+  * @param {p5.Geometry} geometry Geometry that is going to be drawn
+  * @param {p5.Shader} shader Active shader
+  * @private
+  */
+
+          _createClass(_class, [
+            {
+              key: '_prepareBuffer',
+              value: function _prepareBuffer(geometry, shader) {
+                var attributes = shader.attributes;
+                var gl = this._renderer.GL;
+                var model;
+                if (geometry.model) {
+                  model = geometry.model;
+                } else {
+                  model = geometry;
+                }                // loop through each of the buffer definitions
+
+                var attr = attributes[this.attr];
+                if (!attr) {
+                  return;
+                }                // check if the model has the appropriate source array
+
+                var buffer = geometry[this.dst];
+                var src = model[this.src];
+                if (src.length > 0) {
+                  // check if we need to create the GL buffer
+                  var createBuffer = !buffer;
+                  if (createBuffer) {
+                    // create and remember the buffer
+                    geometry[this.dst] = buffer = gl.createBuffer();
+                  }                  // bind the buffer
+
+                  gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
+                  // check if we need to fill the buffer with data
+                  if (createBuffer || model.dirtyFlags[this.src] !== false) {
+                    var map = this.map;
+                    // get the values from the model, possibly transformed
+                    var values = map ? map(src) : src;
+                    // fill the buffer with the values
+                    this._renderer._bindBuffer(buffer, gl.ARRAY_BUFFER, values);
+                    // mark the model's source array as clean
+                    model.dirtyFlags[this.src] = false;
+                  }                  // enable the attribute
+
+                  shader.enableAttrib(attr, this.size);
+                } else {
+                  var loc = attr.location;
+                  if (loc === - 1 || !this._renderer.registerEnabled.has(loc)) {
+                    return;
+                  }                  // Disable register corresponding to unused attribute
+
+                  gl.disableVertexAttribArray(loc);
+                  // Record register availability
+                  this._renderer.registerEnabled.delete(loc);
+                }
+              }
+            }
+          ]);
+          return _class;
+        }();
+        var _default = _main.default.RenderBuffer;
+        exports.default = _default;
+      },
+      {
+        '../core/main': 298,
+        'core-js/modules/es.array.map': 182
+      }
+    ],
+    353: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.concat');
+        _dereq_('core-js/modules/es.array.fill');
+        _dereq_('core-js/modules/es.array.find-index');
+        _dereq_('core-js/modules/es.array.from');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.map');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.map');
+        _dereq_('core-js/modules/es.object.get-own-property-descriptor');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.weak-map');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        function _typeof2(obj) {
+          if (typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol') {
+            _typeof2 = function _typeof2(obj) {
+              return typeof obj;
+            };
+          } else {
+            _typeof2 = function _typeof2(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj;
+            };
+          }
+          return _typeof2(obj);
+        }
+        function _typeof(obj) {
+          if (typeof Symbol === 'function' && _typeof2(Symbol.iterator) === 'symbol') {
+            _typeof = function _typeof(obj) {
+              return _typeof2(obj);
+            };
+          } else {
+            _typeof = function _typeof(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : _typeof2(obj);
+            };
+          }
+          return _typeof(obj);
+        }
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.concat');
+        _dereq_('core-js/modules/es.array.fill');
+        _dereq_('core-js/modules/es.array.find-index');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.map');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.map');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        var constants = _interopRequireWildcard(_dereq_('../core/constants'));
+        _dereq_('./p5.RenderBuffer');
+        function _getRequireWildcardCache() {
+          if (typeof WeakMap !== 'function') return null;
+          var cache = new WeakMap();
+          _getRequireWildcardCache = function _getRequireWildcardCache() {
+            return cache;
+          };
+          return cache;
+        }
+        function _interopRequireWildcard(obj) {
+          if (obj && obj.__esModule) {
+            return obj;
+          }
+          if (obj === null || _typeof(obj) !== 'object' && typeof obj !== 'function') {
+            return {
+            default:
+              obj
+            };
+          }
+          var cache = _getRequireWildcardCache();
+          if (cache && cache.has(obj)) {
+            return cache.get(obj);
+          }
+          var newObj = {
+          };
+          var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+          for (var key in obj) {
+            if (Object.prototype.hasOwnProperty.call(obj, key)) {
+              var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+              if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+              } else {
+                newObj[key] = obj[key];
+              }
+            }
+          }
+          newObj.default = obj;
+          if (cache) {
+            cache.set(obj, newObj);
+          }
+          return newObj;
+        }
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }
+        function _toConsumableArray(arr) {
+          return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
+        }
+        function _nonIterableSpread() {
+          throw new TypeError('Invalid attempt to spread non-iterable instance');
+        }
+        function _iterableToArray(iter) {
+          if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === '[object Arguments]') return Array.from(iter);
+        }
+        function _arrayWithoutHoles(arr) {
+          if (Array.isArray(arr)) {
+            for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) {
+              arr2[i] = arr[i];
+            }
+            return arr2;
+          }
+        } /**
+   * Welcome to RendererGL Immediate Mode.
+   * Immediate mode is used for drawing custom shapes
+   * from a set of vertices.  Immediate Mode is activated
+   * when you call <a href="#/p5/beginShape">beginShape()</a> & de-activated when you call <a href="#/p5/endShape">endShape()</a>.
+   * Immediate mode is a style of programming borrowed
+   * from OpenGL's (now-deprecated) immediate mode.
+   * It differs from p5.js' default, Retained Mode, which caches
+   * geometries and buffers on the CPU to reduce the number of webgl
+   * draw calls. Retained mode is more efficient & performative,
+   * however, Immediate Mode is useful for sketching quick
+   * geometric ideas.
+   */
+        /**
+ * Begin shape drawing.  This is a helpful way of generating
+ * custom shapes quickly.  However in WEBGL mode, application
+ * performance will likely drop as a result of too many calls to
+ * <a href="#/p5/beginShape">beginShape()</a> / <a href="#/p5/endShape">endShape()</a>.  As a high performance alternative,
+ * please use p5.js geometry primitives.
+ * @private
+ * @method beginShape
+ * @param  {Number} mode webgl primitives mode.  beginShape supports the
+ *                       following modes:
+ *                       POINTS,LINES,LINE_STRIP,LINE_LOOP,TRIANGLES,
+ *                       TRIANGLE_STRIP, TRIANGLE_FAN, QUADS, QUAD_STRIP,
+ *                       and TESS(WEBGL only)
+ * @chainable
+ */
+
+        _main.default.RendererGL.prototype.beginShape = function (mode) {
+          this.immediateMode.shapeMode = mode !== undefined ? mode : constants.TESS;
+          this.immediateMode.geometry.reset();
+          this.immediateMode.contourIndices = [
+          ];
+          return this;
+        };
+        var immediateBufferStrides = {
+          vertices: 1,
+          vertexNormals: 1,
+          vertexColors: 4,
+          vertexStrokeColors: 4,
+          uvs: 2
+        };
+        _main.default.RendererGL.prototype.beginContour = function () {
+          if (this.immediateMode.shapeMode !== constants.TESS) {
+            throw new Error('WebGL mode can only use contours with beginShape(TESS).');
+          }
+          this.immediateMode.contourIndices.push(this.immediateMode.geometry.vertices.length);
+        };
+        /**
+ * adds a vertex to be drawn in a custom Shape.
+ * @private
+ * @method vertex
+ * @param  {Number} x x-coordinate of vertex
+ * @param  {Number} y y-coordinate of vertex
+ * @param  {Number} z z-coordinate of vertex
+ * @chainable
+ * @TODO implement handling of <a href="#/p5.Vector">p5.Vector</a> args
+ */
+        _main.default.RendererGL.prototype.vertex = function (x, y) {
+          // WebGL 1 doesn't support QUADS or QUAD_STRIP, so we duplicate data to turn
+          // QUADS into TRIANGLES and QUAD_STRIP into TRIANGLE_STRIP. (There is no extra
+          // work to convert QUAD_STRIP here, since the only difference is in how edges
+          // are rendered.)
+          if (this.immediateMode.shapeMode === constants.QUADS) {
+            // A finished quad turned into triangles should leave 6 vertices in the
+            // buffer:
+            // 0--3     0   3--5
+            // |  | --> | \  \ |
+            // 1--2     1--2   4
+            // When vertex index 3 is being added, add the necessary duplicates.
+            if (this.immediateMode.geometry.vertices.length % 6 === 3) {
+              for (var key in immediateBufferStrides) {
+                var stride = immediateBufferStrides[key];
+                var buffer = this.immediateMode.geometry[key];
+                buffer.push.apply(buffer, _toConsumableArray(buffer.slice(buffer.length - 3 * stride, buffer.length - 2 * stride)).concat(_toConsumableArray(buffer.slice(buffer.length - stride, buffer.length))));
+              }
+            }
+          }
+          var z,
+          u,
+          v;
+          // default to (x, y) mode: all other arguments assumed to be 0.
+          z = u = v = 0;
+          if (arguments.length === 3) {
+            // (x, y, z) mode: (u, v) assumed to be 0.
+            z = arguments[2];
+          } else if (arguments.length === 4) {
+            // (x, y, u, v) mode: z assumed to be 0.
+            u = arguments[2];
+            v = arguments[3];
+          } else if (arguments.length === 5) {
+            // (x, y, z, u, v) mode
+            z = arguments[2];
+            u = arguments[3];
+            v = arguments[4];
+          }
+          var vert = new _main.default.Vector(x, y, z);
+          this.immediateMode.geometry.vertices.push(vert);
+          this.immediateMode.geometry.vertexNormals.push(this._currentNormal);
+          var vertexColor = this.curFillColor || [
+            0.5,
+            0.5,
+            0.5,
+            1
+          ];
+          this.immediateMode.geometry.vertexColors.push(vertexColor[0], vertexColor[1], vertexColor[2], vertexColor[3]);
+          var lineVertexColor = this.curStrokeColor || [
+            0.5,
+            0.5,
+            0.5,
+            1
+          ];
+          this.immediateMode.geometry.vertexStrokeColors.push(lineVertexColor[0], lineVertexColor[1], lineVertexColor[2], lineVertexColor[3]);
+          if (this.textureMode === constants.IMAGE && !this.isProcessingVertices) {
+            if (this._tex !== null) {
+              if (this._tex.width > 0 && this._tex.height > 0) {
+                u /= this._tex.width;
+                v /= this._tex.height;
+              }
+            } else if (this.userFillShader !== undefined || this.userStrokeShader !== undefined || this.userPointShader !== undefined) {
+              // Do nothing if user-defined shaders are present
+            } else if (this._tex === null && arguments.length >= 4) {
+              // Only throw this warning if custom uv's have  been provided
+              console.warn('You must first call texture() before using' + ' vertex() with image based u and v coordinates');
+            }
+          }
+          this.immediateMode.geometry.uvs.push(u, v);
+          this.immediateMode._bezierVertex[0] = x;
+          this.immediateMode._bezierVertex[1] = y;
+          this.immediateMode._bezierVertex[2] = z;
+          this.immediateMode._quadraticVertex[0] = x;
+          this.immediateMode._quadraticVertex[1] = y;
+          this.immediateMode._quadraticVertex[2] = z;
+          return this;
+        };
+        /**
+ * Sets the normal to use for subsequent vertices.
+ * @method vertexNormal
+ * @param  {Number} x
+ * @param  {Number} y
+ * @param  {Number} z
+ * @chainable
+ *
+ * @method vertexNormal
+ * @param  {Vector} v
+ * @chainable
+ */
+        _main.default.RendererGL.prototype.normal = function (xorv, y, z) {
+          if (xorv instanceof _main.default.Vector) {
+            this._currentNormal = xorv;
+          } else {
+            this._currentNormal = new _main.default.Vector(xorv, y, z);
+          }
+          return this;
+        };
+        /**
+ * End shape drawing and render vertices to screen.
+ * @chainable
+ */
+        _main.default.RendererGL.prototype.endShape = function (mode, isCurve, isBezier, isQuadratic, isContour, shapeKind) {
+          var count = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : 1;
+          if (this.immediateMode.shapeMode === constants.POINTS) {
+            this._drawPoints(this.immediateMode.geometry.vertices, this.immediateMode.buffers.point);
+            return this;
+          }          // When we are drawing a shape then the shape mode is TESS,
+          // but in case of triangle we can skip the breaking into small triangle
+          // this can optimize performance by skipping the step of breaking it into triangles
+
+          if (this.immediateMode.geometry.vertices.length === 3 && this.immediateMode.shapeMode === constants.TESS) {
+            this.immediateMode.shapeMode === constants.TRIANGLES;
+          }
+          this.isProcessingVertices = true;
+          this._processVertices.apply(this, arguments);
+          this.isProcessingVertices = false;
+          // LINE_STRIP and LINES are not used for rendering, instead
+          // they only indicate a way to modify vertices during the _processVertices() step
+          if (this.immediateMode.shapeMode === constants.LINE_STRIP || this.immediateMode.shapeMode === constants.LINES) {
+            this.immediateMode.shapeMode = constants.TRIANGLE_FAN;
+          }          // WebGL doesn't support the QUADS and QUAD_STRIP modes, so we
+          // need to convert them to a supported format. In `vertex()`, we reformat
+          // the input data into the formats specified below.
+
+          if (this.immediateMode.shapeMode === constants.QUADS) {
+            this.immediateMode.shapeMode = constants.TRIANGLES;
+          } else if (this.immediateMode.shapeMode === constants.QUAD_STRIP) {
+            this.immediateMode.shapeMode = constants.TRIANGLE_STRIP;
+          }
+          if (this._doFill) {
+            if (!this.geometryBuilder && this.immediateMode.geometry.vertices.length >= 3) {
+              this._drawImmediateFill(count);
+            }
+          }
+          if (this._doStroke) {
+            if (!this.geometryBuilder && this.immediateMode.geometry.lineVertices.length >= 1) {
+              this._drawImmediateStroke();
+            }
+          }
+          if (this.geometryBuilder) {
+            this.geometryBuilder.addImmediate();
+          }
+          this.isBezier = false;
+          this.isQuadratic = false;
+          this.isCurve = false;
+          this.immediateMode._bezierVertex.length = 0;
+          this.immediateMode._quadraticVertex.length = 0;
+          this.immediateMode._curveVertex.length = 0;
+          return this;
+        };
+        /**
+ * Called from endShape(). This function calculates the stroke vertices for custom shapes and
+ * tesselates shapes when applicable.
+ * @private
+ * @param  {Number} mode webgl primitives mode.  beginShape supports the
+ *                       following modes:
+ *                       POINTS,LINES,LINE_STRIP,LINE_LOOP,TRIANGLES,
+ *                       TRIANGLE_STRIP, TRIANGLE_FAN and TESS(WEBGL only)
+ */
+        _main.default.RendererGL.prototype._processVertices = function (mode) {
+          if (this.immediateMode.geometry.vertices.length === 0) return;
+          var calculateStroke = this._doStroke;
+          var shouldClose = mode === constants.CLOSE;
+          if (calculateStroke) {
+            this.immediateMode.geometry.edges = this._calculateEdges(this.immediateMode.shapeMode, this.immediateMode.geometry.vertices, shouldClose);
+            if (!this.geometryBuilder) {
+              this.immediateMode.geometry._edgesToVertices();
+            }
+          }          // For hollow shapes, user must set mode to TESS
+
+          var convexShape = this.immediateMode.shapeMode === constants.TESS;
+          // If the shape has a contour, we have to re-triangulate to cut out the
+          // contour region
+          var hasContour = this.immediateMode.contourIndices.length > 0;
+          // We tesselate when drawing curves or convex shapes
+          var shouldTess = this._doFill && (this.isBezier || this.isQuadratic || this.isCurve || convexShape || hasContour) && this.immediateMode.shapeMode !== constants.LINES;
+          if (shouldTess) {
+            this._tesselateShape();
+          }
+        };
+        /**
+ * Called from _processVertices(). This function calculates the stroke vertices for custom shapes and
+ * tesselates shapes when applicable.
+ * @private
+ * @returns  {Array[Number]} indices for custom shape vertices indicating edges.
+ */
+        _main.default.RendererGL.prototype._calculateEdges = function (shapeMode, verts, shouldClose) {
+          var res = [
+          ];
+          var i = 0;
+          var contourIndices = this.immediateMode.contourIndices.slice();
+          var contourStart = 0;
+          switch (shapeMode) {
+            case constants.TRIANGLE_STRIP:
+              for (i = 0; i < verts.length - 2; i++) {
+                res.push([i,
+                i + 1]);
+                res.push([i,
+                i + 2]);
+              }
+              res.push([i,
+              i + 1]);
+              break;
+            case constants.TRIANGLE_FAN:
+              for (i = 1; i < verts.length - 1; i++) {
+                res.push([0,
+                i]);
+                res.push([i,
+                i + 1]);
+              }
+              res.push([0,
+              verts.length - 1]);
+              break;
+            case constants.TRIANGLES:
+              for (i = 0; i < verts.length - 2; i = i + 3) {
+                res.push([i,
+                i + 1]);
+                res.push([i + 1,
+                i + 2]);
+                res.push([i + 2,
+                i]);
+              }
+              break;
+            case constants.LINES:
+              for (i = 0; i < verts.length - 1; i = i + 2) {
+                res.push([i,
+                i + 1]);
+              }
+              break;
+            case constants.QUADS:
+              // Quads have been broken up into two triangles by `vertex()`:
+              // 0   3--5
+              // | \  \ |
+              // 1--2   4
+              for (i = 0; i < verts.length - 5; i += 6) {
+                res.push([i,
+                i + 1]);
+                res.push([i + 1,
+                i + 2]);
+                res.push([i + 3,
+                i + 5]);
+                res.push([i + 4,
+                i + 5]);
+              }
+              break;
+            case constants.QUAD_STRIP:
+              // 0---2---4
+              // |   |   |
+              // 1---3---5
+              for (i = 0; i < verts.length - 2; i += 2) {
+                res.push([i,
+                i + 1]);
+                res.push([i,
+                i + 2]);
+                res.push([i + 1,
+                i + 3]);
+              }
+              res.push([i,
+              i + 1]);
+              break;
+            default:
+              // TODO: handle contours in other modes too
+              for (i = 0; i < verts.length; i++) {
+                // Handle breaks between contours
+                if (i + 1 < verts.length && i + 1 !== contourIndices[0]) {
+                  res.push([i,
+                  i + 1]);
+                } else {
+                  if (shouldClose || contourStart) {
+                    res.push([i,
+                    contourStart]);
+                  }
+                  if (contourIndices.length > 0) {
+                    contourStart = contourIndices.shift();
+                  }
+                }
+              }
+              break;
+          }
+          if (shapeMode !== constants.TESS && shouldClose) {
+            res.push([verts.length - 1,
+            0]);
+          }
+          return res;
+        };
+        /**
+ * Called from _processVertices() when applicable. This function tesselates immediateMode.geometry.
+ * @private
+ */
+        _main.default.RendererGL.prototype._tesselateShape = function () {
+          var _this = this;
+          // TODO: handle non-TESS shape modes that have contours
+          this.immediateMode.shapeMode = constants.TRIANGLES;
+          var contours = [
+            []
+          ];
+          for (var i = 0; i < this.immediateMode.geometry.vertices.length; i++) {
+            if (this.immediateMode.contourIndices.length > 0 && this.immediateMode.contourIndices[0] === i) {
+              this.immediateMode.contourIndices.shift();
+              contours.push([]);
+            }
+            contours[contours.length - 1].push(this.immediateMode.geometry.vertices[i].x, this.immediateMode.geometry.vertices[i].y, this.immediateMode.geometry.vertices[i].z, this.immediateMode.geometry.uvs[i * 2], this.immediateMode.geometry.uvs[i * 2 + 1], this.immediateMode.geometry.vertexColors[i * 4], this.immediateMode.geometry.vertexColors[i * 4 + 1], this.immediateMode.geometry.vertexColors[i * 4 + 2], this.immediateMode.geometry.vertexColors[i * 4 + 3], this.immediateMode.geometry.vertexNormals[i].x, this.immediateMode.geometry.vertexNormals[i].y, this.immediateMode.geometry.vertexNormals[i].z);
+          }
+          var polyTriangles = this._triangulate(contours);
+          var originalVertices = this.immediateMode.geometry.vertices;
+          this.immediateMode.geometry.vertices = [
+          ];
+          this.immediateMode.geometry.vertexNormals = [
+          ];
+          this.immediateMode.geometry.uvs = [
+          ];
+          var colors = [
+          ];
+          for (var j = 0, polyTriLength = polyTriangles.length; j < polyTriLength; j = j + _main.default.RendererGL.prototype.tessyVertexSize) {
+            colors.push.apply(colors, _toConsumableArray(polyTriangles.slice(j + 5, j + 9)));
+            this.normal.apply(this, _toConsumableArray(polyTriangles.slice(j + 9, j + 12)));
+            this.vertex.apply(this, _toConsumableArray(polyTriangles.slice(j, j + 5)));
+          }
+          if (this.geometryBuilder) {
+            // Tesselating the face causes the indices of edge vertices to stop being
+            // correct. When rendering, this is not a problem, since _edgesToVertices
+            // will have been called before this, and edge vertex indices are no longer
+            // needed. However, the geometry builder still needs this information, so
+            // when one is active, we need to update the indices.
+            //
+            // We record index mappings in a Map so that once we have found a
+            // corresponding vertex, we don't need to loop to find it again.
+            var newIndex = new Map();
+            this.immediateMode.geometry.edges = this.immediateMode.geometry.edges.map(function (edge) {
+              return edge.map(function (origIdx) {
+                if (!newIndex.has(origIdx)) {
+                  var orig = originalVertices[origIdx];
+                  var newVertIndex = _this.immediateMode.geometry.vertices.findIndex(function (v) {
+                    return orig.x === v.x && orig.y === v.y && orig.z === v.z;
+                  });
+                  if (newVertIndex === - 1) {
+                    // The tesselation process didn't output a vertex with the exact
+                    // coordinate as before, potentially due to numerical issues. This
+                    // doesn't happen often, but in this case, pick the closest point
+                    var closestDist = Infinity;
+                    var closestIndex = 0;
+                    for (var _i = 0; _i < _this.immediateMode.geometry.vertices.length; _i++) {
+                      var vert = _this.immediateMode.geometry.vertices[_i];
+                      var dX = orig.x - vert.x;
+                      var dY = orig.y - vert.y;
+                      var dZ = orig.z - vert.z;
+                      var dist = dX * dX + dY * dY + dZ * dZ;
+                      if (dist < closestDist) {
+                        closestDist = dist;
+                        closestIndex = _i;
+                      }
+                    }
+                    newVertIndex = closestIndex;
+                  }
+                  newIndex.set(origIdx, newVertIndex);
+                }
+                return newIndex.get(origIdx);
+              });
+            });
+          }
+          this.immediateMode.geometry.vertexColors = colors;
+        };
+        /**
+ * Called from endShape(). Responsible for calculating normals, setting shader uniforms,
+ * enabling all appropriate buffers, applying color blend, and drawing the fill geometry.
+ * @private
+ */
+        _main.default.RendererGL.prototype._drawImmediateFill = function () {
+          var count = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+          var gl = this.GL;
+          this._useVertexColor = this.immediateMode.geometry.vertexColors.length > 0;
+          var shader;
+          shader = this._getImmediateFillShader();
+          this._setFillUniforms(shader);
+          var _iteratorNormalCompletion = true;
+          var _didIteratorError = false;
+          var _iteratorError = undefined;
+          try {
+            for (var _iterator = this.immediateMode.buffers.fill[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+              var buff = _step.value;
+              buff._prepareBuffer(this.immediateMode.geometry, shader);
+            }
+          } catch (err) {
+            _didIteratorError = true;
+            _iteratorError = err;
+          } finally {
+            try {
+              if (!_iteratorNormalCompletion && _iterator.return != null) {
+                _iterator.return();
+              }
+            } finally {
+              if (_didIteratorError) {
+                throw _iteratorError;
+              }
+            }
+          }
+          shader.disableRemainingAttributes();
+          this._applyColorBlend(this.curFillColor);
+          if (count === 1) {
+            gl.drawArrays(this.immediateMode.shapeMode, 0, this.immediateMode.geometry.vertices.length);
+          } else {
+            try {
+              gl.drawArraysInstanced(this.immediateMode.shapeMode, 0, this.immediateMode.geometry.vertices.length, count);
+            } catch (e) {
+              console.log('🌸 p5.js says: Instancing is only supported in WebGL2 mode');
+            }
+          }
+          shader.unbindShader();
+        };
+        /**
+ * Called from endShape(). Responsible for calculating normals, setting shader uniforms,
+ * enabling all appropriate buffers, applying color blend, and drawing the stroke geometry.
+ * @private
+ */
+        _main.default.RendererGL.prototype._drawImmediateStroke = function () {
+          var gl = this.GL;
+          this._useLineColor = this.immediateMode.geometry.vertexStrokeColors.length > 0;
+          var shader = this._getImmediateStrokeShader();
+          this._setStrokeUniforms(shader);
+          var _iteratorNormalCompletion2 = true;
+          var _didIteratorError2 = false;
+          var _iteratorError2 = undefined;
+          try {
+            for (var _iterator2 = this.immediateMode.buffers.stroke[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+              var buff = _step2.value;
+              buff._prepareBuffer(this.immediateMode.geometry, shader);
+            }
+          } catch (err) {
+            _didIteratorError2 = true;
+            _iteratorError2 = err;
+          } finally {
+            try {
+              if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
+                _iterator2.return();
+              }
+            } finally {
+              if (_didIteratorError2) {
+                throw _iteratorError2;
+              }
+            }
+          }
+          shader.disableRemainingAttributes();
+          this._applyColorBlend(this.curStrokeColor);
+          gl.drawArrays(gl.TRIANGLES, 0, this.immediateMode.geometry.lineVertices.length / 3);
+          shader.unbindShader();
+        };
+        var _default = _main.default.RendererGL;
+        exports.default = _default;
+      },
+      {
+        '../core/constants': 286,
+        '../core/main': 298,
+        './p5.RenderBuffer': 352,
+        'core-js/modules/es.array.concat': 169,
+        'core-js/modules/es.array.fill': 172,
+        'core-js/modules/es.array.find-index': 174,
+        'core-js/modules/es.array.from': 176,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.array.map': 182,
+        'core-js/modules/es.array.slice': 183,
+        'core-js/modules/es.map': 187,
+        'core-js/modules/es.object.get-own-property-descriptor': 196,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.regexp.to-string': 206,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/es.weak-map': 254,
+        'core-js/modules/web.dom-collections.iterator': 256
+      }
+    ],
+    354: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.fill');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.some');
+        _dereq_('core-js/modules/es.object.get-own-property-descriptor');
+        _dereq_('core-js/modules/es.object.keys');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.typed-array.float32-array');
+        _dereq_('core-js/modules/es.typed-array.uint16-array');
+        _dereq_('core-js/modules/es.typed-array.uint32-array');
+        _dereq_('core-js/modules/es.typed-array.copy-within');
+        _dereq_('core-js/modules/es.typed-array.every');
+        _dereq_('core-js/modules/es.typed-array.fill');
+        _dereq_('core-js/modules/es.typed-array.filter');
+        _dereq_('core-js/modules/es.typed-array.find');
+        _dereq_('core-js/modules/es.typed-array.find-index');
+        _dereq_('core-js/modules/es.typed-array.for-each');
+        _dereq_('core-js/modules/es.typed-array.includes');
+        _dereq_('core-js/modules/es.typed-array.index-of');
+        _dereq_('core-js/modules/es.typed-array.iterator');
+        _dereq_('core-js/modules/es.typed-array.join');
+        _dereq_('core-js/modules/es.typed-array.last-index-of');
+        _dereq_('core-js/modules/es.typed-array.map');
+        _dereq_('core-js/modules/es.typed-array.reduce');
+        _dereq_('core-js/modules/es.typed-array.reduce-right');
+        _dereq_('core-js/modules/es.typed-array.reverse');
+        _dereq_('core-js/modules/es.typed-array.set');
+        _dereq_('core-js/modules/es.typed-array.slice');
+        _dereq_('core-js/modules/es.typed-array.some');
+        _dereq_('core-js/modules/es.typed-array.sort');
+        _dereq_('core-js/modules/es.typed-array.subarray');
+        _dereq_('core-js/modules/es.typed-array.to-locale-string');
+        _dereq_('core-js/modules/es.typed-array.to-string');
+        _dereq_('core-js/modules/es.weak-map');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        function _typeof2(obj) {
+          if (typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol') {
+            _typeof2 = function _typeof2(obj) {
+              return typeof obj;
+            };
+          } else {
+            _typeof2 = function _typeof2(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj;
+            };
+          }
+          return _typeof2(obj);
+        }
+        function _typeof(obj) {
+          if (typeof Symbol === 'function' && _typeof2(Symbol.iterator) === 'symbol') {
+            _typeof = function _typeof(obj) {
+              return _typeof2(obj);
+            };
+          } else {
+            _typeof = function _typeof(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : _typeof2(obj);
+            };
+          }
+          return _typeof(obj);
+        }
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.fill');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.some');
+        _dereq_('core-js/modules/es.object.keys');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.typed-array.float32-array');
+        _dereq_('core-js/modules/es.typed-array.uint16-array');
+        _dereq_('core-js/modules/es.typed-array.uint32-array');
+        _dereq_('core-js/modules/es.typed-array.copy-within');
+        _dereq_('core-js/modules/es.typed-array.every');
+        _dereq_('core-js/modules/es.typed-array.fill');
+        _dereq_('core-js/modules/es.typed-array.filter');
+        _dereq_('core-js/modules/es.typed-array.find');
+        _dereq_('core-js/modules/es.typed-array.find-index');
+        _dereq_('core-js/modules/es.typed-array.for-each');
+        _dereq_('core-js/modules/es.typed-array.includes');
+        _dereq_('core-js/modules/es.typed-array.index-of');
+        _dereq_('core-js/modules/es.typed-array.iterator');
+        _dereq_('core-js/modules/es.typed-array.join');
+        _dereq_('core-js/modules/es.typed-array.last-index-of');
+        _dereq_('core-js/modules/es.typed-array.map');
+        _dereq_('core-js/modules/es.typed-array.reduce');
+        _dereq_('core-js/modules/es.typed-array.reduce-right');
+        _dereq_('core-js/modules/es.typed-array.reverse');
+        _dereq_('core-js/modules/es.typed-array.set');
+        _dereq_('core-js/modules/es.typed-array.slice');
+        _dereq_('core-js/modules/es.typed-array.some');
+        _dereq_('core-js/modules/es.typed-array.sort');
+        _dereq_('core-js/modules/es.typed-array.subarray');
+        _dereq_('core-js/modules/es.typed-array.to-locale-string');
+        _dereq_('core-js/modules/es.typed-array.to-string');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        _dereq_('./p5.RendererGL');
+        _dereq_('./p5.RenderBuffer');
+        var constants = _interopRequireWildcard(_dereq_('../core/constants'));
+        function _getRequireWildcardCache() {
+          if (typeof WeakMap !== 'function') return null;
+          var cache = new WeakMap();
+          _getRequireWildcardCache = function _getRequireWildcardCache() {
+            return cache;
+          };
+          return cache;
+        }
+        function _interopRequireWildcard(obj) {
+          if (obj && obj.__esModule) {
+            return obj;
+          }
+          if (obj === null || _typeof(obj) !== 'object' && typeof obj !== 'function') {
+            return {
+            default:
+              obj
+            };
+          }
+          var cache = _getRequireWildcardCache();
+          if (cache && cache.has(obj)) {
+            return cache.get(obj);
+          }
+          var newObj = {
+          };
+          var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+          for (var key in obj) {
+            if (Object.prototype.hasOwnProperty.call(obj, key)) {
+              var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+              if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+              } else {
+                newObj[key] = obj[key];
+              }
+            }
+          }
+          newObj.default = obj;
+          if (cache) {
+            cache.set(obj, newObj);
+          }
+          return newObj;
+        }
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }        //Retained Mode. The default mode for rendering 3D primitives
+        //in WEBGL.
+        /**
+ * @param {p5.Geometry} geometry The model whose resources will be freed
+ */
+
+        _main.default.RendererGL.prototype.freeGeometry = function (geometry) {
+          if (!geometry.gid) {
+            console.warn('The model you passed to freeGeometry does not have an id!');
+            return;
+          }
+          this._freeBuffers(geometry.gid);
+        };
+        /**
+ * _initBufferDefaults
+ * @private
+ * @description initializes buffer defaults. runs each time a new geometry is
+ * registered
+ * @param  {String} gId  key of the geometry object
+ * @returns {Object} a new buffer object
+ */
+        _main.default.RendererGL.prototype._initBufferDefaults = function (gId) {
+          this._freeBuffers(gId);
+          //@TODO remove this limit on hashes in retainedMode.geometry
+          if (Object.keys(this.retainedMode.geometry).length > 1000) {
+            var key = Object.keys(this.retainedMode.geometry) [0];
+            this._freeBuffers(key);
+          }          //create a new entry in our retainedMode.geometry
+
+          return this.retainedMode.geometry[gId] = {
+          };
+        };
+        _main.default.RendererGL.prototype._freeBuffers = function (gId) {
+          var buffers = this.retainedMode.geometry[gId];
+          if (!buffers) {
+            return;
+          }
+          delete this.retainedMode.geometry[gId];
+          var gl = this.GL;
+          if (buffers.indexBuffer) {
+            gl.deleteBuffer(buffers.indexBuffer);
+          }
+          function freeBuffers(defs) {
+            var _iteratorNormalCompletion = true;
+            var _didIteratorError = false;
+            var _iteratorError = undefined;
+            try {
+              for (var _iterator = defs[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+                var def = _step.value;
+                if (buffers[def.dst]) {
+                  gl.deleteBuffer(buffers[def.dst]);
+                  buffers[def.dst] = null;
+                }
+              }
+            } catch (err) {
+              _didIteratorError = true;
+              _iteratorError = err;
+            } finally {
+              try {
+                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                  _iterator.return();
+                }
+              } finally {
+                if (_didIteratorError) {
+                  throw _iteratorError;
+                }
+              }
+            }
+          }          // free all the buffers
+
+          freeBuffers(this.retainedMode.buffers.stroke);
+          freeBuffers(this.retainedMode.buffers.fill);
+        };
+        /**
+ * creates a buffers object that holds the WebGL render buffers
+ * for a geometry.
+ * @private
+ * @param  {String} gId    key of the geometry object
+ * @param  {p5.Geometry}  model contains geometry data
+ */
+        _main.default.RendererGL.prototype.createBuffers = function (gId, model) {
+          var gl = this.GL;
+          //initialize the gl buffers for our geom groups
+          var buffers = this._initBufferDefaults(gId);
+          buffers.model = model;
+          var indexBuffer = buffers.indexBuffer;
+          if (model.faces.length) {
+            // allocate space for faces
+            if (!indexBuffer) indexBuffer = buffers.indexBuffer = gl.createBuffer();
+            var vals = _main.default.RendererGL.prototype._flatten(model.faces);
+            // If any face references a vertex with an index greater than the maximum
+            // un-singed 16 bit integer, then we need to use a Uint32Array instead of a
+            // Uint16Array
+            var hasVertexIndicesOverMaxUInt16 = vals.some(function (v) {
+              return v > 65535;
+            });
+            var type = hasVertexIndicesOverMaxUInt16 ? Uint32Array : Uint16Array;
+            this._bindBuffer(indexBuffer, gl.ELEMENT_ARRAY_BUFFER, vals, type);
+            // If we're using a Uint32Array for our indexBuffer we will need to pass a
+            // different enum value to WebGL draw triangles. This happens in
+            // the _drawElements function.
+            buffers.indexBufferType = hasVertexIndicesOverMaxUInt16 ? gl.UNSIGNED_INT : gl.UNSIGNED_SHORT;
+            // the vertex count is based on the number of faces
+            buffers.vertexCount = model.faces.length * 3;
+          } else {
+            // the index buffer is unused, remove it
+            if (indexBuffer) {
+              gl.deleteBuffer(indexBuffer);
+              buffers.indexBuffer = null;
+            }            // the vertex count comes directly from the model
+
+            buffers.vertexCount = model.vertices ? model.vertices.length : 0;
+          }
+          buffers.lineVertexCount = model.lineVertices ? model.lineVertices.length / 3 : 0;
+          return buffers;
+        };
+        /**
+ * Draws buffers given a geometry key ID
+ * @private
+ * @param  {String} gId     ID in our geom hash
+ * @chainable
+ */
+        _main.default.RendererGL.prototype.drawBuffers = function (gId) {
+          var gl = this.GL;
+          var geometry = this.retainedMode.geometry[gId];
+          if (!this.geometryBuilder && this._doFill && this.retainedMode.geometry[gId].vertexCount > 0) {
+            this._useVertexColor = geometry.model.vertexColors.length > 0;
+            var fillShader = this._getRetainedFillShader();
+            this._setFillUniforms(fillShader);
+            var _iteratorNormalCompletion2 = true;
+            var _didIteratorError2 = false;
+            var _iteratorError2 = undefined;
+            try {
+              for (var _iterator2 = this.retainedMode.buffers.fill[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+                var buff = _step2.value;
+                buff._prepareBuffer(geometry, fillShader);
+              }
+            } catch (err) {
+              _didIteratorError2 = true;
+              _iteratorError2 = err;
+            } finally {
+              try {
+                if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
+                  _iterator2.return();
+                }
+              } finally {
+                if (_didIteratorError2) {
+                  throw _iteratorError2;
+                }
+              }
+            }
+            fillShader.disableRemainingAttributes();
+            if (geometry.indexBuffer) {
+              //vertex index buffer
+              this._bindBuffer(geometry.indexBuffer, gl.ELEMENT_ARRAY_BUFFER);
+            }
+            this._applyColorBlend(this.curFillColor);
+            this._drawElements(gl.TRIANGLES, gId);
+            fillShader.unbindShader();
+          }
+          if (!this.geometryBuilder && this._doStroke && geometry.lineVertexCount > 0) {
+            this._useLineColor = geometry.model.vertexStrokeColors.length > 0;
+            var strokeShader = this._getRetainedStrokeShader();
+            this._setStrokeUniforms(strokeShader);
+            var _iteratorNormalCompletion3 = true;
+            var _didIteratorError3 = false;
+            var _iteratorError3 = undefined;
+            try {
+              for (var _iterator3 = this.retainedMode.buffers.stroke[Symbol.iterator](), _step3; !(_iteratorNormalCompletion3 = (_step3 = _iterator3.next()).done); _iteratorNormalCompletion3 = true) {
+                var _buff = _step3.value;
+                _buff._prepareBuffer(geometry, strokeShader);
+              }
+            } catch (err) {
+              _didIteratorError3 = true;
+              _iteratorError3 = err;
+            } finally {
+              try {
+                if (!_iteratorNormalCompletion3 && _iterator3.return != null) {
+                  _iterator3.return();
+                }
+              } finally {
+                if (_didIteratorError3) {
+                  throw _iteratorError3;
+                }
+              }
+            }
+            strokeShader.disableRemainingAttributes();
+            this._applyColorBlend(this.curStrokeColor);
+            this._drawArrays(gl.TRIANGLES, gId);
+            strokeShader.unbindShader();
+          }
+          if (this.geometryBuilder) {
+            this.geometryBuilder.addRetained(geometry);
+          }
+          return this;
+        };
+        /**
+ * Calls drawBuffers() with a scaled model/view matrix.
+ *
+ * This is used by various 3d primitive methods (in primitives.js, eg. plane,
+ * box, torus, etc...) to allow caching of un-scaled geometries. Those
+ * geometries are generally created with unit-length dimensions, cached as
+ * such, and then scaled appropriately in this method prior to rendering.
+ *
+ * @private
+ * @method drawBuffersScaled
+ * @param {String} gId     ID in our geom hash
+ * @param {Number} scaleX  the amount to scale in the X direction
+ * @param {Number} scaleY  the amount to scale in the Y direction
+ * @param {Number} scaleZ  the amount to scale in the Z direction
+ */
+        _main.default.RendererGL.prototype.drawBuffersScaled = function (gId, scaleX, scaleY, scaleZ) {
+          var uMVMatrix = this.uMVMatrix.copy();
+          try {
+            this.uMVMatrix.scale(scaleX, scaleY, scaleZ);
+            this.drawBuffers(gId);
+          } finally {
+            this.uMVMatrix = uMVMatrix;
+          }
+        };
+        _main.default.RendererGL.prototype._drawArrays = function (drawMode, gId) {
+          this.GL.drawArrays(drawMode, 0, this.retainedMode.geometry[gId].lineVertexCount);
+          return this;
+        };
+        _main.default.RendererGL.prototype._drawElements = function (drawMode, gId) {
+          var buffers = this.retainedMode.geometry[gId];
+          var gl = this.GL;
+          // render the fill
+          if (buffers.indexBuffer) {
+            // If this model is using a Uint32Array we need to ensure the
+            // OES_element_index_uint WebGL extension is enabled.
+            if (this._pInst.webglVersion !== constants.WEBGL2 && buffers.indexBufferType === gl.UNSIGNED_INT) {
+              if (!gl.getExtension('OES_element_index_uint')) {
+                throw new Error('Unable to render a 3d model with > 65535 triangles. Your web browser does not support the WebGL Extension OES_element_index_uint.');
+              }
+            }            // we're drawing faces
+
+            gl.drawElements(gl.TRIANGLES, buffers.vertexCount, buffers.indexBufferType, 0);
+          } else {
+            // drawing vertices
+            gl.drawArrays(drawMode || gl.TRIANGLES, 0, buffers.vertexCount);
+          }
+        };
+        _main.default.RendererGL.prototype._drawPoints = function (vertices, vertexBuffer) {
+          var gl = this.GL;
+          var pointShader = this._getImmediatePointShader();
+          this._setPointUniforms(pointShader);
+          this._bindBuffer(vertexBuffer, gl.ARRAY_BUFFER, this._vToNArray(vertices), Float32Array, gl.STATIC_DRAW);
+          pointShader.enableAttrib(pointShader.attributes.aPosition, 3);
+          this._applyColorBlend(this.curStrokeColor);
+          gl.drawArrays(gl.Points, 0, vertices.length);
+          pointShader.unbindShader();
+        };
+        var _default = _main.default.RendererGL;
+        exports.default = _default;
+      },
+      {
+        '../core/constants': 286,
+        '../core/main': 298,
+        './p5.RenderBuffer': 352,
+        './p5.RendererGL': 355,
+        'core-js/modules/es.array.fill': 172,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.array.some': 184,
+        'core-js/modules/es.object.get-own-property-descriptor': 196,
+        'core-js/modules/es.object.keys': 199,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/es.typed-array.copy-within': 223,
+        'core-js/modules/es.typed-array.every': 224,
+        'core-js/modules/es.typed-array.fill': 225,
+        'core-js/modules/es.typed-array.filter': 226,
+        'core-js/modules/es.typed-array.find': 228,
+        'core-js/modules/es.typed-array.find-index': 227,
+        'core-js/modules/es.typed-array.float32-array': 229,
+        'core-js/modules/es.typed-array.for-each': 231,
+        'core-js/modules/es.typed-array.includes': 232,
+        'core-js/modules/es.typed-array.index-of': 233,
+        'core-js/modules/es.typed-array.iterator': 236,
+        'core-js/modules/es.typed-array.join': 237,
+        'core-js/modules/es.typed-array.last-index-of': 238,
+        'core-js/modules/es.typed-array.map': 239,
+        'core-js/modules/es.typed-array.reduce': 241,
+        'core-js/modules/es.typed-array.reduce-right': 240,
+        'core-js/modules/es.typed-array.reverse': 242,
+        'core-js/modules/es.typed-array.set': 243,
+        'core-js/modules/es.typed-array.slice': 244,
+        'core-js/modules/es.typed-array.some': 245,
+        'core-js/modules/es.typed-array.sort': 246,
+        'core-js/modules/es.typed-array.subarray': 247,
+        'core-js/modules/es.typed-array.to-locale-string': 248,
+        'core-js/modules/es.typed-array.to-string': 249,
+        'core-js/modules/es.typed-array.uint16-array': 250,
+        'core-js/modules/es.typed-array.uint32-array': 251,
+        'core-js/modules/es.weak-map': 254,
+        'core-js/modules/web.dom-collections.iterator': 256
+      }
+    ],
+    355: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.concat');
+        _dereq_('core-js/modules/es.array.copy-within');
+        _dereq_('core-js/modules/es.array.every');
+        _dereq_('core-js/modules/es.array.fill');
+        _dereq_('core-js/modules/es.array.from');
+        _dereq_('core-js/modules/es.array.includes');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.array.some');
+        _dereq_('core-js/modules/es.map');
+        _dereq_('core-js/modules/es.object.assign');
+        _dereq_('core-js/modules/es.object.get-own-property-descriptor');
+        _dereq_('core-js/modules/es.object.get-prototype-of');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.reflect.construct');
+        _dereq_('core-js/modules/es.reflect.get');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        _dereq_('core-js/modules/es.set');
+        _dereq_('core-js/modules/es.string.includes');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.typed-array.float32-array');
+        _dereq_('core-js/modules/es.typed-array.float64-array');
+        _dereq_('core-js/modules/es.typed-array.int16-array');
+        _dereq_('core-js/modules/es.typed-array.uint8-array');
+        _dereq_('core-js/modules/es.typed-array.uint16-array');
+        _dereq_('core-js/modules/es.typed-array.uint32-array');
+        _dereq_('core-js/modules/es.typed-array.copy-within');
+        _dereq_('core-js/modules/es.typed-array.every');
+        _dereq_('core-js/modules/es.typed-array.fill');
+        _dereq_('core-js/modules/es.typed-array.filter');
+        _dereq_('core-js/modules/es.typed-array.find');
+        _dereq_('core-js/modules/es.typed-array.find-index');
+        _dereq_('core-js/modules/es.typed-array.for-each');
+        _dereq_('core-js/modules/es.typed-array.includes');
+        _dereq_('core-js/modules/es.typed-array.index-of');
+        _dereq_('core-js/modules/es.typed-array.iterator');
+        _dereq_('core-js/modules/es.typed-array.join');
+        _dereq_('core-js/modules/es.typed-array.last-index-of');
+        _dereq_('core-js/modules/es.typed-array.map');
+        _dereq_('core-js/modules/es.typed-array.reduce');
+        _dereq_('core-js/modules/es.typed-array.reduce-right');
+        _dereq_('core-js/modules/es.typed-array.reverse');
+        _dereq_('core-js/modules/es.typed-array.set');
+        _dereq_('core-js/modules/es.typed-array.slice');
+        _dereq_('core-js/modules/es.typed-array.some');
+        _dereq_('core-js/modules/es.typed-array.sort');
+        _dereq_('core-js/modules/es.typed-array.subarray');
+        _dereq_('core-js/modules/es.typed-array.to-locale-string');
+        _dereq_('core-js/modules/es.typed-array.to-string');
+        _dereq_('core-js/modules/es.weak-map');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        function _typeof2(obj) {
+          if (typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol') {
+            _typeof2 = function _typeof2(obj) {
+              return typeof obj;
+            };
+          } else {
+            _typeof2 = function _typeof2(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj;
+            };
+          }
+          return _typeof2(obj);
+        }
+        function _typeof(obj) {
+          if (typeof Symbol === 'function' && _typeof2(Symbol.iterator) === 'symbol') {
+            _typeof = function _typeof(obj) {
+              return _typeof2(obj);
+            };
+          } else {
+            _typeof = function _typeof(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : _typeof2(obj);
+            };
+          }
+          return _typeof(obj);
+        }
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.concat');
+        _dereq_('core-js/modules/es.array.copy-within');
+        _dereq_('core-js/modules/es.array.every');
+        _dereq_('core-js/modules/es.array.fill');
+        _dereq_('core-js/modules/es.array.from');
+        _dereq_('core-js/modules/es.array.includes');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.array.some');
+        _dereq_('core-js/modules/es.map');
+        _dereq_('core-js/modules/es.object.assign');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.set');
+        _dereq_('core-js/modules/es.string.includes');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.typed-array.float32-array');
+        _dereq_('core-js/modules/es.typed-array.float64-array');
+        _dereq_('core-js/modules/es.typed-array.int16-array');
+        _dereq_('core-js/modules/es.typed-array.uint8-array');
+        _dereq_('core-js/modules/es.typed-array.uint16-array');
+        _dereq_('core-js/modules/es.typed-array.uint32-array');
+        _dereq_('core-js/modules/es.typed-array.copy-within');
+        _dereq_('core-js/modules/es.typed-array.every');
+        _dereq_('core-js/modules/es.typed-array.fill');
+        _dereq_('core-js/modules/es.typed-array.filter');
+        _dereq_('core-js/modules/es.typed-array.find');
+        _dereq_('core-js/modules/es.typed-array.find-index');
+        _dereq_('core-js/modules/es.typed-array.for-each');
+        _dereq_('core-js/modules/es.typed-array.includes');
+        _dereq_('core-js/modules/es.typed-array.index-of');
+        _dereq_('core-js/modules/es.typed-array.iterator');
+        _dereq_('core-js/modules/es.typed-array.join');
+        _dereq_('core-js/modules/es.typed-array.last-index-of');
+        _dereq_('core-js/modules/es.typed-array.map');
+        _dereq_('core-js/modules/es.typed-array.reduce');
+        _dereq_('core-js/modules/es.typed-array.reduce-right');
+        _dereq_('core-js/modules/es.typed-array.reverse');
+        _dereq_('core-js/modules/es.typed-array.set');
+        _dereq_('core-js/modules/es.typed-array.slice');
+        _dereq_('core-js/modules/es.typed-array.some');
+        _dereq_('core-js/modules/es.typed-array.sort');
+        _dereq_('core-js/modules/es.typed-array.subarray');
+        _dereq_('core-js/modules/es.typed-array.to-locale-string');
+        _dereq_('core-js/modules/es.typed-array.to-string');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.readPixelsWebGL = readPixelsWebGL;
+        exports.readPixelWebGL = readPixelWebGL;
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        var constants = _interopRequireWildcard(_dereq_('../core/constants'));
+        var _GeometryBuilder = _interopRequireDefault(_dereq_('./GeometryBuilder'));
+        var _libtess = _interopRequireDefault(_dereq_('libtess'));
+        _dereq_('./p5.Shader');
+        _dereq_('./p5.Camera');
+        _dereq_('../core/p5.Renderer');
+        _dereq_('./p5.Matrix');
+        _dereq_('./p5.Framebuffer');
+        var _path = _dereq_('path');
+        var _p6 = _dereq_('./p5.Texture');
+        var _filterShaderFrags;
+        function _getRequireWildcardCache() {
+          if (typeof WeakMap !== 'function') return null;
+          var cache = new WeakMap();
+          _getRequireWildcardCache = function _getRequireWildcardCache() {
+            return cache;
+          };
+          return cache;
+        }
+        function _interopRequireWildcard(obj) {
+          if (obj && obj.__esModule) {
+            return obj;
+          }
+          if (obj === null || _typeof(obj) !== 'object' && typeof obj !== 'function') {
+            return {
+            default:
+              obj
+            };
+          }
+          var cache = _getRequireWildcardCache();
+          if (cache && cache.has(obj)) {
+            return cache.get(obj);
+          }
+          var newObj = {
+          };
+          var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+          for (var key in obj) {
+            if (Object.prototype.hasOwnProperty.call(obj, key)) {
+              var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+              if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+              } else {
+                newObj[key] = obj[key];
+              }
+            }
+          }
+          newObj.default = obj;
+          if (cache) {
+            cache.set(obj, newObj);
+          }
+          return newObj;
+        }
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }
+        function _toConsumableArray(arr) {
+          return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
+        }
+        function _nonIterableSpread() {
+          throw new TypeError('Invalid attempt to spread non-iterable instance');
+        }
+        function _iterableToArray(iter) {
+          if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === '[object Arguments]') return Array.from(iter);
+        }
+        function _arrayWithoutHoles(arr) {
+          if (Array.isArray(arr)) {
+            for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) {
+              arr2[i] = arr[i];
+            }
+            return arr2;
+          }
+        }
+        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 _get(target, property, receiver) {
+          if (typeof Reflect !== 'undefined' && Reflect.get) {
+            _get = Reflect.get;
+          } 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.value;
+            };
+          }
+          return _get(target, property, receiver || target);
+        }
+        function _superPropBase(object, property) {
+          while (!Object.prototype.hasOwnProperty.call(object, property)) {
+            object = _getPrototypeOf(object);
+            if (object === null) break;
+          }
+          return object;
+        }
+        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) {
+          function isNativeReflectConstruct() {
+            if (typeof Reflect === 'undefined' || !Reflect.construct) return false;
+            if (Reflect.construct.sham) return false;
+            if (typeof Proxy === 'function') return true;
+            try {
+              Date.prototype.toString.call(Reflect.construct(Date, [
+              ], function () {
+              }));
+              return true;
+            } catch (e) {
+              return false;
+            }
+          }
+          return function () {
+            var Super = _getPrototypeOf(Derived),
+            result;
+            if (isNativeReflectConstruct()) {
+              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(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 _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 STROKE_CAP_ENUM = {
+        };
+        var STROKE_JOIN_ENUM = {
+        };
+        var lineDefs = '';
+        var defineStrokeCapEnum = function defineStrokeCapEnum(key, val) {
+          lineDefs += '#define STROKE_CAP_'.concat(key, ' ').concat(val, '\n');
+          STROKE_CAP_ENUM[constants[key]] = val;
+        };
+        var defineStrokeJoinEnum = function defineStrokeJoinEnum(key, val) {
+          lineDefs += '#define STROKE_JOIN_'.concat(key, ' ').concat(val, '\n');
+          STROKE_JOIN_ENUM[constants[key]] = val;
+        };
+        // Define constants in line shaders for each type of cap/join, and also record
+        // the values in JS objects
+        defineStrokeCapEnum('ROUND', 0);
+        defineStrokeCapEnum('PROJECT', 1);
+        defineStrokeCapEnum('SQUARE', 2);
+        defineStrokeJoinEnum('ROUND', 0);
+        defineStrokeJoinEnum('MITER', 1);
+        defineStrokeJoinEnum('BEVEL', 2);
+        var lightingShader = '#define PI 3.141592\n\nprecision highp float;\nprecision highp int;\n\nuniform mat4 uViewMatrix;\n\nuniform bool uUseLighting;\n\nuniform int uAmbientLightCount;\nuniform vec3 uAmbientColor[5];\n\nuniform int uDirectionalLightCount;\nuniform vec3 uLightingDirection[5];\nuniform vec3 uDirectionalDiffuseColors[5];\nuniform vec3 uDirectionalSpecularColors[5];\n\nuniform int uPointLightCount;\nuniform vec3 uPointLightLocation[5];\nuniform vec3 uPointLightDiffuseColors[5];\t\nuniform vec3 uPointLightSpecularColors[5];\n\nuniform int uSpotLightCount;\nuniform float uSpotLightAngle[5];\nuniform float uSpotLightConc[5];\nuniform vec3 uSpotLightDiffuseColors[5];\nuniform vec3 uSpotLightSpecularColors[5];\nuniform vec3 uSpotLightLocation[5];\nuniform vec3 uSpotLightDirection[5];\n\nuniform bool uSpecular;\nuniform float uShininess;\n\nuniform float uConstantAttenuation;\nuniform float uLinearAttenuation;\nuniform float uQuadraticAttenuation;\n\n// setting from  _setImageLightUniforms()\n// boolean to initiate the calculateImageDiffuse and calculateImageSpecular\nuniform bool uUseImageLight;\n// texture for use in calculateImageDiffuse\nuniform sampler2D environmentMapDiffused;\n// texture for use in calculateImageSpecular\nuniform sampler2D environmentMapSpecular;\n// roughness for use in calculateImageSpecular\nuniform float levelOfDetail;\n\nconst float specularFactor = 2.0;\nconst float diffuseFactor = 0.73;\n\nstruct LightResult {\n  float specular;\n  float diffuse;\n};\n\nfloat _phongSpecular(\n  vec3 lightDirection,\n  vec3 viewDirection,\n  vec3 surfaceNormal,\n  float shininess) {\n\n  vec3 R = reflect(lightDirection, surfaceNormal);\n  return pow(max(0.0, dot(R, viewDirection)), shininess);\n}\n\nfloat _lambertDiffuse(vec3 lightDirection, vec3 surfaceNormal) {\n  return max(0.0, dot(-lightDirection, surfaceNormal));\n}\n\nLightResult _light(vec3 viewDirection, vec3 normal, vec3 lightVector) {\n\n  vec3 lightDir = normalize(lightVector);\n\n  //compute our diffuse & specular terms\n  LightResult lr;\n  if (uSpecular)\n    lr.specular = _phongSpecular(lightDir, viewDirection, normal, uShininess);\n  lr.diffuse = _lambertDiffuse(lightDir, normal);\n  return lr;\n}\n\n// converts the range of "value" from [min1 to max1] to [min2 to max2]\nfloat map(float value, float min1, float max1, float min2, float max2) {\n  return min2 + (value - min1) * (max2 - min2) / (max1 - min1);\n}\n\nvec2 mapTextureToNormal( vec3 v ){\n  // x = r sin(phi) cos(theta)   \n  // y = r cos(phi)  \n  // z = r sin(phi) sin(theta)\n  float phi = acos( v.y );\n  // if phi is 0, then there are no x, z components\n  float theta = 0.0;\n  // else \n  theta = acos(v.x / sin(phi));\n  float sinTheta = v.z / sin(phi);\n  if (sinTheta < 0.0) {\n    // Turn it into -theta, but in the 0-2PI range\n    theta = 2.0 * PI - theta;\n  }\n  theta = theta / (2.0 * 3.14159);\n  phi = phi / 3.14159 ;\n  \n  vec2 angles = vec2( fract(theta + 0.25), 1.0 - phi );\n  return angles;\n}\n\n\nvec3 calculateImageDiffuse( vec3 vNormal, vec3 vViewPosition ){\n  // make 2 seperate builds \n  vec3 worldCameraPosition =  vec3(0.0, 0.0, 0.0);  // hardcoded world camera position\n  vec3 worldNormal = normalize(vNormal);\n  vec2 newTexCoor = mapTextureToNormal( worldNormal );\n  vec4 texture = TEXTURE( environmentMapDiffused, newTexCoor );\n  // this is to make the darker sections more dark\n  // png and jpg usually flatten the brightness so it is to reverse that\n  return smoothstep(vec3(0.0), vec3(0.8), texture.xyz);\n}\n\nvec3 calculateImageSpecular( vec3 vNormal, vec3 vViewPosition ){\n  vec3 worldCameraPosition =  vec3(0.0, 0.0, 0.0);\n  vec3 worldNormal = normalize(vNormal);\n  vec3 lightDirection = normalize( vViewPosition - worldCameraPosition );\n  vec3 R = reflect(lightDirection, worldNormal);\n  vec2 newTexCoor = mapTextureToNormal( R );\n#ifdef WEBGL2\n  vec4 outColor = textureLod(environmentMapSpecular, newTexCoor, levelOfDetail);\n#else\n  vec4 outColor = TEXTURE(environmentMapSpecular, newTexCoor);\n#endif\n  // this is to make the darker sections more dark\n  // png and jpg usually flatten the brightness so it is to reverse that\n  return pow(outColor.xyz, vec3(10.0));\n}\n\nvoid totalLight(\n  vec3 modelPosition,\n  vec3 normal,\n  out vec3 totalDiffuse,\n  out vec3 totalSpecular\n) {\n\n  totalSpecular = vec3(0.0);\n\n  if (!uUseLighting) {\n    totalDiffuse = vec3(1.0);\n    return;\n  }\n\n  totalDiffuse = vec3(0.0);\n\n  vec3 viewDirection = normalize(-modelPosition);\n\n  for (int j = 0; j < 5; j++) {\n    if (j < uDirectionalLightCount) {\n      vec3 lightVector = (uViewMatrix * vec4(uLightingDirection[j], 0.0)).xyz;\n      vec3 lightColor = uDirectionalDiffuseColors[j];\n      vec3 specularColor = uDirectionalSpecularColors[j];\n      LightResult result = _light(viewDirection, normal, lightVector);\n      totalDiffuse += result.diffuse * lightColor;\n      totalSpecular += result.specular * lightColor * specularColor;\n    }\n\n    if (j < uPointLightCount) {\n      vec3 lightPosition = (uViewMatrix * vec4(uPointLightLocation[j], 1.0)).xyz;\n      vec3 lightVector = modelPosition - lightPosition;\n    \n      //calculate attenuation\n      float lightDistance = length(lightVector);\n      float lightFalloff = 1.0 / (uConstantAttenuation + lightDistance * uLinearAttenuation + (lightDistance * lightDistance) * uQuadraticAttenuation);\n      vec3 lightColor = lightFalloff * uPointLightDiffuseColors[j];\n      vec3 specularColor = lightFalloff * uPointLightSpecularColors[j];\n\n      LightResult result = _light(viewDirection, normal, lightVector);\n      totalDiffuse += result.diffuse * lightColor;\n      totalSpecular += result.specular * lightColor * specularColor;\n    }\n\n    if(j < uSpotLightCount) {\n      vec3 lightPosition = (uViewMatrix * vec4(uSpotLightLocation[j], 1.0)).xyz;\n      vec3 lightVector = modelPosition - lightPosition;\n    \n      float lightDistance = length(lightVector);\n      float lightFalloff = 1.0 / (uConstantAttenuation + lightDistance * uLinearAttenuation + (lightDistance * lightDistance) * uQuadraticAttenuation);\n\n      vec3 lightDirection = (uViewMatrix * vec4(uSpotLightDirection[j], 0.0)).xyz;\n      float spotDot = dot(normalize(lightVector), normalize(lightDirection));\n      float spotFalloff;\n      if(spotDot < uSpotLightAngle[j]) {\n        spotFalloff = 0.0;\n      }\n      else {\n        spotFalloff = pow(spotDot, uSpotLightConc[j]);\n      }\n      lightFalloff *= spotFalloff;\n\n      vec3 lightColor = uSpotLightDiffuseColors[j];\n      vec3 specularColor = uSpotLightSpecularColors[j];\n     \n      LightResult result = _light(viewDirection, normal, lightVector);\n      \n      totalDiffuse += result.diffuse * lightColor * lightFalloff;\n      totalSpecular += result.specular * lightColor * specularColor * lightFalloff;\n    }\n  }\n\n  if( uUseImageLight ){\n    totalDiffuse += calculateImageDiffuse(normal, modelPosition);\n    totalSpecular += calculateImageSpecular(normal, modelPosition);\n  }\n\n  totalDiffuse *= diffuseFactor;\n  totalSpecular *= specularFactor;\n}\n';
+        var webgl2CompatibilityShader = '#ifdef WEBGL2\n\n#define IN in\n#define OUT out\n\n#ifdef FRAGMENT_SHADER\nout vec4 outColor;\n#define OUT_COLOR outColor\n#endif\n#define TEXTURE texture\n\n#else\n\n#ifdef FRAGMENT_SHADER\n#define IN varying\n#else\n#define IN attribute\n#endif\n#define OUT varying\n#define TEXTURE texture2D\n\n#ifdef FRAGMENT_SHADER\n#define OUT_COLOR gl_FragColor\n#endif\n\n#endif\n';
+        var defaultShaders = {
+          immediateVert: 'IN vec3 aPosition;\nIN vec4 aVertexColor;\n\nuniform mat4 uModelViewMatrix;\nuniform mat4 uProjectionMatrix;\nuniform float uResolution;\nuniform float uPointSize;\n\nOUT vec4 vColor;\nvoid main(void) {\n  vec4 positionVec4 = vec4(aPosition, 1.0);\n  gl_Position = uProjectionMatrix * uModelViewMatrix * positionVec4;\n  vColor = aVertexColor;\n  gl_PointSize = uPointSize;\n}\n',
+          vertexColorVert: 'IN vec3 aPosition;\nIN vec4 aVertexColor;\n\nuniform mat4 uModelViewMatrix;\nuniform mat4 uProjectionMatrix;\n\nOUT vec4 vColor;\n\nvoid main(void) {\n  vec4 positionVec4 = vec4(aPosition, 1.0);\n  gl_Position = uProjectionMatrix * uModelViewMatrix * positionVec4;\n  vColor = aVertexColor;\n}\n',
+          vertexColorFrag: 'IN vec4 vColor;\nvoid main(void) {\n  OUT_COLOR = vec4(vColor.rgb, 1.) * vColor.a;\n}\n',
+          normalVert: 'IN vec3 aPosition;\nIN vec3 aNormal;\nIN vec2 aTexCoord;\nIN vec4 aVertexColor;\n\nuniform mat4 uModelViewMatrix;\nuniform mat4 uProjectionMatrix;\nuniform mat3 uNormalMatrix;\n\nuniform vec4 uMaterialColor;\nuniform bool uUseVertexColor;\n\nOUT vec3 vVertexNormal;\nOUT highp vec2 vVertTexCoord;\nOUT vec4 vColor;\n\nvoid main(void) {\n  vec4 positionVec4 = vec4(aPosition, 1.0);\n  gl_Position = uProjectionMatrix * uModelViewMatrix * positionVec4;\n  vVertexNormal = normalize(vec3( uNormalMatrix * aNormal ));\n  vVertTexCoord = aTexCoord;\n  vColor = (uUseVertexColor ? aVertexColor : uMaterialColor);\n}\n',
+          normalFrag: 'IN vec3 vVertexNormal;\nvoid main(void) {\n  OUT_COLOR = vec4(vVertexNormal, 1.0);\n}\n',
+          basicFrag: 'IN vec4 vColor;\nvoid main(void) {\n  OUT_COLOR = vec4(vColor.rgb, 1.) * vColor.a;\n}\n',
+          lightVert: lightingShader + '// include lighting.glgl\n\nIN vec3 aPosition;\nIN vec3 aNormal;\nIN vec2 aTexCoord;\nIN vec4 aVertexColor;\n\nuniform mat4 uModelViewMatrix;\nuniform mat4 uProjectionMatrix;\nuniform mat3 uNormalMatrix;\n\nuniform bool uUseVertexColor;\nuniform vec4 uMaterialColor;\n\nOUT highp vec2 vVertTexCoord;\nOUT vec3 vDiffuseColor;\nOUT vec3 vSpecularColor;\nOUT vec4 vColor;\n\nvoid main(void) {\n\n  vec4 viewModelPosition = uModelViewMatrix * vec4(aPosition, 1.0);\n  gl_Position = uProjectionMatrix * viewModelPosition;\n\n  vec3 vertexNormal = normalize(uNormalMatrix * aNormal);\n  vVertTexCoord = aTexCoord;\n\n  totalLight(viewModelPosition.xyz, vertexNormal, vDiffuseColor, vSpecularColor);\n\n  for (int i = 0; i < 8; i++) {\n    if (i < uAmbientLightCount) {\n      vDiffuseColor += uAmbientColor[i];\n    }\n  }\n  \n  vColor = (uUseVertexColor ? aVertexColor : uMaterialColor);\n}\n',
+          lightTextureFrag: 'uniform vec4 uTint;\nuniform sampler2D uSampler;\nuniform bool isTexture;\nuniform bool uEmissive;\n\nIN highp vec2 vVertTexCoord;\nIN vec3 vDiffuseColor;\nIN vec3 vSpecularColor;\nIN vec4 vColor;\n\nvoid main(void) {\n  if(uEmissive && !isTexture) {\n    OUT_COLOR = vColor;\n  }\n  else {\n    vec4 baseColor = isTexture\n      // Textures come in with premultiplied alpha. To apply tint and still have\n      // premultiplied alpha output, we need to multiply the RGB channels by the\n      // tint RGB, and all channels by the tint alpha.\n      ? TEXTURE(uSampler, vVertTexCoord) * vec4(uTint.rgb/255., 1.) * (uTint.a/255.)\n      // Colors come in with unmultiplied alpha, so we need to multiply the RGB\n      // channels by alpha to convert it to premultiplied alpha.\n      : vec4(vColor.rgb * vColor.a, vColor.a);\n    OUT_COLOR = vec4(baseColor.rgb * vDiffuseColor + vSpecularColor, baseColor.a);\n  }\n}\n',
+          phongVert: 'precision highp int;\n\nIN vec3 aPosition;\nIN vec3 aNormal;\nIN vec2 aTexCoord;\nIN vec4 aVertexColor;\n\nuniform vec3 uAmbientColor[5];\n\nuniform mat4 uModelViewMatrix;\nuniform mat4 uProjectionMatrix;\nuniform mat3 uNormalMatrix;\nuniform int uAmbientLightCount;\n\nuniform bool uUseVertexColor;\nuniform vec4 uMaterialColor;\n\nOUT vec3 vNormal;\nOUT vec2 vTexCoord;\nOUT vec3 vViewPosition;\nOUT vec3 vAmbientColor;\nOUT vec4 vColor;\n\nvoid main(void) {\n\n  vec4 viewModelPosition = uModelViewMatrix * vec4(aPosition, 1.0);\n\n  // Pass varyings to fragment shader\n  vViewPosition = viewModelPosition.xyz;\n  gl_Position = uProjectionMatrix * viewModelPosition;  \n\n  vNormal = uNormalMatrix * aNormal;\n  vTexCoord = aTexCoord;\n\n  // TODO: this should be a uniform\n  vAmbientColor = vec3(0.0);\n  for (int i = 0; i < 5; i++) {\n    if (i < uAmbientLightCount) {\n      vAmbientColor += uAmbientColor[i];\n    }\n  }\n  \n  vColor = (uUseVertexColor ? aVertexColor : uMaterialColor);\n}\n',
+          phongFrag: lightingShader + '// include lighting.glsl\nprecision highp int;\n\nuniform bool uHasSetAmbient;\nuniform vec4 uSpecularMatColor;\nuniform vec4 uAmbientMatColor;\nuniform vec4 uEmissiveMatColor;\n\nuniform vec4 uTint;\nuniform sampler2D uSampler;\nuniform bool isTexture;\n\nIN vec3 vNormal;\nIN vec2 vTexCoord;\nIN vec3 vViewPosition;\nIN vec3 vAmbientColor;\nIN vec4 vColor;\n\nvoid main(void) {\n\n  vec3 diffuse;\n  vec3 specular;\n  totalLight(vViewPosition, normalize(vNormal), diffuse, specular);\n\n  // Calculating final color as result of all lights (plus emissive term).\n\n  vec4 baseColor = isTexture\n    // Textures come in with premultiplied alpha. To apply tint and still have\n    // premultiplied alpha output, we need to multiply the RGB channels by the\n    // tint RGB, and all channels by the tint alpha.\n    ? TEXTURE(uSampler, vTexCoord) * vec4(uTint.rgb/255., 1.) * (uTint.a/255.)\n    // Colors come in with unmultiplied alpha, so we need to multiply the RGB\n    // channels by alpha to convert it to premultiplied alpha.\n    : vec4(vColor.rgb * vColor.a, vColor.a);\n  OUT_COLOR = vec4(diffuse * baseColor.rgb + \n                    vAmbientColor * (\n                      uHasSetAmbient ? uAmbientMatColor.rgb : baseColor.rgb\n                    ) + \n                    specular * uSpecularMatColor.rgb + \n                    uEmissiveMatColor.rgb, baseColor.a);\n}\n',
+          fontVert: 'IN vec3 aPosition;\nIN vec2 aTexCoord;\nuniform mat4 uModelViewMatrix;\nuniform mat4 uProjectionMatrix;\n\nuniform vec4 uGlyphRect;\nuniform float uGlyphOffset;\n\nOUT vec2 vTexCoord;\nOUT float w;\n\nvoid main() {\n  vec4 positionVec4 = vec4(aPosition, 1.0);\n\n  // scale by the size of the glyph\'s rectangle\n  positionVec4.xy *= uGlyphRect.zw - uGlyphRect.xy;\n\n  // Expand glyph bounding boxes by 1px on each side to give a bit of room\n  // for antialiasing\n  vec3 newOrigin = (uModelViewMatrix * vec4(0., 0., 0., 1.)).xyz;\n  vec3 newDX = (uModelViewMatrix * vec4(1., 0., 0., 1.)).xyz;\n  vec3 newDY = (uModelViewMatrix * vec4(0., 1., 0., 1.)).xyz;\n  vec2 pixelScale = vec2(\n    1. / length(newOrigin - newDX),\n    1. / length(newOrigin - newDY)\n  );\n  vec2 offset = pixelScale * normalize(aTexCoord - vec2(0.5, 0.5)) * vec2(1., -1.);\n  vec2 textureOffset = offset * (1. / vec2(\n    uGlyphRect.z - uGlyphRect.x,\n    uGlyphRect.w - uGlyphRect.y\n  ));\n\n  // move to the corner of the glyph\n  positionVec4.xy += uGlyphRect.xy;\n\n  // move to the letter\'s line offset\n  positionVec4.x += uGlyphOffset;\n\n  positionVec4.xy += offset;\n  \n  gl_Position = uProjectionMatrix * uModelViewMatrix * positionVec4;\n  vTexCoord = aTexCoord + textureOffset;\n  w = gl_Position.w;\n}\n',
+          fontFrag: '#ifndef WEBGL2\n#extension GL_OES_standard_derivatives : enable\n#endif\n\n#if 0\n  // simulate integer math using floats\n\t#define int float\n\t#define ivec2 vec2\n\t#define INT(x) float(x)\n\n\tint ifloor(float v) { return floor(v); }\n\tivec2 ifloor(vec2 v) { return floor(v); }\n\n#else\n  // use native integer math\n\tprecision highp int;\n\t#define INT(x) x\n\n\tint ifloor(float v) { return int(v); }\n\tint ifloor(int v) { return v; }\n\tivec2 ifloor(vec2 v) { return ivec2(v); }\n\n#endif\n\nuniform sampler2D uSamplerStrokes;\nuniform sampler2D uSamplerRowStrokes;\nuniform sampler2D uSamplerRows;\nuniform sampler2D uSamplerColStrokes;\nuniform sampler2D uSamplerCols;\n\nuniform ivec2 uStrokeImageSize;\nuniform ivec2 uCellsImageSize;\nuniform ivec2 uGridImageSize;\n\nuniform ivec2 uGridOffset;\nuniform ivec2 uGridSize;\nuniform vec4 uMaterialColor;\n\nIN vec2 vTexCoord;\n\n// some helper functions\nint ROUND(float v) { return ifloor(v + 0.5); }\nivec2 ROUND(vec2 v) { return ifloor(v + 0.5); }\nfloat saturate(float v) { return clamp(v, 0.0, 1.0); }\nvec2 saturate(vec2 v) { return clamp(v, 0.0, 1.0); }\n\nint mul(float v1, int v2) {\n  return ifloor(v1 * float(v2));\n}\n\nivec2 mul(vec2 v1, ivec2 v2) {\n  return ifloor(v1 * vec2(v2) + 0.5);\n}\n\n// unpack a 16-bit integer from a float vec2\nint getInt16(vec2 v) {\n  ivec2 iv = ROUND(v * 255.0);\n  return iv.x * INT(128) + iv.y;\n}\n\nvec2 pixelScale;\nvec2 coverage = vec2(0.0);\nvec2 weight = vec2(0.5);\nconst float minDistance = 1.0/8192.0;\nconst float hardness = 1.05; // amount of antialias\n\n// the maximum number of curves in a glyph\nconst int N = INT(250);\n\n// retrieves an indexed pixel from a sampler\nvec4 getTexel(sampler2D sampler, int pos, ivec2 size) {\n  int width = size.x;\n  int y = ifloor(pos / width);\n  int x = pos - y * width;  // pos % width\n\n  return TEXTURE(sampler, (vec2(x, y) + 0.5) / vec2(size));\n}\n\nvoid calulateCrossings(vec2 p0, vec2 p1, vec2 p2, out vec2 C1, out vec2 C2) {\n\n  // get the coefficients of the quadratic in t\n  vec2 a = p0 - p1 * 2.0 + p2;\n  vec2 b = p0 - p1;\n  vec2 c = p0 - vTexCoord;\n\n  // found out which values of \'t\' it crosses the axes\n  vec2 surd = sqrt(max(vec2(0.0), b * b - a * c));\n  vec2 t1 = ((b - surd) / a).yx;\n  vec2 t2 = ((b + surd) / a).yx;\n\n  // approximate straight lines to avoid rounding errors\n  if (abs(a.y) < 0.001)\n    t1.x = t2.x = c.y / (2.0 * b.y);\n\n  if (abs(a.x) < 0.001)\n    t1.y = t2.y = c.x / (2.0 * b.x);\n\n  // plug into quadratic formula to find the corrdinates of the crossings\n  C1 = ((a * t1 - b * 2.0) * t1 + c) * pixelScale;\n  C2 = ((a * t2 - b * 2.0) * t2 + c) * pixelScale;\n}\n\nvoid coverageX(vec2 p0, vec2 p1, vec2 p2) {\n\n  vec2 C1, C2;\n  calulateCrossings(p0, p1, p2, C1, C2);\n\n  // determine on which side of the x-axis the points lie\n  bool y0 = p0.y > vTexCoord.y;\n  bool y1 = p1.y > vTexCoord.y;\n  bool y2 = p2.y > vTexCoord.y;\n\n  // could web be under the curve (after t1)?\n  if (y1 ? !y2 : y0) {\n    // add the coverage for t1\n    coverage.x += saturate(C1.x + 0.5);\n    // calculate the anti-aliasing for t1\n    weight.x = min(weight.x, abs(C1.x));\n  }\n\n  // are we outside the curve (after t2)?\n  if (y1 ? !y0 : y2) {\n    // subtract the coverage for t2\n    coverage.x -= saturate(C2.x + 0.5);\n    // calculate the anti-aliasing for t2\n    weight.x = min(weight.x, abs(C2.x));\n  }\n}\n\n// this is essentially the same as coverageX, but with the axes swapped\nvoid coverageY(vec2 p0, vec2 p1, vec2 p2) {\n\n  vec2 C1, C2;\n  calulateCrossings(p0, p1, p2, C1, C2);\n\n  bool x0 = p0.x > vTexCoord.x;\n  bool x1 = p1.x > vTexCoord.x;\n  bool x2 = p2.x > vTexCoord.x;\n\n  if (x1 ? !x2 : x0) {\n    coverage.y -= saturate(C1.y + 0.5);\n    weight.y = min(weight.y, abs(C1.y));\n  }\n\n  if (x1 ? !x0 : x2) {\n    coverage.y += saturate(C2.y + 0.5);\n    weight.y = min(weight.y, abs(C2.y));\n  }\n}\n\nvoid main() {\n\n  // calculate the pixel scale based on screen-coordinates\n  pixelScale = hardness / fwidth(vTexCoord);\n\n  // which grid cell is this pixel in?\n  ivec2 gridCoord = ifloor(vTexCoord * vec2(uGridSize));\n\n  // intersect curves in this row\n  {\n    // the index into the row info bitmap\n    int rowIndex = gridCoord.y + uGridOffset.y;\n    // fetch the info texel\n    vec4 rowInfo = getTexel(uSamplerRows, rowIndex, uGridImageSize);\n    // unpack the rowInfo\n    int rowStrokeIndex = getInt16(rowInfo.xy);\n    int rowStrokeCount = getInt16(rowInfo.zw);\n\n    for (int iRowStroke = INT(0); iRowStroke < N; iRowStroke++) {\n      if (iRowStroke >= rowStrokeCount)\n        break;\n\n      // each stroke is made up of 3 points: the start and control point\n      // and the start of the next curve.\n      // fetch the indices of this pair of strokes:\n      vec4 strokeIndices = getTexel(uSamplerRowStrokes, rowStrokeIndex++, uCellsImageSize);\n\n      // unpack the stroke index\n      int strokePos = getInt16(strokeIndices.xy);\n\n      // fetch the two strokes\n      vec4 stroke0 = getTexel(uSamplerStrokes, strokePos + INT(0), uStrokeImageSize);\n      vec4 stroke1 = getTexel(uSamplerStrokes, strokePos + INT(1), uStrokeImageSize);\n\n      // calculate the coverage\n      coverageX(stroke0.xy, stroke0.zw, stroke1.xy);\n    }\n  }\n\n  // intersect curves in this column\n  {\n    int colIndex = gridCoord.x + uGridOffset.x;\n    vec4 colInfo = getTexel(uSamplerCols, colIndex, uGridImageSize);\n    int colStrokeIndex = getInt16(colInfo.xy);\n    int colStrokeCount = getInt16(colInfo.zw);\n    \n    for (int iColStroke = INT(0); iColStroke < N; iColStroke++) {\n      if (iColStroke >= colStrokeCount)\n        break;\n\n      vec4 strokeIndices = getTexel(uSamplerColStrokes, colStrokeIndex++, uCellsImageSize);\n\n      int strokePos = getInt16(strokeIndices.xy);\n      vec4 stroke0 = getTexel(uSamplerStrokes, strokePos + INT(0), uStrokeImageSize);\n      vec4 stroke1 = getTexel(uSamplerStrokes, strokePos + INT(1), uStrokeImageSize);\n      coverageY(stroke0.xy, stroke0.zw, stroke1.xy);\n    }\n  }\n\n  weight = saturate(1.0 - weight * 2.0);\n  float distance = max(weight.x + weight.y, minDistance); // manhattan approx.\n  float antialias = abs(dot(coverage, weight) / distance);\n  float cover = min(abs(coverage.x), abs(coverage.y));\n  OUT_COLOR = vec4(uMaterialColor.rgb, 1.) * uMaterialColor.a;\n  OUT_COLOR *= saturate(max(antialias, cover));\n}\n',
+          lineVert: lineDefs + '/*\n  Part of the Processing project - http://processing.org\n  Copyright (c) 2012-15 The Processing Foundation\n  Copyright (c) 2004-12 Ben Fry and Casey Reas\n  Copyright (c) 2001-04 Massachusetts Institute of Technology\n  This library is free software; you can redistribute it and/or\n  modify it under the terms of the GNU Lesser General Public\n  License as published by the Free Software Foundation, version 2.1.\n  This library is distributed in the hope that it will be useful,\n  but WITHOUT ANY WARRANTY; without even the implied warranty of\n  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU\n  Lesser General Public License for more details.\n  You should have received a copy of the GNU Lesser General\n  Public License along with this library; if not, write to the\n  Free Software Foundation, Inc., 59 Temple Place, Suite 330,\n  Boston, MA  02111-1307  USA\n*/\n\n#define PROCESSING_LINE_SHADER\n\nprecision mediump int;\n\nuniform mat4 uModelViewMatrix;\nuniform mat4 uProjectionMatrix;\nuniform float uStrokeWeight;\n\nuniform bool uUseLineColor;\nuniform vec4 uMaterialColor;\n\nuniform vec4 uViewport;\nuniform int uPerspective;\nuniform int uStrokeJoin;\n\nIN vec4 aPosition;\nIN vec3 aTangentIn;\nIN vec3 aTangentOut;\nIN float aSide;\nIN vec4 aVertexColor;\n\nOUT vec4 vColor;\nOUT vec2 vTangent;\nOUT vec2 vCenter;\nOUT vec2 vPosition;\nOUT float vMaxDist;\nOUT float vCap;\nOUT float vJoin;\n\nvec2 lineIntersection(vec2 aPoint, vec2 aDir, vec2 bPoint, vec2 bDir) {\n  // Rotate and translate so a starts at the origin and goes out to the right\n  bPoint -= aPoint;\n  vec2 rotatedBFrom = vec2(\n    bPoint.x*aDir.x + bPoint.y*aDir.y,\n    bPoint.y*aDir.x - bPoint.x*aDir.y\n  );\n  vec2 bTo = bPoint + bDir;\n  vec2 rotatedBTo = vec2(\n    bTo.x*aDir.x + bTo.y*aDir.y,\n    bTo.y*aDir.x - bTo.x*aDir.y\n  );\n  float intersectionDistance =\n    rotatedBTo.x + (rotatedBFrom.x - rotatedBTo.x) * rotatedBTo.y /\n    (rotatedBTo.y - rotatedBFrom.y);\n  return aPoint + aDir * intersectionDistance;\n}\n\nvoid main() {\n  // Caps have one of either the in or out tangent set to 0\n  vCap = (aTangentIn == vec3(0.)) != (aTangentOut == (vec3(0.)))\n    ? 1. : 0.;\n\n  // Joins have two unique, defined tangents\n  vJoin = (\n    aTangentIn != vec3(0.) &&\n    aTangentOut != vec3(0.) &&\n    aTangentIn != aTangentOut\n  ) ? 1. : 0.;\n\n  vec4 posp = uModelViewMatrix * aPosition;\n  vec4 posqIn = uModelViewMatrix * (aPosition + vec4(aTangentIn, 0));\n  vec4 posqOut = uModelViewMatrix * (aPosition + vec4(aTangentOut, 0));\n\n  float facingCamera = pow(\n    // The word space tangent\'s z value is 0 if it\'s facing the camera\n    abs(normalize(posqIn-posp).z),\n\n    // Using pow() here to ramp `facingCamera` up from 0 to 1 really quickly\n    // so most lines get scaled and don\'t get clipped\n    0.25\n  );\n\n  // using a scale <1 moves the lines towards the camera\n  // in order to prevent popping effects due to half of\n  // the line disappearing behind the geometry faces.\n  float scale = mix(1., 0.995, facingCamera);\n\n  // Moving vertices slightly toward the camera\n  // to avoid depth-fighting with the fill triangles.\n  // Discussed here:\n  // http://www.opengl.org/discussion_boards/ubbthreads.php?ubb=showflat&Number=252848  \n  posp.xyz = posp.xyz * scale;\n  posqIn.xyz = posqIn.xyz * scale;\n  posqOut.xyz = posqOut.xyz * scale;\n\n  vec4 p = uProjectionMatrix * posp;\n  vec4 qIn = uProjectionMatrix * posqIn;\n  vec4 qOut = uProjectionMatrix * posqOut;\n  vCenter = p.xy;\n\n  // formula to convert from clip space (range -1..1) to screen space (range 0..[width or height])\n  // screen_p = (p.xy/p.w + <1,1>) * 0.5 * uViewport.zw\n\n  // prevent division by W by transforming the tangent formula (div by 0 causes\n  // the line to disappear, see https://github.com/processing/processing/issues/5183)\n  // t = screen_q - screen_p\n  //\n  // tangent is normalized and we don\'t care which aDirection it points to (+-)\n  // t = +- normalize( screen_q - screen_p )\n  // t = +- normalize( (q.xy/q.w+<1,1>)*0.5*uViewport.zw - (p.xy/p.w+<1,1>)*0.5*uViewport.zw )\n  //\n  // extract common factor, <1,1> - <1,1> cancels out\n  // t = +- normalize( (q.xy/q.w - p.xy/p.w) * 0.5 * uViewport.zw )\n  //\n  // convert to common divisor\n  // t = +- normalize( ((q.xy*p.w - p.xy*q.w) / (p.w*q.w)) * 0.5 * uViewport.zw )\n  //\n  // remove the common scalar divisor/factor, not needed due to normalize and +-\n  // (keep uViewport - can\'t remove because it has different components for x and y\n  //  and corrects for aspect ratio, see https://github.com/processing/processing/issues/5181)\n  // t = +- normalize( (q.xy*p.w - p.xy*q.w) * uViewport.zw )\n\n  vec2 tangentIn = normalize((qIn.xy*p.w - p.xy*qIn.w) * uViewport.zw);\n  vec2 tangentOut = normalize((qOut.xy*p.w - p.xy*qOut.w) * uViewport.zw);\n\n  vec2 curPerspScale;\n  if(uPerspective == 1) {\n    // Perspective ---\n    // convert from world to clip by multiplying with projection scaling factor\n    // to get the right thickness (see https://github.com/processing/processing/issues/5182)\n\n    // The y value of the projection matrix may be flipped if rendering to a Framebuffer.\n    // Multiplying again by its sign here negates the flip to get just the scale.\n    curPerspScale = (uProjectionMatrix * vec4(1, sign(uProjectionMatrix[1][1]), 0, 0)).xy;\n  } else {\n    // No Perspective ---\n    // multiply by W (to cancel out division by W later in the pipeline) and\n    // convert from screen to clip (derived from clip to screen above)\n    curPerspScale = p.w / (0.5 * uViewport.zw);\n  }\n\n  vec2 offset;\n  if (vJoin == 1.) {\n    vTangent = normalize(tangentIn + tangentOut);\n    vec2 normalIn = vec2(-tangentIn.y, tangentIn.x);\n    vec2 normalOut = vec2(-tangentOut.y, tangentOut.x);\n    float side = sign(aSide);\n    float sideEnum = abs(aSide);\n\n    // We generate vertices for joins on either side of the centerline, but\n    // the "elbow" side is the only one needing a join. By not setting the\n    // offset for the other side, all its vertices will end up in the same\n    // spot and not render, effectively discarding it.\n    if (sign(dot(tangentOut, vec2(-tangentIn.y, tangentIn.x))) != side) {\n      // Side enums:\n      //   1: the side going into the join\n      //   2: the middle of the join\n      //   3: the side going out of the join\n      if (sideEnum == 2.) {\n        // Calculate the position + tangent on either side of the join, and\n        // find where the lines intersect to find the elbow of the join\n        vec2 c = (posp.xy/posp.w + vec2(1.,1.)) * 0.5 * uViewport.zw;\n        vec2 intersection = lineIntersection(\n          c + (side * normalIn * uStrokeWeight / 2.),\n          tangentIn,\n          c + (side * normalOut * uStrokeWeight / 2.),\n          tangentOut\n        );\n        offset = (intersection - c);\n\n        // When lines are thick and the angle of the join approaches 180, the\n        // elbow might be really far from the center. We\'ll apply a limit to\n        // the magnitude to avoid lines going across the whole screen when this\n        // happens.\n        float mag = length(offset);\n        float maxMag = 3. * uStrokeWeight;\n        if (mag > maxMag) {\n          offset *= maxMag / mag;\n        }\n      } else if (sideEnum == 1.) {\n        offset = side * normalIn * uStrokeWeight / 2.;\n      } else if (sideEnum == 3.) {\n        offset = side * normalOut * uStrokeWeight / 2.;\n      }\n    }\n    if (uStrokeJoin == STROKE_JOIN_BEVEL) {\n      vec2 avgNormal = vec2(-vTangent.y, vTangent.x);\n      vMaxDist = abs(dot(avgNormal, normalIn * uStrokeWeight / 2.));\n    } else {\n      vMaxDist = uStrokeWeight / 2.;\n    }\n  } else {\n    vec2 tangent = aTangentIn == vec3(0.) ? tangentOut : tangentIn;\n    vTangent = tangent;\n    vec2 normal = vec2(-tangent.y, tangent.x);\n\n    float normalOffset = sign(aSide);\n    // Caps will have side values of -2 or 2 on the edge of the cap that\n    // extends out from the line\n    float tangentOffset = abs(aSide) - 1.;\n    offset = (normal * normalOffset + tangent * tangentOffset) *\n      uStrokeWeight * 0.5;\n    vMaxDist = uStrokeWeight / 2.;\n  }\n  vPosition = vCenter + offset;\n\n  gl_Position.xy = p.xy + offset.xy * curPerspScale;\n  gl_Position.zw = p.zw;\n  \n  vColor = (uUseLineColor ? aVertexColor : uMaterialColor);\n}\n',
+          lineFrag: lineDefs + 'precision mediump int;\n\nuniform vec4 uMaterialColor;\nuniform int uStrokeCap;\nuniform int uStrokeJoin;\nuniform float uStrokeWeight;\n\nIN vec4 vColor;\nIN vec2 vTangent;\nIN vec2 vCenter;\nIN vec2 vPosition;\nIN float vMaxDist;\nIN float vCap;\nIN float vJoin;\n\nfloat distSquared(vec2 a, vec2 b) {\n  vec2 aToB = b - a;\n  return dot(aToB, aToB);\n}\n\nvoid main() {\n  if (vCap > 0.) {\n    if (\n      uStrokeCap == STROKE_CAP_ROUND &&\n      distSquared(vPosition, vCenter) > uStrokeWeight * uStrokeWeight * 0.25\n    ) {\n      discard;\n    } else if (\n      uStrokeCap == STROKE_CAP_SQUARE &&\n      dot(vPosition - vCenter, vTangent) > 0.\n    ) {\n      discard;\n    }\n    // Use full area for PROJECT\n  } else if (vJoin > 0.) {\n    if (\n      uStrokeJoin == STROKE_JOIN_ROUND &&\n      distSquared(vPosition, vCenter) > uStrokeWeight * uStrokeWeight * 0.25\n    ) {\n      discard;\n    } else if (uStrokeJoin == STROKE_JOIN_BEVEL) {\n      vec2 normal = vec2(-vTangent.y, vTangent.x);\n      if (abs(dot(vPosition - vCenter, normal)) > vMaxDist) {\n        discard;\n      }\n    }\n    // Use full area for MITER\n  }\n  OUT_COLOR = vec4(vColor.rgb, 1.) * vColor.a;\n}\n',
+          pointVert: 'IN vec3 aPosition;\nuniform float uPointSize;\nOUT float vStrokeWeight;\nuniform mat4 uModelViewMatrix;\nuniform mat4 uProjectionMatrix;\nvoid main() {\n\tvec4 positionVec4 =  vec4(aPosition, 1.0);\n\tgl_Position = uProjectionMatrix * uModelViewMatrix * positionVec4;\n\tgl_PointSize = uPointSize;\n\tvStrokeWeight = uPointSize;\n}\n',
+          pointFrag: 'precision mediump int;\nuniform vec4 uMaterialColor;\nIN float vStrokeWeight;\n\nvoid main(){\n  float mask = 0.0;\n\n  // make a circular mask using the gl_PointCoord (goes from 0 - 1 on a point)\n  // might be able to get a nicer edge on big strokeweights with smoothstep but slightly less performant\n\n  mask = step(0.98, length(gl_PointCoord * 2.0 - 1.0));\n\n  // if strokeWeight is 1 or less lets just draw a square\n  // this prevents weird artifacting from carving circles when our points are really small\n  // if strokeWeight is larger than 1, we just use it as is\n\n  mask = mix(0.0, mask, clamp(floor(vStrokeWeight - 0.5),0.0,1.0));\n\n  // throw away the borders of the mask\n  // otherwise we get weird alpha blending issues\n\n  if(mask > 0.98){\n    discard;\n  }\n\n  OUT_COLOR = vec4(uMaterialColor.rgb, 1.) * uMaterialColor.a;\n}\n',
+          imageLightVert: 'precision highp float;\nattribute vec3 aPosition;\nattribute vec3 aNormal;\nattribute vec2 aTexCoord;\n\nvarying vec3 localPos;\nvarying vec3 vWorldNormal;\nvarying vec3 vWorldPosition;\nvarying vec2 vTexCoord;\n\nuniform mat4 uModelViewMatrix;\nuniform mat4 uProjectionMatrix;\nuniform mat3 uNormalMatrix;\n\nvoid main() {\n  // Multiply the position by the matrix.\n  vec4 viewModelPosition = uModelViewMatrix * vec4(aPosition, 1.0);\n  gl_Position = uProjectionMatrix * viewModelPosition;  \n  \n  // orient the normals and pass to the fragment shader\n  vWorldNormal = uNormalMatrix * aNormal;\n  \n  // send the view position to the fragment shader\n  vWorldPosition = (uModelViewMatrix * vec4(aPosition, 1.0)).xyz;\n  \n  localPos = vWorldPosition;\n  vTexCoord = aTexCoord;\n}\n\n\n/*\nin the vertex shader we\'ll compute the world position and world oriented normal of the vertices and pass those to the fragment shader as varyings.\n*/\n',
+          imageLightDiffusedFrag: 'precision highp float;\nvarying vec3 localPos;\n\n// the HDR cubemap converted (can be from an equirectangular environment map.)\nuniform sampler2D environmentMap;\nvarying vec2 vTexCoord;\n\nconst float PI = 3.14159265359;\n\nvec2 nTOE( vec3 v ){\n  // x = r sin(phi) cos(theta)   \n  // y = r cos(phi)  \n  // z = r sin(phi) sin(theta)\n  float phi = acos( v.y );\n  // if phi is 0, then there are no x, z components\n  float theta = 0.0;\n  // else \n  theta = acos(v.x / sin(phi));\n  float sinTheta = v.z / sin(phi);\n  if (sinTheta < 0.0) {\n    // Turn it into -theta, but in the 0-2PI range\n    theta = 2.0 * PI - theta;\n  }\n  theta = theta / (2.0 * 3.14159);\n  phi = phi / 3.14159 ;\n  \n  vec2 angles = vec2( phi, theta );\n  return angles;\n}\n\nvoid main()\n{   \t \n\t// the sample direction equals the hemisphere\'s orientation\n  float phi = vTexCoord.x * 2.0 * PI;\n  float theta = vTexCoord.y * PI;\n  float x = sin(theta) * cos(phi);\n  float y = sin(theta) * sin(phi);\n  float z = cos(theta);\n  vec3 normal = vec3( x, y, z);\n\n\t// Discretely sampling the hemisphere given the integral\'s\n  // spherical coordinates translates to the following fragment code:\n\tvec3 irradiance = vec3(0.0);  \n\tvec3 up\t= vec3(0.0, 1.0, 0.0);\n\tvec3 right = normalize(cross(up, normal));\n\tup = normalize(cross(normal, right));\n\n\t//  We specify a fixed sampleDelta delta value to traverse\n  // the hemisphere; decreasing or increasing the sample delta\n  // will increase or decrease the accuracy respectively.\n\tconst float sampleDelta = 0.025;\n\tfloat nrSamples = 0.0;\n  \n\tfor(float phi = 0.0; phi < 2.0 * PI; phi += sampleDelta)\n\t{\n    for(float theta = 0.0; theta < ( 0.5 ) * PI; theta += sampleDelta)\n    {\n      // spherical to cartesian (in tangent space) // tangent space to world // add each sample result to irradiance\n      float x = sin(theta) * cos(phi);\n      float y = sin(theta) * sin(phi);\n      float z = cos(theta);\n      vec3 tangentSample = vec3( x, y, z);\n      \n      vec3 sampleVec = tangentSample.x * right + tangentSample.y * up + tangentSample.z * normal;\n        irradiance += (texture2D(environmentMap, nTOE(sampleVec)).xyz) * cos(theta) * sin(theta);\n      nrSamples++;\n    }\n\t}\n\t// divide by the total number of samples taken, giving us the average sampled irradiance.\n\tirradiance = PI * irradiance * (1.0 / float(nrSamples )) ;\n  \n \n\tgl_FragColor = vec4(irradiance, 1.0);\n}',
+          imageLightSpecularFrag: 'precision highp float;\r\nvarying vec3 localPos;\r\nvarying vec2 vTexCoord;\r\n\r\n// our texture\r\nuniform sampler2D environmentMap;\r\nuniform float roughness;\r\n\r\nconst float PI = 3.14159265359;\r\n\r\nfloat VanDerCorput(int bits);\r\nvec2 HammersleyNoBitOps(int i, int N);\r\nvec3 ImportanceSampleGGX(vec2 Xi, vec3 N, float roughness);\r\n\r\n\r\nvec2 nTOE( vec3 v ){\r\n  // x = r sin(phi) cos(theta)   \r\n  // y = r cos(phi)  \r\n  // z = r sin(phi) sin(theta)\r\n  float phi = acos( v.y );\r\n  // if phi is 0, then there are no x, z components\r\n  float theta = 0.0;\r\n  // else \r\n  theta = acos(v.x / sin(phi));\r\n  float sinTheta = v.z / sin(phi);\r\n  if (sinTheta < 0.0) {\r\n    // Turn it into -theta, but in the 0-2PI range\r\n    theta = 2.0 * PI - theta;\r\n  }\r\n  theta = theta / (2.0 * 3.14159);\r\n  phi = phi / 3.14159 ;\r\n  \r\n  vec2 angles = vec2( phi, theta );\r\n  return angles;\r\n}\r\n\r\n\r\nvoid main(){\r\n  const int SAMPLE_COUNT = 1024; // 4096\r\n  float totalWeight = 0.0;\r\n  vec3 prefilteredColor = vec3(0.0);\r\n  float phi = vTexCoord.x * 2.0 * PI;\r\n  float theta = vTexCoord.y * PI;\r\n  float x = sin(theta) * cos(phi);\r\n  float y = sin(theta) * sin(phi);\r\n  float z = cos(theta);\r\n  vec3 N = vec3(x,y,z);\r\n  vec3 V = N;\r\n  for (int i = 0; i < SAMPLE_COUNT; ++i)\r\n  {\r\n    vec2 Xi = HammersleyNoBitOps(i, SAMPLE_COUNT);\r\n    vec3 H = ImportanceSampleGGX(Xi, N, roughness);\r\n    vec3 L = normalize(2.0 * dot(V, H) * H - V);\r\n\r\n    float NdotL = max(dot(N, L), 0.0);\r\n    if (NdotL > 0.0)\r\n    {\r\n      prefilteredColor += texture2D(environmentMap, nTOE(L)).xyz * NdotL;\r\n      totalWeight += NdotL;\r\n    }\r\n  }\r\n  prefilteredColor = prefilteredColor / totalWeight;\r\n\r\n  gl_FragColor = vec4(prefilteredColor, 1.0);\r\n}\r\n\r\nvec3 ImportanceSampleGGX(vec2 Xi, vec3 N, float roughness){\r\n  float a = roughness * roughness;\r\n\r\n  float phi = 2.0 * PI * Xi.x;\r\n  float cosTheta = sqrt((1.0 - Xi.y) / (1.0 + (a * a - 1.0) * Xi.y));\r\n  float sinTheta = sqrt(1.0 - cosTheta * cosTheta);\r\n  // from spherical coordinates to cartesian coordinates\r\n  vec3 H;\r\n  H.x = cos(phi) * sinTheta;\r\n  H.y = sin(phi) * sinTheta;\r\n  H.z = cosTheta;\r\n\r\n  // from tangent-space vector to world-space sample vector\r\n  vec3 up = abs(N.z) < 0.999 ? vec3(0.0, 0.0, 1.0) : vec3(1.0, 0.0, 0.0);\r\n  vec3 tangent = normalize(cross(up, N));\r\n  vec3 bitangent = cross(N, tangent);\r\n\r\n  vec3 sampleVec = tangent * H.x + bitangent * H.y + N * H.z;\r\n  return normalize(sampleVec);\r\n}\r\n\r\n\r\nfloat VanDerCorput(int n, int base)\r\n{\r\n  float invBase = 1.0 / float(base);\r\n  float denom = 1.0;\r\n  float result = 0.0;\r\n\r\n  for (int i = 0; i < 32; ++i)\r\n  {\r\n\tif (n > 0)\r\n\t{\r\n  \tdenom = mod(float(n), 2.0);\r\n  \tresult += denom * invBase;\r\n  \tinvBase = invBase / 2.0;\r\n  \tn = int(float(n) / 2.0);\r\n\t}\r\n  }\r\n\r\n  return result;\r\n}\r\n\r\nvec2 HammersleyNoBitOps(int i, int N)\r\n{\r\n  return vec2(float(i) / float(N), VanDerCorput(i, 2));\r\n}\r\n'
+        };
+        for (var key in defaultShaders) {
+          defaultShaders[key] = webgl2CompatibilityShader + defaultShaders[key];
+        }
+        var filterShaderFrags = (_filterShaderFrags = {
+        }, _defineProperty(_filterShaderFrags, constants.GRAY, 'precision highp float;\n\nvarying vec2 vTexCoord;\n\nuniform sampler2D tex0;\n\nfloat luma(vec3 color) {\n  // weighted grayscale with luminance values\n  return dot(color, vec3(0.2126, 0.7152, 0.0722));\n}\n\nvoid main() {\n  vec4 tex = texture2D(tex0, vTexCoord);\n  float gray = luma(tex.rgb);\n  gl_FragColor = vec4(gray, gray, gray, tex.a);\n}\n'), _defineProperty(_filterShaderFrags, constants.ERODE, '// Reduces the bright areas in an image\n\nprecision highp float;\n\nvarying vec2 vTexCoord;\n\nuniform sampler2D tex0;\nuniform vec2 texelSize;\n\nfloat luma(vec3 color) {\n  // weighted grayscale with luminance values\n  // weights 77, 151, 28 taken from src/image/filters.js\n  return dot(color, vec3(0.300781, 0.589844, 0.109375));\n}\n\nvoid main() {\n  vec4 color = texture2D(tex0, vTexCoord);\n  float lum = luma(color.rgb);\n\n  // set current color as the darkest neighbor color\n\n  vec4 neighbors[4];\n  neighbors[0] = texture2D(tex0, vTexCoord + vec2( texelSize.x, 0.0));\n  neighbors[1] = texture2D(tex0, vTexCoord + vec2(-texelSize.x, 0.0));\n  neighbors[2] = texture2D(tex0, vTexCoord + vec2(0.0,  texelSize.y));\n  neighbors[3] = texture2D(tex0, vTexCoord + vec2(0.0, -texelSize.y));\n\n  for (int i = 0; i < 4; i++) {\n    vec4 neighborColor = neighbors[i];\n    float neighborLum = luma(neighborColor.rgb);\n\n    if (neighborLum < lum) {\n      color = neighborColor;\n      lum = neighborLum;\n    }\n  }\n\n  gl_FragColor = color;\n}\n'), _defineProperty(_filterShaderFrags, constants.DILATE, '// Increase the bright areas in an image\n\nprecision highp float;\n\nvarying vec2 vTexCoord;\n\nuniform sampler2D tex0;\nuniform vec2 texelSize;\n\nfloat luma(vec3 color) {\n  // weighted grayscale with luminance values\n  // weights 77, 151, 28 taken from src/image/filters.js\n  return dot(color, vec3(0.300781, 0.589844, 0.109375));\n}\n\nvoid main() {\n  vec4 color = texture2D(tex0, vTexCoord);\n  float lum = luma(color.rgb);\n\n  // set current color as the brightest neighbor color\n\n  vec4 neighbors[4];\n  neighbors[0] = texture2D(tex0, vTexCoord + vec2( texelSize.x, 0.0));\n  neighbors[1] = texture2D(tex0, vTexCoord + vec2(-texelSize.x, 0.0));\n  neighbors[2] = texture2D(tex0, vTexCoord + vec2(0.0,  texelSize.y));\n  neighbors[3] = texture2D(tex0, vTexCoord + vec2(0.0, -texelSize.y));\n\n  for (int i = 0; i < 4; i++) {\n    vec4 neighborColor = neighbors[i];\n    float neighborLum = luma(neighborColor.rgb);\n\n    if (neighborLum > lum) {\n      color = neighborColor;\n      lum = neighborLum;\n    }\n  }\n\n  gl_FragColor = color;\n}\n'), _defineProperty(_filterShaderFrags, constants.BLUR, 'precision highp float;\n\n// Two-pass blur filter, unweighted kernel.\n// See also a similar blur at Adam Ferriss\' repo of shader examples:\n// https://github.com/aferriss/p5jsShaderExamples/blob/gh-pages/4_image-effects/4-9_single-pass-blur/effect.frag\n\n\nuniform sampler2D tex0;\nvarying vec2 vTexCoord;\nuniform vec2 direction;\nuniform vec2 canvasSize;\nuniform float radius;\n\nfloat random(vec2 p) {\n  vec3 p3  = fract(vec3(p.xyx) * .1031);\n  p3 += dot(p3, p3.yzx + 33.33);\n  return fract((p3.x + p3.y) * p3.z);\n}\n\n// This isn\'t a real Gaussian weight, it\'s a quadratic weight. It\'s what the\n// CPU mode\'s blur uses though, so we also use it here to match.\nfloat quadWeight(float x, float e) {\n  return pow(e-abs(x), 2.);\n}\n\nvoid main(){\n  vec2 uv = vTexCoord;\n\n  // A reasonable maximum number of samples\n  const float maxSamples = 64.0;\n\n  float numSamples = floor(7. * radius);\n  if (fract(numSamples / 2.) == 0.) {\n    numSamples++;\n  }\n  vec4 avg = vec4(0.0);\n  float total = 0.0;\n\n  // Calculate the spacing to avoid skewing if numSamples > maxSamples\n  float spacing = 1.0;\n  if (numSamples > maxSamples) {\n    spacing = numSamples / maxSamples;\n    numSamples = maxSamples;\n  }\n\n  float randomOffset = (spacing - 1.0) * mix(-0.5, 0.5, random(gl_FragCoord.xy));\n  for (float i = 0.0; i < maxSamples; i++) {\n    if (i >= numSamples) break;\n\n    float sample = i * spacing - (numSamples - 1.0) * 0.5 * spacing + randomOffset;\n    vec2 sampleCoord = uv + vec2(sample, sample) / canvasSize * direction;\n    float weight = quadWeight(sample, (numSamples - 1.0) * 0.5 * spacing);\n\n    avg += weight * texture2D(tex0, sampleCoord);\n    total += weight;\n  }\n\n  avg /= total;\n  gl_FragColor = avg;\n}\n'), _defineProperty(_filterShaderFrags, constants.POSTERIZE, '// Limit color space for a stylized cartoon / poster effect\n\nprecision highp float;\n\nvarying vec2 vTexCoord;\n\nuniform sampler2D tex0;\nuniform float filterParameter;\n\nvec3 quantize(vec3 color, float n) {\n  // restrict values to N options/bins\n  // and floor each channel to nearest value\n  //\n  // eg. when N = 5, values = 0.0, 0.25, 0.50, 0.75, 1.0\n  // then quantize (0.1, 0.7, 0.9) -> (0.0, 0.5, 1.0)\n\n  color = color * n;\n  color = floor(color);\n  color = color / (n - 1.0);\n  return color;\n}\n\nvoid main() {\n  vec4 color = texture2D(tex0, vTexCoord);\n\n  vec3 restrictedColor = quantize(color.rgb / color.a, filterParameter);\n\n  gl_FragColor = vec4(restrictedColor.rgb * color.a, color.a);\n}\n'), _defineProperty(_filterShaderFrags, constants.OPAQUE, '// Set alpha channel to entirely opaque\n\nprecision highp float;\n\nvarying vec2 vTexCoord;\n\nuniform sampler2D tex0;\n\nvoid main() {\n  vec4 color = texture2D(tex0, vTexCoord);\n  gl_FragColor = vec4(color.rgb / color.a, 1.0);\n}\n'), _defineProperty(_filterShaderFrags, constants.INVERT, '// Set each pixel to inverse value\n// Note that original INVERT does not change the opacity, so this follows suit\n\nprecision highp float;\n\nvarying vec2 vTexCoord;\n\nuniform sampler2D tex0;\n\nvoid main() {\nvec4 color = texture2D(tex0, vTexCoord);\nvec3 origColor = color.rgb / color.a;\nvec3 invertedColor = vec3(1.0) - origColor;\ngl_FragColor = vec4(invertedColor * color.a, color.a);\n}\n'), _defineProperty(_filterShaderFrags, constants.THRESHOLD, '// Convert pixels to either white or black, \n// depending on if their luma is above or below filterParameter\n\nprecision highp float;\n\nvarying vec2 vTexCoord;\n\nuniform sampler2D tex0;\nuniform float filterParameter;\n\nfloat luma(vec3 color) {\n  // weighted grayscale with luminance values\n  return dot(color, vec3(0.2126, 0.7152, 0.0722));\n}\n\nvoid main() {\n  vec4 color = texture2D(tex0, vTexCoord);\n  float gray = luma(color.rgb / color.a);\n  // floor() used to match src/image/filters.js\n  float threshold = floor(filterParameter * 255.0) / 255.0;\n  float blackOrWhite = step(threshold, gray);\n  gl_FragColor = vec4(vec3(blackOrWhite) * color.a, color.a);\n}\n'), _filterShaderFrags);
+        var filterShaderVert = 'uniform mat4 uModelViewMatrix;\nuniform mat4 uProjectionMatrix;\n\nattribute vec3 aPosition;\n// texcoords only come from p5 to vertex shader\n// so pass texcoords on to the fragment shader in a varying variable\nattribute vec2 aTexCoord;\nvarying vec2 vTexCoord;\n\nvoid main() {\n  // transferring texcoords for the frag shader\n  vTexCoord = aTexCoord;\n\n  // copy position with a fourth coordinate for projection (1.0 is normal)\n  vec4 positionVec4 = vec4(aPosition, 1.0);\n\n  gl_Position = uProjectionMatrix * uModelViewMatrix * positionVec4;\n}\n';
+        /**
+ * @module Rendering
+ * @submodule Rendering
+ * @for p5
+ */
+        /**
+ * Set attributes for the WebGL Drawing context.
+ * This is a way of adjusting how the WebGL
+ * renderer works to fine-tune the display and performance.
+ *
+ * Note that this will reinitialize the drawing context
+ * if called after the WebGL canvas is made.
+ *
+ * If an object is passed as the parameter, all attributes
+ * not declared in the object will be set to defaults.
+ *
+ * The available attributes are:
+ * <br>
+ * alpha - indicates if the canvas contains an alpha buffer
+ * default is true
+ *
+ * depth - indicates whether the drawing buffer has a depth buffer
+ * of at least 16 bits - default is true
+ *
+ * stencil - indicates whether the drawing buffer has a stencil buffer
+ * of at least 8 bits
+ *
+ * antialias - indicates whether or not to perform anti-aliasing
+ * default is false (true in Safari)
+ *
+ * premultipliedAlpha - indicates that the page compositor will assume
+ * the drawing buffer contains colors with pre-multiplied alpha
+ * default is true
+ *
+ * preserveDrawingBuffer - if true the buffers will not be cleared and
+ * and will preserve their values until cleared or overwritten by author
+ * (note that p5 clears automatically on draw loop)
+ * default is true
+ *
+ * perPixelLighting - if true, per-pixel lighting will be used in the
+ * lighting shader otherwise per-vertex lighting is used.
+ * default is true.
+ *
+ * version - either 1 or 2, to specify which WebGL version to ask for. By
+ * default, WebGL 2 will be requested. If WebGL2 is not available, it will
+ * fall back to WebGL 1. You can check what version is used with by looking at
+ * the global `webglVersion` property.
+ *
+ * @method setAttributes
+ * @for p5
+ * @param  {String}  key Name of attribute
+ * @param  {Boolean}        value New value of named attribute
+ * @example
+ * <div>
+ * <code>
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ * }
+ *
+ * function draw() {
+ *   background(255);
+ *   push();
+ *   rotateZ(frameCount * 0.02);
+ *   rotateX(frameCount * 0.02);
+ *   rotateY(frameCount * 0.02);
+ *   fill(0, 0, 0);
+ *   box(50);
+ *   pop();
+ * }
+ * </code>
+ * </div>
+ * <br>
+ * Now with the antialias attribute set to true.
+ * <br>
+ * <div>
+ * <code>
+ * function setup() {
+ *   setAttributes('antialias', true);
+ *   createCanvas(100, 100, WEBGL);
+ * }
+ *
+ * function draw() {
+ *   background(255);
+ *   push();
+ *   rotateZ(frameCount * 0.02);
+ *   rotateX(frameCount * 0.02);
+ *   rotateY(frameCount * 0.02);
+ *   fill(0, 0, 0);
+ *   box(50);
+ *   pop();
+ * }
+ * </code>
+ * </div>
+ *
+ * <div>
+ * <code>
+ * // press the mouse button to disable perPixelLighting
+ * function setup() {
+ *   createCanvas(100, 100, WEBGL);
+ *   noStroke();
+ *   fill(255);
+ * }
+ *
+ * let lights = [
+ *   { c: '#f00', t: 1.12, p: 1.91, r: 0.2 },
+ *   { c: '#0f0', t: 1.21, p: 1.31, r: 0.2 },
+ *   { c: '#00f', t: 1.37, p: 1.57, r: 0.2 },
+ *   { c: '#ff0', t: 1.12, p: 1.91, r: 0.7 },
+ *   { c: '#0ff', t: 1.21, p: 1.31, r: 0.7 },
+ *   { c: '#f0f', t: 1.37, p: 1.57, r: 0.7 }
+ * ];
+ *
+ * function draw() {
+ *   let t = millis() / 1000 + 1000;
+ *   background(0);
+ *   directionalLight(color('#222'), 1, 1, 1);
+ *
+ *   for (let i = 0; i < lights.length; i++) {
+ *     let light = lights[i];
+ *     pointLight(
+ *       color(light.c),
+ *       p5.Vector.fromAngles(t * light.t, t * light.p, width * light.r)
+ *     );
+ *   }
+ *
+ *   specularMaterial(255);
+ *   sphere(width * 0.1);
+ *
+ *   rotateX(t * 0.77);
+ *   rotateY(t * 0.83);
+ *   rotateZ(t * 0.91);
+ *   torus(width * 0.3, width * 0.07, 24, 10);
+ * }
+ *
+ * function mousePressed() {
+ *   setAttributes('perPixelLighting', false);
+ *   noStroke();
+ *   fill(255);
+ * }
+ * function mouseReleased() {
+ *   setAttributes('perPixelLighting', true);
+ *   noStroke();
+ *   fill(255);
+ * }
+ * </code>
+ * </div>
+ *
+ * @alt a rotating cube with smoother edges
+ */
+        /**
+ * @method setAttributes
+ * @for p5
+ * @param  {Object}  obj object with key-value pairs
+ */
+        _main.default.prototype.setAttributes = function (key, value) {
+          if (typeof this._glAttributes === 'undefined') {
+            console.log('You are trying to use setAttributes on a p5.Graphics object ' + 'that does not use a WEBGL renderer.');
+            return;
+          }
+          var unchanged = true;
+          if (typeof value !== 'undefined') {
+            //first time modifying the attributes
+            if (this._glAttributes === null) {
+              this._glAttributes = {
+              };
+            }
+            if (this._glAttributes[key] !== value) {
+              //changing value of previously altered attribute
+              this._glAttributes[key] = value;
+              unchanged = false;
+            }            //setting all attributes with some change
+
+          } else if (key instanceof Object) {
+            if (this._glAttributes !== key) {
+              this._glAttributes = key;
+              unchanged = false;
+            }
+          }          //@todo_FES
+
+          if (!this._renderer.isP3D || unchanged) {
+            return;
+          }
+          if (!this._setupDone) {
+            for (var x in this._renderer.retainedMode.geometry) {
+              if (this._renderer.retainedMode.geometry.hasOwnProperty(x)) {
+                _main.default._friendlyError('Sorry, Could not set the attributes, you need to call setAttributes() ' + 'before calling the other drawing methods in setup()');
+                return;
+              }
+            }
+          }
+          this.push();
+          this._renderer._resetContext();
+          this.pop();
+          if (this._renderer._curCamera) {
+            this._renderer._curCamera._renderer = this._renderer;
+          }
+        };
+        /**
+ * @private
+ * @param {Uint8Array|Float32Array|undefined} pixels An existing pixels array to reuse if the size is the same
+ * @param {WebGLRenderingContext} gl The WebGL context
+ * @param {WebGLFramebuffer|null} framebuffer The Framebuffer to read
+ * @param {Number} x The x coordiante to read, premultiplied by pixel density
+ * @param {Number} y The y coordiante to read, premultiplied by pixel density
+ * @param {Number} width The width in pixels to be read (factoring in pixel density)
+ * @param {Number} height The height in pixels to be read (factoring in pixel density)
+ * @param {GLEnum} format Either RGB or RGBA depending on how many channels to read
+ * @param {GLEnum} type The datatype of each channel, e.g. UNSIGNED_BYTE or FLOAT
+ * @param {Number|undefined} flipY If provided, the total height with which to flip the y axis about
+ * @returns {Uint8Array|Float32Array} pixels A pixels array with the current state of the
+ * WebGL context read into it
+ */
+        function readPixelsWebGL(pixels, gl, framebuffer, x, y, width, height, format, type, flipY) {
+          // Record the currently bound framebuffer so we can go back to it after, and
+          // bind the framebuffer we want to read from
+          var prevFramebuffer = gl.getParameter(gl.FRAMEBUFFER_BINDING);
+          gl.bindFramebuffer(gl.FRAMEBUFFER, framebuffer);
+          var channels = format === gl.RGBA ? 4 : 3;
+          // Make a pixels buffer if it doesn't already exist
+          var len = width * height * channels;
+          var TypedArrayClass = type === gl.UNSIGNED_BYTE ? Uint8Array : Float32Array;
+          if (!(pixels instanceof TypedArrayClass) || pixels.length !== len) {
+            pixels = new TypedArrayClass(len);
+          }
+          gl.readPixels(x, flipY ? flipY - y - height : y, width, height, format, type, pixels);
+          // Re-bind whatever was previously bound
+          gl.bindFramebuffer(gl.FRAMEBUFFER, prevFramebuffer);
+          if (flipY) {
+            // WebGL pixels are inverted compared to 2D pixels, so we have to flip
+            // the resulting rows. Adapted from https://stackoverflow.com/a/41973289
+            var halfHeight = Math.floor(height / 2);
+            var tmpRow = new TypedArrayClass(width * channels);
+            for (var _y = 0; _y < halfHeight; _y++) {
+              var topOffset = _y * width * 4;
+              var bottomOffset = (height - _y - 1) * width * 4;
+              tmpRow.set(pixels.subarray(topOffset, topOffset + width * 4));
+              pixels.copyWithin(topOffset, bottomOffset, bottomOffset + width * 4);
+              pixels.set(tmpRow, bottomOffset);
+            }
+          }
+          return pixels;
+        }        /**
+ * @private
+ * @param {WebGLRenderingContext} gl The WebGL context
+ * @param {WebGLFramebuffer|null} framebuffer The Framebuffer to read
+ * @param {Number} x The x coordinate to read, premultiplied by pixel density
+ * @param {Number} y The y coordinate to read, premultiplied by pixel density
+ * @param {GLEnum} format Either RGB or RGBA depending on how many channels to read
+ * @param {GLEnum} type The datatype of each channel, e.g. UNSIGNED_BYTE or FLOAT
+ * @param {Number|undefined} flipY If provided, the total height with which to flip the y axis about
+ * @returns {Number[]} pixels The channel data for the pixel at that location
+ */
+
+        function readPixelWebGL(gl, framebuffer, x, y, format, type, flipY) {
+          // Record the currently bound framebuffer so we can go back to it after, and
+          // bind the framebuffer we want to read from
+          var prevFramebuffer = gl.getParameter(gl.FRAMEBUFFER_BINDING);
+          gl.bindFramebuffer(gl.FRAMEBUFFER, framebuffer);
+          var channels = format === gl.RGBA ? 4 : 3;
+          var TypedArrayClass = type === gl.UNSIGNED_BYTE ? Uint8Array : Float32Array;
+          var pixels = new TypedArrayClass(channels);
+          gl.readPixels(x, flipY ? flipY - y - 1 : y, 1, 1, format, type, pixels);
+          // Re-bind whatever was previously bound
+          gl.bindFramebuffer(gl.FRAMEBUFFER, prevFramebuffer);
+          return Array.from(pixels);
+        }        /**
+ * 3D graphics class
+ * @private
+ * @class p5.RendererGL
+ * @constructor
+ * @extends p5.Renderer
+ * @todo extend class to include public method for offscreen
+ * rendering (FBO).
+ */
+
+        _main.default.RendererGL = /*#__PURE__*/ function (_p5$Renderer) {
+          _inherits(RendererGL, _p5$Renderer);
+          var _super = _createSuper(RendererGL);
+          function RendererGL(elt, pInst, isMainCanvas, attr) {
+            var _this;
+            _classCallCheck(this, RendererGL);
+            _this = _super.call(this, elt, pInst, isMainCanvas);
+            _this._setAttributeDefaults(pInst);
+            _this._initContext();
+            _this.isP3D = true; //lets us know we're in 3d mode
+            // When constructing a new p5.Geometry, this will represent the builder
+            _this.geometryBuilder = undefined;
+            // This redundant property is useful in reminding you that you are
+            // interacting with WebGLRenderingContext, still worth considering future removal
+            _this.GL = _this.drawingContext;
+            _this._pInst._setProperty('drawingContext', _this.drawingContext);
+            // erasing
+            _this._isErasing = false;
+            // clipping
+            _this._clipDepths = [
+            ];
+            _this._isClipApplied = false;
+            _this._stencilTestOn = false;
+            // lights
+            _this._enableLighting = false;
+            _this.ambientLightColors = [
+            ];
+            _this.specularColors = [
+              1,
+              1,
+              1
+            ];
+            _this.directionalLightDirections = [
+            ];
+            _this.directionalLightDiffuseColors = [
+            ];
+            _this.directionalLightSpecularColors = [
+            ];
+            _this.pointLightPositions = [
+            ];
+            _this.pointLightDiffuseColors = [
+            ];
+            _this.pointLightSpecularColors = [
+            ];
+            _this.spotLightPositions = [
+            ];
+            _this.spotLightDirections = [
+            ];
+            _this.spotLightDiffuseColors = [
+            ];
+            _this.spotLightSpecularColors = [
+            ];
+            _this.spotLightAngle = [
+            ];
+            _this.spotLightConc = [
+            ];
+            // This property contains the input image if imageLight function
+            // is called.
+            // activeImageLight is checked by _setFillUniforms
+            // for sending uniforms to the fillshader
+            _this.activeImageLight = null;
+            // If activeImageLight property is Null, diffusedTextures,
+            // specularTextures are Empty.
+            // Else, it maps a p5.Image used by imageLight() to a p5.Graphics.
+            // p5.Graphics for this are calculated in getDiffusedTexture function
+            _this.diffusedTextures = new Map();
+            // p5.Graphics for this are calculated in getSpecularTexture function
+            _this.specularTextures = new Map();
+            _this.drawMode = constants.FILL;
+            _this.curFillColor = _this._cachedFillStyle = [
+              1,
+              1,
+              1,
+              1
+            ];
+            _this.curAmbientColor = _this._cachedFillStyle = [
+              1,
+              1,
+              1,
+              1
+            ];
+            _this.curSpecularColor = _this._cachedFillStyle = [
+              0,
+              0,
+              0,
+              0
+            ];
+            _this.curEmissiveColor = _this._cachedFillStyle = [
+              0,
+              0,
+              0,
+              0
+            ];
+            _this.curStrokeColor = _this._cachedStrokeStyle = [
+              0,
+              0,
+              0,
+              1
+            ];
+            _this.curBlendMode = constants.BLEND;
+            _this._cachedBlendMode = undefined;
+            if (_this.webglVersion === constants.WEBGL2) {
+              _this.blendExt = _this.GL;
+            } else {
+              _this.blendExt = _this.GL.getExtension('EXT_blend_minmax');
+            }
+            _this._isBlending = false;
+            _this._hasSetAmbient = false;
+            _this._useSpecularMaterial = false;
+            _this._useEmissiveMaterial = false;
+            _this._useNormalMaterial = false;
+            _this._useShininess = 1;
+            _this._useLineColor = false;
+            _this._useVertexColor = false;
+            _this.registerEnabled = new Set();
+            _this._tint = [
+              255,
+              255,
+              255,
+              255
+            ];
+            // lightFalloff variables
+            _this.constantAttenuation = 1;
+            _this.linearAttenuation = 0;
+            _this.quadraticAttenuation = 0;
+            /**
+    * model view, projection, & normal
+    * matrices
+    */
+            _this.uMVMatrix = new _main.default.Matrix();
+            _this.uPMatrix = new _main.default.Matrix();
+            _this.uNMatrix = new _main.default.Matrix('mat3');
+            // Current vertex normal
+            _this._currentNormal = new _main.default.Vector(0, 0, 1);
+            // Camera
+            _this._curCamera = new _main.default.Camera(_assertThisInitialized(_this));
+            _this._curCamera._computeCameraDefaultSettings();
+            _this._curCamera._setDefaultCamera();
+            // FilterCamera
+            _this.filterCamera = new _main.default.Camera(_assertThisInitialized(_this));
+            _this.filterCamera._computeCameraDefaultSettings();
+            _this.filterCamera._setDefaultCamera();
+            // Information about the previous frame's touch object
+            // for executing orbitControl()
+            _this.prevTouches = [
+            ];
+            // Velocity variable for use with orbitControl()
+            _this.zoomVelocity = 0;
+            _this.rotateVelocity = new _main.default.Vector(0, 0);
+            _this.moveVelocity = new _main.default.Vector(0, 0);
+            // Flags for recording the state of zooming, rotation and moving
+            _this.executeZoom = false;
+            _this.executeRotateAndMove = false;
+            _this._defaultLightShader = undefined;
+            _this._defaultImmediateModeShader = undefined;
+            _this._defaultNormalShader = undefined;
+            _this._defaultColorShader = undefined;
+            _this._defaultPointShader = undefined;
+            _this.userFillShader = undefined;
+            _this.userStrokeShader = undefined;
+            _this.userPointShader = undefined;
+            // Default drawing is done in Retained Mode
+            // Geometry and Material hashes stored here
+            _this.retainedMode = {
+              geometry: {
+              },
+              buffers: {
+                stroke: [
+                  new _main.default.RenderBuffer(4, 'lineVertexColors', 'lineColorBuffer', 'aVertexColor', _assertThisInitialized(_this)),
+                  new _main.default.RenderBuffer(3, 'lineVertices', 'lineVerticesBuffer', 'aPosition', _assertThisInitialized(_this)),
+                  new _main.default.RenderBuffer(3, 'lineTangentsIn', 'lineTangentsInBuffer', 'aTangentIn', _assertThisInitialized(_this)),
+                  new _main.default.RenderBuffer(3, 'lineTangentsOut', 'lineTangentsOutBuffer', 'aTangentOut', _assertThisInitialized(_this)),
+                  new _main.default.RenderBuffer(1, 'lineSides', 'lineSidesBuffer', 'aSide', _assertThisInitialized(_this))
+                ],
+                fill: [
+                  new _main.default.RenderBuffer(3, 'vertices', 'vertexBuffer', 'aPosition', _assertThisInitialized(_this), _this._vToNArray),
+                  new _main.default.RenderBuffer(3, 'vertexNormals', 'normalBuffer', 'aNormal', _assertThisInitialized(_this), _this._vToNArray),
+                  new _main.default.RenderBuffer(4, 'vertexColors', 'colorBuffer', 'aVertexColor', _assertThisInitialized(_this)),
+                  new _main.default.RenderBuffer(3, 'vertexAmbients', 'ambientBuffer', 'aAmbientColor', _assertThisInitialized(_this)),
+                  //new BufferDef(3, 'vertexSpeculars', 'specularBuffer', 'aSpecularColor'),
+                  new _main.default.RenderBuffer(2, 'uvs', 'uvBuffer', 'aTexCoord', _assertThisInitialized(_this), _this._flatten)
+                ],
+                text: [
+                  new _main.default.RenderBuffer(3, 'vertices', 'vertexBuffer', 'aPosition', _assertThisInitialized(_this), _this._vToNArray),
+                  new _main.default.RenderBuffer(2, 'uvs', 'uvBuffer', 'aTexCoord', _assertThisInitialized(_this), _this._flatten)
+                ]
+              }
+            };
+            // Immediate Mode
+            // Geometry and Material hashes stored here
+            _this.immediateMode = {
+              geometry: new _main.default.Geometry(),
+              shapeMode: constants.TRIANGLE_FAN,
+              contourIndices: [
+              ],
+              _bezierVertex: [
+              ],
+              _quadraticVertex: [
+              ],
+              _curveVertex: [
+              ],
+              buffers: {
+                fill: [
+                  new _main.default.RenderBuffer(3, 'vertices', 'vertexBuffer', 'aPosition', _assertThisInitialized(_this), _this._vToNArray),
+                  new _main.default.RenderBuffer(3, 'vertexNormals', 'normalBuffer', 'aNormal', _assertThisInitialized(_this), _this._vToNArray),
+                  new _main.default.RenderBuffer(4, 'vertexColors', 'colorBuffer', 'aVertexColor', _assertThisInitialized(_this)),
+                  new _main.default.RenderBuffer(3, 'vertexAmbients', 'ambientBuffer', 'aAmbientColor', _assertThisInitialized(_this)),
+                  new _main.default.RenderBuffer(2, 'uvs', 'uvBuffer', 'aTexCoord', _assertThisInitialized(_this), _this._flatten)
+                ],
+                stroke: [
+                  new _main.default.RenderBuffer(4, 'lineVertexColors', 'lineColorBuffer', 'aVertexColor', _assertThisInitialized(_this)),
+                  new _main.default.RenderBuffer(3, 'lineVertices', 'lineVerticesBuffer', 'aPosition', _assertThisInitialized(_this)),
+                  new _main.default.RenderBuffer(3, 'lineTangentsIn', 'lineTangentsInBuffer', 'aTangentIn', _assertThisInitialized(_this)),
+                  new _main.default.RenderBuffer(3, 'lineTangentsOut', 'lineTangentsOutBuffer', 'aTangentOut', _assertThisInitialized(_this)),
+                  new _main.default.RenderBuffer(1, 'lineSides', 'lineSidesBuffer', 'aSide', _assertThisInitialized(_this))
+                ],
+                point: _this.GL.createBuffer()
+              }
+            };
+            _this.pointSize = 5; //default point size
+            _this.curStrokeWeight = 1;
+            _this.curStrokeCap = constants.ROUND;
+            _this.curStrokeJoin = constants.ROUND;
+            // map of texture sources to textures created in this gl context via this.getTexture(src)
+            _this.textures = new Map();
+            // set of framebuffers in use
+            _this.framebuffers = new Set();
+            // stack of active framebuffers
+            _this.activeFramebuffers = [
+            ];
+            // for post processing step
+            _this.filterShader = undefined;
+            _this.filterLayer = undefined;
+            _this.filterLayerTemp = undefined;
+            _this.defaultFilterShaders = {
+            };
+            _this.textureMode = constants.IMAGE;
+            // default wrap settings
+            _this.textureWrapX = constants.CLAMP;
+            _this.textureWrapY = constants.CLAMP;
+            _this._tex = null;
+            _this._curveTightness = 6;
+            // lookUpTable for coefficients needed to be calculated for bezierVertex, same are used for curveVertex
+            _this._lookUpTableBezier = [
+            ];
+            // lookUpTable for coefficients needed to be calculated for quadraticVertex
+            _this._lookUpTableQuadratic = [
+            ];
+            // current curveDetail in the Bezier lookUpTable
+            _this._lutBezierDetail = 0;
+            // current curveDetail in the Quadratic lookUpTable
+            _this._lutQuadraticDetail = 0;
+            // Used to distinguish between user calls to vertex() and internal calls
+            _this.isProcessingVertices = false;
+            _this._tessy = _this._initTessy();
+            _this.fontInfos = {
+            };
+            _this._curShader = undefined;
+            return _this;
+          }          /**
+    * Starts creating a new p5.Geometry. Subsequent shapes drawn will be added
+     * to the geometry and then returned when
+     * <a href="#/p5/endGeometry">endGeometry()</a> is called. One can also use
+     * <a href="#/p5/buildGeometry">buildGeometry()</a> to pass a function that
+     * draws shapes.
+     *
+     * If you need to draw complex shapes every frame which don't change over time,
+     * combining them upfront with `beginGeometry()` and `endGeometry()` and then
+     * drawing that will run faster than repeatedly drawing the individual pieces.
+     *
+     * @method beginGeometry
+   */
+
+          _createClass(RendererGL, [
+            {
+              key: 'beginGeometry',
+              value: function beginGeometry() {
+                if (this.geometryBuilder) {
+                  throw new Error('It looks like `beginGeometry()` is being called while another p5.Geometry is already being build.');
+                }
+                this.geometryBuilder = new _GeometryBuilder.default(this);
+              }              /**
+     * Finishes creating a new <a href="#/p5.Geometry">p5.Geometry</a> that was
+     * started using <a href="#/p5/beginGeometry">beginGeometry()</a>. One can also
+     * use <a href="#/p5/buildGeometry">buildGeometry()</a> to pass a function that
+     * draws shapes.
+     *
+     * @method endGeometry
+     * @returns {p5.Geometry} The model that was built.
+     */
+
+            },
+            {
+              key: 'endGeometry',
+              value: function endGeometry() {
+                if (!this.geometryBuilder) {
+                  throw new Error('Make sure you call beginGeometry() before endGeometry()!');
+                }
+                var geometry = this.geometryBuilder.finish();
+                this.geometryBuilder = undefined;
+                return geometry;
+              }              /**
+     * Creates a new <a href="#/p5.Geometry">p5.Geometry</a> that contains all
+     * the shapes drawn in a provided callback function. The returned combined shape
+     * can then be drawn all at once using <a href="#/p5/model">model()</a>.
+     *
+     * If you need to draw complex shapes every frame which don't change over time,
+     * combining them with `buildGeometry()` once and then drawing that will run
+     * faster than repeatedly drawing the individual pieces.
+     *
+     * One can also draw shapes directly between
+     * <a href="#/p5/beginGeometry">beginGeometry()</a> and
+     * <a href="#/p5/endGeometry">endGeometry()</a> instead of using a callback
+     * function.
+     *
+     * @method buildGeometry
+     * @param {Function} callback A function that draws shapes.
+     * @returns {p5.Geometry} The model that was built from the callback function.
+     */
+
+            },
+            {
+              key: 'buildGeometry',
+              value: function buildGeometry(callback) {
+                this.beginGeometry();
+                callback();
+                return this.endGeometry();
+              } //////////////////////////////////////////////
+              // Setting
+              //////////////////////////////////////////////
+
+            },
+            {
+              key: '_setAttributeDefaults',
+              value: function _setAttributeDefaults(pInst) {
+                // See issue #3850, safer to enable AA in Safari
+                var applyAA = navigator.userAgent.toLowerCase().includes('safari');
+                var defaults = {
+                  alpha: true,
+                  depth: true,
+                  stencil: true,
+                  antialias: applyAA,
+                  premultipliedAlpha: true,
+                  preserveDrawingBuffer: true,
+                  perPixelLighting: true,
+                  version: 2
+                };
+                if (pInst._glAttributes === null) {
+                  pInst._glAttributes = defaults;
+                } else {
+                  pInst._glAttributes = Object.assign(defaults, pInst._glAttributes);
+                }
+                return;
+              }
+            },
+            {
+              key: '_initContext',
+              value: function _initContext() {
+                if (this._pInst._glAttributes.version !== 1) {
+                  // Unless WebGL1 is explicitly asked for, try to create a WebGL2 context
+                  this.drawingContext = this.canvas.getContext('webgl2', this._pInst._glAttributes);
+                }
+                this.webglVersion = this.drawingContext ? constants.WEBGL2 : constants.WEBGL;
+                // If this is the main canvas, make sure the global `webglVersion` is set
+                this._pInst._setProperty('webglVersion', this.webglVersion);
+                if (!this.drawingContext) {
+                  // If we were unable to create a WebGL2 context (either because it was
+                  // disabled via `setAttributes({ version: 1 })` or because the device
+                  // doesn't support it), fall back to a WebGL1 context
+                  this.drawingContext = this.canvas.getContext('webgl', this._pInst._glAttributes) || this.canvas.getContext('experimental-webgl', this._pInst._glAttributes);
+                }
+                if (this.drawingContext === null) {
+                  throw new Error('Error creating webgl context');
+                } else {
+                  var gl = this.drawingContext;
+                  gl.enable(gl.DEPTH_TEST);
+                  gl.depthFunc(gl.LEQUAL);
+                  gl.viewport(0, 0, gl.drawingBufferWidth, gl.drawingBufferHeight);
+                  // Make sure all images are loaded into the canvas premultiplied so that
+                  // they match the way we render colors. This will make framebuffer textures
+                  // be encoded the same way as textures from everything else.
+                  gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, true);
+                  this._viewport = this.drawingContext.getParameter(this.drawingContext.VIEWPORT);
+                }
+              } //This is helper function to reset the context anytime the attributes
+              //are changed with setAttributes()
+
+            },
+            {
+              key: '_resetContext',
+              value: function _resetContext(options, callback) {
+                var w = this.width;
+                var h = this.height;
+                var defaultId = this.canvas.id;
+                var isPGraphics = this._pInst instanceof _main.default.Graphics;
+                if (isPGraphics) {
+                  var pg = this._pInst;
+                  pg.canvas.parentNode.removeChild(pg.canvas);
+                  pg.canvas = document.createElement('canvas');
+                  var node = pg._pInst._userNode || document.body;
+                  node.appendChild(pg.canvas);
+                  _main.default.Element.call(pg, pg.canvas, pg._pInst);
+                  pg.width = w;
+                  pg.height = h;
+                } else {
+                  var c = this.canvas;
+                  if (c) {
+                    c.parentNode.removeChild(c);
+                  }
+                  c = document.createElement('canvas');
+                  c.id = defaultId;
+                  if (this._pInst._userNode) {
+                    this._pInst._userNode.appendChild(c);
+                  } else {
+                    document.body.appendChild(c);
+                  }
+                  this._pInst.canvas = c;
+                  this.canvas = c;
+                }
+                var renderer = new _main.default.RendererGL(this._pInst.canvas, this._pInst, !isPGraphics);
+                this._pInst._setProperty('_renderer', renderer);
+                renderer.resize(w, h);
+                renderer._applyDefaults();
+                if (!isPGraphics) {
+                  this._pInst._elements.push(renderer);
+                }
+                if (typeof callback === 'function') {
+                  //setTimeout with 0 forces the task to the back of the queue, this ensures that
+                  //we finish switching out the renderer
+                  setTimeout(function () {
+                    callback.apply(window._renderer, options);
+                  }, 0);
+                }
+              }              /**
+    * @class p5.RendererGL
+    */
+
+            },
+            {
+              key: '_update',
+              value: function _update() {
+                // reset model view and apply initial camera transform
+                // (containing only look at info; no projection).
+                this.uMVMatrix.set(this._curCamera.cameraMatrix.mat4[0], this._curCamera.cameraMatrix.mat4[1], this._curCamera.cameraMatrix.mat4[2], this._curCamera.cameraMatrix.mat4[3], this._curCamera.cameraMatrix.mat4[4], this._curCamera.cameraMatrix.mat4[5], this._curCamera.cameraMatrix.mat4[6], this._curCamera.cameraMatrix.mat4[7], this._curCamera.cameraMatrix.mat4[8], this._curCamera.cameraMatrix.mat4[9], this._curCamera.cameraMatrix.mat4[10], this._curCamera.cameraMatrix.mat4[11], this._curCamera.cameraMatrix.mat4[12], this._curCamera.cameraMatrix.mat4[13], this._curCamera.cameraMatrix.mat4[14], this._curCamera.cameraMatrix.mat4[15]);
+                // reset light data for new frame.
+                this.ambientLightColors.length = 0;
+                this.specularColors = [
+                  1,
+                  1,
+                  1
+                ];
+                this.directionalLightDirections.length = 0;
+                this.directionalLightDiffuseColors.length = 0;
+                this.directionalLightSpecularColors.length = 0;
+                this.pointLightPositions.length = 0;
+                this.pointLightDiffuseColors.length = 0;
+                this.pointLightSpecularColors.length = 0;
+                this.spotLightPositions.length = 0;
+                this.spotLightDirections.length = 0;
+                this.spotLightDiffuseColors.length = 0;
+                this.spotLightSpecularColors.length = 0;
+                this.spotLightAngle.length = 0;
+                this.spotLightConc.length = 0;
+                this._enableLighting = false;
+                //reset tint value for new frame
+                this._tint = [
+                  255,
+                  255,
+                  255,
+                  255
+                ];
+                //Clear depth every frame
+                this.GL.clearStencil(0);
+                this.GL.clear(this.GL.DEPTH_BUFFER_BIT | this.GL.STENCIL_BUFFER_BIT);
+                this.GL.disable(this.GL.STENCIL_TEST);
+              }              /**
+    * [background description]
+    */
+
+            },
+            {
+              key: 'background',
+              value: function background() {
+                var _this$_pInst;
+                var _col = (_this$_pInst = this._pInst).color.apply(_this$_pInst, arguments);
+                var _r = _col.levels[0] / 255;
+                var _g = _col.levels[1] / 255;
+                var _b = _col.levels[2] / 255;
+                var _a = _col.levels[3] / 255;
+                this.clear(_r, _g, _b, _a);
+              } //////////////////////////////////////////////
+              // COLOR
+              //////////////////////////////////////////////
+              /**
+    * Basic fill material for geometry with a given color
+    * @method  fill
+    * @class p5.RendererGL
+    * @param  {Number|Number[]|String|p5.Color} v1  gray value,
+    * red or hue value (depending on the current color mode),
+    * or color Array, or CSS color string
+    * @param  {Number}            [v2] green or saturation value
+    * @param  {Number}            [v3] blue or brightness value
+    * @param  {Number}            [a]  opacity
+    * @chainable
+    * @example
+    * <div>
+    * <code>
+    * function setup() {
+    *   createCanvas(200, 200, WEBGL);
+    * }
+    *
+    * function draw() {
+    *   background(0);
+    *   noStroke();
+    *   fill(100, 100, 240);
+    *   rotateX(frameCount * 0.01);
+    *   rotateY(frameCount * 0.01);
+    *   box(75, 75, 75);
+    * }
+    * </code>
+    * </div>
+    *
+    * @alt
+    * black canvas with purple cube spinning
+    */
+
+            },
+            {
+              key: 'fill',
+              value: function fill(v1, v2, v3, a) {
+                //see material.js for more info on color blending in webgl
+                var color = _main.default.prototype.color.apply(this._pInst, arguments);
+                this.curFillColor = color._array;
+                this.drawMode = constants.FILL;
+                this._useNormalMaterial = false;
+                this._tex = null;
+              }              /**
+    * Basic stroke material for geometry with a given color
+    * @method  stroke
+    * @param  {Number|Number[]|String|p5.Color} v1  gray value,
+    * red or hue value (depending on the current color mode),
+    * or color Array, or CSS color string
+    * @param  {Number}            [v2] green or saturation value
+    * @param  {Number}            [v3] blue or brightness value
+    * @param  {Number}            [a]  opacity
+    * @example
+    * <div>
+    * <code>
+    * function setup() {
+    *   createCanvas(200, 200, WEBGL);
+    * }
+    *
+    * function draw() {
+    *   background(0);
+    *   stroke(240, 150, 150);
+    *   fill(100, 100, 240);
+    *   rotateX(frameCount * 0.01);
+    *   rotateY(frameCount * 0.01);
+    *   box(75, 75, 75);
+    * }
+    * </code>
+    * </div>
+    *
+    * @alt
+    * black canvas with purple cube with pink outline spinning
+    */
+
+            },
+            {
+              key: 'stroke',
+              value: function stroke(r, g, b, a) {
+                var color = _main.default.prototype.color.apply(this._pInst, arguments);
+                this.curStrokeColor = color._array;
+              }
+            },
+            {
+              key: 'strokeCap',
+              value: function strokeCap(cap) {
+                this.curStrokeCap = cap;
+              }
+            },
+            {
+              key: 'strokeJoin',
+              value: function strokeJoin(join) {
+                this.curStrokeJoin = join;
+              }
+            },
+            {
+              key: 'getFilterLayer',
+              value: function getFilterLayer() {
+                if (!this.filterLayer) {
+                  this.filterLayer = this._pInst.createFramebuffer();
+                }
+                return this.filterLayer;
+              }
+            },
+            {
+              key: 'getFilterLayerTemp',
+              value: function getFilterLayerTemp() {
+                if (!this.filterLayerTemp) {
+                  this.filterLayerTemp = this._pInst.createFramebuffer();
+                }
+                return this.filterLayerTemp;
+              }
+            },
+            {
+              key: 'matchSize',
+              value: function matchSize(fboToMatch, target) {
+                if (fboToMatch.width !== target.width || fboToMatch.height !== target.height) {
+                  fboToMatch.resize(target.width, target.height);
+                }
+                if (fboToMatch.pixelDensity() !== target.pixelDensity()) {
+                  fboToMatch.pixelDensity(target.pixelDensity());
+                }
+              }
+            },
+            {
+              key: 'filter',
+              value: function filter() {
+                var _this2 = this;
+                var fbo = this.getFilterLayer();
+                // use internal shader for filter constants BLUR, INVERT, etc
+                var filterParameter = undefined;
+                var operation = undefined;
+                if (typeof (arguments.length <= 0 ? undefined : arguments[0]) === 'string') {
+                  var _defaults;
+                  operation = arguments.length <= 0 ? undefined : arguments[0];
+                  var defaults = (_defaults = {
+                  }, _defineProperty(_defaults, constants.BLUR, 3), _defineProperty(_defaults, constants.POSTERIZE, 4), _defineProperty(_defaults, constants.THRESHOLD, 0.5), _defaults);
+                  var useDefaultParam = operation in defaults && (arguments.length <= 1 ? undefined : arguments[1]) === undefined;
+                  filterParameter = useDefaultParam ? defaults[operation] : arguments.length <= 1 ? undefined : arguments[1];
+                  // Create and store shader for constants once on initial filter call.
+                  // Need to store multiple in case user calls different filters,
+                  // eg. filter(BLUR) then filter(GRAY)
+                  if (!(operation in this.defaultFilterShaders)) {
+                    this.defaultFilterShaders[operation] = new _main.default.Shader(fbo._renderer, filterShaderVert, filterShaderFrags[operation]);
+                  }
+                  this.filterShader = this.defaultFilterShaders[operation];
+                }                // use custom user-supplied shader
+                 else {
+                  this.filterShader = arguments.length <= 0 ? undefined : arguments[0];
+                }                // Setting the target to the framebuffer when applying a filter to a framebuffer.
+
+                var target = this.activeFramebuffer() || this;
+                // Resize the framebuffer 'fbo' and adjust its pixel density if it doesn't match the target.
+                this.matchSize(fbo, target);
+                // Set filterCamera for framebuffers.
+                if (target !== this) {
+                  this.filterCamera = this.getFilterLayer().createCamera();
+                }
+                fbo.draw(function () {
+                  return _this2._pInst.clear();
+                }); // prevent undesirable feedback effects accumulating secretly.
+                var texelSize = [
+                  1 / (target.width * target.pixelDensity()),
+                  1 / (target.height * target.pixelDensity())
+                ];
+                // apply blur shader with multiple passes.
+                if (operation === constants.BLUR) {
+                  // Treating 'tmp' as a framebuffer.
+                  var tmp = this.getFilterLayerTemp();
+                  // Resize the framebuffer 'tmp' and adjust its pixel density if it doesn't match the target.
+                  this.matchSize(tmp, target);
+                  // setup
+                  this._pInst.push();
+                  this._pInst.noStroke();
+                  // draw main to temp buffer
+                  this._pInst.shader(this.filterShader);
+                  this.filterShader.setUniform('texelSize', texelSize);
+                  this.filterShader.setUniform('canvasSize', [
+                    target.width,
+                    target.height
+                  ]);
+                  this.filterShader.setUniform('radius', Math.max(1, filterParameter));
+                  // Horiz pass: draw `target` to `tmp`
+                  tmp.draw(function () {
+                    _this2.filterShader.setUniform('direction', [
+                      1,
+                      0
+                    ]);
+                    _this2.filterShader.setUniform('tex0', target);
+                    _this2._pInst.clear();
+                    _this2._pInst.shader(_this2.filterShader);
+                    _this2._pInst.rect( - target.width / 2, - target.height / 2, target.width, target.height);
+                  });
+                  // Vert pass: draw `tmp` to `fbo`
+                  fbo.draw(function () {
+                    _this2.filterShader.setUniform('direction', [
+                      0,
+                      1
+                    ]);
+                    _this2.filterShader.setUniform('tex0', tmp);
+                    _this2._pInst.clear();
+                    _this2._pInst.shader(_this2.filterShader);
+                    _this2._pInst.rect( - target.width / 2, - target.height / 2, target.width, target.height);
+                  });
+                  this._pInst.pop();
+                }                // every other non-blur shader uses single pass
+                 else {
+                  fbo.draw(function () {
+                    _this2._pInst.noStroke();
+                    _this2._pInst.shader(_this2.filterShader);
+                    _this2.filterShader.setUniform('tex0', target);
+                    _this2.filterShader.setUniform('texelSize', texelSize);
+                    _this2.filterShader.setUniform('canvasSize', [
+                      target.width,
+                      target.height
+                    ]);
+                    // filterParameter uniform only used for POSTERIZE, and THRESHOLD
+                    // but shouldn't hurt to always set
+                    _this2.filterShader.setUniform('filterParameter', filterParameter);
+                    _this2._pInst.rect( - target.width / 2, - target.height / 2, target.width, target.height);
+                  });
+                }                // draw fbo contents onto main renderer.
+
+                this._pInst.push();
+                this._pInst.noStroke();
+                this.clear();
+                this._pInst.push();
+                this._pInst.imageMode(constants.CORNER);
+                this._pInst.blendMode(constants.BLEND);
+                this.filterCamera._resize();
+                this._pInst.setCamera(this.filterCamera);
+                this._pInst.resetMatrix();
+                this._pInst.image(fbo, - this.width / 2, - this.height / 2, this.width, this.height);
+                this._pInst.pop();
+                this._pInst.pop();
+              } // Pass this off to the host instance so that we can treat a renderer and a
+              // framebuffer the same in filter()
+
+            },
+            {
+              key: 'pixelDensity',
+              value: function pixelDensity(newDensity) {
+                if (newDensity) {
+                  return this._pInst.pixelDensity(newDensity);
+                }
+                return this._pInst.pixelDensity();
+              }
+            },
+            {
+              key: 'blendMode',
+              value: function blendMode(mode) {
+                if (mode === constants.DARKEST || mode === constants.LIGHTEST || mode === constants.ADD || mode === constants.BLEND || mode === constants.SUBTRACT || mode === constants.SCREEN || mode === constants.EXCLUSION || mode === constants.REPLACE || mode === constants.MULTIPLY || mode === constants.REMOVE) this.curBlendMode = mode;
+                 else if (mode === constants.BURN || mode === constants.OVERLAY || mode === constants.HARD_LIGHT || mode === constants.SOFT_LIGHT || mode === constants.DODGE) {
+                  console.warn('BURN, OVERLAY, HARD_LIGHT, SOFT_LIGHT, and DODGE only work for blendMode in 2D mode.');
+                }
+              }
+            },
+            {
+              key: 'erase',
+              value: function erase(opacityFill, opacityStroke) {
+                if (!this._isErasing) {
+                  this._cachedBlendMode = this.curBlendMode;
+                  this._isErasing = true;
+                  this.blendMode(constants.REMOVE);
+                  this._cachedFillStyle = this.curFillColor.slice();
+                  this.curFillColor = [
+                    1,
+                    1,
+                    1,
+                    opacityFill / 255
+                  ];
+                  this._cachedStrokeStyle = this.curStrokeColor.slice();
+                  this.curStrokeColor = [
+                    1,
+                    1,
+                    1,
+                    opacityStroke / 255
+                  ];
+                }
+              }
+            },
+            {
+              key: 'noErase',
+              value: function noErase() {
+                if (this._isErasing) {
+                  this.curFillColor = this._cachedFillStyle.slice();
+                  this.curStrokeColor = this._cachedStrokeStyle.slice();
+                  // It's necessary to restore post-erase state. Needs rework
+                  var temp = this.curBlendMode;
+                  this.blendMode(this._cachedBlendMode);
+                  this._cachedBlendMode = temp; // If we don't do this, applyBlendMode() returns null
+                  this._isErasing = false;
+                  this._applyBlendMode(); // This sets _cachedBlendMode back to the original blendmode
+                }
+              }
+            },
+            {
+              key: 'drawTarget',
+              value: function drawTarget() {
+                return this.activeFramebuffers[this.activeFramebuffers.length - 1] || this;
+              }
+            },
+            {
+              key: 'beginClip',
+              value: function beginClip() {
+                var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+                };
+                _get(_getPrototypeOf(RendererGL.prototype), 'beginClip', this).call(this, options);
+                this.drawTarget()._isClipApplied = true;
+                var gl = this.GL;
+                gl.clearStencil(0);
+                gl.clear(gl.STENCIL_BUFFER_BIT);
+                gl.enable(gl.STENCIL_TEST);
+                this._stencilTestOn = true;
+                gl.stencilFunc(gl.ALWAYS,                // the test
+                1,                // reference value
+                255 // mask
+                );
+                gl.stencilOp(gl.KEEP,                // what to do if the stencil test fails
+                gl.KEEP,                // what to do if the depth test fails
+                gl.REPLACE // what to do if both tests pass
+                );
+                gl.disable(gl.DEPTH_TEST);
+                this._pInst.push();
+                this._pInst.resetShader();
+                if (this._doFill) this._pInst.fill(0, 0);
+                if (this._doStroke) this._pInst.stroke(0, 0);
+              }
+            },
+            {
+              key: 'endClip',
+              value: function endClip() {
+                this._pInst.pop();
+                var gl = this.GL;
+                gl.stencilOp(gl.KEEP,                // what to do if the stencil test fails
+                gl.KEEP,                // what to do if the depth test fails
+                gl.KEEP // what to do if both tests pass
+                );
+                gl.stencilFunc(this._clipInvert ? gl.EQUAL : gl.NOTEQUAL,                // the test
+                0,                // reference value
+                255 // mask
+                );
+                gl.enable(gl.DEPTH_TEST);
+                // Mark the depth at which the clip has been applied so that we can clear it
+                // when we pop past this depth
+                this._clipDepths.push(this._pushPopDepth);
+                _get(_getPrototypeOf(RendererGL.prototype), 'endClip', this).call(this);
+              }
+            },
+            {
+              key: '_clearClip',
+              value: function _clearClip() {
+                this.GL.clearStencil(1);
+                this.GL.clear(this.GL.STENCIL_BUFFER_BIT);
+                if (this._clipDepths.length > 0) {
+                  this._clipDepths.pop();
+                }
+                this.drawTarget()._isClipApplied = false;
+              }              /**
+    * Change weight of stroke
+    * @method  strokeWeight
+    * @param  {Number} stroke weight to be used for drawing
+    * @example
+    * <div>
+    * <code>
+    * function setup() {
+    *   createCanvas(200, 400, WEBGL);
+    *   setAttributes('antialias', true);
+    * }
+    *
+    * function draw() {
+    *   background(0);
+    *   noStroke();
+    *   translate(0, -100, 0);
+    *   stroke(240, 150, 150);
+    *   fill(100, 100, 240);
+    *   push();
+    *   strokeWeight(8);
+    *   rotateX(frameCount * 0.01);
+    *   rotateY(frameCount * 0.01);
+    *   sphere(75);
+    *   pop();
+    *   push();
+    *   translate(0, 200, 0);
+    *   strokeWeight(1);
+    *   rotateX(frameCount * 0.01);
+    *   rotateY(frameCount * 0.01);
+    *   sphere(75);
+    *   pop();
+    * }
+    * </code>
+    * </div>
+    *
+    * @alt
+    * black canvas with two purple rotating spheres with pink
+    * outlines the sphere on top has much heavier outlines,
+    */
+
+            },
+            {
+              key: 'strokeWeight',
+              value: function strokeWeight(w) {
+                if (this.curStrokeWeight !== w) {
+                  this.pointSize = w;
+                  this.curStrokeWeight = w;
+                }
+              } // x,y are canvas-relative (pre-scaled by _pixelDensity)
+
+            },
+            {
+              key: '_getPixel',
+              value: function _getPixel(x, y) {
+                var gl = this.GL;
+                return readPixelWebGL(gl, null, x, y, gl.RGBA, gl.UNSIGNED_BYTE, this._pInst.height * this._pInst.pixelDensity());
+              }              /**
+    * Loads the pixels data for this canvas into the pixels[] attribute.
+    * Note that updatePixels() and set() do not work.
+    * Any pixel manipulation must be done directly to the pixels[] array.
+    *
+    * @private
+    * @method loadPixels
+    */
+
+            },
+            {
+              key: 'loadPixels',
+              value: function loadPixels() {
+                var pixelsState = this._pixelsState;
+                //@todo_FES
+                if (this._pInst._glAttributes.preserveDrawingBuffer !== true) {
+                  console.log('loadPixels only works in WebGL when preserveDrawingBuffer ' + 'is true.');
+                  return;
+                }
+                var pd = this._pInst._pixelDensity;
+                var gl = this.GL;
+                pixelsState._setProperty('pixels', readPixelsWebGL(pixelsState.pixels, gl, null, 0, 0, this.width * pd, this.height * pd, gl.RGBA, gl.UNSIGNED_BYTE, this.height * pd));
+              }
+            },
+            {
+              key: 'updatePixels',
+              value: function updatePixels() {
+                var fbo = this._getTempFramebuffer();
+                fbo.pixels = this._pixelsState.pixels;
+                fbo.updatePixels();
+                this._pInst.push();
+                this._pInst.resetMatrix();
+                this._pInst.clear();
+                this._pInst.imageMode(constants.CENTER);
+                this._pInst.image(fbo, 0, 0);
+                this._pInst.pop();
+                this.GL.clearDepth(1);
+                this.GL.clear(this.GL.DEPTH_BUFFER_BIT);
+              }              /**
+    * @private
+    * @returns {p5.Framebuffer} A p5.Framebuffer set to match the size and settings
+    * of the renderer's canvas. It will be created if it does not yet exist, and
+    * reused if it does.
+    */
+
+            },
+            {
+              key: '_getTempFramebuffer',
+              value: function _getTempFramebuffer() {
+                if (!this._tempFramebuffer) {
+                  this._tempFramebuffer = this._pInst.createFramebuffer({
+                    format: constants.UNSIGNED_BYTE,
+                    useDepth: this._pInst._glAttributes.depth,
+                    depthFormat: constants.UNSIGNED_INT,
+                    antialias: this._pInst._glAttributes.antialias
+                  });
+                }
+                return this._tempFramebuffer;
+              } //////////////////////////////////////////////
+              // HASH | for geometry
+              //////////////////////////////////////////////
+
+            },
+            {
+              key: 'geometryInHash',
+              value: function geometryInHash(gId) {
+                return this.retainedMode.geometry[gId] !== undefined;
+              }
+            },
+            {
+              key: 'viewport',
+              value: function viewport(w, h) {
+                this._viewport = [
+                  0,
+                  0,
+                  w,
+                  h
+                ];
+                this.GL.viewport(0, 0, w, h);
+              }              /**
+    * [resize description]
+    * @private
+    * @param  {Number} w [description]
+    * @param  {Number} h [description]
+    */
+
+            },
+            {
+              key: 'resize',
+              value: function resize(w, h) {
+                _main.default.Renderer.prototype.resize.call(this, w, h);
+                this._origViewport = {
+                  width: this.GL.drawingBufferWidth,
+                  height: this.GL.drawingBufferHeight
+                };
+                this.viewport(this._origViewport.width, this._origViewport.height);
+                this._curCamera._resize();
+                //resize pixels buffer
+                var pixelsState = this._pixelsState;
+                if (typeof pixelsState.pixels !== 'undefined') {
+                  pixelsState._setProperty('pixels', new Uint8Array(this.GL.drawingBufferWidth * this.GL.drawingBufferHeight * 4));
+                }
+                var _iteratorNormalCompletion = true;
+                var _didIteratorError = false;
+                var _iteratorError = undefined;
+                try {
+                  for (var _iterator = this.framebuffers[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+                    var framebuffer = _step.value;
+                    // Notify framebuffers of the resize so that any auto-sized framebuffers
+                    // can also update their size
+                    framebuffer._canvasSizeChanged();
+                  }
+                } catch (err) {
+                  _didIteratorError = true;
+                  _iteratorError = err;
+                } finally {
+                  try {
+                    if (!_iteratorNormalCompletion && _iterator.return != null) {
+                      _iterator.return();
+                    }
+                  } finally {
+                    if (_didIteratorError) {
+                      throw _iteratorError;
+                    }
+                  }
+                }
+              }              /**
+    * clears color and depth buffers
+    * with r,g,b,a
+    * @private
+    * @param {Number} r normalized red val.
+    * @param {Number} g normalized green val.
+    * @param {Number} b normalized blue val.
+    * @param {Number} a normalized alpha val.
+    */
+
+            },
+            {
+              key: 'clear',
+              value: function clear() {
+                var _r = (arguments.length <= 0 ? undefined : arguments[0]) || 0;
+                var _g = (arguments.length <= 1 ? undefined : arguments[1]) || 0;
+                var _b = (arguments.length <= 2 ? undefined : arguments[2]) || 0;
+                var _a = (arguments.length <= 3 ? undefined : arguments[3]) || 0;
+                var activeFramebuffer = this.activeFramebuffer();
+                if (activeFramebuffer && activeFramebuffer.format === constants.UNSIGNED_BYTE && !activeFramebuffer.antialias && _a === 0) {
+                  // Drivers on Intel Macs check for 0,0,0,0 exactly when drawing to a
+                  // framebuffer and ignore the command if it's the only drawing command to
+                  // the framebuffer. To work around it, we can set the alpha to a value so
+                  // low that it still rounds down to 0, but that circumvents the buggy
+                  // check in the driver.
+                  _a = 1e-10;
+                }
+                this.GL.clearColor(_r * _a, _g * _a, _b * _a, _a);
+                this.GL.clearDepth(1);
+                this.GL.clear(this.GL.COLOR_BUFFER_BIT | this.GL.DEPTH_BUFFER_BIT);
+              }
+            },
+            {
+              key: 'applyMatrix',
+              value: function applyMatrix(a, b, c, d, e, f) {
+                if (arguments.length === 16) {
+                  _main.default.Matrix.prototype.apply.apply(this.uMVMatrix, arguments);
+                } else {
+                  this.uMVMatrix.apply([a,
+                  b,
+                  0,
+                  0,
+                  c,
+                  d,
+                  0,
+                  0,
+                  0,
+                  0,
+                  1,
+                  0,
+                  e,
+                  f,
+                  0,
+                  1]);
+                }
+              }              /**
+    * [translate description]
+    * @private
+    * @param  {Number} x [description]
+    * @param  {Number} y [description]
+    * @param  {Number} z [description]
+    * @chainable
+    * @todo implement handle for components or vector as args
+    */
+
+            },
+            {
+              key: 'translate',
+              value: function translate(x, y, z) {
+                if (x instanceof _main.default.Vector) {
+                  z = x.z;
+                  y = x.y;
+                  x = x.x;
+                }
+                this.uMVMatrix.translate([x,
+                y,
+                z]);
+                return this;
+              }              /**
+    * Scales the Model View Matrix by a vector
+    * @private
+    * @param  {Number | p5.Vector | Array} x [description]
+    * @param  {Number} [y] y-axis scalar
+    * @param  {Number} [z] z-axis scalar
+    * @chainable
+    */
+
+            },
+            {
+              key: 'scale',
+              value: function scale(x, y, z) {
+                this.uMVMatrix.scale(x, y, z);
+                return this;
+              }
+            },
+            {
+              key: 'rotate',
+              value: function rotate(rad, axis) {
+                if (typeof axis === 'undefined') {
+                  return this.rotateZ(rad);
+                }
+                _main.default.Matrix.prototype.rotate.apply(this.uMVMatrix, arguments);
+                return this;
+              }
+            },
+            {
+              key: 'rotateX',
+              value: function rotateX(rad) {
+                this.rotate(rad, 1, 0, 0);
+                return this;
+              }
+            },
+            {
+              key: 'rotateY',
+              value: function rotateY(rad) {
+                this.rotate(rad, 0, 1, 0);
+                return this;
+              }
+            },
+            {
+              key: 'rotateZ',
+              value: function rotateZ(rad) {
+                this.rotate(rad, 0, 0, 1);
+                return this;
+              }
+            },
+            {
+              key: 'push',
+              value: function push() {
+                // get the base renderer style
+                var style = _main.default.Renderer.prototype.push.apply(this);
+                // add webgl-specific style properties
+                var properties = style.properties;
+                properties.uMVMatrix = this.uMVMatrix.copy();
+                properties.uPMatrix = this.uPMatrix.copy();
+                properties._curCamera = this._curCamera;
+                // make a copy of the current camera for the push state
+                // this preserves any references stored using 'createCamera'
+                this._curCamera = this._curCamera.copy();
+                properties.ambientLightColors = this.ambientLightColors.slice();
+                properties.specularColors = this.specularColors.slice();
+                properties.directionalLightDirections = this.directionalLightDirections.slice();
+                properties.directionalLightDiffuseColors = this.directionalLightDiffuseColors.slice();
+                properties.directionalLightSpecularColors = this.directionalLightSpecularColors.slice();
+                properties.pointLightPositions = this.pointLightPositions.slice();
+                properties.pointLightDiffuseColors = this.pointLightDiffuseColors.slice();
+                properties.pointLightSpecularColors = this.pointLightSpecularColors.slice();
+                properties.spotLightPositions = this.spotLightPositions.slice();
+                properties.spotLightDirections = this.spotLightDirections.slice();
+                properties.spotLightDiffuseColors = this.spotLightDiffuseColors.slice();
+                properties.spotLightSpecularColors = this.spotLightSpecularColors.slice();
+                properties.spotLightAngle = this.spotLightAngle.slice();
+                properties.spotLightConc = this.spotLightConc.slice();
+                properties.userFillShader = this.userFillShader;
+                properties.userStrokeShader = this.userStrokeShader;
+                properties.userPointShader = this.userPointShader;
+                properties.pointSize = this.pointSize;
+                properties.curStrokeWeight = this.curStrokeWeight;
+                properties.curStrokeColor = this.curStrokeColor;
+                properties.curFillColor = this.curFillColor;
+                properties.curAmbientColor = this.curAmbientColor;
+                properties.curSpecularColor = this.curSpecularColor;
+                properties.curEmissiveColor = this.curEmissiveColor;
+                properties._hasSetAmbient = this._hasSetAmbient;
+                properties._useSpecularMaterial = this._useSpecularMaterial;
+                properties._useEmissiveMaterial = this._useEmissiveMaterial;
+                properties._useShininess = this._useShininess;
+                properties.constantAttenuation = this.constantAttenuation;
+                properties.linearAttenuation = this.linearAttenuation;
+                properties.quadraticAttenuation = this.quadraticAttenuation;
+                properties._enableLighting = this._enableLighting;
+                properties._useNormalMaterial = this._useNormalMaterial;
+                properties._tex = this._tex;
+                properties.drawMode = this.drawMode;
+                properties._currentNormal = this._currentNormal;
+                properties.curBlendMode = this.curBlendMode;
+                // So that the activeImageLight gets reset in push/pop
+                properties.activeImageLight = this.activeImageLight;
+                return style;
+              }
+            },
+            {
+              key: 'pop',
+              value: function pop() {
+                var _get2;
+                if (this._clipDepths.length > 0 && this._pushPopDepth === this._clipDepths[this._clipDepths.length - 1]) {
+                  this._clearClip();
+                }
+                for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+                  args[_key] = arguments[_key];
+                }(_get2 = _get(_getPrototypeOf(RendererGL.prototype), 'pop', this)).call.apply(_get2, [
+                  this
+                ].concat(args));
+                this._applyStencilTestIfClipping();
+              }
+            },
+            {
+              key: '_applyStencilTestIfClipping',
+              value: function _applyStencilTestIfClipping() {
+                var drawTarget = this.drawTarget();
+                if (drawTarget._isClipApplied !== this._stencilTestOn) {
+                  if (drawTarget._isClipApplied) {
+                    this.GL.enable(this.GL.STENCIL_TEST);
+                    this._stencilTestOn = true;
+                  } else {
+                    this.GL.disable(this.GL.STENCIL_TEST);
+                    this._stencilTestOn = false;
+                  }
+                }
+              }
+            },
+            {
+              key: 'resetMatrix',
+              value: function resetMatrix() {
+                this.uMVMatrix.set(this._curCamera.cameraMatrix.mat4[0], this._curCamera.cameraMatrix.mat4[1], this._curCamera.cameraMatrix.mat4[2], this._curCamera.cameraMatrix.mat4[3], this._curCamera.cameraMatrix.mat4[4], this._curCamera.cameraMatrix.mat4[5], this._curCamera.cameraMatrix.mat4[6], this._curCamera.cameraMatrix.mat4[7], this._curCamera.cameraMatrix.mat4[8], this._curCamera.cameraMatrix.mat4[9], this._curCamera.cameraMatrix.mat4[10], this._curCamera.cameraMatrix.mat4[11], this._curCamera.cameraMatrix.mat4[12], this._curCamera.cameraMatrix.mat4[13], this._curCamera.cameraMatrix.mat4[14], this._curCamera.cameraMatrix.mat4[15]);
+                return this;
+              } //////////////////////////////////////////////
+              // SHADER
+              //////////////////////////////////////////////
+              /*
+    * shaders are created and cached on a per-renderer basis,
+    * on the grounds that each renderer will have its own gl context
+    * and the shader must be valid in that context.
+    */
+
+            },
+            {
+              key: '_getImmediateStrokeShader',
+              value: function _getImmediateStrokeShader() {
+                // select the stroke shader to use
+                var stroke = this.userStrokeShader;
+                if (!stroke || !stroke.isStrokeShader()) {
+                  return this._getLineShader();
+                }
+                return stroke;
+              }
+            },
+            {
+              key: '_getRetainedStrokeShader',
+              value: function _getRetainedStrokeShader() {
+                return this._getImmediateStrokeShader();
+              }              /*
+     * selects which fill shader should be used based on renderer state,
+     * for use with begin/endShape and immediate vertex mode.
+     */
+
+            },
+            {
+              key: '_getImmediateFillShader',
+              value: function _getImmediateFillShader() {
+                var fill = this.userFillShader;
+                if (this._useNormalMaterial) {
+                  if (!fill || !fill.isNormalShader()) {
+                    return this._getNormalShader();
+                  }
+                }
+                if (this._enableLighting) {
+                  if (!fill || !fill.isLightShader()) {
+                    return this._getLightShader();
+                  }
+                } else if (this._tex) {
+                  if (!fill || !fill.isTextureShader()) {
+                    return this._getLightShader();
+                  }
+                } else if (!fill /*|| !fill.isColorShader()*/ ) {
+                  return this._getImmediateModeShader();
+                }
+                return fill;
+              }              /*
+     * selects which fill shader should be used based on renderer state
+     * for retained mode.
+     */
+
+            },
+            {
+              key: '_getRetainedFillShader',
+              value: function _getRetainedFillShader() {
+                if (this._useNormalMaterial) {
+                  return this._getNormalShader();
+                }
+                var fill = this.userFillShader;
+                if (this._enableLighting) {
+                  if (!fill || !fill.isLightShader()) {
+                    return this._getLightShader();
+                  }
+                } else if (this._tex) {
+                  if (!fill || !fill.isTextureShader()) {
+                    return this._getLightShader();
+                  }
+                } else if (!fill /* || !fill.isColorShader()*/ ) {
+                  return this._getColorShader();
+                }
+                return fill;
+              }
+            },
+            {
+              key: '_getImmediatePointShader',
+              value: function _getImmediatePointShader() {
+                // select the point shader to use
+                var point = this.userPointShader;
+                if (!point || !point.isPointShader()) {
+                  return this._getPointShader();
+                }
+                return point;
+              }
+            },
+            {
+              key: '_getRetainedLineShader',
+              value: function _getRetainedLineShader() {
+                return this._getImmediateLineShader();
+              }
+            },
+            {
+              key: '_getLightShader',
+              value: function _getLightShader() {
+                if (!this._defaultLightShader) {
+                  if (this._pInst._glAttributes.perPixelLighting) {
+                    this._defaultLightShader = new _main.default.Shader(this, this._webGL2CompatibilityPrefix('vert', 'highp') + defaultShaders.phongVert, this._webGL2CompatibilityPrefix('frag', 'highp') + defaultShaders.phongFrag);
+                  } else {
+                    this._defaultLightShader = new _main.default.Shader(this, this._webGL2CompatibilityPrefix('vert', 'highp') + defaultShaders.lightVert, this._webGL2CompatibilityPrefix('frag', 'highp') + defaultShaders.lightTextureFrag);
+                  }
+                }
+                return this._defaultLightShader;
+              }
+            },
+            {
+              key: '_getImmediateModeShader',
+              value: function _getImmediateModeShader() {
+                if (!this._defaultImmediateModeShader) {
+                  this._defaultImmediateModeShader = new _main.default.Shader(this, this._webGL2CompatibilityPrefix('vert', 'mediump') + defaultShaders.immediateVert, this._webGL2CompatibilityPrefix('frag', 'mediump') + defaultShaders.vertexColorFrag);
+                }
+                return this._defaultImmediateModeShader;
+              }
+            },
+            {
+              key: '_getNormalShader',
+              value: function _getNormalShader() {
+                if (!this._defaultNormalShader) {
+                  this._defaultNormalShader = new _main.default.Shader(this, this._webGL2CompatibilityPrefix('vert', 'mediump') + defaultShaders.normalVert, this._webGL2CompatibilityPrefix('frag', 'mediump') + defaultShaders.normalFrag);
+                }
+                return this._defaultNormalShader;
+              }
+            },
+            {
+              key: '_getColorShader',
+              value: function _getColorShader() {
+                if (!this._defaultColorShader) {
+                  this._defaultColorShader = new _main.default.Shader(this, this._webGL2CompatibilityPrefix('vert', 'mediump') + defaultShaders.normalVert, this._webGL2CompatibilityPrefix('frag', 'mediump') + defaultShaders.basicFrag);
+                }
+                return this._defaultColorShader;
+              }
+            },
+            {
+              key: '_getPointShader',
+              value: function _getPointShader() {
+                if (!this._defaultPointShader) {
+                  this._defaultPointShader = new _main.default.Shader(this, this._webGL2CompatibilityPrefix('vert', 'mediump') + defaultShaders.pointVert, this._webGL2CompatibilityPrefix('frag', 'mediump') + defaultShaders.pointFrag);
+                }
+                return this._defaultPointShader;
+              }
+            },
+            {
+              key: '_getLineShader',
+              value: function _getLineShader() {
+                if (!this._defaultLineShader) {
+                  this._defaultLineShader = new _main.default.Shader(this, this._webGL2CompatibilityPrefix('vert', 'mediump') + defaultShaders.lineVert, this._webGL2CompatibilityPrefix('frag', 'mediump') + defaultShaders.lineFrag);
+                }
+                return this._defaultLineShader;
+              }
+            },
+            {
+              key: '_getFontShader',
+              value: function _getFontShader() {
+                if (!this._defaultFontShader) {
+                  if (this.webglVersion === constants.WEBGL) {
+                    this.GL.getExtension('OES_standard_derivatives');
+                  }
+                  this._defaultFontShader = new _main.default.Shader(this, this._webGL2CompatibilityPrefix('vert', 'mediump') + defaultShaders.fontVert, this._webGL2CompatibilityPrefix('frag', 'mediump') + defaultShaders.fontFrag);
+                }
+                return this._defaultFontShader;
+              }
+            },
+            {
+              key: '_webGL2CompatibilityPrefix',
+              value: function _webGL2CompatibilityPrefix(shaderType, floatPrecision) {
+                var code = '';
+                if (this.webglVersion === constants.WEBGL2) {
+                  code += '#version 300 es\n#define WEBGL2\n';
+                }
+                if (shaderType === 'vert') {
+                  code += '#define VERTEX_SHADER\n';
+                } else if (shaderType === 'frag') {
+                  code += '#define FRAGMENT_SHADER\n';
+                }
+                if (floatPrecision) {
+                  code += 'precision '.concat(floatPrecision, ' float;\n');
+                }
+                return code;
+              }
+            },
+            {
+              key: '_getEmptyTexture',
+              value: function _getEmptyTexture() {
+                if (!this._emptyTexture) {
+                  // a plain white texture RGBA, full alpha, single pixel.
+                  var im = new _main.default.Image(1, 1);
+                  im.set(0, 0, 255);
+                  this._emptyTexture = new _main.default.Texture(this, im);
+                }
+                return this._emptyTexture;
+              }
+            },
+            {
+              key: 'getTexture',
+              value: function getTexture(input) {
+                var src = input;
+                if (src instanceof _main.default.Framebuffer) {
+                  src = src.color;
+                }
+                var texture = this.textures.get(src);
+                if (texture) {
+                  return texture;
+                }
+                var tex = new _main.default.Texture(this, src);
+                this.textures.set(src, tex);
+                return tex;
+              }              /*
+      *  used in imageLight,
+      *  To create a blurry image from the input non blurry img, if it doesn't already exist
+      *  Add it to the diffusedTexture map,
+      *  Returns the blurry image
+      *  maps a p5.Image used by imageLight() to a p5.Graphics
+     */
+
+            },
+            {
+              key: 'getDiffusedTexture',
+              value: function getDiffusedTexture(input) {
+                // if one already exists for a given input image
+                if (this.diffusedTextures.get(input) != null) {
+                  return this.diffusedTextures.get(input);
+                }                // if not, only then create one
+
+                var newGraphic; // maybe switch to framebuffer
+                // hardcoded to 200px, because it's going to be blurry and smooth
+                var smallWidth = 200;
+                var width = smallWidth;
+                var height = Math.floor(smallWidth * (input.height / input.width));
+                newGraphic = this._pInst.createGraphics(width, height, constants.WEBGL);
+                // create graphics is like making a new sketch, all functions on main
+                // sketch it would be available on graphics
+                var irradiance = newGraphic.createShader(defaultShaders.imageLightVert, defaultShaders.imageLightDiffusedFrag);
+                newGraphic.shader(irradiance);
+                irradiance.setUniform('environmentMap', input);
+                newGraphic.noStroke();
+                newGraphic.rectMode(newGraphic.CENTER);
+                newGraphic.rect(0, 0, newGraphic.width, newGraphic.height);
+                this.diffusedTextures.set(input, newGraphic);
+                return newGraphic;
+              }              /*
+     *  used in imageLight,
+     *  To create a texture from the input non blurry image, if it doesn't already exist
+     *  Creating 8 different levels of textures according to different
+     *  sizes and atoring them in `levels` array
+     *  Creating a new Mipmap texture with that `levels` array
+     *  Storing the texture for input image in map called `specularTextures`
+     *  maps the input p5.Image to a p5.MipmapTexture
+     */
+
+            },
+            {
+              key: 'getSpecularTexture',
+              value: function getSpecularTexture(input) {
+                // check if already exits (there are tex of diff resolution so which one to check)
+                // currently doing the whole array
+                if (this.specularTextures.get(input) != null) {
+                  return this.specularTextures.get(input);
+                }                // Hardcoded size
+
+                var size = 512;
+                var tex;
+                var levels = [
+                ];
+                var graphic = this._pInst.createGraphics(size, size, constants.WEBGL);
+                var count = Math.log(size) / Math.log(2);
+                graphic.pixelDensity(1);
+                // currently only 8 levels
+                // This loop calculates 8 graphics of varying size of canvas
+                // and corresponding different roughness levels.
+                // Roughness increases with the decrease in canvas size,
+                // because rougher surfaces have less detailed/more blurry reflections.
+                for (var w = size; w >= 1; w /= 2) {
+                  graphic.resizeCanvas(w, w);
+                  var currCount = Math.log(w) / Math.log(2);
+                  var roughness = 1 - currCount / count;
+                  var myShader = graphic.createShader(defaultShaders.imageLightVert, defaultShaders.imageLightSpecularFrag);
+                  graphic.shader(myShader);
+                  graphic.clear();
+                  myShader.setUniform('environmentMap', input);
+                  myShader.setUniform('roughness', roughness);
+                  graphic.noStroke();
+                  graphic.plane(w, w);
+                  levels.push(graphic.get().drawingContext.getImageData(0, 0, w, w));
+                }
+                graphic.remove();
+                tex = new _p6.MipmapTexture(this, levels, {
+                });
+                this.specularTextures.set(input, tex);
+                return tex;
+              }              /**
+     * @method activeFramebuffer
+     * @private
+     * @returns {p5.Framebuffer|null} The currently active framebuffer, or null if
+     * the main canvas is the current draw target.
+     */
+
+            },
+            {
+              key: 'activeFramebuffer',
+              value: function activeFramebuffer() {
+                return this.activeFramebuffers[this.activeFramebuffers.length - 1] || null;
+              }
+            },
+            {
+              key: 'createFramebuffer',
+              value: function createFramebuffer(options) {
+                return new _main.default.Framebuffer(this, options);
+              }
+            },
+            {
+              key: '_setStrokeUniforms',
+              value: function _setStrokeUniforms(strokeShader) {
+                strokeShader.bindShader();
+                // set the uniform values
+                strokeShader.setUniform('uUseLineColor', this._useLineColor);
+                strokeShader.setUniform('uMaterialColor', this.curStrokeColor);
+                strokeShader.setUniform('uStrokeWeight', this.curStrokeWeight);
+                strokeShader.setUniform('uStrokeCap', STROKE_CAP_ENUM[this.curStrokeCap]);
+                strokeShader.setUniform('uStrokeJoin', STROKE_JOIN_ENUM[this.curStrokeJoin]);
+              }
+            },
+            {
+              key: '_setFillUniforms',
+              value: function _setFillUniforms(fillShader) {
+                fillShader.bindShader();
+                // TODO: optimize
+                fillShader.setUniform('uUseVertexColor', this._useVertexColor);
+                fillShader.setUniform('uMaterialColor', this.curFillColor);
+                fillShader.setUniform('isTexture', !!this._tex);
+                if (this._tex) {
+                  fillShader.setUniform('uSampler', this._tex);
+                }
+                fillShader.setUniform('uTint', this._tint);
+                fillShader.setUniform('uHasSetAmbient', this._hasSetAmbient);
+                fillShader.setUniform('uAmbientMatColor', this.curAmbientColor);
+                fillShader.setUniform('uSpecularMatColor', this.curSpecularColor);
+                fillShader.setUniform('uEmissiveMatColor', this.curEmissiveColor);
+                fillShader.setUniform('uSpecular', this._useSpecularMaterial);
+                fillShader.setUniform('uEmissive', this._useEmissiveMaterial);
+                fillShader.setUniform('uShininess', this._useShininess);
+                this._setImageLightUniforms(fillShader);
+                fillShader.setUniform('uUseLighting', this._enableLighting);
+                var pointLightCount = this.pointLightDiffuseColors.length / 3;
+                fillShader.setUniform('uPointLightCount', pointLightCount);
+                fillShader.setUniform('uPointLightLocation', this.pointLightPositions);
+                fillShader.setUniform('uPointLightDiffuseColors', this.pointLightDiffuseColors);
+                fillShader.setUniform('uPointLightSpecularColors', this.pointLightSpecularColors);
+                var directionalLightCount = this.directionalLightDiffuseColors.length / 3;
+                fillShader.setUniform('uDirectionalLightCount', directionalLightCount);
+                fillShader.setUniform('uLightingDirection', this.directionalLightDirections);
+                fillShader.setUniform('uDirectionalDiffuseColors', this.directionalLightDiffuseColors);
+                fillShader.setUniform('uDirectionalSpecularColors', this.directionalLightSpecularColors);
+                // TODO: sum these here...
+                var ambientLightCount = this.ambientLightColors.length / 3;
+                fillShader.setUniform('uAmbientLightCount', ambientLightCount);
+                fillShader.setUniform('uAmbientColor', this.ambientLightColors);
+                var spotLightCount = this.spotLightDiffuseColors.length / 3;
+                fillShader.setUniform('uSpotLightCount', spotLightCount);
+                fillShader.setUniform('uSpotLightAngle', this.spotLightAngle);
+                fillShader.setUniform('uSpotLightConc', this.spotLightConc);
+                fillShader.setUniform('uSpotLightDiffuseColors', this.spotLightDiffuseColors);
+                fillShader.setUniform('uSpotLightSpecularColors', this.spotLightSpecularColors);
+                fillShader.setUniform('uSpotLightLocation', this.spotLightPositions);
+                fillShader.setUniform('uSpotLightDirection', this.spotLightDirections);
+                fillShader.setUniform('uConstantAttenuation', this.constantAttenuation);
+                fillShader.setUniform('uLinearAttenuation', this.linearAttenuation);
+                fillShader.setUniform('uQuadraticAttenuation', this.quadraticAttenuation);
+                fillShader.bindTextures();
+              } // getting called from _setFillUniforms
+
+            },
+            {
+              key: '_setImageLightUniforms',
+              value: function _setImageLightUniforms(shader) {
+                //set uniform values
+                shader.setUniform('uUseImageLight', this.activeImageLight != null);
+                // true
+                if (this.activeImageLight) {
+                  // this.activeImageLight has image as a key
+                  // look up the texture from the diffusedTexture map
+                  var diffusedLight = this.getDiffusedTexture(this.activeImageLight);
+                  shader.setUniform('environmentMapDiffused', diffusedLight);
+                  var specularLight = this.getSpecularTexture(this.activeImageLight);
+                  // In p5js the range of shininess is >= 1,
+                  // Therefore roughness range will be ([0,1]*8)*20 or [0, 160]
+                  // The factor of 8 is because currently the getSpecularTexture
+                  // only calculated 8 different levels of roughness
+                  // The factor of 20 is just to spread up this range so that,
+                  // [1, max] of shininess is converted to [0,160] of roughness
+                  var roughness = 20 / this._useShininess;
+                  shader.setUniform('levelOfDetail', roughness * 8);
+                  shader.setUniform('environmentMapSpecular', specularLight);
+                }
+              }
+            },
+            {
+              key: '_setPointUniforms',
+              value: function _setPointUniforms(pointShader) {
+                pointShader.bindShader();
+                // set the uniform values
+                pointShader.setUniform('uMaterialColor', this.curStrokeColor);
+                // @todo is there an instance where this isn't stroke weight?
+                // should be they be same var?
+                pointShader.setUniform('uPointSize', this.pointSize * this._pInst._pixelDensity);
+              }              /* Binds a buffer to the drawing context
+     * when passed more than two arguments it also updates or initializes
+     * the data associated with the buffer
+     */
+
+            },
+            {
+              key: '_bindBuffer',
+              value: function _bindBuffer(buffer, target, values, type, usage) {
+                if (!target) target = this.GL.ARRAY_BUFFER;
+                this.GL.bindBuffer(target, buffer);
+                if (values !== undefined) {
+                  var data = values;
+                  if (values instanceof _main.default.DataArray) {
+                    data = values.dataArray();
+                  } else if (!(data instanceof (type || Float32Array))) {
+                    data = new (type || Float32Array) (data);
+                  }
+                  this.GL.bufferData(target, data, usage || this.GL.STATIC_DRAW);
+                }
+              } ///////////////////////////////
+              //// UTILITY FUNCTIONS
+              //////////////////////////////
+
+            },
+            {
+              key: '_arraysEqual',
+              value: function _arraysEqual(a, b) {
+                var aLength = a.length;
+                if (aLength !== b.length) return false;
+                return a.every(function (ai, i) {
+                  return ai === b[i];
+                });
+              }
+            },
+            {
+              key: '_isTypedArray',
+              value: function _isTypedArray(arr) {
+                return [Float32Array,
+                Float64Array,
+                Int16Array,
+                Uint16Array,
+                Uint32Array].some(function (x) {
+                  return arr instanceof x;
+                });
+              }              /**
+     * turn a two dimensional array into one dimensional array
+     * @private
+     * @param  {Array} arr 2-dimensional array
+     * @return {Array}     1-dimensional array
+     * [[1, 2, 3],[4, 5, 6]] -> [1, 2, 3, 4, 5, 6]
+     */
+
+            },
+            {
+              key: '_flatten',
+              value: function _flatten(arr) {
+                //when empty, return empty
+                if (arr.length === 0) {
+                  return [];
+                } else if (arr.length > 20000) {
+                  //big models , load slower to avoid stack overflow
+                  //faster non-recursive flatten via axelduch
+                  //stackoverflow.com/questions/27266550/how-to-flatten-nested-array-in-javascript
+                  var result = [
+                  ];
+                  var nodes = arr.slice();
+                  var node;
+                  node = nodes.pop();
+                  do {
+                    if (Array.isArray(node)) {
+                      nodes.push.apply(nodes, _toConsumableArray(node));
+                    } else {
+                      result.push(node);
+                    }
+                  } while (nodes.length && (node = nodes.pop()) !== undefined);
+                  result.reverse(); // we reverse result to restore the original order
+                  return result;
+                } else {
+                  var _ref;
+                  //otherwise if model within limits for browser
+                  //use faster recursive loading
+                  return (_ref = [
+                  ]).concat.apply(_ref, _toConsumableArray(arr));
+                }
+              }              /**
+     * turn a p5.Vector Array into a one dimensional number array
+     * @private
+     * @param  {p5.Vector[]} arr  an array of p5.Vector
+     * @return {Number[]}     a one dimensional array of numbers
+     * [p5.Vector(1, 2, 3), p5.Vector(4, 5, 6)] ->
+     * [1, 2, 3, 4, 5, 6]
+     */
+
+            },
+            {
+              key: '_vToNArray',
+              value: function _vToNArray(arr) {
+                var ret = [
+                ];
+                var _iteratorNormalCompletion2 = true;
+                var _didIteratorError2 = false;
+                var _iteratorError2 = undefined;
+                try {
+                  for (var _iterator2 = arr[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+                    var item = _step2.value;
+                    ret.push(item.x, item.y, item.z);
+                  }
+                } catch (err) {
+                  _didIteratorError2 = true;
+                  _iteratorError2 = err;
+                } finally {
+                  try {
+                    if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
+                      _iterator2.return();
+                    }
+                  } finally {
+                    if (_didIteratorError2) {
+                      throw _iteratorError2;
+                    }
+                  }
+                }
+                return ret;
+              } // function to calculate BezierVertex Coefficients
+
+            },
+            {
+              key: '_bezierCoefficients',
+              value: function _bezierCoefficients(t) {
+                var t2 = t * t;
+                var t3 = t2 * t;
+                var mt = 1 - t;
+                var mt2 = mt * mt;
+                var mt3 = mt2 * mt;
+                return [mt3,
+                3 * mt2 * t,
+                3 * mt * t2,
+                t3];
+              } // function to calculate QuadraticVertex Coefficients
+
+            },
+            {
+              key: '_quadraticCoefficients',
+              value: function _quadraticCoefficients(t) {
+                var t2 = t * t;
+                var mt = 1 - t;
+                var mt2 = mt * mt;
+                return [mt2,
+                2 * mt * t,
+                t2];
+              } // function to convert Bezier coordinates to Catmull Rom Splines
+
+            },
+            {
+              key: '_bezierToCatmull',
+              value: function _bezierToCatmull(w) {
+                var p1 = w[1];
+                var p2 = w[1] + (w[2] - w[0]) / this._curveTightness;
+                var p3 = w[2] - (w[3] - w[1]) / this._curveTightness;
+                var p4 = w[2];
+                var p = [
+                  p1,
+                  p2,
+                  p3,
+                  p4
+                ];
+                return p;
+              }
+            },
+            {
+              key: '_initTessy',
+              value: function _initTessy() {
+                // function called for each vertex of tesselator output
+                function vertexCallback(data, polyVertArray) {
+                  for (var i = 0; i < data.length; i++) {
+                    polyVertArray.push(data[i]);
+                  }
+                }
+                function begincallback(type) {
+                  if (type !== _libtess.default.primitiveType.GL_TRIANGLES) {
+                    console.log('expected TRIANGLES but got type: '.concat(type));
+                  }
+                }
+                function errorcallback(errno) {
+                  console.log('error callback');
+                  console.log('error number: '.concat(errno));
+                }                // callback for when segments intersect and must be split
+
+                function combinecallback(coords, data, weight) {
+                  var result = new Array(_main.default.RendererGL.prototype.tessyVertexSize).fill(0);
+                  for (var i = 0; i < weight.length; i++) {
+                    for (var j = 0; j < result.length; j++) {
+                      if (weight[i] === 0 || !data[i]) continue;
+                      result[j] += data[i][j] * weight[i];
+                    }
+                  }
+                  return result;
+                }
+                function edgeCallback(flag) {
+                  // don't really care about the flag, but need no-strip/no-fan behavior
+                }
+                var tessy = new _libtess.default.GluTesselator();
+                tessy.gluTessCallback(_libtess.default.gluEnum.GLU_TESS_VERTEX_DATA, vertexCallback);
+                tessy.gluTessCallback(_libtess.default.gluEnum.GLU_TESS_BEGIN, begincallback);
+                tessy.gluTessCallback(_libtess.default.gluEnum.GLU_TESS_ERROR, errorcallback);
+                tessy.gluTessCallback(_libtess.default.gluEnum.GLU_TESS_COMBINE, combinecallback);
+                tessy.gluTessCallback(_libtess.default.gluEnum.GLU_TESS_EDGE_FLAG, edgeCallback);
+                tessy.gluTessProperty(_libtess.default.gluEnum.GLU_TESS_WINDING_RULE, _libtess.default.windingRule.GLU_TESS_WINDING_NONZERO);
+                return tessy;
+              }
+            },
+            {
+              key: '_triangulate',
+              value: function _triangulate(contours) {
+                // libtess will take 3d verts and flatten to a plane for tesselation.
+                // libtess is capable of calculating a plane to tesselate on, but
+                // if all of the vertices have the same z values, we'll just
+                // assume the face is facing the camera, letting us skip any performance
+                // issues or bugs in libtess's automatic calculation.
+                var z = contours[0] ? contours[0][2] : undefined;
+                var allSameZ = true;
+                var _iteratorNormalCompletion3 = true;
+                var _didIteratorError3 = false;
+                var _iteratorError3 = undefined;
+                try {
+                  for (var _iterator3 = contours[Symbol.iterator](), _step3; !(_iteratorNormalCompletion3 = (_step3 = _iterator3.next()).done); _iteratorNormalCompletion3 = true) {
+                    var contour = _step3.value;
+                    for (var j = 0; j < contour.length; j += _main.default.RendererGL.prototype.tessyVertexSize) {
+                      if (contour[j + 2] !== z) {
+                        allSameZ = false;
+                        break;
+                      }
+                    }
+                  }
+                } catch (err) {
+                  _didIteratorError3 = true;
+                  _iteratorError3 = err;
+                } finally {
+                  try {
+                    if (!_iteratorNormalCompletion3 && _iterator3.return != null) {
+                      _iterator3.return();
+                    }
+                  } finally {
+                    if (_didIteratorError3) {
+                      throw _iteratorError3;
+                    }
+                  }
+                }
+                if (allSameZ) {
+                  this._tessy.gluTessNormal(0, 0, 1);
+                } else {
+                  // Let libtess pick a plane for us
+                  this._tessy.gluTessNormal(0, 0, 0);
+                }
+                var triangleVerts = [
+                ];
+                this._tessy.gluTessBeginPolygon(triangleVerts);
+                var _iteratorNormalCompletion4 = true;
+                var _didIteratorError4 = false;
+                var _iteratorError4 = undefined;
+                try {
+                  for (var _iterator4 = contours[Symbol.iterator](), _step4; !(_iteratorNormalCompletion4 = (_step4 = _iterator4.next()).done); _iteratorNormalCompletion4 = true) {
+                    var _contour = _step4.value;
+                    this._tessy.gluTessBeginContour();
+                    for (var _j = 0; _j < _contour.length; _j += _main.default.RendererGL.prototype.tessyVertexSize) {
+                      var coords = _contour.slice(_j, _j + _main.default.RendererGL.prototype.tessyVertexSize);
+                      this._tessy.gluTessVertex(coords, coords);
+                    }
+                    this._tessy.gluTessEndContour();
+                  }                  // finish polygon
+
+                } catch (err) {
+                  _didIteratorError4 = true;
+                  _iteratorError4 = err;
+                } finally {
+                  try {
+                    if (!_iteratorNormalCompletion4 && _iterator4.return != null) {
+                      _iterator4.return();
+                    }
+                  } finally {
+                    if (_didIteratorError4) {
+                      throw _iteratorError4;
+                    }
+                  }
+                }
+                this._tessy.gluTessEndPolygon();
+                return triangleVerts;
+              }
+            }
+          ]);
+          return RendererGL;
+        }(_main.default.Renderer);
+        /**
+ * ensures that p5 is using a 3d renderer. throws an error if not.
+ */
+        _main.default.prototype._assert3d = function (name) {
+          if (!this._renderer.isP3D) throw new Error(''.concat(name, '() is only supported in WEBGL mode. If you\'d like to use 3D graphics and WebGL, see  https://p5js.org/examples/form-3d-primitives.html for more information.'));
+        };
+        // function to initialize GLU Tesselator
+        _main.default.RendererGL.prototype.tessyVertexSize = 12;
+        var _default = _main.default.RendererGL;
+        exports.default = _default;
+      },
+      {
+        '../core/constants': 286,
+        '../core/main': 298,
+        '../core/p5.Renderer': 301,
+        './GeometryBuilder': 342,
+        './p5.Camera': 347,
+        './p5.Framebuffer': 349,
+        './p5.Matrix': 351,
+        './p5.Shader': 356,
+        './p5.Texture': 357,
+        'core-js/modules/es.array.concat': 169,
+        'core-js/modules/es.array.copy-within': 170,
+        'core-js/modules/es.array.every': 171,
+        'core-js/modules/es.array.fill': 172,
+        'core-js/modules/es.array.from': 176,
+        'core-js/modules/es.array.includes': 177,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.array.slice': 183,
+        'core-js/modules/es.array.some': 184,
+        'core-js/modules/es.map': 187,
+        'core-js/modules/es.object.assign': 194,
+        'core-js/modules/es.object.get-own-property-descriptor': 196,
+        'core-js/modules/es.object.get-prototype-of': 198,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.reflect.construct': 202,
+        'core-js/modules/es.reflect.get': 203,
+        'core-js/modules/es.regexp.to-string': 206,
+        'core-js/modules/es.set': 207,
+        'core-js/modules/es.string.includes': 209,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/es.typed-array.copy-within': 223,
+        'core-js/modules/es.typed-array.every': 224,
+        'core-js/modules/es.typed-array.fill': 225,
+        'core-js/modules/es.typed-array.filter': 226,
+        'core-js/modules/es.typed-array.find': 228,
+        'core-js/modules/es.typed-array.find-index': 227,
+        'core-js/modules/es.typed-array.float32-array': 229,
+        'core-js/modules/es.typed-array.float64-array': 230,
+        'core-js/modules/es.typed-array.for-each': 231,
+        'core-js/modules/es.typed-array.includes': 232,
+        'core-js/modules/es.typed-array.index-of': 233,
+        'core-js/modules/es.typed-array.int16-array': 234,
+        'core-js/modules/es.typed-array.iterator': 236,
+        'core-js/modules/es.typed-array.join': 237,
+        'core-js/modules/es.typed-array.last-index-of': 238,
+        'core-js/modules/es.typed-array.map': 239,
+        'core-js/modules/es.typed-array.reduce': 241,
+        'core-js/modules/es.typed-array.reduce-right': 240,
+        'core-js/modules/es.typed-array.reverse': 242,
+        'core-js/modules/es.typed-array.set': 243,
+        'core-js/modules/es.typed-array.slice': 244,
+        'core-js/modules/es.typed-array.some': 245,
+        'core-js/modules/es.typed-array.sort': 246,
+        'core-js/modules/es.typed-array.subarray': 247,
+        'core-js/modules/es.typed-array.to-locale-string': 248,
+        'core-js/modules/es.typed-array.to-string': 249,
+        'core-js/modules/es.typed-array.uint16-array': 250,
+        'core-js/modules/es.typed-array.uint32-array': 251,
+        'core-js/modules/es.typed-array.uint8-array': 252,
+        'core-js/modules/es.weak-map': 254,
+        'core-js/modules/web.dom-collections.iterator': 256,
+        'libtess': 269,
+        'path': 272
+      }
+    ],
+    356: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.index-of');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.array.some');
+        _dereq_('core-js/modules/es.function.name');
+        _dereq_('core-js/modules/es.object.keys');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.index-of');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.array.slice');
+        _dereq_('core-js/modules/es.array.some');
+        _dereq_('core-js/modules/es.function.name');
+        _dereq_('core-js/modules/es.object.keys');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.default = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            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;
+        } /**
+   * This module defines the p5.Shader class
+   * @module 3D
+   * @submodule Material
+   * @for p5
+   * @requires core
+   */
+        /**
+ * Shader class for WEBGL Mode
+ * @class p5.Shader
+ * @constructor
+ * @param {p5.RendererGL} renderer an instance of p5.RendererGL that
+ * will provide the GL context for this new p5.Shader
+ * @param {String} vertSrc source code for the vertex shader (as a string)
+ * @param {String} fragSrc source code for the fragment shader (as a string)
+ */
+
+        _main.default.Shader = /*#__PURE__*/ function () {
+          function _class(renderer, vertSrc, fragSrc) {
+            _classCallCheck(this, _class);
+            // TODO: adapt this to not take ids, but rather,
+            // to take the source for a vertex and fragment shader
+            // to enable custom shaders at some later date
+            this._renderer = renderer;
+            this._vertSrc = vertSrc;
+            this._fragSrc = fragSrc;
+            this._vertShader = - 1;
+            this._fragShader = - 1;
+            this._glProgram = 0;
+            this._loadedAttributes = false;
+            this.attributes = {
+            };
+            this._loadedUniforms = false;
+            this.uniforms = {
+            };
+            this._bound = false;
+            this.samplers = [
+            ];
+          }          /**
+   * Creates, compiles, and links the shader based on its
+   * sources for the vertex and fragment shaders (provided
+   * to the constructor). Populates known attributes and
+   * uniforms from the shader.
+   * @method init
+   * @chainable
+   * @private
+   */
+
+          _createClass(_class, [
+            {
+              key: 'init',
+              value: function init() {
+                if (this._glProgram === 0 /* or context is stale? */ ) {
+                  var gl = this._renderer.GL;
+                  // @todo: once custom shading is allowed,
+                  // friendly error messages should be used here to share
+                  // compiler and linker errors.
+                  //set up the shader by
+                  // 1. creating and getting a gl id for the shader program,
+                  // 2. compliling its vertex & fragment sources,
+                  // 3. linking the vertex and fragment shaders
+                  this._vertShader = gl.createShader(gl.VERTEX_SHADER);
+                  //load in our default vertex shader
+                  gl.shaderSource(this._vertShader, this._vertSrc);
+                  gl.compileShader(this._vertShader);
+                  // if our vertex shader failed compilation?
+                  if (!gl.getShaderParameter(this._vertShader, gl.COMPILE_STATUS)) {
+                    _main.default._friendlyError('Yikes! An error occurred compiling the vertex shader:'.concat(gl.getShaderInfoLog(this._vertShader)));
+                    return null;
+                  }
+                  this._fragShader = gl.createShader(gl.FRAGMENT_SHADER);
+                  //load in our material frag shader
+                  gl.shaderSource(this._fragShader, this._fragSrc);
+                  gl.compileShader(this._fragShader);
+                  // if our frag shader failed compilation?
+                  if (!gl.getShaderParameter(this._fragShader, gl.COMPILE_STATUS)) {
+                    _main.default._friendlyError('Darn! An error occurred compiling the fragment shader:'.concat(gl.getShaderInfoLog(this._fragShader)));
+                    return null;
+                  }
+                  this._glProgram = gl.createProgram();
+                  gl.attachShader(this._glProgram, this._vertShader);
+                  gl.attachShader(this._glProgram, this._fragShader);
+                  gl.linkProgram(this._glProgram);
+                  if (!gl.getProgramParameter(this._glProgram, gl.LINK_STATUS)) {
+                    _main.default._friendlyError('Snap! Error linking shader program: '.concat(gl.getProgramInfoLog(this._glProgram)));
+                  }
+                  this._loadAttributes();
+                  this._loadUniforms();
+                }
+                return this;
+              }              /**
+     * Shaders belong to the main canvas or a p5.Graphics. Once they are compiled,
+     * they can only be used in the context they were compiled on.
+     *
+     * Use this method to make a new copy of a shader that gets compiled on a
+     * different context.
+     *
+     * @method copyToContext
+     * @param {p5|p5.Graphics} context The graphic or instance to copy this shader to.
+     * Pass `window` if you need to copy to the main canvas.
+     * @returns {p5.Shader} A new shader on the target context.
+     *
+     * @example
+     * <div class='norender notest'>
+     * <code>
+     * let graphic = createGraphics(200, 200, WEBGL);
+     * let graphicShader = graphic.createShader(vert, frag);
+     * graphic.shader(graphicShader); // Use graphicShader on the graphic
+     *
+     * let mainShader = graphicShader.copyToContext(window);
+     * shader(mainShader); // Use `mainShader` on the main canvas
+     * </code>
+     * </div>
+     */
+
+            },
+            {
+              key: 'copyToContext',
+              value: function copyToContext(context) {
+                var shader = new _main.default.Shader(context._renderer, this._vertSrc, this._fragSrc);
+                shader.ensureCompiledOnContext(context);
+                return shader;
+              }              /**
+     * @private
+     */
+
+            },
+            {
+              key: 'ensureCompiledOnContext',
+              value: function ensureCompiledOnContext(context) {
+                if (this._glProgram !== 0 && this._renderer !== context._renderer) {
+                  throw new Error('The shader being run is attached to a different context. Do you need to copy it to this context first with .copyToContext()?');
+                } else if (this._glProgram === 0) {
+                  this._renderer = context._renderer;
+                  this.init();
+                }
+              }              /**
+     * Queries the active attributes for this shader and loads
+     * their names and locations into the attributes array.
+     * @method _loadAttributes
+     * @private
+     */
+
+            },
+            {
+              key: '_loadAttributes',
+              value: function _loadAttributes() {
+                if (this._loadedAttributes) {
+                  return;
+                }
+                this.attributes = {
+                };
+                var gl = this._renderer.GL;
+                var numAttributes = gl.getProgramParameter(this._glProgram, gl.ACTIVE_ATTRIBUTES);
+                for (var i = 0; i < numAttributes; ++i) {
+                  var attributeInfo = gl.getActiveAttrib(this._glProgram, i);
+                  var name = attributeInfo.name;
+                  var location = gl.getAttribLocation(this._glProgram, name);
+                  var attribute = {
+                  };
+                  attribute.name = name;
+                  attribute.location = location;
+                  attribute.index = i;
+                  attribute.type = attributeInfo.type;
+                  attribute.size = attributeInfo.size;
+                  this.attributes[name] = attribute;
+                }
+                this._loadedAttributes = true;
+              }              /**
+     * Queries the active uniforms for this shader and loads
+     * their names and locations into the uniforms array.
+     * @method _loadUniforms
+     * @private
+     */
+
+            },
+            {
+              key: '_loadUniforms',
+              value: function _loadUniforms() {
+                if (this._loadedUniforms) {
+                  return;
+                }
+                var gl = this._renderer.GL;
+                // Inspect shader and cache uniform info
+                var numUniforms = gl.getProgramParameter(this._glProgram, gl.ACTIVE_UNIFORMS);
+                var samplerIndex = 0;
+                for (var i = 0; i < numUniforms; ++i) {
+                  var uniformInfo = gl.getActiveUniform(this._glProgram, i);
+                  var uniform = {
+                  };
+                  uniform.location = gl.getUniformLocation(this._glProgram, uniformInfo.name);
+                  uniform.size = uniformInfo.size;
+                  var uniformName = uniformInfo.name;
+                  //uniforms thats are arrays have their name returned as
+                  //someUniform[0] which is a bit silly so we trim it
+                  //off here. The size property tells us that its an array
+                  //so we dont lose any information by doing this
+                  if (uniformInfo.size > 1) {
+                    uniformName = uniformName.substring(0, uniformName.indexOf('[0]'));
+                  }
+                  uniform.name = uniformName;
+                  uniform.type = uniformInfo.type;
+                  uniform._cachedData = undefined;
+                  if (uniform.type === gl.SAMPLER_2D) {
+                    uniform.samplerIndex = samplerIndex;
+                    samplerIndex++;
+                    this.samplers.push(uniform);
+                  }
+                  uniform.isArray = uniformInfo.size > 1 || uniform.type === gl.FLOAT_MAT3 || uniform.type === gl.FLOAT_MAT4 || uniform.type === gl.FLOAT_VEC2 || uniform.type === gl.FLOAT_VEC3 || uniform.type === gl.FLOAT_VEC4 || uniform.type === gl.INT_VEC2 || uniform.type === gl.INT_VEC4 || uniform.type === gl.INT_VEC3;
+                  this.uniforms[uniformName] = uniform;
+                }
+                this._loadedUniforms = true;
+              }
+            },
+            {
+              key: 'compile',
+              value: function compile() {
+                // TODO
+              }              /**
+     * initializes (if needed) and binds the shader program.
+     * @method bindShader
+     * @private
+     */
+
+            },
+            {
+              key: 'bindShader',
+              value: function bindShader() {
+                this.init();
+                if (!this._bound) {
+                  this.useProgram();
+                  this._bound = true;
+                  this._setMatrixUniforms();
+                  this.setUniform('uViewport', this._renderer._viewport);
+                }
+              }              /**
+     * @method unbindShader
+     * @chainable
+     * @private
+     */
+
+            },
+            {
+              key: 'unbindShader',
+              value: function unbindShader() {
+                if (this._bound) {
+                  this.unbindTextures();
+                  //this._renderer.GL.useProgram(0); ??
+                  this._bound = false;
+                }
+                return this;
+              }
+            },
+            {
+              key: 'bindTextures',
+              value: function bindTextures() {
+                var gl = this._renderer.GL;
+                var _iteratorNormalCompletion = true;
+                var _didIteratorError = false;
+                var _iteratorError = undefined;
+                try {
+                  for (var _iterator = this.samplers[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+                    var uniform = _step.value;
+                    var tex = uniform.texture;
+                    if (tex === undefined) {
+                      // user hasn't yet supplied a texture for this slot.
+                      // (or there may not be one--maybe just lighting),
+                      // so we supply a default texture instead.
+                      tex = this._renderer._getEmptyTexture();
+                    }
+                    gl.activeTexture(gl.TEXTURE0 + uniform.samplerIndex);
+                    tex.bindTexture();
+                    tex.update();
+                    gl.uniform1i(uniform.location, uniform.samplerIndex);
+                  }
+                } catch (err) {
+                  _didIteratorError = true;
+                  _iteratorError = err;
+                } finally {
+                  try {
+                    if (!_iteratorNormalCompletion && _iterator.return != null) {
+                      _iterator.return();
+                    }
+                  } finally {
+                    if (_didIteratorError) {
+                      throw _iteratorError;
+                    }
+                  }
+                }
+              }
+            },
+            {
+              key: 'updateTextures',
+              value: function updateTextures() {
+                var _iteratorNormalCompletion2 = true;
+                var _didIteratorError2 = false;
+                var _iteratorError2 = undefined;
+                try {
+                  for (var _iterator2 = this.samplers[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+                    var uniform = _step2.value;
+                    var tex = uniform.texture;
+                    if (tex) {
+                      tex.update();
+                    }
+                  }
+                } catch (err) {
+                  _didIteratorError2 = true;
+                  _iteratorError2 = err;
+                } finally {
+                  try {
+                    if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
+                      _iterator2.return();
+                    }
+                  } finally {
+                    if (_didIteratorError2) {
+                      throw _iteratorError2;
+                    }
+                  }
+                }
+              }
+            },
+            {
+              key: 'unbindTextures',
+              value: function unbindTextures() {
+                var _iteratorNormalCompletion3 = true;
+                var _didIteratorError3 = false;
+                var _iteratorError3 = undefined;
+                try {
+                  for (var _iterator3 = this.samplers[Symbol.iterator](), _step3; !(_iteratorNormalCompletion3 = (_step3 = _iterator3.next()).done); _iteratorNormalCompletion3 = true) {
+                    var uniform = _step3.value;
+                    this.setUniform(uniform.name, this._renderer._getEmptyTexture());
+                  }
+                } catch (err) {
+                  _didIteratorError3 = true;
+                  _iteratorError3 = err;
+                } finally {
+                  try {
+                    if (!_iteratorNormalCompletion3 && _iterator3.return != null) {
+                      _iterator3.return();
+                    }
+                  } finally {
+                    if (_didIteratorError3) {
+                      throw _iteratorError3;
+                    }
+                  }
+                }
+              }
+            },
+            {
+              key: '_setMatrixUniforms',
+              value: function _setMatrixUniforms() {
+                var viewMatrix = this._renderer._curCamera.cameraMatrix;
+                var projectionMatrix = this._renderer.uPMatrix;
+                var modelViewMatrix = this._renderer.uMVMatrix;
+                var modelViewProjectionMatrix = modelViewMatrix.copy();
+                modelViewProjectionMatrix.mult(projectionMatrix);
+                if (this.isStrokeShader()) {
+                  if (this._renderer._curCamera.cameraType === 'default') {
+                    // strokes scale up as they approach camera, default
+                    this.setUniform('uPerspective', 1);
+                  } else {
+                    // strokes have uniform scale regardless of distance from camera
+                    this.setUniform('uPerspective', 0);
+                  }
+                }
+                this.setUniform('uViewMatrix', viewMatrix.mat4);
+                this.setUniform('uProjectionMatrix', projectionMatrix.mat4);
+                this.setUniform('uModelViewMatrix', modelViewMatrix.mat4);
+                this.setUniform('uModelViewProjectionMatrix', modelViewProjectionMatrix.mat4);
+                if (this.uniforms.uNormalMatrix) {
+                  this._renderer.uNMatrix.inverseTranspose(this._renderer.uMVMatrix);
+                  this.setUniform('uNormalMatrix', this._renderer.uNMatrix.mat3);
+                }
+              }              /**
+     * @method useProgram
+     * @chainable
+     * @private
+     */
+
+            },
+            {
+              key: 'useProgram',
+              value: function useProgram() {
+                var gl = this._renderer.GL;
+                if (this._renderer._curShader !== this) {
+                  gl.useProgram(this._glProgram);
+                  this._renderer._curShader = this;
+                }
+                return this;
+              }              /**
+     * Used to set the uniforms of a
+     * <a href="#/p5.Shader">p5.Shader</a> object.
+     *
+     * Uniforms are used as a way to provide shader programs
+     * (which run on the GPU) with values from a sketch
+     * (which runs on the CPU).
+     *
+     * Here are some examples of uniforms you can make:
+     * - booleans
+     *   - Example: `setUniform('x', true)` becomes `uniform float x` with the value `1.0`
+     * - numbers
+     *   - Example: `setUniform('x', -2)` becomes `uniform float x` with the value `-2.0`
+     * - arrays of numbers
+     *   - Example: `setUniform('x', [0, 0.5, 1])` becomes `uniform vec3 x` with the value `vec3(0.0, 0.5, 1.0)`
+     * - a p5.Image, p5.Graphics, p5.MediaElement, or p5.Texture
+     *   - Example: `setUniform('x', img)` becomes `uniform sampler2D x`
+     *
+     * @method setUniform
+     * @chainable
+     * @param {String} uniformName the name of the uniform.
+     * Must correspond to the name used in the vertex and fragment shaders
+     * @param {Boolean|Number|Number[]|p5.Image|p5.Graphics|p5.MediaElement|p5.Texture}
+     * data the data to associate with the uniform. The type can be
+     * a boolean (true/false), a number, an array of numbers, or
+     * an image (p5.Image, p5.Graphics, p5.MediaElement, p5.Texture)
+     *
+     * @example
+     * <div modernizr='webgl'>
+     * <code>
+     * // Click within the image to toggle the value of uniforms
+     * // Note: for an alternative approach to the same example,
+     * // involving toggling between shaders please refer to:
+     * // https://p5js.org/reference/#/p5/shader
+     *
+     * let grad;
+     * let showRedGreen = false;
+     *
+     * function preload() {
+     *   // note that we are using two instances
+     *   // of the same vertex and fragment shaders
+     *   grad = loadShader('assets/shader.vert', 'assets/shader-gradient.frag');
+     * }
+     *
+     * function setup() {
+     *   createCanvas(100, 100, WEBGL);
+     *   shader(grad);
+     *   noStroke();
+     *
+     *   describe(
+     *     'canvas toggles between a circular gradient of orange and blue vertically. and a circular gradient of red and green moving horizontally when mouse is clicked/pressed.'
+     *   );
+     * }
+     *
+     * function draw() {
+     *   // update the offset values for each scenario,
+     *   // moving the "grad" shader in either vertical or
+     *   // horizontal direction each with differing colors
+     *
+     *   if (showRedGreen === true) {
+     *     grad.setUniform('colorCenter', [1, 0, 0]);
+     *     grad.setUniform('colorBackground', [0, 1, 0]);
+     *     grad.setUniform('offset', [sin(millis() / 2000), 1]);
+     *   } else {
+     *     grad.setUniform('colorCenter', [1, 0.5, 0]);
+     *     grad.setUniform('colorBackground', [0.226, 0, 0.615]);
+     *     grad.setUniform('offset', [0, sin(millis() / 2000) + 1]);
+     *   }
+     *   quad(-1, -1, 1, -1, 1, 1, -1, 1);
+     * }
+     *
+     * function mouseClicked() {
+     *   showRedGreen = !showRedGreen;
+     * }
+     * </code>
+     * </div>
+     *
+     * @alt
+     * canvas toggles between a circular gradient of orange and blue vertically. and a circular gradient of red and green moving horizontally when mouse is clicked/pressed.
+     */
+
+            },
+            {
+              key: 'setUniform',
+              value: function setUniform(uniformName, data) {
+                var uniform = this.uniforms[uniformName];
+                if (!uniform) {
+                  return;
+                }
+                var gl = this._renderer.GL;
+                if (uniform.isArray) {
+                  if (uniform._cachedData && this._renderer._arraysEqual(uniform._cachedData, data)) {
+                    return;
+                  } else {
+                    uniform._cachedData = data.slice(0);
+                  }
+                } else if (uniform._cachedData && uniform._cachedData === data) {
+                  return;
+                } else {
+                  if (Array.isArray(data)) {
+                    uniform._cachedData = data.slice(0);
+                  } else {
+                    uniform._cachedData = data;
+                  }
+                }
+                var location = uniform.location;
+                this.useProgram();
+                switch (uniform.type) {
+                  case gl.BOOL:
+                    if (data === true) {
+                      gl.uniform1i(location, 1);
+                    } else {
+                      gl.uniform1i(location, 0);
+                    }
+                    break;
+                  case gl.INT:
+                    if (uniform.size > 1) {
+                      data.length && gl.uniform1iv(location, data);
+                    } else {
+                      gl.uniform1i(location, data);
+                    }
+                    break;
+                  case gl.FLOAT:
+                    if (uniform.size > 1) {
+                      data.length && gl.uniform1fv(location, data);
+                    } else {
+                      gl.uniform1f(location, data);
+                    }
+                    break;
+                  case gl.FLOAT_MAT3:
+                    gl.uniformMatrix3fv(location, false, data);
+                    break;
+                  case gl.FLOAT_MAT4:
+                    gl.uniformMatrix4fv(location, false, data);
+                    break;
+                  case gl.FLOAT_VEC2:
+                    if (uniform.size > 1) {
+                      data.length && gl.uniform2fv(location, data);
+                    } else {
+                      gl.uniform2f(location, data[0], data[1]);
+                    }
+                    break;
+                  case gl.FLOAT_VEC3:
+                    if (uniform.size > 1) {
+                      data.length && gl.uniform3fv(location, data);
+                    } else {
+                      gl.uniform3f(location, data[0], data[1], data[2]);
+                    }
+                    break;
+                  case gl.FLOAT_VEC4:
+                    if (uniform.size > 1) {
+                      data.length && gl.uniform4fv(location, data);
+                    } else {
+                      gl.uniform4f(location, data[0], data[1], data[2], data[3]);
+                    }
+                    break;
+                  case gl.INT_VEC2:
+                    if (uniform.size > 1) {
+                      data.length && gl.uniform2iv(location, data);
+                    } else {
+                      gl.uniform2i(location, data[0], data[1]);
+                    }
+                    break;
+                  case gl.INT_VEC3:
+                    if (uniform.size > 1) {
+                      data.length && gl.uniform3iv(location, data);
+                    } else {
+                      gl.uniform3i(location, data[0], data[1], data[2]);
+                    }
+                    break;
+                  case gl.INT_VEC4:
+                    if (uniform.size > 1) {
+                      data.length && gl.uniform4iv(location, data);
+                    } else {
+                      gl.uniform4i(location, data[0], data[1], data[2], data[3]);
+                    }
+                    break;
+                  case gl.SAMPLER_2D:
+                    gl.activeTexture(gl.TEXTURE0 + uniform.samplerIndex);
+                    uniform.texture = data instanceof _main.default.Texture ? data : this._renderer.getTexture(data);
+                    gl.uniform1i(location, uniform.samplerIndex);
+                    if (uniform.texture.src.gifProperties) {
+                      uniform.texture.src._animateGif(this._renderer._pInst);
+                    }
+                    break;
+                    //@todo complete all types
+                }
+                return this;
+              }              /* NONE OF THIS IS FAST OR EFFICIENT BUT BEAR WITH ME
+     *
+     * these shader "type" query methods are used by various
+     * facilities of the renderer to determine if changing
+     * the shader type for the required action (for example,
+     * do we need to load the default lighting shader if the
+     * current shader cannot handle lighting?)
+     *
+     **/
+
+            },
+            {
+              key: 'isLightShader',
+              value: function isLightShader() {
+                return this.attributes.aNormal !== undefined || this.uniforms.uUseLighting !== undefined || this.uniforms.uAmbientLightCount !== undefined || this.uniforms.uDirectionalLightCount !== undefined || this.uniforms.uPointLightCount !== undefined || this.uniforms.uAmbientColor !== undefined || this.uniforms.uDirectionalDiffuseColors !== undefined || this.uniforms.uDirectionalSpecularColors !== undefined || this.uniforms.uPointLightLocation !== undefined || this.uniforms.uPointLightDiffuseColors !== undefined || this.uniforms.uPointLightSpecularColors !== undefined || this.uniforms.uLightingDirection !== undefined || this.uniforms.uSpecular !== undefined;
+              }
+            },
+            {
+              key: 'isNormalShader',
+              value: function isNormalShader() {
+                return this.attributes.aNormal !== undefined;
+              }
+            },
+            {
+              key: 'isTextureShader',
+              value: function isTextureShader() {
+                return this.samplers.length > 0;
+              }
+            },
+            {
+              key: 'isColorShader',
+              value: function isColorShader() {
+                return this.attributes.aVertexColor !== undefined || this.uniforms.uMaterialColor !== undefined;
+              }
+            },
+            {
+              key: 'isTexLightShader',
+              value: function isTexLightShader() {
+                return this.isLightShader() && this.isTextureShader();
+              }
+            },
+            {
+              key: 'isStrokeShader',
+              value: function isStrokeShader() {
+                return this.uniforms.uStrokeWeight !== undefined;
+              }              /**
+     * @method enableAttrib
+     * @chainable
+     * @private
+     */
+
+            },
+            {
+              key: 'enableAttrib',
+              value: function enableAttrib(attr, size, type, normalized, stride, offset) {
+                if (attr) {
+                  if (typeof IS_MINIFIED === 'undefined' && this.attributes[attr.name] !== attr) {
+                    console.warn('The attribute "'.concat(attr.name, '"passed to enableAttrib does not belong to this shader.'));
+                  }
+                  var loc = attr.location;
+                  if (loc !== - 1) {
+                    var gl = this._renderer.GL;
+                    // Enable register even if it is disabled
+                    if (!this._renderer.registerEnabled.has(loc)) {
+                      gl.enableVertexAttribArray(loc);
+                      // Record register availability
+                      this._renderer.registerEnabled.add(loc);
+                    }
+                    this._renderer.GL.vertexAttribPointer(loc, size, type || gl.FLOAT, normalized || false, stride || 0, offset || 0);
+                  }
+                }
+                return this;
+              }              /**
+     * Once all buffers have been bound, this checks to see if there are any
+     * remaining active attributes, likely left over from previous renders,
+     * and disables them so that they don't affect rendering.
+     * @method disableRemainingAttributes
+     * @private
+     */
+
+            },
+            {
+              key: 'disableRemainingAttributes',
+              value: function disableRemainingAttributes() {
+                var _this = this;
+                var _iteratorNormalCompletion4 = true;
+                var _didIteratorError4 = false;
+                var _iteratorError4 = undefined;
+                try {
+                  var _loop = function _loop() {
+                    var location = _step4.value;
+                    if (!Object.keys(_this.attributes).some(function (key) {
+                      return _this.attributes[key].location === location;
+                    })) {
+                      _this._renderer.GL.disableVertexAttribArray(location);
+                      _this._renderer.registerEnabled.delete(location);
+                    }
+                  };
+                  for (var _iterator4 = this._renderer.registerEnabled.values() [Symbol.iterator](), _step4; !(_iteratorNormalCompletion4 = (_step4 = _iterator4.next()).done); _iteratorNormalCompletion4 = true) {
+                    _loop();
+                  }
+                } catch (err) {
+                  _didIteratorError4 = true;
+                  _iteratorError4 = err;
+                } finally {
+                  try {
+                    if (!_iteratorNormalCompletion4 && _iterator4.return != null) {
+                      _iterator4.return();
+                    }
+                  } finally {
+                    if (_didIteratorError4) {
+                      throw _iteratorError4;
+                    }
+                  }
+                }
+              }
+            }
+          ]);
+          return _class;
+        }();
+        var _default = _main.default.Shader;
+        exports.default = _default;
+      },
+      {
+        '../core/main': 298,
+        'core-js/modules/es.array.index-of': 178,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.array.slice': 183,
+        'core-js/modules/es.array.some': 184,
+        'core-js/modules/es.function.name': 186,
+        'core-js/modules/es.object.keys': 199,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/web.dom-collections.iterator': 256
+      }
+    ],
+    357: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.object.get-own-property-descriptor');
+        _dereq_('core-js/modules/es.object.get-prototype-of');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.reflect.construct');
+        _dereq_('core-js/modules/es.regexp.to-string');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.typed-array.uint8-array');
+        _dereq_('core-js/modules/es.typed-array.copy-within');
+        _dereq_('core-js/modules/es.typed-array.every');
+        _dereq_('core-js/modules/es.typed-array.fill');
+        _dereq_('core-js/modules/es.typed-array.filter');
+        _dereq_('core-js/modules/es.typed-array.find');
+        _dereq_('core-js/modules/es.typed-array.find-index');
+        _dereq_('core-js/modules/es.typed-array.for-each');
+        _dereq_('core-js/modules/es.typed-array.includes');
+        _dereq_('core-js/modules/es.typed-array.index-of');
+        _dereq_('core-js/modules/es.typed-array.iterator');
+        _dereq_('core-js/modules/es.typed-array.join');
+        _dereq_('core-js/modules/es.typed-array.last-index-of');
+        _dereq_('core-js/modules/es.typed-array.map');
+        _dereq_('core-js/modules/es.typed-array.reduce');
+        _dereq_('core-js/modules/es.typed-array.reduce-right');
+        _dereq_('core-js/modules/es.typed-array.reverse');
+        _dereq_('core-js/modules/es.typed-array.set');
+        _dereq_('core-js/modules/es.typed-array.slice');
+        _dereq_('core-js/modules/es.typed-array.some');
+        _dereq_('core-js/modules/es.typed-array.sort');
+        _dereq_('core-js/modules/es.typed-array.subarray');
+        _dereq_('core-js/modules/es.typed-array.to-locale-string');
+        _dereq_('core-js/modules/es.typed-array.to-string');
+        _dereq_('core-js/modules/es.weak-map');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        function _typeof2(obj) {
+          if (typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol') {
+            _typeof2 = function _typeof2(obj) {
+              return typeof obj;
+            };
+          } else {
+            _typeof2 = function _typeof2(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj;
+            };
+          }
+          return _typeof2(obj);
+        }
+        function _typeof(obj) {
+          if (typeof Symbol === 'function' && _typeof2(Symbol.iterator) === 'symbol') {
+            _typeof = function _typeof(obj) {
+              return _typeof2(obj);
+            };
+          } else {
+            _typeof = function _typeof(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : _typeof2(obj);
+            };
+          }
+          return _typeof(obj);
+        }
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.typed-array.uint8-array');
+        _dereq_('core-js/modules/es.typed-array.copy-within');
+        _dereq_('core-js/modules/es.typed-array.every');
+        _dereq_('core-js/modules/es.typed-array.fill');
+        _dereq_('core-js/modules/es.typed-array.filter');
+        _dereq_('core-js/modules/es.typed-array.find');
+        _dereq_('core-js/modules/es.typed-array.find-index');
+        _dereq_('core-js/modules/es.typed-array.for-each');
+        _dereq_('core-js/modules/es.typed-array.includes');
+        _dereq_('core-js/modules/es.typed-array.index-of');
+        _dereq_('core-js/modules/es.typed-array.iterator');
+        _dereq_('core-js/modules/es.typed-array.join');
+        _dereq_('core-js/modules/es.typed-array.last-index-of');
+        _dereq_('core-js/modules/es.typed-array.map');
+        _dereq_('core-js/modules/es.typed-array.reduce');
+        _dereq_('core-js/modules/es.typed-array.reduce-right');
+        _dereq_('core-js/modules/es.typed-array.reverse');
+        _dereq_('core-js/modules/es.typed-array.set');
+        _dereq_('core-js/modules/es.typed-array.slice');
+        _dereq_('core-js/modules/es.typed-array.some');
+        _dereq_('core-js/modules/es.typed-array.sort');
+        _dereq_('core-js/modules/es.typed-array.subarray');
+        _dereq_('core-js/modules/es.typed-array.to-locale-string');
+        _dereq_('core-js/modules/es.typed-array.to-string');
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.checkWebGLCapabilities = checkWebGLCapabilities;
+        exports.default = exports.MipmapTexture = void 0;
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        var constants = _interopRequireWildcard(_dereq_('../core/constants'));
+        function _getRequireWildcardCache() {
+          if (typeof WeakMap !== 'function') return null;
+          var cache = new WeakMap();
+          _getRequireWildcardCache = function _getRequireWildcardCache() {
+            return cache;
+          };
+          return cache;
+        }
+        function _interopRequireWildcard(obj) {
+          if (obj && obj.__esModule) {
+            return obj;
+          }
+          if (obj === null || _typeof(obj) !== 'object' && typeof obj !== 'function') {
+            return {
+            default:
+              obj
+            };
+          }
+          var cache = _getRequireWildcardCache();
+          if (cache && cache.has(obj)) {
+            return cache.get(obj);
+          }
+          var newObj = {
+          };
+          var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+          for (var key in obj) {
+            if (Object.prototype.hasOwnProperty.call(obj, key)) {
+              var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+              if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+              } else {
+                newObj[key] = obj[key];
+              }
+            }
+          }
+          newObj.default = obj;
+          if (cache) {
+            cache.set(obj, newObj);
+          }
+          return newObj;
+        }
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }
+        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) {
+          function isNativeReflectConstruct() {
+            if (typeof Reflect === 'undefined' || !Reflect.construct) return false;
+            if (Reflect.construct.sham) return false;
+            if (typeof Proxy === 'function') return true;
+            try {
+              Date.prototype.toString.call(Reflect.construct(Date, [
+              ], function () {
+              }));
+              return true;
+            } catch (e) {
+              return false;
+            }
+          }
+          return function () {
+            var Super = _getPrototypeOf(Derived),
+            result;
+            if (isNativeReflectConstruct()) {
+              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(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 _getPrototypeOf(o) {
+          _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+            return o.__proto__ || Object.getPrototypeOf(o);
+          };
+          return _getPrototypeOf(o);
+        }
+        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;
+        } /**
+   * This module defines the p5.Texture class
+   * @module 3D
+   * @submodule Material
+   * @for p5
+   * @requires core
+   */
+        /**
+ * Texture class for WEBGL Mode
+ * @private
+ * @class p5.Texture
+ * @param {p5.RendererGL} renderer an instance of p5.RendererGL that
+ * will provide the GL context for this new p5.Texture
+ * @param {p5.Image|p5.Graphics|p5.Element|p5.MediaElement|ImageData|p5.Framebuffer|p5.FramebufferTexture|ImageData} [obj] the
+ * object containing the image data to store in the texture.
+ * @param {Object} [settings] optional A javascript object containing texture
+ * settings.
+ * @param {Number} [settings.format] optional The internal color component
+ * format for the texture. Possible values for format include gl.RGBA,
+ * gl.RGB, gl.ALPHA, gl.LUMINANCE, gl.LUMINANCE_ALPHA. Defaults to gl.RBGA
+ * @param {Number} [settings.minFilter] optional The texture minification
+ * filter setting. Possible values are gl.NEAREST or gl.LINEAR. Defaults
+ * to gl.LINEAR. Note, Mipmaps are not implemented in p5.
+ * @param {Number} [settings.magFilter] optional The texture magnification
+ * filter setting. Possible values are gl.NEAREST or gl.LINEAR. Defaults
+ * to gl.LINEAR. Note, Mipmaps are not implemented in p5.
+ * @param {Number} [settings.wrapS] optional The texture wrap settings for
+ * the s coordinate, or x axis. Possible values are gl.CLAMP_TO_EDGE,
+ * gl.REPEAT, and gl.MIRRORED_REPEAT. The mirror settings are only available
+ * when using a power of two sized texture. Defaults to gl.CLAMP_TO_EDGE
+ * @param {Number} [settings.wrapT] optional The texture wrap settings for
+ * the t coordinate, or y axis. Possible values are gl.CLAMP_TO_EDGE,
+ * gl.REPEAT, and gl.MIRRORED_REPEAT. The mirror settings are only available
+ * when using a power of two sized texture. Defaults to gl.CLAMP_TO_EDGE
+ * @param {Number} [settings.dataType] optional The data type of the texel
+ * data. Possible values are gl.UNSIGNED_BYTE or gl.FLOAT. There are more
+ * formats that are not implemented in p5. Defaults to gl.UNSIGNED_BYTE.
+ */
+
+        _main.default.Texture = /*#__PURE__*/ function () {
+          function Texture(renderer, obj, settings) {
+            _classCallCheck(this, Texture);
+            this._renderer = renderer;
+            var gl = this._renderer.GL;
+            settings = settings || {
+            };
+            this.src = obj;
+            this.glTex = undefined;
+            this.glTarget = gl.TEXTURE_2D;
+            this.glFormat = settings.format || gl.RGBA;
+            this.mipmaps = false;
+            this.glMinFilter = settings.minFilter || gl.LINEAR;
+            this.glMagFilter = settings.magFilter || gl.LINEAR;
+            this.glWrapS = settings.wrapS || gl.CLAMP_TO_EDGE;
+            this.glWrapT = settings.wrapT || gl.CLAMP_TO_EDGE;
+            this.glDataType = settings.dataType || gl.UNSIGNED_BYTE;
+            var support = checkWebGLCapabilities(renderer);
+            if (this.glFormat === gl.HALF_FLOAT && !support.halfFloat) {
+              console.log('This device does not support dataType HALF_FLOAT. Falling back to FLOAT.');
+              this.glDataType = gl.FLOAT;
+            }
+            if (this.glFormat === gl.HALF_FLOAT && (this.glMinFilter === gl.LINEAR || this.glMagFilter === gl.LINEAR) && !support.halfFloatLinear) {
+              console.log('This device does not support linear filtering for dataType FLOAT. Falling back to NEAREST.');
+              if (this.glMinFilter === gl.LINEAR) this.glMinFilter = gl.NEAREST;
+              if (this.glMagFilter === gl.LINEAR) this.glMagFilter = gl.NEAREST;
+            }
+            if (this.glFormat === gl.FLOAT && !support.float) {
+              console.log('This device does not support dataType FLOAT. Falling back to UNSIGNED_BYTE.');
+              this.glDataType = gl.UNSIGNED_BYTE;
+            }
+            if (this.glFormat === gl.FLOAT && (this.glMinFilter === gl.LINEAR || this.glMagFilter === gl.LINEAR) && !support.floatLinear) {
+              console.log('This device does not support linear filtering for dataType FLOAT. Falling back to NEAREST.');
+              if (this.glMinFilter === gl.LINEAR) this.glMinFilter = gl.NEAREST;
+              if (this.glMagFilter === gl.LINEAR) this.glMagFilter = gl.NEAREST;
+            }            // used to determine if this texture might need constant updating
+            // because it is a video or gif.
+
+            this.isSrcMediaElement = typeof _main.default.MediaElement !== 'undefined' && obj instanceof _main.default.MediaElement;
+            this._videoPrevUpdateTime = 0;
+            this.isSrcHTMLElement = typeof _main.default.Element !== 'undefined' && obj instanceof _main.default.Element && !(obj instanceof _main.default.Graphics) && !(obj instanceof _main.default.Renderer);
+            this.isSrcP5Image = obj instanceof _main.default.Image;
+            this.isSrcP5Graphics = obj instanceof _main.default.Graphics;
+            this.isSrcP5Renderer = obj instanceof _main.default.Renderer;
+            this.isImageData = typeof ImageData !== 'undefined' && obj instanceof ImageData;
+            this.isFramebufferTexture = obj instanceof _main.default.FramebufferTexture;
+            var textureData = this._getTextureDataFromSource();
+            this.width = textureData.width;
+            this.height = textureData.height;
+            this.init(textureData);
+            return this;
+          }
+          _createClass(Texture, [
+            {
+              key: '_getTextureDataFromSource',
+              value: function _getTextureDataFromSource() {
+                var textureData;
+                if (this.isFramebufferTexture) {
+                  textureData = this.src.rawTexture();
+                } else if (this.isSrcP5Image) {
+                  // param is a p5.Image
+                  textureData = this.src.canvas;
+                } else if (this.isSrcMediaElement || this.isSrcP5Graphics || this.isSrcP5Renderer || this.isSrcHTMLElement) {
+                  // if param is a video HTML element
+                  textureData = this.src.elt;
+                } else if (this.isImageData) {
+                  textureData = this.src;
+                }
+                return textureData;
+              }              /**
+     * Initializes common texture parameters, creates a gl texture,
+     * tries to upload the texture for the first time if data is
+     * already available.
+     * @private
+     * @method init
+     */
+
+            },
+            {
+              key: 'init',
+              value: function init(data) {
+                var gl = this._renderer.GL;
+                if (!this.isFramebufferTexture) {
+                  this.glTex = gl.createTexture();
+                }
+                this.glWrapS = this._renderer.textureWrapX;
+                this.glWrapT = this._renderer.textureWrapY;
+                this.setWrapMode(this.glWrapS, this.glWrapT);
+                this.bindTexture();
+                //gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, true);
+                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, this.glMagFilter);
+                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, this.glMinFilter);
+                if (this.isFramebufferTexture) {
+                  // Do nothing, the framebuffer manages its own content
+                } else if (this.width === 0 || this.height === 0 || this.isSrcMediaElement && !this.src.loadedmetadata) {
+                  // assign a 1×1 empty texture initially, because data is not yet ready,
+                  // so that no errors occur in gl console!
+                  var tmpdata = new Uint8Array([1,
+                  1,
+                  1,
+                  1]);
+                  gl.texImage2D(this.glTarget, 0, gl.RGBA, 1, 1, 0, this.glFormat, this.glDataType, tmpdata);
+                } else {
+                  // data is ready: just push the texture!
+                  gl.texImage2D(this.glTarget, 0, this.glFormat, this.glFormat, this.glDataType, data);
+                }
+              }              /**
+     * Checks if the source data for this texture has changed (if it's
+     * easy to do so) and reuploads the texture if necessary. If it's not
+     * possible or to expensive to do a calculation to determine wheter or
+     * not the data has occurred, this method simply re-uploads the texture.
+     * @method update
+     */
+
+            },
+            {
+              key: 'update',
+              value: function update() {
+                var data = this.src;
+                if (data.width === 0 || data.height === 0) {
+                  return false; // nothing to do!
+                }                // FramebufferTexture instances wrap raw WebGL textures already, which
+                // don't need any extra updating, as they already live on the GPU
+
+                if (this.isFramebufferTexture) {
+                  return false;
+                }
+                var textureData = this._getTextureDataFromSource();
+                var updated = false;
+                var gl = this._renderer.GL;
+                // pull texture from data, make sure width & height are appropriate
+                if (textureData.width !== this.width || textureData.height !== this.height) {
+                  updated = true;
+                  // make sure that if the width and height of this.src have changed
+                  // for some reason, we update our metadata and upload the texture again
+                  this.width = textureData.width || data.width;
+                  this.height = textureData.height || data.height;
+                  if (this.isSrcP5Image) {
+                    data.setModified(false);
+                  } else if (this.isSrcMediaElement || this.isSrcHTMLElement) {
+                    // on the first frame the metadata comes in, the size will be changed
+                    // from 0 to actual size, but pixels may not be available.
+                    // flag for update in a future frame.
+                    // if we don't do this, a paused video, for example, may not
+                    // send the first frame to texture memory.
+                    data.setModified(true);
+                  }
+                } else if (this.isSrcP5Image) {
+                  // for an image, we only update if the modified field has been set,
+                  // for example, by a call to p5.Image.set
+                  if (data.isModified()) {
+                    updated = true;
+                    data.setModified(false);
+                  }
+                } else if (this.isSrcMediaElement) {
+                  // for a media element (video), we'll check if the current time in
+                  // the video frame matches the last time. if it doesn't match, the
+                  // video has advanced or otherwise been taken to a new frame,
+                  // and we need to upload it.
+                  if (data.isModified()) {
+                    // p5.MediaElement may have also had set/updatePixels, etc. called
+                    // on it and should be updated, or may have been set for the first
+                    // time!
+                    updated = true;
+                    data.setModified(false);
+                  } else if (data.loadedmetadata) {
+                    // if the meta data has been loaded, we can ask the video
+                    // what it's current position (in time) is.
+                    if (this._videoPrevUpdateTime !== data.time()) {
+                      // update the texture in gpu mem only if the current
+                      // video timestamp does not match the timestamp of the last
+                      // time we uploaded this texture (and update the time we
+                      // last uploaded, too)
+                      this._videoPrevUpdateTime = data.time();
+                      updated = true;
+                    }
+                  }
+                } else if (this.isImageData) {
+                  if (data._dirty) {
+                    data._dirty = false;
+                    updated = true;
+                  }
+                } else {
+                  /* data instanceof p5.Graphics, probably */
+                  // there is not enough information to tell if the texture can be
+                  // conditionally updated; so to be safe, we just go ahead and upload it.
+                  updated = true;
+                }
+                if (updated) {
+                  this.bindTexture();
+                  gl.texImage2D(this.glTarget, 0, this.glFormat, this.glFormat, this.glDataType, textureData);
+                }
+                return updated;
+              }              /**
+     * Binds the texture to the appropriate GL target.
+     * @method bindTexture
+     */
+
+            },
+            {
+              key: 'bindTexture',
+              value: function bindTexture() {
+                // bind texture using gl context + glTarget and
+                // generated gl texture object
+                var gl = this._renderer.GL;
+                gl.bindTexture(this.glTarget, this.getTexture());
+                return this;
+              }              /**
+     * Unbinds the texture from the appropriate GL target.
+     * @method unbindTexture
+     */
+
+            },
+            {
+              key: 'unbindTexture',
+              value: function unbindTexture() {
+                // unbind per above, disable texturing on glTarget
+                var gl = this._renderer.GL;
+                gl.bindTexture(this.glTarget, null);
+              }
+            },
+            {
+              key: 'getTexture',
+              value: function getTexture() {
+                if (this.isFramebufferTexture) {
+                  return this.src.rawTexture();
+                } else {
+                  return this.glTex;
+                }
+              }              /**
+     * Sets how a texture is be interpolated when upscaled or downscaled.
+     * Nearest filtering uses nearest neighbor scaling when interpolating
+     * Linear filtering uses WebGL's linear scaling when interpolating
+     * @method setInterpolation
+     * @param {String} downScale Specifies the texture filtering when
+     *                           textures are shrunk. Options are LINEAR or NEAREST
+     * @param {String} upScale Specifies the texture filtering when
+     *                         textures are magnified. Options are LINEAR or NEAREST
+     * @todo implement mipmapping filters
+     */
+
+            },
+            {
+              key: 'setInterpolation',
+              value: function setInterpolation(downScale, upScale) {
+                var gl = this._renderer.GL;
+                this.glMinFilter = this.glFilter(downScale);
+                this.glMagFilter = this.glFilter(upScale);
+                this.bindTexture();
+                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, this.glMinFilter);
+                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, this.glMagFilter);
+                this.unbindTexture();
+              }
+            },
+            {
+              key: 'glFilter',
+              value: function glFilter(filter) {
+                var gl = this._renderer.GL;
+                if (filter === constants.NEAREST) {
+                  return gl.NEAREST;
+                } else {
+                  return gl.LINEAR;
+                }
+              }              /**
+     * Sets the texture wrapping mode. This controls how textures behave
+     * when their uv's go outside of the 0 - 1 range. There are three options:
+     * CLAMP, REPEAT, and MIRROR. REPEAT & MIRROR are only available if the texture
+     * is a power of two size (128, 256, 512, 1024, etc.).
+     * @method setWrapMode
+     * @param {String} wrapX Controls the horizontal texture wrapping behavior
+     * @param {String} wrapY Controls the vertical texture wrapping behavior
+     */
+
+            },
+            {
+              key: 'setWrapMode',
+              value: function setWrapMode(wrapX, wrapY) {
+                var gl = this._renderer.GL;
+                // for webgl 1 we need to check if the texture is power of two
+                // if it isn't we will set the wrap mode to CLAMP
+                // webgl2 will support npot REPEAT and MIRROR but we don't check for it yet
+                var isPowerOfTwo = function isPowerOfTwo(x) {
+                  return (x & x - 1) === 0;
+                };
+                var textureData = this._getTextureDataFromSource();
+                var wrapWidth;
+                var wrapHeight;
+                if (textureData.naturalWidth && textureData.naturalHeight) {
+                  wrapWidth = textureData.naturalWidth;
+                  wrapHeight = textureData.naturalHeight;
+                } else {
+                  wrapWidth = this.width;
+                  wrapHeight = this.height;
+                }
+                var widthPowerOfTwo = isPowerOfTwo(wrapWidth);
+                var heightPowerOfTwo = isPowerOfTwo(wrapHeight);
+                if (wrapX === constants.REPEAT) {
+                  if (this._renderer.webglVersion === constants.WEBGL2 || widthPowerOfTwo && heightPowerOfTwo) {
+                    this.glWrapS = gl.REPEAT;
+                  } else {
+                    console.warn('You tried to set the wrap mode to REPEAT but the texture size is not a power of two. Setting to CLAMP instead');
+                    this.glWrapS = gl.CLAMP_TO_EDGE;
+                  }
+                } else if (wrapX === constants.MIRROR) {
+                  if (this._renderer.webglVersion === constants.WEBGL2 || widthPowerOfTwo && heightPowerOfTwo) {
+                    this.glWrapS = gl.MIRRORED_REPEAT;
+                  } else {
+                    console.warn('You tried to set the wrap mode to MIRROR but the texture size is not a power of two. Setting to CLAMP instead');
+                    this.glWrapS = gl.CLAMP_TO_EDGE;
+                  }
+                } else {
+                  // falling back to default if didn't get a proper mode
+                  this.glWrapS = gl.CLAMP_TO_EDGE;
+                }
+                if (wrapY === constants.REPEAT) {
+                  if (this._renderer.webglVersion === constants.WEBGL2 || widthPowerOfTwo && heightPowerOfTwo) {
+                    this.glWrapT = gl.REPEAT;
+                  } else {
+                    console.warn('You tried to set the wrap mode to REPEAT but the texture size is not a power of two. Setting to CLAMP instead');
+                    this.glWrapT = gl.CLAMP_TO_EDGE;
+                  }
+                } else if (wrapY === constants.MIRROR) {
+                  if (this._renderer.webglVersion === constants.WEBGL2 || widthPowerOfTwo && heightPowerOfTwo) {
+                    this.glWrapT = gl.MIRRORED_REPEAT;
+                  } else {
+                    console.warn('You tried to set the wrap mode to MIRROR but the texture size is not a power of two. Setting to CLAMP instead');
+                    this.glWrapT = gl.CLAMP_TO_EDGE;
+                  }
+                } else {
+                  // falling back to default if didn't get a proper mode
+                  this.glWrapT = gl.CLAMP_TO_EDGE;
+                }
+                this.bindTexture();
+                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, this.glWrapS);
+                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, this.glWrapT);
+                this.unbindTexture();
+              }
+            }
+          ]);
+          return Texture;
+        }();
+        var MipmapTexture = /*#__PURE__*/ function (_p5$Texture) {
+          _inherits(MipmapTexture, _p5$Texture);
+          var _super = _createSuper(MipmapTexture);
+          function MipmapTexture(renderer, levels, settings) {
+            var _this;
+            _classCallCheck(this, MipmapTexture);
+            _this = _super.call(this, renderer, levels, settings);
+            var gl = _this._renderer.GL;
+            if (_this.glMinFilter === gl.LINEAR) {
+              _this.glMinFilter = gl.LINEAR_MIPMAP_LINEAR;
+            }
+            return _this;
+          }
+          _createClass(MipmapTexture, [
+            {
+              key: 'glFilter',
+              value: function glFilter(_filter) {
+                var gl = this._renderer.GL;
+                // TODO: support others
+                return gl.LINEAR_MIPMAP_LINEAR;
+              }
+            },
+            {
+              key: '_getTextureDataFromSource',
+              value: function _getTextureDataFromSource() {
+                return this.src;
+              }
+            },
+            {
+              key: 'init',
+              value: function init(levels) {
+                var gl = this._renderer.GL;
+                this.glTex = gl.createTexture();
+                this.bindTexture();
+                for (var level = 0; level < levels.length; level++) {
+                  gl.texImage2D(this.glTarget, level, this.glFormat, this.glFormat, this.glDataType, levels[level]);
+                }
+                this.glMinFilter = gl.LINEAR_MIPMAP_LINEAR;
+                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, this.glMagFilter);
+                gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, this.glMinFilter);
+                this.unbindTexture();
+              }
+            },
+            {
+              key: 'update',
+              value: function update() {
+              }
+            }
+          ]);
+          return MipmapTexture;
+        }(_main.default.Texture);
+        exports.MipmapTexture = MipmapTexture;
+        function checkWebGLCapabilities(_ref) {
+          var GL = _ref.GL,
+          webglVersion = _ref.webglVersion;
+          var gl = GL;
+          var supportsFloat = webglVersion === constants.WEBGL2 ? gl.getExtension('EXT_color_buffer_float') && gl.getExtension('EXT_float_blend') : gl.getExtension('OES_texture_float');
+          var supportsFloatLinear = supportsFloat && gl.getExtension('OES_texture_float_linear');
+          var supportsHalfFloat = webglVersion === constants.WEBGL2 ? gl.getExtension('EXT_color_buffer_float') : gl.getExtension('OES_texture_half_float');
+          var supportsHalfFloatLinear = supportsHalfFloat && gl.getExtension('OES_texture_half_float_linear');
+          return {
+            float: supportsFloat,
+            floatLinear: supportsFloatLinear,
+            halfFloat: supportsHalfFloat,
+            halfFloatLinear: supportsHalfFloatLinear
+          };
+        }
+        var _default = _main.default.Texture;
+        exports.default = _default;
+      },
+      {
+        '../core/constants': 286,
+        '../core/main': 298,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.object.get-own-property-descriptor': 196,
+        'core-js/modules/es.object.get-prototype-of': 198,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.reflect.construct': 202,
+        'core-js/modules/es.regexp.to-string': 206,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/es.typed-array.copy-within': 223,
+        'core-js/modules/es.typed-array.every': 224,
+        'core-js/modules/es.typed-array.fill': 225,
+        'core-js/modules/es.typed-array.filter': 226,
+        'core-js/modules/es.typed-array.find': 228,
+        'core-js/modules/es.typed-array.find-index': 227,
+        'core-js/modules/es.typed-array.for-each': 231,
+        'core-js/modules/es.typed-array.includes': 232,
+        'core-js/modules/es.typed-array.index-of': 233,
+        'core-js/modules/es.typed-array.iterator': 236,
+        'core-js/modules/es.typed-array.join': 237,
+        'core-js/modules/es.typed-array.last-index-of': 238,
+        'core-js/modules/es.typed-array.map': 239,
+        'core-js/modules/es.typed-array.reduce': 241,
+        'core-js/modules/es.typed-array.reduce-right': 240,
+        'core-js/modules/es.typed-array.reverse': 242,
+        'core-js/modules/es.typed-array.set': 243,
+        'core-js/modules/es.typed-array.slice': 244,
+        'core-js/modules/es.typed-array.some': 245,
+        'core-js/modules/es.typed-array.sort': 246,
+        'core-js/modules/es.typed-array.subarray': 247,
+        'core-js/modules/es.typed-array.to-locale-string': 248,
+        'core-js/modules/es.typed-array.to-string': 249,
+        'core-js/modules/es.typed-array.uint8-array': 252,
+        'core-js/modules/es.weak-map': 254,
+        'core-js/modules/web.dom-collections.iterator': 256
+      }
+    ],
+    358: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.object.get-own-property-descriptor');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.regexp.exec');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.string.split');
+        _dereq_('core-js/modules/es.string.sub');
+        _dereq_('core-js/modules/es.weak-map');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        function _typeof2(obj) {
+          if (typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol') {
+            _typeof2 = function _typeof2(obj) {
+              return typeof obj;
+            };
+          } else {
+            _typeof2 = function _typeof2(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj;
+            };
+          }
+          return _typeof2(obj);
+        }
+        function _typeof(obj) {
+          if (typeof Symbol === 'function' && _typeof2(Symbol.iterator) === 'symbol') {
+            _typeof = function _typeof(obj) {
+              return _typeof2(obj);
+            };
+          } else {
+            _typeof = function _typeof(obj) {
+              return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : _typeof2(obj);
+            };
+          }
+          return _typeof(obj);
+        }
+        _dereq_('core-js/modules/es.symbol');
+        _dereq_('core-js/modules/es.symbol.description');
+        _dereq_('core-js/modules/es.symbol.iterator');
+        _dereq_('core-js/modules/es.array.iterator');
+        _dereq_('core-js/modules/es.object.to-string');
+        _dereq_('core-js/modules/es.regexp.exec');
+        _dereq_('core-js/modules/es.string.iterator');
+        _dereq_('core-js/modules/es.string.split');
+        _dereq_('core-js/modules/es.string.sub');
+        _dereq_('core-js/modules/web.dom-collections.iterator');
+        var _main = _interopRequireDefault(_dereq_('../core/main'));
+        var constants = _interopRequireWildcard(_dereq_('../core/constants'));
+        _dereq_('./p5.Shader');
+        _dereq_('./p5.RendererGL.Retained');
+        function _getRequireWildcardCache() {
+          if (typeof WeakMap !== 'function') return null;
+          var cache = new WeakMap();
+          _getRequireWildcardCache = function _getRequireWildcardCache() {
+            return cache;
+          };
+          return cache;
+        }
+        function _interopRequireWildcard(obj) {
+          if (obj && obj.__esModule) {
+            return obj;
+          }
+          if (obj === null || _typeof(obj) !== 'object' && typeof obj !== 'function') {
+            return {
+            default:
+              obj
+            };
+          }
+          var cache = _getRequireWildcardCache();
+          if (cache && cache.has(obj)) {
+            return cache.get(obj);
+          }
+          var newObj = {
+          };
+          var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+          for (var key in obj) {
+            if (Object.prototype.hasOwnProperty.call(obj, key)) {
+              var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+              if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+              } else {
+                newObj[key] = obj[key];
+              }
+            }
+          }
+          newObj.default = obj;
+          if (cache) {
+            cache.set(obj, newObj);
+          }
+          return newObj;
+        }
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            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;
+        }        // Text/Typography
+        // @TODO:
+
+        _main.default.RendererGL.prototype._applyTextProperties = function () {
+          //@TODO finish implementation
+          //console.error('text commands not yet implemented in webgl');
+        };
+        _main.default.RendererGL.prototype.textWidth = function (s) {
+          if (this._isOpenType()) {
+            return this._textFont._textWidth(s, this._textSize);
+          }
+          return 0; // TODO: error
+        };
+        // rendering constants
+        // the number of rows/columns dividing each glyph
+        var charGridWidth = 9;
+        var charGridHeight = charGridWidth;
+        // size of the image holding the bezier stroke info
+        var strokeImageWidth = 64;
+        var strokeImageHeight = 64;
+        // size of the image holding the stroke indices for each row/col
+        var gridImageWidth = 64;
+        var gridImageHeight = 64;
+        // size of the image holding the offset/length of each row/col stripe
+        var cellImageWidth = 64;
+        var cellImageHeight = 64;
+        /**
+ * @private
+ * @class ImageInfos
+ * @param {Integer} width
+ * @param {Integer} height
+ *
+ * the ImageInfos class holds a list of ImageDatas of a given size.
+ */
+        var ImageInfos = /*#__PURE__*/ function () {
+          function ImageInfos(width, height) {
+            _classCallCheck(this, ImageInfos);
+            this.width = width;
+            this.height = height;
+            this.infos = [
+            ]; // the list of images
+          }          /**
+     *
+     * @method findImage
+     * @param {Integer} space
+     * @return {Object} contains the ImageData, and pixel index into that
+     *                  ImageData where the free space was allocated.
+     *
+     * finds free space of a given size in the ImageData list
+     */
+
+          _createClass(ImageInfos, [
+            {
+              key: 'findImage',
+              value: function findImage(space) {
+                var imageSize = this.width * this.height;
+                if (space > imageSize) throw new Error('font is too complex to render in 3D');
+                // search through the list of images, looking for one with
+                // anough unused space.
+                var imageInfo,
+                imageData;
+                for (var ii = this.infos.length - 1; ii >= 0; --ii) {
+                  var imageInfoTest = this.infos[ii];
+                  if (imageInfoTest.index + space < imageSize) {
+                    // found one
+                    imageInfo = imageInfoTest;
+                    imageData = imageInfoTest.imageData;
+                    break;
+                  }
+                }
+                if (!imageInfo) {
+                  try {
+                    // create a new image
+                    imageData = new ImageData(this.width, this.height);
+                  } catch (err) {
+                    // for browsers that don't support ImageData constructors (ie IE11)
+                    // create an ImageData using the old method
+                    var canvas = document.getElementsByTagName('canvas') [0];
+                    var created = !canvas;
+                    if (!canvas) {
+                      // create a temporary canvas
+                      canvas = document.createElement('canvas');
+                      canvas.style.display = 'none';
+                      document.body.appendChild(canvas);
+                    }
+                    var ctx = canvas.getContext('2d');
+                    if (ctx) {
+                      imageData = ctx.createImageData(this.width, this.height);
+                    }
+                    if (created) {
+                      // distroy the temporary canvas, if necessary
+                      document.body.removeChild(canvas);
+                    }
+                  }                  // construct & dd the new image info
+
+                  imageInfo = {
+                    index: 0,
+                    imageData: imageData
+                  };
+                  this.infos.push(imageInfo);
+                }
+                var index = imageInfo.index;
+                imageInfo.index += space; // move to the start of the next image
+                imageData._dirty = true;
+                return {
+                  imageData: imageData,
+                  index: index
+                };
+              }
+            }
+          ]);
+          return ImageInfos;
+        }();
+        /**
+ * @function setPixel
+ * @param {Object} imageInfo
+ * @param {Number} r
+ * @param {Number} g
+ * @param {Number} b
+ * @param {Number} a
+ *
+ * writes the next pixel into an indexed ImageData
+ */
+        function setPixel(imageInfo, r, g, b, a) {
+          var imageData = imageInfo.imageData;
+          var pixels = imageData.data;
+          var index = imageInfo.index++ * 4;
+          pixels[index++] = r;
+          pixels[index++] = g;
+          pixels[index++] = b;
+          pixels[index++] = a;
+        }
+        var SQRT3 = Math.sqrt(3);
+        /**
+ * @private
+ * @class FontInfo
+ * @param {Object} font an opentype.js font object
+ *
+ * contains cached images and glyph information for an opentype font
+ */
+        var FontInfo = /*#__PURE__*/ function () {
+          function FontInfo(font) {
+            _classCallCheck(this, FontInfo);
+            this.font = font;
+            // the bezier curve coordinates
+            this.strokeImageInfos = new ImageInfos(strokeImageWidth, strokeImageHeight);
+            // lists of curve indices for each row/column slice
+            this.colDimImageInfos = new ImageInfos(gridImageWidth, gridImageHeight);
+            this.rowDimImageInfos = new ImageInfos(gridImageWidth, gridImageHeight);
+            // the offset & length of each row/col slice in the glyph
+            this.colCellImageInfos = new ImageInfos(cellImageWidth, cellImageHeight);
+            this.rowCellImageInfos = new ImageInfos(cellImageWidth, cellImageHeight);
+            // the cached information for each glyph
+            this.glyphInfos = {
+            };
+          }          /**
+     * @method getGlyphInfo
+     * @param {Glyph} glyph the x positions of points in the curve
+     * @returns {Object} the glyphInfo for that glyph
+     *
+     * calculates rendering info for a glyph, including the curve information,
+     * row & column stripes compiled into textures.
+     */
+
+          _createClass(FontInfo, [
+            {
+              key: 'getGlyphInfo',
+              value: function getGlyphInfo(glyph) {
+                // check the cache
+                var gi = this.glyphInfos[glyph.index];
+                if (gi) return gi;
+                // get the bounding box of the glyph from opentype.js
+                var bb = glyph.getBoundingBox();
+                var xMin = bb.x1;
+                var yMin = bb.y1;
+                var gWidth = bb.x2 - xMin;
+                var gHeight = bb.y2 - yMin;
+                var cmds = glyph.path.commands;
+                // don't bother rendering invisible glyphs
+                if (gWidth === 0 || gHeight === 0 || !cmds.length) {
+                  return this.glyphInfos[glyph.index] = {
+                  };
+                }
+                var i;
+                var strokes = [
+                ]; // the strokes in this glyph
+                var rows = [
+                ]; // the indices of strokes in each row
+                var cols = [
+                ]; // the indices of strokes in each column
+                for (i = charGridWidth - 1; i >= 0; --i) {
+                  cols.push([]);
+                }
+                for (i = charGridHeight - 1; i >= 0; --i) {
+                  rows.push([]);
+                }                /**
+         * @function push
+         * @param {Number[]} xs the x positions of points in the curve
+         * @param {Number[]} ys the y positions of points in the curve
+         * @param {Object} v    the curve information
+         *
+         * adds a curve to the rows & columns that it intersects with
+         */
+
+                function push(xs, ys, v) {
+                  var index = strokes.length; // the index of this stroke
+                  strokes.push(v); // add this stroke to the list
+                  /**
+           * @function minMax
+           * @param {Number[]} rg the list of values to compare
+           * @param {Number} min the initial minimum value
+           * @param {Number} max the initial maximum value
+           *
+           * find the minimum & maximum value in a list of values
+           */
+                  function minMax(rg, min, max) {
+                    for (var _i = rg.length; _i-- > 0; ) {
+                      var _v = rg[_i];
+                      if (min > _v) min = _v;
+                      if (max < _v) max = _v;
+                    }
+                    return {
+                      min: min,
+                      max: max
+                    };
+                  }                  // Expand the bounding box of the glyph by the number of cells below
+                  // before rounding. Curves only partially through a cell won't be added
+                  // to adjacent cells, but ones that are close will be. This helps fix
+                  // small visual glitches that occur when curves are close to grid cell
+                  // boundaries.
+
+                  var cellOffset = 0.5;
+                  // loop through the rows & columns that the curve intersects
+                  // adding the curve to those slices
+                  var mmX = minMax(xs, 1, 0);
+                  var ixMin = Math.max(Math.floor(mmX.min * charGridWidth - cellOffset), 0);
+                  var ixMax = Math.min(Math.ceil(mmX.max * charGridWidth + cellOffset), charGridWidth);
+                  for (var iCol = ixMin; iCol < ixMax; ++iCol) {
+                    cols[iCol].push(index);
+                  }
+                  var mmY = minMax(ys, 1, 0);
+                  var iyMin = Math.max(Math.floor(mmY.min * charGridHeight - cellOffset), 0);
+                  var iyMax = Math.min(Math.ceil(mmY.max * charGridHeight + cellOffset), charGridHeight);
+                  for (var iRow = iyMin; iRow < iyMax; ++iRow) {
+                    rows[iRow].push(index);
+                  }
+                }                /**
+         * @function clamp
+         * @param {Number} v the value to clamp
+         * @param {Number} min the minimum value
+         * @param {Number} max the maxmimum value
+         *
+         * clamps a value between a minimum & maximum value
+         */
+
+                function clamp(v, min, max) {
+                  if (v < min) return min;
+                  if (v > max) return max;
+                  return v;
+                }                /**
+         * @function byte
+         * @param {Number} v the value to scale
+         *
+         * converts a floating-point number in the range 0-1 to a byte 0-255
+         */
+
+                function byte(v) {
+                  return clamp(255 * v, 0, 255);
+                }                /**
+         * @private
+         * @class Cubic
+         * @param {Number} p0 the start point of the curve
+         * @param {Number} c0 the first control point
+         * @param {Number} c1 the second control point
+         * @param {Number} p1 the end point
+         *
+         * a cubic curve
+         */
+
+                var Cubic = /*#__PURE__*/ function () {
+                  function Cubic(p0, c0, c1, p1) {
+                    _classCallCheck(this, Cubic);
+                    this.p0 = p0;
+                    this.c0 = c0;
+                    this.c1 = c1;
+                    this.p1 = p1;
+                  }                  /**
+             * @method toQuadratic
+             * @return {Object} the quadratic approximation
+             *
+             * converts the cubic to a quadtratic approximation by
+             * picking an appropriate quadratic control point
+             */
+
+                  _createClass(Cubic, [
+                    {
+                      key: 'toQuadratic',
+                      value: function toQuadratic() {
+                        return {
+                          x: this.p0.x,
+                          y: this.p0.y,
+                          x1: this.p1.x,
+                          y1: this.p1.y,
+                          cx: ((this.c0.x + this.c1.x) * 3 - (this.p0.x + this.p1.x)) / 4,
+                          cy: ((this.c0.y + this.c1.y) * 3 - (this.p0.y + this.p1.y)) / 4
+                        };
+                      }                      /**
+               * @method quadError
+               * @return {Number} the error
+               *
+               * calculates the magnitude of error of this curve's
+               * quadratic approximation.
+               */
+
+                    },
+                    {
+                      key: 'quadError',
+                      value: function quadError() {
+                        return _main.default.Vector.sub(_main.default.Vector.sub(this.p1, this.p0), _main.default.Vector.mult(_main.default.Vector.sub(this.c1, this.c0), 3)).mag() / 2;
+                      }                      /**
+               * @method split
+               * @param {Number} t the value (0-1) at which to split
+               * @return {Cubic} the second part of the curve
+               *
+               * splits the cubic into two parts at a point 't' along the curve.
+               * this cubic keeps its start point and its end point becomes the
+               * point at 't'. the 'end half is returned.
+               */
+
+                    },
+                    {
+                      key: 'split',
+                      value: function split(t) {
+                        var m1 = _main.default.Vector.lerp(this.p0, this.c0, t);
+                        var m2 = _main.default.Vector.lerp(this.c0, this.c1, t);
+                        var mm1 = _main.default.Vector.lerp(m1, m2, t);
+                        this.c1 = _main.default.Vector.lerp(this.c1, this.p1, t);
+                        this.c0 = _main.default.Vector.lerp(m2, this.c1, t);
+                        var pt = _main.default.Vector.lerp(mm1, this.c0, t);
+                        var part1 = new Cubic(this.p0, m1, mm1, pt);
+                        this.p0 = pt;
+                        return part1;
+                      }                      /**
+               * @method splitInflections
+               * @return {Cubic[]} the non-inflecting pieces of this cubic
+               *
+               * returns an array containing 0, 1 or 2 cubics split resulting
+               * from splitting this cubic at its inflection points.
+               * this cubic is (potentially) altered and returned in the list.
+               */
+
+                    },
+                    {
+                      key: 'splitInflections',
+                      value: function splitInflections() {
+                        var a = _main.default.Vector.sub(this.c0, this.p0);
+                        var b = _main.default.Vector.sub(_main.default.Vector.sub(this.c1, this.c0), a);
+                        var c = _main.default.Vector.sub(_main.default.Vector.sub(_main.default.Vector.sub(this.p1, this.c1), a), _main.default.Vector.mult(b, 2));
+                        var cubics = [
+                        ];
+                        // find the derivative coefficients
+                        var A = b.x * c.y - b.y * c.x;
+                        if (A !== 0) {
+                          var B = a.x * c.y - a.y * c.x;
+                          var C = a.x * b.y - a.y * b.x;
+                          var disc = B * B - 4 * A * C;
+                          if (disc >= 0) {
+                            if (A < 0) {
+                              A = - A;
+                              B = - B;
+                              C = - C;
+                            }
+                            var Q = Math.sqrt(disc);
+                            var t0 = ( - B - Q) / (2 * A); // the first inflection point
+                            var t1 = ( - B + Q) / (2 * A); // the second inflection point
+                            // test if the first inflection point lies on the curve
+                            if (t0 > 0 && t0 < 1) {
+                              // split at the first inflection point
+                              cubics.push(this.split(t0));
+                              // scale t2 into the second part
+                              t1 = 1 - (1 - t1) / (1 - t0);
+                            }                            // test if the second inflection point lies on the curve
+
+                            if (t1 > 0 && t1 < 1) {
+                              // split at the second inflection point
+                              cubics.push(this.split(t1));
+                            }
+                          }
+                        }
+                        cubics.push(this);
+                        return cubics;
+                      }
+                    }
+                  ]);
+                  return Cubic;
+                }();
+                /**
+         * @function cubicToQuadratics
+         * @param {Number} x0
+         * @param {Number} y0
+         * @param {Number} cx0
+         * @param {Number} cy0
+         * @param {Number} cx1
+         * @param {Number} cy1
+         * @param {Number} x1
+         * @param {Number} y1
+         * @returns {Cubic[]} an array of cubics whose quadratic approximations
+         *                    closely match the civen cubic.
+         *
+         * converts a cubic curve to a list of quadratics.
+         */
+                function cubicToQuadratics(x0, y0, cx0, cy0, cx1, cy1, x1, y1) {
+                  // create the Cubic object and split it at its inflections
+                  var cubics = new Cubic(new _main.default.Vector(x0, y0), new _main.default.Vector(cx0, cy0), new _main.default.Vector(cx1, cy1), new _main.default.Vector(x1, y1)).splitInflections();
+                  var qs = [
+                  ]; // the final list of quadratics
+                  var precision = 30 / SQRT3;
+                  // for each of the non-inflected pieces of the original cubic
+                  var _iteratorNormalCompletion = true;
+                  var _didIteratorError = false;
+                  var _iteratorError = undefined;
+                  try {
+                    for (var _iterator = cubics[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+                      var cubic = _step.value;
+                      // the cubic is iteratively split in 3 pieces:
+                      // the first piece is accumulated in 'qs', the result.
+                      // the last piece is accumulated in 'tail', temporarily.
+                      // the middle piece is repeatedly split again, while necessary.
+                      var tail = [
+                      ];
+                      var t3 = void 0;
+                      for (; ; ) {
+                        // calculate this cubic's precision
+                        t3 = precision / cubic.quadError();
+                        if (t3 >= 0.5 * 0.5 * 0.5) {
+                          break; // not too bad, we're done
+                        }                        // find a split point based on the error
+
+                        var t = Math.pow(t3, 1 / 3);
+                        // split the cubic in 3
+                        var start = cubic.split(t);
+                        var middle = cubic.split(1 - t / (1 - t));
+                        qs.push(start); // the first part
+                        tail.push(cubic); // the last part
+                        cubic = middle; // iterate on the middle piece
+                      }
+                      if (t3 < 1) {
+                        // a little excess error, split the middle in two
+                        qs.push(cubic.split(0.5));
+                      }                      // add the middle piece to the result
+
+                      qs.push(cubic);
+                      // finally add the tail, reversed, onto the result
+                      Array.prototype.push.apply(qs, tail.reverse());
+                    }
+                  } catch (err) {
+                    _didIteratorError = true;
+                    _iteratorError = err;
+                  } finally {
+                    try {
+                      if (!_iteratorNormalCompletion && _iterator.return != null) {
+                        _iterator.return();
+                      }
+                    } finally {
+                      if (_didIteratorError) {
+                        throw _iteratorError;
+                      }
+                    }
+                  }
+                  return qs;
+                }                /**
+         * @function pushLine
+         * @param {Number} x0
+         * @param {Number} y0
+         * @param {Number} x1
+         * @param {Number} y1
+         *
+         * add a straight line to the row/col grid of a glyph
+         */
+
+                function pushLine(x0, y0, x1, y1) {
+                  var mx = (x0 + x1) / 2;
+                  var my = (y0 + y1) / 2;
+                  push([x0,
+                  x1], [
+                    y0,
+                    y1
+                  ], {
+                    x: x0,
+                    y: y0,
+                    cx: mx,
+                    cy: my
+                  });
+                }                /**
+         * @function samePoint
+         * @param {Number} x0
+         * @param {Number} y0
+         * @param {Number} x1
+         * @param {Number} y1
+         * @return {Boolean} true if the two points are sufficiently close
+         *
+         * tests if two points are close enough to be considered the same
+         */
+
+                function samePoint(x0, y0, x1, y1) {
+                  return Math.abs(x1 - x0) < 0.00001 && Math.abs(y1 - y0) < 0.00001;
+                }
+                var x0,
+                y0,
+                xs,
+                ys;
+                var _iteratorNormalCompletion2 = true;
+                var _didIteratorError2 = false;
+                var _iteratorError2 = undefined;
+                try {
+                  for (var _iterator2 = cmds[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+                    var cmd = _step2.value;
+                    // scale the coordinates to the range 0-1
+                    var x1 = (cmd.x - xMin) / gWidth;
+                    var y1 = (cmd.y - yMin) / gHeight;
+                    // don't bother if this point is the same as the last
+                    if (samePoint(x0, y0, x1, y1)) continue;
+                    switch (cmd.type) {
+                      case 'M':
+                        {
+                          // move
+                          xs = x1;
+                          ys = y1;
+                          break;
+                        }
+                      case 'L':
+                        {
+                          // line
+                          pushLine(x0, y0, x1, y1);
+                          break;
+                        }
+                      case 'Q':
+                        {
+                          // quadratic
+                          var cx = (cmd.x1 - xMin) / gWidth;
+                          var cy = (cmd.y1 - yMin) / gHeight;
+                          push([x0,
+                          x1,
+                          cx], [
+                            y0,
+                            y1,
+                            cy
+                          ], {
+                            x: x0,
+                            y: y0,
+                            cx: cx,
+                            cy: cy
+                          });
+                          break;
+                        }
+                      case 'Z':
+                        {
+                          // end
+                          if (!samePoint(x0, y0, xs, ys)) {
+                            // add an extra line closing the loop, if necessary
+                            pushLine(x0, y0, xs, ys);
+                            strokes.push({
+                              x: xs,
+                              y: ys
+                            });
+                          } else {
+                            strokes.push({
+                              x: x0,
+                              y: y0
+                            });
+                          }
+                          break;
+                        }
+                      case 'C':
+                        {
+                          // cubic
+                          var cx1 = (cmd.x1 - xMin) / gWidth;
+                          var cy1 = (cmd.y1 - yMin) / gHeight;
+                          var cx2 = (cmd.x2 - xMin) / gWidth;
+                          var cy2 = (cmd.y2 - yMin) / gHeight;
+                          var qs = cubicToQuadratics(x0, y0, cx1, cy1, cx2, cy2, x1, y1);
+                          for (var iq = 0; iq < qs.length; iq++) {
+                            var q = qs[iq].toQuadratic();
+                            push([q.x,
+                            q.x1,
+                            q.cx], [
+                              q.y,
+                              q.y1,
+                              q.cy
+                            ], q);
+                          }
+                          break;
+                        }
+                      default:
+                        throw new Error('unknown command type: '.concat(cmd.type));
+                    }
+                    x0 = x1;
+                    y0 = y1;
+                  }                  // allocate space for the strokes
+
+                } catch (err) {
+                  _didIteratorError2 = true;
+                  _iteratorError2 = err;
+                } finally {
+                  try {
+                    if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
+                      _iterator2.return();
+                    }
+                  } finally {
+                    if (_didIteratorError2) {
+                      throw _iteratorError2;
+                    }
+                  }
+                }
+                var strokeCount = strokes.length;
+                var strokeImageInfo = this.strokeImageInfos.findImage(strokeCount);
+                var strokeOffset = strokeImageInfo.index;
+                // fill the stroke image
+                for (var il = 0; il < strokeCount; ++il) {
+                  var s = strokes[il];
+                  setPixel(strokeImageInfo, byte(s.x), byte(s.y), byte(s.cx), byte(s.cy));
+                }                /**
+         * @function layout
+         * @param {Number[][]} dim
+         * @param {ImageInfo[]} dimImageInfos
+         * @param {ImageInfo[]} cellImageInfos
+         * @return {Object}
+         *
+         * lays out the curves in a dimension (row or col) into two
+         * images, one for the indices of the curves themselves, and
+         * one containing the offset and length of those index spans.
+         */
+
+                function layout(dim, dimImageInfos, cellImageInfos) {
+                  var dimLength = dim.length; // the number of slices in this dimension
+                  var dimImageInfo = dimImageInfos.findImage(dimLength);
+                  var dimOffset = dimImageInfo.index;
+                  // calculate the total number of stroke indices in this dimension
+                  var totalStrokes = 0;
+                  for (var id = 0; id < dimLength; ++id) {
+                    totalStrokes += dim[id].length;
+                  }                  // allocate space for the stroke indices
+
+                  var cellImageInfo = cellImageInfos.findImage(totalStrokes);
+                  // for each slice in the glyph
+                  for (var _i2 = 0; _i2 < dimLength; ++_i2) {
+                    var strokeIndices = dim[_i2];
+                    var _strokeCount = strokeIndices.length;
+                    var cellLineIndex = cellImageInfo.index;
+                    // write the offset and count into the glyph slice image
+                    setPixel(dimImageInfo, cellLineIndex >> 7, cellLineIndex & 127, _strokeCount >> 7, _strokeCount & 127);
+                    // for each stroke index in that slice
+                    for (var iil = 0; iil < _strokeCount; ++iil) {
+                      // write the stroke index into the slice's image
+                      var strokeIndex = strokeIndices[iil] + strokeOffset;
+                      setPixel(cellImageInfo, strokeIndex >> 7, strokeIndex & 127, 0, 0);
+                    }
+                  }
+                  return {
+                    cellImageInfo: cellImageInfo,
+                    dimOffset: dimOffset,
+                    dimImageInfo: dimImageInfo
+                  };
+                }                // initialize the info for this glyph
+
+                gi = this.glyphInfos[glyph.index] = {
+                  glyph: glyph,
+                  uGlyphRect: [
+                    bb.x1,
+                    - bb.y1,
+                    bb.x2,
+                    - bb.y2
+                  ],
+                  strokeImageInfo: strokeImageInfo,
+                  strokes: strokes,
+                  colInfo: layout(cols, this.colDimImageInfos, this.colCellImageInfos),
+                  rowInfo: layout(rows, this.rowDimImageInfos, this.rowCellImageInfos)
+                };
+                gi.uGridOffset = [
+                  gi.colInfo.dimOffset,
+                  gi.rowInfo.dimOffset
+                ];
+                return gi;
+              }
+            }
+          ]);
+          return FontInfo;
+        }();
+        _main.default.RendererGL.prototype._renderText = function (p, line, x, y, maxY) {
+          if (!this._textFont || typeof this._textFont === 'string') {
+            console.log('WEBGL: you must load and set a font before drawing text. See `loadFont` and `textFont` for more details.');
+            return;
+          }
+          if (y >= maxY || !this._doFill) {
+            return; // don't render lines beyond our maxY position
+          }
+          if (!this._isOpenType()) {
+            console.log('WEBGL: only Opentype (.otf) and Truetype (.ttf) fonts are supported');
+            return p;
+          }
+          p.push(); // fix to #803
+          // remember this state, so it can be restored later
+          var doStroke = this._doStroke;
+          var drawMode = this.drawMode;
+          this._doStroke = false;
+          this.drawMode = constants.TEXTURE;
+          // get the cached FontInfo object
+          var font = this._textFont.font;
+          var fontInfo = this._textFont._fontInfo;
+          if (!fontInfo) {
+            fontInfo = this._textFont._fontInfo = new FontInfo(font);
+          }          // calculate the alignment and move/scale the view accordingly
+
+          var pos = this._textFont._handleAlignment(this, line, x, y);
+          var fontSize = this._textSize;
+          var scale = fontSize / font.unitsPerEm;
+          this.translate(pos.x, pos.y, 0);
+          this.scale(scale, scale, 1);
+          // initialize the font shader
+          var gl = this.GL;
+          var initializeShader = !this._defaultFontShader;
+          var sh = this._getFontShader();
+          sh.init();
+          sh.bindShader(); // first time around, bind the shader fully
+          if (initializeShader) {
+            // these are constants, really. just initialize them one-time.
+            sh.setUniform('uGridImageSize', [
+              gridImageWidth,
+              gridImageHeight
+            ]);
+            sh.setUniform('uCellsImageSize', [
+              cellImageWidth,
+              cellImageHeight
+            ]);
+            sh.setUniform('uStrokeImageSize', [
+              strokeImageWidth,
+              strokeImageHeight
+            ]);
+            sh.setUniform('uGridSize', [
+              charGridWidth,
+              charGridHeight
+            ]);
+          }
+          this._applyColorBlend(this.curFillColor);
+          var g = this.retainedMode.geometry['glyph'];
+          if (!g) {
+            // create the geometry for rendering a quad
+            var geom = this._textGeom = new _main.default.Geometry(1, 1, function () {
+              for (var i = 0; i <= 1; i++) {
+                for (var j = 0; j <= 1; j++) {
+                  this.vertices.push(new _main.default.Vector(j, i, 0));
+                  this.uvs.push(j, i);
+                }
+              }
+            });
+            geom.computeFaces().computeNormals();
+            g = this.createBuffers('glyph', geom);
+          }          // bind the shader buffers
+
+          var _iteratorNormalCompletion3 = true;
+          var _didIteratorError3 = false;
+          var _iteratorError3 = undefined;
+          try {
+            for (var _iterator3 = this.retainedMode.buffers.text[Symbol.iterator](), _step3; !(_iteratorNormalCompletion3 = (_step3 = _iterator3.next()).done); _iteratorNormalCompletion3 = true) {
+              var buff = _step3.value;
+              buff._prepareBuffer(g, sh);
+            }
+          } catch (err) {
+            _didIteratorError3 = true;
+            _iteratorError3 = err;
+          } finally {
+            try {
+              if (!_iteratorNormalCompletion3 && _iterator3.return != null) {
+                _iterator3.return();
+              }
+            } finally {
+              if (_didIteratorError3) {
+                throw _iteratorError3;
+              }
+            }
+          }
+          this._bindBuffer(g.indexBuffer, gl.ELEMENT_ARRAY_BUFFER);
+          // this will have to do for now...
+          sh.setUniform('uMaterialColor', this.curFillColor);
+          gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, false);
+          try {
+            var dx = 0; // the x position in the line
+            var glyphPrev = null; // the previous glyph, used for kerning
+            // fetch the glyphs in the line of text
+            var glyphs = font.stringToGlyphs(line);
+            var _iteratorNormalCompletion4 = true;
+            var _didIteratorError4 = false;
+            var _iteratorError4 = undefined;
+            try {
+              for (var _iterator4 = glyphs[Symbol.iterator](), _step4; !(_iteratorNormalCompletion4 = (_step4 = _iterator4.next()).done); _iteratorNormalCompletion4 = true) {
+                var glyph = _step4.value;
+                // kern
+                if (glyphPrev) dx += font.getKerningValue(glyphPrev, glyph);
+                var gi = fontInfo.getGlyphInfo(glyph);
+                if (gi.uGlyphRect) {
+                  var rowInfo = gi.rowInfo;
+                  var colInfo = gi.colInfo;
+                  sh.setUniform('uSamplerStrokes', gi.strokeImageInfo.imageData);
+                  sh.setUniform('uSamplerRowStrokes', rowInfo.cellImageInfo.imageData);
+                  sh.setUniform('uSamplerRows', rowInfo.dimImageInfo.imageData);
+                  sh.setUniform('uSamplerColStrokes', colInfo.cellImageInfo.imageData);
+                  sh.setUniform('uSamplerCols', colInfo.dimImageInfo.imageData);
+                  sh.setUniform('uGridOffset', gi.uGridOffset);
+                  sh.setUniform('uGlyphRect', gi.uGlyphRect);
+                  sh.setUniform('uGlyphOffset', dx);
+                  sh.bindTextures(); // afterwards, only textures need updating
+                  // draw it
+                  gl.drawElements(gl.TRIANGLES, 6, this.GL.UNSIGNED_SHORT, 0);
+                }
+                dx += glyph.advanceWidth;
+                glyphPrev = glyph;
+              }
+            } catch (err) {
+              _didIteratorError4 = true;
+              _iteratorError4 = err;
+            } finally {
+              try {
+                if (!_iteratorNormalCompletion4 && _iterator4.return != null) {
+                  _iterator4.return();
+                }
+              } finally {
+                if (_didIteratorError4) {
+                  throw _iteratorError4;
+                }
+              }
+            }
+          } finally {
+            // clean up
+            sh.unbindShader();
+            this._doStroke = doStroke;
+            this.drawMode = drawMode;
+            gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, true);
+            p.pop();
+          }
+          return p;
+        };
+      },
+      {
+        '../core/constants': 286,
+        '../core/main': 298,
+        './p5.RendererGL.Retained': 354,
+        './p5.Shader': 356,
+        'core-js/modules/es.array.iterator': 179,
+        'core-js/modules/es.object.get-own-property-descriptor': 196,
+        'core-js/modules/es.object.to-string': 200,
+        'core-js/modules/es.regexp.exec': 205,
+        'core-js/modules/es.string.iterator': 210,
+        'core-js/modules/es.string.split': 216,
+        'core-js/modules/es.string.sub': 218,
+        'core-js/modules/es.symbol': 222,
+        'core-js/modules/es.symbol.description': 220,
+        'core-js/modules/es.symbol.iterator': 221,
+        'core-js/modules/es.weak-map': 254,
+        'core-js/modules/web.dom-collections.iterator': 256
+      }
+    ],
+    359: [
+      function (_dereq_, module, exports) {
+        module.exports = {
+          'fes': {
+            'autoplay': 'The media that tried to play (with \'{{src}}\') wasn\'t allowed to by this browser, most likely due to the browser\'s autoplay policy.\n\n+ More info: {{url}}',
+            'checkUserDefinedFns': 'It seems that you may have accidentally written {{name}} instead of {{actualName}}. Please correct it if it\'s not intentional.',
+            'fileLoadError': {
+              'bytes': 'It looks like there was a problem loading your file. {{suggestion}}',
+              'font': 'It looks like there was a problem loading your font. {{suggestion}}',
+              'gif': 'There was some trouble loading your GIF. Make sure that your GIF is using 87a or 89a encoding.',
+              'image': 'It looks like there was a problem loading your image. {{suggestion}}',
+              'json': 'It looks like there was a problem loading your JSON file. {{suggestion}}',
+              'large': 'If your large file isn\'t fetched successfully, we recommend splitting the file into smaller segments and fetching those.',
+              'strings': 'It looks like there was a problem loading your text file. {{suggestion}}',
+              'suggestion': 'Try checking if the file path ({{filePath}}) is correct, hosting the file online, or running a local server.\n\n+ More info: {{url}}',
+              'table': 'It looks like there was a problem loading your table file. {{suggestion}}',
+              'xml': 'It looks like there was a problem loading your XML file. {{suggestion}}'
+            },
+            'friendlyParamError': {
+              'type_EMPTY_VAR': '{{location}} {{func}}() was expecting {{formatType}} for the {{position}} parameter, received an empty variable instead. If not intentional, this is often a problem with scope.\n\n+ More info: {{url}}',
+              'type_TOO_FEW_ARGUMENTS': '{{location}} {{func}}() was expecting at least {{minParams}} arguments, but received only {{argCount}}.',
+              'type_TOO_MANY_ARGUMENTS': '{{location}} {{func}}() was expecting no more than {{maxParams}} arguments, but received {{argCount}}.',
+              'type_WRONG_TYPE': '{{location}} {{func}}() was expecting {{formatType}} for the {{position}} parameter, received {{argType}} instead.'
+            },
+            'globalErrors': {
+              'reference': {
+                'cannotAccess': '\n{{location}} "{{symbol}}" is used before declaration. Make sure you have declared the variable before using it.\n\n+ More info: {{url}}',
+                'notDefined': '\n{{location}} "{{symbol}}" is not defined in the current scope. If you have defined it in your code, you should check its scope, spelling, and letter-casing (JavaScript is case-sensitive).\n\n+ More info: {{url}}'
+              },
+              'stackSubseq': '└[{{location}}] \n\t Called from line {{line}} in {{func}}()\n',
+              'stackTop': '┌[{{location}}] \n\t Error at line {{line}} in {{func}}()\n',
+              'syntax': {
+                'badReturnOrYield': '\nSyntax Error - return lies outside of a function. Make sure you’re not missing any brackets, so that return lies inside a function.\n\n+ More info: {{url}}',
+                'invalidToken': '\nSyntax Error - Found a symbol that JavaScript doesn\'t recognize or didn\'t expect at it\'s place.\n\n+ More info: {{url}}',
+                'missingInitializer': '\nSyntax Error - A const variable is declared but not initialized. In JavaScript, an initializer for a const is required. A value must be specified in the same statement in which the variable is declared. Check the line number in the error and assign the const variable a value.\n\n+ More info: {{url}}',
+                'redeclaredVariable': '\nSyntax Error - "{{symbol}}" is being redeclared. JavaScript doesn\'t allow declaring a variable more than once. Check the line number in error for redeclaration of the variable.\n\n+ More info: {{url}}',
+                'unexpectedToken': '\nSyntax Error - Symbol present at a place that wasn\'t expected.\nUsually this is due to a typo. Check the line number in the error for anything missing/extra.\n\n+ More info: {{url}}'
+              },
+              'type': {
+                'constAssign': '\n{{location}} A const variable is being re-assigned. In javascript, re-assigning a value to a constant is not allowed. If you want to re-assign new values to a variable, make sure it is declared as var or let.\n\n+ More info: {{url}}',
+                'notfunc': '\n{{location}} "{{symbol}}" could not be called as a function.\nCheck the spelling, letter-casing (JavaScript is case-sensitive) and its type.\n\n+ More info: {{url}}',
+                'notfuncObj': '\n{{location}} "{{symbol}}" could not be called as a function.\nVerify whether "{{obj}}" has "{{symbol}}" in it and check the spelling, letter-casing (JavaScript is case-sensitive) and its type.\n\n+ More info: {{url}}',
+                'readFromNull': '\n{{location}} The property of null can\'t be read. In javascript the value null indicates that an object has no value.\n\n+ More info: {{url}}',
+                'readFromUndefined': '\n{{location}} Cannot read property of undefined. Check the line number in error and make sure the variable which is being operated is not undefined.\n\n + More info: {{url}}'
+              }
+            },
+            'libraryError': '{{location}} An error with message "{{error}}" occurred inside the p5js library when {{func}} was called. If not stated otherwise, it might be an issue with the arguments passed to {{func}}.',
+            'location': '[{{file}}, line {{line}}]',
+            'misspelling': '{{location}} It seems that you may have accidentally written "{{name}}" instead of "{{actualName}}". Please correct it to {{actualName}} if you wish to use the {{type}} from p5.js.',
+            'misspelling_plural': '{{location}} It seems that you may have accidentally written "{{name}}".\nYou may have meant one of the following: \n{{suggestions}}',
+            'misusedTopLevel': 'Did you just try to use p5.js\'s {{symbolName}} {{symbolType}}? If so, you may want to move it into your sketch\'s setup() function.\n\n+ More info: {{url}}',
+            'positions': {
+              'p_1': 'first',
+              'p_10': 'tenth',
+              'p_11': 'eleventh',
+              'p_12': 'twelfth',
+              'p_2': 'second',
+              'p_3': 'third',
+              'p_4': 'fourth',
+              'p_5': 'fifth',
+              'p_6': 'sixth',
+              'p_7': 'seventh',
+              'p_8': 'eighth',
+              'p_9': 'ninth'
+            },
+            'pre': '\n🌸 p5.js says: {{message}}',
+            'sketchReaderErrors': {
+              'reservedConst': 'you have used a p5.js reserved variable "{{symbol}}" make sure you change the variable name to something else.\n\n+ More info: {{url}}',
+              'reservedFunc': 'you have used a p5.js reserved function "{{symbol}}" make sure you change the function name to something else.\n\n+ More info: {{url}}'
+            },
+            'welcome': 'Welcome! This is your friendly debugger. To turn me off, switch to using p5.min.js.',
+            'wrongPreload': '{{location}} An error with message "{{error}}" occurred inside the p5js library when "{{func}}" was called. If not stated otherwise, it might be due to "{{func}}" being called from preload. Nothing besides load calls (loadImage, loadJSON, loadFont, loadStrings, etc.) should be inside the preload function.'
+          }
+        }
+      },
+      {
+      }
+    ],
+    360: [
+      function (_dereq_, module, exports) {
+        'use strict';
+        Object.defineProperty(exports, '__esModule', {
+          value: true
+        });
+        exports.languages = exports.default = void 0;
+        var _translation = _interopRequireDefault(_dereq_('./en/translation'));
+        function _interopRequireDefault(obj) {
+          return obj && obj.__esModule ? obj : {
+          default:
+            obj
+          };
+        }        // Only one language is imported above. This is intentional as other languages
+        // will be hosted online and then downloaded whenever needed
+        /**
+ * Here, we define a default/fallback language which we can use without internet.
+ * You won't have to change this when adding a new language.
+ *
+ * `translation` is the namespace we are using for our initial set of strings
+ */
+
+        var _default = {
+          en: {
+            translation: _translation.default
+          }
+        };
+        /**
+ * This is a list of languages that we have added so far.
+ * If you have just added a new language (yay!), add its key to the list below
+ * (`en` is english, `es` es español). Also add its export to
+ * dev.js, which is another file in this folder.
+ */
+        exports.default = _default;
+        var languages = [
+          'en',
+          'es',
+          'ko',
+          'zh',
+          'hi'
+        ];
+        exports.languages = languages;
+      },
+      {
+        './en/translation': 359
+      }
+    ]
+  }, {
+  }, [
+    281
+  ]) (281)
+});
diff --git a/steps/vendor/tailwind-cdn.js b/steps/vendor/tailwind-cdn.js
new file mode 100644
index 0000000..573c165
--- /dev/null
+++ b/steps/vendor/tailwind-cdn.js
@@ -0,0 +1,83 @@
+(()=>{var qv=Object.create;var Hi=Object.defineProperty;var $v=Object.getOwnPropertyDescriptor;var Lv=Object.getOwnPropertyNames;var Mv=Object.getPrototypeOf,Nv=Object.prototype.hasOwnProperty;var df=r=>Hi(r,"__esModule",{value:!0});var hf=r=>{if(typeof require!="undefined")return require(r);throw new Error('Dynamic require of "'+r+'" is not supported')};var P=(r,e)=>()=>(r&&(e=r(r=0)),e);var x=(r,e)=>()=>(e||r((e={exports:{}}).exports,e),e.exports),Ge=(r,e)=>{df(r);for(var t in e)Hi(r,t,{get:e[t],enumerable:!0})},Bv=(r,e,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of Lv(e))!Nv.call(r,i)&&i!=="default"&&Hi(r,i,{get:()=>e[i],enumerable:!(t=$v(e,i))||t.enumerable});return r},pe=r=>Bv(df(Hi(r!=null?qv(Mv(r)):{},"default",r&&r.__esModule&&"default"in r?{get:()=>r.default,enumerable:!0}:{value:r,enumerable:!0})),r);var m,u=P(()=>{m={platform:"",env:{},versions:{node:"14.17.6"}}});var Fv,be,ft=P(()=>{u();Fv=0,be={readFileSync:r=>self[r]||"",statSync:()=>({mtimeMs:Fv++}),promises:{readFile:r=>Promise.resolve(self[r]||"")}}});var Fs=x((oP,gf)=>{u();"use strict";var mf=class{constructor(e={}){if(!(e.maxSize&&e.maxSize>0))throw new TypeError("`maxSize` must be a number greater than 0");if(typeof e.maxAge=="number"&&e.maxAge===0)throw new TypeError("`maxAge` must be a number greater than 0");this.maxSize=e.maxSize,this.maxAge=e.maxAge||1/0,this.onEviction=e.onEviction,this.cache=new Map,this.oldCache=new Map,this._size=0}_emitEvictions(e){if(typeof this.onEviction=="function")for(let[t,i]of e)this.onEviction(t,i.value)}_deleteIfExpired(e,t){return typeof t.expiry=="number"&&t.expiry<=Date.now()?(typeof this.onEviction=="function"&&this.onEviction(e,t.value),this.delete(e)):!1}_getOrDeleteIfExpired(e,t){if(this._deleteIfExpired(e,t)===!1)return t.value}_getItemValue(e,t){return t.expiry?this._getOrDeleteIfExpired(e,t):t.value}_peek(e,t){let i=t.get(e);return this._getItemValue(e,i)}_set(e,t){this.cache.set(e,t),this._size++,this._size>=this.maxSize&&(this._size=0,this._emitEvictions(this.oldCache),this.oldCache=this.cache,this.cache=new Map)}_moveToRecent(e,t){this.oldCache.delete(e),this._set(e,t)}*_entriesAscending(){for(let e of this.oldCache){let[t,i]=e;this.cache.has(t)||this._deleteIfExpired(t,i)===!1&&(yield e)}for(let e of this.cache){let[t,i]=e;this._deleteIfExpired(t,i)===!1&&(yield e)}}get(e){if(this.cache.has(e)){let t=this.cache.get(e);return this._getItemValue(e,t)}if(this.oldCache.has(e)){let t=this.oldCache.get(e);if(this._deleteIfExpired(e,t)===!1)return this._moveToRecent(e,t),t.value}}set(e,t,{maxAge:i=this.maxAge===1/0?void 0:Date.now()+this.maxAge}={}){this.cache.has(e)?this.cache.set(e,{value:t,maxAge:i}):this._set(e,{value:t,expiry:i})}has(e){return this.cache.has(e)?!this._deleteIfExpired(e,this.cache.get(e)):this.oldCache.has(e)?!this._deleteIfExpired(e,this.oldCache.get(e)):!1}peek(e){if(this.cache.has(e))return this._peek(e,this.cache);if(this.oldCache.has(e))return this._peek(e,this.oldCache)}delete(e){let t=this.cache.delete(e);return t&&this._size--,this.oldCache.delete(e)||t}clear(){this.cache.clear(),this.oldCache.clear(),this._size=0}resize(e){if(!(e&&e>0))throw new TypeError("`maxSize` must be a number greater than 0");let t=[...this._entriesAscending()],i=t.length-e;i<0?(this.cache=new Map(t),this.oldCache=new Map,this._size=t.length):(i>0&&this._emitEvictions(t.slice(0,i)),this.oldCache=new Map(t.slice(i)),this.cache=new Map,this._size=0),this.maxSize=e}*keys(){for(let[e]of this)yield e}*values(){for(let[,e]of this)yield e}*[Symbol.iterator](){for(let e of this.cache){let[t,i]=e;this._deleteIfExpired(t,i)===!1&&(yield[t,i.value])}for(let e of this.oldCache){let[t,i]=e;this.cache.has(t)||this._deleteIfExpired(t,i)===!1&&(yield[t,i.value])}}*entriesDescending(){let e=[...this.cache];for(let t=e.length-1;t>=0;--t){let i=e[t],[n,s]=i;this._deleteIfExpired(n,s)===!1&&(yield[n,s.value])}e=[...this.oldCache];for(let t=e.length-1;t>=0;--t){let i=e[t],[n,s]=i;this.cache.has(n)||this._deleteIfExpired(n,s)===!1&&(yield[n,s.value])}}*entriesAscending(){for(let[e,t]of this._entriesAscending())yield[e,t.value]}get size(){if(!this._size)return this.oldCache.size;let e=0;for(let t of this.oldCache.keys())this.cache.has(t)||e++;return Math.min(this._size+e,this.maxSize)}};gf.exports=mf});var yf,bf=P(()=>{u();yf=r=>r&&r._hash});function Wi(r){return yf(r,{ignoreUnknown:!0})}var wf=P(()=>{u();bf()});function xt(r){if(r=`${r}`,r==="0")return"0";if(/^[+-]?(\d+|\d*\.\d+)(e[+-]?\d+)?(%|\w+)?$/.test(r))return r.replace(/^[+-]?/,t=>t==="-"?"":"-");let e=["var","calc","min","max","clamp"];for(let t of e)if(r.includes(`${t}(`))return`calc(${r} * -1)`}var Gi=P(()=>{u()});var vf,xf=P(()=>{u();vf=["preflight","container","accessibility","pointerEvents","visibility","position","inset","isolation","zIndex","order","gridColumn","gridColumnStart","gridColumnEnd","gridRow","gridRowStart","gridRowEnd","float","clear","margin","boxSizing","lineClamp","display","aspectRatio","size","height","maxHeight","minHeight","width","minWidth","maxWidth","flex","flexShrink","flexGrow","flexBasis","tableLayout","captionSide","borderCollapse","borderSpacing","transformOrigin","translate","rotate","skew","scale","transform","animation","cursor","touchAction","userSelect","resize","scrollSnapType","scrollSnapAlign","scrollSnapStop","scrollMargin","scrollPadding","listStylePosition","listStyleType","listStyleImage","appearance","columns","breakBefore","breakInside","breakAfter","gridAutoColumns","gridAutoFlow","gridAutoRows","gridTemplateColumns","gridTemplateRows","flexDirection","flexWrap","placeContent","placeItems","alignContent","alignItems","justifyContent","justifyItems","gap","space","divideWidth","divideStyle","divideColor","divideOpacity","placeSelf","alignSelf","justifySelf","overflow","overscrollBehavior","scrollBehavior","textOverflow","hyphens","whitespace","textWrap","wordBreak","borderRadius","borderWidth","borderStyle","borderColor","borderOpacity","backgroundColor","backgroundOpacity","backgroundImage","gradientColorStops","boxDecorationBreak","backgroundSize","backgroundAttachment","backgroundClip","backgroundPosition","backgroundRepeat","backgroundOrigin","fill","stroke","strokeWidth","objectFit","objectPosition","padding","textAlign","textIndent","verticalAlign","fontFamily","fontSize","fontWeight","textTransform","fontStyle","fontVariantNumeric","lineHeight","letterSpacing","textColor","textOpacity","textDecoration","textDecorationColor","textDecorationStyle","textDecorationThickness","textUnderlineOffset","fontSmoothing","placeholderColor","placeholderOpacity","caretColor","accentColor","opacity","backgroundBlendMode","mixBlendMode","boxShadow","boxShadowColor","outlineStyle","outlineWidth","outlineOffset","outlineColor","ringWidth","ringColor","ringOpacity","ringOffsetWidth","ringOffsetColor","blur","brightness","contrast","dropShadow","grayscale","hueRotate","invert","saturate","sepia","filter","backdropBlur","backdropBrightness","backdropContrast","backdropGrayscale","backdropHueRotate","backdropInvert","backdropOpacity","backdropSaturate","backdropSepia","backdropFilter","transitionProperty","transitionDelay","transitionDuration","transitionTimingFunction","willChange","contain","content","forcedColorAdjust"]});function kf(r,e){return r===void 0?e:Array.isArray(r)?r:[...new Set(e.filter(i=>r!==!1&&r[i]!==!1).concat(Object.keys(r).filter(i=>r[i]!==!1)))]}var Sf=P(()=>{u()});var Af={};Ge(Af,{default:()=>Qe});var Qe,Qi=P(()=>{u();Qe=new Proxy({},{get:()=>String})});function js(r,e,t){typeof m!="undefined"&&m.env.JEST_WORKER_ID||t&&Cf.has(t)||(t&&Cf.add(t),console.warn(""),e.forEach(i=>console.warn(r,"-",i)))}function zs(r){return Qe.dim(r)}var Cf,G,Be=P(()=>{u();Qi();Cf=new Set;G={info(r,e){js(Qe.bold(Qe.cyan("info")),...Array.isArray(r)?[r]:[e,r])},warn(r,e){["content-problems"].includes(r)||js(Qe.bold(Qe.yellow("warn")),...Array.isArray(r)?[r]:[e,r])},risk(r,e){js(Qe.bold(Qe.magenta("risk")),...Array.isArray(r)?[r]:[e,r])}}});var _f={};Ge(_f,{default:()=>Us});function qr({version:r,from:e,to:t}){G.warn(`${e}-color-renamed`,[`As of Tailwind CSS ${r}, \`${e}\` has been renamed to \`${t}\`.`,"Update your configuration file to silence this warning."])}var Us,Vs=P(()=>{u();Be();Us={inherit:"inherit",current:"currentColor",transparent:"transparent",black:"#000",white:"#fff",slate:{50:"#f8fafc",100:"#f1f5f9",200:"#e2e8f0",300:"#cbd5e1",400:"#94a3b8",500:"#64748b",600:"#475569",700:"#334155",800:"#1e293b",900:"#0f172a",950:"#020617"},gray:{50:"#f9fafb",100:"#f3f4f6",200:"#e5e7eb",300:"#d1d5db",400:"#9ca3af",500:"#6b7280",600:"#4b5563",700:"#374151",800:"#1f2937",900:"#111827",950:"#030712"},zinc:{50:"#fafafa",100:"#f4f4f5",200:"#e4e4e7",300:"#d4d4d8",400:"#a1a1aa",500:"#71717a",600:"#52525b",700:"#3f3f46",800:"#27272a",900:"#18181b",950:"#09090b"},neutral:{50:"#fafafa",100:"#f5f5f5",200:"#e5e5e5",300:"#d4d4d4",400:"#a3a3a3",500:"#737373",600:"#525252",700:"#404040",800:"#262626",900:"#171717",950:"#0a0a0a"},stone:{50:"#fafaf9",100:"#f5f5f4",200:"#e7e5e4",300:"#d6d3d1",400:"#a8a29e",500:"#78716c",600:"#57534e",700:"#44403c",800:"#292524",900:"#1c1917",950:"#0c0a09"},red:{50:"#fef2f2",100:"#fee2e2",200:"#fecaca",300:"#fca5a5",400:"#f87171",500:"#ef4444",600:"#dc2626",700:"#b91c1c",800:"#991b1b",900:"#7f1d1d",950:"#450a0a"},orange:{50:"#fff7ed",100:"#ffedd5",200:"#fed7aa",300:"#fdba74",400:"#fb923c",500:"#f97316",600:"#ea580c",700:"#c2410c",800:"#9a3412",900:"#7c2d12",950:"#431407"},amber:{50:"#fffbeb",100:"#fef3c7",200:"#fde68a",300:"#fcd34d",400:"#fbbf24",500:"#f59e0b",600:"#d97706",700:"#b45309",800:"#92400e",900:"#78350f",950:"#451a03"},yellow:{50:"#fefce8",100:"#fef9c3",200:"#fef08a",300:"#fde047",400:"#facc15",500:"#eab308",600:"#ca8a04",700:"#a16207",800:"#854d0e",900:"#713f12",950:"#422006"},lime:{50:"#f7fee7",100:"#ecfccb",200:"#d9f99d",300:"#bef264",400:"#a3e635",500:"#84cc16",600:"#65a30d",700:"#4d7c0f",800:"#3f6212",900:"#365314",950:"#1a2e05"},green:{50:"#f0fdf4",100:"#dcfce7",200:"#bbf7d0",300:"#86efac",400:"#4ade80",500:"#22c55e",600:"#16a34a",700:"#15803d",800:"#166534",900:"#14532d",950:"#052e16"},emerald:{50:"#ecfdf5",100:"#d1fae5",200:"#a7f3d0",300:"#6ee7b7",400:"#34d399",500:"#10b981",600:"#059669",700:"#047857",800:"#065f46",900:"#064e3b",950:"#022c22"},teal:{50:"#f0fdfa",100:"#ccfbf1",200:"#99f6e4",300:"#5eead4",400:"#2dd4bf",500:"#14b8a6",600:"#0d9488",700:"#0f766e",800:"#115e59",900:"#134e4a",950:"#042f2e"},cyan:{50:"#ecfeff",100:"#cffafe",200:"#a5f3fc",300:"#67e8f9",400:"#22d3ee",500:"#06b6d4",600:"#0891b2",700:"#0e7490",800:"#155e75",900:"#164e63",950:"#083344"},sky:{50:"#f0f9ff",100:"#e0f2fe",200:"#bae6fd",300:"#7dd3fc",400:"#38bdf8",500:"#0ea5e9",600:"#0284c7",700:"#0369a1",800:"#075985",900:"#0c4a6e",950:"#082f49"},blue:{50:"#eff6ff",100:"#dbeafe",200:"#bfdbfe",300:"#93c5fd",400:"#60a5fa",500:"#3b82f6",600:"#2563eb",700:"#1d4ed8",800:"#1e40af",900:"#1e3a8a",950:"#172554"},indigo:{50:"#eef2ff",100:"#e0e7ff",200:"#c7d2fe",300:"#a5b4fc",400:"#818cf8",500:"#6366f1",600:"#4f46e5",700:"#4338ca",800:"#3730a3",900:"#312e81",950:"#1e1b4b"},violet:{50:"#f5f3ff",100:"#ede9fe",200:"#ddd6fe",300:"#c4b5fd",400:"#a78bfa",500:"#8b5cf6",600:"#7c3aed",700:"#6d28d9",800:"#5b21b6",900:"#4c1d95",950:"#2e1065"},purple:{50:"#faf5ff",100:"#f3e8ff",200:"#e9d5ff",300:"#d8b4fe",400:"#c084fc",500:"#a855f7",600:"#9333ea",700:"#7e22ce",800:"#6b21a8",900:"#581c87",950:"#3b0764"},fuchsia:{50:"#fdf4ff",100:"#fae8ff",200:"#f5d0fe",300:"#f0abfc",400:"#e879f9",500:"#d946ef",600:"#c026d3",700:"#a21caf",800:"#86198f",900:"#701a75",950:"#4a044e"},pink:{50:"#fdf2f8",100:"#fce7f3",200:"#fbcfe8",300:"#f9a8d4",400:"#f472b6",500:"#ec4899",600:"#db2777",700:"#be185d",800:"#9d174d",900:"#831843",950:"#500724"},rose:{50:"#fff1f2",100:"#ffe4e6",200:"#fecdd3",300:"#fda4af",400:"#fb7185",500:"#f43f5e",600:"#e11d48",700:"#be123c",800:"#9f1239",900:"#881337",950:"#4c0519"},get lightBlue(){return qr({version:"v2.2",from:"lightBlue",to:"sky"}),this.sky},get warmGray(){return qr({version:"v3.0",from:"warmGray",to:"stone"}),this.stone},get trueGray(){return qr({version:"v3.0",from:"trueGray",to:"neutral"}),this.neutral},get coolGray(){return qr({version:"v3.0",from:"coolGray",to:"gray"}),this.gray},get blueGray(){return qr({version:"v3.0",from:"blueGray",to:"slate"}),this.slate}}});function Hs(r,...e){for(let t of e){for(let i in t)r?.hasOwnProperty?.(i)||(r[i]=t[i]);for(let i of Object.getOwnPropertySymbols(t))r?.hasOwnProperty?.(i)||(r[i]=t[i])}return r}var Ef=P(()=>{u()});function kt(r){if(Array.isArray(r))return r;let e=r.split("[").length-1,t=r.split("]").length-1;if(e!==t)throw new Error(`Path is invalid. Has unbalanced brackets: ${r}`);return r.split(/\.(?![^\[]*\])|[\[\]]/g).filter(Boolean)}var Yi=P(()=>{u()});function we(r,e){return Ki.future.includes(e)?r.future==="all"||(r?.future?.[e]??Of[e]??!1):Ki.experimental.includes(e)?r.experimental==="all"||(r?.experimental?.[e]??Of[e]??!1):!1}function Tf(r){return r.experimental==="all"?Ki.experimental:Object.keys(r?.experimental??{}).filter(e=>Ki.experimental.includes(e)&&r.experimental[e])}function Rf(r){if(m.env.JEST_WORKER_ID===void 0&&Tf(r).length>0){let e=Tf(r).map(t=>Qe.yellow(t)).join(", ");G.warn("experimental-flags-enabled",[`You have enabled experimental features: ${e}`,"Experimental features in Tailwind CSS are not covered by semver, may introduce breaking changes, and can change at any time."])}}var Of,Ki,ct=P(()=>{u();Qi();Be();Of={optimizeUniversalDefaults:!1,generalizedModifiers:!0,disableColorOpacityUtilitiesByDefault:!1,relativeContentPathsByDefault:!1},Ki={future:["hoverOnlyWhenSupported","respectDefaultRingColorOpacity","disableColorOpacityUtilitiesByDefault","relativeContentPathsByDefault"],experimental:["optimizeUniversalDefaults","generalizedModifiers"]}});function Pf(r){(()=>{if(r.purge||!r.content||!Array.isArray(r.content)&&!(typeof r.content=="object"&&r.content!==null))return!1;if(Array.isArray(r.content))return r.content.every(t=>typeof t=="string"?!0:!(typeof t?.raw!="string"||t?.extension&&typeof t?.extension!="string"));if(typeof r.content=="object"&&r.content!==null){if(Object.keys(r.content).some(t=>!["files","relative","extract","transform"].includes(t)))return!1;if(Array.isArray(r.content.files)){if(!r.content.files.every(t=>typeof t=="string"?!0:!(typeof t?.raw!="string"||t?.extension&&typeof t?.extension!="string")))return!1;if(typeof r.content.extract=="object"){for(let t of Object.values(r.content.extract))if(typeof t!="function")return!1}else if(!(r.content.extract===void 0||typeof r.content.extract=="function"))return!1;if(typeof r.content.transform=="object"){for(let t of Object.values(r.content.transform))if(typeof t!="function")return!1}else if(!(r.content.transform===void 0||typeof r.content.transform=="function"))return!1;if(typeof r.content.relative!="boolean"&&typeof r.content.relative!="undefined")return!1}return!0}return!1})()||G.warn("purge-deprecation",["The `purge`/`content` options have changed in Tailwind CSS v3.0.","Update your configuration file to eliminate this warning.","https://tailwindcss.com/docs/upgrade-guide#configure-content-sources"]),r.safelist=(()=>{let{content:t,purge:i,safelist:n}=r;return Array.isArray(n)?n:Array.isArray(t?.safelist)?t.safelist:Array.isArray(i?.safelist)?i.safelist:Array.isArray(i?.options?.safelist)?i.options.safelist:[]})(),r.blocklist=(()=>{let{blocklist:t}=r;if(Array.isArray(t)){if(t.every(i=>typeof i=="string"))return t;G.warn("blocklist-invalid",["The `blocklist` option must be an array of strings.","https://tailwindcss.com/docs/content-configuration#discarding-classes"])}return[]})(),typeof r.prefix=="function"?(G.warn("prefix-function",["As of Tailwind CSS v3.0, `prefix` cannot be a function.","Update `prefix` in your configuration to be a string to eliminate this warning.","https://tailwindcss.com/docs/upgrade-guide#prefix-cannot-be-a-function"]),r.prefix=""):r.prefix=r.prefix??"",r.content={relative:(()=>{let{content:t}=r;return t?.relative?t.relative:we(r,"relativeContentPathsByDefault")})(),files:(()=>{let{content:t,purge:i}=r;return Array.isArray(i)?i:Array.isArray(i?.content)?i.content:Array.isArray(t)?t:Array.isArray(t?.content)?t.content:Array.isArray(t?.files)?t.files:[]})(),extract:(()=>{let t=(()=>r.purge?.extract?r.purge.extract:r.content?.extract?r.content.extract:r.purge?.extract?.DEFAULT?r.purge.extract.DEFAULT:r.content?.extract?.DEFAULT?r.content.extract.DEFAULT:r.purge?.options?.extractors?r.purge.options.extractors:r.content?.options?.extractors?r.content.options.extractors:{})(),i={},n=(()=>{if(r.purge?.options?.defaultExtractor)return r.purge.options.defaultExtractor;if(r.content?.options?.defaultExtractor)return r.content.options.defaultExtractor})();if(n!==void 0&&(i.DEFAULT=n),typeof t=="function")i.DEFAULT=t;else if(Array.isArray(t))for(let{extensions:s,extractor:a}of t??[])for(let o of s)i[o]=a;else typeof t=="object"&&t!==null&&Object.assign(i,t);return i})(),transform:(()=>{let t=(()=>r.purge?.transform?r.purge.transform:r.content?.transform?r.content.transform:r.purge?.transform?.DEFAULT?r.purge.transform.DEFAULT:r.content?.transform?.DEFAULT?r.content.transform.DEFAULT:{})(),i={};return typeof t=="function"?i.DEFAULT=t:typeof t=="object"&&t!==null&&Object.assign(i,t),i})()};for(let t of r.content.files)if(typeof t=="string"&&/{([^,]*?)}/g.test(t)){G.warn("invalid-glob-braces",[`The glob pattern ${zs(t)} in your Tailwind CSS configuration is invalid.`,`Update it to ${zs(t.replace(/{([^,]*?)}/g,"$1"))} to silence this warning.`]);break}return r}var If=P(()=>{u();ct();Be()});function ke(r){if(Object.prototype.toString.call(r)!=="[object Object]")return!1;let e=Object.getPrototypeOf(r);return e===null||Object.getPrototypeOf(e)===null}var Kt=P(()=>{u()});function St(r){return Array.isArray(r)?r.map(e=>St(e)):typeof r=="object"&&r!==null?Object.fromEntries(Object.entries(r).map(([e,t])=>[e,St(t)])):r}var Xi=P(()=>{u()});function jt(r){return r.replace(/\\,/g,"\\2c ")}var Zi=P(()=>{u()});var Ws,Df=P(()=>{u();Ws={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]}});function $r(r,{loose:e=!1}={}){if(typeof r!="string")return null;if(r=r.trim(),r==="transparent")return{mode:"rgb",color:["0","0","0"],alpha:"0"};if(r in Ws)return{mode:"rgb",color:Ws[r].map(s=>s.toString())};let t=r.replace(zv,(s,a,o,l,c)=>["#",a,a,o,o,l,l,c?c+c:""].join("")).match(jv);if(t!==null)return{mode:"rgb",color:[parseInt(t[1],16),parseInt(t[2],16),parseInt(t[3],16)].map(s=>s.toString()),alpha:t[4]?(parseInt(t[4],16)/255).toString():void 0};let i=r.match(Uv)??r.match(Vv);if(i===null)return null;let n=[i[2],i[3],i[4]].filter(Boolean).map(s=>s.toString());return n.length===2&&n[0].startsWith("var(")?{mode:i[1],color:[n[0]],alpha:n[1]}:!e&&n.length!==3||n.length<3&&!n.some(s=>/^var\(.*?\)$/.test(s))?null:{mode:i[1],color:n,alpha:i[5]?.toString?.()}}function Gs({mode:r,color:e,alpha:t}){let i=t!==void 0;return r==="rgba"||r==="hsla"?`${r}(${e.join(", ")}${i?`, ${t}`:""})`:`${r}(${e.join(" ")}${i?` / ${t}`:""})`}var jv,zv,At,Ji,qf,Ct,Uv,Vv,Qs=P(()=>{u();Df();jv=/^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i,zv=/^#([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i,At=/(?:\d+|\d*\.\d+)%?/,Ji=/(?:\s*,\s*|\s+)/,qf=/\s*[,/]\s*/,Ct=/var\(--(?:[^ )]*?)(?:,(?:[^ )]*?|var\(--[^ )]*?\)))?\)/,Uv=new RegExp(`^(rgba?)\\(\\s*(${At.source}|${Ct.source})(?:${Ji.source}(${At.source}|${Ct.source}))?(?:${Ji.source}(${At.source}|${Ct.source}))?(?:${qf.source}(${At.source}|${Ct.source}))?\\s*\\)$`),Vv=new RegExp(`^(hsla?)\\(\\s*((?:${At.source})(?:deg|rad|grad|turn)?|${Ct.source})(?:${Ji.source}(${At.source}|${Ct.source}))?(?:${Ji.source}(${At.source}|${Ct.source}))?(?:${qf.source}(${At.source}|${Ct.source}))?\\s*\\)$`)});function Je(r,e,t){if(typeof r=="function")return r({opacityValue:e});let i=$r(r,{loose:!0});return i===null?t:Gs({...i,alpha:e})}function Ae({color:r,property:e,variable:t}){let i=[].concat(e);if(typeof r=="function")return{[t]:"1",...Object.fromEntries(i.map(s=>[s,r({opacityVariable:t,opacityValue:`var(${t}, 1)`})]))};let n=$r(r);return n===null?Object.fromEntries(i.map(s=>[s,r])):n.alpha!==void 0?Object.fromEntries(i.map(s=>[s,r])):{[t]:"1",...Object.fromEntries(i.map(s=>[s,Gs({...n,alpha:`var(${t}, 1)`})]))}}var Lr=P(()=>{u();Qs()});function ve(r,e){let t=[],i=[],n=0,s=!1;for(let a=0;a<r.length;a++){let o=r[a];t.length===0&&o===e[0]&&!s&&(e.length===1||r.slice(a,a+e.length)===e)&&(i.push(r.slice(n,a)),n=a+e.length),s=s?!1:o==="\\",o==="("||o==="["||o==="{"?t.push(o):(o===")"&&t[t.length-1]==="("||o==="]"&&t[t.length-1]==="["||o==="}"&&t[t.length-1]==="{")&&t.pop()}return i.push(r.slice(n)),i}var zt=P(()=>{u()});function en(r){return ve(r,",").map(t=>{let i=t.trim(),n={raw:i},s=i.split(Wv),a=new Set;for(let o of s)$f.lastIndex=0,!a.has("KEYWORD")&&Hv.has(o)?(n.keyword=o,a.add("KEYWORD")):$f.test(o)?a.has("X")?a.has("Y")?a.has("BLUR")?a.has("SPREAD")||(n.spread=o,a.add("SPREAD")):(n.blur=o,a.add("BLUR")):(n.y=o,a.add("Y")):(n.x=o,a.add("X")):n.color?(n.unknown||(n.unknown=[]),n.unknown.push(o)):n.color=o;return n.valid=n.x!==void 0&&n.y!==void 0,n})}function Lf(r){return r.map(e=>e.valid?[e.keyword,e.x,e.y,e.blur,e.spread,e.color].filter(Boolean).join(" "):e.raw).join(", ")}var Hv,Wv,$f,Ys=P(()=>{u();zt();Hv=new Set(["inset","inherit","initial","revert","unset"]),Wv=/\ +(?![^(]*\))/g,$f=/^-?(\d+|\.\d+)(.*?)$/g});function Ks(r){return Gv.some(e=>new RegExp(`^${e}\\(.*\\)`).test(r))}function K(r,e=null,t=!0){let i=e&&Qv.has(e.property);return r.startsWith("--")&&!i?`var(${r})`:r.includes("url(")?r.split(/(url\(.*?\))/g).filter(Boolean).map(n=>/^url\(.*?\)$/.test(n)?n:K(n,e,!1)).join(""):(r=r.replace(/([^\\])_+/g,(n,s)=>s+" ".repeat(n.length-1)).replace(/^_/g," ").replace(/\\_/g,"_"),t&&(r=r.trim()),r=Yv(r),r)}function Ye(r){return r.includes("=")&&(r=r.replace(/(=.*)/g,(e,t)=>{if(t[1]==="'"||t[1]==='"')return t;if(t.length>2){let i=t[t.length-1];if(t[t.length-2]===" "&&(i==="i"||i==="I"||i==="s"||i==="S"))return`="${t.slice(1,-2)}" ${t[t.length-1]}`}return`="${t.slice(1)}"`})),r}function Yv(r){let e=["theme"],t=["min-content","max-content","fit-content","safe-area-inset-top","safe-area-inset-right","safe-area-inset-bottom","safe-area-inset-left","titlebar-area-x","titlebar-area-y","titlebar-area-width","titlebar-area-height","keyboard-inset-top","keyboard-inset-right","keyboard-inset-bottom","keyboard-inset-left","keyboard-inset-width","keyboard-inset-height","radial-gradient","linear-gradient","conic-gradient","repeating-radial-gradient","repeating-linear-gradient","repeating-conic-gradient","anchor-size"];return r.replace(/(calc|min|max|clamp)\(.+\)/g,i=>{let n="";function s(){let a=n.trimEnd();return a[a.length-1]}for(let a=0;a<i.length;a++){let o=function(f){return f.split("").every((d,p)=>i[a+p]===d)},l=function(f){let d=1/0;for(let h of f){let b=i.indexOf(h,a);b!==-1&&b<d&&(d=b)}let p=i.slice(a,d);return a+=p.length-1,p},c=i[a];if(o("var"))n+=l([")",","]);else if(t.some(f=>o(f))){let f=t.find(d=>o(d));n+=f,a+=f.length-1}else e.some(f=>o(f))?n+=l([")"]):o("[")?n+=l(["]"]):["+","-","*","/"].includes(c)&&!["(","+","-","*","/",","].includes(s())?n+=` ${c} `:n+=c}return n.replace(/\s+/g," ")})}function Xs(r){return r.startsWith("url(")}function Zs(r){return!isNaN(Number(r))||Ks(r)}function Mr(r){return r.endsWith("%")&&Zs(r.slice(0,-1))||Ks(r)}function Nr(r){return r==="0"||new RegExp(`^[+-]?[0-9]*.?[0-9]+(?:[eE][+-]?[0-9]+)?${Xv}$`).test(r)||Ks(r)}function Mf(r){return Zv.has(r)}function Nf(r){let e=en(K(r));for(let t of e)if(!t.valid)return!1;return!0}function Bf(r){let e=0;return ve(r,"_").every(i=>(i=K(i),i.startsWith("var(")?!0:$r(i,{loose:!0})!==null?(e++,!0):!1))?e>0:!1}function Ff(r){let e=0;return ve(r,",").every(i=>(i=K(i),i.startsWith("var(")?!0:Xs(i)||ex(i)||["element(","image(","cross-fade(","image-set("].some(n=>i.startsWith(n))?(e++,!0):!1))?e>0:!1}function ex(r){r=K(r);for(let e of Jv)if(r.startsWith(`${e}(`))return!0;return!1}function jf(r){let e=0;return ve(r,"_").every(i=>(i=K(i),i.startsWith("var(")?!0:tx.has(i)||Nr(i)||Mr(i)?(e++,!0):!1))?e>0:!1}function zf(r){let e=0;return ve(r,",").every(i=>(i=K(i),i.startsWith("var(")?!0:i.includes(" ")&&!/(['"])([^"']+)\1/g.test(i)||/^\d/g.test(i)?!1:(e++,!0)))?e>0:!1}function Uf(r){return rx.has(r)}function Vf(r){return ix.has(r)}function Hf(r){return nx.has(r)}var Gv,Qv,Kv,Xv,Zv,Jv,tx,rx,ix,nx,Br=P(()=>{u();Qs();Ys();zt();Gv=["min","max","clamp","calc"];Qv=new Set(["scroll-timeline-name","timeline-scope","view-timeline-name","font-palette","anchor-name","anchor-scope","position-anchor","position-try-options","scroll-timeline","animation-timeline","view-timeline","position-try"]);Kv=["cm","mm","Q","in","pc","pt","px","em","ex","ch","rem","lh","rlh","vw","vh","vmin","vmax","vb","vi","svw","svh","lvw","lvh","dvw","dvh","cqw","cqh","cqi","cqb","cqmin","cqmax"],Xv=`(?:${Kv.join("|")})`;Zv=new Set(["thin","medium","thick"]);Jv=new Set(["conic-gradient","linear-gradient","radial-gradient","repeating-conic-gradient","repeating-linear-gradient","repeating-radial-gradient"]);tx=new Set(["center","top","right","bottom","left"]);rx=new Set(["serif","sans-serif","monospace","cursive","fantasy","system-ui","ui-serif","ui-sans-serif","ui-monospace","ui-rounded","math","emoji","fangsong"]);ix=new Set(["xx-small","x-small","small","medium","large","x-large","xx-large","xxx-large"]);nx=new Set(["larger","smaller"])});function Wf(r){let e=["cover","contain"];return ve(r,",").every(t=>{let i=ve(t,"_").filter(Boolean);return i.length===1&&e.includes(i[0])?!0:i.length!==1&&i.length!==2?!1:i.every(n=>Nr(n)||Mr(n)||n==="auto")})}var Gf=P(()=>{u();Br();zt()});function Qf(r,e){r.walkClasses(t=>{t.value=e(t.value),t.raws&&t.raws.value&&(t.raws.value=jt(t.raws.value))})}function Yf(r,e){if(!_t(r))return;let t=r.slice(1,-1);if(!!e(t))return K(t)}function sx(r,e={},t){let i=e[r];if(i!==void 0)return xt(i);if(_t(r)){let n=Yf(r,t);return n===void 0?void 0:xt(n)}}function tn(r,e={},{validate:t=()=>!0}={}){let i=e.values?.[r];return i!==void 0?i:e.supportsNegativeValues&&r.startsWith("-")?sx(r.slice(1),e.values,t):Yf(r,t)}function _t(r){return r.startsWith("[")&&r.endsWith("]")}function Kf(r){let e=r.lastIndexOf("/"),t=r.lastIndexOf("[",e),i=r.indexOf("]",e);return r[e-1]==="]"||r[e+1]==="["||t!==-1&&i!==-1&&t<e&&e<i&&(e=r.lastIndexOf("/",t)),e===-1||e===r.length-1?[r,void 0]:_t(r)&&!r.includes("]/[")?[r,void 0]:[r.slice(0,e),r.slice(e+1)]}function Xt(r){if(typeof r=="string"&&r.includes("<alpha-value>")){let e=r;return({opacityValue:t=1})=>e.replace(/<alpha-value>/g,t)}return r}function Xf(r){return K(r.slice(1,-1))}function ax(r,e={},{tailwindConfig:t={}}={}){if(e.values?.[r]!==void 0)return Xt(e.values?.[r]);let[i,n]=Kf(r);if(n!==void 0){let s=e.values?.[i]??(_t(i)?i.slice(1,-1):void 0);return s===void 0?void 0:(s=Xt(s),_t(n)?Je(s,Xf(n)):t.theme?.opacity?.[n]===void 0?void 0:Je(s,t.theme.opacity[n]))}return tn(r,e,{validate:Bf})}function ox(r,e={}){return e.values?.[r]}function qe(r){return(e,t)=>tn(e,t,{validate:r})}function lx(r,e){let t=r.indexOf(e);return t===-1?[void 0,r]:[r.slice(0,t),r.slice(t+1)]}function ea(r,e,t,i){if(t.values&&e in t.values)for(let{type:s}of r??[]){let a=Js[s](e,t,{tailwindConfig:i});if(a!==void 0)return[a,s,null]}if(_t(e)){let s=e.slice(1,-1),[a,o]=lx(s,":");if(!/^[\w-_]+$/g.test(a))o=s;else if(a!==void 0&&!Zf.includes(a))return[];if(o.length>0&&Zf.includes(a))return[tn(`[${o}]`,t),a,null]}let n=ta(r,e,t,i);for(let s of n)return s;return[]}function*ta(r,e,t,i){let n=we(i,"generalizedModifiers"),[s,a]=Kf(e);if(n&&t.modifiers!=null&&(t.modifiers==="any"||typeof t.modifiers=="object"&&(a&&_t(a)||a in t.modifiers))||(s=e,a=void 0),a!==void 0&&s===""&&(s="DEFAULT"),a!==void 0&&typeof t.modifiers=="object"){let l=t.modifiers?.[a]??null;l!==null?a=l:_t(a)&&(a=Xf(a))}for(let{type:l}of r??[]){let c=Js[l](s,t,{tailwindConfig:i});c!==void 0&&(yield[c,l,a??null])}}var Js,Zf,Fr=P(()=>{u();Zi();Lr();Br();Gi();Gf();ct();Js={any:tn,color:ax,url:qe(Xs),image:qe(Ff),length:qe(Nr),percentage:qe(Mr),position:qe(jf),lookup:ox,"generic-name":qe(Uf),"family-name":qe(zf),number:qe(Zs),"line-width":qe(Mf),"absolute-size":qe(Vf),"relative-size":qe(Hf),shadow:qe(Nf),size:qe(Wf)},Zf=Object.keys(Js)});function X(r){return typeof r=="function"?r({}):r}var ra=P(()=>{u()});function Zt(r){return typeof r=="function"}function jr(r,...e){let t=e.pop();for(let i of e)for(let n in i){let s=t(r[n],i[n]);s===void 0?ke(r[n])&&ke(i[n])?r[n]=jr({},r[n],i[n],t):r[n]=i[n]:r[n]=s}return r}function ux(r,...e){return Zt(r)?r(...e):r}function fx(r){return r.reduce((e,{extend:t})=>jr(e,t,(i,n)=>i===void 0?[n]:Array.isArray(i)?[n,...i]:[n,i]),{})}function cx(r){return{...r.reduce((e,t)=>Hs(e,t),{}),extend:fx(r)}}function Jf(r,e){if(Array.isArray(r)&&ke(r[0]))return r.concat(e);if(Array.isArray(e)&&ke(e[0])&&ke(r))return[r,...e];if(Array.isArray(e))return e}function px({extend:r,...e}){return jr(e,r,(t,i)=>!Zt(t)&&!i.some(Zt)?jr({},t,...i,Jf):(n,s)=>jr({},...[t,...i].map(a=>ux(a,n,s)),Jf))}function*dx(r){let e=kt(r);if(e.length===0||(yield e,Array.isArray(r)))return;let t=/^(.*?)\s*\/\s*([^/]+)$/,i=r.match(t);if(i!==null){let[,n,s]=i,a=kt(n);a.alpha=s,yield a}}function hx(r){let e=(t,i)=>{for(let n of dx(t)){let s=0,a=r;for(;a!=null&&s<n.length;)a=a[n[s++]],a=Zt(a)&&(n.alpha===void 0||s<=n.length-1)?a(e,ia):a;if(a!==void 0){if(n.alpha!==void 0){let o=Xt(a);return Je(o,n.alpha,X(o))}return ke(a)?St(a):a}}return i};return Object.assign(e,{theme:e,...ia}),Object.keys(r).reduce((t,i)=>(t[i]=Zt(r[i])?r[i](e,ia):r[i],t),{})}function ec(r){let e=[];return r.forEach(t=>{e=[...e,t];let i=t?.plugins??[];i.length!==0&&i.forEach(n=>{n.__isOptionsFunction&&(n=n()),e=[...e,...ec([n?.config??{}])]})}),e}function mx(r){return[...r].reduceRight((t,i)=>Zt(i)?i({corePlugins:t}):kf(i,t),vf)}function gx(r){return[...r].reduceRight((t,i)=>[...t,...i],[])}function na(r){let e=[...ec(r),{prefix:"",important:!1,separator:":"}];return Pf(Hs({theme:hx(px(cx(e.map(t=>t?.theme??{})))),corePlugins:mx(e.map(t=>t.corePlugins)),plugins:gx(r.map(t=>t?.plugins??[]))},...e))}var ia,tc=P(()=>{u();Gi();xf();Sf();Vs();Ef();Yi();If();Kt();Xi();Fr();Lr();ra();ia={colors:Us,negative(r){return Object.keys(r).filter(e=>r[e]!=="0").reduce((e,t)=>{let i=xt(r[t]);return i!==void 0&&(e[`-${t}`]=i),e},{})},breakpoints(r){return Object.keys(r).filter(e=>typeof r[e]=="string").reduce((e,t)=>({...e,[`screen-${t}`]:r[t]}),{})}}});var rn=x((f3,rc)=>{u();rc.exports={content:[],presets:[],darkMode:"media",theme:{accentColor:({theme:r})=>({...r("colors"),auto:"auto"}),animation:{none:"none",spin:"spin 1s linear infinite",ping:"ping 1s cubic-bezier(0, 0, 0.2, 1) infinite",pulse:"pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",bounce:"bounce 1s infinite"},aria:{busy:'busy="true"',checked:'checked="true"',disabled:'disabled="true"',expanded:'expanded="true"',hidden:'hidden="true"',pressed:'pressed="true"',readonly:'readonly="true"',required:'required="true"',selected:'selected="true"'},aspectRatio:{auto:"auto",square:"1 / 1",video:"16 / 9"},backdropBlur:({theme:r})=>r("blur"),backdropBrightness:({theme:r})=>r("brightness"),backdropContrast:({theme:r})=>r("contrast"),backdropGrayscale:({theme:r})=>r("grayscale"),backdropHueRotate:({theme:r})=>r("hueRotate"),backdropInvert:({theme:r})=>r("invert"),backdropOpacity:({theme:r})=>r("opacity"),backdropSaturate:({theme:r})=>r("saturate"),backdropSepia:({theme:r})=>r("sepia"),backgroundColor:({theme:r})=>r("colors"),backgroundImage:{none:"none","gradient-to-t":"linear-gradient(to top, var(--tw-gradient-stops))","gradient-to-tr":"linear-gradient(to top right, var(--tw-gradient-stops))","gradient-to-r":"linear-gradient(to right, var(--tw-gradient-stops))","gradient-to-br":"linear-gradient(to bottom right, var(--tw-gradient-stops))","gradient-to-b":"linear-gradient(to bottom, var(--tw-gradient-stops))","gradient-to-bl":"linear-gradient(to bottom left, var(--tw-gradient-stops))","gradient-to-l":"linear-gradient(to left, var(--tw-gradient-stops))","gradient-to-tl":"linear-gradient(to top left, var(--tw-gradient-stops))"},backgroundOpacity:({theme:r})=>r("opacity"),backgroundPosition:{bottom:"bottom",center:"center",left:"left","left-bottom":"left bottom","left-top":"left top",right:"right","right-bottom":"right bottom","right-top":"right top",top:"top"},backgroundSize:{auto:"auto",cover:"cover",contain:"contain"},blur:{0:"0",none:"",sm:"4px",DEFAULT:"8px",md:"12px",lg:"16px",xl:"24px","2xl":"40px","3xl":"64px"},borderColor:({theme:r})=>({...r("colors"),DEFAULT:r("colors.gray.200","currentColor")}),borderOpacity:({theme:r})=>r("opacity"),borderRadius:{none:"0px",sm:"0.125rem",DEFAULT:"0.25rem",md:"0.375rem",lg:"0.5rem",xl:"0.75rem","2xl":"1rem","3xl":"1.5rem",full:"9999px"},borderSpacing:({theme:r})=>({...r("spacing")}),borderWidth:{DEFAULT:"1px",0:"0px",2:"2px",4:"4px",8:"8px"},boxShadow:{sm:"0 1px 2px 0 rgb(0 0 0 / 0.05)",DEFAULT:"0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",md:"0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",lg:"0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",xl:"0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)","2xl":"0 25px 50px -12px rgb(0 0 0 / 0.25)",inner:"inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",none:"none"},boxShadowColor:({theme:r})=>r("colors"),brightness:{0:"0",50:".5",75:".75",90:".9",95:".95",100:"1",105:"1.05",110:"1.1",125:"1.25",150:"1.5",200:"2"},caretColor:({theme:r})=>r("colors"),colors:({colors:r})=>({inherit:r.inherit,current:r.current,transparent:r.transparent,black:r.black,white:r.white,slate:r.slate,gray:r.gray,zinc:r.zinc,neutral:r.neutral,stone:r.stone,red:r.red,orange:r.orange,amber:r.amber,yellow:r.yellow,lime:r.lime,green:r.green,emerald:r.emerald,teal:r.teal,cyan:r.cyan,sky:r.sky,blue:r.blue,indigo:r.indigo,violet:r.violet,purple:r.purple,fuchsia:r.fuchsia,pink:r.pink,rose:r.rose}),columns:{auto:"auto",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9",10:"10",11:"11",12:"12","3xs":"16rem","2xs":"18rem",xs:"20rem",sm:"24rem",md:"28rem",lg:"32rem",xl:"36rem","2xl":"42rem","3xl":"48rem","4xl":"56rem","5xl":"64rem","6xl":"72rem","7xl":"80rem"},container:{},content:{none:"none"},contrast:{0:"0",50:".5",75:".75",100:"1",125:"1.25",150:"1.5",200:"2"},cursor:{auto:"auto",default:"default",pointer:"pointer",wait:"wait",text:"text",move:"move",help:"help","not-allowed":"not-allowed",none:"none","context-menu":"context-menu",progress:"progress",cell:"cell",crosshair:"crosshair","vertical-text":"vertical-text",alias:"alias",copy:"copy","no-drop":"no-drop",grab:"grab",grabbing:"grabbing","all-scroll":"all-scroll","col-resize":"col-resize","row-resize":"row-resize","n-resize":"n-resize","e-resize":"e-resize","s-resize":"s-resize","w-resize":"w-resize","ne-resize":"ne-resize","nw-resize":"nw-resize","se-resize":"se-resize","sw-resize":"sw-resize","ew-resize":"ew-resize","ns-resize":"ns-resize","nesw-resize":"nesw-resize","nwse-resize":"nwse-resize","zoom-in":"zoom-in","zoom-out":"zoom-out"},divideColor:({theme:r})=>r("borderColor"),divideOpacity:({theme:r})=>r("borderOpacity"),divideWidth:({theme:r})=>r("borderWidth"),dropShadow:{sm:"0 1px 1px rgb(0 0 0 / 0.05)",DEFAULT:["0 1px 2px rgb(0 0 0 / 0.1)","0 1px 1px rgb(0 0 0 / 0.06)"],md:["0 4px 3px rgb(0 0 0 / 0.07)","0 2px 2px rgb(0 0 0 / 0.06)"],lg:["0 10px 8px rgb(0 0 0 / 0.04)","0 4px 3px rgb(0 0 0 / 0.1)"],xl:["0 20px 13px rgb(0 0 0 / 0.03)","0 8px 5px rgb(0 0 0 / 0.08)"],"2xl":"0 25px 25px rgb(0 0 0 / 0.15)",none:"0 0 #0000"},fill:({theme:r})=>({none:"none",...r("colors")}),flex:{1:"1 1 0%",auto:"1 1 auto",initial:"0 1 auto",none:"none"},flexBasis:({theme:r})=>({auto:"auto",...r("spacing"),"1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%","1/5":"20%","2/5":"40%","3/5":"60%","4/5":"80%","1/6":"16.666667%","2/6":"33.333333%","3/6":"50%","4/6":"66.666667%","5/6":"83.333333%","1/12":"8.333333%","2/12":"16.666667%","3/12":"25%","4/12":"33.333333%","5/12":"41.666667%","6/12":"50%","7/12":"58.333333%","8/12":"66.666667%","9/12":"75%","10/12":"83.333333%","11/12":"91.666667%",full:"100%"}),flexGrow:{0:"0",DEFAULT:"1"},flexShrink:{0:"0",DEFAULT:"1"},fontFamily:{sans:["ui-sans-serif","system-ui","sans-serif",'"Apple Color Emoji"','"Segoe UI Emoji"','"Segoe UI Symbol"','"Noto Color Emoji"'],serif:["ui-serif","Georgia","Cambria",'"Times New Roman"',"Times","serif"],mono:["ui-monospace","SFMono-Regular","Menlo","Monaco","Consolas",'"Liberation Mono"','"Courier New"',"monospace"]},fontSize:{xs:["0.75rem",{lineHeight:"1rem"}],sm:["0.875rem",{lineHeight:"1.25rem"}],base:["1rem",{lineHeight:"1.5rem"}],lg:["1.125rem",{lineHeight:"1.75rem"}],xl:["1.25rem",{lineHeight:"1.75rem"}],"2xl":["1.5rem",{lineHeight:"2rem"}],"3xl":["1.875rem",{lineHeight:"2.25rem"}],"4xl":["2.25rem",{lineHeight:"2.5rem"}],"5xl":["3rem",{lineHeight:"1"}],"6xl":["3.75rem",{lineHeight:"1"}],"7xl":["4.5rem",{lineHeight:"1"}],"8xl":["6rem",{lineHeight:"1"}],"9xl":["8rem",{lineHeight:"1"}]},fontWeight:{thin:"100",extralight:"200",light:"300",normal:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"},gap:({theme:r})=>r("spacing"),gradientColorStops:({theme:r})=>r("colors"),gradientColorStopPositions:{"0%":"0%","5%":"5%","10%":"10%","15%":"15%","20%":"20%","25%":"25%","30%":"30%","35%":"35%","40%":"40%","45%":"45%","50%":"50%","55%":"55%","60%":"60%","65%":"65%","70%":"70%","75%":"75%","80%":"80%","85%":"85%","90%":"90%","95%":"95%","100%":"100%"},grayscale:{0:"0",DEFAULT:"100%"},gridAutoColumns:{auto:"auto",min:"min-content",max:"max-content",fr:"minmax(0, 1fr)"},gridAutoRows:{auto:"auto",min:"min-content",max:"max-content",fr:"minmax(0, 1fr)"},gridColumn:{auto:"auto","span-1":"span 1 / span 1","span-2":"span 2 / span 2","span-3":"span 3 / span 3","span-4":"span 4 / span 4","span-5":"span 5 / span 5","span-6":"span 6 / span 6","span-7":"span 7 / span 7","span-8":"span 8 / span 8","span-9":"span 9 / span 9","span-10":"span 10 / span 10","span-11":"span 11 / span 11","span-12":"span 12 / span 12","span-full":"1 / -1"},gridColumnEnd:{auto:"auto",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9",10:"10",11:"11",12:"12",13:"13"},gridColumnStart:{auto:"auto",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9",10:"10",11:"11",12:"12",13:"13"},gridRow:{auto:"auto","span-1":"span 1 / span 1","span-2":"span 2 / span 2","span-3":"span 3 / span 3","span-4":"span 4 / span 4","span-5":"span 5 / span 5","span-6":"span 6 / span 6","span-7":"span 7 / span 7","span-8":"span 8 / span 8","span-9":"span 9 / span 9","span-10":"span 10 / span 10","span-11":"span 11 / span 11","span-12":"span 12 / span 12","span-full":"1 / -1"},gridRowEnd:{auto:"auto",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9",10:"10",11:"11",12:"12",13:"13"},gridRowStart:{auto:"auto",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9",10:"10",11:"11",12:"12",13:"13"},gridTemplateColumns:{none:"none",subgrid:"subgrid",1:"repeat(1, minmax(0, 1fr))",2:"repeat(2, minmax(0, 1fr))",3:"repeat(3, minmax(0, 1fr))",4:"repeat(4, minmax(0, 1fr))",5:"repeat(5, minmax(0, 1fr))",6:"repeat(6, minmax(0, 1fr))",7:"repeat(7, minmax(0, 1fr))",8:"repeat(8, minmax(0, 1fr))",9:"repeat(9, minmax(0, 1fr))",10:"repeat(10, minmax(0, 1fr))",11:"repeat(11, minmax(0, 1fr))",12:"repeat(12, minmax(0, 1fr))"},gridTemplateRows:{none:"none",subgrid:"subgrid",1:"repeat(1, minmax(0, 1fr))",2:"repeat(2, minmax(0, 1fr))",3:"repeat(3, minmax(0, 1fr))",4:"repeat(4, minmax(0, 1fr))",5:"repeat(5, minmax(0, 1fr))",6:"repeat(6, minmax(0, 1fr))",7:"repeat(7, minmax(0, 1fr))",8:"repeat(8, minmax(0, 1fr))",9:"repeat(9, minmax(0, 1fr))",10:"repeat(10, minmax(0, 1fr))",11:"repeat(11, minmax(0, 1fr))",12:"repeat(12, minmax(0, 1fr))"},height:({theme:r})=>({auto:"auto",...r("spacing"),"1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%","1/5":"20%","2/5":"40%","3/5":"60%","4/5":"80%","1/6":"16.666667%","2/6":"33.333333%","3/6":"50%","4/6":"66.666667%","5/6":"83.333333%",full:"100%",screen:"100vh",svh:"100svh",lvh:"100lvh",dvh:"100dvh",min:"min-content",max:"max-content",fit:"fit-content"}),hueRotate:{0:"0deg",15:"15deg",30:"30deg",60:"60deg",90:"90deg",180:"180deg"},inset:({theme:r})=>({auto:"auto",...r("spacing"),"1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%",full:"100%"}),invert:{0:"0",DEFAULT:"100%"},keyframes:{spin:{to:{transform:"rotate(360deg)"}},ping:{"75%, 100%":{transform:"scale(2)",opacity:"0"}},pulse:{"50%":{opacity:".5"}},bounce:{"0%, 100%":{transform:"translateY(-25%)",animationTimingFunction:"cubic-bezier(0.8,0,1,1)"},"50%":{transform:"none",animationTimingFunction:"cubic-bezier(0,0,0.2,1)"}}},letterSpacing:{tighter:"-0.05em",tight:"-0.025em",normal:"0em",wide:"0.025em",wider:"0.05em",widest:"0.1em"},lineHeight:{none:"1",tight:"1.25",snug:"1.375",normal:"1.5",relaxed:"1.625",loose:"2",3:".75rem",4:"1rem",5:"1.25rem",6:"1.5rem",7:"1.75rem",8:"2rem",9:"2.25rem",10:"2.5rem"},listStyleType:{none:"none",disc:"disc",decimal:"decimal"},listStyleImage:{none:"none"},margin:({theme:r})=>({auto:"auto",...r("spacing")}),lineClamp:{1:"1",2:"2",3:"3",4:"4",5:"5",6:"6"},maxHeight:({theme:r})=>({...r("spacing"),none:"none",full:"100%",screen:"100vh",svh:"100svh",lvh:"100lvh",dvh:"100dvh",min:"min-content",max:"max-content",fit:"fit-content"}),maxWidth:({theme:r,breakpoints:e})=>({...r("spacing"),none:"none",xs:"20rem",sm:"24rem",md:"28rem",lg:"32rem",xl:"36rem","2xl":"42rem","3xl":"48rem","4xl":"56rem","5xl":"64rem","6xl":"72rem","7xl":"80rem",full:"100%",min:"min-content",max:"max-content",fit:"fit-content",prose:"65ch",...e(r("screens"))}),minHeight:({theme:r})=>({...r("spacing"),full:"100%",screen:"100vh",svh:"100svh",lvh:"100lvh",dvh:"100dvh",min:"min-content",max:"max-content",fit:"fit-content"}),minWidth:({theme:r})=>({...r("spacing"),full:"100%",min:"min-content",max:"max-content",fit:"fit-content"}),objectPosition:{bottom:"bottom",center:"center",left:"left","left-bottom":"left bottom","left-top":"left top",right:"right","right-bottom":"right bottom","right-top":"right top",top:"top"},opacity:{0:"0",5:"0.05",10:"0.1",15:"0.15",20:"0.2",25:"0.25",30:"0.3",35:"0.35",40:"0.4",45:"0.45",50:"0.5",55:"0.55",60:"0.6",65:"0.65",70:"0.7",75:"0.75",80:"0.8",85:"0.85",90:"0.9",95:"0.95",100:"1"},order:{first:"-9999",last:"9999",none:"0",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9",10:"10",11:"11",12:"12"},outlineColor:({theme:r})=>r("colors"),outlineOffset:{0:"0px",1:"1px",2:"2px",4:"4px",8:"8px"},outlineWidth:{0:"0px",1:"1px",2:"2px",4:"4px",8:"8px"},padding:({theme:r})=>r("spacing"),placeholderColor:({theme:r})=>r("colors"),placeholderOpacity:({theme:r})=>r("opacity"),ringColor:({theme:r})=>({DEFAULT:r("colors.blue.500","#3b82f6"),...r("colors")}),ringOffsetColor:({theme:r})=>r("colors"),ringOffsetWidth:{0:"0px",1:"1px",2:"2px",4:"4px",8:"8px"},ringOpacity:({theme:r})=>({DEFAULT:"0.5",...r("opacity")}),ringWidth:{DEFAULT:"3px",0:"0px",1:"1px",2:"2px",4:"4px",8:"8px"},rotate:{0:"0deg",1:"1deg",2:"2deg",3:"3deg",6:"6deg",12:"12deg",45:"45deg",90:"90deg",180:"180deg"},saturate:{0:"0",50:".5",100:"1",150:"1.5",200:"2"},scale:{0:"0",50:".5",75:".75",90:".9",95:".95",100:"1",105:"1.05",110:"1.1",125:"1.25",150:"1.5"},screens:{sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},scrollMargin:({theme:r})=>({...r("spacing")}),scrollPadding:({theme:r})=>r("spacing"),sepia:{0:"0",DEFAULT:"100%"},skew:{0:"0deg",1:"1deg",2:"2deg",3:"3deg",6:"6deg",12:"12deg"},space:({theme:r})=>({...r("spacing")}),spacing:{px:"1px",0:"0px",.5:"0.125rem",1:"0.25rem",1.5:"0.375rem",2:"0.5rem",2.5:"0.625rem",3:"0.75rem",3.5:"0.875rem",4:"1rem",5:"1.25rem",6:"1.5rem",7:"1.75rem",8:"2rem",9:"2.25rem",10:"2.5rem",11:"2.75rem",12:"3rem",14:"3.5rem",16:"4rem",20:"5rem",24:"6rem",28:"7rem",32:"8rem",36:"9rem",40:"10rem",44:"11rem",48:"12rem",52:"13rem",56:"14rem",60:"15rem",64:"16rem",72:"18rem",80:"20rem",96:"24rem"},stroke:({theme:r})=>({none:"none",...r("colors")}),strokeWidth:{0:"0",1:"1",2:"2"},supports:{},data:{},textColor:({theme:r})=>r("colors"),textDecorationColor:({theme:r})=>r("colors"),textDecorationThickness:{auto:"auto","from-font":"from-font",0:"0px",1:"1px",2:"2px",4:"4px",8:"8px"},textIndent:({theme:r})=>({...r("spacing")}),textOpacity:({theme:r})=>r("opacity"),textUnderlineOffset:{auto:"auto",0:"0px",1:"1px",2:"2px",4:"4px",8:"8px"},transformOrigin:{center:"center",top:"top","top-right":"top right",right:"right","bottom-right":"bottom right",bottom:"bottom","bottom-left":"bottom left",left:"left","top-left":"top left"},transitionDelay:{0:"0s",75:"75ms",100:"100ms",150:"150ms",200:"200ms",300:"300ms",500:"500ms",700:"700ms",1e3:"1000ms"},transitionDuration:{DEFAULT:"150ms",0:"0s",75:"75ms",100:"100ms",150:"150ms",200:"200ms",300:"300ms",500:"500ms",700:"700ms",1e3:"1000ms"},transitionProperty:{none:"none",all:"all",DEFAULT:"color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",colors:"color, background-color, border-color, text-decoration-color, fill, stroke",opacity:"opacity",shadow:"box-shadow",transform:"transform"},transitionTimingFunction:{DEFAULT:"cubic-bezier(0.4, 0, 0.2, 1)",linear:"linear",in:"cubic-bezier(0.4, 0, 1, 1)",out:"cubic-bezier(0, 0, 0.2, 1)","in-out":"cubic-bezier(0.4, 0, 0.2, 1)"},translate:({theme:r})=>({...r("spacing"),"1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%",full:"100%"}),size:({theme:r})=>({auto:"auto",...r("spacing"),"1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%","1/5":"20%","2/5":"40%","3/5":"60%","4/5":"80%","1/6":"16.666667%","2/6":"33.333333%","3/6":"50%","4/6":"66.666667%","5/6":"83.333333%","1/12":"8.333333%","2/12":"16.666667%","3/12":"25%","4/12":"33.333333%","5/12":"41.666667%","6/12":"50%","7/12":"58.333333%","8/12":"66.666667%","9/12":"75%","10/12":"83.333333%","11/12":"91.666667%",full:"100%",min:"min-content",max:"max-content",fit:"fit-content"}),width:({theme:r})=>({auto:"auto",...r("spacing"),"1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%","1/5":"20%","2/5":"40%","3/5":"60%","4/5":"80%","1/6":"16.666667%","2/6":"33.333333%","3/6":"50%","4/6":"66.666667%","5/6":"83.333333%","1/12":"8.333333%","2/12":"16.666667%","3/12":"25%","4/12":"33.333333%","5/12":"41.666667%","6/12":"50%","7/12":"58.333333%","8/12":"66.666667%","9/12":"75%","10/12":"83.333333%","11/12":"91.666667%",full:"100%",screen:"100vw",svw:"100svw",lvw:"100lvw",dvw:"100dvw",min:"min-content",max:"max-content",fit:"fit-content"}),willChange:{auto:"auto",scroll:"scroll-position",contents:"contents",transform:"transform"},zIndex:{auto:"auto",0:"0",10:"10",20:"20",30:"30",40:"40",50:"50"}},plugins:[]}});function nn(r){let e=(r?.presets??[ic.default]).slice().reverse().flatMap(n=>nn(n instanceof Function?n():n)),t={respectDefaultRingColorOpacity:{theme:{ringColor:({theme:n})=>({DEFAULT:"#3b82f67f",...n("colors")})}},disableColorOpacityUtilitiesByDefault:{corePlugins:{backgroundOpacity:!1,borderOpacity:!1,divideOpacity:!1,placeholderOpacity:!1,ringOpacity:!1,textOpacity:!1}}},i=Object.keys(t).filter(n=>we(r,n)).map(n=>t[n]);return[r,...i,...e]}var ic,nc=P(()=>{u();ic=pe(rn());ct()});var sc={};Ge(sc,{default:()=>zr});function zr(...r){let[,...e]=nn(r[0]);return na([...r,...e])}var sa=P(()=>{u();tc();nc()});var Ur={};Ge(Ur,{default:()=>me});var me,et=P(()=>{u();me={resolve:r=>r,extname:r=>"."+r.split(".").pop()}});function sn(r){return typeof r=="object"&&r!==null}function bx(r){return Object.keys(r).length===0}function ac(r){return typeof r=="string"||r instanceof String}function aa(r){return sn(r)&&r.config===void 0&&!bx(r)?null:sn(r)&&r.config!==void 0&&ac(r.config)?me.resolve(r.config):sn(r)&&r.config!==void 0&&sn(r.config)?null:ac(r)?me.resolve(r):wx()}function wx(){for(let r of yx)try{let e=me.resolve(r);return be.accessSync(e),e}catch(e){}return null}var yx,oc=P(()=>{u();ft();et();yx=["./tailwind.config.js","./tailwind.config.cjs","./tailwind.config.mjs","./tailwind.config.ts","./tailwind.config.cts","./tailwind.config.mts"]});var lc={};Ge(lc,{default:()=>oa});var oa,la=P(()=>{u();oa={parse:r=>({href:r})}});var ua=x(()=>{u()});var an=x((v3,cc)=>{u();"use strict";var uc=(Qi(),Af),fc=ua(),Jt=class extends Error{constructor(e,t,i,n,s,a){super(e);this.name="CssSyntaxError",this.reason=e,s&&(this.file=s),n&&(this.source=n),a&&(this.plugin=a),typeof t!="undefined"&&typeof i!="undefined"&&(typeof t=="number"?(this.line=t,this.column=i):(this.line=t.line,this.column=t.column,this.endLine=i.line,this.endColumn=i.column)),this.setMessage(),Error.captureStackTrace&&Error.captureStackTrace(this,Jt)}setMessage(){this.message=this.plugin?this.plugin+": ":"",this.message+=this.file?this.file:"<css input>",typeof this.line!="undefined"&&(this.message+=":"+this.line+":"+this.column),this.message+=": "+this.reason}showSourceCode(e){if(!this.source)return"";let t=this.source;e==null&&(e=uc.isColorSupported);let i=f=>f,n=f=>f,s=f=>f;if(e){let{bold:f,gray:d,red:p}=uc.createColors(!0);n=h=>f(p(h)),i=h=>d(h),fc&&(s=h=>fc(h))}let a=t.split(/\r?\n/),o=Math.max(this.line-3,0),l=Math.min(this.line+2,a.length),c=String(l).length;return a.slice(o,l).map((f,d)=>{let p=o+1+d,h=" "+(" "+p).slice(-c)+" | ";if(p===this.line){if(f.length>160){let v=20,y=Math.max(0,this.column-v),w=Math.max(this.column+v,this.endColumn+v),k=f.slice(y,w),S=i(h.replace(/\d/g," "))+f.slice(0,Math.min(this.column-1,v-1)).replace(/[^\t]/g," ");return n(">")+i(h)+s(k)+`
+ `+S+n("^")}let b=i(h.replace(/\d/g," "))+f.slice(0,this.column-1).replace(/[^\t]/g," ");return n(">")+i(h)+s(f)+`
+ `+b+n("^")}return" "+i(h)+s(f)}).join(`
+`)}toString(){let e=this.showSourceCode();return e&&(e=`
+
+`+e+`
+`),this.name+": "+this.message+e}};cc.exports=Jt;Jt.default=Jt});var fa=x((x3,dc)=>{u();"use strict";var pc={after:`
+`,beforeClose:`
+`,beforeComment:`
+`,beforeDecl:`
+`,beforeOpen:" ",beforeRule:`
+`,colon:": ",commentLeft:" ",commentRight:" ",emptyBody:"",indent:"    ",semicolon:!1};function vx(r){return r[0].toUpperCase()+r.slice(1)}var on=class{constructor(e){this.builder=e}atrule(e,t){let i="@"+e.name,n=e.params?this.rawValue(e,"params"):"";if(typeof e.raws.afterName!="undefined"?i+=e.raws.afterName:n&&(i+=" "),e.nodes)this.block(e,i+n);else{let s=(e.raws.between||"")+(t?";":"");this.builder(i+n+s,e)}}beforeAfter(e,t){let i;e.type==="decl"?i=this.raw(e,null,"beforeDecl"):e.type==="comment"?i=this.raw(e,null,"beforeComment"):t==="before"?i=this.raw(e,null,"beforeRule"):i=this.raw(e,null,"beforeClose");let n=e.parent,s=0;for(;n&&n.type!=="root";)s+=1,n=n.parent;if(i.includes(`
+`)){let a=this.raw(e,null,"indent");if(a.length)for(let o=0;o<s;o++)i+=a}return i}block(e,t){let i=this.raw(e,"between","beforeOpen");this.builder(t+i+"{",e,"start");let n;e.nodes&&e.nodes.length?(this.body(e),n=this.raw(e,"after")):n=this.raw(e,"after","emptyBody"),n&&this.builder(n),this.builder("}",e,"end")}body(e){let t=e.nodes.length-1;for(;t>0&&e.nodes[t].type==="comment";)t-=1;let i=this.raw(e,"semicolon");for(let n=0;n<e.nodes.length;n++){let s=e.nodes[n],a=this.raw(s,"before");a&&this.builder(a),this.stringify(s,t!==n||i)}}comment(e){let t=this.raw(e,"left","commentLeft"),i=this.raw(e,"right","commentRight");this.builder("/*"+t+e.text+i+"*/",e)}decl(e,t){let i=this.raw(e,"between","colon"),n=e.prop+i+this.rawValue(e,"value");e.important&&(n+=e.raws.important||" !important"),t&&(n+=";"),this.builder(n,e)}document(e){this.body(e)}raw(e,t,i){let n;if(i||(i=t),t&&(n=e.raws[t],typeof n!="undefined"))return n;let s=e.parent;if(i==="before"&&(!s||s.type==="root"&&s.first===e||s&&s.type==="document"))return"";if(!s)return pc[i];let a=e.root();if(a.rawCache||(a.rawCache={}),typeof a.rawCache[i]!="undefined")return a.rawCache[i];if(i==="before"||i==="after")return this.beforeAfter(e,i);{let o="raw"+vx(i);this[o]?n=this[o](a,e):a.walk(l=>{if(n=l.raws[t],typeof n!="undefined")return!1})}return typeof n=="undefined"&&(n=pc[i]),a.rawCache[i]=n,n}rawBeforeClose(e){let t;return e.walk(i=>{if(i.nodes&&i.nodes.length>0&&typeof i.raws.after!="undefined")return t=i.raws.after,t.includes(`
+`)&&(t=t.replace(/[^\n]+$/,"")),!1}),t&&(t=t.replace(/\S/g,"")),t}rawBeforeComment(e,t){let i;return e.walkComments(n=>{if(typeof n.raws.before!="undefined")return i=n.raws.before,i.includes(`
+`)&&(i=i.replace(/[^\n]+$/,"")),!1}),typeof i=="undefined"?i=this.raw(t,null,"beforeDecl"):i&&(i=i.replace(/\S/g,"")),i}rawBeforeDecl(e,t){let i;return e.walkDecls(n=>{if(typeof n.raws.before!="undefined")return i=n.raws.before,i.includes(`
+`)&&(i=i.replace(/[^\n]+$/,"")),!1}),typeof i=="undefined"?i=this.raw(t,null,"beforeRule"):i&&(i=i.replace(/\S/g,"")),i}rawBeforeOpen(e){let t;return e.walk(i=>{if(i.type!=="decl"&&(t=i.raws.between,typeof t!="undefined"))return!1}),t}rawBeforeRule(e){let t;return e.walk(i=>{if(i.nodes&&(i.parent!==e||e.first!==i)&&typeof i.raws.before!="undefined")return t=i.raws.before,t.includes(`
+`)&&(t=t.replace(/[^\n]+$/,"")),!1}),t&&(t=t.replace(/\S/g,"")),t}rawColon(e){let t;return e.walkDecls(i=>{if(typeof i.raws.between!="undefined")return t=i.raws.between.replace(/[^\s:]/g,""),!1}),t}rawEmptyBody(e){let t;return e.walk(i=>{if(i.nodes&&i.nodes.length===0&&(t=i.raws.after,typeof t!="undefined"))return!1}),t}rawIndent(e){if(e.raws.indent)return e.raws.indent;let t;return e.walk(i=>{let n=i.parent;if(n&&n!==e&&n.parent&&n.parent===e&&typeof i.raws.before!="undefined"){let s=i.raws.before.split(`
+`);return t=s[s.length-1],t=t.replace(/\S/g,""),!1}}),t}rawSemicolon(e){let t;return e.walk(i=>{if(i.nodes&&i.nodes.length&&i.last.type==="decl"&&(t=i.raws.semicolon,typeof t!="undefined"))return!1}),t}rawValue(e,t){let i=e[t],n=e.raws[t];return n&&n.value===i?n.raw:i}root(e){this.body(e),e.raws.after&&this.builder(e.raws.after)}rule(e){this.block(e,this.rawValue(e,"selector")),e.raws.ownSemicolon&&this.builder(e.raws.ownSemicolon,e,"end")}stringify(e,t){if(!this[e.type])throw new Error("Unknown AST node type "+e.type+". Maybe you need to change PostCSS stringifier.");this[e.type](e,t)}};dc.exports=on;on.default=on});var Vr=x((k3,hc)=>{u();"use strict";var xx=fa();function ca(r,e){new xx(e).stringify(r)}hc.exports=ca;ca.default=ca});var ln=x((S3,pa)=>{u();"use strict";pa.exports.isClean=Symbol("isClean");pa.exports.my=Symbol("my")});var Gr=x((A3,mc)=>{u();"use strict";var kx=an(),Sx=fa(),Ax=Vr(),{isClean:Hr,my:Cx}=ln();function da(r,e){let t=new r.constructor;for(let i in r){if(!Object.prototype.hasOwnProperty.call(r,i)||i==="proxyCache")continue;let n=r[i],s=typeof n;i==="parent"&&s==="object"?e&&(t[i]=e):i==="source"?t[i]=n:Array.isArray(n)?t[i]=n.map(a=>da(a,t)):(s==="object"&&n!==null&&(n=da(n)),t[i]=n)}return t}function Wr(r,e){if(e&&typeof e.offset!="undefined")return e.offset;let t=1,i=1,n=0;for(let s=0;s<r.length;s++){if(i===e.line&&t===e.column){n=s;break}r[s]===`
+`?(t=1,i+=1):t+=1}return n}var un=class{constructor(e={}){this.raws={},this[Hr]=!1,this[Cx]=!0;for(let t in e)if(t==="nodes"){this.nodes=[];for(let i of e[t])typeof i.clone=="function"?this.append(i.clone()):this.append(i)}else this[t]=e[t]}addToError(e){if(e.postcssNode=this,e.stack&&this.source&&/\n\s{4}at /.test(e.stack)){let t=this.source;e.stack=e.stack.replace(/\n\s{4}at /,`$&${t.input.from}:${t.start.line}:${t.start.column}$&`)}return e}after(e){return this.parent.insertAfter(this,e),this}assign(e={}){for(let t in e)this[t]=e[t];return this}before(e){return this.parent.insertBefore(this,e),this}cleanRaws(e){delete this.raws.before,delete this.raws.after,e||delete this.raws.between}clone(e={}){let t=da(this);for(let i in e)t[i]=e[i];return t}cloneAfter(e={}){let t=this.clone(e);return this.parent.insertAfter(this,t),t}cloneBefore(e={}){let t=this.clone(e);return this.parent.insertBefore(this,t),t}error(e,t={}){if(this.source){let{end:i,start:n}=this.rangeBy(t);return this.source.input.error(e,{column:n.column,line:n.line},{column:i.column,line:i.line},t)}return new kx(e)}getProxyProcessor(){return{get(e,t){return t==="proxyOf"?e:t==="root"?()=>e.root().toProxy():e[t]},set(e,t,i){return e[t]===i||(e[t]=i,(t==="prop"||t==="value"||t==="name"||t==="params"||t==="important"||t==="text")&&e.markDirty()),!0}}}markClean(){this[Hr]=!0}markDirty(){if(this[Hr]){this[Hr]=!1;let e=this;for(;e=e.parent;)e[Hr]=!1}}next(){if(!this.parent)return;let e=this.parent.index(this);return this.parent.nodes[e+1]}positionBy(e){let t=this.source.start;if(e.index)t=this.positionInside(e.index);else if(e.word){let n=this.source.input.css.slice(Wr(this.source.input.css,this.source.start),Wr(this.source.input.css,this.source.end)).indexOf(e.word);n!==-1&&(t=this.positionInside(n))}return t}positionInside(e){let t=this.source.start.column,i=this.source.start.line,n=Wr(this.source.input.css,this.source.start),s=n+e;for(let a=n;a<s;a++)this.source.input.css[a]===`
+`?(t=1,i+=1):t+=1;return{column:t,line:i}}prev(){if(!this.parent)return;let e=this.parent.index(this);return this.parent.nodes[e-1]}rangeBy(e){let t={column:this.source.start.column,line:this.source.start.line},i=this.source.end?{column:this.source.end.column+1,line:this.source.end.line}:{column:t.column+1,line:t.line};if(e.word){let s=this.source.input.css.slice(Wr(this.source.input.css,this.source.start),Wr(this.source.input.css,this.source.end)).indexOf(e.word);s!==-1&&(t=this.positionInside(s),i=this.positionInside(s+e.word.length))}else e.start?t={column:e.start.column,line:e.start.line}:e.index&&(t=this.positionInside(e.index)),e.end?i={column:e.end.column,line:e.end.line}:typeof e.endIndex=="number"?i=this.positionInside(e.endIndex):e.index&&(i=this.positionInside(e.index+1));return(i.line<t.line||i.line===t.line&&i.column<=t.column)&&(i={column:t.column+1,line:t.line}),{end:i,start:t}}raw(e,t){return new Sx().raw(this,e,t)}remove(){return this.parent&&this.parent.removeChild(this),this.parent=void 0,this}replaceWith(...e){if(this.parent){let t=this,i=!1;for(let n of e)n===this?i=!0:i?(this.parent.insertAfter(t,n),t=n):this.parent.insertBefore(t,n);i||this.remove()}return this}root(){let e=this;for(;e.parent&&e.parent.type!=="document";)e=e.parent;return e}toJSON(e,t){let i={},n=t==null;t=t||new Map;let s=0;for(let a in this){if(!Object.prototype.hasOwnProperty.call(this,a)||a==="parent"||a==="proxyCache")continue;let o=this[a];if(Array.isArray(o))i[a]=o.map(l=>typeof l=="object"&&l.toJSON?l.toJSON(null,t):l);else if(typeof o=="object"&&o.toJSON)i[a]=o.toJSON(null,t);else if(a==="source"){let l=t.get(o.input);l==null&&(l=s,t.set(o.input,s),s++),i[a]={end:o.end,inputId:l,start:o.start}}else i[a]=o}return n&&(i.inputs=[...t.keys()].map(a=>a.toJSON())),i}toProxy(){return this.proxyCache||(this.proxyCache=new Proxy(this,this.getProxyProcessor())),this.proxyCache}toString(e=Ax){e.stringify&&(e=e.stringify);let t="";return e(this,i=>{t+=i}),t}warn(e,t,i){let n={node:this};for(let s in i)n[s]=i[s];return e.warn(t,n)}get proxyOf(){return this}};mc.exports=un;un.default=un});var Qr=x((C3,gc)=>{u();"use strict";var _x=Gr(),fn=class extends _x{constructor(e){super(e);this.type="comment"}};gc.exports=fn;fn.default=fn});var Yr=x((_3,yc)=>{u();"use strict";var Ex=Gr(),cn=class extends Ex{constructor(e){e&&typeof e.value!="undefined"&&typeof e.value!="string"&&(e={...e,value:String(e.value)});super(e);this.type="decl"}get variable(){return this.prop.startsWith("--")||this.prop[0]==="$"}};yc.exports=cn;cn.default=cn});var Et=x((E3,_c)=>{u();"use strict";var bc=Qr(),wc=Yr(),Ox=Gr(),{isClean:vc,my:xc}=ln(),ha,kc,Sc,ma;function Ac(r){return r.map(e=>(e.nodes&&(e.nodes=Ac(e.nodes)),delete e.source,e))}function Cc(r){if(r[vc]=!1,r.proxyOf.nodes)for(let e of r.proxyOf.nodes)Cc(e)}var Fe=class extends Ox{append(...e){for(let t of e){let i=this.normalize(t,this.last);for(let n of i)this.proxyOf.nodes.push(n)}return this.markDirty(),this}cleanRaws(e){if(super.cleanRaws(e),this.nodes)for(let t of this.nodes)t.cleanRaws(e)}each(e){if(!this.proxyOf.nodes)return;let t=this.getIterator(),i,n;for(;this.indexes[t]<this.proxyOf.nodes.length&&(i=this.indexes[t],n=e(this.proxyOf.nodes[i],i),n!==!1);)this.indexes[t]+=1;return delete this.indexes[t],n}every(e){return this.nodes.every(e)}getIterator(){this.lastEach||(this.lastEach=0),this.indexes||(this.indexes={}),this.lastEach+=1;let e=this.lastEach;return this.indexes[e]=0,e}getProxyProcessor(){return{get(e,t){return t==="proxyOf"?e:e[t]?t==="each"||typeof t=="string"&&t.startsWith("walk")?(...i)=>e[t](...i.map(n=>typeof n=="function"?(s,a)=>n(s.toProxy(),a):n)):t==="every"||t==="some"?i=>e[t]((n,...s)=>i(n.toProxy(),...s)):t==="root"?()=>e.root().toProxy():t==="nodes"?e.nodes.map(i=>i.toProxy()):t==="first"||t==="last"?e[t].toProxy():e[t]:e[t]},set(e,t,i){return e[t]===i||(e[t]=i,(t==="name"||t==="params"||t==="selector")&&e.markDirty()),!0}}}index(e){return typeof e=="number"?e:(e.proxyOf&&(e=e.proxyOf),this.proxyOf.nodes.indexOf(e))}insertAfter(e,t){let i=this.index(e),n=this.normalize(t,this.proxyOf.nodes[i]).reverse();i=this.index(e);for(let a of n)this.proxyOf.nodes.splice(i+1,0,a);let s;for(let a in this.indexes)s=this.indexes[a],i<s&&(this.indexes[a]=s+n.length);return this.markDirty(),this}insertBefore(e,t){let i=this.index(e),n=i===0?"prepend":!1,s=this.normalize(t,this.proxyOf.nodes[i],n).reverse();i=this.index(e);for(let o of s)this.proxyOf.nodes.splice(i,0,o);let a;for(let o in this.indexes)a=this.indexes[o],i<=a&&(this.indexes[o]=a+s.length);return this.markDirty(),this}normalize(e,t){if(typeof e=="string")e=Ac(kc(e).nodes);else if(typeof e=="undefined")e=[];else if(Array.isArray(e)){e=e.slice(0);for(let n of e)n.parent&&n.parent.removeChild(n,"ignore")}else if(e.type==="root"&&this.type!=="document"){e=e.nodes.slice(0);for(let n of e)n.parent&&n.parent.removeChild(n,"ignore")}else if(e.type)e=[e];else if(e.prop){if(typeof e.value=="undefined")throw new Error("Value field is missed in node creation");typeof e.value!="string"&&(e.value=String(e.value)),e=[new wc(e)]}else if(e.selector||e.selectors)e=[new ma(e)];else if(e.name)e=[new ha(e)];else if(e.text)e=[new bc(e)];else throw new Error("Unknown node type in node creation");return e.map(n=>(n[xc]||Fe.rebuild(n),n=n.proxyOf,n.parent&&n.parent.removeChild(n),n[vc]&&Cc(n),n.raws||(n.raws={}),typeof n.raws.before=="undefined"&&t&&typeof t.raws.before!="undefined"&&(n.raws.before=t.raws.before.replace(/\S/g,"")),n.parent=this.proxyOf,n))}prepend(...e){e=e.reverse();for(let t of e){let i=this.normalize(t,this.first,"prepend").reverse();for(let n of i)this.proxyOf.nodes.unshift(n);for(let n in this.indexes)this.indexes[n]=this.indexes[n]+i.length}return this.markDirty(),this}push(e){return e.parent=this,this.proxyOf.nodes.push(e),this}removeAll(){for(let e of this.proxyOf.nodes)e.parent=void 0;return this.proxyOf.nodes=[],this.markDirty(),this}removeChild(e){e=this.index(e),this.proxyOf.nodes[e].parent=void 0,this.proxyOf.nodes.splice(e,1);let t;for(let i in this.indexes)t=this.indexes[i],t>=e&&(this.indexes[i]=t-1);return this.markDirty(),this}replaceValues(e,t,i){return i||(i=t,t={}),this.walkDecls(n=>{t.props&&!t.props.includes(n.prop)||t.fast&&!n.value.includes(t.fast)||(n.value=n.value.replace(e,i))}),this.markDirty(),this}some(e){return this.nodes.some(e)}walk(e){return this.each((t,i)=>{let n;try{n=e(t,i)}catch(s){throw t.addToError(s)}return n!==!1&&t.walk&&(n=t.walk(e)),n})}walkAtRules(e,t){return t?e instanceof RegExp?this.walk((i,n)=>{if(i.type==="atrule"&&e.test(i.name))return t(i,n)}):this.walk((i,n)=>{if(i.type==="atrule"&&i.name===e)return t(i,n)}):(t=e,this.walk((i,n)=>{if(i.type==="atrule")return t(i,n)}))}walkComments(e){return this.walk((t,i)=>{if(t.type==="comment")return e(t,i)})}walkDecls(e,t){return t?e instanceof RegExp?this.walk((i,n)=>{if(i.type==="decl"&&e.test(i.prop))return t(i,n)}):this.walk((i,n)=>{if(i.type==="decl"&&i.prop===e)return t(i,n)}):(t=e,this.walk((i,n)=>{if(i.type==="decl")return t(i,n)}))}walkRules(e,t){return t?e instanceof RegExp?this.walk((i,n)=>{if(i.type==="rule"&&e.test(i.selector))return t(i,n)}):this.walk((i,n)=>{if(i.type==="rule"&&i.selector===e)return t(i,n)}):(t=e,this.walk((i,n)=>{if(i.type==="rule")return t(i,n)}))}get first(){if(!!this.proxyOf.nodes)return this.proxyOf.nodes[0]}get last(){if(!!this.proxyOf.nodes)return this.proxyOf.nodes[this.proxyOf.nodes.length-1]}};Fe.registerParse=r=>{kc=r};Fe.registerRule=r=>{ma=r};Fe.registerAtRule=r=>{ha=r};Fe.registerRoot=r=>{Sc=r};_c.exports=Fe;Fe.default=Fe;Fe.rebuild=r=>{r.type==="atrule"?Object.setPrototypeOf(r,ha.prototype):r.type==="rule"?Object.setPrototypeOf(r,ma.prototype):r.type==="decl"?Object.setPrototypeOf(r,wc.prototype):r.type==="comment"?Object.setPrototypeOf(r,bc.prototype):r.type==="root"&&Object.setPrototypeOf(r,Sc.prototype),r[xc]=!0,r.nodes&&r.nodes.forEach(e=>{Fe.rebuild(e)})}});var pn=x((O3,Oc)=>{u();"use strict";var Ec=Et(),Kr=class extends Ec{constructor(e){super(e);this.type="atrule"}append(...e){return this.proxyOf.nodes||(this.nodes=[]),super.append(...e)}prepend(...e){return this.proxyOf.nodes||(this.nodes=[]),super.prepend(...e)}};Oc.exports=Kr;Kr.default=Kr;Ec.registerAtRule(Kr)});var dn=x((T3,Pc)=>{u();"use strict";var Tx=Et(),Tc,Rc,er=class extends Tx{constructor(e){super({type:"document",...e});this.nodes||(this.nodes=[])}toResult(e={}){return new Tc(new Rc,this,e).stringify()}};er.registerLazyResult=r=>{Tc=r};er.registerProcessor=r=>{Rc=r};Pc.exports=er;er.default=er});var Dc=x((R3,Ic)=>{u();var Rx="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict",Px=(r,e=21)=>(t=e)=>{let i="",n=t;for(;n--;)i+=r[Math.random()*r.length|0];return i},Ix=(r=21)=>{let e="",t=r;for(;t--;)e+=Rx[Math.random()*64|0];return e};Ic.exports={nanoid:Ix,customAlphabet:Px}});var qc=x(()=>{u()});var ga=x((D3,$c)=>{u();$c.exports={}});var mn=x((q3,Bc)=>{u();"use strict";var{nanoid:Dx}=Dc(),{isAbsolute:ya,resolve:ba}=(et(),Ur),{SourceMapConsumer:qx,SourceMapGenerator:$x}=qc(),{fileURLToPath:Lc,pathToFileURL:hn}=(la(),lc),Mc=an(),Lx=ga(),wa=ua(),va=Symbol("fromOffsetCache"),Mx=Boolean(qx&&$x),Nc=Boolean(ba&&ya),Xr=class{constructor(e,t={}){if(e===null||typeof e=="undefined"||typeof e=="object"&&!e.toString)throw new Error(`PostCSS received ${e} instead of CSS string`);if(this.css=e.toString(),this.css[0]==="\uFEFF"||this.css[0]==="\uFFFE"?(this.hasBOM=!0,this.css=this.css.slice(1)):this.hasBOM=!1,t.from&&(!Nc||/^\w+:\/\//.test(t.from)||ya(t.from)?this.file=t.from:this.file=ba(t.from)),Nc&&Mx){let i=new Lx(this.css,t);if(i.text){this.map=i;let n=i.consumer().file;!this.file&&n&&(this.file=this.mapResolve(n))}}this.file||(this.id="<input css "+Dx(6)+">"),this.map&&(this.map.file=this.from)}error(e,t,i,n={}){let s,a,o;if(t&&typeof t=="object"){let c=t,f=i;if(typeof c.offset=="number"){let d=this.fromOffset(c.offset);t=d.line,i=d.col}else t=c.line,i=c.column;if(typeof f.offset=="number"){let d=this.fromOffset(f.offset);a=d.line,s=d.col}else a=f.line,s=f.column}else if(!i){let c=this.fromOffset(t);t=c.line,i=c.col}let l=this.origin(t,i,a,s);return l?o=new Mc(e,l.endLine===void 0?l.line:{column:l.column,line:l.line},l.endLine===void 0?l.column:{column:l.endColumn,line:l.endLine},l.source,l.file,n.plugin):o=new Mc(e,a===void 0?t:{column:i,line:t},a===void 0?i:{column:s,line:a},this.css,this.file,n.plugin),o.input={column:i,endColumn:s,endLine:a,line:t,source:this.css},this.file&&(hn&&(o.input.url=hn(this.file).toString()),o.input.file=this.file),o}fromOffset(e){let t,i;if(this[va])i=this[va];else{let s=this.css.split(`
+`);i=new Array(s.length);let a=0;for(let o=0,l=s.length;o<l;o++)i[o]=a,a+=s[o].length+1;this[va]=i}t=i[i.length-1];let n=0;if(e>=t)n=i.length-1;else{let s=i.length-2,a;for(;n<s;)if(a=n+(s-n>>1),e<i[a])s=a-1;else if(e>=i[a+1])n=a+1;else{n=a;break}}return{col:e-i[n]+1,line:n+1}}mapResolve(e){return/^\w+:\/\//.test(e)?e:ba(this.map.consumer().sourceRoot||this.map.root||".",e)}origin(e,t,i,n){if(!this.map)return!1;let s=this.map.consumer(),a=s.originalPositionFor({column:t,line:e});if(!a.source)return!1;let o;typeof i=="number"&&(o=s.originalPositionFor({column:n,line:i}));let l;ya(a.source)?l=hn(a.source):l=new URL(a.source,this.map.consumer().sourceRoot||hn(this.map.mapFile));let c={column:a.column,endColumn:o&&o.column,endLine:o&&o.line,line:a.line,url:l.toString()};if(l.protocol==="file:")if(Lc)c.file=Lc(l);else throw new Error("file: protocol is not available in this PostCSS build");let f=s.sourceContentFor(a.source);return f&&(c.source=f),c}toJSON(){let e={};for(let t of["hasBOM","css","file","id"])this[t]!=null&&(e[t]=this[t]);return this.map&&(e.map={...this.map},e.map.consumerCache&&(e.map.consumerCache=void 0)),e}get from(){return this.file||this.id}};Bc.exports=Xr;Xr.default=Xr;wa&&wa.registerInput&&wa.registerInput(Xr)});var tr=x(($3,Uc)=>{u();"use strict";var Fc=Et(),jc,zc,Ut=class extends Fc{constructor(e){super(e);this.type="root",this.nodes||(this.nodes=[])}normalize(e,t,i){let n=super.normalize(e);if(t){if(i==="prepend")this.nodes.length>1?t.raws.before=this.nodes[1].raws.before:delete t.raws.before;else if(this.first!==t)for(let s of n)s.raws.before=t.raws.before}return n}removeChild(e,t){let i=this.index(e);return!t&&i===0&&this.nodes.length>1&&(this.nodes[1].raws.before=this.nodes[i].raws.before),super.removeChild(e)}toResult(e={}){return new jc(new zc,this,e).stringify()}};Ut.registerLazyResult=r=>{jc=r};Ut.registerProcessor=r=>{zc=r};Uc.exports=Ut;Ut.default=Ut;Fc.registerRoot(Ut)});var xa=x((L3,Vc)=>{u();"use strict";var Zr={comma(r){return Zr.split(r,[","],!0)},space(r){let e=[" ",`
+`,"	"];return Zr.split(r,e)},split(r,e,t){let i=[],n="",s=!1,a=0,o=!1,l="",c=!1;for(let f of r)c?c=!1:f==="\\"?c=!0:o?f===l&&(o=!1):f==='"'||f==="'"?(o=!0,l=f):f==="("?a+=1:f===")"?a>0&&(a-=1):a===0&&e.includes(f)&&(s=!0),s?(n!==""&&i.push(n.trim()),n="",s=!1):n+=f;return(t||n!=="")&&i.push(n.trim()),i}};Vc.exports=Zr;Zr.default=Zr});var gn=x((M3,Wc)=>{u();"use strict";var Hc=Et(),Nx=xa(),Jr=class extends Hc{constructor(e){super(e);this.type="rule",this.nodes||(this.nodes=[])}get selectors(){return Nx.comma(this.selector)}set selectors(e){let t=this.selector?this.selector.match(/,\s*/):null,i=t?t[0]:","+this.raw("between","beforeOpen");this.selector=e.join(i)}};Wc.exports=Jr;Jr.default=Jr;Hc.registerRule(Jr)});var Qc=x((N3,Gc)=>{u();"use strict";var Bx=pn(),Fx=Qr(),jx=Yr(),zx=mn(),Ux=ga(),Vx=tr(),Hx=gn();function ei(r,e){if(Array.isArray(r))return r.map(n=>ei(n));let{inputs:t,...i}=r;if(t){e=[];for(let n of t){let s={...n,__proto__:zx.prototype};s.map&&(s.map={...s.map,__proto__:Ux.prototype}),e.push(s)}}if(i.nodes&&(i.nodes=r.nodes.map(n=>ei(n,e))),i.source){let{inputId:n,...s}=i.source;i.source=s,n!=null&&(i.source.input=e[n])}if(i.type==="root")return new Vx(i);if(i.type==="decl")return new jx(i);if(i.type==="rule")return new Hx(i);if(i.type==="comment")return new Fx(i);if(i.type==="atrule")return new Bx(i);throw new Error("Unknown node type: "+r.type)}Gc.exports=ei;ei.default=ei});var ka=x((B3,Yc)=>{u();Yc.exports=function(r,e){return{generate:()=>{let t="";return r(e,i=>{t+=i}),[t]}}}});var ep=x((F3,Jc)=>{u();"use strict";var Sa="'".charCodeAt(0),Kc='"'.charCodeAt(0),yn="\\".charCodeAt(0),Xc="/".charCodeAt(0),bn=`
+`.charCodeAt(0),ti=" ".charCodeAt(0),wn="\f".charCodeAt(0),vn="	".charCodeAt(0),xn="\r".charCodeAt(0),Wx="[".charCodeAt(0),Gx="]".charCodeAt(0),Qx="(".charCodeAt(0),Yx=")".charCodeAt(0),Kx="{".charCodeAt(0),Xx="}".charCodeAt(0),Zx=";".charCodeAt(0),Jx="*".charCodeAt(0),e1=":".charCodeAt(0),t1="@".charCodeAt(0),kn=/[\t\n\f\r "#'()/;[\\\]{}]/g,Sn=/[\t\n\f\r !"#'():;@[\\\]{}]|\/(?=\*)/g,r1=/.[\r\n"'(/\\]/,Zc=/[\da-f]/i;Jc.exports=function(e,t={}){let i=e.css.valueOf(),n=t.ignoreErrors,s,a,o,l,c,f,d,p,h,b,v=i.length,y=0,w=[],k=[];function S(){return y}function E(R){throw e.error("Unclosed "+R,y)}function T(){return k.length===0&&y>=v}function B(R){if(k.length)return k.pop();if(y>=v)return;let F=R?R.ignoreUnclosed:!1;switch(s=i.charCodeAt(y),s){case bn:case ti:case vn:case xn:case wn:{l=y;do l+=1,s=i.charCodeAt(l);while(s===ti||s===bn||s===vn||s===xn||s===wn);f=["space",i.slice(y,l)],y=l-1;break}case Wx:case Gx:case Kx:case Xx:case e1:case Zx:case Yx:{let Y=String.fromCharCode(s);f=[Y,Y,y];break}case Qx:{if(b=w.length?w.pop()[1]:"",h=i.charCodeAt(y+1),b==="url"&&h!==Sa&&h!==Kc&&h!==ti&&h!==bn&&h!==vn&&h!==wn&&h!==xn){l=y;do{if(d=!1,l=i.indexOf(")",l+1),l===-1)if(n||F){l=y;break}else E("bracket");for(p=l;i.charCodeAt(p-1)===yn;)p-=1,d=!d}while(d);f=["brackets",i.slice(y,l+1),y,l],y=l}else l=i.indexOf(")",y+1),a=i.slice(y,l+1),l===-1||r1.test(a)?f=["(","(",y]:(f=["brackets",a,y,l],y=l);break}case Sa:case Kc:{c=s===Sa?"'":'"',l=y;do{if(d=!1,l=i.indexOf(c,l+1),l===-1)if(n||F){l=y+1;break}else E("string");for(p=l;i.charCodeAt(p-1)===yn;)p-=1,d=!d}while(d);f=["string",i.slice(y,l+1),y,l],y=l;break}case t1:{kn.lastIndex=y+1,kn.test(i),kn.lastIndex===0?l=i.length-1:l=kn.lastIndex-2,f=["at-word",i.slice(y,l+1),y,l],y=l;break}case yn:{for(l=y,o=!0;i.charCodeAt(l+1)===yn;)l+=1,o=!o;if(s=i.charCodeAt(l+1),o&&s!==Xc&&s!==ti&&s!==bn&&s!==vn&&s!==xn&&s!==wn&&(l+=1,Zc.test(i.charAt(l)))){for(;Zc.test(i.charAt(l+1));)l+=1;i.charCodeAt(l+1)===ti&&(l+=1)}f=["word",i.slice(y,l+1),y,l],y=l;break}default:{s===Xc&&i.charCodeAt(y+1)===Jx?(l=i.indexOf("*/",y+2)+1,l===0&&(n||F?l=i.length:E("comment")),f=["comment",i.slice(y,l+1),y,l],y=l):(Sn.lastIndex=y+1,Sn.test(i),Sn.lastIndex===0?l=i.length-1:l=Sn.lastIndex-2,f=["word",i.slice(y,l+1),y,l],w.push(f),y=l);break}}return y++,f}function N(R){k.push(R)}return{back:N,endOfFile:T,nextToken:B,position:S}}});var sp=x((j3,np)=>{u();"use strict";var i1=pn(),n1=Qr(),s1=Yr(),a1=tr(),tp=gn(),o1=ep(),rp={empty:!0,space:!0};function l1(r){for(let e=r.length-1;e>=0;e--){let t=r[e],i=t[3]||t[2];if(i)return i}}var ip=class{constructor(e){this.input=e,this.root=new a1,this.current=this.root,this.spaces="",this.semicolon=!1,this.createTokenizer(),this.root.source={input:e,start:{column:1,line:1,offset:0}}}atrule(e){let t=new i1;t.name=e[1].slice(1),t.name===""&&this.unnamedAtrule(t,e),this.init(t,e[2]);let i,n,s,a=!1,o=!1,l=[],c=[];for(;!this.tokenizer.endOfFile();){if(e=this.tokenizer.nextToken(),i=e[0],i==="("||i==="["?c.push(i==="("?")":"]"):i==="{"&&c.length>0?c.push("}"):i===c[c.length-1]&&c.pop(),c.length===0)if(i===";"){t.source.end=this.getPosition(e[2]),t.source.end.offset++,this.semicolon=!0;break}else if(i==="{"){o=!0;break}else if(i==="}"){if(l.length>0){for(s=l.length-1,n=l[s];n&&n[0]==="space";)n=l[--s];n&&(t.source.end=this.getPosition(n[3]||n[2]),t.source.end.offset++)}this.end(e);break}else l.push(e);else l.push(e);if(this.tokenizer.endOfFile()){a=!0;break}}t.raws.between=this.spacesAndCommentsFromEnd(l),l.length?(t.raws.afterName=this.spacesAndCommentsFromStart(l),this.raw(t,"params",l),a&&(e=l[l.length-1],t.source.end=this.getPosition(e[3]||e[2]),t.source.end.offset++,this.spaces=t.raws.between,t.raws.between="")):(t.raws.afterName="",t.params=""),o&&(t.nodes=[],this.current=t)}checkMissedSemicolon(e){let t=this.colon(e);if(t===!1)return;let i=0,n;for(let s=t-1;s>=0&&(n=e[s],!(n[0]!=="space"&&(i+=1,i===2)));s--);throw this.input.error("Missed semicolon",n[0]==="word"?n[3]+1:n[2])}colon(e){let t=0,i,n,s;for(let[a,o]of e.entries()){if(n=o,s=n[0],s==="("&&(t+=1),s===")"&&(t-=1),t===0&&s===":")if(!i)this.doubleColon(n);else{if(i[0]==="word"&&i[1]==="progid")continue;return a}i=n}return!1}comment(e){let t=new n1;this.init(t,e[2]),t.source.end=this.getPosition(e[3]||e[2]),t.source.end.offset++;let i=e[1].slice(2,-2);if(/^\s*$/.test(i))t.text="",t.raws.left=i,t.raws.right="";else{let n=i.match(/^(\s*)([^]*\S)(\s*)$/);t.text=n[2],t.raws.left=n[1],t.raws.right=n[3]}}createTokenizer(){this.tokenizer=o1(this.input)}decl(e,t){let i=new s1;this.init(i,e[0][2]);let n=e[e.length-1];for(n[0]===";"&&(this.semicolon=!0,e.pop()),i.source.end=this.getPosition(n[3]||n[2]||l1(e)),i.source.end.offset++;e[0][0]!=="word";)e.length===1&&this.unknownWord(e),i.raws.before+=e.shift()[1];for(i.source.start=this.getPosition(e[0][2]),i.prop="";e.length;){let c=e[0][0];if(c===":"||c==="space"||c==="comment")break;i.prop+=e.shift()[1]}i.raws.between="";let s;for(;e.length;)if(s=e.shift(),s[0]===":"){i.raws.between+=s[1];break}else s[0]==="word"&&/\w/.test(s[1])&&this.unknownWord([s]),i.raws.between+=s[1];(i.prop[0]==="_"||i.prop[0]==="*")&&(i.raws.before+=i.prop[0],i.prop=i.prop.slice(1));let a=[],o;for(;e.length&&(o=e[0][0],!(o!=="space"&&o!=="comment"));)a.push(e.shift());this.precheckMissedSemicolon(e);for(let c=e.length-1;c>=0;c--){if(s=e[c],s[1].toLowerCase()==="!important"){i.important=!0;let f=this.stringFrom(e,c);f=this.spacesFromEnd(e)+f,f!==" !important"&&(i.raws.important=f);break}else if(s[1].toLowerCase()==="important"){let f=e.slice(0),d="";for(let p=c;p>0;p--){let h=f[p][0];if(d.trim().startsWith("!")&&h!=="space")break;d=f.pop()[1]+d}d.trim().startsWith("!")&&(i.important=!0,i.raws.important=d,e=f)}if(s[0]!=="space"&&s[0]!=="comment")break}e.some(c=>c[0]!=="space"&&c[0]!=="comment")&&(i.raws.between+=a.map(c=>c[1]).join(""),a=[]),this.raw(i,"value",a.concat(e),t),i.value.includes(":")&&!t&&this.checkMissedSemicolon(e)}doubleColon(e){throw this.input.error("Double colon",{offset:e[2]},{offset:e[2]+e[1].length})}emptyRule(e){let t=new tp;this.init(t,e[2]),t.selector="",t.raws.between="",this.current=t}end(e){this.current.nodes&&this.current.nodes.length&&(this.current.raws.semicolon=this.semicolon),this.semicolon=!1,this.current.raws.after=(this.current.raws.after||"")+this.spaces,this.spaces="",this.current.parent?(this.current.source.end=this.getPosition(e[2]),this.current.source.end.offset++,this.current=this.current.parent):this.unexpectedClose(e)}endFile(){this.current.parent&&this.unclosedBlock(),this.current.nodes&&this.current.nodes.length&&(this.current.raws.semicolon=this.semicolon),this.current.raws.after=(this.current.raws.after||"")+this.spaces,this.root.source.end=this.getPosition(this.tokenizer.position())}freeSemicolon(e){if(this.spaces+=e[1],this.current.nodes){let t=this.current.nodes[this.current.nodes.length-1];t&&t.type==="rule"&&!t.raws.ownSemicolon&&(t.raws.ownSemicolon=this.spaces,this.spaces="")}}getPosition(e){let t=this.input.fromOffset(e);return{column:t.col,line:t.line,offset:e}}init(e,t){this.current.push(e),e.source={input:this.input,start:this.getPosition(t)},e.raws.before=this.spaces,this.spaces="",e.type!=="comment"&&(this.semicolon=!1)}other(e){let t=!1,i=null,n=!1,s=null,a=[],o=e[1].startsWith("--"),l=[],c=e;for(;c;){if(i=c[0],l.push(c),i==="("||i==="[")s||(s=c),a.push(i==="("?")":"]");else if(o&&n&&i==="{")s||(s=c),a.push("}");else if(a.length===0)if(i===";")if(n){this.decl(l,o);return}else break;else if(i==="{"){this.rule(l);return}else if(i==="}"){this.tokenizer.back(l.pop()),t=!0;break}else i===":"&&(n=!0);else i===a[a.length-1]&&(a.pop(),a.length===0&&(s=null));c=this.tokenizer.nextToken()}if(this.tokenizer.endOfFile()&&(t=!0),a.length>0&&this.unclosedBracket(s),t&&n){if(!o)for(;l.length&&(c=l[l.length-1][0],!(c!=="space"&&c!=="comment"));)this.tokenizer.back(l.pop());this.decl(l,o)}else this.unknownWord(l)}parse(){let e;for(;!this.tokenizer.endOfFile();)switch(e=this.tokenizer.nextToken(),e[0]){case"space":this.spaces+=e[1];break;case";":this.freeSemicolon(e);break;case"}":this.end(e);break;case"comment":this.comment(e);break;case"at-word":this.atrule(e);break;case"{":this.emptyRule(e);break;default:this.other(e);break}this.endFile()}precheckMissedSemicolon(){}raw(e,t,i,n){let s,a,o=i.length,l="",c=!0,f,d;for(let p=0;p<o;p+=1)s=i[p],a=s[0],a==="space"&&p===o-1&&!n?c=!1:a==="comment"?(d=i[p-1]?i[p-1][0]:"empty",f=i[p+1]?i[p+1][0]:"empty",!rp[d]&&!rp[f]?l.slice(-1)===","?c=!1:l+=s[1]:c=!1):l+=s[1];if(!c){let p=i.reduce((h,b)=>h+b[1],"");e.raws[t]={raw:p,value:l}}e[t]=l}rule(e){e.pop();let t=new tp;this.init(t,e[0][2]),t.raws.between=this.spacesAndCommentsFromEnd(e),this.raw(t,"selector",e),this.current=t}spacesAndCommentsFromEnd(e){let t,i="";for(;e.length&&(t=e[e.length-1][0],!(t!=="space"&&t!=="comment"));)i=e.pop()[1]+i;return i}spacesAndCommentsFromStart(e){let t,i="";for(;e.length&&(t=e[0][0],!(t!=="space"&&t!=="comment"));)i+=e.shift()[1];return i}spacesFromEnd(e){let t,i="";for(;e.length&&(t=e[e.length-1][0],t==="space");)i=e.pop()[1]+i;return i}stringFrom(e,t){let i="";for(let n=t;n<e.length;n++)i+=e[n][1];return e.splice(t,e.length-t),i}unclosedBlock(){let e=this.current.source.start;throw this.input.error("Unclosed block",e.line,e.column)}unclosedBracket(e){throw this.input.error("Unclosed bracket",{offset:e[2]},{offset:e[2]+1})}unexpectedClose(e){throw this.input.error("Unexpected }",{offset:e[2]},{offset:e[2]+1})}unknownWord(e){throw this.input.error("Unknown word",{offset:e[0][2]},{offset:e[0][2]+e[0][1].length})}unnamedAtrule(e,t){throw this.input.error("At-rule without name",{offset:t[2]},{offset:t[2]+t[1].length})}};np.exports=ip});var Cn=x((z3,ap)=>{u();"use strict";var u1=Et(),f1=mn(),c1=sp();function An(r,e){let t=new f1(r,e),i=new c1(t);try{i.parse()}catch(n){throw n}return i.root}ap.exports=An;An.default=An;u1.registerParse(An)});var Aa=x((U3,op)=>{u();"use strict";var _n=class{constructor(e,t={}){if(this.type="warning",this.text=e,t.node&&t.node.source){let i=t.node.rangeBy(t);this.line=i.start.line,this.column=i.start.column,this.endLine=i.end.line,this.endColumn=i.end.column}for(let i in t)this[i]=t[i]}toString(){return this.node?this.node.error(this.text,{index:this.index,plugin:this.plugin,word:this.word}).message:this.plugin?this.plugin+": "+this.text:this.text}};op.exports=_n;_n.default=_n});var On=x((V3,lp)=>{u();"use strict";var p1=Aa(),En=class{constructor(e,t,i){this.processor=e,this.messages=[],this.root=t,this.opts=i,this.css=void 0,this.map=void 0}toString(){return this.css}warn(e,t={}){t.plugin||this.lastPlugin&&this.lastPlugin.postcssPlugin&&(t.plugin=this.lastPlugin.postcssPlugin);let i=new p1(e,t);return this.messages.push(i),i}warnings(){return this.messages.filter(e=>e.type==="warning")}get content(){return this.css}};lp.exports=En;En.default=En});var Ca=x((H3,fp)=>{u();"use strict";var up={};fp.exports=function(e){up[e]||(up[e]=!0,typeof console!="undefined"&&console.warn&&console.warn(e))}});var Oa=x((G3,hp)=>{u();"use strict";var d1=Et(),h1=dn(),m1=ka(),g1=Cn(),cp=On(),y1=tr(),b1=Vr(),{isClean:tt,my:w1}=ln(),W3=Ca(),v1={atrule:"AtRule",comment:"Comment",decl:"Declaration",document:"Document",root:"Root",rule:"Rule"},x1={AtRule:!0,AtRuleExit:!0,Comment:!0,CommentExit:!0,Declaration:!0,DeclarationExit:!0,Document:!0,DocumentExit:!0,Once:!0,OnceExit:!0,postcssPlugin:!0,prepare:!0,Root:!0,RootExit:!0,Rule:!0,RuleExit:!0},k1={Once:!0,postcssPlugin:!0,prepare:!0},rr=0;function ri(r){return typeof r=="object"&&typeof r.then=="function"}function pp(r){let e=!1,t=v1[r.type];return r.type==="decl"?e=r.prop.toLowerCase():r.type==="atrule"&&(e=r.name.toLowerCase()),e&&r.append?[t,t+"-"+e,rr,t+"Exit",t+"Exit-"+e]:e?[t,t+"-"+e,t+"Exit",t+"Exit-"+e]:r.append?[t,rr,t+"Exit"]:[t,t+"Exit"]}function dp(r){let e;return r.type==="document"?e=["Document",rr,"DocumentExit"]:r.type==="root"?e=["Root",rr,"RootExit"]:e=pp(r),{eventIndex:0,events:e,iterator:0,node:r,visitorIndex:0,visitors:[]}}function _a(r){return r[tt]=!1,r.nodes&&r.nodes.forEach(e=>_a(e)),r}var Ea={},pt=class{constructor(e,t,i){this.stringified=!1,this.processed=!1;let n;if(typeof t=="object"&&t!==null&&(t.type==="root"||t.type==="document"))n=_a(t);else if(t instanceof pt||t instanceof cp)n=_a(t.root),t.map&&(typeof i.map=="undefined"&&(i.map={}),i.map.inline||(i.map.inline=!1),i.map.prev=t.map);else{let s=g1;i.syntax&&(s=i.syntax.parse),i.parser&&(s=i.parser),s.parse&&(s=s.parse);try{n=s(t,i)}catch(a){this.processed=!0,this.error=a}n&&!n[w1]&&d1.rebuild(n)}this.result=new cp(e,n,i),this.helpers={...Ea,postcss:Ea,result:this.result},this.plugins=this.processor.plugins.map(s=>typeof s=="object"&&s.prepare?{...s,...s.prepare(this.result)}:s)}async(){return this.error?Promise.reject(this.error):this.processed?Promise.resolve(this.result):(this.processing||(this.processing=this.runAsync()),this.processing)}catch(e){return this.async().catch(e)}finally(e){return this.async().then(e,e)}getAsyncError(){throw new Error("Use process(css).then(cb) to work with async plugins")}handleError(e,t){let i=this.result.lastPlugin;try{t&&t.addToError(e),this.error=e,e.name==="CssSyntaxError"&&!e.plugin?(e.plugin=i.postcssPlugin,e.setMessage()):i.postcssVersion}catch(n){console&&console.error&&console.error(n)}return e}prepareVisitors(){this.listeners={};let e=(t,i,n)=>{this.listeners[i]||(this.listeners[i]=[]),this.listeners[i].push([t,n])};for(let t of this.plugins)if(typeof t=="object")for(let i in t){if(!x1[i]&&/^[A-Z]/.test(i))throw new Error(`Unknown event ${i} in ${t.postcssPlugin}. Try to update PostCSS (${this.processor.version} now).`);if(!k1[i])if(typeof t[i]=="object")for(let n in t[i])n==="*"?e(t,i,t[i][n]):e(t,i+"-"+n.toLowerCase(),t[i][n]);else typeof t[i]=="function"&&e(t,i,t[i])}this.hasListener=Object.keys(this.listeners).length>0}async runAsync(){this.plugin=0;for(let e=0;e<this.plugins.length;e++){let t=this.plugins[e],i=this.runOnRoot(t);if(ri(i))try{await i}catch(n){throw this.handleError(n)}}if(this.prepareVisitors(),this.hasListener){let e=this.result.root;for(;!e[tt];){e[tt]=!0;let t=[dp(e)];for(;t.length>0;){let i=this.visitTick(t);if(ri(i))try{await i}catch(n){let s=t[t.length-1].node;throw this.handleError(n,s)}}}if(this.listeners.OnceExit)for(let[t,i]of this.listeners.OnceExit){this.result.lastPlugin=t;try{if(e.type==="document"){let n=e.nodes.map(s=>i(s,this.helpers));await Promise.all(n)}else await i(e,this.helpers)}catch(n){throw this.handleError(n)}}}return this.processed=!0,this.stringify()}runOnRoot(e){this.result.lastPlugin=e;try{if(typeof e=="object"&&e.Once){if(this.result.root.type==="document"){let t=this.result.root.nodes.map(i=>e.Once(i,this.helpers));return ri(t[0])?Promise.all(t):t}return e.Once(this.result.root,this.helpers)}else if(typeof e=="function")return e(this.result.root,this.result)}catch(t){throw this.handleError(t)}}stringify(){if(this.error)throw this.error;if(this.stringified)return this.result;this.stringified=!0,this.sync();let e=this.result.opts,t=b1;e.syntax&&(t=e.syntax.stringify),e.stringifier&&(t=e.stringifier),t.stringify&&(t=t.stringify);let n=new m1(t,this.result.root,this.result.opts).generate();return this.result.css=n[0],this.result.map=n[1],this.result}sync(){if(this.error)throw this.error;if(this.processed)return this.result;if(this.processed=!0,this.processing)throw this.getAsyncError();for(let e of this.plugins){let t=this.runOnRoot(e);if(ri(t))throw this.getAsyncError()}if(this.prepareVisitors(),this.hasListener){let e=this.result.root;for(;!e[tt];)e[tt]=!0,this.walkSync(e);if(this.listeners.OnceExit)if(e.type==="document")for(let t of e.nodes)this.visitSync(this.listeners.OnceExit,t);else this.visitSync(this.listeners.OnceExit,e)}return this.result}then(e,t){return this.async().then(e,t)}toString(){return this.css}visitSync(e,t){for(let[i,n]of e){this.result.lastPlugin=i;let s;try{s=n(t,this.helpers)}catch(a){throw this.handleError(a,t.proxyOf)}if(t.type!=="root"&&t.type!=="document"&&!t.parent)return!0;if(ri(s))throw this.getAsyncError()}}visitTick(e){let t=e[e.length-1],{node:i,visitors:n}=t;if(i.type!=="root"&&i.type!=="document"&&!i.parent){e.pop();return}if(n.length>0&&t.visitorIndex<n.length){let[a,o]=n[t.visitorIndex];t.visitorIndex+=1,t.visitorIndex===n.length&&(t.visitors=[],t.visitorIndex=0),this.result.lastPlugin=a;try{return o(i.toProxy(),this.helpers)}catch(l){throw this.handleError(l,i)}}if(t.iterator!==0){let a=t.iterator,o;for(;o=i.nodes[i.indexes[a]];)if(i.indexes[a]+=1,!o[tt]){o[tt]=!0,e.push(dp(o));return}t.iterator=0,delete i.indexes[a]}let s=t.events;for(;t.eventIndex<s.length;){let a=s[t.eventIndex];if(t.eventIndex+=1,a===rr){i.nodes&&i.nodes.length&&(i[tt]=!0,t.iterator=i.getIterator());return}else if(this.listeners[a]){t.visitors=this.listeners[a];return}}e.pop()}walkSync(e){e[tt]=!0;let t=pp(e);for(let i of t)if(i===rr)e.nodes&&e.each(n=>{n[tt]||this.walkSync(n)});else{let n=this.listeners[i];if(n&&this.visitSync(n,e.toProxy()))return}}warnings(){return this.sync().warnings()}get content(){return this.stringify().content}get css(){return this.stringify().css}get map(){return this.stringify().map}get messages(){return this.sync().messages}get opts(){return this.result.opts}get processor(){return this.result.processor}get root(){return this.sync().root}get[Symbol.toStringTag](){return"LazyResult"}};pt.registerPostcss=r=>{Ea=r};hp.exports=pt;pt.default=pt;y1.registerLazyResult(pt);h1.registerLazyResult(pt)});var gp=x((Y3,mp)=>{u();"use strict";var S1=ka(),A1=Cn(),C1=On(),_1=Vr(),Q3=Ca(),Tn=class{constructor(e,t,i){t=t.toString(),this.stringified=!1,this._processor=e,this._css=t,this._opts=i,this._map=void 0;let n,s=_1;this.result=new C1(this._processor,n,this._opts),this.result.css=t;let a=this;Object.defineProperty(this.result,"root",{get(){return a.root}});let o=new S1(s,n,this._opts,t);if(o.isMap()){let[l,c]=o.generate();l&&(this.result.css=l),c&&(this.result.map=c)}else o.clearAnnotation(),this.result.css=o.css}async(){return this.error?Promise.reject(this.error):Promise.resolve(this.result)}catch(e){return this.async().catch(e)}finally(e){return this.async().then(e,e)}sync(){if(this.error)throw this.error;return this.result}then(e,t){return this.async().then(e,t)}toString(){return this._css}warnings(){return[]}get content(){return this.result.css}get css(){return this.result.css}get map(){return this.result.map}get messages(){return[]}get opts(){return this.result.opts}get processor(){return this.result.processor}get root(){if(this._root)return this._root;let e,t=A1;try{e=t(this._css,this._opts)}catch(i){this.error=i}if(this.error)throw this.error;return this._root=e,e}get[Symbol.toStringTag](){return"NoWorkResult"}};mp.exports=Tn;Tn.default=Tn});var bp=x((K3,yp)=>{u();"use strict";var E1=dn(),O1=Oa(),T1=gp(),R1=tr(),ir=class{constructor(e=[]){this.version="8.4.49",this.plugins=this.normalize(e)}normalize(e){let t=[];for(let i of e)if(i.postcss===!0?i=i():i.postcss&&(i=i.postcss),typeof i=="object"&&Array.isArray(i.plugins))t=t.concat(i.plugins);else if(typeof i=="object"&&i.postcssPlugin)t.push(i);else if(typeof i=="function")t.push(i);else if(!(typeof i=="object"&&(i.parse||i.stringify)))throw new Error(i+" is not a PostCSS plugin");return t}process(e,t={}){return!this.plugins.length&&!t.parser&&!t.stringifier&&!t.syntax?new T1(this,e,t):new O1(this,e,t)}use(e){return this.plugins=this.plugins.concat(this.normalize([e])),this}};yp.exports=ir;ir.default=ir;R1.registerProcessor(ir);E1.registerProcessor(ir)});var $e=x((X3,Cp)=>{u();"use strict";var wp=pn(),vp=Qr(),P1=Et(),I1=an(),xp=Yr(),kp=dn(),D1=Qc(),q1=mn(),$1=Oa(),L1=xa(),M1=Gr(),N1=Cn(),Ta=bp(),B1=On(),Sp=tr(),Ap=gn(),F1=Vr(),j1=Aa();function J(...r){return r.length===1&&Array.isArray(r[0])&&(r=r[0]),new Ta(r)}J.plugin=function(e,t){let i=!1;function n(...a){console&&console.warn&&!i&&(i=!0,console.warn(e+`: postcss.plugin was deprecated. Migration guide:
+https://evilmartians.com/chronicles/postcss-8-plugin-migration`),m.env.LANG&&m.env.LANG.startsWith("cn")&&console.warn(e+`: \u91CC\u9762 postcss.plugin \u88AB\u5F03\u7528. \u8FC1\u79FB\u6307\u5357:
+https://www.w3ctech.com/topic/2226`));let o=t(...a);return o.postcssPlugin=e,o.postcssVersion=new Ta().version,o}let s;return Object.defineProperty(n,"postcss",{get(){return s||(s=n()),s}}),n.process=function(a,o,l){return J([n(l)]).process(a,o)},n};J.stringify=F1;J.parse=N1;J.fromJSON=D1;J.list=L1;J.comment=r=>new vp(r);J.atRule=r=>new wp(r);J.decl=r=>new xp(r);J.rule=r=>new Ap(r);J.root=r=>new Sp(r);J.document=r=>new kp(r);J.CssSyntaxError=I1;J.Declaration=xp;J.Container=P1;J.Processor=Ta;J.Document=kp;J.Comment=vp;J.Warning=j1;J.AtRule=wp;J.Result=B1;J.Input=q1;J.Rule=Ap;J.Root=Sp;J.Node=M1;$1.registerPostcss(J);Cp.exports=J;J.default=J});var re,ee,Z3,J3,eI,tI,rI,iI,nI,sI,aI,oI,lI,uI,fI,cI,pI,dI,hI,mI,gI,yI,bI,wI,vI,xI,Ot=P(()=>{u();re=pe($e()),ee=re.default,Z3=re.default.stringify,J3=re.default.fromJSON,eI=re.default.plugin,tI=re.default.parse,rI=re.default.list,iI=re.default.document,nI=re.default.comment,sI=re.default.atRule,aI=re.default.rule,oI=re.default.decl,lI=re.default.root,uI=re.default.CssSyntaxError,fI=re.default.Declaration,cI=re.default.Container,pI=re.default.Processor,dI=re.default.Document,hI=re.default.Comment,mI=re.default.Warning,gI=re.default.AtRule,yI=re.default.Result,bI=re.default.Input,wI=re.default.Rule,vI=re.default.Root,xI=re.default.Node});var Ra=x((SI,_p)=>{u();_p.exports=function(r,e,t,i,n){for(e=e.split?e.split("."):e,i=0;i<e.length;i++)r=r?r[e[i]]:n;return r===n?t:r}});var Pn=x((Rn,Ep)=>{u();"use strict";Rn.__esModule=!0;Rn.default=V1;function z1(r){for(var e=r.toLowerCase(),t="",i=!1,n=0;n<6&&e[n]!==void 0;n++){var s=e.charCodeAt(n),a=s>=97&&s<=102||s>=48&&s<=57;if(i=s===32,!a)break;t+=e[n]}if(t.length!==0){var o=parseInt(t,16),l=o>=55296&&o<=57343;return l||o===0||o>1114111?["\uFFFD",t.length+(i?1:0)]:[String.fromCodePoint(o),t.length+(i?1:0)]}}var U1=/\\/;function V1(r){var e=U1.test(r);if(!e)return r;for(var t="",i=0;i<r.length;i++){if(r[i]==="\\"){var n=z1(r.slice(i+1,i+7));if(n!==void 0){t+=n[0],i+=n[1];continue}if(r[i+1]==="\\"){t+="\\",i++;continue}r.length===i+1&&(t+=r[i]);continue}t+=r[i]}return t}Ep.exports=Rn.default});var Tp=x((In,Op)=>{u();"use strict";In.__esModule=!0;In.default=H1;function H1(r){for(var e=arguments.length,t=new Array(e>1?e-1:0),i=1;i<e;i++)t[i-1]=arguments[i];for(;t.length>0;){var n=t.shift();if(!r[n])return;r=r[n]}return r}Op.exports=In.default});var Pp=x((Dn,Rp)=>{u();"use strict";Dn.__esModule=!0;Dn.default=W1;function W1(r){for(var e=arguments.length,t=new Array(e>1?e-1:0),i=1;i<e;i++)t[i-1]=arguments[i];for(;t.length>0;){var n=t.shift();r[n]||(r[n]={}),r=r[n]}}Rp.exports=Dn.default});var Dp=x((qn,Ip)=>{u();"use strict";qn.__esModule=!0;qn.default=G1;function G1(r){for(var e="",t=r.indexOf("/*"),i=0;t>=0;){e=e+r.slice(i,t);var n=r.indexOf("*/",t+2);if(n<0)return e;i=n+2,t=r.indexOf("/*",i)}return e=e+r.slice(i),e}Ip.exports=qn.default});var ii=x(rt=>{u();"use strict";rt.__esModule=!0;rt.unesc=rt.stripComments=rt.getProp=rt.ensureObject=void 0;var Q1=$n(Pn());rt.unesc=Q1.default;var Y1=$n(Tp());rt.getProp=Y1.default;var K1=$n(Pp());rt.ensureObject=K1.default;var X1=$n(Dp());rt.stripComments=X1.default;function $n(r){return r&&r.__esModule?r:{default:r}}});var dt=x((ni,Lp)=>{u();"use strict";ni.__esModule=!0;ni.default=void 0;var qp=ii();function $p(r,e){for(var t=0;t<e.length;t++){var i=e[t];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(r,i.key,i)}}function Z1(r,e,t){return e&&$p(r.prototype,e),t&&$p(r,t),Object.defineProperty(r,"prototype",{writable:!1}),r}var J1=function r(e,t){if(typeof e!="object"||e===null)return e;var i=new e.constructor;for(var n in e)if(!!e.hasOwnProperty(n)){var s=e[n],a=typeof s;n==="parent"&&a==="object"?t&&(i[n]=t):s instanceof Array?i[n]=s.map(function(o){return r(o,i)}):i[n]=r(s,i)}return i},ek=function(){function r(t){t===void 0&&(t={}),Object.assign(this,t),this.spaces=this.spaces||{},this.spaces.before=this.spaces.before||"",this.spaces.after=this.spaces.after||""}var e=r.prototype;return e.remove=function(){return this.parent&&this.parent.removeChild(this),this.parent=void 0,this},e.replaceWith=function(){if(this.parent){for(var i in arguments)this.parent.insertBefore(this,arguments[i]);this.remove()}return this},e.next=function(){return this.parent.at(this.parent.index(this)+1)},e.prev=function(){return this.parent.at(this.parent.index(this)-1)},e.clone=function(i){i===void 0&&(i={});var n=J1(this);for(var s in i)n[s]=i[s];return n},e.appendToPropertyAndEscape=function(i,n,s){this.raws||(this.raws={});var a=this[i],o=this.raws[i];this[i]=a+n,o||s!==n?this.raws[i]=(o||a)+s:delete this.raws[i]},e.setPropertyAndEscape=function(i,n,s){this.raws||(this.raws={}),this[i]=n,this.raws[i]=s},e.setPropertyWithoutEscape=function(i,n){this[i]=n,this.raws&&delete this.raws[i]},e.isAtPosition=function(i,n){if(this.source&&this.source.start&&this.source.end)return!(this.source.start.line>i||this.source.end.line<i||this.source.start.line===i&&this.source.start.column>n||this.source.end.line===i&&this.source.end.column<n)},e.stringifyProperty=function(i){return this.raws&&this.raws[i]||this[i]},e.valueToString=function(){return String(this.stringifyProperty("value"))},e.toString=function(){return[this.rawSpaceBefore,this.valueToString(),this.rawSpaceAfter].join("")},Z1(r,[{key:"rawSpaceBefore",get:function(){var i=this.raws&&this.raws.spaces&&this.raws.spaces.before;return i===void 0&&(i=this.spaces&&this.spaces.before),i||""},set:function(i){(0,qp.ensureObject)(this,"raws","spaces"),this.raws.spaces.before=i}},{key:"rawSpaceAfter",get:function(){var i=this.raws&&this.raws.spaces&&this.raws.spaces.after;return i===void 0&&(i=this.spaces.after),i||""},set:function(i){(0,qp.ensureObject)(this,"raws","spaces"),this.raws.spaces.after=i}}]),r}();ni.default=ek;Lp.exports=ni.default});var Se=x(ie=>{u();"use strict";ie.__esModule=!0;ie.UNIVERSAL=ie.TAG=ie.STRING=ie.SELECTOR=ie.ROOT=ie.PSEUDO=ie.NESTING=ie.ID=ie.COMMENT=ie.COMBINATOR=ie.CLASS=ie.ATTRIBUTE=void 0;var tk="tag";ie.TAG=tk;var rk="string";ie.STRING=rk;var ik="selector";ie.SELECTOR=ik;var nk="root";ie.ROOT=nk;var sk="pseudo";ie.PSEUDO=sk;var ak="nesting";ie.NESTING=ak;var ok="id";ie.ID=ok;var lk="comment";ie.COMMENT=lk;var uk="combinator";ie.COMBINATOR=uk;var fk="class";ie.CLASS=fk;var ck="attribute";ie.ATTRIBUTE=ck;var pk="universal";ie.UNIVERSAL=pk});var Ln=x((si,Fp)=>{u();"use strict";si.__esModule=!0;si.default=void 0;var dk=mk(dt()),ht=hk(Se());function Mp(r){if(typeof WeakMap!="function")return null;var e=new WeakMap,t=new WeakMap;return(Mp=function(n){return n?t:e})(r)}function hk(r,e){if(!e&&r&&r.__esModule)return r;if(r===null||typeof r!="object"&&typeof r!="function")return{default:r};var t=Mp(e);if(t&&t.has(r))return t.get(r);var i={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in r)if(s!=="default"&&Object.prototype.hasOwnProperty.call(r,s)){var a=n?Object.getOwnPropertyDescriptor(r,s):null;a&&(a.get||a.set)?Object.defineProperty(i,s,a):i[s]=r[s]}return i.default=r,t&&t.set(r,i),i}function mk(r){return r&&r.__esModule?r:{default:r}}function gk(r,e){var t=typeof Symbol!="undefined"&&r[Symbol.iterator]||r["@@iterator"];if(t)return(t=t.call(r)).next.bind(t);if(Array.isArray(r)||(t=yk(r))||e&&r&&typeof r.length=="number"){t&&(r=t);var i=0;return function(){return i>=r.length?{done:!0}:{done:!1,value:r[i++]}}}throw new TypeError(`Invalid attempt to iterate non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function yk(r,e){if(!!r){if(typeof r=="string")return Np(r,e);var t=Object.prototype.toString.call(r).slice(8,-1);if(t==="Object"&&r.constructor&&(t=r.constructor.name),t==="Map"||t==="Set")return Array.from(r);if(t==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return Np(r,e)}}function Np(r,e){(e==null||e>r.length)&&(e=r.length);for(var t=0,i=new Array(e);t<e;t++)i[t]=r[t];return i}function Bp(r,e){for(var t=0;t<e.length;t++){var i=e[t];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(r,i.key,i)}}function bk(r,e,t){return e&&Bp(r.prototype,e),t&&Bp(r,t),Object.defineProperty(r,"prototype",{writable:!1}),r}function wk(r,e){r.prototype=Object.create(e.prototype),r.prototype.constructor=r,Pa(r,e)}function Pa(r,e){return Pa=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(i,n){return i.__proto__=n,i},Pa(r,e)}var vk=function(r){wk(e,r);function e(i){var n;return n=r.call(this,i)||this,n.nodes||(n.nodes=[]),n}var t=e.prototype;return t.append=function(n){return n.parent=this,this.nodes.push(n),this},t.prepend=function(n){return n.parent=this,this.nodes.unshift(n),this},t.at=function(n){return this.nodes[n]},t.index=function(n){return typeof n=="number"?n:this.nodes.indexOf(n)},t.removeChild=function(n){n=this.index(n),this.at(n).parent=void 0,this.nodes.splice(n,1);var s;for(var a in this.indexes)s=this.indexes[a],s>=n&&(this.indexes[a]=s-1);return this},t.removeAll=function(){for(var n=gk(this.nodes),s;!(s=n()).done;){var a=s.value;a.parent=void 0}return this.nodes=[],this},t.empty=function(){return this.removeAll()},t.insertAfter=function(n,s){s.parent=this;var a=this.index(n);this.nodes.splice(a+1,0,s),s.parent=this;var o;for(var l in this.indexes)o=this.indexes[l],a<=o&&(this.indexes[l]=o+1);return this},t.insertBefore=function(n,s){s.parent=this;var a=this.index(n);this.nodes.splice(a,0,s),s.parent=this;var o;for(var l in this.indexes)o=this.indexes[l],o<=a&&(this.indexes[l]=o+1);return this},t._findChildAtPosition=function(n,s){var a=void 0;return this.each(function(o){if(o.atPosition){var l=o.atPosition(n,s);if(l)return a=l,!1}else if(o.isAtPosition(n,s))return a=o,!1}),a},t.atPosition=function(n,s){if(this.isAtPosition(n,s))return this._findChildAtPosition(n,s)||this},t._inferEndPosition=function(){this.last&&this.last.source&&this.last.source.end&&(this.source=this.source||{},this.source.end=this.source.end||{},Object.assign(this.source.end,this.last.source.end))},t.each=function(n){this.lastEach||(this.lastEach=0),this.indexes||(this.indexes={}),this.lastEach++;var s=this.lastEach;if(this.indexes[s]=0,!!this.length){for(var a,o;this.indexes[s]<this.length&&(a=this.indexes[s],o=n(this.at(a),a),o!==!1);)this.indexes[s]+=1;if(delete this.indexes[s],o===!1)return!1}},t.walk=function(n){return this.each(function(s,a){var o=n(s,a);if(o!==!1&&s.length&&(o=s.walk(n)),o===!1)return!1})},t.walkAttributes=function(n){var s=this;return this.walk(function(a){if(a.type===ht.ATTRIBUTE)return n.call(s,a)})},t.walkClasses=function(n){var s=this;return this.walk(function(a){if(a.type===ht.CLASS)return n.call(s,a)})},t.walkCombinators=function(n){var s=this;return this.walk(function(a){if(a.type===ht.COMBINATOR)return n.call(s,a)})},t.walkComments=function(n){var s=this;return this.walk(function(a){if(a.type===ht.COMMENT)return n.call(s,a)})},t.walkIds=function(n){var s=this;return this.walk(function(a){if(a.type===ht.ID)return n.call(s,a)})},t.walkNesting=function(n){var s=this;return this.walk(function(a){if(a.type===ht.NESTING)return n.call(s,a)})},t.walkPseudos=function(n){var s=this;return this.walk(function(a){if(a.type===ht.PSEUDO)return n.call(s,a)})},t.walkTags=function(n){var s=this;return this.walk(function(a){if(a.type===ht.TAG)return n.call(s,a)})},t.walkUniversals=function(n){var s=this;return this.walk(function(a){if(a.type===ht.UNIVERSAL)return n.call(s,a)})},t.split=function(n){var s=this,a=[];return this.reduce(function(o,l,c){var f=n.call(s,l);return a.push(l),f?(o.push(a),a=[]):c===s.length-1&&o.push(a),o},[])},t.map=function(n){return this.nodes.map(n)},t.reduce=function(n,s){return this.nodes.reduce(n,s)},t.every=function(n){return this.nodes.every(n)},t.some=function(n){return this.nodes.some(n)},t.filter=function(n){return this.nodes.filter(n)},t.sort=function(n){return this.nodes.sort(n)},t.toString=function(){return this.map(String).join("")},bk(e,[{key:"first",get:function(){return this.at(0)}},{key:"last",get:function(){return this.at(this.length-1)}},{key:"length",get:function(){return this.nodes.length}}]),e}(dk.default);si.default=vk;Fp.exports=si.default});var Da=x((ai,zp)=>{u();"use strict";ai.__esModule=!0;ai.default=void 0;var xk=Sk(Ln()),kk=Se();function Sk(r){return r&&r.__esModule?r:{default:r}}function jp(r,e){for(var t=0;t<e.length;t++){var i=e[t];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(r,i.key,i)}}function Ak(r,e,t){return e&&jp(r.prototype,e),t&&jp(r,t),Object.defineProperty(r,"prototype",{writable:!1}),r}function Ck(r,e){r.prototype=Object.create(e.prototype),r.prototype.constructor=r,Ia(r,e)}function Ia(r,e){return Ia=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(i,n){return i.__proto__=n,i},Ia(r,e)}var _k=function(r){Ck(e,r);function e(i){var n;return n=r.call(this,i)||this,n.type=kk.ROOT,n}var t=e.prototype;return t.toString=function(){var n=this.reduce(function(s,a){return s.push(String(a)),s},[]).join(",");return this.trailingComma?n+",":n},t.error=function(n,s){return this._error?this._error(n,s):new Error(n)},Ak(e,[{key:"errorGenerator",set:function(n){this._error=n}}]),e}(xk.default);ai.default=_k;zp.exports=ai.default});var $a=x((oi,Up)=>{u();"use strict";oi.__esModule=!0;oi.default=void 0;var Ek=Tk(Ln()),Ok=Se();function Tk(r){return r&&r.__esModule?r:{default:r}}function Rk(r,e){r.prototype=Object.create(e.prototype),r.prototype.constructor=r,qa(r,e)}function qa(r,e){return qa=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(i,n){return i.__proto__=n,i},qa(r,e)}var Pk=function(r){Rk(e,r);function e(t){var i;return i=r.call(this,t)||this,i.type=Ok.SELECTOR,i}return e}(Ek.default);oi.default=Pk;Up.exports=oi.default});var Mn=x((_I,Vp)=>{u();"use strict";var Ik={},Dk=Ik.hasOwnProperty,qk=function(e,t){if(!e)return t;var i={};for(var n in t)i[n]=Dk.call(e,n)?e[n]:t[n];return i},$k=/[ -,\.\/:-@\[-\^`\{-~]/,Lk=/[ -,\.\/:-@\[\]\^`\{-~]/,Mk=/(^|\\+)?(\\[A-F0-9]{1,6})\x20(?![a-fA-F0-9\x20])/g,La=function r(e,t){t=qk(t,r.options),t.quotes!="single"&&t.quotes!="double"&&(t.quotes="single");for(var i=t.quotes=="double"?'"':"'",n=t.isIdentifier,s=e.charAt(0),a="",o=0,l=e.length;o<l;){var c=e.charAt(o++),f=c.charCodeAt(),d=void 0;if(f<32||f>126){if(f>=55296&&f<=56319&&o<l){var p=e.charCodeAt(o++);(p&64512)==56320?f=((f&1023)<<10)+(p&1023)+65536:o--}d="\\"+f.toString(16).toUpperCase()+" "}else t.escapeEverything?$k.test(c)?d="\\"+c:d="\\"+f.toString(16).toUpperCase()+" ":/[\t\n\f\r\x0B]/.test(c)?d="\\"+f.toString(16).toUpperCase()+" ":c=="\\"||!n&&(c=='"'&&i==c||c=="'"&&i==c)||n&&Lk.test(c)?d="\\"+c:d=c;a+=d}return n&&(/^-[-\d]/.test(a)?a="\\-"+a.slice(1):/\d/.test(s)&&(a="\\3"+s+" "+a.slice(1))),a=a.replace(Mk,function(h,b,v){return b&&b.length%2?h:(b||"")+v}),!n&&t.wrap?i+a+i:a};La.options={escapeEverything:!1,isIdentifier:!1,quotes:"single",wrap:!1};La.version="3.0.0";Vp.exports=La});var Na=x((li,Gp)=>{u();"use strict";li.__esModule=!0;li.default=void 0;var Nk=Hp(Mn()),Bk=ii(),Fk=Hp(dt()),jk=Se();function Hp(r){return r&&r.__esModule?r:{default:r}}function Wp(r,e){for(var t=0;t<e.length;t++){var i=e[t];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(r,i.key,i)}}function zk(r,e,t){return e&&Wp(r.prototype,e),t&&Wp(r,t),Object.defineProperty(r,"prototype",{writable:!1}),r}function Uk(r,e){r.prototype=Object.create(e.prototype),r.prototype.constructor=r,Ma(r,e)}function Ma(r,e){return Ma=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(i,n){return i.__proto__=n,i},Ma(r,e)}var Vk=function(r){Uk(e,r);function e(i){var n;return n=r.call(this,i)||this,n.type=jk.CLASS,n._constructed=!0,n}var t=e.prototype;return t.valueToString=function(){return"."+r.prototype.valueToString.call(this)},zk(e,[{key:"value",get:function(){return this._value},set:function(n){if(this._constructed){var s=(0,Nk.default)(n,{isIdentifier:!0});s!==n?((0,Bk.ensureObject)(this,"raws"),this.raws.value=s):this.raws&&delete this.raws.value}this._value=n}}]),e}(Fk.default);li.default=Vk;Gp.exports=li.default});var Fa=x((ui,Qp)=>{u();"use strict";ui.__esModule=!0;ui.default=void 0;var Hk=Gk(dt()),Wk=Se();function Gk(r){return r&&r.__esModule?r:{default:r}}function Qk(r,e){r.prototype=Object.create(e.prototype),r.prototype.constructor=r,Ba(r,e)}function Ba(r,e){return Ba=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(i,n){return i.__proto__=n,i},Ba(r,e)}var Yk=function(r){Qk(e,r);function e(t){var i;return i=r.call(this,t)||this,i.type=Wk.COMMENT,i}return e}(Hk.default);ui.default=Yk;Qp.exports=ui.default});var za=x((fi,Yp)=>{u();"use strict";fi.__esModule=!0;fi.default=void 0;var Kk=Zk(dt()),Xk=Se();function Zk(r){return r&&r.__esModule?r:{default:r}}function Jk(r,e){r.prototype=Object.create(e.prototype),r.prototype.constructor=r,ja(r,e)}function ja(r,e){return ja=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(i,n){return i.__proto__=n,i},ja(r,e)}var eS=function(r){Jk(e,r);function e(i){var n;return n=r.call(this,i)||this,n.type=Xk.ID,n}var t=e.prototype;return t.valueToString=function(){return"#"+r.prototype.valueToString.call(this)},e}(Kk.default);fi.default=eS;Yp.exports=fi.default});var Nn=x((ci,Zp)=>{u();"use strict";ci.__esModule=!0;ci.default=void 0;var tS=Kp(Mn()),rS=ii(),iS=Kp(dt());function Kp(r){return r&&r.__esModule?r:{default:r}}function Xp(r,e){for(var t=0;t<e.length;t++){var i=e[t];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(r,i.key,i)}}function nS(r,e,t){return e&&Xp(r.prototype,e),t&&Xp(r,t),Object.defineProperty(r,"prototype",{writable:!1}),r}function sS(r,e){r.prototype=Object.create(e.prototype),r.prototype.constructor=r,Ua(r,e)}function Ua(r,e){return Ua=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(i,n){return i.__proto__=n,i},Ua(r,e)}var aS=function(r){sS(e,r);function e(){return r.apply(this,arguments)||this}var t=e.prototype;return t.qualifiedName=function(n){return this.namespace?this.namespaceString+"|"+n:n},t.valueToString=function(){return this.qualifiedName(r.prototype.valueToString.call(this))},nS(e,[{key:"namespace",get:function(){return this._namespace},set:function(n){if(n===!0||n==="*"||n==="&"){this._namespace=n,this.raws&&delete this.raws.namespace;return}var s=(0,tS.default)(n,{isIdentifier:!0});this._namespace=n,s!==n?((0,rS.ensureObject)(this,"raws"),this.raws.namespace=s):this.raws&&delete this.raws.namespace}},{key:"ns",get:function(){return this._namespace},set:function(n){this.namespace=n}},{key:"namespaceString",get:function(){if(this.namespace){var n=this.stringifyProperty("namespace");return n===!0?"":n}else return""}}]),e}(iS.default);ci.default=aS;Zp.exports=ci.default});var Ha=x((pi,Jp)=>{u();"use strict";pi.__esModule=!0;pi.default=void 0;var oS=uS(Nn()),lS=Se();function uS(r){return r&&r.__esModule?r:{default:r}}function fS(r,e){r.prototype=Object.create(e.prototype),r.prototype.constructor=r,Va(r,e)}function Va(r,e){return Va=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(i,n){return i.__proto__=n,i},Va(r,e)}var cS=function(r){fS(e,r);function e(t){var i;return i=r.call(this,t)||this,i.type=lS.TAG,i}return e}(oS.default);pi.default=cS;Jp.exports=pi.default});var Ga=x((di,ed)=>{u();"use strict";di.__esModule=!0;di.default=void 0;var pS=hS(dt()),dS=Se();function hS(r){return r&&r.__esModule?r:{default:r}}function mS(r,e){r.prototype=Object.create(e.prototype),r.prototype.constructor=r,Wa(r,e)}function Wa(r,e){return Wa=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(i,n){return i.__proto__=n,i},Wa(r,e)}var gS=function(r){mS(e,r);function e(t){var i;return i=r.call(this,t)||this,i.type=dS.STRING,i}return e}(pS.default);di.default=gS;ed.exports=di.default});var Ya=x((hi,td)=>{u();"use strict";hi.__esModule=!0;hi.default=void 0;var yS=wS(Ln()),bS=Se();function wS(r){return r&&r.__esModule?r:{default:r}}function vS(r,e){r.prototype=Object.create(e.prototype),r.prototype.constructor=r,Qa(r,e)}function Qa(r,e){return Qa=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(i,n){return i.__proto__=n,i},Qa(r,e)}var xS=function(r){vS(e,r);function e(i){var n;return n=r.call(this,i)||this,n.type=bS.PSEUDO,n}var t=e.prototype;return t.toString=function(){var n=this.length?"("+this.map(String).join(",")+")":"";return[this.rawSpaceBefore,this.stringifyProperty("value"),n,this.rawSpaceAfter].join("")},e}(yS.default);hi.default=xS;td.exports=hi.default});var Bn={};Ge(Bn,{deprecate:()=>kS});function kS(r){return r}var Fn=P(()=>{u()});var id=x((EI,rd)=>{u();rd.exports=(Fn(),Bn).deprecate});var to=x(yi=>{u();"use strict";yi.__esModule=!0;yi.default=void 0;yi.unescapeValue=Ja;var mi=Xa(Mn()),SS=Xa(Pn()),AS=Xa(Nn()),CS=Se(),Ka;function Xa(r){return r&&r.__esModule?r:{default:r}}function nd(r,e){for(var t=0;t<e.length;t++){var i=e[t];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(r,i.key,i)}}function _S(r,e,t){return e&&nd(r.prototype,e),t&&nd(r,t),Object.defineProperty(r,"prototype",{writable:!1}),r}function ES(r,e){r.prototype=Object.create(e.prototype),r.prototype.constructor=r,Za(r,e)}function Za(r,e){return Za=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(i,n){return i.__proto__=n,i},Za(r,e)}var gi=id(),OS=/^('|")([^]*)\1$/,TS=gi(function(){},"Assigning an attribute a value containing characters that might need to be escaped is deprecated. Call attribute.setValue() instead."),RS=gi(function(){},"Assigning attr.quoted is deprecated and has no effect. Assign to attr.quoteMark instead."),PS=gi(function(){},"Constructing an Attribute selector with a value without specifying quoteMark is deprecated. Note: The value should be unescaped now.");function Ja(r){var e=!1,t=null,i=r,n=i.match(OS);return n&&(t=n[1],i=n[2]),i=(0,SS.default)(i),i!==r&&(e=!0),{deprecatedUsage:e,unescaped:i,quoteMark:t}}function IS(r){if(r.quoteMark!==void 0||r.value===void 0)return r;PS();var e=Ja(r.value),t=e.quoteMark,i=e.unescaped;return r.raws||(r.raws={}),r.raws.value===void 0&&(r.raws.value=r.value),r.value=i,r.quoteMark=t,r}var jn=function(r){ES(e,r);function e(i){var n;return i===void 0&&(i={}),n=r.call(this,IS(i))||this,n.type=CS.ATTRIBUTE,n.raws=n.raws||{},Object.defineProperty(n.raws,"unquoted",{get:gi(function(){return n.value},"attr.raws.unquoted is deprecated. Call attr.value instead."),set:gi(function(){return n.value},"Setting attr.raws.unquoted is deprecated and has no effect. attr.value is unescaped by default now.")}),n._constructed=!0,n}var t=e.prototype;return t.getQuotedValue=function(n){n===void 0&&(n={});var s=this._determineQuoteMark(n),a=eo[s],o=(0,mi.default)(this._value,a);return o},t._determineQuoteMark=function(n){return n.smart?this.smartQuoteMark(n):this.preferredQuoteMark(n)},t.setValue=function(n,s){s===void 0&&(s={}),this._value=n,this._quoteMark=this._determineQuoteMark(s),this._syncRawValue()},t.smartQuoteMark=function(n){var s=this.value,a=s.replace(/[^']/g,"").length,o=s.replace(/[^"]/g,"").length;if(a+o===0){var l=(0,mi.default)(s,{isIdentifier:!0});if(l===s)return e.NO_QUOTE;var c=this.preferredQuoteMark(n);if(c===e.NO_QUOTE){var f=this.quoteMark||n.quoteMark||e.DOUBLE_QUOTE,d=eo[f],p=(0,mi.default)(s,d);if(p.length<l.length)return f}return c}else return o===a?this.preferredQuoteMark(n):o<a?e.DOUBLE_QUOTE:e.SINGLE_QUOTE},t.preferredQuoteMark=function(n){var s=n.preferCurrentQuoteMark?this.quoteMark:n.quoteMark;return s===void 0&&(s=n.preferCurrentQuoteMark?n.quoteMark:this.quoteMark),s===void 0&&(s=e.DOUBLE_QUOTE),s},t._syncRawValue=function(){var n=(0,mi.default)(this._value,eo[this.quoteMark]);n===this._value?this.raws&&delete this.raws.value:this.raws.value=n},t._handleEscapes=function(n,s){if(this._constructed){var a=(0,mi.default)(s,{isIdentifier:!0});a!==s?this.raws[n]=a:delete this.raws[n]}},t._spacesFor=function(n){var s={before:"",after:""},a=this.spaces[n]||{},o=this.raws.spaces&&this.raws.spaces[n]||{};return Object.assign(s,a,o)},t._stringFor=function(n,s,a){s===void 0&&(s=n),a===void 0&&(a=sd);var o=this._spacesFor(s);return a(this.stringifyProperty(n),o)},t.offsetOf=function(n){var s=1,a=this._spacesFor("attribute");if(s+=a.before.length,n==="namespace"||n==="ns")return this.namespace?s:-1;if(n==="attributeNS"||(s+=this.namespaceString.length,this.namespace&&(s+=1),n==="attribute"))return s;s+=this.stringifyProperty("attribute").length,s+=a.after.length;var o=this._spacesFor("operator");s+=o.before.length;var l=this.stringifyProperty("operator");if(n==="operator")return l?s:-1;s+=l.length,s+=o.after.length;var c=this._spacesFor("value");s+=c.before.length;var f=this.stringifyProperty("value");if(n==="value")return f?s:-1;s+=f.length,s+=c.after.length;var d=this._spacesFor("insensitive");return s+=d.before.length,n==="insensitive"&&this.insensitive?s:-1},t.toString=function(){var n=this,s=[this.rawSpaceBefore,"["];return s.push(this._stringFor("qualifiedAttribute","attribute")),this.operator&&(this.value||this.value==="")&&(s.push(this._stringFor("operator")),s.push(this._stringFor("value")),s.push(this._stringFor("insensitiveFlag","insensitive",function(a,o){return a.length>0&&!n.quoted&&o.before.length===0&&!(n.spaces.value&&n.spaces.value.after)&&(o.before=" "),sd(a,o)}))),s.push("]"),s.push(this.rawSpaceAfter),s.join("")},_S(e,[{key:"quoted",get:function(){var n=this.quoteMark;return n==="'"||n==='"'},set:function(n){RS()}},{key:"quoteMark",get:function(){return this._quoteMark},set:function(n){if(!this._constructed){this._quoteMark=n;return}this._quoteMark!==n&&(this._quoteMark=n,this._syncRawValue())}},{key:"qualifiedAttribute",get:function(){return this.qualifiedName(this.raws.attribute||this.attribute)}},{key:"insensitiveFlag",get:function(){return this.insensitive?"i":""}},{key:"value",get:function(){return this._value},set:function(n){if(this._constructed){var s=Ja(n),a=s.deprecatedUsage,o=s.unescaped,l=s.quoteMark;if(a&&TS(),o===this._value&&l===this._quoteMark)return;this._value=o,this._quoteMark=l,this._syncRawValue()}else this._value=n}},{key:"insensitive",get:function(){return this._insensitive},set:function(n){n||(this._insensitive=!1,this.raws&&(this.raws.insensitiveFlag==="I"||this.raws.insensitiveFlag==="i")&&(this.raws.insensitiveFlag=void 0)),this._insensitive=n}},{key:"attribute",get:function(){return this._attribute},set:function(n){this._handleEscapes("attribute",n),this._attribute=n}}]),e}(AS.default);yi.default=jn;jn.NO_QUOTE=null;jn.SINGLE_QUOTE="'";jn.DOUBLE_QUOTE='"';var eo=(Ka={"'":{quotes:"single",wrap:!0},'"':{quotes:"double",wrap:!0}},Ka[null]={isIdentifier:!0},Ka);function sd(r,e){return""+e.before+r+e.after}});var io=x((bi,ad)=>{u();"use strict";bi.__esModule=!0;bi.default=void 0;var DS=$S(Nn()),qS=Se();function $S(r){return r&&r.__esModule?r:{default:r}}function LS(r,e){r.prototype=Object.create(e.prototype),r.prototype.constructor=r,ro(r,e)}function ro(r,e){return ro=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(i,n){return i.__proto__=n,i},ro(r,e)}var MS=function(r){LS(e,r);function e(t){var i;return i=r.call(this,t)||this,i.type=qS.UNIVERSAL,i.value="*",i}return e}(DS.default);bi.default=MS;ad.exports=bi.default});var so=x((wi,od)=>{u();"use strict";wi.__esModule=!0;wi.default=void 0;var NS=FS(dt()),BS=Se();function FS(r){return r&&r.__esModule?r:{default:r}}function jS(r,e){r.prototype=Object.create(e.prototype),r.prototype.constructor=r,no(r,e)}function no(r,e){return no=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(i,n){return i.__proto__=n,i},no(r,e)}var zS=function(r){jS(e,r);function e(t){var i;return i=r.call(this,t)||this,i.type=BS.COMBINATOR,i}return e}(NS.default);wi.default=zS;od.exports=wi.default});var oo=x((vi,ld)=>{u();"use strict";vi.__esModule=!0;vi.default=void 0;var US=HS(dt()),VS=Se();function HS(r){return r&&r.__esModule?r:{default:r}}function WS(r,e){r.prototype=Object.create(e.prototype),r.prototype.constructor=r,ao(r,e)}function ao(r,e){return ao=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(i,n){return i.__proto__=n,i},ao(r,e)}var GS=function(r){WS(e,r);function e(t){var i;return i=r.call(this,t)||this,i.type=VS.NESTING,i.value="&",i}return e}(US.default);vi.default=GS;ld.exports=vi.default});var fd=x((zn,ud)=>{u();"use strict";zn.__esModule=!0;zn.default=QS;function QS(r){return r.sort(function(e,t){return e-t})}ud.exports=zn.default});var lo=x(M=>{u();"use strict";M.__esModule=!0;M.word=M.tilde=M.tab=M.str=M.space=M.slash=M.singleQuote=M.semicolon=M.plus=M.pipe=M.openSquare=M.openParenthesis=M.newline=M.greaterThan=M.feed=M.equals=M.doubleQuote=M.dollar=M.cr=M.comment=M.comma=M.combinator=M.colon=M.closeSquare=M.closeParenthesis=M.caret=M.bang=M.backslash=M.at=M.asterisk=M.ampersand=void 0;var YS=38;M.ampersand=YS;var KS=42;M.asterisk=KS;var XS=64;M.at=XS;var ZS=44;M.comma=ZS;var JS=58;M.colon=JS;var eA=59;M.semicolon=eA;var tA=40;M.openParenthesis=tA;var rA=41;M.closeParenthesis=rA;var iA=91;M.openSquare=iA;var nA=93;M.closeSquare=nA;var sA=36;M.dollar=sA;var aA=126;M.tilde=aA;var oA=94;M.caret=oA;var lA=43;M.plus=lA;var uA=61;M.equals=uA;var fA=124;M.pipe=fA;var cA=62;M.greaterThan=cA;var pA=32;M.space=pA;var cd=39;M.singleQuote=cd;var dA=34;M.doubleQuote=dA;var hA=47;M.slash=hA;var mA=33;M.bang=mA;var gA=92;M.backslash=gA;var yA=13;M.cr=yA;var bA=12;M.feed=bA;var wA=10;M.newline=wA;var vA=9;M.tab=vA;var xA=cd;M.str=xA;var kA=-1;M.comment=kA;var SA=-2;M.word=SA;var AA=-3;M.combinator=AA});var hd=x(xi=>{u();"use strict";xi.__esModule=!0;xi.FIELDS=void 0;xi.default=PA;var D=CA(lo()),nr,te;function pd(r){if(typeof WeakMap!="function")return null;var e=new WeakMap,t=new WeakMap;return(pd=function(n){return n?t:e})(r)}function CA(r,e){if(!e&&r&&r.__esModule)return r;if(r===null||typeof r!="object"&&typeof r!="function")return{default:r};var t=pd(e);if(t&&t.has(r))return t.get(r);var i={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in r)if(s!=="default"&&Object.prototype.hasOwnProperty.call(r,s)){var a=n?Object.getOwnPropertyDescriptor(r,s):null;a&&(a.get||a.set)?Object.defineProperty(i,s,a):i[s]=r[s]}return i.default=r,t&&t.set(r,i),i}var _A=(nr={},nr[D.tab]=!0,nr[D.newline]=!0,nr[D.cr]=!0,nr[D.feed]=!0,nr),EA=(te={},te[D.space]=!0,te[D.tab]=!0,te[D.newline]=!0,te[D.cr]=!0,te[D.feed]=!0,te[D.ampersand]=!0,te[D.asterisk]=!0,te[D.bang]=!0,te[D.comma]=!0,te[D.colon]=!0,te[D.semicolon]=!0,te[D.openParenthesis]=!0,te[D.closeParenthesis]=!0,te[D.openSquare]=!0,te[D.closeSquare]=!0,te[D.singleQuote]=!0,te[D.doubleQuote]=!0,te[D.plus]=!0,te[D.pipe]=!0,te[D.tilde]=!0,te[D.greaterThan]=!0,te[D.equals]=!0,te[D.dollar]=!0,te[D.caret]=!0,te[D.slash]=!0,te),uo={},dd="0123456789abcdefABCDEF";for(Un=0;Un<dd.length;Un++)uo[dd.charCodeAt(Un)]=!0;var Un;function OA(r,e){var t=e,i;do{if(i=r.charCodeAt(t),EA[i])return t-1;i===D.backslash?t=TA(r,t)+1:t++}while(t<r.length);return t-1}function TA(r,e){var t=e,i=r.charCodeAt(t+1);if(!_A[i])if(uo[i]){var n=0;do t++,n++,i=r.charCodeAt(t+1);while(uo[i]&&n<6);n<6&&i===D.space&&t++}else t++;return t}var RA={TYPE:0,START_LINE:1,START_COL:2,END_LINE:3,END_COL:4,START_POS:5,END_POS:6};xi.FIELDS=RA;function PA(r){var e=[],t=r.css.valueOf(),i=t,n=i.length,s=-1,a=1,o=0,l=0,c,f,d,p,h,b,v,y,w,k,S,E,T;function B(N,R){if(r.safe)t+=R,w=t.length-1;else throw r.error("Unclosed "+N,a,o-s,o)}for(;o<n;){switch(c=t.charCodeAt(o),c===D.newline&&(s=o,a+=1),c){case D.space:case D.tab:case D.newline:case D.cr:case D.feed:w=o;do w+=1,c=t.charCodeAt(w),c===D.newline&&(s=w,a+=1);while(c===D.space||c===D.newline||c===D.tab||c===D.cr||c===D.feed);T=D.space,p=a,d=w-s-1,l=w;break;case D.plus:case D.greaterThan:case D.tilde:case D.pipe:w=o;do w+=1,c=t.charCodeAt(w);while(c===D.plus||c===D.greaterThan||c===D.tilde||c===D.pipe);T=D.combinator,p=a,d=o-s,l=w;break;case D.asterisk:case D.ampersand:case D.bang:case D.comma:case D.equals:case D.dollar:case D.caret:case D.openSquare:case D.closeSquare:case D.colon:case D.semicolon:case D.openParenthesis:case D.closeParenthesis:w=o,T=c,p=a,d=o-s,l=w+1;break;case D.singleQuote:case D.doubleQuote:E=c===D.singleQuote?"'":'"',w=o;do for(h=!1,w=t.indexOf(E,w+1),w===-1&&B("quote",E),b=w;t.charCodeAt(b-1)===D.backslash;)b-=1,h=!h;while(h);T=D.str,p=a,d=o-s,l=w+1;break;default:c===D.slash&&t.charCodeAt(o+1)===D.asterisk?(w=t.indexOf("*/",o+2)+1,w===0&&B("comment","*/"),f=t.slice(o,w+1),y=f.split(`
+`),v=y.length-1,v>0?(k=a+v,S=w-y[v].length):(k=a,S=s),T=D.comment,a=k,p=k,d=w-S):c===D.slash?(w=o,T=c,p=a,d=o-s,l=w+1):(w=OA(t,o),T=D.word,p=a,d=w-s),l=w+1;break}e.push([T,a,o-s,p,d,o,l]),S&&(s=S,S=null),o=l}return e}});var kd=x((ki,xd)=>{u();"use strict";ki.__esModule=!0;ki.default=void 0;var IA=je(Da()),fo=je($a()),DA=je(Na()),md=je(Fa()),qA=je(za()),$A=je(Ha()),co=je(Ga()),LA=je(Ya()),gd=Vn(to()),MA=je(io()),po=je(so()),NA=je(oo()),BA=je(fd()),O=Vn(hd()),q=Vn(lo()),FA=Vn(Se()),ue=ii(),Vt,ho;function yd(r){if(typeof WeakMap!="function")return null;var e=new WeakMap,t=new WeakMap;return(yd=function(n){return n?t:e})(r)}function Vn(r,e){if(!e&&r&&r.__esModule)return r;if(r===null||typeof r!="object"&&typeof r!="function")return{default:r};var t=yd(e);if(t&&t.has(r))return t.get(r);var i={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in r)if(s!=="default"&&Object.prototype.hasOwnProperty.call(r,s)){var a=n?Object.getOwnPropertyDescriptor(r,s):null;a&&(a.get||a.set)?Object.defineProperty(i,s,a):i[s]=r[s]}return i.default=r,t&&t.set(r,i),i}function je(r){return r&&r.__esModule?r:{default:r}}function bd(r,e){for(var t=0;t<e.length;t++){var i=e[t];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(r,i.key,i)}}function jA(r,e,t){return e&&bd(r.prototype,e),t&&bd(r,t),Object.defineProperty(r,"prototype",{writable:!1}),r}var mo=(Vt={},Vt[q.space]=!0,Vt[q.cr]=!0,Vt[q.feed]=!0,Vt[q.newline]=!0,Vt[q.tab]=!0,Vt),zA=Object.assign({},mo,(ho={},ho[q.comment]=!0,ho));function wd(r){return{line:r[O.FIELDS.START_LINE],column:r[O.FIELDS.START_COL]}}function vd(r){return{line:r[O.FIELDS.END_LINE],column:r[O.FIELDS.END_COL]}}function Ht(r,e,t,i){return{start:{line:r,column:e},end:{line:t,column:i}}}function sr(r){return Ht(r[O.FIELDS.START_LINE],r[O.FIELDS.START_COL],r[O.FIELDS.END_LINE],r[O.FIELDS.END_COL])}function go(r,e){if(!!r)return Ht(r[O.FIELDS.START_LINE],r[O.FIELDS.START_COL],e[O.FIELDS.END_LINE],e[O.FIELDS.END_COL])}function ar(r,e){var t=r[e];if(typeof t=="string")return t.indexOf("\\")!==-1&&((0,ue.ensureObject)(r,"raws"),r[e]=(0,ue.unesc)(t),r.raws[e]===void 0&&(r.raws[e]=t)),r}function yo(r,e){for(var t=-1,i=[];(t=r.indexOf(e,t+1))!==-1;)i.push(t);return i}function UA(){var r=Array.prototype.concat.apply([],arguments);return r.filter(function(e,t){return t===r.indexOf(e)})}var VA=function(){function r(t,i){i===void 0&&(i={}),this.rule=t,this.options=Object.assign({lossy:!1,safe:!1},i),this.position=0,this.css=typeof this.rule=="string"?this.rule:this.rule.selector,this.tokens=(0,O.default)({css:this.css,error:this._errorGenerator(),safe:this.options.safe});var n=go(this.tokens[0],this.tokens[this.tokens.length-1]);this.root=new IA.default({source:n}),this.root.errorGenerator=this._errorGenerator();var s=new fo.default({source:{start:{line:1,column:1}},sourceIndex:0});this.root.append(s),this.current=s,this.loop()}var e=r.prototype;return e._errorGenerator=function(){var i=this;return function(n,s){return typeof i.rule=="string"?new Error(n):i.rule.error(n,s)}},e.attribute=function(){var i=[],n=this.currToken;for(this.position++;this.position<this.tokens.length&&this.currToken[O.FIELDS.TYPE]!==q.closeSquare;)i.push(this.currToken),this.position++;if(this.currToken[O.FIELDS.TYPE]!==q.closeSquare)return this.expected("closing square bracket",this.currToken[O.FIELDS.START_POS]);var s=i.length,a={source:Ht(n[1],n[2],this.currToken[3],this.currToken[4]),sourceIndex:n[O.FIELDS.START_POS]};if(s===1&&!~[q.word].indexOf(i[0][O.FIELDS.TYPE]))return this.expected("attribute",i[0][O.FIELDS.START_POS]);for(var o=0,l="",c="",f=null,d=!1;o<s;){var p=i[o],h=this.content(p),b=i[o+1];switch(p[O.FIELDS.TYPE]){case q.space:if(d=!0,this.options.lossy)break;if(f){(0,ue.ensureObject)(a,"spaces",f);var v=a.spaces[f].after||"";a.spaces[f].after=v+h;var y=(0,ue.getProp)(a,"raws","spaces",f,"after")||null;y&&(a.raws.spaces[f].after=y+h)}else l=l+h,c=c+h;break;case q.asterisk:if(b[O.FIELDS.TYPE]===q.equals)a.operator=h,f="operator";else if((!a.namespace||f==="namespace"&&!d)&&b){l&&((0,ue.ensureObject)(a,"spaces","attribute"),a.spaces.attribute.before=l,l=""),c&&((0,ue.ensureObject)(a,"raws","spaces","attribute"),a.raws.spaces.attribute.before=l,c=""),a.namespace=(a.namespace||"")+h;var w=(0,ue.getProp)(a,"raws","namespace")||null;w&&(a.raws.namespace+=h),f="namespace"}d=!1;break;case q.dollar:if(f==="value"){var k=(0,ue.getProp)(a,"raws","value");a.value+="$",k&&(a.raws.value=k+"$");break}case q.caret:b[O.FIELDS.TYPE]===q.equals&&(a.operator=h,f="operator"),d=!1;break;case q.combinator:if(h==="~"&&b[O.FIELDS.TYPE]===q.equals&&(a.operator=h,f="operator"),h!=="|"){d=!1;break}b[O.FIELDS.TYPE]===q.equals?(a.operator=h,f="operator"):!a.namespace&&!a.attribute&&(a.namespace=!0),d=!1;break;case q.word:if(b&&this.content(b)==="|"&&i[o+2]&&i[o+2][O.FIELDS.TYPE]!==q.equals&&!a.operator&&!a.namespace)a.namespace=h,f="namespace";else if(!a.attribute||f==="attribute"&&!d){l&&((0,ue.ensureObject)(a,"spaces","attribute"),a.spaces.attribute.before=l,l=""),c&&((0,ue.ensureObject)(a,"raws","spaces","attribute"),a.raws.spaces.attribute.before=c,c=""),a.attribute=(a.attribute||"")+h;var S=(0,ue.getProp)(a,"raws","attribute")||null;S&&(a.raws.attribute+=h),f="attribute"}else if(!a.value&&a.value!==""||f==="value"&&!(d||a.quoteMark)){var E=(0,ue.unesc)(h),T=(0,ue.getProp)(a,"raws","value")||"",B=a.value||"";a.value=B+E,a.quoteMark=null,(E!==h||T)&&((0,ue.ensureObject)(a,"raws"),a.raws.value=(T||B)+h),f="value"}else{var N=h==="i"||h==="I";(a.value||a.value==="")&&(a.quoteMark||d)?(a.insensitive=N,(!N||h==="I")&&((0,ue.ensureObject)(a,"raws"),a.raws.insensitiveFlag=h),f="insensitive",l&&((0,ue.ensureObject)(a,"spaces","insensitive"),a.spaces.insensitive.before=l,l=""),c&&((0,ue.ensureObject)(a,"raws","spaces","insensitive"),a.raws.spaces.insensitive.before=c,c="")):(a.value||a.value==="")&&(f="value",a.value+=h,a.raws.value&&(a.raws.value+=h))}d=!1;break;case q.str:if(!a.attribute||!a.operator)return this.error("Expected an attribute followed by an operator preceding the string.",{index:p[O.FIELDS.START_POS]});var R=(0,gd.unescapeValue)(h),F=R.unescaped,Y=R.quoteMark;a.value=F,a.quoteMark=Y,f="value",(0,ue.ensureObject)(a,"raws"),a.raws.value=h,d=!1;break;case q.equals:if(!a.attribute)return this.expected("attribute",p[O.FIELDS.START_POS],h);if(a.value)return this.error('Unexpected "=" found; an operator was already defined.',{index:p[O.FIELDS.START_POS]});a.operator=a.operator?a.operator+h:h,f="operator",d=!1;break;case q.comment:if(f)if(d||b&&b[O.FIELDS.TYPE]===q.space||f==="insensitive"){var _=(0,ue.getProp)(a,"spaces",f,"after")||"",Q=(0,ue.getProp)(a,"raws","spaces",f,"after")||_;(0,ue.ensureObject)(a,"raws","spaces",f),a.raws.spaces[f].after=Q+h}else{var U=a[f]||"",le=(0,ue.getProp)(a,"raws",f)||U;(0,ue.ensureObject)(a,"raws"),a.raws[f]=le+h}else c=c+h;break;default:return this.error('Unexpected "'+h+'" found.',{index:p[O.FIELDS.START_POS]})}o++}ar(a,"attribute"),ar(a,"namespace"),this.newNode(new gd.default(a)),this.position++},e.parseWhitespaceEquivalentTokens=function(i){i<0&&(i=this.tokens.length);var n=this.position,s=[],a="",o=void 0;do if(mo[this.currToken[O.FIELDS.TYPE]])this.options.lossy||(a+=this.content());else if(this.currToken[O.FIELDS.TYPE]===q.comment){var l={};a&&(l.before=a,a=""),o=new md.default({value:this.content(),source:sr(this.currToken),sourceIndex:this.currToken[O.FIELDS.START_POS],spaces:l}),s.push(o)}while(++this.position<i);if(a){if(o)o.spaces.after=a;else if(!this.options.lossy){var c=this.tokens[n],f=this.tokens[this.position-1];s.push(new co.default({value:"",source:Ht(c[O.FIELDS.START_LINE],c[O.FIELDS.START_COL],f[O.FIELDS.END_LINE],f[O.FIELDS.END_COL]),sourceIndex:c[O.FIELDS.START_POS],spaces:{before:a,after:""}}))}}return s},e.convertWhitespaceNodesToSpace=function(i,n){var s=this;n===void 0&&(n=!1);var a="",o="";i.forEach(function(c){var f=s.lossySpace(c.spaces.before,n),d=s.lossySpace(c.rawSpaceBefore,n);a+=f+s.lossySpace(c.spaces.after,n&&f.length===0),o+=f+c.value+s.lossySpace(c.rawSpaceAfter,n&&d.length===0)}),o===a&&(o=void 0);var l={space:a,rawSpace:o};return l},e.isNamedCombinator=function(i){return i===void 0&&(i=this.position),this.tokens[i+0]&&this.tokens[i+0][O.FIELDS.TYPE]===q.slash&&this.tokens[i+1]&&this.tokens[i+1][O.FIELDS.TYPE]===q.word&&this.tokens[i+2]&&this.tokens[i+2][O.FIELDS.TYPE]===q.slash},e.namedCombinator=function(){if(this.isNamedCombinator()){var i=this.content(this.tokens[this.position+1]),n=(0,ue.unesc)(i).toLowerCase(),s={};n!==i&&(s.value="/"+i+"/");var a=new po.default({value:"/"+n+"/",source:Ht(this.currToken[O.FIELDS.START_LINE],this.currToken[O.FIELDS.START_COL],this.tokens[this.position+2][O.FIELDS.END_LINE],this.tokens[this.position+2][O.FIELDS.END_COL]),sourceIndex:this.currToken[O.FIELDS.START_POS],raws:s});return this.position=this.position+3,a}else this.unexpected()},e.combinator=function(){var i=this;if(this.content()==="|")return this.namespace();var n=this.locateNextMeaningfulToken(this.position);if(n<0||this.tokens[n][O.FIELDS.TYPE]===q.comma||this.tokens[n][O.FIELDS.TYPE]===q.closeParenthesis){var s=this.parseWhitespaceEquivalentTokens(n);if(s.length>0){var a=this.current.last;if(a){var o=this.convertWhitespaceNodesToSpace(s),l=o.space,c=o.rawSpace;c!==void 0&&(a.rawSpaceAfter+=c),a.spaces.after+=l}else s.forEach(function(T){return i.newNode(T)})}return}var f=this.currToken,d=void 0;n>this.position&&(d=this.parseWhitespaceEquivalentTokens(n));var p;if(this.isNamedCombinator()?p=this.namedCombinator():this.currToken[O.FIELDS.TYPE]===q.combinator?(p=new po.default({value:this.content(),source:sr(this.currToken),sourceIndex:this.currToken[O.FIELDS.START_POS]}),this.position++):mo[this.currToken[O.FIELDS.TYPE]]||d||this.unexpected(),p){if(d){var h=this.convertWhitespaceNodesToSpace(d),b=h.space,v=h.rawSpace;p.spaces.before=b,p.rawSpaceBefore=v}}else{var y=this.convertWhitespaceNodesToSpace(d,!0),w=y.space,k=y.rawSpace;k||(k=w);var S={},E={spaces:{}};w.endsWith(" ")&&k.endsWith(" ")?(S.before=w.slice(0,w.length-1),E.spaces.before=k.slice(0,k.length-1)):w.startsWith(" ")&&k.startsWith(" ")?(S.after=w.slice(1),E.spaces.after=k.slice(1)):E.value=k,p=new po.default({value:" ",source:go(f,this.tokens[this.position-1]),sourceIndex:f[O.FIELDS.START_POS],spaces:S,raws:E})}return this.currToken&&this.currToken[O.FIELDS.TYPE]===q.space&&(p.spaces.after=this.optionalSpace(this.content()),this.position++),this.newNode(p)},e.comma=function(){if(this.position===this.tokens.length-1){this.root.trailingComma=!0,this.position++;return}this.current._inferEndPosition();var i=new fo.default({source:{start:wd(this.tokens[this.position+1])},sourceIndex:this.tokens[this.position+1][O.FIELDS.START_POS]});this.current.parent.append(i),this.current=i,this.position++},e.comment=function(){var i=this.currToken;this.newNode(new md.default({value:this.content(),source:sr(i),sourceIndex:i[O.FIELDS.START_POS]})),this.position++},e.error=function(i,n){throw this.root.error(i,n)},e.missingBackslash=function(){return this.error("Expected a backslash preceding the semicolon.",{index:this.currToken[O.FIELDS.START_POS]})},e.missingParenthesis=function(){return this.expected("opening parenthesis",this.currToken[O.FIELDS.START_POS])},e.missingSquareBracket=function(){return this.expected("opening square bracket",this.currToken[O.FIELDS.START_POS])},e.unexpected=function(){return this.error("Unexpected '"+this.content()+"'. Escaping special characters with \\ may help.",this.currToken[O.FIELDS.START_POS])},e.unexpectedPipe=function(){return this.error("Unexpected '|'.",this.currToken[O.FIELDS.START_POS])},e.namespace=function(){var i=this.prevToken&&this.content(this.prevToken)||!0;if(this.nextToken[O.FIELDS.TYPE]===q.word)return this.position++,this.word(i);if(this.nextToken[O.FIELDS.TYPE]===q.asterisk)return this.position++,this.universal(i);this.unexpectedPipe()},e.nesting=function(){if(this.nextToken){var i=this.content(this.nextToken);if(i==="|"){this.position++;return}}var n=this.currToken;this.newNode(new NA.default({value:this.content(),source:sr(n),sourceIndex:n[O.FIELDS.START_POS]})),this.position++},e.parentheses=function(){var i=this.current.last,n=1;if(this.position++,i&&i.type===FA.PSEUDO){var s=new fo.default({source:{start:wd(this.tokens[this.position])},sourceIndex:this.tokens[this.position][O.FIELDS.START_POS]}),a=this.current;for(i.append(s),this.current=s;this.position<this.tokens.length&&n;)this.currToken[O.FIELDS.TYPE]===q.openParenthesis&&n++,this.currToken[O.FIELDS.TYPE]===q.closeParenthesis&&n--,n?this.parse():(this.current.source.end=vd(this.currToken),this.current.parent.source.end=vd(this.currToken),this.position++);this.current=a}else{for(var o=this.currToken,l="(",c;this.position<this.tokens.length&&n;)this.currToken[O.FIELDS.TYPE]===q.openParenthesis&&n++,this.currToken[O.FIELDS.TYPE]===q.closeParenthesis&&n--,c=this.currToken,l+=this.parseParenthesisToken(this.currToken),this.position++;i?i.appendToPropertyAndEscape("value",l,l):this.newNode(new co.default({value:l,source:Ht(o[O.FIELDS.START_LINE],o[O.FIELDS.START_COL],c[O.FIELDS.END_LINE],c[O.FIELDS.END_COL]),sourceIndex:o[O.FIELDS.START_POS]}))}if(n)return this.expected("closing parenthesis",this.currToken[O.FIELDS.START_POS])},e.pseudo=function(){for(var i=this,n="",s=this.currToken;this.currToken&&this.currToken[O.FIELDS.TYPE]===q.colon;)n+=this.content(),this.position++;if(!this.currToken)return this.expected(["pseudo-class","pseudo-element"],this.position-1);if(this.currToken[O.FIELDS.TYPE]===q.word)this.splitWord(!1,function(a,o){n+=a,i.newNode(new LA.default({value:n,source:go(s,i.currToken),sourceIndex:s[O.FIELDS.START_POS]})),o>1&&i.nextToken&&i.nextToken[O.FIELDS.TYPE]===q.openParenthesis&&i.error("Misplaced parenthesis.",{index:i.nextToken[O.FIELDS.START_POS]})});else return this.expected(["pseudo-class","pseudo-element"],this.currToken[O.FIELDS.START_POS])},e.space=function(){var i=this.content();this.position===0||this.prevToken[O.FIELDS.TYPE]===q.comma||this.prevToken[O.FIELDS.TYPE]===q.openParenthesis||this.current.nodes.every(function(n){return n.type==="comment"})?(this.spaces=this.optionalSpace(i),this.position++):this.position===this.tokens.length-1||this.nextToken[O.FIELDS.TYPE]===q.comma||this.nextToken[O.FIELDS.TYPE]===q.closeParenthesis?(this.current.last.spaces.after=this.optionalSpace(i),this.position++):this.combinator()},e.string=function(){var i=this.currToken;this.newNode(new co.default({value:this.content(),source:sr(i),sourceIndex:i[O.FIELDS.START_POS]})),this.position++},e.universal=function(i){var n=this.nextToken;if(n&&this.content(n)==="|")return this.position++,this.namespace();var s=this.currToken;this.newNode(new MA.default({value:this.content(),source:sr(s),sourceIndex:s[O.FIELDS.START_POS]}),i),this.position++},e.splitWord=function(i,n){for(var s=this,a=this.nextToken,o=this.content();a&&~[q.dollar,q.caret,q.equals,q.word].indexOf(a[O.FIELDS.TYPE]);){this.position++;var l=this.content();if(o+=l,l.lastIndexOf("\\")===l.length-1){var c=this.nextToken;c&&c[O.FIELDS.TYPE]===q.space&&(o+=this.requiredSpace(this.content(c)),this.position++)}a=this.nextToken}var f=yo(o,".").filter(function(b){var v=o[b-1]==="\\",y=/^\d+\.\d+%$/.test(o);return!v&&!y}),d=yo(o,"#").filter(function(b){return o[b-1]!=="\\"}),p=yo(o,"#{");p.length&&(d=d.filter(function(b){return!~p.indexOf(b)}));var h=(0,BA.default)(UA([0].concat(f,d)));h.forEach(function(b,v){var y=h[v+1]||o.length,w=o.slice(b,y);if(v===0&&n)return n.call(s,w,h.length);var k,S=s.currToken,E=S[O.FIELDS.START_POS]+h[v],T=Ht(S[1],S[2]+b,S[3],S[2]+(y-1));if(~f.indexOf(b)){var B={value:w.slice(1),source:T,sourceIndex:E};k=new DA.default(ar(B,"value"))}else if(~d.indexOf(b)){var N={value:w.slice(1),source:T,sourceIndex:E};k=new qA.default(ar(N,"value"))}else{var R={value:w,source:T,sourceIndex:E};ar(R,"value"),k=new $A.default(R)}s.newNode(k,i),i=null}),this.position++},e.word=function(i){var n=this.nextToken;return n&&this.content(n)==="|"?(this.position++,this.namespace()):this.splitWord(i)},e.loop=function(){for(;this.position<this.tokens.length;)this.parse(!0);return this.current._inferEndPosition(),this.root},e.parse=function(i){switch(this.currToken[O.FIELDS.TYPE]){case q.space:this.space();break;case q.comment:this.comment();break;case q.openParenthesis:this.parentheses();break;case q.closeParenthesis:i&&this.missingParenthesis();break;case q.openSquare:this.attribute();break;case q.dollar:case q.caret:case q.equals:case q.word:this.word();break;case q.colon:this.pseudo();break;case q.comma:this.comma();break;case q.asterisk:this.universal();break;case q.ampersand:this.nesting();break;case q.slash:case q.combinator:this.combinator();break;case q.str:this.string();break;case q.closeSquare:this.missingSquareBracket();case q.semicolon:this.missingBackslash();default:this.unexpected()}},e.expected=function(i,n,s){if(Array.isArray(i)){var a=i.pop();i=i.join(", ")+" or "+a}var o=/^[aeiou]/.test(i[0])?"an":"a";return s?this.error("Expected "+o+" "+i+', found "'+s+'" instead.',{index:n}):this.error("Expected "+o+" "+i+".",{index:n})},e.requiredSpace=function(i){return this.options.lossy?" ":i},e.optionalSpace=function(i){return this.options.lossy?"":i},e.lossySpace=function(i,n){return this.options.lossy?n?" ":"":i},e.parseParenthesisToken=function(i){var n=this.content(i);return i[O.FIELDS.TYPE]===q.space?this.requiredSpace(n):n},e.newNode=function(i,n){return n&&(/^ +$/.test(n)&&(this.options.lossy||(this.spaces=(this.spaces||"")+n),n=!0),i.namespace=n,ar(i,"namespace")),this.spaces&&(i.spaces.before=this.spaces,this.spaces=""),this.current.append(i)},e.content=function(i){return i===void 0&&(i=this.currToken),this.css.slice(i[O.FIELDS.START_POS],i[O.FIELDS.END_POS])},e.locateNextMeaningfulToken=function(i){i===void 0&&(i=this.position+1);for(var n=i;n<this.tokens.length;)if(zA[this.tokens[n][O.FIELDS.TYPE]]){n++;continue}else return n;return-1},jA(r,[{key:"currToken",get:function(){return this.tokens[this.position]}},{key:"nextToken",get:function(){return this.tokens[this.position+1]}},{key:"prevToken",get:function(){return this.tokens[this.position-1]}}]),r}();ki.default=VA;xd.exports=ki.default});var Ad=x((Si,Sd)=>{u();"use strict";Si.__esModule=!0;Si.default=void 0;var HA=WA(kd());function WA(r){return r&&r.__esModule?r:{default:r}}var GA=function(){function r(t,i){this.func=t||function(){},this.funcRes=null,this.options=i}var e=r.prototype;return e._shouldUpdateSelector=function(i,n){n===void 0&&(n={});var s=Object.assign({},this.options,n);return s.updateSelector===!1?!1:typeof i!="string"},e._isLossy=function(i){i===void 0&&(i={});var n=Object.assign({},this.options,i);return n.lossless===!1},e._root=function(i,n){n===void 0&&(n={});var s=new HA.default(i,this._parseOptions(n));return s.root},e._parseOptions=function(i){return{lossy:this._isLossy(i)}},e._run=function(i,n){var s=this;return n===void 0&&(n={}),new Promise(function(a,o){try{var l=s._root(i,n);Promise.resolve(s.func(l)).then(function(c){var f=void 0;return s._shouldUpdateSelector(i,n)&&(f=l.toString(),i.selector=f),{transform:c,root:l,string:f}}).then(a,o)}catch(c){o(c);return}})},e._runSync=function(i,n){n===void 0&&(n={});var s=this._root(i,n),a=this.func(s);if(a&&typeof a.then=="function")throw new Error("Selector processor returned a promise to a synchronous call.");var o=void 0;return n.updateSelector&&typeof i!="string"&&(o=s.toString(),i.selector=o),{transform:a,root:s,string:o}},e.ast=function(i,n){return this._run(i,n).then(function(s){return s.root})},e.astSync=function(i,n){return this._runSync(i,n).root},e.transform=function(i,n){return this._run(i,n).then(function(s){return s.transform})},e.transformSync=function(i,n){return this._runSync(i,n).transform},e.process=function(i,n){return this._run(i,n).then(function(s){return s.string||s.root.toString()})},e.processSync=function(i,n){var s=this._runSync(i,n);return s.string||s.root.toString()},r}();Si.default=GA;Sd.exports=Si.default});var Cd=x(ne=>{u();"use strict";ne.__esModule=!0;ne.universal=ne.tag=ne.string=ne.selector=ne.root=ne.pseudo=ne.nesting=ne.id=ne.comment=ne.combinator=ne.className=ne.attribute=void 0;var QA=ze(to()),YA=ze(Na()),KA=ze(so()),XA=ze(Fa()),ZA=ze(za()),JA=ze(oo()),eC=ze(Ya()),tC=ze(Da()),rC=ze($a()),iC=ze(Ga()),nC=ze(Ha()),sC=ze(io());function ze(r){return r&&r.__esModule?r:{default:r}}var aC=function(e){return new QA.default(e)};ne.attribute=aC;var oC=function(e){return new YA.default(e)};ne.className=oC;var lC=function(e){return new KA.default(e)};ne.combinator=lC;var uC=function(e){return new XA.default(e)};ne.comment=uC;var fC=function(e){return new ZA.default(e)};ne.id=fC;var cC=function(e){return new JA.default(e)};ne.nesting=cC;var pC=function(e){return new eC.default(e)};ne.pseudo=pC;var dC=function(e){return new tC.default(e)};ne.root=dC;var hC=function(e){return new rC.default(e)};ne.selector=hC;var mC=function(e){return new iC.default(e)};ne.string=mC;var gC=function(e){return new nC.default(e)};ne.tag=gC;var yC=function(e){return new sC.default(e)};ne.universal=yC});var Td=x(Z=>{u();"use strict";Z.__esModule=!0;Z.isComment=Z.isCombinator=Z.isClassName=Z.isAttribute=void 0;Z.isContainer=TC;Z.isIdentifier=void 0;Z.isNamespace=RC;Z.isNesting=void 0;Z.isNode=bo;Z.isPseudo=void 0;Z.isPseudoClass=OC;Z.isPseudoElement=Od;Z.isUniversal=Z.isTag=Z.isString=Z.isSelector=Z.isRoot=void 0;var fe=Se(),Oe,bC=(Oe={},Oe[fe.ATTRIBUTE]=!0,Oe[fe.CLASS]=!0,Oe[fe.COMBINATOR]=!0,Oe[fe.COMMENT]=!0,Oe[fe.ID]=!0,Oe[fe.NESTING]=!0,Oe[fe.PSEUDO]=!0,Oe[fe.ROOT]=!0,Oe[fe.SELECTOR]=!0,Oe[fe.STRING]=!0,Oe[fe.TAG]=!0,Oe[fe.UNIVERSAL]=!0,Oe);function bo(r){return typeof r=="object"&&bC[r.type]}function Ue(r,e){return bo(e)&&e.type===r}var _d=Ue.bind(null,fe.ATTRIBUTE);Z.isAttribute=_d;var wC=Ue.bind(null,fe.CLASS);Z.isClassName=wC;var vC=Ue.bind(null,fe.COMBINATOR);Z.isCombinator=vC;var xC=Ue.bind(null,fe.COMMENT);Z.isComment=xC;var kC=Ue.bind(null,fe.ID);Z.isIdentifier=kC;var SC=Ue.bind(null,fe.NESTING);Z.isNesting=SC;var wo=Ue.bind(null,fe.PSEUDO);Z.isPseudo=wo;var AC=Ue.bind(null,fe.ROOT);Z.isRoot=AC;var CC=Ue.bind(null,fe.SELECTOR);Z.isSelector=CC;var _C=Ue.bind(null,fe.STRING);Z.isString=_C;var Ed=Ue.bind(null,fe.TAG);Z.isTag=Ed;var EC=Ue.bind(null,fe.UNIVERSAL);Z.isUniversal=EC;function Od(r){return wo(r)&&r.value&&(r.value.startsWith("::")||r.value.toLowerCase()===":before"||r.value.toLowerCase()===":after"||r.value.toLowerCase()===":first-letter"||r.value.toLowerCase()===":first-line")}function OC(r){return wo(r)&&!Od(r)}function TC(r){return!!(bo(r)&&r.walk)}function RC(r){return _d(r)||Ed(r)}});var Rd=x(Ke=>{u();"use strict";Ke.__esModule=!0;var vo=Se();Object.keys(vo).forEach(function(r){r==="default"||r==="__esModule"||r in Ke&&Ke[r]===vo[r]||(Ke[r]=vo[r])});var xo=Cd();Object.keys(xo).forEach(function(r){r==="default"||r==="__esModule"||r in Ke&&Ke[r]===xo[r]||(Ke[r]=xo[r])});var ko=Td();Object.keys(ko).forEach(function(r){r==="default"||r==="__esModule"||r in Ke&&Ke[r]===ko[r]||(Ke[r]=ko[r])})});var it=x((Ai,Id)=>{u();"use strict";Ai.__esModule=!0;Ai.default=void 0;var PC=qC(Ad()),IC=DC(Rd());function Pd(r){if(typeof WeakMap!="function")return null;var e=new WeakMap,t=new WeakMap;return(Pd=function(n){return n?t:e})(r)}function DC(r,e){if(!e&&r&&r.__esModule)return r;if(r===null||typeof r!="object"&&typeof r!="function")return{default:r};var t=Pd(e);if(t&&t.has(r))return t.get(r);var i={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in r)if(s!=="default"&&Object.prototype.hasOwnProperty.call(r,s)){var a=n?Object.getOwnPropertyDescriptor(r,s):null;a&&(a.get||a.set)?Object.defineProperty(i,s,a):i[s]=r[s]}return i.default=r,t&&t.set(r,i),i}function qC(r){return r&&r.__esModule?r:{default:r}}var So=function(e){return new PC.default(e)};Object.assign(So,IC);delete So.__esModule;var $C=So;Ai.default=$C;Id.exports=Ai.default});function mt(r){return["fontSize","outline"].includes(r)?e=>(typeof e=="function"&&(e=e({})),Array.isArray(e)&&(e=e[0]),e):r==="fontFamily"?e=>{typeof e=="function"&&(e=e({}));let t=Array.isArray(e)&&ke(e[1])?e[0]:e;return Array.isArray(t)?t.join(", "):t}:["boxShadow","transitionProperty","transitionDuration","transitionDelay","transitionTimingFunction","backgroundImage","backgroundSize","backgroundColor","cursor","animation"].includes(r)?e=>(typeof e=="function"&&(e=e({})),Array.isArray(e)&&(e=e.join(", ")),e):["gridTemplateColumns","gridTemplateRows","objectPosition"].includes(r)?e=>(typeof e=="function"&&(e=e({})),typeof e=="string"&&(e=ee.list.comma(e).join(" ")),e):(e,t={})=>(typeof e=="function"&&(e=e(t)),e)}var Ci=P(()=>{u();Ot();Kt()});var Bd=x((MI,Oo)=>{u();var{AtRule:LC,Rule:Dd}=$e(),qd=it();function Ao(r,e){let t;try{qd(i=>{t=i}).processSync(r)}catch(i){throw r.includes(":")?e?e.error("Missed semicolon"):i:e?e.error(i.message):i}return t.at(0)}function $d(r,e){let t=!1;return r.each(i=>{if(i.type==="nesting"){let n=e.clone({});i.value!=="&"?i.replaceWith(Ao(i.value.replace("&",n.toString()))):i.replaceWith(n),t=!0}else"nodes"in i&&i.nodes&&$d(i,e)&&(t=!0)}),t}function Ld(r,e){let t=[];return r.selectors.forEach(i=>{let n=Ao(i,r);e.selectors.forEach(s=>{if(!s)return;let a=Ao(s,e);$d(a,n)||(a.prepend(qd.combinator({value:" "})),a.prepend(n.clone({}))),t.push(a.toString())})}),t}function Hn(r,e){let t=r.prev();for(e.after(r);t&&t.type==="comment";){let i=t.prev();e.after(t),t=i}return r}function MC(r){return function e(t,i,n,s=n){let a=[];if(i.each(o=>{o.type==="rule"&&n?s&&(o.selectors=Ld(t,o)):o.type==="atrule"&&o.nodes?r[o.name]?e(t,o,s):i[_o]!==!1&&a.push(o):a.push(o)}),n&&a.length){let o=t.clone({nodes:[]});for(let l of a)o.append(l);i.prepend(o)}}}function Co(r,e,t){let i=new Dd({nodes:[],selector:r});return i.append(e),t.after(i),i}function Md(r,e){let t={};for(let i of r)t[i]=!0;if(e)for(let i of e)t[i.replace(/^@/,"")]=!0;return t}function NC(r){r=r.trim();let e=r.match(/^\((.*)\)$/);if(!e)return{selector:r,type:"basic"};let t=e[1].match(/^(with(?:out)?):(.+)$/);if(t){let i=t[1]==="with",n=Object.fromEntries(t[2].trim().split(/\s+/).map(a=>[a,!0]));if(i&&n.all)return{type:"noop"};let s=a=>!!n[a];return n.all?s=()=>!0:i&&(s=a=>a==="all"?!1:!n[a]),{escapes:s,type:"withrules"}}return{type:"unknown"}}function BC(r){let e=[],t=r.parent;for(;t&&t instanceof LC;)e.push(t),t=t.parent;return e}function FC(r){let e=r[Nd];if(!e)r.after(r.nodes);else{let t=r.nodes,i,n=-1,s,a,o,l=BC(r);if(l.forEach((c,f)=>{if(e(c.name))i=c,n=f,a=o;else{let d=o;o=c.clone({nodes:[]}),d&&o.append(d),s=s||o}}),i?a?(s.append(t),i.after(a)):i.after(t):r.after(t),r.next()&&i){let c;l.slice(0,n+1).forEach((f,d,p)=>{let h=c;c=f.clone({nodes:[]}),h&&c.append(h);let b=[],y=(p[d-1]||r).next();for(;y;)b.push(y),y=y.next();c.append(b)}),c&&(a||t[t.length-1]).after(c)}}r.remove()}var _o=Symbol("rootRuleMergeSel"),Nd=Symbol("rootRuleEscapes");function jC(r){let{params:e}=r,{escapes:t,selector:i,type:n}=NC(e);if(n==="unknown")throw r.error(`Unknown @${r.name} parameter ${JSON.stringify(e)}`);if(n==="basic"&&i){let s=new Dd({nodes:r.nodes,selector:i});r.removeAll(),r.append(s)}r[Nd]=t,r[_o]=t?!t("all"):n==="noop"}var Eo=Symbol("hasRootRule");Oo.exports=(r={})=>{let e=Md(["media","supports","layer","container","starting-style"],r.bubble),t=MC(e),i=Md(["document","font-face","keyframes","-webkit-keyframes","-moz-keyframes"],r.unwrap),n=(r.rootRuleName||"at-root").replace(/^@/,""),s=r.preserveEmpty;return{Once(a){a.walkAtRules(n,o=>{jC(o),a[Eo]=!0})},postcssPlugin:"postcss-nested",RootExit(a){a[Eo]&&(a.walkAtRules(n,FC),a[Eo]=!1)},Rule(a){let o=!1,l=a,c=!1,f=[];a.each(d=>{d.type==="rule"?(f.length&&(l=Co(a.selector,f,l),f=[]),c=!0,o=!0,d.selectors=Ld(a,d),l=Hn(d,l)):d.type==="atrule"?(f.length&&(l=Co(a.selector,f,l),f=[]),d.name===n?(o=!0,t(a,d,!0,d[_o]),l=Hn(d,l)):e[d.name]?(c=!0,o=!0,t(a,d,!0),l=Hn(d,l)):i[d.name]?(c=!0,o=!0,t(a,d,!1),l=Hn(d,l)):c&&f.push(d)):d.type==="decl"&&c&&f.push(d)}),f.length&&(l=Co(a.selector,f,l)),o&&s!==!0&&(a.raws.semicolon=!0,a.nodes.length===0&&a.remove())}}};Oo.exports.postcss=!0});var Ud=x((NI,zd)=>{u();"use strict";var Fd=/-(\w|$)/g,jd=(r,e)=>e.toUpperCase(),zC=r=>(r=r.toLowerCase(),r==="float"?"cssFloat":r.startsWith("-ms-")?r.substr(1).replace(Fd,jd):r.replace(Fd,jd));zd.exports=zC});var Po=x((BI,Vd)=>{u();var UC=Ud(),VC={boxFlex:!0,boxFlexGroup:!0,columnCount:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,strokeDashoffset:!0,strokeOpacity:!0,strokeWidth:!0};function To(r){return typeof r.nodes=="undefined"?!0:Ro(r)}function Ro(r){let e,t={};return r.each(i=>{if(i.type==="atrule")e="@"+i.name,i.params&&(e+=" "+i.params),typeof t[e]=="undefined"?t[e]=To(i):Array.isArray(t[e])?t[e].push(To(i)):t[e]=[t[e],To(i)];else if(i.type==="rule"){let n=Ro(i);if(t[i.selector])for(let s in n)t[i.selector][s]=n[s];else t[i.selector]=n}else if(i.type==="decl"){i.prop[0]==="-"&&i.prop[1]==="-"||i.parent&&i.parent.selector===":export"?e=i.prop:e=UC(i.prop);let n=i.value;!isNaN(i.value)&&VC[e]&&(n=parseFloat(i.value)),i.important&&(n+=" !important"),typeof t[e]=="undefined"?t[e]=n:Array.isArray(t[e])?t[e].push(n):t[e]=[t[e],n]}}),t}Vd.exports=Ro});var Wn=x((FI,Qd)=>{u();var _i=$e(),Hd=/\s*!important\s*$/i,HC={"box-flex":!0,"box-flex-group":!0,"column-count":!0,flex:!0,"flex-grow":!0,"flex-positive":!0,"flex-shrink":!0,"flex-negative":!0,"font-weight":!0,"line-clamp":!0,"line-height":!0,opacity:!0,order:!0,orphans:!0,"tab-size":!0,widows:!0,"z-index":!0,zoom:!0,"fill-opacity":!0,"stroke-dashoffset":!0,"stroke-opacity":!0,"stroke-width":!0};function WC(r){return r.replace(/([A-Z])/g,"-$1").replace(/^ms-/,"-ms-").toLowerCase()}function Wd(r,e,t){t===!1||t===null||(e.startsWith("--")||(e=WC(e)),typeof t=="number"&&(t===0||HC[e]?t=t.toString():t+="px"),e==="css-float"&&(e="float"),Hd.test(t)?(t=t.replace(Hd,""),r.push(_i.decl({prop:e,value:t,important:!0}))):r.push(_i.decl({prop:e,value:t})))}function Gd(r,e,t){let i=_i.atRule({name:e[1],params:e[3]||""});typeof t=="object"&&(i.nodes=[],Io(t,i)),r.push(i)}function Io(r,e){let t,i,n;for(t in r)if(i=r[t],!(i===null||typeof i=="undefined"))if(t[0]==="@"){let s=t.match(/@(\S+)(\s+([\W\w]*)\s*)?/);if(Array.isArray(i))for(let a of i)Gd(e,s,a);else Gd(e,s,i)}else if(Array.isArray(i))for(let s of i)Wd(e,t,s);else typeof i=="object"?(n=_i.rule({selector:t}),Io(i,n),e.push(n)):Wd(e,t,i)}Qd.exports=function(r){let e=_i.root();return Io(r,e),e}});var Do=x((jI,Yd)=>{u();var GC=Po();Yd.exports=function(e){return console&&console.warn&&e.warnings().forEach(t=>{let i=t.plugin||"PostCSS";console.warn(i+": "+t.text)}),GC(e.root)}});var Xd=x((zI,Kd)=>{u();var QC=$e(),YC=Do(),KC=Wn();Kd.exports=function(e){let t=QC(e);return async i=>{let n=await t.process(i,{parser:KC,from:void 0});return YC(n)}}});var Jd=x((UI,Zd)=>{u();var XC=$e(),ZC=Do(),JC=Wn();Zd.exports=function(r){let e=XC(r);return t=>{let i=e.process(t,{parser:JC,from:void 0});return ZC(i)}}});var th=x((VI,eh)=>{u();var e_=Po(),t_=Wn(),r_=Xd(),i_=Jd();eh.exports={objectify:e_,parse:t_,async:r_,sync:i_}});var or,rh,HI,WI,GI,QI,ih=P(()=>{u();or=pe(th()),rh=or.default,HI=or.default.objectify,WI=or.default.parse,GI=or.default.async,QI=or.default.sync});function lr(r){return Array.isArray(r)?r.flatMap(e=>ee([(0,nh.default)({bubble:["screen"]})]).process(e,{parser:rh}).root.nodes):lr([r])}var nh,qo=P(()=>{u();Ot();nh=pe(Bd());ih()});function ur(r,e,t=!1){if(r==="")return e;let i=typeof e=="string"?(0,sh.default)().astSync(e):e;return i.walkClasses(n=>{let s=n.value,a=t&&s.startsWith("-");n.value=a?`-${r}${s.slice(1)}`:`${r}${s}`}),typeof e=="string"?i.toString():i}var sh,Gn=P(()=>{u();sh=pe(it())});function Te(r){let e=ah.default.className();return e.value=r,jt(e?.raws?.value??e.value)}var ah,fr=P(()=>{u();ah=pe(it());Zi()});function $o(r){return jt(`.${Te(r)}`)}function Qn(r,e){return $o(Ei(r,e))}function Ei(r,e){return e==="DEFAULT"?r:e==="-"||e==="-DEFAULT"?`-${r}`:e.startsWith("-")?`-${r}${e}`:e.startsWith("/")?`${r}${e}`:`${r}-${e}`}var Lo=P(()=>{u();fr();Zi()});function L(r,e=[[r,[r]]],{filterDefault:t=!1,...i}={}){let n=mt(r);return function({matchUtilities:s,theme:a}){for(let o of e){let l=Array.isArray(o[0])?o:[o];s(l.reduce((c,[f,d])=>Object.assign(c,{[f]:p=>d.reduce((h,b)=>Array.isArray(b)?Object.assign(h,{[b[0]]:b[1]}):Object.assign(h,{[b]:n(p)}),{})}),{}),{...i,values:t?Object.fromEntries(Object.entries(a(r)??{}).filter(([c])=>c!=="DEFAULT")):a(r)})}}}var oh=P(()=>{u();Ci()});function Tt(r){return r=Array.isArray(r)?r:[r],r.map(e=>{let t=e.values.map(i=>i.raw!==void 0?i.raw:[i.min&&`(min-width: ${i.min})`,i.max&&`(max-width: ${i.max})`].filter(Boolean).join(" and "));return e.not?`not all and ${t}`:t}).join(", ")}var Yn=P(()=>{u()});function Mo(r){return r.split(f_).map(t=>{let i=t.trim(),n={value:i},s=i.split(c_),a=new Set;for(let o of s)!a.has("DIRECTIONS")&&n_.has(o)?(n.direction=o,a.add("DIRECTIONS")):!a.has("PLAY_STATES")&&s_.has(o)?(n.playState=o,a.add("PLAY_STATES")):!a.has("FILL_MODES")&&a_.has(o)?(n.fillMode=o,a.add("FILL_MODES")):!a.has("ITERATION_COUNTS")&&(o_.has(o)||p_.test(o))?(n.iterationCount=o,a.add("ITERATION_COUNTS")):!a.has("TIMING_FUNCTION")&&l_.has(o)||!a.has("TIMING_FUNCTION")&&u_.some(l=>o.startsWith(`${l}(`))?(n.timingFunction=o,a.add("TIMING_FUNCTION")):!a.has("DURATION")&&lh.test(o)?(n.duration=o,a.add("DURATION")):!a.has("DELAY")&&lh.test(o)?(n.delay=o,a.add("DELAY")):a.has("NAME")?(n.unknown||(n.unknown=[]),n.unknown.push(o)):(n.name=o,a.add("NAME"));return n})}var n_,s_,a_,o_,l_,u_,f_,c_,lh,p_,uh=P(()=>{u();n_=new Set(["normal","reverse","alternate","alternate-reverse"]),s_=new Set(["running","paused"]),a_=new Set(["none","forwards","backwards","both"]),o_=new Set(["infinite"]),l_=new Set(["linear","ease","ease-in","ease-out","ease-in-out","step-start","step-end"]),u_=["cubic-bezier","steps"],f_=/\,(?![^(]*\))/g,c_=/\ +(?![^(]*\))/g,lh=/^(-?[\d.]+m?s)$/,p_=/^(\d+)$/});var fh,xe,ch=P(()=>{u();fh=r=>Object.assign({},...Object.entries(r??{}).flatMap(([e,t])=>typeof t=="object"?Object.entries(fh(t)).map(([i,n])=>({[e+(i==="DEFAULT"?"":`-${i}`)]:n})):[{[`${e}`]:t}])),xe=fh});var dh,ph=P(()=>{dh="3.4.17"});function Rt(r,e=!0){return Array.isArray(r)?r.map(t=>{if(e&&Array.isArray(t))throw new Error("The tuple syntax is not supported for `screens`.");if(typeof t=="string")return{name:t.toString(),not:!1,values:[{min:t,max:void 0}]};let[i,n]=t;return i=i.toString(),typeof n=="string"?{name:i,not:!1,values:[{min:n,max:void 0}]}:Array.isArray(n)?{name:i,not:!1,values:n.map(s=>mh(s))}:{name:i,not:!1,values:[mh(n)]}}):Rt(Object.entries(r??{}),!1)}function Kn(r){return r.values.length!==1?{result:!1,reason:"multiple-values"}:r.values[0].raw!==void 0?{result:!1,reason:"raw-values"}:r.values[0].min!==void 0&&r.values[0].max!==void 0?{result:!1,reason:"min-and-max"}:{result:!0,reason:null}}function hh(r,e,t){let i=Xn(e,r),n=Xn(t,r),s=Kn(i),a=Kn(n);if(s.reason==="multiple-values"||a.reason==="multiple-values")throw new Error("Attempted to sort a screen with multiple values. This should never happen. Please open a bug report.");if(s.reason==="raw-values"||a.reason==="raw-values")throw new Error("Attempted to sort a screen with raw values. This should never happen. Please open a bug report.");if(s.reason==="min-and-max"||a.reason==="min-and-max")throw new Error("Attempted to sort a screen with both min and max values. This should never happen. Please open a bug report.");let{min:o,max:l}=i.values[0],{min:c,max:f}=n.values[0];e.not&&([o,l]=[l,o]),t.not&&([c,f]=[f,c]),o=o===void 0?o:parseFloat(o),l=l===void 0?l:parseFloat(l),c=c===void 0?c:parseFloat(c),f=f===void 0?f:parseFloat(f);let[d,p]=r==="min"?[o,c]:[f,l];return d-p}function Xn(r,e){return typeof r=="object"?r:{name:"arbitrary-screen",values:[{[e]:r}]}}function mh({"min-width":r,min:e=r,max:t,raw:i}={}){return{min:e,max:t,raw:i}}var Zn=P(()=>{u()});function Jn(r,e){r.walkDecls(t=>{if(e.includes(t.prop)){t.remove();return}for(let i of e)t.value.includes(`/ var(${i})`)?t.value=t.value.replace(`/ var(${i})`,""):t.value.includes(`/ var(${i}, 1)`)&&(t.value=t.value.replace(`/ var(${i}, 1)`,""))})}var gh=P(()=>{u()});var se,Xe,nt,ge,yh,bh=P(()=>{u();ft();et();Ot();oh();Yn();fr();uh();ch();Lr();ra();Kt();Ci();ph();Be();Zn();Ys();gh();ct();Br();Oi();se={childVariant:({addVariant:r})=>{r("*","& > *")},pseudoElementVariants:({addVariant:r})=>{r("first-letter","&::first-letter"),r("first-line","&::first-line"),r("marker",[({container:e})=>(Jn(e,["--tw-text-opacity"]),"& *::marker"),({container:e})=>(Jn(e,["--tw-text-opacity"]),"&::marker")]),r("selection",["& *::selection","&::selection"]),r("file","&::file-selector-button"),r("placeholder","&::placeholder"),r("backdrop","&::backdrop"),r("before",({container:e})=>(e.walkRules(t=>{let i=!1;t.walkDecls("content",()=>{i=!0}),i||t.prepend(ee.decl({prop:"content",value:"var(--tw-content)"}))}),"&::before")),r("after",({container:e})=>(e.walkRules(t=>{let i=!1;t.walkDecls("content",()=>{i=!0}),i||t.prepend(ee.decl({prop:"content",value:"var(--tw-content)"}))}),"&::after"))},pseudoClassVariants:({addVariant:r,matchVariant:e,config:t,prefix:i})=>{let n=[["first","&:first-child"],["last","&:last-child"],["only","&:only-child"],["odd","&:nth-child(odd)"],["even","&:nth-child(even)"],"first-of-type","last-of-type","only-of-type",["visited",({container:a})=>(Jn(a,["--tw-text-opacity","--tw-border-opacity","--tw-bg-opacity"]),"&:visited")],"target",["open","&[open]"],"default","checked","indeterminate","placeholder-shown","autofill","optional","required","valid","invalid","in-range","out-of-range","read-only","empty","focus-within",["hover",we(t(),"hoverOnlyWhenSupported")?"@media (hover: hover) and (pointer: fine) { &:hover }":"&:hover"],"focus","focus-visible","active","enabled","disabled"].map(a=>Array.isArray(a)?a:[a,`&:${a}`]);for(let[a,o]of n)r(a,l=>typeof o=="function"?o(l):o);let s={group:(a,{modifier:o})=>o?[`:merge(${i(".group")}\\/${Te(o)})`," &"]:[`:merge(${i(".group")})`," &"],peer:(a,{modifier:o})=>o?[`:merge(${i(".peer")}\\/${Te(o)})`," ~ &"]:[`:merge(${i(".peer")})`," ~ &"]};for(let[a,o]of Object.entries(s))e(a,(l="",c)=>{let f=K(typeof l=="function"?l(c):l);f.includes("&")||(f="&"+f);let[d,p]=o("",c),h=null,b=null,v=0;for(let y=0;y<f.length;++y){let w=f[y];w==="&"?h=y:w==="'"||w==='"'?v+=1:h!==null&&w===" "&&!v&&(b=y)}return h!==null&&b===null&&(b=f.length),f.slice(0,h)+d+f.slice(h+1,b)+p+f.slice(b)},{values:Object.fromEntries(n),[Pt]:{respectPrefix:!1}})},directionVariants:({addVariant:r})=>{r("ltr",'&:where([dir="ltr"], [dir="ltr"] *)'),r("rtl",'&:where([dir="rtl"], [dir="rtl"] *)')},reducedMotionVariants:({addVariant:r})=>{r("motion-safe","@media (prefers-reduced-motion: no-preference)"),r("motion-reduce","@media (prefers-reduced-motion: reduce)")},darkVariants:({config:r,addVariant:e})=>{let[t,i=".dark"]=[].concat(r("darkMode","media"));if(t===!1&&(t="media",G.warn("darkmode-false",["The `darkMode` option in your Tailwind CSS configuration is set to `false`, which now behaves the same as `media`.","Change `darkMode` to `media` or remove it entirely.","https://tailwindcss.com/docs/upgrade-guide#remove-dark-mode-configuration"])),t==="variant"){let n;if(Array.isArray(i)||typeof i=="function"?n=i:typeof i=="string"&&(n=[i]),Array.isArray(n))for(let s of n)s===".dark"?(t=!1,G.warn("darkmode-variant-without-selector",["When using `variant` for `darkMode`, you must provide a selector.",'Example: `darkMode: ["variant", ".your-selector &"]`'])):s.includes("&")||(t=!1,G.warn("darkmode-variant-without-ampersand",["When using `variant` for `darkMode`, your selector must contain `&`.",'Example `darkMode: ["variant", ".your-selector &"]`']));i=n}t==="selector"?e("dark",`&:where(${i}, ${i} *)`):t==="media"?e("dark","@media (prefers-color-scheme: dark)"):t==="variant"?e("dark",i):t==="class"&&e("dark",`&:is(${i} *)`)},printVariant:({addVariant:r})=>{r("print","@media print")},screenVariants:({theme:r,addVariant:e,matchVariant:t})=>{let i=r("screens")??{},n=Object.values(i).every(w=>typeof w=="string"),s=Rt(r("screens")),a=new Set([]);function o(w){return w.match(/(\D+)$/)?.[1]??"(none)"}function l(w){w!==void 0&&a.add(o(w))}function c(w){return l(w),a.size===1}for(let w of s)for(let k of w.values)l(k.min),l(k.max);let f=a.size<=1;function d(w){return Object.fromEntries(s.filter(k=>Kn(k).result).map(k=>{let{min:S,max:E}=k.values[0];if(w==="min"&&S!==void 0)return k;if(w==="min"&&E!==void 0)return{...k,not:!k.not};if(w==="max"&&E!==void 0)return k;if(w==="max"&&S!==void 0)return{...k,not:!k.not}}).map(k=>[k.name,k]))}function p(w){return(k,S)=>hh(w,k.value,S.value)}let h=p("max"),b=p("min");function v(w){return k=>{if(n)if(f){if(typeof k=="string"&&!c(k))return G.warn("minmax-have-mixed-units",["The `min-*` and `max-*` variants are not supported with a `screens` configuration containing mixed units."]),[]}else return G.warn("mixed-screen-units",["The `min-*` and `max-*` variants are not supported with a `screens` configuration containing mixed units."]),[];else return G.warn("complex-screen-config",["The `min-*` and `max-*` variants are not supported with a `screens` configuration containing objects."]),[];return[`@media ${Tt(Xn(k,w))}`]}}t("max",v("max"),{sort:h,values:n?d("max"):{}});let y="min-screens";for(let w of s)e(w.name,`@media ${Tt(w)}`,{id:y,sort:n&&f?b:void 0,value:w});t("min",v("min"),{id:y,sort:b})},supportsVariants:({matchVariant:r,theme:e})=>{r("supports",(t="")=>{let i=K(t),n=/^\w*\s*\(/.test(i);return i=n?i.replace(/\b(and|or|not)\b/g," $1 "):i,n?`@supports ${i}`:(i.includes(":")||(i=`${i}: var(--tw)`),i.startsWith("(")&&i.endsWith(")")||(i=`(${i})`),`@supports ${i}`)},{values:e("supports")??{}})},hasVariants:({matchVariant:r,prefix:e})=>{r("has",t=>`&:has(${K(t)})`,{values:{},[Pt]:{respectPrefix:!1}}),r("group-has",(t,{modifier:i})=>i?`:merge(${e(".group")}\\/${i}):has(${K(t)}) &`:`:merge(${e(".group")}):has(${K(t)}) &`,{values:{},[Pt]:{respectPrefix:!1}}),r("peer-has",(t,{modifier:i})=>i?`:merge(${e(".peer")}\\/${i}):has(${K(t)}) ~ &`:`:merge(${e(".peer")}):has(${K(t)}) ~ &`,{values:{},[Pt]:{respectPrefix:!1}})},ariaVariants:({matchVariant:r,theme:e})=>{r("aria",t=>`&[aria-${Ye(K(t))}]`,{values:e("aria")??{}}),r("group-aria",(t,{modifier:i})=>i?`:merge(.group\\/${i})[aria-${Ye(K(t))}] &`:`:merge(.group)[aria-${Ye(K(t))}] &`,{values:e("aria")??{}}),r("peer-aria",(t,{modifier:i})=>i?`:merge(.peer\\/${i})[aria-${Ye(K(t))}] ~ &`:`:merge(.peer)[aria-${Ye(K(t))}] ~ &`,{values:e("aria")??{}})},dataVariants:({matchVariant:r,theme:e})=>{r("data",t=>`&[data-${Ye(K(t))}]`,{values:e("data")??{}}),r("group-data",(t,{modifier:i})=>i?`:merge(.group\\/${i})[data-${Ye(K(t))}] &`:`:merge(.group)[data-${Ye(K(t))}] &`,{values:e("data")??{}}),r("peer-data",(t,{modifier:i})=>i?`:merge(.peer\\/${i})[data-${Ye(K(t))}] ~ &`:`:merge(.peer)[data-${Ye(K(t))}] ~ &`,{values:e("data")??{}})},orientationVariants:({addVariant:r})=>{r("portrait","@media (orientation: portrait)"),r("landscape","@media (orientation: landscape)")},prefersContrastVariants:({addVariant:r})=>{r("contrast-more","@media (prefers-contrast: more)"),r("contrast-less","@media (prefers-contrast: less)")},forcedColorsVariants:({addVariant:r})=>{r("forced-colors","@media (forced-colors: active)")}},Xe=["translate(var(--tw-translate-x), var(--tw-translate-y))","rotate(var(--tw-rotate))","skewX(var(--tw-skew-x))","skewY(var(--tw-skew-y))","scaleX(var(--tw-scale-x))","scaleY(var(--tw-scale-y))"].join(" "),nt=["var(--tw-blur)","var(--tw-brightness)","var(--tw-contrast)","var(--tw-grayscale)","var(--tw-hue-rotate)","var(--tw-invert)","var(--tw-saturate)","var(--tw-sepia)","var(--tw-drop-shadow)"].join(" "),ge=["var(--tw-backdrop-blur)","var(--tw-backdrop-brightness)","var(--tw-backdrop-contrast)","var(--tw-backdrop-grayscale)","var(--tw-backdrop-hue-rotate)","var(--tw-backdrop-invert)","var(--tw-backdrop-opacity)","var(--tw-backdrop-saturate)","var(--tw-backdrop-sepia)"].join(" "),yh={preflight:({addBase:r})=>{let e=ee.parse(`*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:theme('borderColor.DEFAULT', currentColor)}::after,::before{--tw-content:''}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:theme('fontFamily.sans', ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:theme('fontFamily.sans[1].fontFeatureSettings', normal);font-variation-settings:theme('fontFamily.sans[1].fontVariationSettings', normal);-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:theme('fontFamily.mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:theme('fontFamily.mono[1].fontFeatureSettings', normal);font-variation-settings:theme('fontFamily.mono[1].fontVariationSettings', normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:theme('colors.gray.4', #9ca3af)}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}`);r([ee.comment({text:`! tailwindcss v${dh} | MIT License | https://tailwindcss.com`}),...e.nodes])},container:(()=>{function r(t=[]){return t.flatMap(i=>i.values.map(n=>n.min)).filter(i=>i!==void 0)}function e(t,i,n){if(typeof n=="undefined")return[];if(!(typeof n=="object"&&n!==null))return[{screen:"DEFAULT",minWidth:0,padding:n}];let s=[];n.DEFAULT&&s.push({screen:"DEFAULT",minWidth:0,padding:n.DEFAULT});for(let a of t)for(let o of i)for(let{min:l}of o.values)l===a&&s.push({minWidth:a,padding:n[o.name]});return s}return function({addComponents:t,theme:i}){let n=Rt(i("container.screens",i("screens"))),s=r(n),a=e(s,n,i("container.padding")),o=c=>{let f=a.find(d=>d.minWidth===c);return f?{paddingRight:f.padding,paddingLeft:f.padding}:{}},l=Array.from(new Set(s.slice().sort((c,f)=>parseInt(c)-parseInt(f)))).map(c=>({[`@media (min-width: ${c})`]:{".container":{"max-width":c,...o(c)}}}));t([{".container":Object.assign({width:"100%"},i("container.center",!1)?{marginRight:"auto",marginLeft:"auto"}:{},o(0))},...l])}})(),accessibility:({addUtilities:r})=>{r({".sr-only":{position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0"},".not-sr-only":{position:"static",width:"auto",height:"auto",padding:"0",margin:"0",overflow:"visible",clip:"auto",whiteSpace:"normal"}})},pointerEvents:({addUtilities:r})=>{r({".pointer-events-none":{"pointer-events":"none"},".pointer-events-auto":{"pointer-events":"auto"}})},visibility:({addUtilities:r})=>{r({".visible":{visibility:"visible"},".invisible":{visibility:"hidden"},".collapse":{visibility:"collapse"}})},position:({addUtilities:r})=>{r({".static":{position:"static"},".fixed":{position:"fixed"},".absolute":{position:"absolute"},".relative":{position:"relative"},".sticky":{position:"sticky"}})},inset:L("inset",[["inset",["inset"]],[["inset-x",["left","right"]],["inset-y",["top","bottom"]]],[["start",["inset-inline-start"]],["end",["inset-inline-end"]],["top",["top"]],["right",["right"]],["bottom",["bottom"]],["left",["left"]]]],{supportsNegativeValues:!0}),isolation:({addUtilities:r})=>{r({".isolate":{isolation:"isolate"},".isolation-auto":{isolation:"auto"}})},zIndex:L("zIndex",[["z",["zIndex"]]],{supportsNegativeValues:!0}),order:L("order",void 0,{supportsNegativeValues:!0}),gridColumn:L("gridColumn",[["col",["gridColumn"]]]),gridColumnStart:L("gridColumnStart",[["col-start",["gridColumnStart"]]],{supportsNegativeValues:!0}),gridColumnEnd:L("gridColumnEnd",[["col-end",["gridColumnEnd"]]],{supportsNegativeValues:!0}),gridRow:L("gridRow",[["row",["gridRow"]]]),gridRowStart:L("gridRowStart",[["row-start",["gridRowStart"]]],{supportsNegativeValues:!0}),gridRowEnd:L("gridRowEnd",[["row-end",["gridRowEnd"]]],{supportsNegativeValues:!0}),float:({addUtilities:r})=>{r({".float-start":{float:"inline-start"},".float-end":{float:"inline-end"},".float-right":{float:"right"},".float-left":{float:"left"},".float-none":{float:"none"}})},clear:({addUtilities:r})=>{r({".clear-start":{clear:"inline-start"},".clear-end":{clear:"inline-end"},".clear-left":{clear:"left"},".clear-right":{clear:"right"},".clear-both":{clear:"both"},".clear-none":{clear:"none"}})},margin:L("margin",[["m",["margin"]],[["mx",["margin-left","margin-right"]],["my",["margin-top","margin-bottom"]]],[["ms",["margin-inline-start"]],["me",["margin-inline-end"]],["mt",["margin-top"]],["mr",["margin-right"]],["mb",["margin-bottom"]],["ml",["margin-left"]]]],{supportsNegativeValues:!0}),boxSizing:({addUtilities:r})=>{r({".box-border":{"box-sizing":"border-box"},".box-content":{"box-sizing":"content-box"}})},lineClamp:({matchUtilities:r,addUtilities:e,theme:t})=>{r({"line-clamp":i=>({overflow:"hidden",display:"-webkit-box","-webkit-box-orient":"vertical","-webkit-line-clamp":`${i}`})},{values:t("lineClamp")}),e({".line-clamp-none":{overflow:"visible",display:"block","-webkit-box-orient":"horizontal","-webkit-line-clamp":"none"}})},display:({addUtilities:r})=>{r({".block":{display:"block"},".inline-block":{display:"inline-block"},".inline":{display:"inline"},".flex":{display:"flex"},".inline-flex":{display:"inline-flex"},".table":{display:"table"},".inline-table":{display:"inline-table"},".table-caption":{display:"table-caption"},".table-cell":{display:"table-cell"},".table-column":{display:"table-column"},".table-column-group":{display:"table-column-group"},".table-footer-group":{display:"table-footer-group"},".table-header-group":{display:"table-header-group"},".table-row-group":{display:"table-row-group"},".table-row":{display:"table-row"},".flow-root":{display:"flow-root"},".grid":{display:"grid"},".inline-grid":{display:"inline-grid"},".contents":{display:"contents"},".list-item":{display:"list-item"},".hidden":{display:"none"}})},aspectRatio:L("aspectRatio",[["aspect",["aspect-ratio"]]]),size:L("size",[["size",["width","height"]]]),height:L("height",[["h",["height"]]]),maxHeight:L("maxHeight",[["max-h",["maxHeight"]]]),minHeight:L("minHeight",[["min-h",["minHeight"]]]),width:L("width",[["w",["width"]]]),minWidth:L("minWidth",[["min-w",["minWidth"]]]),maxWidth:L("maxWidth",[["max-w",["maxWidth"]]]),flex:L("flex"),flexShrink:L("flexShrink",[["flex-shrink",["flex-shrink"]],["shrink",["flex-shrink"]]]),flexGrow:L("flexGrow",[["flex-grow",["flex-grow"]],["grow",["flex-grow"]]]),flexBasis:L("flexBasis",[["basis",["flex-basis"]]]),tableLayout:({addUtilities:r})=>{r({".table-auto":{"table-layout":"auto"},".table-fixed":{"table-layout":"fixed"}})},captionSide:({addUtilities:r})=>{r({".caption-top":{"caption-side":"top"},".caption-bottom":{"caption-side":"bottom"}})},borderCollapse:({addUtilities:r})=>{r({".border-collapse":{"border-collapse":"collapse"},".border-separate":{"border-collapse":"separate"}})},borderSpacing:({addDefaults:r,matchUtilities:e,theme:t})=>{r("border-spacing",{"--tw-border-spacing-x":0,"--tw-border-spacing-y":0}),e({"border-spacing":i=>({"--tw-border-spacing-x":i,"--tw-border-spacing-y":i,"@defaults border-spacing":{},"border-spacing":"var(--tw-border-spacing-x) var(--tw-border-spacing-y)"}),"border-spacing-x":i=>({"--tw-border-spacing-x":i,"@defaults border-spacing":{},"border-spacing":"var(--tw-border-spacing-x) var(--tw-border-spacing-y)"}),"border-spacing-y":i=>({"--tw-border-spacing-y":i,"@defaults border-spacing":{},"border-spacing":"var(--tw-border-spacing-x) var(--tw-border-spacing-y)"})},{values:t("borderSpacing")})},transformOrigin:L("transformOrigin",[["origin",["transformOrigin"]]]),translate:L("translate",[[["translate-x",[["@defaults transform",{}],"--tw-translate-x",["transform",Xe]]],["translate-y",[["@defaults transform",{}],"--tw-translate-y",["transform",Xe]]]]],{supportsNegativeValues:!0}),rotate:L("rotate",[["rotate",[["@defaults transform",{}],"--tw-rotate",["transform",Xe]]]],{supportsNegativeValues:!0}),skew:L("skew",[[["skew-x",[["@defaults transform",{}],"--tw-skew-x",["transform",Xe]]],["skew-y",[["@defaults transform",{}],"--tw-skew-y",["transform",Xe]]]]],{supportsNegativeValues:!0}),scale:L("scale",[["scale",[["@defaults transform",{}],"--tw-scale-x","--tw-scale-y",["transform",Xe]]],[["scale-x",[["@defaults transform",{}],"--tw-scale-x",["transform",Xe]]],["scale-y",[["@defaults transform",{}],"--tw-scale-y",["transform",Xe]]]]],{supportsNegativeValues:!0}),transform:({addDefaults:r,addUtilities:e})=>{r("transform",{"--tw-translate-x":"0","--tw-translate-y":"0","--tw-rotate":"0","--tw-skew-x":"0","--tw-skew-y":"0","--tw-scale-x":"1","--tw-scale-y":"1"}),e({".transform":{"@defaults transform":{},transform:Xe},".transform-cpu":{transform:Xe},".transform-gpu":{transform:Xe.replace("translate(var(--tw-translate-x), var(--tw-translate-y))","translate3d(var(--tw-translate-x), var(--tw-translate-y), 0)")},".transform-none":{transform:"none"}})},animation:({matchUtilities:r,theme:e,config:t})=>{let i=s=>Te(t("prefix")+s),n=Object.fromEntries(Object.entries(e("keyframes")??{}).map(([s,a])=>[s,{[`@keyframes ${i(s)}`]:a}]));r({animate:s=>{let a=Mo(s);return[...a.flatMap(o=>n[o.name]),{animation:a.map(({name:o,value:l})=>o===void 0||n[o]===void 0?l:l.replace(o,i(o))).join(", ")}]}},{values:e("animation")})},cursor:L("cursor"),touchAction:({addDefaults:r,addUtilities:e})=>{r("touch-action",{"--tw-pan-x":" ","--tw-pan-y":" ","--tw-pinch-zoom":" "});let t="var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)";e({".touch-auto":{"touch-action":"auto"},".touch-none":{"touch-action":"none"},".touch-pan-x":{"@defaults touch-action":{},"--tw-pan-x":"pan-x","touch-action":t},".touch-pan-left":{"@defaults touch-action":{},"--tw-pan-x":"pan-left","touch-action":t},".touch-pan-right":{"@defaults touch-action":{},"--tw-pan-x":"pan-right","touch-action":t},".touch-pan-y":{"@defaults touch-action":{},"--tw-pan-y":"pan-y","touch-action":t},".touch-pan-up":{"@defaults touch-action":{},"--tw-pan-y":"pan-up","touch-action":t},".touch-pan-down":{"@defaults touch-action":{},"--tw-pan-y":"pan-down","touch-action":t},".touch-pinch-zoom":{"@defaults touch-action":{},"--tw-pinch-zoom":"pinch-zoom","touch-action":t},".touch-manipulation":{"touch-action":"manipulation"}})},userSelect:({addUtilities:r})=>{r({".select-none":{"user-select":"none"},".select-text":{"user-select":"text"},".select-all":{"user-select":"all"},".select-auto":{"user-select":"auto"}})},resize:({addUtilities:r})=>{r({".resize-none":{resize:"none"},".resize-y":{resize:"vertical"},".resize-x":{resize:"horizontal"},".resize":{resize:"both"}})},scrollSnapType:({addDefaults:r,addUtilities:e})=>{r("scroll-snap-type",{"--tw-scroll-snap-strictness":"proximity"}),e({".snap-none":{"scroll-snap-type":"none"},".snap-x":{"@defaults scroll-snap-type":{},"scroll-snap-type":"x var(--tw-scroll-snap-strictness)"},".snap-y":{"@defaults scroll-snap-type":{},"scroll-snap-type":"y var(--tw-scroll-snap-strictness)"},".snap-both":{"@defaults scroll-snap-type":{},"scroll-snap-type":"both var(--tw-scroll-snap-strictness)"},".snap-mandatory":{"--tw-scroll-snap-strictness":"mandatory"},".snap-proximity":{"--tw-scroll-snap-strictness":"proximity"}})},scrollSnapAlign:({addUtilities:r})=>{r({".snap-start":{"scroll-snap-align":"start"},".snap-end":{"scroll-snap-align":"end"},".snap-center":{"scroll-snap-align":"center"},".snap-align-none":{"scroll-snap-align":"none"}})},scrollSnapStop:({addUtilities:r})=>{r({".snap-normal":{"scroll-snap-stop":"normal"},".snap-always":{"scroll-snap-stop":"always"}})},scrollMargin:L("scrollMargin",[["scroll-m",["scroll-margin"]],[["scroll-mx",["scroll-margin-left","scroll-margin-right"]],["scroll-my",["scroll-margin-top","scroll-margin-bottom"]]],[["scroll-ms",["scroll-margin-inline-start"]],["scroll-me",["scroll-margin-inline-end"]],["scroll-mt",["scroll-margin-top"]],["scroll-mr",["scroll-margin-right"]],["scroll-mb",["scroll-margin-bottom"]],["scroll-ml",["scroll-margin-left"]]]],{supportsNegativeValues:!0}),scrollPadding:L("scrollPadding",[["scroll-p",["scroll-padding"]],[["scroll-px",["scroll-padding-left","scroll-padding-right"]],["scroll-py",["scroll-padding-top","scroll-padding-bottom"]]],[["scroll-ps",["scroll-padding-inline-start"]],["scroll-pe",["scroll-padding-inline-end"]],["scroll-pt",["scroll-padding-top"]],["scroll-pr",["scroll-padding-right"]],["scroll-pb",["scroll-padding-bottom"]],["scroll-pl",["scroll-padding-left"]]]]),listStylePosition:({addUtilities:r})=>{r({".list-inside":{"list-style-position":"inside"},".list-outside":{"list-style-position":"outside"}})},listStyleType:L("listStyleType",[["list",["listStyleType"]]]),listStyleImage:L("listStyleImage",[["list-image",["listStyleImage"]]]),appearance:({addUtilities:r})=>{r({".appearance-none":{appearance:"none"},".appearance-auto":{appearance:"auto"}})},columns:L("columns",[["columns",["columns"]]]),breakBefore:({addUtilities:r})=>{r({".break-before-auto":{"break-before":"auto"},".break-before-avoid":{"break-before":"avoid"},".break-before-all":{"break-before":"all"},".break-before-avoid-page":{"break-before":"avoid-page"},".break-before-page":{"break-before":"page"},".break-before-left":{"break-before":"left"},".break-before-right":{"break-before":"right"},".break-before-column":{"break-before":"column"}})},breakInside:({addUtilities:r})=>{r({".break-inside-auto":{"break-inside":"auto"},".break-inside-avoid":{"break-inside":"avoid"},".break-inside-avoid-page":{"break-inside":"avoid-page"},".break-inside-avoid-column":{"break-inside":"avoid-column"}})},breakAfter:({addUtilities:r})=>{r({".break-after-auto":{"break-after":"auto"},".break-after-avoid":{"break-after":"avoid"},".break-after-all":{"break-after":"all"},".break-after-avoid-page":{"break-after":"avoid-page"},".break-after-page":{"break-after":"page"},".break-after-left":{"break-after":"left"},".break-after-right":{"break-after":"right"},".break-after-column":{"break-after":"column"}})},gridAutoColumns:L("gridAutoColumns",[["auto-cols",["gridAutoColumns"]]]),gridAutoFlow:({addUtilities:r})=>{r({".grid-flow-row":{gridAutoFlow:"row"},".grid-flow-col":{gridAutoFlow:"column"},".grid-flow-dense":{gridAutoFlow:"dense"},".grid-flow-row-dense":{gridAutoFlow:"row dense"},".grid-flow-col-dense":{gridAutoFlow:"column dense"}})},gridAutoRows:L("gridAutoRows",[["auto-rows",["gridAutoRows"]]]),gridTemplateColumns:L("gridTemplateColumns",[["grid-cols",["gridTemplateColumns"]]]),gridTemplateRows:L("gridTemplateRows",[["grid-rows",["gridTemplateRows"]]]),flexDirection:({addUtilities:r})=>{r({".flex-row":{"flex-direction":"row"},".flex-row-reverse":{"flex-direction":"row-reverse"},".flex-col":{"flex-direction":"column"},".flex-col-reverse":{"flex-direction":"column-reverse"}})},flexWrap:({addUtilities:r})=>{r({".flex-wrap":{"flex-wrap":"wrap"},".flex-wrap-reverse":{"flex-wrap":"wrap-reverse"},".flex-nowrap":{"flex-wrap":"nowrap"}})},placeContent:({addUtilities:r})=>{r({".place-content-center":{"place-content":"center"},".place-content-start":{"place-content":"start"},".place-content-end":{"place-content":"end"},".place-content-between":{"place-content":"space-between"},".place-content-around":{"place-content":"space-around"},".place-content-evenly":{"place-content":"space-evenly"},".place-content-baseline":{"place-content":"baseline"},".place-content-stretch":{"place-content":"stretch"}})},placeItems:({addUtilities:r})=>{r({".place-items-start":{"place-items":"start"},".place-items-end":{"place-items":"end"},".place-items-center":{"place-items":"center"},".place-items-baseline":{"place-items":"baseline"},".place-items-stretch":{"place-items":"stretch"}})},alignContent:({addUtilities:r})=>{r({".content-normal":{"align-content":"normal"},".content-center":{"align-content":"center"},".content-start":{"align-content":"flex-start"},".content-end":{"align-content":"flex-end"},".content-between":{"align-content":"space-between"},".content-around":{"align-content":"space-around"},".content-evenly":{"align-content":"space-evenly"},".content-baseline":{"align-content":"baseline"},".content-stretch":{"align-content":"stretch"}})},alignItems:({addUtilities:r})=>{r({".items-start":{"align-items":"flex-start"},".items-end":{"align-items":"flex-end"},".items-center":{"align-items":"center"},".items-baseline":{"align-items":"baseline"},".items-stretch":{"align-items":"stretch"}})},justifyContent:({addUtilities:r})=>{r({".justify-normal":{"justify-content":"normal"},".justify-start":{"justify-content":"flex-start"},".justify-end":{"justify-content":"flex-end"},".justify-center":{"justify-content":"center"},".justify-between":{"justify-content":"space-between"},".justify-around":{"justify-content":"space-around"},".justify-evenly":{"justify-content":"space-evenly"},".justify-stretch":{"justify-content":"stretch"}})},justifyItems:({addUtilities:r})=>{r({".justify-items-start":{"justify-items":"start"},".justify-items-end":{"justify-items":"end"},".justify-items-center":{"justify-items":"center"},".justify-items-stretch":{"justify-items":"stretch"}})},gap:L("gap",[["gap",["gap"]],[["gap-x",["columnGap"]],["gap-y",["rowGap"]]]]),space:({matchUtilities:r,addUtilities:e,theme:t})=>{r({"space-x":i=>(i=i==="0"?"0px":i,{"& > :not([hidden]) ~ :not([hidden])":{"--tw-space-x-reverse":"0","margin-right":`calc(${i} * var(--tw-space-x-reverse))`,"margin-left":`calc(${i} * calc(1 - var(--tw-space-x-reverse)))`}}),"space-y":i=>(i=i==="0"?"0px":i,{"& > :not([hidden]) ~ :not([hidden])":{"--tw-space-y-reverse":"0","margin-top":`calc(${i} * calc(1 - var(--tw-space-y-reverse)))`,"margin-bottom":`calc(${i} * var(--tw-space-y-reverse))`}})},{values:t("space"),supportsNegativeValues:!0}),e({".space-y-reverse > :not([hidden]) ~ :not([hidden])":{"--tw-space-y-reverse":"1"},".space-x-reverse > :not([hidden]) ~ :not([hidden])":{"--tw-space-x-reverse":"1"}})},divideWidth:({matchUtilities:r,addUtilities:e,theme:t})=>{r({"divide-x":i=>(i=i==="0"?"0px":i,{"& > :not([hidden]) ~ :not([hidden])":{"@defaults border-width":{},"--tw-divide-x-reverse":"0","border-right-width":`calc(${i} * var(--tw-divide-x-reverse))`,"border-left-width":`calc(${i} * calc(1 - var(--tw-divide-x-reverse)))`}}),"divide-y":i=>(i=i==="0"?"0px":i,{"& > :not([hidden]) ~ :not([hidden])":{"@defaults border-width":{},"--tw-divide-y-reverse":"0","border-top-width":`calc(${i} * calc(1 - var(--tw-divide-y-reverse)))`,"border-bottom-width":`calc(${i} * var(--tw-divide-y-reverse))`}})},{values:t("divideWidth"),type:["line-width","length","any"]}),e({".divide-y-reverse > :not([hidden]) ~ :not([hidden])":{"@defaults border-width":{},"--tw-divide-y-reverse":"1"},".divide-x-reverse > :not([hidden]) ~ :not([hidden])":{"@defaults border-width":{},"--tw-divide-x-reverse":"1"}})},divideStyle:({addUtilities:r})=>{r({".divide-solid > :not([hidden]) ~ :not([hidden])":{"border-style":"solid"},".divide-dashed > :not([hidden]) ~ :not([hidden])":{"border-style":"dashed"},".divide-dotted > :not([hidden]) ~ :not([hidden])":{"border-style":"dotted"},".divide-double > :not([hidden]) ~ :not([hidden])":{"border-style":"double"},".divide-none > :not([hidden]) ~ :not([hidden])":{"border-style":"none"}})},divideColor:({matchUtilities:r,theme:e,corePlugins:t})=>{r({divide:i=>t("divideOpacity")?{["& > :not([hidden]) ~ :not([hidden])"]:Ae({color:i,property:"border-color",variable:"--tw-divide-opacity"})}:{["& > :not([hidden]) ~ :not([hidden])"]:{"border-color":X(i)}}},{values:(({DEFAULT:i,...n})=>n)(xe(e("divideColor"))),type:["color","any"]})},divideOpacity:({matchUtilities:r,theme:e})=>{r({"divide-opacity":t=>({["& > :not([hidden]) ~ :not([hidden])"]:{"--tw-divide-opacity":t}})},{values:e("divideOpacity")})},placeSelf:({addUtilities:r})=>{r({".place-self-auto":{"place-self":"auto"},".place-self-start":{"place-self":"start"},".place-self-end":{"place-self":"end"},".place-self-center":{"place-self":"center"},".place-self-stretch":{"place-self":"stretch"}})},alignSelf:({addUtilities:r})=>{r({".self-auto":{"align-self":"auto"},".self-start":{"align-self":"flex-start"},".self-end":{"align-self":"flex-end"},".self-center":{"align-self":"center"},".self-stretch":{"align-self":"stretch"},".self-baseline":{"align-self":"baseline"}})},justifySelf:({addUtilities:r})=>{r({".justify-self-auto":{"justify-self":"auto"},".justify-self-start":{"justify-self":"start"},".justify-self-end":{"justify-self":"end"},".justify-self-center":{"justify-self":"center"},".justify-self-stretch":{"justify-self":"stretch"}})},overflow:({addUtilities:r})=>{r({".overflow-auto":{overflow:"auto"},".overflow-hidden":{overflow:"hidden"},".overflow-clip":{overflow:"clip"},".overflow-visible":{overflow:"visible"},".overflow-scroll":{overflow:"scroll"},".overflow-x-auto":{"overflow-x":"auto"},".overflow-y-auto":{"overflow-y":"auto"},".overflow-x-hidden":{"overflow-x":"hidden"},".overflow-y-hidden":{"overflow-y":"hidden"},".overflow-x-clip":{"overflow-x":"clip"},".overflow-y-clip":{"overflow-y":"clip"},".overflow-x-visible":{"overflow-x":"visible"},".overflow-y-visible":{"overflow-y":"visible"},".overflow-x-scroll":{"overflow-x":"scroll"},".overflow-y-scroll":{"overflow-y":"scroll"}})},overscrollBehavior:({addUtilities:r})=>{r({".overscroll-auto":{"overscroll-behavior":"auto"},".overscroll-contain":{"overscroll-behavior":"contain"},".overscroll-none":{"overscroll-behavior":"none"},".overscroll-y-auto":{"overscroll-behavior-y":"auto"},".overscroll-y-contain":{"overscroll-behavior-y":"contain"},".overscroll-y-none":{"overscroll-behavior-y":"none"},".overscroll-x-auto":{"overscroll-behavior-x":"auto"},".overscroll-x-contain":{"overscroll-behavior-x":"contain"},".overscroll-x-none":{"overscroll-behavior-x":"none"}})},scrollBehavior:({addUtilities:r})=>{r({".scroll-auto":{"scroll-behavior":"auto"},".scroll-smooth":{"scroll-behavior":"smooth"}})},textOverflow:({addUtilities:r})=>{r({".truncate":{overflow:"hidden","text-overflow":"ellipsis","white-space":"nowrap"},".overflow-ellipsis":{"text-overflow":"ellipsis"},".text-ellipsis":{"text-overflow":"ellipsis"},".text-clip":{"text-overflow":"clip"}})},hyphens:({addUtilities:r})=>{r({".hyphens-none":{hyphens:"none"},".hyphens-manual":{hyphens:"manual"},".hyphens-auto":{hyphens:"auto"}})},whitespace:({addUtilities:r})=>{r({".whitespace-normal":{"white-space":"normal"},".whitespace-nowrap":{"white-space":"nowrap"},".whitespace-pre":{"white-space":"pre"},".whitespace-pre-line":{"white-space":"pre-line"},".whitespace-pre-wrap":{"white-space":"pre-wrap"},".whitespace-break-spaces":{"white-space":"break-spaces"}})},textWrap:({addUtilities:r})=>{r({".text-wrap":{"text-wrap":"wrap"},".text-nowrap":{"text-wrap":"nowrap"},".text-balance":{"text-wrap":"balance"},".text-pretty":{"text-wrap":"pretty"}})},wordBreak:({addUtilities:r})=>{r({".break-normal":{"overflow-wrap":"normal","word-break":"normal"},".break-words":{"overflow-wrap":"break-word"},".break-all":{"word-break":"break-all"},".break-keep":{"word-break":"keep-all"}})},borderRadius:L("borderRadius",[["rounded",["border-radius"]],[["rounded-s",["border-start-start-radius","border-end-start-radius"]],["rounded-e",["border-start-end-radius","border-end-end-radius"]],["rounded-t",["border-top-left-radius","border-top-right-radius"]],["rounded-r",["border-top-right-radius","border-bottom-right-radius"]],["rounded-b",["border-bottom-right-radius","border-bottom-left-radius"]],["rounded-l",["border-top-left-radius","border-bottom-left-radius"]]],[["rounded-ss",["border-start-start-radius"]],["rounded-se",["border-start-end-radius"]],["rounded-ee",["border-end-end-radius"]],["rounded-es",["border-end-start-radius"]],["rounded-tl",["border-top-left-radius"]],["rounded-tr",["border-top-right-radius"]],["rounded-br",["border-bottom-right-radius"]],["rounded-bl",["border-bottom-left-radius"]]]]),borderWidth:L("borderWidth",[["border",[["@defaults border-width",{}],"border-width"]],[["border-x",[["@defaults border-width",{}],"border-left-width","border-right-width"]],["border-y",[["@defaults border-width",{}],"border-top-width","border-bottom-width"]]],[["border-s",[["@defaults border-width",{}],"border-inline-start-width"]],["border-e",[["@defaults border-width",{}],"border-inline-end-width"]],["border-t",[["@defaults border-width",{}],"border-top-width"]],["border-r",[["@defaults border-width",{}],"border-right-width"]],["border-b",[["@defaults border-width",{}],"border-bottom-width"]],["border-l",[["@defaults border-width",{}],"border-left-width"]]]],{type:["line-width","length"]}),borderStyle:({addUtilities:r})=>{r({".border-solid":{"border-style":"solid"},".border-dashed":{"border-style":"dashed"},".border-dotted":{"border-style":"dotted"},".border-double":{"border-style":"double"},".border-hidden":{"border-style":"hidden"},".border-none":{"border-style":"none"}})},borderColor:({matchUtilities:r,theme:e,corePlugins:t})=>{r({border:i=>t("borderOpacity")?Ae({color:i,property:"border-color",variable:"--tw-border-opacity"}):{"border-color":X(i)}},{values:(({DEFAULT:i,...n})=>n)(xe(e("borderColor"))),type:["color","any"]}),r({"border-x":i=>t("borderOpacity")?Ae({color:i,property:["border-left-color","border-right-color"],variable:"--tw-border-opacity"}):{"border-left-color":X(i),"border-right-color":X(i)},"border-y":i=>t("borderOpacity")?Ae({color:i,property:["border-top-color","border-bottom-color"],variable:"--tw-border-opacity"}):{"border-top-color":X(i),"border-bottom-color":X(i)}},{values:(({DEFAULT:i,...n})=>n)(xe(e("borderColor"))),type:["color","any"]}),r({"border-s":i=>t("borderOpacity")?Ae({color:i,property:"border-inline-start-color",variable:"--tw-border-opacity"}):{"border-inline-start-color":X(i)},"border-e":i=>t("borderOpacity")?Ae({color:i,property:"border-inline-end-color",variable:"--tw-border-opacity"}):{"border-inline-end-color":X(i)},"border-t":i=>t("borderOpacity")?Ae({color:i,property:"border-top-color",variable:"--tw-border-opacity"}):{"border-top-color":X(i)},"border-r":i=>t("borderOpacity")?Ae({color:i,property:"border-right-color",variable:"--tw-border-opacity"}):{"border-right-color":X(i)},"border-b":i=>t("borderOpacity")?Ae({color:i,property:"border-bottom-color",variable:"--tw-border-opacity"}):{"border-bottom-color":X(i)},"border-l":i=>t("borderOpacity")?Ae({color:i,property:"border-left-color",variable:"--tw-border-opacity"}):{"border-left-color":X(i)}},{values:(({DEFAULT:i,...n})=>n)(xe(e("borderColor"))),type:["color","any"]})},borderOpacity:L("borderOpacity",[["border-opacity",["--tw-border-opacity"]]]),backgroundColor:({matchUtilities:r,theme:e,corePlugins:t})=>{r({bg:i=>t("backgroundOpacity")?Ae({color:i,property:"background-color",variable:"--tw-bg-opacity"}):{"background-color":X(i)}},{values:xe(e("backgroundColor")),type:["color","any"]})},backgroundOpacity:L("backgroundOpacity",[["bg-opacity",["--tw-bg-opacity"]]]),backgroundImage:L("backgroundImage",[["bg",["background-image"]]],{type:["lookup","image","url"]}),gradientColorStops:(()=>{function r(e){return Je(e,0,"rgb(255 255 255 / 0)")}return function({matchUtilities:e,theme:t,addDefaults:i}){i("gradient-color-stops",{"--tw-gradient-from-position":" ","--tw-gradient-via-position":" ","--tw-gradient-to-position":" "});let n={values:xe(t("gradientColorStops")),type:["color","any"]},s={values:t("gradientColorStopPositions"),type:["length","percentage"]};e({from:a=>{let o=r(a);return{"@defaults gradient-color-stops":{},"--tw-gradient-from":`${X(a)} var(--tw-gradient-from-position)`,"--tw-gradient-to":`${o} var(--tw-gradient-to-position)`,"--tw-gradient-stops":"var(--tw-gradient-from), var(--tw-gradient-to)"}}},n),e({from:a=>({"--tw-gradient-from-position":a})},s),e({via:a=>{let o=r(a);return{"@defaults gradient-color-stops":{},"--tw-gradient-to":`${o}  var(--tw-gradient-to-position)`,"--tw-gradient-stops":`var(--tw-gradient-from), ${X(a)} var(--tw-gradient-via-position), var(--tw-gradient-to)`}}},n),e({via:a=>({"--tw-gradient-via-position":a})},s),e({to:a=>({"@defaults gradient-color-stops":{},"--tw-gradient-to":`${X(a)} var(--tw-gradient-to-position)`})},n),e({to:a=>({"--tw-gradient-to-position":a})},s)}})(),boxDecorationBreak:({addUtilities:r})=>{r({".decoration-slice":{"box-decoration-break":"slice"},".decoration-clone":{"box-decoration-break":"clone"},".box-decoration-slice":{"box-decoration-break":"slice"},".box-decoration-clone":{"box-decoration-break":"clone"}})},backgroundSize:L("backgroundSize",[["bg",["background-size"]]],{type:["lookup","length","percentage","size"]}),backgroundAttachment:({addUtilities:r})=>{r({".bg-fixed":{"background-attachment":"fixed"},".bg-local":{"background-attachment":"local"},".bg-scroll":{"background-attachment":"scroll"}})},backgroundClip:({addUtilities:r})=>{r({".bg-clip-border":{"background-clip":"border-box"},".bg-clip-padding":{"background-clip":"padding-box"},".bg-clip-content":{"background-clip":"content-box"},".bg-clip-text":{"background-clip":"text"}})},backgroundPosition:L("backgroundPosition",[["bg",["background-position"]]],{type:["lookup",["position",{preferOnConflict:!0}]]}),backgroundRepeat:({addUtilities:r})=>{r({".bg-repeat":{"background-repeat":"repeat"},".bg-no-repeat":{"background-repeat":"no-repeat"},".bg-repeat-x":{"background-repeat":"repeat-x"},".bg-repeat-y":{"background-repeat":"repeat-y"},".bg-repeat-round":{"background-repeat":"round"},".bg-repeat-space":{"background-repeat":"space"}})},backgroundOrigin:({addUtilities:r})=>{r({".bg-origin-border":{"background-origin":"border-box"},".bg-origin-padding":{"background-origin":"padding-box"},".bg-origin-content":{"background-origin":"content-box"}})},fill:({matchUtilities:r,theme:e})=>{r({fill:t=>({fill:X(t)})},{values:xe(e("fill")),type:["color","any"]})},stroke:({matchUtilities:r,theme:e})=>{r({stroke:t=>({stroke:X(t)})},{values:xe(e("stroke")),type:["color","url","any"]})},strokeWidth:L("strokeWidth",[["stroke",["stroke-width"]]],{type:["length","number","percentage"]}),objectFit:({addUtilities:r})=>{r({".object-contain":{"object-fit":"contain"},".object-cover":{"object-fit":"cover"},".object-fill":{"object-fit":"fill"},".object-none":{"object-fit":"none"},".object-scale-down":{"object-fit":"scale-down"}})},objectPosition:L("objectPosition",[["object",["object-position"]]]),padding:L("padding",[["p",["padding"]],[["px",["padding-left","padding-right"]],["py",["padding-top","padding-bottom"]]],[["ps",["padding-inline-start"]],["pe",["padding-inline-end"]],["pt",["padding-top"]],["pr",["padding-right"]],["pb",["padding-bottom"]],["pl",["padding-left"]]]]),textAlign:({addUtilities:r})=>{r({".text-left":{"text-align":"left"},".text-center":{"text-align":"center"},".text-right":{"text-align":"right"},".text-justify":{"text-align":"justify"},".text-start":{"text-align":"start"},".text-end":{"text-align":"end"}})},textIndent:L("textIndent",[["indent",["text-indent"]]],{supportsNegativeValues:!0}),verticalAlign:({addUtilities:r,matchUtilities:e})=>{r({".align-baseline":{"vertical-align":"baseline"},".align-top":{"vertical-align":"top"},".align-middle":{"vertical-align":"middle"},".align-bottom":{"vertical-align":"bottom"},".align-text-top":{"vertical-align":"text-top"},".align-text-bottom":{"vertical-align":"text-bottom"},".align-sub":{"vertical-align":"sub"},".align-super":{"vertical-align":"super"}}),e({align:t=>({"vertical-align":t})})},fontFamily:({matchUtilities:r,theme:e})=>{r({font:t=>{let[i,n={}]=Array.isArray(t)&&ke(t[1])?t:[t],{fontFeatureSettings:s,fontVariationSettings:a}=n;return{"font-family":Array.isArray(i)?i.join(", "):i,...s===void 0?{}:{"font-feature-settings":s},...a===void 0?{}:{"font-variation-settings":a}}}},{values:e("fontFamily"),type:["lookup","generic-name","family-name"]})},fontSize:({matchUtilities:r,theme:e})=>{r({text:(t,{modifier:i})=>{let[n,s]=Array.isArray(t)?t:[t];if(i)return{"font-size":n,"line-height":i};let{lineHeight:a,letterSpacing:o,fontWeight:l}=ke(s)?s:{lineHeight:s};return{"font-size":n,...a===void 0?{}:{"line-height":a},...o===void 0?{}:{"letter-spacing":o},...l===void 0?{}:{"font-weight":l}}}},{values:e("fontSize"),modifiers:e("lineHeight"),type:["absolute-size","relative-size","length","percentage"]})},fontWeight:L("fontWeight",[["font",["fontWeight"]]],{type:["lookup","number","any"]}),textTransform:({addUtilities:r})=>{r({".uppercase":{"text-transform":"uppercase"},".lowercase":{"text-transform":"lowercase"},".capitalize":{"text-transform":"capitalize"},".normal-case":{"text-transform":"none"}})},fontStyle:({addUtilities:r})=>{r({".italic":{"font-style":"italic"},".not-italic":{"font-style":"normal"}})},fontVariantNumeric:({addDefaults:r,addUtilities:e})=>{let t="var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)";r("font-variant-numeric",{"--tw-ordinal":" ","--tw-slashed-zero":" ","--tw-numeric-figure":" ","--tw-numeric-spacing":" ","--tw-numeric-fraction":" "}),e({".normal-nums":{"font-variant-numeric":"normal"},".ordinal":{"@defaults font-variant-numeric":{},"--tw-ordinal":"ordinal","font-variant-numeric":t},".slashed-zero":{"@defaults font-variant-numeric":{},"--tw-slashed-zero":"slashed-zero","font-variant-numeric":t},".lining-nums":{"@defaults font-variant-numeric":{},"--tw-numeric-figure":"lining-nums","font-variant-numeric":t},".oldstyle-nums":{"@defaults font-variant-numeric":{},"--tw-numeric-figure":"oldstyle-nums","font-variant-numeric":t},".proportional-nums":{"@defaults font-variant-numeric":{},"--tw-numeric-spacing":"proportional-nums","font-variant-numeric":t},".tabular-nums":{"@defaults font-variant-numeric":{},"--tw-numeric-spacing":"tabular-nums","font-variant-numeric":t},".diagonal-fractions":{"@defaults font-variant-numeric":{},"--tw-numeric-fraction":"diagonal-fractions","font-variant-numeric":t},".stacked-fractions":{"@defaults font-variant-numeric":{},"--tw-numeric-fraction":"stacked-fractions","font-variant-numeric":t}})},lineHeight:L("lineHeight",[["leading",["lineHeight"]]]),letterSpacing:L("letterSpacing",[["tracking",["letterSpacing"]]],{supportsNegativeValues:!0}),textColor:({matchUtilities:r,theme:e,corePlugins:t})=>{r({text:i=>t("textOpacity")?Ae({color:i,property:"color",variable:"--tw-text-opacity"}):{color:X(i)}},{values:xe(e("textColor")),type:["color","any"]})},textOpacity:L("textOpacity",[["text-opacity",["--tw-text-opacity"]]]),textDecoration:({addUtilities:r})=>{r({".underline":{"text-decoration-line":"underline"},".overline":{"text-decoration-line":"overline"},".line-through":{"text-decoration-line":"line-through"},".no-underline":{"text-decoration-line":"none"}})},textDecorationColor:({matchUtilities:r,theme:e})=>{r({decoration:t=>({"text-decoration-color":X(t)})},{values:xe(e("textDecorationColor")),type:["color","any"]})},textDecorationStyle:({addUtilities:r})=>{r({".decoration-solid":{"text-decoration-style":"solid"},".decoration-double":{"text-decoration-style":"double"},".decoration-dotted":{"text-decoration-style":"dotted"},".decoration-dashed":{"text-decoration-style":"dashed"},".decoration-wavy":{"text-decoration-style":"wavy"}})},textDecorationThickness:L("textDecorationThickness",[["decoration",["text-decoration-thickness"]]],{type:["length","percentage"]}),textUnderlineOffset:L("textUnderlineOffset",[["underline-offset",["text-underline-offset"]]],{type:["length","percentage","any"]}),fontSmoothing:({addUtilities:r})=>{r({".antialiased":{"-webkit-font-smoothing":"antialiased","-moz-osx-font-smoothing":"grayscale"},".subpixel-antialiased":{"-webkit-font-smoothing":"auto","-moz-osx-font-smoothing":"auto"}})},placeholderColor:({matchUtilities:r,theme:e,corePlugins:t})=>{r({placeholder:i=>t("placeholderOpacity")?{"&::placeholder":Ae({color:i,property:"color",variable:"--tw-placeholder-opacity"})}:{"&::placeholder":{color:X(i)}}},{values:xe(e("placeholderColor")),type:["color","any"]})},placeholderOpacity:({matchUtilities:r,theme:e})=>{r({"placeholder-opacity":t=>({["&::placeholder"]:{"--tw-placeholder-opacity":t}})},{values:e("placeholderOpacity")})},caretColor:({matchUtilities:r,theme:e})=>{r({caret:t=>({"caret-color":X(t)})},{values:xe(e("caretColor")),type:["color","any"]})},accentColor:({matchUtilities:r,theme:e})=>{r({accent:t=>({"accent-color":X(t)})},{values:xe(e("accentColor")),type:["color","any"]})},opacity:L("opacity",[["opacity",["opacity"]]]),backgroundBlendMode:({addUtilities:r})=>{r({".bg-blend-normal":{"background-blend-mode":"normal"},".bg-blend-multiply":{"background-blend-mode":"multiply"},".bg-blend-screen":{"background-blend-mode":"screen"},".bg-blend-overlay":{"background-blend-mode":"overlay"},".bg-blend-darken":{"background-blend-mode":"darken"},".bg-blend-lighten":{"background-blend-mode":"lighten"},".bg-blend-color-dodge":{"background-blend-mode":"color-dodge"},".bg-blend-color-burn":{"background-blend-mode":"color-burn"},".bg-blend-hard-light":{"background-blend-mode":"hard-light"},".bg-blend-soft-light":{"background-blend-mode":"soft-light"},".bg-blend-difference":{"background-blend-mode":"difference"},".bg-blend-exclusion":{"background-blend-mode":"exclusion"},".bg-blend-hue":{"background-blend-mode":"hue"},".bg-blend-saturation":{"background-blend-mode":"saturation"},".bg-blend-color":{"background-blend-mode":"color"},".bg-blend-luminosity":{"background-blend-mode":"luminosity"}})},mixBlendMode:({addUtilities:r})=>{r({".mix-blend-normal":{"mix-blend-mode":"normal"},".mix-blend-multiply":{"mix-blend-mode":"multiply"},".mix-blend-screen":{"mix-blend-mode":"screen"},".mix-blend-overlay":{"mix-blend-mode":"overlay"},".mix-blend-darken":{"mix-blend-mode":"darken"},".mix-blend-lighten":{"mix-blend-mode":"lighten"},".mix-blend-color-dodge":{"mix-blend-mode":"color-dodge"},".mix-blend-color-burn":{"mix-blend-mode":"color-burn"},".mix-blend-hard-light":{"mix-blend-mode":"hard-light"},".mix-blend-soft-light":{"mix-blend-mode":"soft-light"},".mix-blend-difference":{"mix-blend-mode":"difference"},".mix-blend-exclusion":{"mix-blend-mode":"exclusion"},".mix-blend-hue":{"mix-blend-mode":"hue"},".mix-blend-saturation":{"mix-blend-mode":"saturation"},".mix-blend-color":{"mix-blend-mode":"color"},".mix-blend-luminosity":{"mix-blend-mode":"luminosity"},".mix-blend-plus-darker":{"mix-blend-mode":"plus-darker"},".mix-blend-plus-lighter":{"mix-blend-mode":"plus-lighter"}})},boxShadow:(()=>{let r=mt("boxShadow"),e=["var(--tw-ring-offset-shadow, 0 0 #0000)","var(--tw-ring-shadow, 0 0 #0000)","var(--tw-shadow)"].join(", ");return function({matchUtilities:t,addDefaults:i,theme:n}){i("box-shadow",{"--tw-ring-offset-shadow":"0 0 #0000","--tw-ring-shadow":"0 0 #0000","--tw-shadow":"0 0 #0000","--tw-shadow-colored":"0 0 #0000"}),t({shadow:s=>{s=r(s);let a=en(s);for(let o of a)!o.valid||(o.color="var(--tw-shadow-color)");return{"@defaults box-shadow":{},"--tw-shadow":s==="none"?"0 0 #0000":s,"--tw-shadow-colored":s==="none"?"0 0 #0000":Lf(a),"box-shadow":e}}},{values:n("boxShadow"),type:["shadow"]})}})(),boxShadowColor:({matchUtilities:r,theme:e})=>{r({shadow:t=>({"--tw-shadow-color":X(t),"--tw-shadow":"var(--tw-shadow-colored)"})},{values:xe(e("boxShadowColor")),type:["color","any"]})},outlineStyle:({addUtilities:r})=>{r({".outline-none":{outline:"2px solid transparent","outline-offset":"2px"},".outline":{"outline-style":"solid"},".outline-dashed":{"outline-style":"dashed"},".outline-dotted":{"outline-style":"dotted"},".outline-double":{"outline-style":"double"}})},outlineWidth:L("outlineWidth",[["outline",["outline-width"]]],{type:["length","number","percentage"]}),outlineOffset:L("outlineOffset",[["outline-offset",["outline-offset"]]],{type:["length","number","percentage","any"],supportsNegativeValues:!0}),outlineColor:({matchUtilities:r,theme:e})=>{r({outline:t=>({"outline-color":X(t)})},{values:xe(e("outlineColor")),type:["color","any"]})},ringWidth:({matchUtilities:r,addDefaults:e,addUtilities:t,theme:i,config:n})=>{let s=(()=>{if(we(n(),"respectDefaultRingColorOpacity"))return i("ringColor.DEFAULT");let a=i("ringOpacity.DEFAULT","0.5");return i("ringColor")?.DEFAULT?Je(i("ringColor")?.DEFAULT,a,`rgb(147 197 253 / ${a})`):`rgb(147 197 253 / ${a})`})();e("ring-width",{"--tw-ring-inset":" ","--tw-ring-offset-width":i("ringOffsetWidth.DEFAULT","0px"),"--tw-ring-offset-color":i("ringOffsetColor.DEFAULT","#fff"),"--tw-ring-color":s,"--tw-ring-offset-shadow":"0 0 #0000","--tw-ring-shadow":"0 0 #0000","--tw-shadow":"0 0 #0000","--tw-shadow-colored":"0 0 #0000"}),r({ring:a=>({"@defaults ring-width":{},"--tw-ring-offset-shadow":"var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)","--tw-ring-shadow":`var(--tw-ring-inset) 0 0 0 calc(${a} + var(--tw-ring-offset-width)) var(--tw-ring-color)`,"box-shadow":["var(--tw-ring-offset-shadow)","var(--tw-ring-shadow)","var(--tw-shadow, 0 0 #0000)"].join(", ")})},{values:i("ringWidth"),type:"length"}),t({".ring-inset":{"@defaults ring-width":{},"--tw-ring-inset":"inset"}})},ringColor:({matchUtilities:r,theme:e,corePlugins:t})=>{r({ring:i=>t("ringOpacity")?Ae({color:i,property:"--tw-ring-color",variable:"--tw-ring-opacity"}):{"--tw-ring-color":X(i)}},{values:Object.fromEntries(Object.entries(xe(e("ringColor"))).filter(([i])=>i!=="DEFAULT")),type:["color","any"]})},ringOpacity:r=>{let{config:e}=r;return L("ringOpacity",[["ring-opacity",["--tw-ring-opacity"]]],{filterDefault:!we(e(),"respectDefaultRingColorOpacity")})(r)},ringOffsetWidth:L("ringOffsetWidth",[["ring-offset",["--tw-ring-offset-width"]]],{type:"length"}),ringOffsetColor:({matchUtilities:r,theme:e})=>{r({"ring-offset":t=>({"--tw-ring-offset-color":X(t)})},{values:xe(e("ringOffsetColor")),type:["color","any"]})},blur:({matchUtilities:r,theme:e})=>{r({blur:t=>({"--tw-blur":t.trim()===""?" ":`blur(${t})`,"@defaults filter":{},filter:nt})},{values:e("blur")})},brightness:({matchUtilities:r,theme:e})=>{r({brightness:t=>({"--tw-brightness":`brightness(${t})`,"@defaults filter":{},filter:nt})},{values:e("brightness")})},contrast:({matchUtilities:r,theme:e})=>{r({contrast:t=>({"--tw-contrast":`contrast(${t})`,"@defaults filter":{},filter:nt})},{values:e("contrast")})},dropShadow:({matchUtilities:r,theme:e})=>{r({"drop-shadow":t=>({"--tw-drop-shadow":Array.isArray(t)?t.map(i=>`drop-shadow(${i})`).join(" "):`drop-shadow(${t})`,"@defaults filter":{},filter:nt})},{values:e("dropShadow")})},grayscale:({matchUtilities:r,theme:e})=>{r({grayscale:t=>({"--tw-grayscale":`grayscale(${t})`,"@defaults filter":{},filter:nt})},{values:e("grayscale")})},hueRotate:({matchUtilities:r,theme:e})=>{r({"hue-rotate":t=>({"--tw-hue-rotate":`hue-rotate(${t})`,"@defaults filter":{},filter:nt})},{values:e("hueRotate"),supportsNegativeValues:!0})},invert:({matchUtilities:r,theme:e})=>{r({invert:t=>({"--tw-invert":`invert(${t})`,"@defaults filter":{},filter:nt})},{values:e("invert")})},saturate:({matchUtilities:r,theme:e})=>{r({saturate:t=>({"--tw-saturate":`saturate(${t})`,"@defaults filter":{},filter:nt})},{values:e("saturate")})},sepia:({matchUtilities:r,theme:e})=>{r({sepia:t=>({"--tw-sepia":`sepia(${t})`,"@defaults filter":{},filter:nt})},{values:e("sepia")})},filter:({addDefaults:r,addUtilities:e})=>{r("filter",{"--tw-blur":" ","--tw-brightness":" ","--tw-contrast":" ","--tw-grayscale":" ","--tw-hue-rotate":" ","--tw-invert":" ","--tw-saturate":" ","--tw-sepia":" ","--tw-drop-shadow":" "}),e({".filter":{"@defaults filter":{},filter:nt},".filter-none":{filter:"none"}})},backdropBlur:({matchUtilities:r,theme:e})=>{r({"backdrop-blur":t=>({"--tw-backdrop-blur":t.trim()===""?" ":`blur(${t})`,"@defaults backdrop-filter":{},"-webkit-backdrop-filter":ge,"backdrop-filter":ge})},{values:e("backdropBlur")})},backdropBrightness:({matchUtilities:r,theme:e})=>{r({"backdrop-brightness":t=>({"--tw-backdrop-brightness":`brightness(${t})`,"@defaults backdrop-filter":{},"-webkit-backdrop-filter":ge,"backdrop-filter":ge})},{values:e("backdropBrightness")})},backdropContrast:({matchUtilities:r,theme:e})=>{r({"backdrop-contrast":t=>({"--tw-backdrop-contrast":`contrast(${t})`,"@defaults backdrop-filter":{},"-webkit-backdrop-filter":ge,"backdrop-filter":ge})},{values:e("backdropContrast")})},backdropGrayscale:({matchUtilities:r,theme:e})=>{r({"backdrop-grayscale":t=>({"--tw-backdrop-grayscale":`grayscale(${t})`,"@defaults backdrop-filter":{},"-webkit-backdrop-filter":ge,"backdrop-filter":ge})},{values:e("backdropGrayscale")})},backdropHueRotate:({matchUtilities:r,theme:e})=>{r({"backdrop-hue-rotate":t=>({"--tw-backdrop-hue-rotate":`hue-rotate(${t})`,"@defaults backdrop-filter":{},"-webkit-backdrop-filter":ge,"backdrop-filter":ge})},{values:e("backdropHueRotate"),supportsNegativeValues:!0})},backdropInvert:({matchUtilities:r,theme:e})=>{r({"backdrop-invert":t=>({"--tw-backdrop-invert":`invert(${t})`,"@defaults backdrop-filter":{},"-webkit-backdrop-filter":ge,"backdrop-filter":ge})},{values:e("backdropInvert")})},backdropOpacity:({matchUtilities:r,theme:e})=>{r({"backdrop-opacity":t=>({"--tw-backdrop-opacity":`opacity(${t})`,"@defaults backdrop-filter":{},"-webkit-backdrop-filter":ge,"backdrop-filter":ge})},{values:e("backdropOpacity")})},backdropSaturate:({matchUtilities:r,theme:e})=>{r({"backdrop-saturate":t=>({"--tw-backdrop-saturate":`saturate(${t})`,"@defaults backdrop-filter":{},"-webkit-backdrop-filter":ge,"backdrop-filter":ge})},{values:e("backdropSaturate")})},backdropSepia:({matchUtilities:r,theme:e})=>{r({"backdrop-sepia":t=>({"--tw-backdrop-sepia":`sepia(${t})`,"@defaults backdrop-filter":{},"-webkit-backdrop-filter":ge,"backdrop-filter":ge})},{values:e("backdropSepia")})},backdropFilter:({addDefaults:r,addUtilities:e})=>{r("backdrop-filter",{"--tw-backdrop-blur":" ","--tw-backdrop-brightness":" ","--tw-backdrop-contrast":" ","--tw-backdrop-grayscale":" ","--tw-backdrop-hue-rotate":" ","--tw-backdrop-invert":" ","--tw-backdrop-opacity":" ","--tw-backdrop-saturate":" ","--tw-backdrop-sepia":" "}),e({".backdrop-filter":{"@defaults backdrop-filter":{},"-webkit-backdrop-filter":ge,"backdrop-filter":ge},".backdrop-filter-none":{"-webkit-backdrop-filter":"none","backdrop-filter":"none"}})},transitionProperty:({matchUtilities:r,theme:e})=>{let t=e("transitionTimingFunction.DEFAULT"),i=e("transitionDuration.DEFAULT");r({transition:n=>({"transition-property":n,...n==="none"?{}:{"transition-timing-function":t,"transition-duration":i}})},{values:e("transitionProperty")})},transitionDelay:L("transitionDelay",[["delay",["transitionDelay"]]]),transitionDuration:L("transitionDuration",[["duration",["transitionDuration"]]],{filterDefault:!0}),transitionTimingFunction:L("transitionTimingFunction",[["ease",["transitionTimingFunction"]]],{filterDefault:!0}),willChange:L("willChange",[["will-change",["will-change"]]]),contain:({addDefaults:r,addUtilities:e})=>{let t="var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style)";r("contain",{"--tw-contain-size":" ","--tw-contain-layout":" ","--tw-contain-paint":" ","--tw-contain-style":" "}),e({".contain-none":{contain:"none"},".contain-content":{contain:"content"},".contain-strict":{contain:"strict"},".contain-size":{"@defaults contain":{},"--tw-contain-size":"size",contain:t},".contain-inline-size":{"@defaults contain":{},"--tw-contain-size":"inline-size",contain:t},".contain-layout":{"@defaults contain":{},"--tw-contain-layout":"layout",contain:t},".contain-paint":{"@defaults contain":{},"--tw-contain-paint":"paint",contain:t},".contain-style":{"@defaults contain":{},"--tw-contain-style":"style",contain:t}})},content:L("content",[["content",["--tw-content",["content","var(--tw-content)"]]]]),forcedColorAdjust:({addUtilities:r})=>{r({".forced-color-adjust-auto":{"forced-color-adjust":"auto"},".forced-color-adjust-none":{"forced-color-adjust":"none"}})}}});function h_(r){if(r===void 0)return!1;if(r==="true"||r==="1")return!0;if(r==="false"||r==="0")return!1;if(r==="*")return!0;let e=r.split(",").map(t=>t.split(":")[0]);return e.includes("-tailwindcss")?!1:!!e.includes("tailwindcss")}var Ze,wh,vh,es,No,gt,Ti,It=P(()=>{u();Ze=typeof m!="undefined"?{NODE_ENV:"production",DEBUG:h_(m.env.DEBUG)}:{NODE_ENV:"production",DEBUG:!1},wh=new Map,vh=new Map,es=new Map,No=new Map,gt=new String("*"),Ti=Symbol("__NONE__")});function cr(r){let e=[],t=!1;for(let i=0;i<r.length;i++){let n=r[i];if(n===":"&&!t&&e.length===0)return!1;if(m_.has(n)&&r[i-1]!=="\\"&&(t=!t),!t&&r[i-1]!=="\\"){if(xh.has(n))e.push(n);else if(kh.has(n)){let s=kh.get(n);if(e.length<=0||e.pop()!==s)return!1}}}return!(e.length>0)}var xh,kh,m_,Bo=P(()=>{u();xh=new Map([["{","}"],["[","]"],["(",")"]]),kh=new Map(Array.from(xh.entries()).map(([r,e])=>[e,r])),m_=new Set(['"',"'","`"])});function pr(r){let[e]=Sh(r);return e.forEach(([t,i])=>t.removeChild(i)),r.nodes.push(...e.map(([,t])=>t)),r}function Sh(r){let e=[],t=null;for(let i of r.nodes)if(i.type==="combinator")e=e.filter(([,n])=>jo(n).includes("jumpable")),t=null;else if(i.type==="pseudo"){g_(i)?(t=i,e.push([r,i,null])):t&&y_(i,t)?e.push([r,i,t]):t=null;for(let n of i.nodes??[]){let[s,a]=Sh(n);t=a||t,e.push(...s)}}return[e,t]}function Ah(r){return r.value.startsWith("::")||Fo[r.value]!==void 0}function g_(r){return Ah(r)&&jo(r).includes("terminal")}function y_(r,e){return r.type!=="pseudo"||Ah(r)?!1:jo(e).includes("actionable")}function jo(r){return Fo[r.value]??Fo.__default__}var Fo,ts=P(()=>{u();Fo={"::after":["terminal","jumpable"],"::backdrop":["terminal","jumpable"],"::before":["terminal","jumpable"],"::cue":["terminal"],"::cue-region":["terminal"],"::first-letter":["terminal","jumpable"],"::first-line":["terminal","jumpable"],"::grammar-error":["terminal"],"::marker":["terminal","jumpable"],"::part":["terminal","actionable"],"::placeholder":["terminal","jumpable"],"::selection":["terminal","jumpable"],"::slotted":["terminal"],"::spelling-error":["terminal"],"::target-text":["terminal"],"::file-selector-button":["terminal","actionable"],"::deep":["actionable"],"::v-deep":["actionable"],"::ng-deep":["actionable"],":after":["terminal","jumpable"],":before":["terminal","jumpable"],":first-letter":["terminal","jumpable"],":first-line":["terminal","jumpable"],":where":[],":is":[],":has":[],__default__:["terminal","actionable"]}});function dr(r,{context:e,candidate:t}){let i=e?.tailwindConfig.prefix??"",n=r.map(a=>{let o=(0,st.default)().astSync(a.format);return{...a,ast:a.respectPrefix?ur(i,o):o}}),s=st.default.root({nodes:[st.default.selector({nodes:[st.default.className({value:Te(t)})]})]});for(let{ast:a}of n)[s,a]=w_(s,a),a.walkNesting(o=>o.replaceWith(...s.nodes[0].nodes)),s=a;return s}function _h(r){let e=[];for(;r.prev()&&r.prev().type!=="combinator";)r=r.prev();for(;r&&r.type!=="combinator";)e.push(r),r=r.next();return e}function b_(r){return r.sort((e,t)=>e.type==="tag"&&t.type==="class"?-1:e.type==="class"&&t.type==="tag"?1:e.type==="class"&&t.type==="pseudo"&&t.value.startsWith("::")?-1:e.type==="pseudo"&&e.value.startsWith("::")&&t.type==="class"?1:r.index(e)-r.index(t)),r}function Uo(r,e){let t=!1;r.walk(i=>{if(i.type==="class"&&i.value===e)return t=!0,!1}),t||r.remove()}function rs(r,e,{context:t,candidate:i,base:n}){let s=t?.tailwindConfig?.separator??":";n=n??ve(i,s).pop();let a=(0,st.default)().astSync(r);if(a.walkClasses(f=>{f.raws&&f.value.includes(n)&&(f.raws.value=Te((0,Ch.default)(f.raws.value)))}),a.each(f=>Uo(f,n)),a.length===0)return null;let o=Array.isArray(e)?dr(e,{context:t,candidate:i}):e;if(o===null)return a.toString();let l=st.default.comment({value:"/*__simple__*/"}),c=st.default.comment({value:"/*__simple__*/"});return a.walkClasses(f=>{if(f.value!==n)return;let d=f.parent,p=o.nodes[0].nodes;if(d.nodes.length===1){f.replaceWith(...p);return}let h=_h(f);d.insertBefore(h[0],l),d.insertAfter(h[h.length-1],c);for(let v of p)d.insertBefore(h[0],v.clone());f.remove(),h=_h(l);let b=d.index(l);d.nodes.splice(b,h.length,...b_(st.default.selector({nodes:h})).nodes),l.remove(),c.remove()}),a.walkPseudos(f=>{f.value===zo&&f.replaceWith(f.nodes)}),a.each(f=>pr(f)),a.toString()}function w_(r,e){let t=[];return r.walkPseudos(i=>{i.value===zo&&t.push({pseudo:i,value:i.nodes[0].toString()})}),e.walkPseudos(i=>{if(i.value!==zo)return;let n=i.nodes[0].toString(),s=t.find(c=>c.value===n);if(!s)return;let a=[],o=i.next();for(;o&&o.type!=="combinator";)a.push(o),o=o.next();let l=o;s.pseudo.parent.insertAfter(s.pseudo,st.default.selector({nodes:a.map(c=>c.clone())})),i.remove(),a.forEach(c=>c.remove()),l&&l.type==="combinator"&&l.remove()}),[r,e]}var st,Ch,zo,Vo=P(()=>{u();st=pe(it()),Ch=pe(Pn());fr();Gn();ts();zt();zo=":merge"});function is(r,e){let t=(0,Ho.default)().astSync(r);return t.each(i=>{i.nodes.some(s=>s.type==="combinator")&&(i.nodes=[Ho.default.pseudo({value:":is",nodes:[i.clone()]})]),pr(i)}),`${e} ${t.toString()}`}var Ho,Wo=P(()=>{u();Ho=pe(it());ts()});function Go(r){return v_.transformSync(r)}function*x_(r){let e=1/0;for(;e>=0;){let t,i=!1;if(e===1/0&&r.endsWith("]")){let a=r.indexOf("[");r[a-1]==="-"?t=a-1:r[a-1]==="/"?(t=a-1,i=!0):t=-1}else e===1/0&&r.includes("/")?(t=r.lastIndexOf("/"),i=!0):t=r.lastIndexOf("-",e);if(t<0)break;let n=r.slice(0,t),s=r.slice(i?t:t+1);e=t-1,!(n===""||s==="/")&&(yield[n,s])}}function k_(r,e){if(r.length===0||e.tailwindConfig.prefix==="")return r;for(let t of r){let[i]=t;if(i.options.respectPrefix){let n=ee.root({nodes:[t[1].clone()]}),s=t[1].raws.tailwind.classCandidate;n.walkRules(a=>{let o=s.startsWith("-");a.selector=ur(e.tailwindConfig.prefix,a.selector,o)}),t[1]=n.nodes[0]}}return r}function S_(r,e){if(r.length===0)return r;let t=[];function i(n){return n.parent&&n.parent.type==="atrule"&&n.parent.name==="keyframes"}for(let[n,s]of r){let a=ee.root({nodes:[s.clone()]});a.walkRules(o=>{if(i(o))return;let l=(0,ns.default)().astSync(o.selector);l.each(c=>Uo(c,e)),Qf(l,c=>c===e?`!${c}`:c),o.selector=l.toString(),o.walkDecls(c=>c.important=!0)}),t.push([{...n,important:!0},a.nodes[0]])}return t}function A_(r,e,t){if(e.length===0)return e;let i={modifier:null,value:Ti};{let[n,...s]=ve(r,"/");if(s.length>1&&(n=n+"/"+s.slice(0,-1).join("/"),s=s.slice(-1)),s.length&&!t.variantMap.has(r)&&(r=n,i.modifier=s[0],!we(t.tailwindConfig,"generalizedModifiers")))return[]}if(r.endsWith("]")&&!r.startsWith("[")){let n=/(.)(-?)\[(.*)\]/g.exec(r);if(n){let[,s,a,o]=n;if(s==="@"&&a==="-")return[];if(s!=="@"&&a==="")return[];r=r.replace(`${a}[${o}]`,""),i.value=o}}if(Ko(r)&&!t.variantMap.has(r)){let n=t.offsets.recordVariant(r),s=K(r.slice(1,-1)),a=ve(s,",");if(a.length>1)return[];if(!a.every(ls))return[];let o=a.map((l,c)=>[t.offsets.applyParallelOffset(n,c),Ri(l.trim())]);t.variantMap.set(r,o)}if(t.variantMap.has(r)){let n=Ko(r),s=t.variantOptions.get(r)?.[Pt]??{},a=t.variantMap.get(r).slice(),o=[],l=(()=>!(n||s.respectPrefix===!1))();for(let[c,f]of e){if(c.layer==="user")continue;let d=ee.root({nodes:[f.clone()]});for(let[p,h,b]of a){let w=function(){v.raws.neededBackup||(v.raws.neededBackup=!0,v.walkRules(T=>T.raws.originalSelector=T.selector))},k=function(T){return w(),v.each(B=>{B.type==="rule"&&(B.selectors=B.selectors.map(N=>T({get className(){return Go(N)},selector:N})))}),v},v=(b??d).clone(),y=[],S=h({get container(){return w(),v},separator:t.tailwindConfig.separator,modifySelectors:k,wrap(T){let B=v.nodes;v.removeAll(),T.append(B),v.append(T)},format(T){y.push({format:T,respectPrefix:l})},args:i});if(Array.isArray(S)){for(let[T,B]of S.entries())a.push([t.offsets.applyParallelOffset(p,T),B,v.clone()]);continue}if(typeof S=="string"&&y.push({format:S,respectPrefix:l}),S===null)continue;v.raws.neededBackup&&(delete v.raws.neededBackup,v.walkRules(T=>{let B=T.raws.originalSelector;if(!B||(delete T.raws.originalSelector,B===T.selector))return;let N=T.selector,R=(0,ns.default)(F=>{F.walkClasses(Y=>{Y.value=`${r}${t.tailwindConfig.separator}${Y.value}`})}).processSync(B);y.push({format:N.replace(R,"&"),respectPrefix:l}),T.selector=B})),v.nodes[0].raws.tailwind={...v.nodes[0].raws.tailwind,parentLayer:c.layer};let E=[{...c,sort:t.offsets.applyVariantOffset(c.sort,p,Object.assign(i,t.variantOptions.get(r))),collectedFormats:(c.collectedFormats??[]).concat(y)},v.nodes[0]];o.push(E)}}return o}return[]}function Qo(r,e,t={}){return!ke(r)&&!Array.isArray(r)?[[r],t]:Array.isArray(r)?Qo(r[0],e,r[1]):(e.has(r)||e.set(r,lr(r)),[e.get(r),t])}function __(r){return C_.test(r)}function E_(r){if(!r.includes("://"))return!1;try{let e=new URL(r);return e.scheme!==""&&e.host!==""}catch(e){return!1}}function Eh(r){let e=!0;return r.walkDecls(t=>{if(!Oh(t.prop,t.value))return e=!1,!1}),e}function Oh(r,e){if(E_(`${r}:${e}`))return!1;try{return ee.parse(`a{${r}:${e}}`).toResult(),!0}catch(t){return!1}}function O_(r,e){let[,t,i]=r.match(/^\[([a-zA-Z0-9-_]+):(\S+)\]$/)??[];if(i===void 0||!__(t)||!cr(i))return null;let n=K(i,{property:t});return Oh(t,n)?[[{sort:e.offsets.arbitraryProperty(r),layer:"utilities",options:{respectImportant:!0}},()=>({[$o(r)]:{[t]:n}})]]:null}function*T_(r,e){e.candidateRuleMap.has(r)&&(yield[e.candidateRuleMap.get(r),"DEFAULT"]),yield*function*(o){o!==null&&(yield[o,"DEFAULT"])}(O_(r,e));let t=r,i=!1,n=e.tailwindConfig.prefix,s=n.length,a=t.startsWith(n)||t.startsWith(`-${n}`);t[s]==="-"&&a&&(i=!0,t=n+t.slice(s+1)),i&&e.candidateRuleMap.has(t)&&(yield[e.candidateRuleMap.get(t),"-DEFAULT"]);for(let[o,l]of x_(t))e.candidateRuleMap.has(o)&&(yield[e.candidateRuleMap.get(o),i?`-${l}`:l])}function R_(r,e){return r===gt?[gt]:ve(r,e)}function*P_(r,e){for(let t of r)t[1].raws.tailwind={...t[1].raws.tailwind,classCandidate:e,preserveSource:t[0].options?.preserveSource??!1},yield t}function*Yo(r,e){let t=e.tailwindConfig.separator,[i,...n]=R_(r,t).reverse(),s=!1;i.startsWith("!")&&(s=!0,i=i.slice(1));for(let a of T_(i,e)){let o=[],l=new Map,[c,f]=a,d=c.length===1;for(let[p,h]of c){let b=[];if(typeof h=="function")for(let v of[].concat(h(f,{isOnlyPlugin:d}))){let[y,w]=Qo(v,e.postCssNodeCache);for(let k of y)b.push([{...p,options:{...p.options,...w}},k])}else if(f==="DEFAULT"||f==="-DEFAULT"){let v=h,[y,w]=Qo(v,e.postCssNodeCache);for(let k of y)b.push([{...p,options:{...p.options,...w}},k])}if(b.length>0){let v=Array.from(ta(p.options?.types??[],f,p.options??{},e.tailwindConfig)).map(([y,w])=>w);v.length>0&&l.set(b,v),o.push(b)}}if(Ko(f)){if(o.length>1){let b=function(y){return y.length===1?y[0]:y.find(w=>{let k=l.get(w);return w.some(([{options:S},E])=>Eh(E)?S.types.some(({type:T,preferOnConflict:B})=>k.includes(T)&&B):!1)})},[p,h]=o.reduce((y,w)=>(w.some(([{options:S}])=>S.types.some(({type:E})=>E==="any"))?y[0].push(w):y[1].push(w),y),[[],[]]),v=b(h)??b(p);if(v)o=[v];else{let y=o.map(k=>new Set([...l.get(k)??[]]));for(let k of y)for(let S of k){let E=!1;for(let T of y)k!==T&&T.has(S)&&(T.delete(S),E=!0);E&&k.delete(S)}let w=[];for(let[k,S]of y.entries())for(let E of S){let T=o[k].map(([,B])=>B).flat().map(B=>B.toString().split(`
+`).slice(1,-1).map(N=>N.trim()).map(N=>`      ${N}`).join(`
+`)).join(`
+
+`);w.push(`  Use \`${r.replace("[",`[${E}:`)}\` for \`${T.trim()}\``);break}G.warn([`The class \`${r}\` is ambiguous and matches multiple utilities.`,...w,`If this is content and not a class, replace it with \`${r.replace("[","&lsqb;").replace("]","&rsqb;")}\` to silence this warning.`]);continue}}o=o.map(p=>p.filter(h=>Eh(h[1])))}o=o.flat(),o=Array.from(P_(o,i)),o=k_(o,e),s&&(o=S_(o,i));for(let p of n)o=A_(p,o,e);for(let p of o)p[1].raws.tailwind={...p[1].raws.tailwind,candidate:r},p=I_(p,{context:e,candidate:r}),p!==null&&(yield p)}}function I_(r,{context:e,candidate:t}){if(!r[0].collectedFormats)return r;let i=!0,n;try{n=dr(r[0].collectedFormats,{context:e,candidate:t})}catch{return null}let s=ee.root({nodes:[r[1].clone()]});return s.walkRules(a=>{if(!ss(a))try{let o=rs(a.selector,n,{candidate:t,context:e});if(o===null){a.remove();return}a.selector=o}catch{return i=!1,!1}}),!i||s.nodes.length===0?null:(r[1]=s.nodes[0],r)}function ss(r){return r.parent&&r.parent.type==="atrule"&&r.parent.name==="keyframes"}function D_(r){if(r===!0)return e=>{ss(e)||e.walkDecls(t=>{t.parent.type==="rule"&&!ss(t.parent)&&(t.important=!0)})};if(typeof r=="string")return e=>{ss(e)||(e.selectors=e.selectors.map(t=>is(t,r)))}}function as(r,e,t=!1){let i=[],n=D_(e.tailwindConfig.important);for(let s of r){if(e.notClassCache.has(s))continue;if(e.candidateRuleCache.has(s)){i=i.concat(Array.from(e.candidateRuleCache.get(s)));continue}let a=Array.from(Yo(s,e));if(a.length===0){e.notClassCache.add(s);continue}e.classCache.set(s,a);let o=e.candidateRuleCache.get(s)??new Set;e.candidateRuleCache.set(s,o);for(let l of a){let[{sort:c,options:f},d]=l;if(f.respectImportant&&n){let h=ee.root({nodes:[d.clone()]});h.walkRules(n),d=h.nodes[0]}let p=[c,t?d.clone():d];o.add(p),e.ruleCache.add(p),i.push(p)}}return i}function Ko(r){return r.startsWith("[")&&r.endsWith("]")}var ns,v_,C_,os=P(()=>{u();Ot();ns=pe(it());qo();Kt();Gn();Fr();Be();It();Vo();Lo();Br();Oi();Bo();zt();ct();Wo();v_=(0,ns.default)(r=>r.first.filter(({type:e})=>e==="class").pop().value);C_=/^[a-z_-]/});var Th,Rh=P(()=>{u();Th={}});function q_(r){try{return Th.createHash("md5").update(r,"utf-8").digest("binary")}catch(e){return""}}function Ph(r,e){let t=e.toString();if(!t.includes("@tailwind"))return!1;let i=No.get(r),n=q_(t),s=i!==n;return No.set(r,n),s}var Ih=P(()=>{u();Rh();It()});function us(r){return(r>0n)-(r<0n)}var Dh=P(()=>{u()});function qh(r,e){let t=0n,i=0n;for(let[n,s]of e)r&n&&(t=t|n,i=i|s);return r&~t|i}var $h=P(()=>{u()});function Lh(r){let e=null;for(let t of r)e=e??t,e=e>t?e:t;return e}function $_(r,e){let t=r.length,i=e.length,n=t<i?t:i;for(let s=0;s<n;s++){let a=r.charCodeAt(s)-e.charCodeAt(s);if(a!==0)return a}return t-i}var Xo,Mh=P(()=>{u();Dh();$h();Xo=class{constructor(){this.offsets={defaults:0n,base:0n,components:0n,utilities:0n,variants:0n,user:0n},this.layerPositions={defaults:0n,base:1n,components:2n,utilities:3n,user:4n,variants:5n},this.reservedVariantBits=0n,this.variantOffsets=new Map}create(e){return{layer:e,parentLayer:e,arbitrary:0n,variants:0n,parallelIndex:0n,index:this.offsets[e]++,propertyOffset:0n,property:"",options:[]}}arbitraryProperty(e){return{...this.create("utilities"),arbitrary:1n,property:e}}forVariant(e,t=0){let i=this.variantOffsets.get(e);if(i===void 0)throw new Error(`Cannot find offset for unknown variant ${e}`);return{...this.create("variants"),variants:i<<BigInt(t)}}applyVariantOffset(e,t,i){return i.variant=t.variants,{...e,layer:"variants",parentLayer:e.layer==="variants"?e.parentLayer:e.layer,variants:e.variants|t.variants,options:i.sort?[].concat(i,e.options):e.options,parallelIndex:Lh([e.parallelIndex,t.parallelIndex])}}applyParallelOffset(e,t){return{...e,parallelIndex:BigInt(t)}}recordVariants(e,t){for(let i of e)this.recordVariant(i,t(i))}recordVariant(e,t=1){return this.variantOffsets.set(e,1n<<this.reservedVariantBits),this.reservedVariantBits+=BigInt(t),{...this.create("variants"),variants:this.variantOffsets.get(e)}}compare(e,t){if(e.layer!==t.layer)return this.layerPositions[e.layer]-this.layerPositions[t.layer];if(e.parentLayer!==t.parentLayer)return this.layerPositions[e.parentLayer]-this.layerPositions[t.parentLayer];for(let i of e.options)for(let n of t.options){if(i.id!==n.id||!i.sort||!n.sort)continue;let s=Lh([i.variant,n.variant])??0n,a=~(s|s-1n),o=e.variants&a,l=t.variants&a;if(o!==l)continue;let c=i.sort({value:i.value,modifier:i.modifier},{value:n.value,modifier:n.modifier});if(c!==0)return c}return e.variants!==t.variants?e.variants-t.variants:e.parallelIndex!==t.parallelIndex?e.parallelIndex-t.parallelIndex:e.arbitrary!==t.arbitrary?e.arbitrary-t.arbitrary:e.propertyOffset!==t.propertyOffset?e.propertyOffset-t.propertyOffset:e.index-t.index}recalculateVariantOffsets(){let e=Array.from(this.variantOffsets.entries()).filter(([n])=>n.startsWith("[")).sort(([n],[s])=>$_(n,s)),t=e.map(([,n])=>n).sort((n,s)=>us(n-s));return e.map(([,n],s)=>[n,t[s]]).filter(([n,s])=>n!==s)}remapArbitraryVariantOffsets(e){let t=this.recalculateVariantOffsets();return t.length===0?e:e.map(i=>{let[n,s]=i;return n={...n,variants:qh(n.variants,t)},[n,s]})}sortArbitraryProperties(e){let t=new Set;for(let[a]of e)a.arbitrary===1n&&t.add(a.property);if(t.size===0)return e;let i=Array.from(t).sort(),n=new Map,s=1n;for(let a of i)n.set(a,s++);return e.map(a=>{let[o,l]=a;return o={...o,propertyOffset:n.get(o.property)??0n},[o,l]})}sort(e){return e=this.remapArbitraryVariantOffsets(e),e=this.sortArbitraryProperties(e),e.sort(([t],[i])=>us(this.compare(t,i)))}}});function tl(r,e){let t=r.tailwindConfig.prefix;return typeof t=="function"?t(e):t+e}function Bh({type:r="any",...e}){let t=[].concat(r);return{...e,types:t.map(i=>Array.isArray(i)?{type:i[0],...i[1]}:{type:i,preferOnConflict:!1})}}function L_(r){let e=[],t="",i=0;for(let n=0;n<r.length;n++){let s=r[n];if(s==="\\")t+="\\"+r[++n];else if(s==="{")++i,e.push(t.trim()),t="";else if(s==="}"){if(--i<0)throw new Error("Your { and } are unbalanced.");e.push(t.trim()),t=""}else t+=s}return t.length>0&&e.push(t.trim()),e=e.filter(n=>n!==""),e}function M_(r,e,{before:t=[]}={}){if(t=[].concat(t),t.length<=0){r.push(e);return}let i=r.length-1;for(let n of t){let s=r.indexOf(n);s!==-1&&(i=Math.min(i,s))}r.splice(i,0,e)}function Fh(r){return Array.isArray(r)?r.flatMap(e=>!Array.isArray(e)&&!ke(e)?e:lr(e)):Fh([r])}function N_(r,e){return(0,Zo.default)(i=>{let n=[];return e&&e(i),i.walkClasses(s=>{n.push(s.value)}),n}).transformSync(r)}function B_(r){r.walkPseudos(e=>{e.value===":not"&&e.remove()})}function F_(r,e={containsNonOnDemandable:!1},t=0){let i=[],n=[];r.type==="rule"?n.push(...r.selectors):r.type==="atrule"&&r.walkRules(s=>n.push(...s.selectors));for(let s of n){let a=N_(s,B_);a.length===0&&(e.containsNonOnDemandable=!0);for(let o of a)i.push(o)}return t===0?[e.containsNonOnDemandable||i.length===0,i]:i}function fs(r){return Fh(r).flatMap(e=>{let t=new Map,[i,n]=F_(e);return i&&n.unshift(gt),n.map(s=>(t.has(e)||t.set(e,e),[s,t.get(e)]))})}function ls(r){return r.startsWith("@")||r.includes("&")}function Ri(r){r=r.replace(/\n+/g,"").replace(/\s{1,}/g," ").trim();let e=L_(r).map(t=>{if(!t.startsWith("@"))return({format:s})=>s(t);let[,i,n]=/@(\S*)( .+|[({].*)?/g.exec(t);return({wrap:s})=>s(ee.atRule({name:i,params:n?.trim()??""}))}).reverse();return t=>{for(let i of e)i(t)}}function j_(r,e,{variantList:t,variantMap:i,offsets:n,classList:s}){function a(p,h){return p?(0,Nh.default)(r,p,h):r}function o(p){return ur(r.prefix,p)}function l(p,h){return p===gt?gt:h.respectPrefix?e.tailwindConfig.prefix+p:p}function c(p,h,b={}){let v=kt(p),y=a(["theme",...v],h);return mt(v[0])(y,b)}let f=0,d={postcss:ee,prefix:o,e:Te,config:a,theme:c,corePlugins:p=>Array.isArray(r.corePlugins)?r.corePlugins.includes(p):a(["corePlugins",p],!0),variants:()=>[],addBase(p){for(let[h,b]of fs(p)){let v=l(h,{}),y=n.create("base");e.candidateRuleMap.has(v)||e.candidateRuleMap.set(v,[]),e.candidateRuleMap.get(v).push([{sort:y,layer:"base"},b])}},addDefaults(p,h){let b={[`@defaults ${p}`]:h};for(let[v,y]of fs(b)){let w=l(v,{});e.candidateRuleMap.has(w)||e.candidateRuleMap.set(w,[]),e.candidateRuleMap.get(w).push([{sort:n.create("defaults"),layer:"defaults"},y])}},addComponents(p,h){h=Object.assign({},{preserveSource:!1,respectPrefix:!0,respectImportant:!1},Array.isArray(h)?{}:h);for(let[v,y]of fs(p)){let w=l(v,h);s.add(w),e.candidateRuleMap.has(w)||e.candidateRuleMap.set(w,[]),e.candidateRuleMap.get(w).push([{sort:n.create("components"),layer:"components",options:h},y])}},addUtilities(p,h){h=Object.assign({},{preserveSource:!1,respectPrefix:!0,respectImportant:!0},Array.isArray(h)?{}:h);for(let[v,y]of fs(p)){let w=l(v,h);s.add(w),e.candidateRuleMap.has(w)||e.candidateRuleMap.set(w,[]),e.candidateRuleMap.get(w).push([{sort:n.create("utilities"),layer:"utilities",options:h},y])}},matchUtilities:function(p,h){h=Bh({...{respectPrefix:!0,respectImportant:!0,modifiers:!1},...h});let v=n.create("utilities");for(let y in p){let S=function(T,{isOnlyPlugin:B}){let[N,R,F]=ea(h.types,T,h,r);if(N===void 0)return[];if(!h.types.some(({type:U})=>U===R))if(B)G.warn([`Unnecessary typehint \`${R}\` in \`${y}-${T}\`.`,`You can safely update it to \`${y}-${T.replace(R+":","")}\`.`]);else return[];if(!cr(N))return[];let Y={get modifier(){return h.modifiers||G.warn(`modifier-used-without-options-for-${y}`,["Your plugin must set `modifiers: true` in its options to support modifiers."]),F}},_=we(r,"generalizedModifiers");return[].concat(_?k(N,Y):k(N)).filter(Boolean).map(U=>({[Qn(y,T)]:U}))},w=l(y,h),k=p[y];s.add([w,h]);let E=[{sort:v,layer:"utilities",options:h},S];e.candidateRuleMap.has(w)||e.candidateRuleMap.set(w,[]),e.candidateRuleMap.get(w).push(E)}},matchComponents:function(p,h){h=Bh({...{respectPrefix:!0,respectImportant:!1,modifiers:!1},...h});let v=n.create("components");for(let y in p){let S=function(T,{isOnlyPlugin:B}){let[N,R,F]=ea(h.types,T,h,r);if(N===void 0)return[];if(!h.types.some(({type:U})=>U===R))if(B)G.warn([`Unnecessary typehint \`${R}\` in \`${y}-${T}\`.`,`You can safely update it to \`${y}-${T.replace(R+":","")}\`.`]);else return[];if(!cr(N))return[];let Y={get modifier(){return h.modifiers||G.warn(`modifier-used-without-options-for-${y}`,["Your plugin must set `modifiers: true` in its options to support modifiers."]),F}},_=we(r,"generalizedModifiers");return[].concat(_?k(N,Y):k(N)).filter(Boolean).map(U=>({[Qn(y,T)]:U}))},w=l(y,h),k=p[y];s.add([w,h]);let E=[{sort:v,layer:"components",options:h},S];e.candidateRuleMap.has(w)||e.candidateRuleMap.set(w,[]),e.candidateRuleMap.get(w).push(E)}},addVariant(p,h,b={}){h=[].concat(h).map(v=>{if(typeof v!="string")return(y={})=>{let{args:w,modifySelectors:k,container:S,separator:E,wrap:T,format:B}=y,N=v(Object.assign({modifySelectors:k,container:S,separator:E},b.type===Jo.MatchVariant&&{args:w,wrap:T,format:B}));if(typeof N=="string"&&!ls(N))throw new Error(`Your custom variant \`${p}\` has an invalid format string. Make sure it's an at-rule or contains a \`&\` placeholder.`);return Array.isArray(N)?N.filter(R=>typeof R=="string").map(R=>Ri(R)):N&&typeof N=="string"&&Ri(N)(y)};if(!ls(v))throw new Error(`Your custom variant \`${p}\` has an invalid format string. Make sure it's an at-rule or contains a \`&\` placeholder.`);return Ri(v)}),M_(t,p,b),i.set(p,h),e.variantOptions.set(p,b)},matchVariant(p,h,b){let v=b?.id??++f,y=p==="@",w=we(r,"generalizedModifiers");for(let[S,E]of Object.entries(b?.values??{}))S!=="DEFAULT"&&d.addVariant(y?`${p}${S}`:`${p}-${S}`,({args:T,container:B})=>h(E,w?{modifier:T?.modifier,container:B}:{container:B}),{...b,value:E,id:v,type:Jo.MatchVariant,variantInfo:el.Base});let k="DEFAULT"in(b?.values??{});d.addVariant(p,({args:S,container:E})=>S?.value===Ti&&!k?null:h(S?.value===Ti?b.values.DEFAULT:S?.value??(typeof S=="string"?S:""),w?{modifier:S?.modifier,container:E}:{container:E}),{...b,id:v,type:Jo.MatchVariant,variantInfo:el.Dynamic})}};return d}function cs(r){return rl.has(r)||rl.set(r,new Map),rl.get(r)}function jh(r,e){let t=!1,i=new Map;for(let n of r){if(!n)continue;let s=oa.parse(n),a=s.hash?s.href.replace(s.hash,""):s.href;a=s.search?a.replace(s.search,""):a;let o=be.statSync(decodeURIComponent(a),{throwIfNoEntry:!1})?.mtimeMs;!o||((!e.has(n)||o>e.get(n))&&(t=!0),i.set(n,o))}return[t,i]}function zh(r){r.walkAtRules(e=>{["responsive","variants"].includes(e.name)&&(zh(e),e.before(e.nodes),e.remove())})}function z_(r){let e=[];return r.each(t=>{t.type==="atrule"&&["responsive","variants"].includes(t.name)&&(t.name="layer",t.params="utilities")}),r.walkAtRules("layer",t=>{if(zh(t),t.params==="base"){for(let i of t.nodes)e.push(function({addBase:n}){n(i,{respectPrefix:!1})});t.remove()}else if(t.params==="components"){for(let i of t.nodes)e.push(function({addComponents:n}){n(i,{respectPrefix:!1,preserveSource:!0})});t.remove()}else if(t.params==="utilities"){for(let i of t.nodes)e.push(function({addUtilities:n}){n(i,{respectPrefix:!1,preserveSource:!0})});t.remove()}}),e}function U_(r,e){let t=Object.entries({...se,...yh}).map(([l,c])=>r.tailwindConfig.corePlugins.includes(l)?c:null).filter(Boolean),i=r.tailwindConfig.plugins.map(l=>(l.__isOptionsFunction&&(l=l()),typeof l=="function"?l:l.handler)),n=z_(e),s=[se.childVariant,se.pseudoElementVariants,se.pseudoClassVariants,se.hasVariants,se.ariaVariants,se.dataVariants],a=[se.supportsVariants,se.reducedMotionVariants,se.prefersContrastVariants,se.screenVariants,se.orientationVariants,se.directionVariants,se.darkVariants,se.forcedColorsVariants,se.printVariant];return(r.tailwindConfig.darkMode==="class"||Array.isArray(r.tailwindConfig.darkMode)&&r.tailwindConfig.darkMode[0]==="class")&&(a=[se.supportsVariants,se.reducedMotionVariants,se.prefersContrastVariants,se.darkVariants,se.screenVariants,se.orientationVariants,se.directionVariants,se.forcedColorsVariants,se.printVariant]),[...t,...s,...i,...a,...n]}function V_(r,e){let t=[],i=new Map;e.variantMap=i;let n=new Xo;e.offsets=n;let s=new Set,a=j_(e.tailwindConfig,e,{variantList:t,variantMap:i,offsets:n,classList:s});for(let f of r)if(Array.isArray(f))for(let d of f)d(a);else f?.(a);n.recordVariants(t,f=>i.get(f).length);for(let[f,d]of i.entries())e.variantMap.set(f,d.map((p,h)=>[n.forVariant(f,h),p]));let o=(e.tailwindConfig.safelist??[]).filter(Boolean);if(o.length>0){let f=[];for(let d of o){if(typeof d=="string"){e.changedContent.push({content:d,extension:"html"});continue}if(d instanceof RegExp){G.warn("root-regex",["Regular expressions in `safelist` work differently in Tailwind CSS v3.0.","Update your `safelist` configuration to eliminate this warning.","https://tailwindcss.com/docs/content-configuration#safelisting-classes"]);continue}f.push(d)}if(f.length>0){let d=new Map,p=e.tailwindConfig.prefix.length,h=f.some(b=>b.pattern.source.includes("!"));for(let b of s){let v=Array.isArray(b)?(()=>{let[y,w]=b,S=Object.keys(w?.values??{}).map(E=>Ei(y,E));return w?.supportsNegativeValues&&(S=[...S,...S.map(E=>"-"+E)],S=[...S,...S.map(E=>E.slice(0,p)+"-"+E.slice(p))]),w.types.some(({type:E})=>E==="color")&&(S=[...S,...S.flatMap(E=>Object.keys(e.tailwindConfig.theme.opacity).map(T=>`${E}/${T}`))]),h&&w?.respectImportant&&(S=[...S,...S.map(E=>"!"+E)]),S})():[b];for(let y of v)for(let{pattern:w,variants:k=[]}of f)if(w.lastIndex=0,d.has(w)||d.set(w,0),!!w.test(y)){d.set(w,d.get(w)+1),e.changedContent.push({content:y,extension:"html"});for(let S of k)e.changedContent.push({content:S+e.tailwindConfig.separator+y,extension:"html"})}}for(let[b,v]of d.entries())v===0&&G.warn([`The safelist pattern \`${b}\` doesn't match any Tailwind CSS classes.`,"Fix this pattern or remove it from your `safelist` configuration.","https://tailwindcss.com/docs/content-configuration#safelisting-classes"])}}let l=[].concat(e.tailwindConfig.darkMode??"media")[1]??"dark",c=[tl(e,l),tl(e,"group"),tl(e,"peer")];e.getClassOrder=function(d){let p=[...d].sort((y,w)=>y===w?0:y<w?-1:1),h=new Map(p.map(y=>[y,null])),b=as(new Set(p),e,!0);b=e.offsets.sort(b);let v=BigInt(c.length);for(let[,y]of b){let w=y.raws.tailwind.candidate;h.set(w,h.get(w)??v++)}return d.map(y=>{let w=h.get(y)??null,k=c.indexOf(y);return w===null&&k!==-1&&(w=BigInt(k)),[y,w]})},e.getClassList=function(d={}){let p=[];for(let h of s)if(Array.isArray(h)){let[b,v]=h,y=[],w=Object.keys(v?.modifiers??{});v?.types?.some(({type:E})=>E==="color")&&w.push(...Object.keys(e.tailwindConfig.theme.opacity??{}));let k={modifiers:w},S=d.includeMetadata&&w.length>0;for(let[E,T]of Object.entries(v?.values??{})){if(T==null)continue;let B=Ei(b,E);if(p.push(S?[B,k]:B),v?.supportsNegativeValues&&xt(T)){let N=Ei(b,`-${E}`);y.push(S?[N,k]:N)}}p.push(...y)}else p.push(h);return p},e.getVariants=function(){let d=Math.random().toString(36).substring(7).toUpperCase(),p=[];for(let[h,b]of e.variantOptions.entries())b.variantInfo!==el.Base&&p.push({name:h,isArbitrary:b.type===Symbol.for("MATCH_VARIANT"),values:Object.keys(b.values??{}),hasDash:h!=="@",selectors({modifier:v,value:y}={}){let w=`TAILWINDPLACEHOLDER${d}`,k=ee.rule({selector:`.${w}`}),S=ee.root({nodes:[k.clone()]}),E=S.toString(),T=(e.variantMap.get(h)??[]).flatMap(([le,A])=>A),B=[];for(let le of T){let A=[],C={args:{modifier:v,value:b.values?.[y]??y},separator:e.tailwindConfig.separator,modifySelectors(V){return S.each(Ee=>{Ee.type==="rule"&&(Ee.selectors=Ee.selectors.map(Ie=>V({get className(){return Go(Ie)},selector:Ie})))}),S},format(V){A.push(V)},wrap(V){A.push(`@${V.name} ${V.params} { & }`)},container:S},he=le(C);if(A.length>0&&B.push(A),Array.isArray(he))for(let V of he)A=[],V(C),B.push(A)}let N=[],R=S.toString();E!==R&&(S.walkRules(le=>{let A=le.selector,C=(0,Zo.default)(he=>{he.walkClasses(V=>{V.value=`${h}${e.tailwindConfig.separator}${V.value}`})}).processSync(A);N.push(A.replace(C,"&").replace(w,"&"))}),S.walkAtRules(le=>{N.push(`@${le.name} (${le.params}) { & }`)}));let F=!(y in(b.values??{})),Y=b[Pt]??{},_=(()=>!(F||Y.respectPrefix===!1))();B=B.map(le=>le.map(A=>({format:A,respectPrefix:_}))),N=N.map(le=>({format:le,respectPrefix:_}));let Q={candidate:w,context:e},U=B.map(le=>rs(`.${w}`,dr(le,Q),Q).replace(`.${w}`,"&").replace("{ & }","").trim());return N.length>0&&U.push(dr(N,Q).toString().replace(`.${w}`,"&")),U}});return p}}function Uh(r,e){!r.classCache.has(e)||(r.notClassCache.add(e),r.classCache.delete(e),r.applyClassCache.delete(e),r.candidateRuleMap.delete(e),r.candidateRuleCache.delete(e),r.stylesheetCache=null)}function H_(r,e){let t=e.raws.tailwind.candidate;if(!!t){for(let i of r.ruleCache)i[1].raws.tailwind.candidate===t&&r.ruleCache.delete(i);Uh(r,t)}}function il(r,e=[],t=ee.root()){let i={disposables:[],ruleCache:new Set,candidateRuleCache:new Map,classCache:new Map,applyClassCache:new Map,notClassCache:new Set(r.blocklist??[]),postCssNodeCache:new Map,candidateRuleMap:new Map,tailwindConfig:r,changedContent:e,variantMap:new Map,stylesheetCache:null,variantOptions:new Map,markInvalidUtilityCandidate:s=>Uh(i,s),markInvalidUtilityNode:s=>H_(i,s)},n=U_(i,t);return V_(n,i),i}function Vh(r,e,t,i,n,s){let a=e.opts.from,o=i!==null;Ze.DEBUG&&console.log("Source path:",a);let l;if(o&&hr.has(a))l=hr.get(a);else if(Pi.has(n)){let p=Pi.get(n);Dt.get(p).add(a),hr.set(a,p),l=p}let c=Ph(a,r);if(l){let[p,h]=jh([...s],cs(l));if(!p&&!c)return[l,!1,h]}if(hr.has(a)){let p=hr.get(a);if(Dt.has(p)&&(Dt.get(p).delete(a),Dt.get(p).size===0)){Dt.delete(p);for(let[h,b]of Pi)b===p&&Pi.delete(h);for(let h of p.disposables.splice(0))h(p)}}Ze.DEBUG&&console.log("Setting up new context...");let f=il(t,[],r);Object.assign(f,{userConfigPath:i});let[,d]=jh([...s],cs(f));return Pi.set(n,f),hr.set(a,f),Dt.has(f)||Dt.set(f,new Set),Dt.get(f).add(a),[f,!0,d]}var Nh,Zo,Pt,Jo,el,rl,hr,Pi,Dt,Oi=P(()=>{u();ft();la();Ot();Nh=pe(Ra()),Zo=pe(it());Ci();qo();Gn();Kt();fr();Lo();Fr();bh();It();It();Yi();Be();Gi();Bo();os();Ih();Mh();ct();Vo();Pt=Symbol(),Jo={AddVariant:Symbol.for("ADD_VARIANT"),MatchVariant:Symbol.for("MATCH_VARIANT")},el={Base:1<<0,Dynamic:1<<1};rl=new WeakMap;hr=wh,Pi=vh,Dt=es});function nl(r){return r.ignore?[]:r.glob?m.env.ROLLUP_WATCH==="true"?[{type:"dependency",file:r.base}]:[{type:"dir-dependency",dir:r.base,glob:r.glob}]:[{type:"dependency",file:r.base}]}var Hh=P(()=>{u()});function Wh(r,e){return{handler:r,config:e}}var Gh,Qh=P(()=>{u();Wh.withOptions=function(r,e=()=>({})){let t=function(i){return{__options:i,handler:r(i),config:e(i)}};return t.__isOptionsFunction=!0,t.__pluginFunction=r,t.__configFunction=e,t};Gh=Wh});var sl={};Ge(sl,{default:()=>W_});var W_,al=P(()=>{u();Qh();W_=Gh});var Kh=x((z4,Yh)=>{u();var G_=(al(),sl).default,Q_={overflow:"hidden",display:"-webkit-box","-webkit-box-orient":"vertical"},Y_=G_(function({matchUtilities:r,addUtilities:e,theme:t,variants:i}){let n=t("lineClamp");r({"line-clamp":s=>({...Q_,"-webkit-line-clamp":`${s}`})},{values:n}),e([{".line-clamp-none":{"-webkit-line-clamp":"unset"}}],i("lineClamp"))},{theme:{lineClamp:{1:"1",2:"2",3:"3",4:"4",5:"5",6:"6"}},variants:{lineClamp:["responsive"]}});Yh.exports=Y_});function ol(r){r.content.files.length===0&&G.warn("content-problems",["The `content` option in your Tailwind CSS configuration is missing or empty.","Configure your content sources or your generated CSS will be missing styles.","https://tailwindcss.com/docs/content-configuration"]);try{let e=Kh();r.plugins.includes(e)&&(G.warn("line-clamp-in-core",["As of Tailwind CSS v3.3, the `@tailwindcss/line-clamp` plugin is now included by default.","Remove it from the `plugins` array in your configuration to eliminate this warning."]),r.plugins=r.plugins.filter(t=>t!==e))}catch{}return r}var Xh=P(()=>{u();Be()});var Zh,Jh=P(()=>{u();Zh=()=>!1});var ps,em=P(()=>{u();ps={sync:r=>[].concat(r),generateTasks:r=>[{dynamic:!1,base:".",negative:[],positive:[].concat(r),patterns:[].concat(r)}],escapePath:r=>r}});var ll,tm=P(()=>{u();ll=r=>r});var rm,im=P(()=>{u();rm=()=>""});function nm(r){let e=r,t=rm(r);return t!=="."&&(e=r.substr(t.length),e.charAt(0)==="/"&&(e=e.substr(1))),e.substr(0,2)==="./"?e=e.substr(2):e.charAt(0)==="/"&&(e=e.substr(1)),{base:t,glob:e}}var sm=P(()=>{u();im()});var ds=x(Ve=>{u();"use strict";Ve.isInteger=r=>typeof r=="number"?Number.isInteger(r):typeof r=="string"&&r.trim()!==""?Number.isInteger(Number(r)):!1;Ve.find=(r,e)=>r.nodes.find(t=>t.type===e);Ve.exceedsLimit=(r,e,t=1,i)=>i===!1||!Ve.isInteger(r)||!Ve.isInteger(e)?!1:(Number(e)-Number(r))/Number(t)>=i;Ve.escapeNode=(r,e=0,t)=>{let i=r.nodes[e];!i||(t&&i.type===t||i.type==="open"||i.type==="close")&&i.escaped!==!0&&(i.value="\\"+i.value,i.escaped=!0)};Ve.encloseBrace=r=>r.type!=="brace"?!1:r.commas>>0+r.ranges>>0==0?(r.invalid=!0,!0):!1;Ve.isInvalidBrace=r=>r.type!=="brace"?!1:r.invalid===!0||r.dollar?!0:r.commas>>0+r.ranges>>0==0||r.open!==!0||r.close!==!0?(r.invalid=!0,!0):!1;Ve.isOpenOrClose=r=>r.type==="open"||r.type==="close"?!0:r.open===!0||r.close===!0;Ve.reduce=r=>r.reduce((e,t)=>(t.type==="text"&&e.push(t.value),t.type==="range"&&(t.type="text"),e),[]);Ve.flatten=(...r)=>{let e=[],t=i=>{for(let n=0;n<i.length;n++){let s=i[n];if(Array.isArray(s)){t(s);continue}s!==void 0&&e.push(s)}return e};return t(r),e}});var hs=x((Z4,om)=>{u();"use strict";var am=ds();om.exports=(r,e={})=>{let t=(i,n={})=>{let s=e.escapeInvalid&&am.isInvalidBrace(n),a=i.invalid===!0&&e.escapeInvalid===!0,o="";if(i.value)return(s||a)&&am.isOpenOrClose(i)?"\\"+i.value:i.value;if(i.value)return i.value;if(i.nodes)for(let l of i.nodes)o+=t(l);return o};return t(r)}});var um=x((J4,lm)=>{u();"use strict";lm.exports=function(r){return typeof r=="number"?r-r==0:typeof r=="string"&&r.trim()!==""?Number.isFinite?Number.isFinite(+r):isFinite(+r):!1}});var bm=x((e6,ym)=>{u();"use strict";var fm=um(),Wt=(r,e,t)=>{if(fm(r)===!1)throw new TypeError("toRegexRange: expected the first argument to be a number");if(e===void 0||r===e)return String(r);if(fm(e)===!1)throw new TypeError("toRegexRange: expected the second argument to be a number.");let i={relaxZeros:!0,...t};typeof i.strictZeros=="boolean"&&(i.relaxZeros=i.strictZeros===!1);let n=String(i.relaxZeros),s=String(i.shorthand),a=String(i.capture),o=String(i.wrap),l=r+":"+e+"="+n+s+a+o;if(Wt.cache.hasOwnProperty(l))return Wt.cache[l].result;let c=Math.min(r,e),f=Math.max(r,e);if(Math.abs(c-f)===1){let v=r+"|"+e;return i.capture?`(${v})`:i.wrap===!1?v:`(?:${v})`}let d=gm(r)||gm(e),p={min:r,max:e,a:c,b:f},h=[],b=[];if(d&&(p.isPadded=d,p.maxLen=String(p.max).length),c<0){let v=f<0?Math.abs(f):1;b=cm(v,Math.abs(c),p,i),c=p.a=0}return f>=0&&(h=cm(c,f,p,i)),p.negatives=b,p.positives=h,p.result=K_(b,h,i),i.capture===!0?p.result=`(${p.result})`:i.wrap!==!1&&h.length+b.length>1&&(p.result=`(?:${p.result})`),Wt.cache[l]=p,p.result};function K_(r,e,t){let i=ul(r,e,"-",!1,t)||[],n=ul(e,r,"",!1,t)||[],s=ul(r,e,"-?",!0,t)||[];return i.concat(s).concat(n).join("|")}function X_(r,e){let t=1,i=1,n=dm(r,t),s=new Set([e]);for(;r<=n&&n<=e;)s.add(n),t+=1,n=dm(r,t);for(n=hm(e+1,i)-1;r<n&&n<=e;)s.add(n),i+=1,n=hm(e+1,i)-1;return s=[...s],s.sort(eE),s}function Z_(r,e,t){if(r===e)return{pattern:r,count:[],digits:0};let i=J_(r,e),n=i.length,s="",a=0;for(let o=0;o<n;o++){let[l,c]=i[o];l===c?s+=l:l!=="0"||c!=="9"?s+=tE(l,c,t):a++}return a&&(s+=t.shorthand===!0?"\\d":"[0-9]"),{pattern:s,count:[a],digits:n}}function cm(r,e,t,i){let n=X_(r,e),s=[],a=r,o;for(let l=0;l<n.length;l++){let c=n[l],f=Z_(String(a),String(c),i),d="";if(!t.isPadded&&o&&o.pattern===f.pattern){o.count.length>1&&o.count.pop(),o.count.push(f.count[0]),o.string=o.pattern+mm(o.count),a=c+1;continue}t.isPadded&&(d=rE(c,t,i)),f.string=d+f.pattern+mm(f.count),s.push(f),a=c+1,o=f}return s}function ul(r,e,t,i,n){let s=[];for(let a of r){let{string:o}=a;!i&&!pm(e,"string",o)&&s.push(t+o),i&&pm(e,"string",o)&&s.push(t+o)}return s}function J_(r,e){let t=[];for(let i=0;i<r.length;i++)t.push([r[i],e[i]]);return t}function eE(r,e){return r>e?1:e>r?-1:0}function pm(r,e,t){return r.some(i=>i[e]===t)}function dm(r,e){return Number(String(r).slice(0,-e)+"9".repeat(e))}function hm(r,e){return r-r%Math.pow(10,e)}function mm(r){let[e=0,t=""]=r;return t||e>1?`{${e+(t?","+t:"")}}`:""}function tE(r,e,t){return`[${r}${e-r==1?"":"-"}${e}]`}function gm(r){return/^-?(0+)\d/.test(r)}function rE(r,e,t){if(!e.isPadded)return r;let i=Math.abs(e.maxLen-String(r).length),n=t.relaxZeros!==!1;switch(i){case 0:return"";case 1:return n?"0?":"0";case 2:return n?"0{0,2}":"00";default:return n?`0{0,${i}}`:`0{${i}}`}}Wt.cache={};Wt.clearCache=()=>Wt.cache={};ym.exports=Wt});var pl=x((t6,Cm)=>{u();"use strict";var iE=(Fn(),Bn),wm=bm(),vm=r=>r!==null&&typeof r=="object"&&!Array.isArray(r),nE=r=>e=>r===!0?Number(e):String(e),fl=r=>typeof r=="number"||typeof r=="string"&&r!=="",Ii=r=>Number.isInteger(+r),cl=r=>{let e=`${r}`,t=-1;if(e[0]==="-"&&(e=e.slice(1)),e==="0")return!1;for(;e[++t]==="0";);return t>0},sE=(r,e,t)=>typeof r=="string"||typeof e=="string"?!0:t.stringify===!0,aE=(r,e,t)=>{if(e>0){let i=r[0]==="-"?"-":"";i&&(r=r.slice(1)),r=i+r.padStart(i?e-1:e,"0")}return t===!1?String(r):r},ms=(r,e)=>{let t=r[0]==="-"?"-":"";for(t&&(r=r.slice(1),e--);r.length<e;)r="0"+r;return t?"-"+r:r},oE=(r,e,t)=>{r.negatives.sort((o,l)=>o<l?-1:o>l?1:0),r.positives.sort((o,l)=>o<l?-1:o>l?1:0);let i=e.capture?"":"?:",n="",s="",a;return r.positives.length&&(n=r.positives.map(o=>ms(String(o),t)).join("|")),r.negatives.length&&(s=`-(${i}${r.negatives.map(o=>ms(String(o),t)).join("|")})`),n&&s?a=`${n}|${s}`:a=n||s,e.wrap?`(${i}${a})`:a},xm=(r,e,t,i)=>{if(t)return wm(r,e,{wrap:!1,...i});let n=String.fromCharCode(r);if(r===e)return n;let s=String.fromCharCode(e);return`[${n}-${s}]`},km=(r,e,t)=>{if(Array.isArray(r)){let i=t.wrap===!0,n=t.capture?"":"?:";return i?`(${n}${r.join("|")})`:r.join("|")}return wm(r,e,t)},Sm=(...r)=>new RangeError("Invalid range arguments: "+iE.inspect(...r)),Am=(r,e,t)=>{if(t.strictRanges===!0)throw Sm([r,e]);return[]},lE=(r,e)=>{if(e.strictRanges===!0)throw new TypeError(`Expected step "${r}" to be a number`);return[]},uE=(r,e,t=1,i={})=>{let n=Number(r),s=Number(e);if(!Number.isInteger(n)||!Number.isInteger(s)){if(i.strictRanges===!0)throw Sm([r,e]);return[]}n===0&&(n=0),s===0&&(s=0);let a=n>s,o=String(r),l=String(e),c=String(t);t=Math.max(Math.abs(t),1);let f=cl(o)||cl(l)||cl(c),d=f?Math.max(o.length,l.length,c.length):0,p=f===!1&&sE(r,e,i)===!1,h=i.transform||nE(p);if(i.toRegex&&t===1)return xm(ms(r,d),ms(e,d),!0,i);let b={negatives:[],positives:[]},v=k=>b[k<0?"negatives":"positives"].push(Math.abs(k)),y=[],w=0;for(;a?n>=s:n<=s;)i.toRegex===!0&&t>1?v(n):y.push(aE(h(n,w),d,p)),n=a?n-t:n+t,w++;return i.toRegex===!0?t>1?oE(b,i,d):km(y,null,{wrap:!1,...i}):y},fE=(r,e,t=1,i={})=>{if(!Ii(r)&&r.length>1||!Ii(e)&&e.length>1)return Am(r,e,i);let n=i.transform||(p=>String.fromCharCode(p)),s=`${r}`.charCodeAt(0),a=`${e}`.charCodeAt(0),o=s>a,l=Math.min(s,a),c=Math.max(s,a);if(i.toRegex&&t===1)return xm(l,c,!1,i);let f=[],d=0;for(;o?s>=a:s<=a;)f.push(n(s,d)),s=o?s-t:s+t,d++;return i.toRegex===!0?km(f,null,{wrap:!1,options:i}):f},gs=(r,e,t,i={})=>{if(e==null&&fl(r))return[r];if(!fl(r)||!fl(e))return Am(r,e,i);if(typeof t=="function")return gs(r,e,1,{transform:t});if(vm(t))return gs(r,e,0,t);let n={...i};return n.capture===!0&&(n.wrap=!0),t=t||n.step||1,Ii(t)?Ii(r)&&Ii(e)?uE(r,e,t,n):fE(r,e,Math.max(Math.abs(t),1),n):t!=null&&!vm(t)?lE(t,n):gs(r,e,1,t)};Cm.exports=gs});var Om=x((r6,Em)=>{u();"use strict";var cE=pl(),_m=ds(),pE=(r,e={})=>{let t=(i,n={})=>{let s=_m.isInvalidBrace(n),a=i.invalid===!0&&e.escapeInvalid===!0,o=s===!0||a===!0,l=e.escapeInvalid===!0?"\\":"",c="";if(i.isOpen===!0)return l+i.value;if(i.isClose===!0)return console.log("node.isClose",l,i.value),l+i.value;if(i.type==="open")return o?l+i.value:"(";if(i.type==="close")return o?l+i.value:")";if(i.type==="comma")return i.prev.type==="comma"?"":o?i.value:"|";if(i.value)return i.value;if(i.nodes&&i.ranges>0){let f=_m.reduce(i.nodes),d=cE(...f,{...e,wrap:!1,toRegex:!0,strictZeros:!0});if(d.length!==0)return f.length>1&&d.length>1?`(${d})`:d}if(i.nodes)for(let f of i.nodes)c+=t(f,i);return c};return t(r)};Em.exports=pE});var Pm=x((i6,Rm)=>{u();"use strict";var dE=pl(),Tm=hs(),mr=ds(),Gt=(r="",e="",t=!1)=>{let i=[];if(r=[].concat(r),e=[].concat(e),!e.length)return r;if(!r.length)return t?mr.flatten(e).map(n=>`{${n}}`):e;for(let n of r)if(Array.isArray(n))for(let s of n)i.push(Gt(s,e,t));else for(let s of e)t===!0&&typeof s=="string"&&(s=`{${s}}`),i.push(Array.isArray(s)?Gt(n,s,t):n+s);return mr.flatten(i)},hE=(r,e={})=>{let t=e.rangeLimit===void 0?1e3:e.rangeLimit,i=(n,s={})=>{n.queue=[];let a=s,o=s.queue;for(;a.type!=="brace"&&a.type!=="root"&&a.parent;)a=a.parent,o=a.queue;if(n.invalid||n.dollar){o.push(Gt(o.pop(),Tm(n,e)));return}if(n.type==="brace"&&n.invalid!==!0&&n.nodes.length===2){o.push(Gt(o.pop(),["{}"]));return}if(n.nodes&&n.ranges>0){let d=mr.reduce(n.nodes);if(mr.exceedsLimit(...d,e.step,t))throw new RangeError("expanded array length exceeds range limit. Use options.rangeLimit to increase or disable the limit.");let p=dE(...d,e);p.length===0&&(p=Tm(n,e)),o.push(Gt(o.pop(),p)),n.nodes=[];return}let l=mr.encloseBrace(n),c=n.queue,f=n;for(;f.type!=="brace"&&f.type!=="root"&&f.parent;)f=f.parent,c=f.queue;for(let d=0;d<n.nodes.length;d++){let p=n.nodes[d];if(p.type==="comma"&&n.type==="brace"){d===1&&c.push(""),c.push("");continue}if(p.type==="close"){o.push(Gt(o.pop(),c,l));continue}if(p.value&&p.type!=="open"){c.push(Gt(c.pop(),p.value));continue}p.nodes&&i(p,n)}return c};return mr.flatten(i(r))};Rm.exports=hE});var Dm=x((n6,Im)=>{u();"use strict";Im.exports={MAX_LENGTH:1e4,CHAR_0:"0",CHAR_9:"9",CHAR_UPPERCASE_A:"A",CHAR_LOWERCASE_A:"a",CHAR_UPPERCASE_Z:"Z",CHAR_LOWERCASE_Z:"z",CHAR_LEFT_PARENTHESES:"(",CHAR_RIGHT_PARENTHESES:")",CHAR_ASTERISK:"*",CHAR_AMPERSAND:"&",CHAR_AT:"@",CHAR_BACKSLASH:"\\",CHAR_BACKTICK:"`",CHAR_CARRIAGE_RETURN:"\r",CHAR_CIRCUMFLEX_ACCENT:"^",CHAR_COLON:":",CHAR_COMMA:",",CHAR_DOLLAR:"$",CHAR_DOT:".",CHAR_DOUBLE_QUOTE:'"',CHAR_EQUAL:"=",CHAR_EXCLAMATION_MARK:"!",CHAR_FORM_FEED:"\f",CHAR_FORWARD_SLASH:"/",CHAR_HASH:"#",CHAR_HYPHEN_MINUS:"-",CHAR_LEFT_ANGLE_BRACKET:"<",CHAR_LEFT_CURLY_BRACE:"{",CHAR_LEFT_SQUARE_BRACKET:"[",CHAR_LINE_FEED:`
+`,CHAR_NO_BREAK_SPACE:"\xA0",CHAR_PERCENT:"%",CHAR_PLUS:"+",CHAR_QUESTION_MARK:"?",CHAR_RIGHT_ANGLE_BRACKET:">",CHAR_RIGHT_CURLY_BRACE:"}",CHAR_RIGHT_SQUARE_BRACKET:"]",CHAR_SEMICOLON:";",CHAR_SINGLE_QUOTE:"'",CHAR_SPACE:" ",CHAR_TAB:"	",CHAR_UNDERSCORE:"_",CHAR_VERTICAL_LINE:"|",CHAR_ZERO_WIDTH_NOBREAK_SPACE:"\uFEFF"}});var Nm=x((s6,Mm)=>{u();"use strict";var mE=hs(),{MAX_LENGTH:qm,CHAR_BACKSLASH:dl,CHAR_BACKTICK:gE,CHAR_COMMA:yE,CHAR_DOT:bE,CHAR_LEFT_PARENTHESES:wE,CHAR_RIGHT_PARENTHESES:vE,CHAR_LEFT_CURLY_BRACE:xE,CHAR_RIGHT_CURLY_BRACE:kE,CHAR_LEFT_SQUARE_BRACKET:$m,CHAR_RIGHT_SQUARE_BRACKET:Lm,CHAR_DOUBLE_QUOTE:SE,CHAR_SINGLE_QUOTE:AE,CHAR_NO_BREAK_SPACE:CE,CHAR_ZERO_WIDTH_NOBREAK_SPACE:_E}=Dm(),EE=(r,e={})=>{if(typeof r!="string")throw new TypeError("Expected a string");let t=e||{},i=typeof t.maxLength=="number"?Math.min(qm,t.maxLength):qm;if(r.length>i)throw new SyntaxError(`Input length (${r.length}), exceeds max characters (${i})`);let n={type:"root",input:r,nodes:[]},s=[n],a=n,o=n,l=0,c=r.length,f=0,d=0,p,h=()=>r[f++],b=v=>{if(v.type==="text"&&o.type==="dot"&&(o.type="text"),o&&o.type==="text"&&v.type==="text"){o.value+=v.value;return}return a.nodes.push(v),v.parent=a,v.prev=o,o=v,v};for(b({type:"bos"});f<c;)if(a=s[s.length-1],p=h(),!(p===_E||p===CE)){if(p===dl){b({type:"text",value:(e.keepEscaping?p:"")+h()});continue}if(p===Lm){b({type:"text",value:"\\"+p});continue}if(p===$m){l++;let v;for(;f<c&&(v=h());){if(p+=v,v===$m){l++;continue}if(v===dl){p+=h();continue}if(v===Lm&&(l--,l===0))break}b({type:"text",value:p});continue}if(p===wE){a=b({type:"paren",nodes:[]}),s.push(a),b({type:"text",value:p});continue}if(p===vE){if(a.type!=="paren"){b({type:"text",value:p});continue}a=s.pop(),b({type:"text",value:p}),a=s[s.length-1];continue}if(p===SE||p===AE||p===gE){let v=p,y;for(e.keepQuotes!==!0&&(p="");f<c&&(y=h());){if(y===dl){p+=y+h();continue}if(y===v){e.keepQuotes===!0&&(p+=y);break}p+=y}b({type:"text",value:p});continue}if(p===xE){d++;let v=o.value&&o.value.slice(-1)==="$"||a.dollar===!0;a=b({type:"brace",open:!0,close:!1,dollar:v,depth:d,commas:0,ranges:0,nodes:[]}),s.push(a),b({type:"open",value:p});continue}if(p===kE){if(a.type!=="brace"){b({type:"text",value:p});continue}let v="close";a=s.pop(),a.close=!0,b({type:v,value:p}),d--,a=s[s.length-1];continue}if(p===yE&&d>0){if(a.ranges>0){a.ranges=0;let v=a.nodes.shift();a.nodes=[v,{type:"text",value:mE(a)}]}b({type:"comma",value:p}),a.commas++;continue}if(p===bE&&d>0&&a.commas===0){let v=a.nodes;if(d===0||v.length===0){b({type:"text",value:p});continue}if(o.type==="dot"){if(a.range=[],o.value+=p,o.type="range",a.nodes.length!==3&&a.nodes.length!==5){a.invalid=!0,a.ranges=0,o.type="text";continue}a.ranges++,a.args=[];continue}if(o.type==="range"){v.pop();let y=v[v.length-1];y.value+=o.value+p,o=y,a.ranges--;continue}b({type:"dot",value:p});continue}b({type:"text",value:p})}do if(a=s.pop(),a.type!=="root"){a.nodes.forEach(w=>{w.nodes||(w.type==="open"&&(w.isOpen=!0),w.type==="close"&&(w.isClose=!0),w.nodes||(w.type="text"),w.invalid=!0)});let v=s[s.length-1],y=v.nodes.indexOf(a);v.nodes.splice(y,1,...a.nodes)}while(s.length>0);return b({type:"eos"}),n};Mm.exports=EE});var jm=x((a6,Fm)=>{u();"use strict";var Bm=hs(),OE=Om(),TE=Pm(),RE=Nm(),Le=(r,e={})=>{let t=[];if(Array.isArray(r))for(let i of r){let n=Le.create(i,e);Array.isArray(n)?t.push(...n):t.push(n)}else t=[].concat(Le.create(r,e));return e&&e.expand===!0&&e.nodupes===!0&&(t=[...new Set(t)]),t};Le.parse=(r,e={})=>RE(r,e);Le.stringify=(r,e={})=>typeof r=="string"?Bm(Le.parse(r,e),e):Bm(r,e);Le.compile=(r,e={})=>(typeof r=="string"&&(r=Le.parse(r,e)),OE(r,e));Le.expand=(r,e={})=>{typeof r=="string"&&(r=Le.parse(r,e));let t=TE(r,e);return e.noempty===!0&&(t=t.filter(Boolean)),e.nodupes===!0&&(t=[...new Set(t)]),t};Le.create=(r,e={})=>r===""||r.length<3?[r]:e.expand!==!0?Le.compile(r,e):Le.expand(r,e);Fm.exports=Le});var Di=x((o6,Wm)=>{u();"use strict";var PE=(et(),Ur),at="\\\\/",zm=`[^${at}]`,yt="\\.",IE="\\+",DE="\\?",ys="\\/",qE="(?=.)",Um="[^/]",hl=`(?:${ys}|$)`,Vm=`(?:^|${ys})`,ml=`${yt}{1,2}${hl}`,$E=`(?!${yt})`,LE=`(?!${Vm}${ml})`,ME=`(?!${yt}{0,1}${hl})`,NE=`(?!${ml})`,BE=`[^.${ys}]`,FE=`${Um}*?`,Hm={DOT_LITERAL:yt,PLUS_LITERAL:IE,QMARK_LITERAL:DE,SLASH_LITERAL:ys,ONE_CHAR:qE,QMARK:Um,END_ANCHOR:hl,DOTS_SLASH:ml,NO_DOT:$E,NO_DOTS:LE,NO_DOT_SLASH:ME,NO_DOTS_SLASH:NE,QMARK_NO_DOT:BE,STAR:FE,START_ANCHOR:Vm},jE={...Hm,SLASH_LITERAL:`[${at}]`,QMARK:zm,STAR:`${zm}*?`,DOTS_SLASH:`${yt}{1,2}(?:[${at}]|$)`,NO_DOT:`(?!${yt})`,NO_DOTS:`(?!(?:^|[${at}])${yt}{1,2}(?:[${at}]|$))`,NO_DOT_SLASH:`(?!${yt}{0,1}(?:[${at}]|$))`,NO_DOTS_SLASH:`(?!${yt}{1,2}(?:[${at}]|$))`,QMARK_NO_DOT:`[^.${at}]`,START_ANCHOR:`(?:^|[${at}])`,END_ANCHOR:`(?:[${at}]|$)`},zE={alnum:"a-zA-Z0-9",alpha:"a-zA-Z",ascii:"\\x00-\\x7F",blank:" \\t",cntrl:"\\x00-\\x1F\\x7F",digit:"0-9",graph:"\\x21-\\x7E",lower:"a-z",print:"\\x20-\\x7E ",punct:"\\-!\"#$%&'()\\*+,./:;<=>?@[\\]^_`{|}~",space:" \\t\\r\\n\\v\\f",upper:"A-Z",word:"A-Za-z0-9_",xdigit:"A-Fa-f0-9"};Wm.exports={MAX_LENGTH:1024*64,POSIX_REGEX_SOURCE:zE,REGEX_BACKSLASH:/\\(?![*+?^${}(|)[\]])/g,REGEX_NON_SPECIAL_CHARS:/^[^@![\].,$*+?^{}()|\\/]+/,REGEX_SPECIAL_CHARS:/[-*+?.^${}(|)[\]]/,REGEX_SPECIAL_CHARS_BACKREF:/(\\?)((\W)(\3*))/g,REGEX_SPECIAL_CHARS_GLOBAL:/([-*+?.^${}(|)[\]])/g,REGEX_REMOVE_BACKSLASH:/(?:\[.*?[^\\]\]|\\(?=.))/g,REPLACEMENTS:{"***":"*","**/**":"**","**/**/**":"**"},CHAR_0:48,CHAR_9:57,CHAR_UPPERCASE_A:65,CHAR_LOWERCASE_A:97,CHAR_UPPERCASE_Z:90,CHAR_LOWERCASE_Z:122,CHAR_LEFT_PARENTHESES:40,CHAR_RIGHT_PARENTHESES:41,CHAR_ASTERISK:42,CHAR_AMPERSAND:38,CHAR_AT:64,CHAR_BACKWARD_SLASH:92,CHAR_CARRIAGE_RETURN:13,CHAR_CIRCUMFLEX_ACCENT:94,CHAR_COLON:58,CHAR_COMMA:44,CHAR_DOT:46,CHAR_DOUBLE_QUOTE:34,CHAR_EQUAL:61,CHAR_EXCLAMATION_MARK:33,CHAR_FORM_FEED:12,CHAR_FORWARD_SLASH:47,CHAR_GRAVE_ACCENT:96,CHAR_HASH:35,CHAR_HYPHEN_MINUS:45,CHAR_LEFT_ANGLE_BRACKET:60,CHAR_LEFT_CURLY_BRACE:123,CHAR_LEFT_SQUARE_BRACKET:91,CHAR_LINE_FEED:10,CHAR_NO_BREAK_SPACE:160,CHAR_PERCENT:37,CHAR_PLUS:43,CHAR_QUESTION_MARK:63,CHAR_RIGHT_ANGLE_BRACKET:62,CHAR_RIGHT_CURLY_BRACE:125,CHAR_RIGHT_SQUARE_BRACKET:93,CHAR_SEMICOLON:59,CHAR_SINGLE_QUOTE:39,CHAR_SPACE:32,CHAR_TAB:9,CHAR_UNDERSCORE:95,CHAR_VERTICAL_LINE:124,CHAR_ZERO_WIDTH_NOBREAK_SPACE:65279,SEP:PE.sep,extglobChars(r){return{"!":{type:"negate",open:"(?:(?!(?:",close:`))${r.STAR})`},"?":{type:"qmark",open:"(?:",close:")?"},"+":{type:"plus",open:"(?:",close:")+"},"*":{type:"star",open:"(?:",close:")*"},"@":{type:"at",open:"(?:",close:")"}}},globChars(r){return r===!0?jE:Hm}}});var qi=x(Re=>{u();"use strict";var UE=(et(),Ur),VE=m.platform==="win32",{REGEX_BACKSLASH:HE,REGEX_REMOVE_BACKSLASH:WE,REGEX_SPECIAL_CHARS:GE,REGEX_SPECIAL_CHARS_GLOBAL:QE}=Di();Re.isObject=r=>r!==null&&typeof r=="object"&&!Array.isArray(r);Re.hasRegexChars=r=>GE.test(r);Re.isRegexChar=r=>r.length===1&&Re.hasRegexChars(r);Re.escapeRegex=r=>r.replace(QE,"\\$1");Re.toPosixSlashes=r=>r.replace(HE,"/");Re.removeBackslashes=r=>r.replace(WE,e=>e==="\\"?"":e);Re.supportsLookbehinds=()=>{let r=m.version.slice(1).split(".").map(Number);return r.length===3&&r[0]>=9||r[0]===8&&r[1]>=10};Re.isWindows=r=>r&&typeof r.windows=="boolean"?r.windows:VE===!0||UE.sep==="\\";Re.escapeLast=(r,e,t)=>{let i=r.lastIndexOf(e,t);return i===-1?r:r[i-1]==="\\"?Re.escapeLast(r,e,i-1):`${r.slice(0,i)}\\${r.slice(i)}`};Re.removePrefix=(r,e={})=>{let t=r;return t.startsWith("./")&&(t=t.slice(2),e.prefix="./"),t};Re.wrapOutput=(r,e={},t={})=>{let i=t.contains?"":"^",n=t.contains?"":"$",s=`${i}(?:${r})${n}`;return e.negated===!0&&(s=`(?:^(?!${s}).*$)`),s}});var eg=x((u6,Jm)=>{u();"use strict";var Gm=qi(),{CHAR_ASTERISK:gl,CHAR_AT:YE,CHAR_BACKWARD_SLASH:$i,CHAR_COMMA:KE,CHAR_DOT:yl,CHAR_EXCLAMATION_MARK:bl,CHAR_FORWARD_SLASH:Qm,CHAR_LEFT_CURLY_BRACE:wl,CHAR_LEFT_PARENTHESES:vl,CHAR_LEFT_SQUARE_BRACKET:XE,CHAR_PLUS:ZE,CHAR_QUESTION_MARK:Ym,CHAR_RIGHT_CURLY_BRACE:JE,CHAR_RIGHT_PARENTHESES:Km,CHAR_RIGHT_SQUARE_BRACKET:e2}=Di(),Xm=r=>r===Qm||r===$i,Zm=r=>{r.isPrefix!==!0&&(r.depth=r.isGlobstar?1/0:1)},t2=(r,e)=>{let t=e||{},i=r.length-1,n=t.parts===!0||t.scanToEnd===!0,s=[],a=[],o=[],l=r,c=-1,f=0,d=0,p=!1,h=!1,b=!1,v=!1,y=!1,w=!1,k=!1,S=!1,E=!1,T=!1,B=0,N,R,F={value:"",depth:0,isGlob:!1},Y=()=>c>=i,_=()=>l.charCodeAt(c+1),Q=()=>(N=R,l.charCodeAt(++c));for(;c<i;){R=Q();let he;if(R===$i){k=F.backslashes=!0,R=Q(),R===wl&&(w=!0);continue}if(w===!0||R===wl){for(B++;Y()!==!0&&(R=Q());){if(R===$i){k=F.backslashes=!0,Q();continue}if(R===wl){B++;continue}if(w!==!0&&R===yl&&(R=Q())===yl){if(p=F.isBrace=!0,b=F.isGlob=!0,T=!0,n===!0)continue;break}if(w!==!0&&R===KE){if(p=F.isBrace=!0,b=F.isGlob=!0,T=!0,n===!0)continue;break}if(R===JE&&(B--,B===0)){w=!1,p=F.isBrace=!0,T=!0;break}}if(n===!0)continue;break}if(R===Qm){if(s.push(c),a.push(F),F={value:"",depth:0,isGlob:!1},T===!0)continue;if(N===yl&&c===f+1){f+=2;continue}d=c+1;continue}if(t.noext!==!0&&(R===ZE||R===YE||R===gl||R===Ym||R===bl)===!0&&_()===vl){if(b=F.isGlob=!0,v=F.isExtglob=!0,T=!0,R===bl&&c===f&&(E=!0),n===!0){for(;Y()!==!0&&(R=Q());){if(R===$i){k=F.backslashes=!0,R=Q();continue}if(R===Km){b=F.isGlob=!0,T=!0;break}}continue}break}if(R===gl){if(N===gl&&(y=F.isGlobstar=!0),b=F.isGlob=!0,T=!0,n===!0)continue;break}if(R===Ym){if(b=F.isGlob=!0,T=!0,n===!0)continue;break}if(R===XE){for(;Y()!==!0&&(he=Q());){if(he===$i){k=F.backslashes=!0,Q();continue}if(he===e2){h=F.isBracket=!0,b=F.isGlob=!0,T=!0;break}}if(n===!0)continue;break}if(t.nonegate!==!0&&R===bl&&c===f){S=F.negated=!0,f++;continue}if(t.noparen!==!0&&R===vl){if(b=F.isGlob=!0,n===!0){for(;Y()!==!0&&(R=Q());){if(R===vl){k=F.backslashes=!0,R=Q();continue}if(R===Km){T=!0;break}}continue}break}if(b===!0){if(T=!0,n===!0)continue;break}}t.noext===!0&&(v=!1,b=!1);let U=l,le="",A="";f>0&&(le=l.slice(0,f),l=l.slice(f),d-=f),U&&b===!0&&d>0?(U=l.slice(0,d),A=l.slice(d)):b===!0?(U="",A=l):U=l,U&&U!==""&&U!=="/"&&U!==l&&Xm(U.charCodeAt(U.length-1))&&(U=U.slice(0,-1)),t.unescape===!0&&(A&&(A=Gm.removeBackslashes(A)),U&&k===!0&&(U=Gm.removeBackslashes(U)));let C={prefix:le,input:r,start:f,base:U,glob:A,isBrace:p,isBracket:h,isGlob:b,isExtglob:v,isGlobstar:y,negated:S,negatedExtglob:E};if(t.tokens===!0&&(C.maxDepth=0,Xm(R)||a.push(F),C.tokens=a),t.parts===!0||t.tokens===!0){let he;for(let V=0;V<s.length;V++){let Ee=he?he+1:f,Ie=s[V],De=r.slice(Ee,Ie);t.tokens&&(V===0&&f!==0?(a[V].isPrefix=!0,a[V].value=le):a[V].value=De,Zm(a[V]),C.maxDepth+=a[V].depth),(V!==0||De!=="")&&o.push(De),he=Ie}if(he&&he+1<r.length){let V=r.slice(he+1);o.push(V),t.tokens&&(a[a.length-1].value=V,Zm(a[a.length-1]),C.maxDepth+=a[a.length-1].depth)}C.slashes=s,C.parts=o}return C};Jm.exports=t2});var ig=x((f6,rg)=>{u();"use strict";var bs=Di(),Me=qi(),{MAX_LENGTH:ws,POSIX_REGEX_SOURCE:r2,REGEX_NON_SPECIAL_CHARS:i2,REGEX_SPECIAL_CHARS_BACKREF:n2,REPLACEMENTS:tg}=bs,s2=(r,e)=>{if(typeof e.expandRange=="function")return e.expandRange(...r,e);r.sort();let t=`[${r.join("-")}]`;try{new RegExp(t)}catch(i){return r.map(n=>Me.escapeRegex(n)).join("..")}return t},gr=(r,e)=>`Missing ${r}: "${e}" - use "\\\\${e}" to match literal characters`,xl=(r,e)=>{if(typeof r!="string")throw new TypeError("Expected a string");r=tg[r]||r;let t={...e},i=typeof t.maxLength=="number"?Math.min(ws,t.maxLength):ws,n=r.length;if(n>i)throw new SyntaxError(`Input length: ${n}, exceeds maximum allowed length: ${i}`);let s={type:"bos",value:"",output:t.prepend||""},a=[s],o=t.capture?"":"?:",l=Me.isWindows(e),c=bs.globChars(l),f=bs.extglobChars(c),{DOT_LITERAL:d,PLUS_LITERAL:p,SLASH_LITERAL:h,ONE_CHAR:b,DOTS_SLASH:v,NO_DOT:y,NO_DOT_SLASH:w,NO_DOTS_SLASH:k,QMARK:S,QMARK_NO_DOT:E,STAR:T,START_ANCHOR:B}=c,N=$=>`(${o}(?:(?!${B}${$.dot?v:d}).)*?)`,R=t.dot?"":y,F=t.dot?S:E,Y=t.bash===!0?N(t):T;t.capture&&(Y=`(${Y})`),typeof t.noext=="boolean"&&(t.noextglob=t.noext);let _={input:r,index:-1,start:0,dot:t.dot===!0,consumed:"",output:"",prefix:"",backtrack:!1,negated:!1,brackets:0,braces:0,parens:0,quotes:0,globstar:!1,tokens:a};r=Me.removePrefix(r,_),n=r.length;let Q=[],U=[],le=[],A=s,C,he=()=>_.index===n-1,V=_.peek=($=1)=>r[_.index+$],Ee=_.advance=()=>r[++_.index]||"",Ie=()=>r.slice(_.index+1),De=($="",ae=0)=>{_.consumed+=$,_.index+=ae},ji=$=>{_.output+=$.output!=null?$.output:$.value,De($.value)},Iv=()=>{let $=1;for(;V()==="!"&&(V(2)!=="("||V(3)==="?");)Ee(),_.start++,$++;return $%2==0?!1:(_.negated=!0,_.start++,!0)},zi=$=>{_[$]++,le.push($)},Ft=$=>{_[$]--,le.pop()},W=$=>{if(A.type==="globstar"){let ae=_.braces>0&&($.type==="comma"||$.type==="brace"),I=$.extglob===!0||Q.length&&($.type==="pipe"||$.type==="paren");$.type!=="slash"&&$.type!=="paren"&&!ae&&!I&&(_.output=_.output.slice(0,-A.output.length),A.type="star",A.value="*",A.output=Y,_.output+=A.output)}if(Q.length&&$.type!=="paren"&&(Q[Q.length-1].inner+=$.value),($.value||$.output)&&ji($),A&&A.type==="text"&&$.type==="text"){A.value+=$.value,A.output=(A.output||"")+$.value;return}$.prev=A,a.push($),A=$},Ui=($,ae)=>{let I={...f[ae],conditions:1,inner:""};I.prev=A,I.parens=_.parens,I.output=_.output;let H=(t.capture?"(":"")+I.open;zi("parens"),W({type:$,value:ae,output:_.output?"":b}),W({type:"paren",extglob:!0,value:Ee(),output:H}),Q.push(I)},Dv=$=>{let ae=$.close+(t.capture?")":""),I;if($.type==="negate"){let H=Y;if($.inner&&$.inner.length>1&&$.inner.includes("/")&&(H=N(t)),(H!==Y||he()||/^\)+$/.test(Ie()))&&(ae=$.close=`)$))${H}`),$.inner.includes("*")&&(I=Ie())&&/^\.[^\\/.]+$/.test(I)){let ce=xl(I,{...e,fastpaths:!1}).output;ae=$.close=`)${ce})${H})`}$.prev.type==="bos"&&(_.negatedExtglob=!0)}W({type:"paren",extglob:!0,value:C,output:ae}),Ft("parens")};if(t.fastpaths!==!1&&!/(^[*!]|[/()[\]{}"])/.test(r)){let $=!1,ae=r.replace(n2,(I,H,ce,Ce,ye,Bs)=>Ce==="\\"?($=!0,I):Ce==="?"?H?H+Ce+(ye?S.repeat(ye.length):""):Bs===0?F+(ye?S.repeat(ye.length):""):S.repeat(ce.length):Ce==="."?d.repeat(ce.length):Ce==="*"?H?H+Ce+(ye?Y:""):Y:H?I:`\\${I}`);return $===!0&&(t.unescape===!0?ae=ae.replace(/\\/g,""):ae=ae.replace(/\\+/g,I=>I.length%2==0?"\\\\":I?"\\":"")),ae===r&&t.contains===!0?(_.output=r,_):(_.output=Me.wrapOutput(ae,_,e),_)}for(;!he();){if(C=Ee(),C==="\0")continue;if(C==="\\"){let I=V();if(I==="/"&&t.bash!==!0||I==="."||I===";")continue;if(!I){C+="\\",W({type:"text",value:C});continue}let H=/^\\+/.exec(Ie()),ce=0;if(H&&H[0].length>2&&(ce=H[0].length,_.index+=ce,ce%2!=0&&(C+="\\")),t.unescape===!0?C=Ee():C+=Ee(),_.brackets===0){W({type:"text",value:C});continue}}if(_.brackets>0&&(C!=="]"||A.value==="["||A.value==="[^")){if(t.posix!==!1&&C===":"){let I=A.value.slice(1);if(I.includes("[")&&(A.posix=!0,I.includes(":"))){let H=A.value.lastIndexOf("["),ce=A.value.slice(0,H),Ce=A.value.slice(H+2),ye=r2[Ce];if(ye){A.value=ce+ye,_.backtrack=!0,Ee(),!s.output&&a.indexOf(A)===1&&(s.output=b);continue}}}(C==="["&&V()!==":"||C==="-"&&V()==="]")&&(C=`\\${C}`),C==="]"&&(A.value==="["||A.value==="[^")&&(C=`\\${C}`),t.posix===!0&&C==="!"&&A.value==="["&&(C="^"),A.value+=C,ji({value:C});continue}if(_.quotes===1&&C!=='"'){C=Me.escapeRegex(C),A.value+=C,ji({value:C});continue}if(C==='"'){_.quotes=_.quotes===1?0:1,t.keepQuotes===!0&&W({type:"text",value:C});continue}if(C==="("){zi("parens"),W({type:"paren",value:C});continue}if(C===")"){if(_.parens===0&&t.strictBrackets===!0)throw new SyntaxError(gr("opening","("));let I=Q[Q.length-1];if(I&&_.parens===I.parens+1){Dv(Q.pop());continue}W({type:"paren",value:C,output:_.parens?")":"\\)"}),Ft("parens");continue}if(C==="["){if(t.nobracket===!0||!Ie().includes("]")){if(t.nobracket!==!0&&t.strictBrackets===!0)throw new SyntaxError(gr("closing","]"));C=`\\${C}`}else zi("brackets");W({type:"bracket",value:C});continue}if(C==="]"){if(t.nobracket===!0||A&&A.type==="bracket"&&A.value.length===1){W({type:"text",value:C,output:`\\${C}`});continue}if(_.brackets===0){if(t.strictBrackets===!0)throw new SyntaxError(gr("opening","["));W({type:"text",value:C,output:`\\${C}`});continue}Ft("brackets");let I=A.value.slice(1);if(A.posix!==!0&&I[0]==="^"&&!I.includes("/")&&(C=`/${C}`),A.value+=C,ji({value:C}),t.literalBrackets===!1||Me.hasRegexChars(I))continue;let H=Me.escapeRegex(A.value);if(_.output=_.output.slice(0,-A.value.length),t.literalBrackets===!0){_.output+=H,A.value=H;continue}A.value=`(${o}${H}|${A.value})`,_.output+=A.value;continue}if(C==="{"&&t.nobrace!==!0){zi("braces");let I={type:"brace",value:C,output:"(",outputIndex:_.output.length,tokensIndex:_.tokens.length};U.push(I),W(I);continue}if(C==="}"){let I=U[U.length-1];if(t.nobrace===!0||!I){W({type:"text",value:C,output:C});continue}let H=")";if(I.dots===!0){let ce=a.slice(),Ce=[];for(let ye=ce.length-1;ye>=0&&(a.pop(),ce[ye].type!=="brace");ye--)ce[ye].type!=="dots"&&Ce.unshift(ce[ye].value);H=s2(Ce,t),_.backtrack=!0}if(I.comma!==!0&&I.dots!==!0){let ce=_.output.slice(0,I.outputIndex),Ce=_.tokens.slice(I.tokensIndex);I.value=I.output="\\{",C=H="\\}",_.output=ce;for(let ye of Ce)_.output+=ye.output||ye.value}W({type:"brace",value:C,output:H}),Ft("braces"),U.pop();continue}if(C==="|"){Q.length>0&&Q[Q.length-1].conditions++,W({type:"text",value:C});continue}if(C===","){let I=C,H=U[U.length-1];H&&le[le.length-1]==="braces"&&(H.comma=!0,I="|"),W({type:"comma",value:C,output:I});continue}if(C==="/"){if(A.type==="dot"&&_.index===_.start+1){_.start=_.index+1,_.consumed="",_.output="",a.pop(),A=s;continue}W({type:"slash",value:C,output:h});continue}if(C==="."){if(_.braces>0&&A.type==="dot"){A.value==="."&&(A.output=d);let I=U[U.length-1];A.type="dots",A.output+=C,A.value+=C,I.dots=!0;continue}if(_.braces+_.parens===0&&A.type!=="bos"&&A.type!=="slash"){W({type:"text",value:C,output:d});continue}W({type:"dot",value:C,output:d});continue}if(C==="?"){if(!(A&&A.value==="(")&&t.noextglob!==!0&&V()==="("&&V(2)!=="?"){Ui("qmark",C);continue}if(A&&A.type==="paren"){let H=V(),ce=C;if(H==="<"&&!Me.supportsLookbehinds())throw new Error("Node.js v10 or higher is required for regex lookbehinds");(A.value==="("&&!/[!=<:]/.test(H)||H==="<"&&!/<([!=]|\w+>)/.test(Ie()))&&(ce=`\\${C}`),W({type:"text",value:C,output:ce});continue}if(t.dot!==!0&&(A.type==="slash"||A.type==="bos")){W({type:"qmark",value:C,output:E});continue}W({type:"qmark",value:C,output:S});continue}if(C==="!"){if(t.noextglob!==!0&&V()==="("&&(V(2)!=="?"||!/[!=<:]/.test(V(3)))){Ui("negate",C);continue}if(t.nonegate!==!0&&_.index===0){Iv();continue}}if(C==="+"){if(t.noextglob!==!0&&V()==="("&&V(2)!=="?"){Ui("plus",C);continue}if(A&&A.value==="("||t.regex===!1){W({type:"plus",value:C,output:p});continue}if(A&&(A.type==="bracket"||A.type==="paren"||A.type==="brace")||_.parens>0){W({type:"plus",value:C});continue}W({type:"plus",value:p});continue}if(C==="@"){if(t.noextglob!==!0&&V()==="("&&V(2)!=="?"){W({type:"at",extglob:!0,value:C,output:""});continue}W({type:"text",value:C});continue}if(C!=="*"){(C==="$"||C==="^")&&(C=`\\${C}`);let I=i2.exec(Ie());I&&(C+=I[0],_.index+=I[0].length),W({type:"text",value:C});continue}if(A&&(A.type==="globstar"||A.star===!0)){A.type="star",A.star=!0,A.value+=C,A.output=Y,_.backtrack=!0,_.globstar=!0,De(C);continue}let $=Ie();if(t.noextglob!==!0&&/^\([^?]/.test($)){Ui("star",C);continue}if(A.type==="star"){if(t.noglobstar===!0){De(C);continue}let I=A.prev,H=I.prev,ce=I.type==="slash"||I.type==="bos",Ce=H&&(H.type==="star"||H.type==="globstar");if(t.bash===!0&&(!ce||$[0]&&$[0]!=="/")){W({type:"star",value:C,output:""});continue}let ye=_.braces>0&&(I.type==="comma"||I.type==="brace"),Bs=Q.length&&(I.type==="pipe"||I.type==="paren");if(!ce&&I.type!=="paren"&&!ye&&!Bs){W({type:"star",value:C,output:""});continue}for(;$.slice(0,3)==="/**";){let Vi=r[_.index+4];if(Vi&&Vi!=="/")break;$=$.slice(3),De("/**",3)}if(I.type==="bos"&&he()){A.type="globstar",A.value+=C,A.output=N(t),_.output=A.output,_.globstar=!0,De(C);continue}if(I.type==="slash"&&I.prev.type!=="bos"&&!Ce&&he()){_.output=_.output.slice(0,-(I.output+A.output).length),I.output=`(?:${I.output}`,A.type="globstar",A.output=N(t)+(t.strictSlashes?")":"|$)"),A.value+=C,_.globstar=!0,_.output+=I.output+A.output,De(C);continue}if(I.type==="slash"&&I.prev.type!=="bos"&&$[0]==="/"){let Vi=$[1]!==void 0?"|$":"";_.output=_.output.slice(0,-(I.output+A.output).length),I.output=`(?:${I.output}`,A.type="globstar",A.output=`${N(t)}${h}|${h}${Vi})`,A.value+=C,_.output+=I.output+A.output,_.globstar=!0,De(C+Ee()),W({type:"slash",value:"/",output:""});continue}if(I.type==="bos"&&$[0]==="/"){A.type="globstar",A.value+=C,A.output=`(?:^|${h}|${N(t)}${h})`,_.output=A.output,_.globstar=!0,De(C+Ee()),W({type:"slash",value:"/",output:""});continue}_.output=_.output.slice(0,-A.output.length),A.type="globstar",A.output=N(t),A.value+=C,_.output+=A.output,_.globstar=!0,De(C);continue}let ae={type:"star",value:C,output:Y};if(t.bash===!0){ae.output=".*?",(A.type==="bos"||A.type==="slash")&&(ae.output=R+ae.output),W(ae);continue}if(A&&(A.type==="bracket"||A.type==="paren")&&t.regex===!0){ae.output=C,W(ae);continue}(_.index===_.start||A.type==="slash"||A.type==="dot")&&(A.type==="dot"?(_.output+=w,A.output+=w):t.dot===!0?(_.output+=k,A.output+=k):(_.output+=R,A.output+=R),V()!=="*"&&(_.output+=b,A.output+=b)),W(ae)}for(;_.brackets>0;){if(t.strictBrackets===!0)throw new SyntaxError(gr("closing","]"));_.output=Me.escapeLast(_.output,"["),Ft("brackets")}for(;_.parens>0;){if(t.strictBrackets===!0)throw new SyntaxError(gr("closing",")"));_.output=Me.escapeLast(_.output,"("),Ft("parens")}for(;_.braces>0;){if(t.strictBrackets===!0)throw new SyntaxError(gr("closing","}"));_.output=Me.escapeLast(_.output,"{"),Ft("braces")}if(t.strictSlashes!==!0&&(A.type==="star"||A.type==="bracket")&&W({type:"maybe_slash",value:"",output:`${h}?`}),_.backtrack===!0){_.output="";for(let $ of _.tokens)_.output+=$.output!=null?$.output:$.value,$.suffix&&(_.output+=$.suffix)}return _};xl.fastpaths=(r,e)=>{let t={...e},i=typeof t.maxLength=="number"?Math.min(ws,t.maxLength):ws,n=r.length;if(n>i)throw new SyntaxError(`Input length: ${n}, exceeds maximum allowed length: ${i}`);r=tg[r]||r;let s=Me.isWindows(e),{DOT_LITERAL:a,SLASH_LITERAL:o,ONE_CHAR:l,DOTS_SLASH:c,NO_DOT:f,NO_DOTS:d,NO_DOTS_SLASH:p,STAR:h,START_ANCHOR:b}=bs.globChars(s),v=t.dot?d:f,y=t.dot?p:f,w=t.capture?"":"?:",k={negated:!1,prefix:""},S=t.bash===!0?".*?":h;t.capture&&(S=`(${S})`);let E=R=>R.noglobstar===!0?S:`(${w}(?:(?!${b}${R.dot?c:a}).)*?)`,T=R=>{switch(R){case"*":return`${v}${l}${S}`;case".*":return`${a}${l}${S}`;case"*.*":return`${v}${S}${a}${l}${S}`;case"*/*":return`${v}${S}${o}${l}${y}${S}`;case"**":return v+E(t);case"**/*":return`(?:${v}${E(t)}${o})?${y}${l}${S}`;case"**/*.*":return`(?:${v}${E(t)}${o})?${y}${S}${a}${l}${S}`;case"**/.*":return`(?:${v}${E(t)}${o})?${a}${l}${S}`;default:{let F=/^(.*?)\.(\w+)$/.exec(R);if(!F)return;let Y=T(F[1]);return Y?Y+a+F[2]:void 0}}},B=Me.removePrefix(r,k),N=T(B);return N&&t.strictSlashes!==!0&&(N+=`${o}?`),N};rg.exports=xl});var sg=x((c6,ng)=>{u();"use strict";var a2=(et(),Ur),o2=eg(),kl=ig(),Sl=qi(),l2=Di(),u2=r=>r&&typeof r=="object"&&!Array.isArray(r),de=(r,e,t=!1)=>{if(Array.isArray(r)){let f=r.map(p=>de(p,e,t));return p=>{for(let h of f){let b=h(p);if(b)return b}return!1}}let i=u2(r)&&r.tokens&&r.input;if(r===""||typeof r!="string"&&!i)throw new TypeError("Expected pattern to be a non-empty string");let n=e||{},s=Sl.isWindows(e),a=i?de.compileRe(r,e):de.makeRe(r,e,!1,!0),o=a.state;delete a.state;let l=()=>!1;if(n.ignore){let f={...e,ignore:null,onMatch:null,onResult:null};l=de(n.ignore,f,t)}let c=(f,d=!1)=>{let{isMatch:p,match:h,output:b}=de.test(f,a,e,{glob:r,posix:s}),v={glob:r,state:o,regex:a,posix:s,input:f,output:b,match:h,isMatch:p};return typeof n.onResult=="function"&&n.onResult(v),p===!1?(v.isMatch=!1,d?v:!1):l(f)?(typeof n.onIgnore=="function"&&n.onIgnore(v),v.isMatch=!1,d?v:!1):(typeof n.onMatch=="function"&&n.onMatch(v),d?v:!0)};return t&&(c.state=o),c};de.test=(r,e,t,{glob:i,posix:n}={})=>{if(typeof r!="string")throw new TypeError("Expected input to be a string");if(r==="")return{isMatch:!1,output:""};let s=t||{},a=s.format||(n?Sl.toPosixSlashes:null),o=r===i,l=o&&a?a(r):r;return o===!1&&(l=a?a(r):r,o=l===i),(o===!1||s.capture===!0)&&(s.matchBase===!0||s.basename===!0?o=de.matchBase(r,e,t,n):o=e.exec(l)),{isMatch:Boolean(o),match:o,output:l}};de.matchBase=(r,e,t,i=Sl.isWindows(t))=>(e instanceof RegExp?e:de.makeRe(e,t)).test(a2.basename(r));de.isMatch=(r,e,t)=>de(e,t)(r);de.parse=(r,e)=>Array.isArray(r)?r.map(t=>de.parse(t,e)):kl(r,{...e,fastpaths:!1});de.scan=(r,e)=>o2(r,e);de.compileRe=(r,e,t=!1,i=!1)=>{if(t===!0)return r.output;let n=e||{},s=n.contains?"":"^",a=n.contains?"":"$",o=`${s}(?:${r.output})${a}`;r&&r.negated===!0&&(o=`^(?!${o}).*$`);let l=de.toRegex(o,e);return i===!0&&(l.state=r),l};de.makeRe=(r,e={},t=!1,i=!1)=>{if(!r||typeof r!="string")throw new TypeError("Expected a non-empty string");let n={negated:!1,fastpaths:!0};return e.fastpaths!==!1&&(r[0]==="."||r[0]==="*")&&(n.output=kl.fastpaths(r,e)),n.output||(n=kl(r,e)),de.compileRe(n,e,t,i)};de.toRegex=(r,e)=>{try{let t=e||{};return new RegExp(r,t.flags||(t.nocase?"i":""))}catch(t){if(e&&e.debug===!0)throw t;return/$^/}};de.constants=l2;ng.exports=de});var og=x((p6,ag)=>{u();"use strict";ag.exports=sg()});var dg=x((d6,pg)=>{u();"use strict";var lg=(Fn(),Bn),ug=jm(),ot=og(),Al=qi(),fg=r=>r===""||r==="./",cg=r=>{let e=r.indexOf("{");return e>-1&&r.indexOf("}",e)>-1},oe=(r,e,t)=>{e=[].concat(e),r=[].concat(r);let i=new Set,n=new Set,s=new Set,a=0,o=f=>{s.add(f.output),t&&t.onResult&&t.onResult(f)};for(let f=0;f<e.length;f++){let d=ot(String(e[f]),{...t,onResult:o},!0),p=d.state.negated||d.state.negatedExtglob;p&&a++;for(let h of r){let b=d(h,!0);!(p?!b.isMatch:b.isMatch)||(p?i.add(b.output):(i.delete(b.output),n.add(b.output)))}}let c=(a===e.length?[...s]:[...n]).filter(f=>!i.has(f));if(t&&c.length===0){if(t.failglob===!0)throw new Error(`No matches found for "${e.join(", ")}"`);if(t.nonull===!0||t.nullglob===!0)return t.unescape?e.map(f=>f.replace(/\\/g,"")):e}return c};oe.match=oe;oe.matcher=(r,e)=>ot(r,e);oe.isMatch=(r,e,t)=>ot(e,t)(r);oe.any=oe.isMatch;oe.not=(r,e,t={})=>{e=[].concat(e).map(String);let i=new Set,n=[],s=o=>{t.onResult&&t.onResult(o),n.push(o.output)},a=new Set(oe(r,e,{...t,onResult:s}));for(let o of n)a.has(o)||i.add(o);return[...i]};oe.contains=(r,e,t)=>{if(typeof r!="string")throw new TypeError(`Expected a string: "${lg.inspect(r)}"`);if(Array.isArray(e))return e.some(i=>oe.contains(r,i,t));if(typeof e=="string"){if(fg(r)||fg(e))return!1;if(r.includes(e)||r.startsWith("./")&&r.slice(2).includes(e))return!0}return oe.isMatch(r,e,{...t,contains:!0})};oe.matchKeys=(r,e,t)=>{if(!Al.isObject(r))throw new TypeError("Expected the first argument to be an object");let i=oe(Object.keys(r),e,t),n={};for(let s of i)n[s]=r[s];return n};oe.some=(r,e,t)=>{let i=[].concat(r);for(let n of[].concat(e)){let s=ot(String(n),t);if(i.some(a=>s(a)))return!0}return!1};oe.every=(r,e,t)=>{let i=[].concat(r);for(let n of[].concat(e)){let s=ot(String(n),t);if(!i.every(a=>s(a)))return!1}return!0};oe.all=(r,e,t)=>{if(typeof r!="string")throw new TypeError(`Expected a string: "${lg.inspect(r)}"`);return[].concat(e).every(i=>ot(i,t)(r))};oe.capture=(r,e,t)=>{let i=Al.isWindows(t),s=ot.makeRe(String(r),{...t,capture:!0}).exec(i?Al.toPosixSlashes(e):e);if(s)return s.slice(1).map(a=>a===void 0?"":a)};oe.makeRe=(...r)=>ot.makeRe(...r);oe.scan=(...r)=>ot.scan(...r);oe.parse=(r,e)=>{let t=[];for(let i of[].concat(r||[]))for(let n of ug(String(i),e))t.push(ot.parse(n,e));return t};oe.braces=(r,e)=>{if(typeof r!="string")throw new TypeError("Expected a string");return e&&e.nobrace===!0||!cg(r)?[r]:ug(r,e)};oe.braceExpand=(r,e)=>{if(typeof r!="string")throw new TypeError("Expected a string");return oe.braces(r,{...e,expand:!0})};oe.hasBraces=cg;pg.exports=oe});function mg(r,e){let t=e.content.files;t=t.filter(o=>typeof o=="string"),t=t.map(ll);let i=ps.generateTasks(t),n=[],s=[];for(let o of i)n.push(...o.positive.map(l=>gg(l,!1))),s.push(...o.negative.map(l=>gg(l,!0)));let a=[...n,...s];return a=c2(r,a),a=a.flatMap(p2),a=a.map(f2),a}function gg(r,e){let t={original:r,base:r,ignore:e,pattern:r,glob:null};return Zh(r)&&Object.assign(t,nm(r)),t}function f2(r){let e=ll(r.base);return e=ps.escapePath(e),r.pattern=r.glob?`${e}/${r.glob}`:e,r.pattern=r.ignore?`!${r.pattern}`:r.pattern,r}function c2(r,e){let t=[];return r.userConfigPath&&r.tailwindConfig.content.relative&&(t=[me.dirname(r.userConfigPath)]),e.map(i=>(i.base=me.resolve(...t,i.base),i))}function p2(r){let e=[r];try{let t=be.realpathSync(r.base);t!==r.base&&e.push({...r,base:t})}catch{}return e}function yg(r,e,t){let i=r.tailwindConfig.content.files.filter(a=>typeof a.raw=="string").map(({raw:a,extension:o="html"})=>({content:a,extension:o})),[n,s]=h2(e,t);for(let a of n){let o=me.extname(a).slice(1);i.push({file:a,extension:o})}return[i,s]}function d2(r){if(!r.some(s=>s.includes("**")&&!wg.test(s)))return()=>{};let t=[],i=[];for(let s of r){let a=hg.default.matcher(s);wg.test(s)&&i.push(a),t.push(a)}let n=!1;return s=>{if(n||i.some(f=>f(s)))return;let a=t.findIndex(f=>f(s));if(a===-1)return;let o=r[a],l=me.relative(m.cwd(),o);l[0]!=="."&&(l=`./${l}`);let c=bg.find(f=>s.includes(f));c&&(n=!0,G.warn("broad-content-glob-pattern",[`Your \`content\` configuration includes a pattern which looks like it's accidentally matching all of \`${c}\` and can cause serious performance issues.`,`Pattern: \`${l}\``,"See our documentation for recommendations:","https://tailwindcss.com/docs/content-configuration#pattern-recommendations"]))}}function h2(r,e){let t=r.map(o=>o.pattern),i=new Map,n=d2(t),s=new Set;Ze.DEBUG&&console.time("Finding changed files");let a=ps.sync(t,{absolute:!0});for(let o of a){n(o);let l=e.get(o)||-1/0,c=be.statSync(o).mtimeMs;c>l&&(s.add(o),i.set(o,c))}return Ze.DEBUG&&console.timeEnd("Finding changed files"),[s,i]}var hg,bg,wg,vg=P(()=>{u();ft();et();Jh();em();tm();sm();It();Be();hg=pe(dg());bg=["node_modules"],wg=new RegExp(`(${bg.map(r=>String.raw`\b${r}\b`).join("|")})`)});function xg(){}var kg=P(()=>{u()});function b2(r,e){for(let t of e){let i=`${r}${t}`;if(be.existsSync(i)&&be.statSync(i).isFile())return i}for(let t of e){let i=`${r}/index${t}`;if(be.existsSync(i))return i}return null}function*Sg(r,e,t,i=me.extname(r)){let n=b2(me.resolve(e,r),m2.includes(i)?g2:y2);if(n===null||t.has(n))return;t.add(n),yield n,e=me.dirname(n),i=me.extname(n);let s=be.readFileSync(n,"utf-8");for(let a of[...s.matchAll(/import[\s\S]*?['"](.{3,}?)['"]/gi),...s.matchAll(/import[\s\S]*from[\s\S]*?['"](.{3,}?)['"]/gi),...s.matchAll(/require\(['"`](.+)['"`]\)/gi)])!a[1].startsWith(".")||(yield*Sg(a[1],e,t,i))}function Cl(r){return r===null?new Set:new Set(Sg(r,me.dirname(r),new Set))}var m2,g2,y2,Ag=P(()=>{u();ft();et();m2=[".js",".cjs",".mjs"],g2=["",".js",".cjs",".mjs",".ts",".cts",".mts",".jsx",".tsx"],y2=["",".ts",".cts",".mts",".tsx",".js",".cjs",".mjs",".jsx"]});function w2(r,e){if(_l.has(r))return _l.get(r);let t=mg(r,e);return _l.set(r,t).get(r)}function v2(r){let e=aa(r);if(e!==null){let[i,n,s,a]=_g.get(e)||[],o=Cl(e),l=!1,c=new Map;for(let p of o){let h=be.statSync(p).mtimeMs;c.set(p,h),(!a||!a.has(p)||h>a.get(p))&&(l=!0)}if(!l)return[i,e,n,s];for(let p of o)delete hf.cache[p];let f=ol(zr(xg(e))),d=Wi(f);return _g.set(e,[f,d,o,c]),[f,e,d,o]}let t=zr(r?.config??r??{});return t=ol(t),[t,null,Wi(t),[]]}function El(r){return({tailwindDirectives:e,registerDependency:t})=>(i,n)=>{let[s,a,o,l]=v2(r),c=new Set(l);if(e.size>0){c.add(n.opts.from);for(let b of n.messages)b.type==="dependency"&&c.add(b.file)}let[f,,d]=Vh(i,n,s,a,o,c),p=cs(f),h=w2(f,s);if(e.size>0){for(let y of h)for(let w of nl(y))t(w);let[b,v]=yg(f,h,p);for(let y of b)f.changedContent.push(y);for(let[y,w]of v.entries())d.set(y,w)}for(let b of l)t({type:"dependency",file:b});for(let[b,v]of d.entries())p.set(b,v);return f}}var Cg,_g,_l,Eg=P(()=>{u();ft();Cg=pe(Fs());wf();sa();oc();Oi();Hh();Xh();vg();kg();Ag();_g=new Cg.default({maxSize:100}),_l=new WeakMap});function Ol(r){let e=new Set,t=new Set,i=new Set;if(r.walkAtRules(n=>{n.name==="apply"&&i.add(n),n.name==="import"&&(n.params==='"tailwindcss/base"'||n.params==="'tailwindcss/base'"?(n.name="tailwind",n.params="base"):n.params==='"tailwindcss/components"'||n.params==="'tailwindcss/components'"?(n.name="tailwind",n.params="components"):n.params==='"tailwindcss/utilities"'||n.params==="'tailwindcss/utilities'"?(n.name="tailwind",n.params="utilities"):(n.params==='"tailwindcss/screens"'||n.params==="'tailwindcss/screens'"||n.params==='"tailwindcss/variants"'||n.params==="'tailwindcss/variants'")&&(n.name="tailwind",n.params="variants")),n.name==="tailwind"&&(n.params==="screens"&&(n.params="variants"),e.add(n.params)),["layer","responsive","variants"].includes(n.name)&&(["responsive","variants"].includes(n.name)&&G.warn(`${n.name}-at-rule-deprecated`,[`The \`@${n.name}\` directive has been deprecated in Tailwind CSS v3.0.`,"Use `@layer utilities` or `@layer components` instead.","https://tailwindcss.com/docs/upgrade-guide#replace-variants-with-layer"]),t.add(n))}),!e.has("base")||!e.has("components")||!e.has("utilities")){for(let n of t)if(n.name==="layer"&&["base","components","utilities"].includes(n.params)){if(!e.has(n.params))throw n.error(`\`@layer ${n.params}\` is used but no matching \`@tailwind ${n.params}\` directive is present.`)}else if(n.name==="responsive"){if(!e.has("utilities"))throw n.error("`@responsive` is used but `@tailwind utilities` is missing.")}else if(n.name==="variants"&&!e.has("utilities"))throw n.error("`@variants` is used but `@tailwind utilities` is missing.")}return{tailwindDirectives:e,applyDirectives:i}}var Og=P(()=>{u();Be()});function Qt(r,e=void 0,t=void 0){return r.map(i=>{let n=i.clone();return t!==void 0&&(n.raws.tailwind={...n.raws.tailwind,...t}),e!==void 0&&Tg(n,s=>{if(s.raws.tailwind?.preserveSource===!0&&s.source)return!1;s.source=e}),n})}function Tg(r,e){e(r)!==!1&&r.each?.(t=>Tg(t,e))}var Rg=P(()=>{u()});function Tl(r){return r=Array.isArray(r)?r:[r],r=r.map(e=>e instanceof RegExp?e.source:e),r.join("")}function Ne(r){return new RegExp(Tl(r),"g")}function qt(r){return`(?:${r.map(Tl).join("|")})`}function Rl(r){return`(?:${Tl(r)})?`}function Ig(r){return r&&x2.test(r)?r.replace(Pg,"\\$&"):r||""}var Pg,x2,Dg=P(()=>{u();Pg=/[\\^$.*+?()[\]{}|]/g,x2=RegExp(Pg.source)});function qg(r){let e=Array.from(k2(r));return t=>{let i=[];for(let n of e)for(let s of t.match(n)??[])i.push(C2(s));for(let n of i.slice()){let s=ve(n,".");for(let a=0;a<s.length;a++){let o=s[a];if(a>=s.length-1){i.push(o);continue}let l=Number(s[a+1]);isNaN(l)?i.push(o):a++}}return i}}function*k2(r){let e=r.tailwindConfig.separator,t=r.tailwindConfig.prefix!==""?Rl(Ne([/-?/,Ig(r.tailwindConfig.prefix)])):"",i=qt([/\[[^\s:'"`]+:[^\s\[\]]+\]/,/\[[^\s:'"`\]]+:[^\s]+?\[[^\s]+\][^\s]+?\]/,Ne([qt([/-?(?:\w+)/,/@(?:\w+)/]),Rl(qt([Ne([qt([/-(?:\w+-)*\['[^\s]+'\]/,/-(?:\w+-)*\["[^\s]+"\]/,/-(?:\w+-)*\[`[^\s]+`\]/,/-(?:\w+-)*\[(?:[^\s\[\]]+\[[^\s\[\]]+\])*[^\s:\[\]]+\]/]),/(?![{([]])/,/(?:\/[^\s'"`\\><$]*)?/]),Ne([qt([/-(?:\w+-)*\['[^\s]+'\]/,/-(?:\w+-)*\["[^\s]+"\]/,/-(?:\w+-)*\[`[^\s]+`\]/,/-(?:\w+-)*\[(?:[^\s\[\]]+\[[^\s\[\]]+\])*[^\s\[\]]+\]/]),/(?![{([]])/,/(?:\/[^\s'"`\\$]*)?/]),/[-\/][^\s'"`\\$={><]*/]))])]),n=[qt([Ne([/@\[[^\s"'`]+\](\/[^\s"'`]+)?/,e]),Ne([/([^\s"'`\[\\]+-)?\[[^\s"'`]+\]\/[\w_-]+/,e]),Ne([/([^\s"'`\[\\]+-)?\[[^\s"'`]+\]/,e]),Ne([/[^\s"'`\[\\]+/,e])]),qt([Ne([/([^\s"'`\[\\]+-)?\[[^\s`]+\]\/[\w_-]+/,e]),Ne([/([^\s"'`\[\\]+-)?\[[^\s`]+\]/,e]),Ne([/[^\s`\[\\]+/,e])])];for(let s of n)yield Ne(["((?=((",s,")+))\\2)?",/!?/,t,i]);yield/[^<>"'`\s.(){}[\]#=%$][^<>"'`\s(){}[\]#=%$]*[^<>"'`\s.(){}[\]#=%:$]/g}function C2(r){if(!r.includes("-["))return r;let e=0,t=[],i=r.matchAll(S2);i=Array.from(i).flatMap(n=>{let[,...s]=n;return s.map((a,o)=>Object.assign([],n,{index:n.index+o,0:a}))});for(let n of i){let s=n[0],a=t[t.length-1];if(s===a?t.pop():(s==="'"||s==='"'||s==="`")&&t.push(s),!a){if(s==="["){e++;continue}else if(s==="]"){e--;continue}if(e<0)return r.substring(0,n.index-1);if(e===0&&!A2.test(s))return r.substring(0,n.index)}}return r}var S2,A2,$g=P(()=>{u();Dg();zt();S2=/([\[\]'"`])([^\[\]'"`])?/g,A2=/[^"'`\s<>\]]+/});function _2(r,e){let t=r.tailwindConfig.content.extract;return t[e]||t.DEFAULT||Mg[e]||Mg.DEFAULT(r)}function E2(r,e){let t=r.content.transform;return t[e]||t.DEFAULT||Ng[e]||Ng.DEFAULT}function O2(r,e,t,i){Li.has(e)||Li.set(e,new Lg.default({maxSize:25e3}));for(let n of r.split(`
+`))if(n=n.trim(),!i.has(n))if(i.add(n),Li.get(e).has(n))for(let s of Li.get(e).get(n))t.add(s);else{let s=e(n).filter(o=>o!=="!*"),a=new Set(s);for(let o of a)t.add(o);Li.get(e).set(n,a)}}function T2(r,e){let t=e.offsets.sort(r),i={base:new Set,defaults:new Set,components:new Set,utilities:new Set,variants:new Set};for(let[n,s]of t)i[n.layer].add(s);return i}function Pl(r){return async e=>{let t={base:null,components:null,utilities:null,variants:null};if(e.walkAtRules(y=>{y.name==="tailwind"&&Object.keys(t).includes(y.params)&&(t[y.params]=y)}),Object.values(t).every(y=>y===null))return e;let i=new Set([...r.candidates??[],gt]),n=new Set;bt.DEBUG&&console.time("Reading changed files");let s=[];for(let y of r.changedContent){let w=E2(r.tailwindConfig,y.extension),k=_2(r,y.extension);s.push([y,{transformer:w,extractor:k}])}let a=500;for(let y=0;y<s.length;y+=a){let w=s.slice(y,y+a);await Promise.all(w.map(async([{file:k,content:S},{transformer:E,extractor:T}])=>{S=k?await be.promises.readFile(k,"utf8"):S,O2(E(S),T,i,n)}))}bt.DEBUG&&console.timeEnd("Reading changed files");let o=r.classCache.size;bt.DEBUG&&console.time("Generate rules"),bt.DEBUG&&console.time("Sorting candidates");let l=new Set([...i].sort((y,w)=>y===w?0:y<w?-1:1));bt.DEBUG&&console.timeEnd("Sorting candidates"),as(l,r),bt.DEBUG&&console.timeEnd("Generate rules"),bt.DEBUG&&console.time("Build stylesheet"),(r.stylesheetCache===null||r.classCache.size!==o)&&(r.stylesheetCache=T2([...r.ruleCache],r)),bt.DEBUG&&console.timeEnd("Build stylesheet");let{defaults:c,base:f,components:d,utilities:p,variants:h}=r.stylesheetCache;t.base&&(t.base.before(Qt([...c,...f],t.base.source,{layer:"base"})),t.base.remove()),t.components&&(t.components.before(Qt([...d],t.components.source,{layer:"components"})),t.components.remove()),t.utilities&&(t.utilities.before(Qt([...p],t.utilities.source,{layer:"utilities"})),t.utilities.remove());let b=Array.from(h).filter(y=>{let w=y.raws.tailwind?.parentLayer;return w==="components"?t.components!==null:w==="utilities"?t.utilities!==null:!0});t.variants?(t.variants.before(Qt(b,t.variants.source,{layer:"variants"})),t.variants.remove()):b.length>0&&e.append(Qt(b,e.source,{layer:"variants"})),e.source.end=e.source.end??e.source.start;let v=b.some(y=>y.raws.tailwind?.parentLayer==="utilities");t.utilities&&p.size===0&&!v&&G.warn("content-problems",["No utility classes were detected in your source files. If this is unexpected, double-check the `content` option in your Tailwind CSS configuration.","https://tailwindcss.com/docs/content-configuration"]),bt.DEBUG&&(console.log("Potential classes: ",i.size),console.log("Active contexts: ",es.size)),r.changedContent=[],e.walkAtRules("layer",y=>{Object.keys(t).includes(y.params)&&y.remove()})}}var Lg,bt,Mg,Ng,Li,Bg=P(()=>{u();ft();Lg=pe(Fs());It();os();Be();Rg();$g();bt=Ze,Mg={DEFAULT:qg},Ng={DEFAULT:r=>r,svelte:r=>r.replace(/(?:^|\s)class:/g," ")};Li=new WeakMap});function xs(r){let e=new Map;ee.root({nodes:[r.clone()]}).walkRules(s=>{(0,vs.default)(a=>{a.walkClasses(o=>{let l=o.parent.toString(),c=e.get(l);c||e.set(l,c=new Set),c.add(o.value)})}).processSync(s.selector)});let i=Array.from(e.values(),s=>Array.from(s)),n=i.flat();return Object.assign(n,{groups:i})}function Il(r){return R2.astSync(r)}function Fg(r,e){let t=new Set;for(let i of r)t.add(i.split(e).pop());return Array.from(t)}function jg(r,e){let t=r.tailwindConfig.prefix;return typeof t=="function"?t(e):t+e}function*zg(r){for(yield r;r.parent;)yield r.parent,r=r.parent}function P2(r,e={}){let t=r.nodes;r.nodes=[];let i=r.clone(e);return r.nodes=t,i}function I2(r){for(let e of zg(r))if(r!==e){if(e.type==="root")break;r=P2(e,{nodes:[r]})}return r}function D2(r,e){let t=new Map;return r.walkRules(i=>{for(let a of zg(i))if(a.raws.tailwind?.layer!==void 0)return;let n=I2(i),s=e.offsets.create("user");for(let a of xs(i)){let o=t.get(a)||[];t.set(a,o),o.push([{layer:"user",sort:s,important:!1},n])}}),t}function q2(r,e){for(let t of r){if(e.notClassCache.has(t)||e.applyClassCache.has(t))continue;if(e.classCache.has(t)){e.applyClassCache.set(t,e.classCache.get(t).map(([n,s])=>[n,s.clone()]));continue}let i=Array.from(Yo(t,e));if(i.length===0){e.notClassCache.add(t);continue}e.applyClassCache.set(t,i)}return e.applyClassCache}function $2(r){let e=null;return{get:t=>(e=e||r(),e.get(t)),has:t=>(e=e||r(),e.has(t))}}function L2(r){return{get:e=>r.flatMap(t=>t.get(e)||[]),has:e=>r.some(t=>t.has(e))}}function Ug(r){let e=r.split(/[\s\t\n]+/g);return e[e.length-1]==="!important"?[e.slice(0,-1),!0]:[e,!1]}function Vg(r,e,t){let i=new Set,n=[];if(r.walkAtRules("apply",l=>{let[c]=Ug(l.params);for(let f of c)i.add(f);n.push(l)}),n.length===0)return;let s=L2([t,q2(i,e)]);function a(l,c,f){let d=Il(l),p=Il(c),b=Il(`.${Te(f)}`).nodes[0].nodes[0];return d.each(v=>{let y=new Set;p.each(w=>{let k=!1;w=w.clone(),w.walkClasses(S=>{S.value===b.value&&(k||(S.replaceWith(...v.nodes.map(E=>E.clone())),y.add(w),k=!0))})});for(let w of y){let k=[[]];for(let S of w.nodes)S.type==="combinator"?(k.push(S),k.push([])):k[k.length-1].push(S);w.nodes=[];for(let S of k)Array.isArray(S)&&S.sort((E,T)=>E.type==="tag"&&T.type==="class"?-1:E.type==="class"&&T.type==="tag"?1:E.type==="class"&&T.type==="pseudo"&&T.value.startsWith("::")?-1:E.type==="pseudo"&&E.value.startsWith("::")&&T.type==="class"?1:0),w.nodes=w.nodes.concat(S)}v.replaceWith(...y)}),d.toString()}let o=new Map;for(let l of n){let[c]=o.get(l.parent)||[[],l.source];o.set(l.parent,[c,l.source]);let[f,d]=Ug(l.params);if(l.parent.type==="atrule"){if(l.parent.name==="screen"){let p=l.parent.params;throw l.error(`@apply is not supported within nested at-rules like @screen. We suggest you write this as @apply ${f.map(h=>`${p}:${h}`).join(" ")} instead.`)}throw l.error(`@apply is not supported within nested at-rules like @${l.parent.name}. You can fix this by un-nesting @${l.parent.name}.`)}for(let p of f){if([jg(e,"group"),jg(e,"peer")].includes(p))throw l.error(`@apply should not be used with the '${p}' utility`);if(!s.has(p))throw l.error(`The \`${p}\` class does not exist. If \`${p}\` is a custom class, make sure it is defined within a \`@layer\` directive.`);let h=s.get(p);for(let[,b]of h)b.type!=="atrule"&&b.walkRules(()=>{throw l.error([`The \`${p}\` class cannot be used with \`@apply\` because \`@apply\` does not currently support nested CSS.`,"Rewrite the selector without nesting or configure the `tailwindcss/nesting` plugin:","https://tailwindcss.com/docs/using-with-preprocessors#nesting"].join(`
+`))});c.push([p,d,h])}}for(let[l,[c,f]]of o){let d=[];for(let[h,b,v]of c){let y=[h,...Fg([h],e.tailwindConfig.separator)];for(let[w,k]of v){let S=xs(l),E=xs(k);if(E=E.groups.filter(R=>R.some(F=>y.includes(F))).flat(),E=E.concat(Fg(E,e.tailwindConfig.separator)),S.some(R=>E.includes(R)))throw k.error(`You cannot \`@apply\` the \`${h}\` utility here because it creates a circular dependency.`);let B=ee.root({nodes:[k.clone()]});B.walk(R=>{R.source=f}),(k.type!=="atrule"||k.type==="atrule"&&k.name!=="keyframes")&&B.walkRules(R=>{if(!xs(R).some(U=>U===h)){R.remove();return}let F=typeof e.tailwindConfig.important=="string"?e.tailwindConfig.important:null,_=l.raws.tailwind!==void 0&&F&&l.selector.indexOf(F)===0?l.selector.slice(F.length):l.selector;_===""&&(_=l.selector),R.selector=a(_,R.selector,h),F&&_!==l.selector&&(R.selector=is(R.selector,F)),R.walkDecls(U=>{U.important=w.important||b});let Q=(0,vs.default)().astSync(R.selector);Q.each(U=>pr(U)),R.selector=Q.toString()}),!!B.nodes[0]&&d.push([w.sort,B.nodes[0]])}}let p=e.offsets.sort(d).map(h=>h[1]);l.after(p)}for(let l of n)l.parent.nodes.length>1?l.remove():l.parent.remove();Vg(r,e,t)}function Dl(r){return e=>{let t=$2(()=>D2(e,r));Vg(e,r,t)}}var vs,R2,Hg=P(()=>{u();Ot();vs=pe(it());os();fr();Wo();ts();R2=(0,vs.default)()});var Wg=x((nq,ks)=>{u();(function(){"use strict";function r(i,n,s){if(!i)return null;r.caseSensitive||(i=i.toLowerCase());var a=r.threshold===null?null:r.threshold*i.length,o=r.thresholdAbsolute,l;a!==null&&o!==null?l=Math.min(a,o):a!==null?l=a:o!==null?l=o:l=null;var c,f,d,p,h,b=n.length;for(h=0;h<b;h++)if(f=n[h],s&&(f=f[s]),!!f&&(r.caseSensitive?d=f:d=f.toLowerCase(),p=t(i,d,l),(l===null||p<l)&&(l=p,s&&r.returnWinningObject?c=n[h]:c=f,r.returnFirstMatch)))return c;return c||r.nullResultValue}r.threshold=.4,r.thresholdAbsolute=20,r.caseSensitive=!1,r.nullResultValue=null,r.returnWinningObject=null,r.returnFirstMatch=!1,typeof ks!="undefined"&&ks.exports?ks.exports=r:window.didYouMean=r;var e=Math.pow(2,32)-1;function t(i,n,s){s=s||s===0?s:e;var a=i.length,o=n.length;if(a===0)return Math.min(s+1,o);if(o===0)return Math.min(s+1,a);if(Math.abs(a-o)>s)return s+1;var l=[],c,f,d,p,h;for(c=0;c<=o;c++)l[c]=[c];for(f=0;f<=a;f++)l[0][f]=f;for(c=1;c<=o;c++){for(d=e,p=1,c>s&&(p=c-s),h=o+1,h>s+c&&(h=s+c),f=1;f<=a;f++)f<p||f>h?l[c][f]=s+1:n.charAt(c-1)===i.charAt(f-1)?l[c][f]=l[c-1][f-1]:l[c][f]=Math.min(l[c-1][f-1]+1,Math.min(l[c][f-1]+1,l[c-1][f]+1)),l[c][f]<d&&(d=l[c][f]);if(d>s)return s+1}return l[o][a]}})()});var Qg=x((sq,Gg)=>{u();var ql="(".charCodeAt(0),$l=")".charCodeAt(0),Ss="'".charCodeAt(0),Ll='"'.charCodeAt(0),Ml="\\".charCodeAt(0),yr="/".charCodeAt(0),Nl=",".charCodeAt(0),Bl=":".charCodeAt(0),As="*".charCodeAt(0),M2="u".charCodeAt(0),N2="U".charCodeAt(0),B2="+".charCodeAt(0),F2=/^[a-f0-9?-]+$/i;Gg.exports=function(r){for(var e=[],t=r,i,n,s,a,o,l,c,f,d=0,p=t.charCodeAt(d),h=t.length,b=[{nodes:e}],v=0,y,w="",k="",S="";d<h;)if(p<=32){i=d;do i+=1,p=t.charCodeAt(i);while(p<=32);a=t.slice(d,i),s=e[e.length-1],p===$l&&v?S=a:s&&s.type==="div"?(s.after=a,s.sourceEndIndex+=a.length):p===Nl||p===Bl||p===yr&&t.charCodeAt(i+1)!==As&&(!y||y&&y.type==="function"&&!1)?k=a:e.push({type:"space",sourceIndex:d,sourceEndIndex:i,value:a}),d=i}else if(p===Ss||p===Ll){i=d,n=p===Ss?"'":'"',a={type:"string",sourceIndex:d,quote:n};do if(o=!1,i=t.indexOf(n,i+1),~i)for(l=i;t.charCodeAt(l-1)===Ml;)l-=1,o=!o;else t+=n,i=t.length-1,a.unclosed=!0;while(o);a.value=t.slice(d+1,i),a.sourceEndIndex=a.unclosed?i:i+1,e.push(a),d=i+1,p=t.charCodeAt(d)}else if(p===yr&&t.charCodeAt(d+1)===As)i=t.indexOf("*/",d),a={type:"comment",sourceIndex:d,sourceEndIndex:i+2},i===-1&&(a.unclosed=!0,i=t.length,a.sourceEndIndex=i),a.value=t.slice(d+2,i),e.push(a),d=i+2,p=t.charCodeAt(d);else if((p===yr||p===As)&&y&&y.type==="function")a=t[d],e.push({type:"word",sourceIndex:d-k.length,sourceEndIndex:d+a.length,value:a}),d+=1,p=t.charCodeAt(d);else if(p===yr||p===Nl||p===Bl)a=t[d],e.push({type:"div",sourceIndex:d-k.length,sourceEndIndex:d+a.length,value:a,before:k,after:""}),k="",d+=1,p=t.charCodeAt(d);else if(ql===p){i=d;do i+=1,p=t.charCodeAt(i);while(p<=32);if(f=d,a={type:"function",sourceIndex:d-w.length,value:w,before:t.slice(f+1,i)},d=i,w==="url"&&p!==Ss&&p!==Ll){i-=1;do if(o=!1,i=t.indexOf(")",i+1),~i)for(l=i;t.charCodeAt(l-1)===Ml;)l-=1,o=!o;else t+=")",i=t.length-1,a.unclosed=!0;while(o);c=i;do c-=1,p=t.charCodeAt(c);while(p<=32);f<c?(d!==c+1?a.nodes=[{type:"word",sourceIndex:d,sourceEndIndex:c+1,value:t.slice(d,c+1)}]:a.nodes=[],a.unclosed&&c+1!==i?(a.after="",a.nodes.push({type:"space",sourceIndex:c+1,sourceEndIndex:i,value:t.slice(c+1,i)})):(a.after=t.slice(c+1,i),a.sourceEndIndex=i)):(a.after="",a.nodes=[]),d=i+1,a.sourceEndIndex=a.unclosed?i:d,p=t.charCodeAt(d),e.push(a)}else v+=1,a.after="",a.sourceEndIndex=d+1,e.push(a),b.push(a),e=a.nodes=[],y=a;w=""}else if($l===p&&v)d+=1,p=t.charCodeAt(d),y.after=S,y.sourceEndIndex+=S.length,S="",v-=1,b[b.length-1].sourceEndIndex=d,b.pop(),y=b[v],e=y.nodes;else{i=d;do p===Ml&&(i+=1),i+=1,p=t.charCodeAt(i);while(i<h&&!(p<=32||p===Ss||p===Ll||p===Nl||p===Bl||p===yr||p===ql||p===As&&y&&y.type==="function"&&!0||p===yr&&y.type==="function"&&!0||p===$l&&v));a=t.slice(d,i),ql===p?w=a:(M2===a.charCodeAt(0)||N2===a.charCodeAt(0))&&B2===a.charCodeAt(1)&&F2.test(a.slice(2))?e.push({type:"unicode-range",sourceIndex:d,sourceEndIndex:i,value:a}):e.push({type:"word",sourceIndex:d,sourceEndIndex:i,value:a}),d=i}for(d=b.length-1;d;d-=1)b[d].unclosed=!0,b[d].sourceEndIndex=t.length;return b[0].nodes}});var Kg=x((aq,Yg)=>{u();Yg.exports=function r(e,t,i){var n,s,a,o;for(n=0,s=e.length;n<s;n+=1)a=e[n],i||(o=t(a,n,e)),o!==!1&&a.type==="function"&&Array.isArray(a.nodes)&&r(a.nodes,t,i),i&&t(a,n,e)}});var ey=x((oq,Jg)=>{u();function Xg(r,e){var t=r.type,i=r.value,n,s;return e&&(s=e(r))!==void 0?s:t==="word"||t==="space"?i:t==="string"?(n=r.quote||"",n+i+(r.unclosed?"":n)):t==="comment"?"/*"+i+(r.unclosed?"":"*/"):t==="div"?(r.before||"")+i+(r.after||""):Array.isArray(r.nodes)?(n=Zg(r.nodes,e),t!=="function"?n:i+"("+(r.before||"")+n+(r.after||"")+(r.unclosed?"":")")):i}function Zg(r,e){var t,i;if(Array.isArray(r)){for(t="",i=r.length-1;~i;i-=1)t=Xg(r[i],e)+t;return t}return Xg(r,e)}Jg.exports=Zg});var ry=x((lq,ty)=>{u();var Cs="-".charCodeAt(0),_s="+".charCodeAt(0),Fl=".".charCodeAt(0),j2="e".charCodeAt(0),z2="E".charCodeAt(0);function U2(r){var e=r.charCodeAt(0),t;if(e===_s||e===Cs){if(t=r.charCodeAt(1),t>=48&&t<=57)return!0;var i=r.charCodeAt(2);return t===Fl&&i>=48&&i<=57}return e===Fl?(t=r.charCodeAt(1),t>=48&&t<=57):e>=48&&e<=57}ty.exports=function(r){var e=0,t=r.length,i,n,s;if(t===0||!U2(r))return!1;for(i=r.charCodeAt(e),(i===_s||i===Cs)&&e++;e<t&&(i=r.charCodeAt(e),!(i<48||i>57));)e+=1;if(i=r.charCodeAt(e),n=r.charCodeAt(e+1),i===Fl&&n>=48&&n<=57)for(e+=2;e<t&&(i=r.charCodeAt(e),!(i<48||i>57));)e+=1;if(i=r.charCodeAt(e),n=r.charCodeAt(e+1),s=r.charCodeAt(e+2),(i===j2||i===z2)&&(n>=48&&n<=57||(n===_s||n===Cs)&&s>=48&&s<=57))for(e+=n===_s||n===Cs?3:2;e<t&&(i=r.charCodeAt(e),!(i<48||i>57));)e+=1;return{number:r.slice(0,e),unit:r.slice(e)}}});var ay=x((uq,sy)=>{u();var V2=Qg(),iy=Kg(),ny=ey();function $t(r){return this instanceof $t?(this.nodes=V2(r),this):new $t(r)}$t.prototype.toString=function(){return Array.isArray(this.nodes)?ny(this.nodes):""};$t.prototype.walk=function(r,e){return iy(this.nodes,r,e),this};$t.unit=ry();$t.walk=iy;$t.stringify=ny;sy.exports=$t});function zl(r){return typeof r=="object"&&r!==null}function H2(r,e){let t=kt(e);do if(t.pop(),(0,Mi.default)(r,t)!==void 0)break;while(t.length);return t.length?t:void 0}function br(r){return typeof r=="string"?r:r.reduce((e,t,i)=>t.includes(".")?`${e}[${t}]`:i===0?t:`${e}.${t}`,"")}function ly(r){return r.map(e=>`'${e}'`).join(", ")}function uy(r){return ly(Object.keys(r))}function Ul(r,e,t,i={}){let n=Array.isArray(e)?br(e):e.replace(/^['"]+|['"]+$/g,""),s=Array.isArray(e)?e:kt(n),a=(0,Mi.default)(r.theme,s,t);if(a===void 0){let l=`'${n}' does not exist in your theme config.`,c=s.slice(0,-1),f=(0,Mi.default)(r.theme,c);if(zl(f)){let d=Object.keys(f).filter(h=>Ul(r,[...c,h]).isValid),p=(0,oy.default)(s[s.length-1],d);p?l+=` Did you mean '${br([...c,p])}'?`:d.length>0&&(l+=` '${br(c)}' has the following valid keys: ${ly(d)}`)}else{let d=H2(r.theme,n);if(d){let p=(0,Mi.default)(r.theme,d);zl(p)?l+=` '${br(d)}' has the following keys: ${uy(p)}`:l+=` '${br(d)}' is not an object.`}else l+=` Your theme has the following top-level keys: ${uy(r.theme)}`}return{isValid:!1,error:l}}if(!(typeof a=="string"||typeof a=="number"||typeof a=="function"||a instanceof String||a instanceof Number||Array.isArray(a))){let l=`'${n}' was found but does not resolve to a string.`;if(zl(a)){let c=Object.keys(a).filter(f=>Ul(r,[...s,f]).isValid);c.length&&(l+=` Did you mean something like '${br([...s,c[0]])}'?`)}return{isValid:!1,error:l}}let[o]=s;return{isValid:!0,value:mt(o)(a,i)}}function W2(r,e,t){e=e.map(n=>fy(r,n,t));let i=[""];for(let n of e)n.type==="div"&&n.value===","?i.push(""):i[i.length-1]+=jl.default.stringify(n);return i}function fy(r,e,t){if(e.type==="function"&&t[e.value]!==void 0){let i=W2(r,e.nodes,t);e.type="word",e.value=t[e.value](r,...i)}return e}function G2(r,e,t){return Object.keys(t).some(n=>e.includes(`${n}(`))?(0,jl.default)(e).walk(n=>{fy(r,n,t)}).toString():e}function*Y2(r){r=r.replace(/^['"]+|['"]+$/g,"");let e=r.match(/^([^\s]+)(?![^\[]*\])(?:\s*\/\s*([^\/\s]+))$/),t;yield[r,void 0],e&&(r=e[1],t=e[2],yield[r,t])}function K2(r,e,t){let i=Array.from(Y2(e)).map(([n,s])=>Object.assign(Ul(r,n,t,{opacityValue:s}),{resolvedPath:n,alpha:s}));return i.find(n=>n.isValid)??i[0]}function cy(r){let e=r.tailwindConfig,t={theme:(i,n,...s)=>{let{isValid:a,value:o,error:l,alpha:c}=K2(e,n,s.length?s:void 0);if(!a){let p=i.parent,h=p?.raws.tailwind?.candidate;if(p&&h!==void 0){r.markInvalidUtilityNode(p),p.remove(),G.warn("invalid-theme-key-in-class",[`The utility \`${h}\` contains an invalid theme value and was not generated.`]);return}throw i.error(l)}let f=Xt(o),d=f!==void 0&&typeof f=="function";return(c!==void 0||d)&&(c===void 0&&(c=1),o=Je(f,c,f)),o},screen:(i,n)=>{n=n.replace(/^['"]+/g,"").replace(/['"]+$/g,"");let a=Rt(e.theme.screens).find(({name:o})=>o===n);if(!a)throw i.error(`The '${n}' screen does not exist in your theme.`);return Tt(a)}};return i=>{i.walk(n=>{let s=Q2[n.type];s!==void 0&&(n[s]=G2(n,n[s],t))})}}var Mi,oy,jl,Q2,py=P(()=>{u();Mi=pe(Ra()),oy=pe(Wg());Ci();jl=pe(ay());Zn();Yn();Yi();Lr();Fr();Be();Q2={atrule:"params",decl:"value"}});function dy({tailwindConfig:{theme:r}}){return function(e){e.walkAtRules("screen",t=>{let i=t.params,s=Rt(r.screens).find(({name:a})=>a===i);if(!s)throw t.error(`No \`${i}\` screen found.`);t.name="media",t.params=Tt(s)})}}var hy=P(()=>{u();Zn();Yn()});function X2(r){let e=r.filter(o=>o.type!=="pseudo"||o.nodes.length>0?!0:o.value.startsWith("::")||[":before",":after",":first-line",":first-letter"].includes(o.value)).reverse(),t=new Set(["tag","class","id","attribute"]),i=e.findIndex(o=>t.has(o.type));if(i===-1)return e.reverse().join("").trim();let n=e[i],s=my[n.type]?my[n.type](n):n;e=e.slice(0,i);let a=e.findIndex(o=>o.type==="combinator"&&o.value===">");return a!==-1&&(e.splice(0,a),e.unshift(Es.default.universal())),[s,...e.reverse()].join("").trim()}function J2(r){return Vl.has(r)||Vl.set(r,Z2.transformSync(r)),Vl.get(r)}function Hl({tailwindConfig:r}){return e=>{let t=new Map,i=new Set;if(e.walkAtRules("defaults",n=>{if(n.nodes&&n.nodes.length>0){i.add(n);return}let s=n.params;t.has(s)||t.set(s,new Set),t.get(s).add(n.parent),n.remove()}),we(r,"optimizeUniversalDefaults"))for(let n of i){let s=new Map,a=t.get(n.params)??[];for(let o of a)for(let l of J2(o.selector)){let c=l.includes(":-")||l.includes("::-")||l.includes(":has")?l:"__DEFAULT__",f=s.get(c)??new Set;s.set(c,f),f.add(l)}if(s.size===0){n.remove();continue}for(let[,o]of s){let l=ee.rule({source:n.source});l.selectors=[...o],l.append(n.nodes.map(c=>c.clone())),n.before(l)}n.remove()}else if(i.size){let n=ee.rule({selectors:["*","::before","::after"]});for(let a of i)n.append(a.nodes),n.parent||a.before(n),n.source||(n.source=a.source),a.remove();let s=n.clone({selectors:["::backdrop"]});n.after(s)}}}var Es,my,Z2,Vl,gy=P(()=>{u();Ot();Es=pe(it());ct();my={id(r){return Es.default.attribute({attribute:"id",operator:"=",value:r.value,quoteMark:'"'})}};Z2=(0,Es.default)(r=>r.map(e=>{let t=e.split(i=>i.type==="combinator"&&i.value===" ").pop();return X2(t)})),Vl=new Map});function Wl(){function r(e){let t=null;e.each(i=>{if(!eO.has(i.type)){t=null;return}if(t===null){t=i;return}let n=yy[i.type];i.type==="atrule"&&i.name==="font-face"?t=i:n.every(s=>(i[s]??"").replace(/\s+/g," ")===(t[s]??"").replace(/\s+/g," "))?(i.nodes&&t.append(i.nodes),i.remove()):t=i}),e.each(i=>{i.type==="atrule"&&r(i)})}return e=>{r(e)}}var yy,eO,by=P(()=>{u();yy={atrule:["name","params"],rule:["selector"]},eO=new Set(Object.keys(yy))});function Gl(){return r=>{r.walkRules(e=>{let t=new Map,i=new Set([]),n=new Map;e.walkDecls(s=>{if(s.parent===e){if(t.has(s.prop)){if(t.get(s.prop).value===s.value){i.add(t.get(s.prop)),t.set(s.prop,s);return}n.has(s.prop)||n.set(s.prop,new Set),n.get(s.prop).add(t.get(s.prop)),n.get(s.prop).add(s)}t.set(s.prop,s)}});for(let s of i)s.remove();for(let s of n.values()){let a=new Map;for(let o of s){let l=rO(o.value);l!==null&&(a.has(l)||a.set(l,new Set),a.get(l).add(o))}for(let o of a.values()){let l=Array.from(o).slice(0,-1);for(let c of l)c.remove()}}})}}function rO(r){let e=/^-?\d*.?\d+([\w%]+)?$/g.exec(r);return e?e[1]??tO:null}var tO,wy=P(()=>{u();tO=Symbol("unitless-number")});function iO(r){if(!r.walkAtRules)return;let e=new Set;if(r.walkAtRules("apply",t=>{e.add(t.parent)}),e.size!==0)for(let t of e){let i=[],n=[];for(let s of t.nodes)s.type==="atrule"&&s.name==="apply"?(n.length>0&&(i.push(n),n=[]),i.push([s])):n.push(s);if(n.length>0&&i.push(n),i.length!==1){for(let s of[...i].reverse()){let a=t.clone({nodes:[]});a.append(s),t.after(a)}t.remove()}}}function Os(){return r=>{iO(r)}}var vy=P(()=>{u()});function Ts(r){return async function(e,t){let{tailwindDirectives:i,applyDirectives:n}=Ol(e);Os()(e,t);let s=r({tailwindDirectives:i,applyDirectives:n,registerDependency(a){t.messages.push({plugin:"tailwindcss",parent:t.opts.from,...a})},createContext(a,o){return il(a,o,e)}})(e,t);if(s.tailwindConfig.separator==="-")throw new Error("The '-' character cannot be used as a custom separator in JIT mode due to parsing ambiguity. Please use another character like '_' instead.");Rf(s.tailwindConfig),await Pl(s)(e,t),Os()(e,t),Dl(s)(e,t),cy(s)(e,t),dy(s)(e,t),Hl(s)(e,t),Wl(s)(e,t),Gl(s)(e,t)}}var xy=P(()=>{u();Og();Bg();Hg();py();hy();gy();by();wy();vy();Oi();ct()});function ky(r,e){let t=null,i=null;return r.walkAtRules("config",n=>{if(i=n.source?.input.file??e.opts.from??null,i===null)throw n.error("The `@config` directive cannot be used without setting `from` in your PostCSS config.");if(t)throw n.error("Only one `@config` directive is allowed per file.");let s=n.params.match(/(['"])(.*?)\1/);if(!s)throw n.error("A path is required when using the `@config` directive.");let a=s[2];if(me.isAbsolute(a))throw n.error("The `@config` directive cannot be used with an absolute path.");if(t=me.resolve(me.dirname(i),a),!be.existsSync(t))throw n.error(`The config file at "${a}" does not exist. Make sure the path is correct and the file exists.`);n.remove()}),t||null}var Sy=P(()=>{u();ft();et()});var Ay=x((Wq,Ql)=>{u();Eg();xy();It();Sy();Ql.exports=function(e){return{postcssPlugin:"tailwindcss",plugins:[Ze.DEBUG&&function(t){return console.log(`
+`),console.time("JIT TOTAL"),t},async function(t,i){e=ky(t,i)??e;let n=El(e);if(t.type==="document"){let s=t.nodes.filter(a=>a.type==="root");for(let a of s)a.type==="root"&&await Ts(n)(a,i);return}await Ts(n)(t,i)},Ze.DEBUG&&function(t){return console.timeEnd("JIT TOTAL"),console.log(`
+`),t}].filter(Boolean)}};Ql.exports.postcss=!0});var _y=x((Gq,Cy)=>{u();Cy.exports=Ay()});var Yl=x((Qq,Ey)=>{u();Ey.exports=()=>["and_chr 114","and_uc 15.5","chrome 114","chrome 113","chrome 109","edge 114","firefox 114","ios_saf 16.5","ios_saf 16.4","ios_saf 16.3","ios_saf 16.1","opera 99","safari 16.5","samsung 21"]});var Rs={};Ge(Rs,{agents:()=>nO,feature:()=>sO});function sO(){return{status:"cr",title:"CSS Feature Queries",stats:{ie:{"6":"n","7":"n","8":"n","9":"n","10":"n","11":"n","5.5":"n"},edge:{"12":"y","13":"y","14":"y","15":"y","16":"y","17":"y","18":"y","79":"y","80":"y","81":"y","83":"y","84":"y","85":"y","86":"y","87":"y","88":"y","89":"y","90":"y","91":"y","92":"y","93":"y","94":"y","95":"y","96":"y","97":"y","98":"y","99":"y","100":"y","101":"y","102":"y","103":"y","104":"y","105":"y","106":"y","107":"y","108":"y","109":"y","110":"y","111":"y","112":"y","113":"y","114":"y"},firefox:{"2":"n","3":"n","4":"n","5":"n","6":"n","7":"n","8":"n","9":"n","10":"n","11":"n","12":"n","13":"n","14":"n","15":"n","16":"n","17":"n","18":"n","19":"n","20":"n","21":"n","22":"y","23":"y","24":"y","25":"y","26":"y","27":"y","28":"y","29":"y","30":"y","31":"y","32":"y","33":"y","34":"y","35":"y","36":"y","37":"y","38":"y","39":"y","40":"y","41":"y","42":"y","43":"y","44":"y","45":"y","46":"y","47":"y","48":"y","49":"y","50":"y","51":"y","52":"y","53":"y","54":"y","55":"y","56":"y","57":"y","58":"y","59":"y","60":"y","61":"y","62":"y","63":"y","64":"y","65":"y","66":"y","67":"y","68":"y","69":"y","70":"y","71":"y","72":"y","73":"y","74":"y","75":"y","76":"y","77":"y","78":"y","79":"y","80":"y","81":"y","82":"y","83":"y","84":"y","85":"y","86":"y","87":"y","88":"y","89":"y","90":"y","91":"y","92":"y","93":"y","94":"y","95":"y","96":"y","97":"y","98":"y","99":"y","100":"y","101":"y","102":"y","103":"y","104":"y","105":"y","106":"y","107":"y","108":"y","109":"y","110":"y","111":"y","112":"y","113":"y","114":"y","115":"y","116":"y","117":"y","3.5":"n","3.6":"n"},chrome:{"4":"n","5":"n","6":"n","7":"n","8":"n","9":"n","10":"n","11":"n","12":"n","13":"n","14":"n","15":"n","16":"n","17":"n","18":"n","19":"n","20":"n","21":"n","22":"n","23":"n","24":"n","25":"n","26":"n","27":"n","28":"y","29":"y","30":"y","31":"y","32":"y","33":"y","34":"y","35":"y","36":"y","37":"y","38":"y","39":"y","40":"y","41":"y","42":"y","43":"y","44":"y","45":"y","46":"y","47":"y","48":"y","49":"y","50":"y","51":"y","52":"y","53":"y","54":"y","55":"y","56":"y","57":"y","58":"y","59":"y","60":"y","61":"y","62":"y","63":"y","64":"y","65":"y","66":"y","67":"y","68":"y","69":"y","70":"y","71":"y","72":"y","73":"y","74":"y","75":"y","76":"y","77":"y","78":"y","79":"y","80":"y","81":"y","83":"y","84":"y","85":"y","86":"y","87":"y","88":"y","89":"y","90":"y","91":"y","92":"y","93":"y","94":"y","95":"y","96":"y","97":"y","98":"y","99":"y","100":"y","101":"y","102":"y","103":"y","104":"y","105":"y","106":"y","107":"y","108":"y","109":"y","110":"y","111":"y","112":"y","113":"y","114":"y","115":"y","116":"y","117":"y"},safari:{"4":"n","5":"n","6":"n","7":"n","8":"n","9":"y","10":"y","11":"y","12":"y","13":"y","14":"y","15":"y","17":"y","9.1":"y","10.1":"y","11.1":"y","12.1":"y","13.1":"y","14.1":"y","15.1":"y","15.2-15.3":"y","15.4":"y","15.5":"y","15.6":"y","16.0":"y","16.1":"y","16.2":"y","16.3":"y","16.4":"y","16.5":"y","16.6":"y",TP:"y","3.1":"n","3.2":"n","5.1":"n","6.1":"n","7.1":"n"},opera:{"9":"n","11":"n","12":"n","15":"y","16":"y","17":"y","18":"y","19":"y","20":"y","21":"y","22":"y","23":"y","24":"y","25":"y","26":"y","27":"y","28":"y","29":"y","30":"y","31":"y","32":"y","33":"y","34":"y","35":"y","36":"y","37":"y","38":"y","39":"y","40":"y","41":"y","42":"y","43":"y","44":"y","45":"y","46":"y","47":"y","48":"y","49":"y","50":"y","51":"y","52":"y","53":"y","54":"y","55":"y","56":"y","57":"y","58":"y","60":"y","62":"y","63":"y","64":"y","65":"y","66":"y","67":"y","68":"y","69":"y","70":"y","71":"y","72":"y","73":"y","74":"y","75":"y","76":"y","77":"y","78":"y","79":"y","80":"y","81":"y","82":"y","83":"y","84":"y","85":"y","86":"y","87":"y","88":"y","89":"y","90":"y","91":"y","92":"y","93":"y","94":"y","95":"y","96":"y","97":"y","98":"y","99":"y","100":"y","12.1":"y","9.5-9.6":"n","10.0-10.1":"n","10.5":"n","10.6":"n","11.1":"n","11.5":"n","11.6":"n"},ios_saf:{"8":"n","17":"y","9.0-9.2":"y","9.3":"y","10.0-10.2":"y","10.3":"y","11.0-11.2":"y","11.3-11.4":"y","12.0-12.1":"y","12.2-12.5":"y","13.0-13.1":"y","13.2":"y","13.3":"y","13.4-13.7":"y","14.0-14.4":"y","14.5-14.8":"y","15.0-15.1":"y","15.2-15.3":"y","15.4":"y","15.5":"y","15.6":"y","16.0":"y","16.1":"y","16.2":"y","16.3":"y","16.4":"y","16.5":"y","16.6":"y","3.2":"n","4.0-4.1":"n","4.2-4.3":"n","5.0-5.1":"n","6.0-6.1":"n","7.0-7.1":"n","8.1-8.4":"n"},op_mini:{all:"y"},android:{"3":"n","4":"n","114":"y","4.4":"y","4.4.3-4.4.4":"y","2.1":"n","2.2":"n","2.3":"n","4.1":"n","4.2-4.3":"n"},bb:{"7":"n","10":"n"},op_mob:{"10":"n","11":"n","12":"n","73":"y","11.1":"n","11.5":"n","12.1":"n"},and_chr:{"114":"y"},and_ff:{"115":"y"},ie_mob:{"10":"n","11":"n"},and_uc:{"15.5":"y"},samsung:{"4":"y","20":"y","21":"y","5.0-5.4":"y","6.2-6.4":"y","7.2-7.4":"y","8.2":"y","9.2":"y","10.1":"y","11.1-11.2":"y","12.0":"y","13.0":"y","14.0":"y","15.0":"y","16.0":"y","17.0":"y","18.0":"y","19.0":"y"},and_qq:{"13.1":"y"},baidu:{"13.18":"y"},kaios:{"2.5":"y","3.0-3.1":"y"}}}}var nO,Ps=P(()=>{u();nO={ie:{prefix:"ms"},edge:{prefix:"webkit",prefix_exceptions:{"12":"ms","13":"ms","14":"ms","15":"ms","16":"ms","17":"ms","18":"ms"}},firefox:{prefix:"moz"},chrome:{prefix:"webkit"},safari:{prefix:"webkit"},opera:{prefix:"webkit",prefix_exceptions:{"9":"o","11":"o","12":"o","9.5-9.6":"o","10.0-10.1":"o","10.5":"o","10.6":"o","11.1":"o","11.5":"o","11.6":"o","12.1":"o"}},ios_saf:{prefix:"webkit"},op_mini:{prefix:"o"},android:{prefix:"webkit"},bb:{prefix:"webkit"},op_mob:{prefix:"o",prefix_exceptions:{"73":"webkit"}},and_chr:{prefix:"webkit"},and_ff:{prefix:"moz"},ie_mob:{prefix:"ms"},and_uc:{prefix:"webkit",prefix_exceptions:{"15.5":"webkit"}},samsung:{prefix:"webkit"},and_qq:{prefix:"webkit"},baidu:{prefix:"webkit"},kaios:{prefix:"moz"}}});var Oy=x(()=>{u()});var _e=x((Xq,Lt)=>{u();var{list:Kl}=$e();Lt.exports.error=function(r){let e=new Error(r);throw e.autoprefixer=!0,e};Lt.exports.uniq=function(r){return[...new Set(r)]};Lt.exports.removeNote=function(r){return r.includes(" ")?r.split(" ")[0]:r};Lt.exports.escapeRegexp=function(r){return r.replace(/[$()*+-.?[\\\]^{|}]/g,"\\$&")};Lt.exports.regexp=function(r,e=!0){return e&&(r=this.escapeRegexp(r)),new RegExp(`(^|[\\s,(])(${r}($|[\\s(,]))`,"gi")};Lt.exports.editList=function(r,e){let t=Kl.comma(r),i=e(t,[]);if(t===i)return r;let n=r.match(/,\s*/);return n=n?n[0]:", ",i.join(n)};Lt.exports.splitSelector=function(r){return Kl.comma(r).map(e=>Kl.space(e).map(t=>t.split(/(?=\.|#)/g)))}});var Mt=x((Zq,Py)=>{u();var aO=Yl(),Ty=(Ps(),Rs).agents,oO=_e(),Ry=class{static prefixes(){if(this.prefixesCache)return this.prefixesCache;this.prefixesCache=[];for(let e in Ty)this.prefixesCache.push(`-${Ty[e].prefix}-`);return this.prefixesCache=oO.uniq(this.prefixesCache).sort((e,t)=>t.length-e.length),this.prefixesCache}static withPrefix(e){return this.prefixesRegexp||(this.prefixesRegexp=new RegExp(this.prefixes().join("|"))),this.prefixesRegexp.test(e)}constructor(e,t,i,n){this.data=e,this.options=i||{},this.browserslistOpts=n||{},this.selected=this.parse(t)}parse(e){let t={};for(let i in this.browserslistOpts)t[i]=this.browserslistOpts[i];return t.path=this.options.from,aO(e,t)}prefix(e){let[t,i]=e.split(" "),n=this.data[t],s=n.prefix_exceptions&&n.prefix_exceptions[i];return s||(s=n.prefix),`-${s}-`}isSelected(e){return this.selected.includes(e)}};Py.exports=Ry});var Ni=x((Jq,Iy)=>{u();Iy.exports={prefix(r){let e=r.match(/^(-\w+-)/);return e?e[0]:""},unprefixed(r){return r.replace(/^-\w+-/,"")}}});var wr=x((e$,qy)=>{u();var lO=Mt(),Dy=Ni(),uO=_e();function Xl(r,e){let t=new r.constructor;for(let i of Object.keys(r||{})){let n=r[i];i==="parent"&&typeof n=="object"?e&&(t[i]=e):i==="source"||i===null?t[i]=n:Array.isArray(n)?t[i]=n.map(s=>Xl(s,t)):i!=="_autoprefixerPrefix"&&i!=="_autoprefixerValues"&&i!=="proxyCache"&&(typeof n=="object"&&n!==null&&(n=Xl(n,t)),t[i]=n)}return t}var Is=class{static hack(e){return this.hacks||(this.hacks={}),e.names.map(t=>(this.hacks[t]=e,this.hacks[t]))}static load(e,t,i){let n=this.hacks&&this.hacks[e];return n?new n(e,t,i):new this(e,t,i)}static clone(e,t){let i=Xl(e);for(let n in t)i[n]=t[n];return i}constructor(e,t,i){this.prefixes=t,this.name=e,this.all=i}parentPrefix(e){let t;return typeof e._autoprefixerPrefix!="undefined"?t=e._autoprefixerPrefix:e.type==="decl"&&e.prop[0]==="-"?t=Dy.prefix(e.prop):e.type==="root"?t=!1:e.type==="rule"&&e.selector.includes(":-")&&/:(-\w+-)/.test(e.selector)?t=e.selector.match(/:(-\w+-)/)[1]:e.type==="atrule"&&e.name[0]==="-"?t=Dy.prefix(e.name):t=this.parentPrefix(e.parent),lO.prefixes().includes(t)||(t=!1),e._autoprefixerPrefix=t,e._autoprefixerPrefix}process(e,t){if(!this.check(e))return;let i=this.parentPrefix(e),n=this.prefixes.filter(a=>!i||i===uO.removeNote(a)),s=[];for(let a of n)this.add(e,a,s.concat([a]),t)&&s.push(a);return s}clone(e,t){return Is.clone(e,t)}};qy.exports=Is});var j=x((t$,My)=>{u();var fO=wr(),cO=Mt(),$y=_e(),Ly=class extends fO{check(){return!0}prefixed(e,t){return t+e}normalize(e){return e}otherPrefixes(e,t){for(let i of cO.prefixes())if(i!==t&&e.includes(i))return!0;return!1}set(e,t){return e.prop=this.prefixed(e.prop,t),e}needCascade(e){return e._autoprefixerCascade||(e._autoprefixerCascade=this.all.options.cascade!==!1&&e.raw("before").includes(`
+`)),e._autoprefixerCascade}maxPrefixed(e,t){if(t._autoprefixerMax)return t._autoprefixerMax;let i=0;for(let n of e)n=$y.removeNote(n),n.length>i&&(i=n.length);return t._autoprefixerMax=i,t._autoprefixerMax}calcBefore(e,t,i=""){let s=this.maxPrefixed(e,t)-$y.removeNote(i).length,a=t.raw("before");return s>0&&(a+=Array(s).fill(" ").join("")),a}restoreBefore(e){let t=e.raw("before").split(`
+`),i=t[t.length-1];this.all.group(e).up(n=>{let s=n.raw("before").split(`
+`),a=s[s.length-1];a.length<i.length&&(i=a)}),t[t.length-1]=i,e.raws.before=t.join(`
+`)}insert(e,t,i){let n=this.set(this.clone(e),t);if(!(!n||e.parent.some(a=>a.prop===n.prop&&a.value===n.value)))return this.needCascade(e)&&(n.raws.before=this.calcBefore(i,e,t)),e.parent.insertBefore(e,n)}isAlready(e,t){let i=this.all.group(e).up(n=>n.prop===t);return i||(i=this.all.group(e).down(n=>n.prop===t)),i}add(e,t,i,n){let s=this.prefixed(e.prop,t);if(!(this.isAlready(e,s)||this.otherPrefixes(e.value,t)))return this.insert(e,t,i,n)}process(e,t){if(!this.needCascade(e)){super.process(e,t);return}let i=super.process(e,t);!i||!i.length||(this.restoreBefore(e),e.raws.before=this.calcBefore(i,e))}old(e,t){return[this.prefixed(e,t)]}};My.exports=Ly});var By=x((r$,Ny)=>{u();Ny.exports=function r(e){return{mul:t=>new r(e*t),div:t=>new r(e/t),simplify:()=>new r(e),toString:()=>e.toString()}}});var zy=x((i$,jy)=>{u();var pO=By(),dO=wr(),Zl=_e(),hO=/(min|max)-resolution\s*:\s*\d*\.?\d+(dppx|dpcm|dpi|x)/gi,mO=/(min|max)-resolution(\s*:\s*)(\d*\.?\d+)(dppx|dpcm|dpi|x)/i,Fy=class extends dO{prefixName(e,t){return e==="-moz-"?t+"--moz-device-pixel-ratio":e+t+"-device-pixel-ratio"}prefixQuery(e,t,i,n,s){return n=new pO(n),s==="dpi"?n=n.div(96):s==="dpcm"&&(n=n.mul(2.54).div(96)),n=n.simplify(),e==="-o-"&&(n=n.n+"/"+n.d),this.prefixName(e,t)+i+n}clean(e){if(!this.bad){this.bad=[];for(let t of this.prefixes)this.bad.push(this.prefixName(t,"min")),this.bad.push(this.prefixName(t,"max"))}e.params=Zl.editList(e.params,t=>t.filter(i=>this.bad.every(n=>!i.includes(n))))}process(e){let t=this.parentPrefix(e),i=t?[t]:this.prefixes;e.params=Zl.editList(e.params,(n,s)=>{for(let a of n){if(!a.includes("min-resolution")&&!a.includes("max-resolution")){s.push(a);continue}for(let o of i){let l=a.replace(hO,c=>{let f=c.match(mO);return this.prefixQuery(o,f[1],f[2],f[3],f[4])});s.push(l)}s.push(a)}return Zl.uniq(s)})}};jy.exports=Fy});var Vy=x((n$,Uy)=>{u();var Jl="(".charCodeAt(0),eu=")".charCodeAt(0),Ds="'".charCodeAt(0),tu='"'.charCodeAt(0),ru="\\".charCodeAt(0),vr="/".charCodeAt(0),iu=",".charCodeAt(0),nu=":".charCodeAt(0),qs="*".charCodeAt(0),gO="u".charCodeAt(0),yO="U".charCodeAt(0),bO="+".charCodeAt(0),wO=/^[a-f0-9?-]+$/i;Uy.exports=function(r){for(var e=[],t=r,i,n,s,a,o,l,c,f,d=0,p=t.charCodeAt(d),h=t.length,b=[{nodes:e}],v=0,y,w="",k="",S="";d<h;)if(p<=32){i=d;do i+=1,p=t.charCodeAt(i);while(p<=32);a=t.slice(d,i),s=e[e.length-1],p===eu&&v?S=a:s&&s.type==="div"?(s.after=a,s.sourceEndIndex+=a.length):p===iu||p===nu||p===vr&&t.charCodeAt(i+1)!==qs&&(!y||y&&y.type==="function"&&y.value!=="calc")?k=a:e.push({type:"space",sourceIndex:d,sourceEndIndex:i,value:a}),d=i}else if(p===Ds||p===tu){i=d,n=p===Ds?"'":'"',a={type:"string",sourceIndex:d,quote:n};do if(o=!1,i=t.indexOf(n,i+1),~i)for(l=i;t.charCodeAt(l-1)===ru;)l-=1,o=!o;else t+=n,i=t.length-1,a.unclosed=!0;while(o);a.value=t.slice(d+1,i),a.sourceEndIndex=a.unclosed?i:i+1,e.push(a),d=i+1,p=t.charCodeAt(d)}else if(p===vr&&t.charCodeAt(d+1)===qs)i=t.indexOf("*/",d),a={type:"comment",sourceIndex:d,sourceEndIndex:i+2},i===-1&&(a.unclosed=!0,i=t.length,a.sourceEndIndex=i),a.value=t.slice(d+2,i),e.push(a),d=i+2,p=t.charCodeAt(d);else if((p===vr||p===qs)&&y&&y.type==="function"&&y.value==="calc")a=t[d],e.push({type:"word",sourceIndex:d-k.length,sourceEndIndex:d+a.length,value:a}),d+=1,p=t.charCodeAt(d);else if(p===vr||p===iu||p===nu)a=t[d],e.push({type:"div",sourceIndex:d-k.length,sourceEndIndex:d+a.length,value:a,before:k,after:""}),k="",d+=1,p=t.charCodeAt(d);else if(Jl===p){i=d;do i+=1,p=t.charCodeAt(i);while(p<=32);if(f=d,a={type:"function",sourceIndex:d-w.length,value:w,before:t.slice(f+1,i)},d=i,w==="url"&&p!==Ds&&p!==tu){i-=1;do if(o=!1,i=t.indexOf(")",i+1),~i)for(l=i;t.charCodeAt(l-1)===ru;)l-=1,o=!o;else t+=")",i=t.length-1,a.unclosed=!0;while(o);c=i;do c-=1,p=t.charCodeAt(c);while(p<=32);f<c?(d!==c+1?a.nodes=[{type:"word",sourceIndex:d,sourceEndIndex:c+1,value:t.slice(d,c+1)}]:a.nodes=[],a.unclosed&&c+1!==i?(a.after="",a.nodes.push({type:"space",sourceIndex:c+1,sourceEndIndex:i,value:t.slice(c+1,i)})):(a.after=t.slice(c+1,i),a.sourceEndIndex=i)):(a.after="",a.nodes=[]),d=i+1,a.sourceEndIndex=a.unclosed?i:d,p=t.charCodeAt(d),e.push(a)}else v+=1,a.after="",a.sourceEndIndex=d+1,e.push(a),b.push(a),e=a.nodes=[],y=a;w=""}else if(eu===p&&v)d+=1,p=t.charCodeAt(d),y.after=S,y.sourceEndIndex+=S.length,S="",v-=1,b[b.length-1].sourceEndIndex=d,b.pop(),y=b[v],e=y.nodes;else{i=d;do p===ru&&(i+=1),i+=1,p=t.charCodeAt(i);while(i<h&&!(p<=32||p===Ds||p===tu||p===iu||p===nu||p===vr||p===Jl||p===qs&&y&&y.type==="function"&&y.value==="calc"||p===vr&&y.type==="function"&&y.value==="calc"||p===eu&&v));a=t.slice(d,i),Jl===p?w=a:(gO===a.charCodeAt(0)||yO===a.charCodeAt(0))&&bO===a.charCodeAt(1)&&wO.test(a.slice(2))?e.push({type:"unicode-range",sourceIndex:d,sourceEndIndex:i,value:a}):e.push({type:"word",sourceIndex:d,sourceEndIndex:i,value:a}),d=i}for(d=b.length-1;d;d-=1)b[d].unclosed=!0,b[d].sourceEndIndex=t.length;return b[0].nodes}});var Wy=x((s$,Hy)=>{u();Hy.exports=function r(e,t,i){var n,s,a,o;for(n=0,s=e.length;n<s;n+=1)a=e[n],i||(o=t(a,n,e)),o!==!1&&a.type==="function"&&Array.isArray(a.nodes)&&r(a.nodes,t,i),i&&t(a,n,e)}});var Ky=x((a$,Yy)=>{u();function Gy(r,e){var t=r.type,i=r.value,n,s;return e&&(s=e(r))!==void 0?s:t==="word"||t==="space"?i:t==="string"?(n=r.quote||"",n+i+(r.unclosed?"":n)):t==="comment"?"/*"+i+(r.unclosed?"":"*/"):t==="div"?(r.before||"")+i+(r.after||""):Array.isArray(r.nodes)?(n=Qy(r.nodes,e),t!=="function"?n:i+"("+(r.before||"")+n+(r.after||"")+(r.unclosed?"":")")):i}function Qy(r,e){var t,i;if(Array.isArray(r)){for(t="",i=r.length-1;~i;i-=1)t=Gy(r[i],e)+t;return t}return Gy(r,e)}Yy.exports=Qy});var Zy=x((o$,Xy)=>{u();var $s="-".charCodeAt(0),Ls="+".charCodeAt(0),su=".".charCodeAt(0),vO="e".charCodeAt(0),xO="E".charCodeAt(0);function kO(r){var e=r.charCodeAt(0),t;if(e===Ls||e===$s){if(t=r.charCodeAt(1),t>=48&&t<=57)return!0;var i=r.charCodeAt(2);return t===su&&i>=48&&i<=57}return e===su?(t=r.charCodeAt(1),t>=48&&t<=57):e>=48&&e<=57}Xy.exports=function(r){var e=0,t=r.length,i,n,s;if(t===0||!kO(r))return!1;for(i=r.charCodeAt(e),(i===Ls||i===$s)&&e++;e<t&&(i=r.charCodeAt(e),!(i<48||i>57));)e+=1;if(i=r.charCodeAt(e),n=r.charCodeAt(e+1),i===su&&n>=48&&n<=57)for(e+=2;e<t&&(i=r.charCodeAt(e),!(i<48||i>57));)e+=1;if(i=r.charCodeAt(e),n=r.charCodeAt(e+1),s=r.charCodeAt(e+2),(i===vO||i===xO)&&(n>=48&&n<=57||(n===Ls||n===$s)&&s>=48&&s<=57))for(e+=n===Ls||n===$s?3:2;e<t&&(i=r.charCodeAt(e),!(i<48||i>57));)e+=1;return{number:r.slice(0,e),unit:r.slice(e)}}});var Ms=x((l$,tb)=>{u();var SO=Vy(),Jy=Wy(),eb=Ky();function Nt(r){return this instanceof Nt?(this.nodes=SO(r),this):new Nt(r)}Nt.prototype.toString=function(){return Array.isArray(this.nodes)?eb(this.nodes):""};Nt.prototype.walk=function(r,e){return Jy(this.nodes,r,e),this};Nt.unit=Zy();Nt.walk=Jy;Nt.stringify=eb;tb.exports=Nt});var ab=x((u$,sb)=>{u();var{list:AO}=$e(),rb=Ms(),CO=Mt(),ib=Ni(),nb=class{constructor(e){this.props=["transition","transition-property"],this.prefixes=e}add(e,t){let i,n,s=this.prefixes.add[e.prop],a=this.ruleVendorPrefixes(e),o=a||s&&s.prefixes||[],l=this.parse(e.value),c=l.map(h=>this.findProp(h)),f=[];if(c.some(h=>h[0]==="-"))return;for(let h of l){if(n=this.findProp(h),n[0]==="-")continue;let b=this.prefixes.add[n];if(!(!b||!b.prefixes))for(i of b.prefixes){if(a&&!a.some(y=>i.includes(y)))continue;let v=this.prefixes.prefixed(n,i);v!=="-ms-transform"&&!c.includes(v)&&(this.disabled(n,i)||f.push(this.clone(n,v,h)))}}l=l.concat(f);let d=this.stringify(l),p=this.stringify(this.cleanFromUnprefixed(l,"-webkit-"));if(o.includes("-webkit-")&&this.cloneBefore(e,`-webkit-${e.prop}`,p),this.cloneBefore(e,e.prop,p),o.includes("-o-")){let h=this.stringify(this.cleanFromUnprefixed(l,"-o-"));this.cloneBefore(e,`-o-${e.prop}`,h)}for(i of o)if(i!=="-webkit-"&&i!=="-o-"){let h=this.stringify(this.cleanOtherPrefixes(l,i));this.cloneBefore(e,i+e.prop,h)}d!==e.value&&!this.already(e,e.prop,d)&&(this.checkForWarning(t,e),e.cloneBefore(),e.value=d)}findProp(e){let t=e[0].value;if(/^\d/.test(t)){for(let[i,n]of e.entries())if(i!==0&&n.type==="word")return n.value}return t}already(e,t,i){return e.parent.some(n=>n.prop===t&&n.value===i)}cloneBefore(e,t,i){this.already(e,t,i)||e.cloneBefore({prop:t,value:i})}checkForWarning(e,t){if(t.prop!=="transition-property")return;let i=!1,n=!1;t.parent.each(s=>{if(s.type!=="decl"||s.prop.indexOf("transition-")!==0)return;let a=AO.comma(s.value);if(s.prop==="transition-property"){a.forEach(o=>{let l=this.prefixes.add[o];l&&l.prefixes&&l.prefixes.length>0&&(i=!0)});return}return n=n||a.length>1,!1}),i&&n&&t.warn(e,"Replace transition-property to transition, because Autoprefixer could not support any cases of transition-property and other transition-*")}remove(e){let t=this.parse(e.value);t=t.filter(a=>{let o=this.prefixes.remove[this.findProp(a)];return!o||!o.remove});let i=this.stringify(t);if(e.value===i)return;if(t.length===0){e.remove();return}let n=e.parent.some(a=>a.prop===e.prop&&a.value===i),s=e.parent.some(a=>a!==e&&a.prop===e.prop&&a.value.length>i.length);if(n||s){e.remove();return}e.value=i}parse(e){let t=rb(e),i=[],n=[];for(let s of t.nodes)n.push(s),s.type==="div"&&s.value===","&&(i.push(n),n=[]);return i.push(n),i.filter(s=>s.length>0)}stringify(e){if(e.length===0)return"";let t=[];for(let i of e)i[i.length-1].type!=="div"&&i.push(this.div(e)),t=t.concat(i);return t[0].type==="div"&&(t=t.slice(1)),t[t.length-1].type==="div"&&(t=t.slice(0,-2+1||void 0)),rb.stringify({nodes:t})}clone(e,t,i){let n=[],s=!1;for(let a of i)!s&&a.type==="word"&&a.value===e?(n.push({type:"word",value:t}),s=!0):n.push(a);return n}div(e){for(let t of e)for(let i of t)if(i.type==="div"&&i.value===",")return i;return{type:"div",value:",",after:" "}}cleanOtherPrefixes(e,t){return e.filter(i=>{let n=ib.prefix(this.findProp(i));return n===""||n===t})}cleanFromUnprefixed(e,t){let i=e.map(s=>this.findProp(s)).filter(s=>s.slice(0,t.length)===t).map(s=>this.prefixes.unprefixed(s)),n=[];for(let s of e){let a=this.findProp(s),o=ib.prefix(a);!i.includes(a)&&(o===t||o==="")&&n.push(s)}return n}disabled(e,t){let i=["order","justify-content","align-self","align-content"];if(e.includes("flex")||i.includes(e)){if(this.prefixes.options.flexbox===!1)return!0;if(this.prefixes.options.flexbox==="no-2009")return t.includes("2009")}}ruleVendorPrefixes(e){let{parent:t}=e;if(t.type!=="rule")return!1;if(!t.selector.includes(":-"))return!1;let i=CO.prefixes().filter(n=>t.selector.includes(":"+n));return i.length>0?i:!1}};sb.exports=nb});var xr=x((f$,lb)=>{u();var _O=_e(),ob=class{constructor(e,t,i,n){this.unprefixed=e,this.prefixed=t,this.string=i||t,this.regexp=n||_O.regexp(t)}check(e){return e.includes(this.string)?!!e.match(this.regexp):!1}};lb.exports=ob});var He=x((c$,fb)=>{u();var EO=wr(),OO=xr(),TO=Ni(),RO=_e(),ub=class extends EO{static save(e,t){let i=t.prop,n=[];for(let s in t._autoprefixerValues){let a=t._autoprefixerValues[s];if(a===t.value)continue;let o,l=TO.prefix(i);if(l==="-pie-")continue;if(l===s){o=t.value=a,n.push(o);continue}let c=e.prefixed(i,s),f=t.parent;if(!f.every(b=>b.prop!==c)){n.push(o);continue}let d=a.replace(/\s+/," ");if(f.some(b=>b.prop===t.prop&&b.value.replace(/\s+/," ")===d)){n.push(o);continue}let h=this.clone(t,{value:a});o=t.parent.insertBefore(t,h),n.push(o)}return n}check(e){let t=e.value;return t.includes(this.name)?!!t.match(this.regexp()):!1}regexp(){return this.regexpCache||(this.regexpCache=RO.regexp(this.name))}replace(e,t){return e.replace(this.regexp(),`$1${t}$2`)}value(e){return e.raws.value&&e.raws.value.value===e.value?e.raws.value.raw:e.value}add(e,t){e._autoprefixerValues||(e._autoprefixerValues={});let i=e._autoprefixerValues[t]||this.value(e),n;do if(n=i,i=this.replace(i,t),i===!1)return;while(i!==n);e._autoprefixerValues[t]=i}old(e){return new OO(this.name,e+this.name)}};fb.exports=ub});var Bt=x((p$,cb)=>{u();cb.exports={}});var ou=x((d$,hb)=>{u();var pb=Ms(),PO=He(),IO=Bt().insertAreas,DO=/(^|[^-])linear-gradient\(\s*(top|left|right|bottom)/i,qO=/(^|[^-])radial-gradient\(\s*\d+(\w*|%)\s+\d+(\w*|%)\s*,/i,$O=/(!\s*)?autoprefixer:\s*ignore\s+next/i,LO=/(!\s*)?autoprefixer\s*grid:\s*(on|off|(no-)?autoplace)/i,MO=["width","height","min-width","max-width","min-height","max-height","inline-size","min-inline-size","max-inline-size","block-size","min-block-size","max-block-size"];function au(r){return r.parent.some(e=>e.prop==="grid-template"||e.prop==="grid-template-areas")}function NO(r){let e=r.parent.some(i=>i.prop==="grid-template-rows"),t=r.parent.some(i=>i.prop==="grid-template-columns");return e&&t}var db=class{constructor(e){this.prefixes=e}add(e,t){let i=this.prefixes.add["@resolution"],n=this.prefixes.add["@keyframes"],s=this.prefixes.add["@viewport"],a=this.prefixes.add["@supports"];e.walkAtRules(f=>{if(f.name==="keyframes"){if(!this.disabled(f,t))return n&&n.process(f)}else if(f.name==="viewport"){if(!this.disabled(f,t))return s&&s.process(f)}else if(f.name==="supports"){if(this.prefixes.options.supports!==!1&&!this.disabled(f,t))return a.process(f)}else if(f.name==="media"&&f.params.includes("-resolution")&&!this.disabled(f,t))return i&&i.process(f)}),e.walkRules(f=>{if(!this.disabled(f,t))return this.prefixes.add.selectors.map(d=>d.process(f,t))});function o(f){return f.parent.nodes.some(d=>{if(d.type!=="decl")return!1;let p=d.prop==="display"&&/(inline-)?grid/.test(d.value),h=d.prop.startsWith("grid-template"),b=/^grid-([A-z]+-)?gap/.test(d.prop);return p||h||b})}function l(f){return f.parent.some(d=>d.prop==="display"&&/(inline-)?flex/.test(d.value))}let c=this.gridStatus(e,t)&&this.prefixes.add["grid-area"]&&this.prefixes.add["grid-area"].prefixes;return e.walkDecls(f=>{if(this.disabledDecl(f,t))return;let d=f.parent,p=f.prop,h=f.value;if(p==="grid-row-span"){t.warn("grid-row-span is not part of final Grid Layout. Use grid-row.",{node:f});return}else if(p==="grid-column-span"){t.warn("grid-column-span is not part of final Grid Layout. Use grid-column.",{node:f});return}else if(p==="display"&&h==="box"){t.warn("You should write display: flex by final spec instead of display: box",{node:f});return}else if(p==="text-emphasis-position")(h==="under"||h==="over")&&t.warn("You should use 2 values for text-emphasis-position For example, `under left` instead of just `under`.",{node:f});else if(/^(align|justify|place)-(items|content)$/.test(p)&&l(f))(h==="start"||h==="end")&&t.warn(`${h} value has mixed support, consider using flex-${h} instead`,{node:f});else if(p==="text-decoration-skip"&&h==="ink")t.warn("Replace text-decoration-skip: ink to text-decoration-skip-ink: auto, because spec had been changed",{node:f});else{if(c&&this.gridStatus(f,t))if(f.value==="subgrid"&&t.warn("IE does not support subgrid",{node:f}),/^(align|justify|place)-items$/.test(p)&&o(f)){let v=p.replace("-items","-self");t.warn(`IE does not support ${p} on grid containers. Try using ${v} on child elements instead: ${f.parent.selector} > * { ${v}: ${f.value} }`,{node:f})}else if(/^(align|justify|place)-content$/.test(p)&&o(f))t.warn(`IE does not support ${f.prop} on grid containers`,{node:f});else if(p==="display"&&f.value==="contents"){t.warn("Please do not use display: contents; if you have grid setting enabled",{node:f});return}else if(f.prop==="grid-gap"){let v=this.gridStatus(f,t);v==="autoplace"&&!NO(f)&&!au(f)?t.warn("grid-gap only works if grid-template(-areas) is being used or both rows and columns have been declared and cells have not been manually placed inside the explicit grid",{node:f}):(v===!0||v==="no-autoplace")&&!au(f)&&t.warn("grid-gap only works if grid-template(-areas) is being used",{node:f})}else if(p==="grid-auto-columns"){t.warn("grid-auto-columns is not supported by IE",{node:f});return}else if(p==="grid-auto-rows"){t.warn("grid-auto-rows is not supported by IE",{node:f});return}else if(p==="grid-auto-flow"){let v=d.some(w=>w.prop==="grid-template-rows"),y=d.some(w=>w.prop==="grid-template-columns");au(f)?t.warn("grid-auto-flow is not supported by IE",{node:f}):h.includes("dense")?t.warn("grid-auto-flow: dense is not supported by IE",{node:f}):!v&&!y&&t.warn("grid-auto-flow works only if grid-template-rows and grid-template-columns are present in the same rule",{node:f});return}else if(h.includes("auto-fit")){t.warn("auto-fit value is not supported by IE",{node:f,word:"auto-fit"});return}else if(h.includes("auto-fill")){t.warn("auto-fill value is not supported by IE",{node:f,word:"auto-fill"});return}else p.startsWith("grid-template")&&h.includes("[")&&t.warn("Autoprefixer currently does not support line names. Try using grid-template-areas instead.",{node:f,word:"["});if(h.includes("radial-gradient"))if(qO.test(f.value))t.warn("Gradient has outdated direction syntax. New syntax is like `closest-side at 0 0` instead of `0 0, closest-side`.",{node:f});else{let v=pb(h);for(let y of v.nodes)if(y.type==="function"&&y.value==="radial-gradient")for(let w of y.nodes)w.type==="word"&&(w.value==="cover"?t.warn("Gradient has outdated direction syntax. Replace `cover` to `farthest-corner`.",{node:f}):w.value==="contain"&&t.warn("Gradient has outdated direction syntax. Replace `contain` to `closest-side`.",{node:f}))}h.includes("linear-gradient")&&DO.test(h)&&t.warn("Gradient has outdated direction syntax. New syntax is like `to left` instead of `right`.",{node:f})}MO.includes(f.prop)&&(f.value.includes("-fill-available")||(f.value.includes("fill-available")?t.warn("Replace fill-available to stretch, because spec had been changed",{node:f}):f.value.includes("fill")&&pb(h).nodes.some(y=>y.type==="word"&&y.value==="fill")&&t.warn("Replace fill to stretch, because spec had been changed",{node:f})));let b;if(f.prop==="transition"||f.prop==="transition-property")return this.prefixes.transition.add(f,t);if(f.prop==="align-self"){if(this.displayType(f)!=="grid"&&this.prefixes.options.flexbox!==!1&&(b=this.prefixes.add["align-self"],b&&b.prefixes&&b.process(f)),this.gridStatus(f,t)!==!1&&(b=this.prefixes.add["grid-row-align"],b&&b.prefixes))return b.process(f,t)}else if(f.prop==="justify-self"){if(this.gridStatus(f,t)!==!1&&(b=this.prefixes.add["grid-column-align"],b&&b.prefixes))return b.process(f,t)}else if(f.prop==="place-self"){if(b=this.prefixes.add["place-self"],b&&b.prefixes&&this.gridStatus(f,t)!==!1)return b.process(f,t)}else if(b=this.prefixes.add[f.prop],b&&b.prefixes)return b.process(f,t)}),this.gridStatus(e,t)&&IO(e,this.disabled),e.walkDecls(f=>{if(this.disabledValue(f,t))return;let d=this.prefixes.unprefixed(f.prop),p=this.prefixes.values("add",d);if(Array.isArray(p))for(let h of p)h.process&&h.process(f,t);PO.save(this.prefixes,f)})}remove(e,t){let i=this.prefixes.remove["@resolution"];e.walkAtRules((n,s)=>{this.prefixes.remove[`@${n.name}`]?this.disabled(n,t)||n.parent.removeChild(s):n.name==="media"&&n.params.includes("-resolution")&&i&&i.clean(n)});for(let n of this.prefixes.remove.selectors)e.walkRules((s,a)=>{n.check(s)&&(this.disabled(s,t)||s.parent.removeChild(a))});return e.walkDecls((n,s)=>{if(this.disabled(n,t))return;let a=n.parent,o=this.prefixes.unprefixed(n.prop);if((n.prop==="transition"||n.prop==="transition-property")&&this.prefixes.transition.remove(n),this.prefixes.remove[n.prop]&&this.prefixes.remove[n.prop].remove){let l=this.prefixes.group(n).down(c=>this.prefixes.normalize(c.prop)===o);if(o==="flex-flow"&&(l=!0),n.prop==="-webkit-box-orient"){let c={"flex-direction":!0,"flex-flow":!0};if(!n.parent.some(f=>c[f.prop]))return}if(l&&!this.withHackValue(n)){n.raw("before").includes(`
+`)&&this.reduceSpaces(n),a.removeChild(s);return}}for(let l of this.prefixes.values("remove",o)){if(!l.check||!l.check(n.value))continue;if(o=l.unprefixed,this.prefixes.group(n).down(f=>f.value.includes(o))){a.removeChild(s);return}}})}withHackValue(e){return e.prop==="-webkit-background-clip"&&e.value==="text"}disabledValue(e,t){return this.gridStatus(e,t)===!1&&e.type==="decl"&&e.prop==="display"&&e.value.includes("grid")||this.prefixes.options.flexbox===!1&&e.type==="decl"&&e.prop==="display"&&e.value.includes("flex")||e.type==="decl"&&e.prop==="content"?!0:this.disabled(e,t)}disabledDecl(e,t){if(this.gridStatus(e,t)===!1&&e.type==="decl"&&(e.prop.includes("grid")||e.prop==="justify-items"))return!0;if(this.prefixes.options.flexbox===!1&&e.type==="decl"){let i=["order","justify-content","align-items","align-content"];if(e.prop.includes("flex")||i.includes(e.prop))return!0}return this.disabled(e,t)}disabled(e,t){if(!e)return!1;if(e._autoprefixerDisabled!==void 0)return e._autoprefixerDisabled;if(e.parent){let n=e.prev();if(n&&n.type==="comment"&&$O.test(n.text))return e._autoprefixerDisabled=!0,e._autoprefixerSelfDisabled=!0,!0}let i=null;if(e.nodes){let n;e.each(s=>{s.type==="comment"&&/(!\s*)?autoprefixer:\s*(off|on)/i.test(s.text)&&(typeof n!="undefined"?t.warn("Second Autoprefixer control comment was ignored. Autoprefixer applies control comment to whole block, not to next rules.",{node:s}):n=/on/i.test(s.text))}),n!==void 0&&(i=!n)}if(!e.nodes||i===null)if(e.parent){let n=this.disabled(e.parent,t);e.parent._autoprefixerSelfDisabled===!0?i=!1:i=n}else i=!1;return e._autoprefixerDisabled=i,i}reduceSpaces(e){let t=!1;if(this.prefixes.group(e).up(()=>(t=!0,!0)),t)return;let i=e.raw("before").split(`
+`),n=i[i.length-1].length,s=!1;this.prefixes.group(e).down(a=>{i=a.raw("before").split(`
+`);let o=i.length-1;i[o].length>n&&(s===!1&&(s=i[o].length-n),i[o]=i[o].slice(0,-s),a.raws.before=i.join(`
+`))})}displayType(e){for(let t of e.parent.nodes)if(t.prop==="display"){if(t.value.includes("flex"))return"flex";if(t.value.includes("grid"))return"grid"}return!1}gridStatus(e,t){if(!e)return!1;if(e._autoprefixerGridStatus!==void 0)return e._autoprefixerGridStatus;let i=null;if(e.nodes){let n;e.each(s=>{if(s.type==="comment"&&LO.test(s.text)){let a=/:\s*autoplace/i.test(s.text),o=/no-autoplace/i.test(s.text);typeof n!="undefined"?t.warn("Second Autoprefixer grid control comment was ignored. Autoprefixer applies control comments to the whole block, not to the next rules.",{node:s}):a?n="autoplace":o?n=!0:n=/on/i.test(s.text)}}),n!==void 0&&(i=n)}if(e.type==="atrule"&&e.name==="supports"){let n=e.params;n.includes("grid")&&n.includes("auto")&&(i=!1)}if(!e.nodes||i===null)if(e.parent){let n=this.gridStatus(e.parent,t);e.parent._autoprefixerSelfDisabled===!0?i=!1:i=n}else typeof this.prefixes.options.grid!="undefined"?i=this.prefixes.options.grid:typeof m.env.AUTOPREFIXER_GRID!="undefined"?m.env.AUTOPREFIXER_GRID==="autoplace"?i="autoplace":i=!0:i=!1;return e._autoprefixerGridStatus=i,i}};hb.exports=db});var gb=x((h$,mb)=>{u();mb.exports={A:{A:{"2":"K E F G A B JC"},B:{"1":"C L M H N D O P Q R S T U V W X Y Z a b c d e f g h i j n o p q r s t u v w x y z I"},C:{"1":"2 3 4 5 6 7 8 9 AB BB CB DB EB FB GB HB IB JB KB LB MB NB OB PB QB RB SB TB UB VB WB XB YB ZB aB bB cB 0B dB 1B eB fB gB hB iB jB kB lB mB nB oB m pB qB rB sB tB P Q R 2B S T U V W X Y Z a b c d e f g h i j n o p q r s t u v w x y z I uB 3B 4B","2":"0 1 KC zB J K E F G A B C L M H N D O k l LC MC"},D:{"1":"8 9 AB BB CB DB EB FB GB HB IB JB KB LB MB NB OB PB QB RB SB TB UB VB WB XB YB ZB aB bB cB 0B dB 1B eB fB gB hB iB jB kB lB mB nB oB m pB qB rB sB tB P Q R S T U V W X Y Z a b c d e f g h i j n o p q r s t u v w x y z I uB 3B 4B","2":"0 1 2 3 4 5 6 7 J K E F G A B C L M H N D O k l"},E:{"1":"G A B C L M H D RC 6B vB wB 7B SC TC 8B 9B xB AC yB BC CC DC EC FC GC UC","2":"0 J K E F NC 5B OC PC QC"},F:{"1":"1 2 3 4 5 6 7 8 9 H N D O k l AB BB CB DB EB FB GB HB IB JB KB LB MB NB OB PB QB RB SB TB UB VB WB XB YB ZB aB bB cB dB eB fB gB hB iB jB kB lB mB nB oB m pB qB rB sB tB P Q R 2B S T U V W X Y Z a b c d e f g h i j wB","2":"G B C VC WC XC YC vB HC ZC"},G:{"1":"D fC gC hC iC jC kC lC mC nC oC pC qC rC sC tC 8B 9B xB AC yB BC CC DC EC FC GC","2":"F 5B aC IC bC cC dC eC"},H:{"1":"uC"},I:{"1":"I zC 0C","2":"zB J vC wC xC yC IC"},J:{"2":"E A"},K:{"1":"m","2":"A B C vB HC wB"},L:{"1":"I"},M:{"1":"uB"},N:{"2":"A B"},O:{"1":"xB"},P:{"1":"J k l 1C 2C 3C 4C 5C 6B 6C 7C 8C 9C AD yB BD CD DD"},Q:{"1":"7B"},R:{"1":"ED"},S:{"1":"FD GD"}},B:4,C:"CSS Feature Queries"}});var vb=x((m$,wb)=>{u();function yb(r){return r[r.length-1]}var bb={parse(r){let e=[""],t=[e];for(let i of r){if(i==="("){e=[""],yb(t).push(e),t.push(e);continue}if(i===")"){t.pop(),e=yb(t),e.push("");continue}e[e.length-1]+=i}return t[0]},stringify(r){let e="";for(let t of r){if(typeof t=="object"){e+=`(${bb.stringify(t)})`;continue}e+=t}return e}};wb.exports=bb});var Cb=x((g$,Ab)=>{u();var BO=gb(),{feature:FO}=(Ps(),Rs),{parse:jO}=$e(),zO=Mt(),lu=vb(),UO=He(),VO=_e(),xb=FO(BO),kb=[];for(let r in xb.stats){let e=xb.stats[r];for(let t in e){let i=e[t];/y/.test(i)&&kb.push(r+" "+t)}}var Sb=class{constructor(e,t){this.Prefixes=e,this.all=t}prefixer(){if(this.prefixerCache)return this.prefixerCache;let e=this.all.browsers.selected.filter(i=>kb.includes(i)),t=new zO(this.all.browsers.data,e,this.all.options);return this.prefixerCache=new this.Prefixes(this.all.data,t,this.all.options),this.prefixerCache}parse(e){let t=e.split(":"),i=t[0],n=t[1];return n||(n=""),[i.trim(),n.trim()]}virtual(e){let[t,i]=this.parse(e),n=jO("a{}").first;return n.append({prop:t,value:i,raws:{before:""}}),n}prefixed(e){let t=this.virtual(e);if(this.disabled(t.first))return t.nodes;let i={warn:()=>null},n=this.prefixer().add[t.first.prop];n&&n.process&&n.process(t.first,i);for(let s of t.nodes){for(let a of this.prefixer().values("add",t.first.prop))a.process(s);UO.save(this.all,s)}return t.nodes}isNot(e){return typeof e=="string"&&/not\s*/i.test(e)}isOr(e){return typeof e=="string"&&/\s*or\s*/i.test(e)}isProp(e){return typeof e=="object"&&e.length===1&&typeof e[0]=="string"}isHack(e,t){return!new RegExp(`(\\(|\\s)${VO.escapeRegexp(t)}:`).test(e)}toRemove(e,t){let[i,n]=this.parse(e),s=this.all.unprefixed(i),a=this.all.cleaner();if(a.remove[i]&&a.remove[i].remove&&!this.isHack(t,s))return!0;for(let o of a.values("remove",s))if(o.check(n))return!0;return!1}remove(e,t){let i=0;for(;i<e.length;){if(!this.isNot(e[i-1])&&this.isProp(e[i])&&this.isOr(e[i+1])){if(this.toRemove(e[i][0],t)){e.splice(i,2);continue}i+=2;continue}typeof e[i]=="object"&&(e[i]=this.remove(e[i],t)),i+=1}return e}cleanBrackets(e){return e.map(t=>typeof t!="object"?t:t.length===1&&typeof t[0]=="object"?this.cleanBrackets(t[0]):this.cleanBrackets(t))}convert(e){let t=[""];for(let i of e)t.push([`${i.prop}: ${i.value}`]),t.push(" or ");return t[t.length-1]="",t}normalize(e){if(typeof e!="object")return e;if(e=e.filter(t=>t!==""),typeof e[0]=="string"){let t=e[0].trim();if(t.includes(":")||t==="selector"||t==="not selector")return[lu.stringify(e)]}return e.map(t=>this.normalize(t))}add(e,t){return e.map(i=>{if(this.isProp(i)){let n=this.prefixed(i[0]);return n.length>1?this.convert(n):i}return typeof i=="object"?this.add(i,t):i})}process(e){let t=lu.parse(e.params);t=this.normalize(t),t=this.remove(t,e.params),t=this.add(t,e.params),t=this.cleanBrackets(t),e.params=lu.stringify(t)}disabled(e){if(!this.all.options.grid&&(e.prop==="display"&&e.value.includes("grid")||e.prop.includes("grid")||e.prop==="justify-items"))return!0;if(this.all.options.flexbox===!1){if(e.prop==="display"&&e.value.includes("flex"))return!0;let t=["order","justify-content","align-items","align-content"];if(e.prop.includes("flex")||t.includes(e.prop))return!0}return!1}};Ab.exports=Sb});var Ob=x((y$,Eb)=>{u();var _b=class{constructor(e,t){this.prefix=t,this.prefixed=e.prefixed(this.prefix),this.regexp=e.regexp(this.prefix),this.prefixeds=e.possible().map(i=>[e.prefixed(i),e.regexp(i)]),this.unprefixed=e.name,this.nameRegexp=e.regexp()}isHack(e){let t=e.parent.index(e)+1,i=e.parent.nodes;for(;t<i.length;){let n=i[t].selector;if(!n)return!0;if(n.includes(this.unprefixed)&&n.match(this.nameRegexp))return!1;let s=!1;for(let[a,o]of this.prefixeds)if(n.includes(a)&&n.match(o)){s=!0;break}if(!s)return!0;t+=1}return!0}check(e){return!(!e.selector.includes(this.prefixed)||!e.selector.match(this.regexp)||this.isHack(e))}};Eb.exports=_b});var kr=x((b$,Rb)=>{u();var{list:HO}=$e(),WO=Ob(),GO=wr(),QO=Mt(),YO=_e(),Tb=class extends GO{constructor(e,t,i){super(e,t,i);this.regexpCache=new Map}check(e){return e.selector.includes(this.name)?!!e.selector.match(this.regexp()):!1}prefixed(e){return this.name.replace(/^(\W*)/,`$1${e}`)}regexp(e){if(!this.regexpCache.has(e)){let t=e?this.prefixed(e):this.name;this.regexpCache.set(e,new RegExp(`(^|[^:"'=])${YO.escapeRegexp(t)}`,"gi"))}return this.regexpCache.get(e)}possible(){return QO.prefixes()}prefixeds(e){if(e._autoprefixerPrefixeds){if(e._autoprefixerPrefixeds[this.name])return e._autoprefixerPrefixeds}else e._autoprefixerPrefixeds={};let t={};if(e.selector.includes(",")){let n=HO.comma(e.selector).filter(s=>s.includes(this.name));for(let s of this.possible())t[s]=n.map(a=>this.replace(a,s)).join(", ")}else for(let i of this.possible())t[i]=this.replace(e.selector,i);return e._autoprefixerPrefixeds[this.name]=t,e._autoprefixerPrefixeds}already(e,t,i){let n=e.parent.index(e)-1;for(;n>=0;){let s=e.parent.nodes[n];if(s.type!=="rule")return!1;let a=!1;for(let o in t[this.name]){let l=t[this.name][o];if(s.selector===l){if(i===o)return!0;a=!0;break}}if(!a)return!1;n-=1}return!1}replace(e,t){return e.replace(this.regexp(),`$1${this.prefixed(t)}`)}add(e,t){let i=this.prefixeds(e);if(this.already(e,i,t))return;let n=this.clone(e,{selector:i[this.name][t]});e.parent.insertBefore(e,n)}old(e){return new WO(this,e)}};Rb.exports=Tb});var Db=x((w$,Ib)=>{u();var KO=wr(),Pb=class extends KO{add(e,t){let i=t+e.name;if(e.parent.some(a=>a.name===i&&a.params===e.params))return;let s=this.clone(e,{name:i});return e.parent.insertBefore(e,s)}process(e){let t=this.parentPrefix(e);for(let i of this.prefixes)(!t||t===i)&&this.add(e,i)}};Ib.exports=Pb});var $b=x((v$,qb)=>{u();var XO=kr(),uu=class extends XO{prefixed(e){return e==="-webkit-"?":-webkit-full-screen":e==="-moz-"?":-moz-full-screen":`:${e}fullscreen`}};uu.names=[":fullscreen"];qb.exports=uu});var Mb=x((x$,Lb)=>{u();var ZO=kr(),fu=class extends ZO{possible(){return super.possible().concat(["-moz- old","-ms- old"])}prefixed(e){return e==="-webkit-"?"::-webkit-input-placeholder":e==="-ms-"?"::-ms-input-placeholder":e==="-ms- old"?":-ms-input-placeholder":e==="-moz- old"?":-moz-placeholder":`::${e}placeholder`}};fu.names=["::placeholder"];Lb.exports=fu});var Bb=x((k$,Nb)=>{u();var JO=kr(),cu=class extends JO{prefixed(e){return e==="-ms-"?":-ms-input-placeholder":`:${e}placeholder-shown`}};cu.names=[":placeholder-shown"];Nb.exports=cu});var jb=x((S$,Fb)=>{u();var eT=kr(),tT=_e(),pu=class extends eT{constructor(e,t,i){super(e,t,i);this.prefixes&&(this.prefixes=tT.uniq(this.prefixes.map(n=>"-webkit-")))}prefixed(e){return e==="-webkit-"?"::-webkit-file-upload-button":`::${e}file-selector-button`}};pu.names=["::file-selector-button"];Fb.exports=pu});var Pe=x((A$,zb)=>{u();zb.exports=function(r){let e;return r==="-webkit- 2009"||r==="-moz-"?e=2009:r==="-ms-"?e=2012:r==="-webkit-"&&(e="final"),r==="-webkit- 2009"&&(r="-webkit-"),[e,r]}});var Wb=x((C$,Hb)=>{u();var Ub=$e().list,Vb=Pe(),rT=j(),Sr=class extends rT{prefixed(e,t){let i;return[i,t]=Vb(t),i===2009?t+"box-flex":super.prefixed(e,t)}normalize(){return"flex"}set(e,t){let i=Vb(t)[0];if(i===2009)return e.value=Ub.space(e.value)[0],e.value=Sr.oldValues[e.value]||e.value,super.set(e,t);if(i===2012){let n=Ub.space(e.value);n.length===3&&n[2]==="0"&&(e.value=n.slice(0,2).concat("0px").join(" "))}return super.set(e,t)}};Sr.names=["flex","box-flex"];Sr.oldValues={auto:"1",none:"0"};Hb.exports=Sr});var Yb=x((_$,Qb)=>{u();var Gb=Pe(),iT=j(),du=class extends iT{prefixed(e,t){let i;return[i,t]=Gb(t),i===2009?t+"box-ordinal-group":i===2012?t+"flex-order":super.prefixed(e,t)}normalize(){return"order"}set(e,t){return Gb(t)[0]===2009&&/\d/.test(e.value)?(e.value=(parseInt(e.value)+1).toString(),super.set(e,t)):super.set(e,t)}};du.names=["order","flex-order","box-ordinal-group"];Qb.exports=du});var Xb=x((E$,Kb)=>{u();var nT=j(),hu=class extends nT{check(e){let t=e.value;return!t.toLowerCase().includes("alpha(")&&!t.includes("DXImageTransform.Microsoft")&&!t.includes("data:image/svg+xml")}};hu.names=["filter"];Kb.exports=hu});var Jb=x((O$,Zb)=>{u();var sT=j(),mu=class extends sT{insert(e,t,i,n){if(t!=="-ms-")return super.insert(e,t,i);let s=this.clone(e),a=e.prop.replace(/end$/,"start"),o=t+e.prop.replace(/end$/,"span");if(!e.parent.some(l=>l.prop===o)){if(s.prop=o,e.value.includes("span"))s.value=e.value.replace(/span\s/i,"");else{let l;if(e.parent.walkDecls(a,c=>{l=c}),l){let c=Number(e.value)-Number(l.value)+"";s.value=c}else e.warn(n,`Can not prefix ${e.prop} (${a} is not found)`)}e.cloneBefore(s)}}};mu.names=["grid-row-end","grid-column-end"];Zb.exports=mu});var tw=x((T$,ew)=>{u();var aT=j(),gu=class extends aT{check(e){return!e.value.split(/\s+/).some(t=>{let i=t.toLowerCase();return i==="reverse"||i==="alternate-reverse"})}};gu.names=["animation","animation-direction"];ew.exports=gu});var iw=x((R$,rw)=>{u();var oT=Pe(),lT=j(),yu=class extends lT{insert(e,t,i){let n;if([n,t]=oT(t),n!==2009)return super.insert(e,t,i);let s=e.value.split(/\s+/).filter(d=>d!=="wrap"&&d!=="nowrap"&&"wrap-reverse");if(s.length===0||e.parent.some(d=>d.prop===t+"box-orient"||d.prop===t+"box-direction"))return;let o=s[0],l=o.includes("row")?"horizontal":"vertical",c=o.includes("reverse")?"reverse":"normal",f=this.clone(e);return f.prop=t+"box-orient",f.value=l,this.needCascade(e)&&(f.raws.before=this.calcBefore(i,e,t)),e.parent.insertBefore(e,f),f=this.clone(e),f.prop=t+"box-direction",f.value=c,this.needCascade(e)&&(f.raws.before=this.calcBefore(i,e,t)),e.parent.insertBefore(e,f)}};yu.names=["flex-flow","box-direction","box-orient"];rw.exports=yu});var sw=x((P$,nw)=>{u();var uT=Pe(),fT=j(),bu=class extends fT{normalize(){return"flex"}prefixed(e,t){let i;return[i,t]=uT(t),i===2009?t+"box-flex":i===2012?t+"flex-positive":super.prefixed(e,t)}};bu.names=["flex-grow","flex-positive"];nw.exports=bu});var ow=x((I$,aw)=>{u();var cT=Pe(),pT=j(),wu=class extends pT{set(e,t){if(cT(t)[0]!==2009)return super.set(e,t)}};wu.names=["flex-wrap"];aw.exports=wu});var uw=x((D$,lw)=>{u();var dT=j(),Ar=Bt(),vu=class extends dT{insert(e,t,i,n){if(t!=="-ms-")return super.insert(e,t,i);let s=Ar.parse(e),[a,o]=Ar.translate(s,0,2),[l,c]=Ar.translate(s,1,3);[["grid-row",a],["grid-row-span",o],["grid-column",l],["grid-column-span",c]].forEach(([f,d])=>{Ar.insertDecl(e,f,d)}),Ar.warnTemplateSelectorNotFound(e,n),Ar.warnIfGridRowColumnExists(e,n)}};vu.names=["grid-area"];lw.exports=vu});var cw=x((q$,fw)=>{u();var hT=j(),Bi=Bt(),xu=class extends hT{insert(e,t,i){if(t!=="-ms-")return super.insert(e,t,i);if(e.parent.some(a=>a.prop==="-ms-grid-row-align"))return;let[[n,s]]=Bi.parse(e);s?(Bi.insertDecl(e,"grid-row-align",n),Bi.insertDecl(e,"grid-column-align",s)):(Bi.insertDecl(e,"grid-row-align",n),Bi.insertDecl(e,"grid-column-align",n))}};xu.names=["place-self"];fw.exports=xu});var dw=x(($$,pw)=>{u();var mT=j(),ku=class extends mT{check(e){let t=e.value;return!t.includes("/")||t.includes("span")}normalize(e){return e.replace("-start","")}prefixed(e,t){let i=super.prefixed(e,t);return t==="-ms-"&&(i=i.replace("-start","")),i}};ku.names=["grid-row-start","grid-column-start"];pw.exports=ku});var gw=x((L$,mw)=>{u();var hw=Pe(),gT=j(),Cr=class extends gT{check(e){return e.parent&&!e.parent.some(t=>t.prop&&t.prop.startsWith("grid-"))}prefixed(e,t){let i;return[i,t]=hw(t),i===2012?t+"flex-item-align":super.prefixed(e,t)}normalize(){return"align-self"}set(e,t){let i=hw(t)[0];if(i===2012)return e.value=Cr.oldValues[e.value]||e.value,super.set(e,t);if(i==="final")return super.set(e,t)}};Cr.names=["align-self","flex-item-align"];Cr.oldValues={"flex-end":"end","flex-start":"start"};mw.exports=Cr});var bw=x((M$,yw)=>{u();var yT=j(),bT=_e(),Su=class extends yT{constructor(e,t,i){super(e,t,i);this.prefixes&&(this.prefixes=bT.uniq(this.prefixes.map(n=>n==="-ms-"?"-webkit-":n)))}};Su.names=["appearance"];yw.exports=Su});var xw=x((N$,vw)=>{u();var ww=Pe(),wT=j(),Au=class extends wT{normalize(){return"flex-basis"}prefixed(e,t){let i;return[i,t]=ww(t),i===2012?t+"flex-preferred-size":super.prefixed(e,t)}set(e,t){let i;if([i,t]=ww(t),i===2012||i==="final")return super.set(e,t)}};Au.names=["flex-basis","flex-preferred-size"];vw.exports=Au});var Sw=x((B$,kw)=>{u();var vT=j(),Cu=class extends vT{normalize(){return this.name.replace("box-image","border")}prefixed(e,t){let i=super.prefixed(e,t);return t==="-webkit-"&&(i=i.replace("border","box-image")),i}};Cu.names=["mask-border","mask-border-source","mask-border-slice","mask-border-width","mask-border-outset","mask-border-repeat","mask-box-image","mask-box-image-source","mask-box-image-slice","mask-box-image-width","mask-box-image-outset","mask-box-image-repeat"];kw.exports=Cu});var Cw=x((F$,Aw)=>{u();var xT=j(),lt=class extends xT{insert(e,t,i){let n=e.prop==="mask-composite",s;n?s=e.value.split(","):s=e.value.match(lt.regexp)||[],s=s.map(c=>c.trim()).filter(c=>c);let a=s.length,o;if(a&&(o=this.clone(e),o.value=s.map(c=>lt.oldValues[c]||c).join(", "),s.includes("intersect")&&(o.value+=", xor"),o.prop=t+"mask-composite"),n)return a?(this.needCascade(e)&&(o.raws.before=this.calcBefore(i,e,t)),e.parent.insertBefore(e,o)):void 0;let l=this.clone(e);return l.prop=t+l.prop,a&&(l.value=l.value.replace(lt.regexp,"")),this.needCascade(e)&&(l.raws.before=this.calcBefore(i,e,t)),e.parent.insertBefore(e,l),a?(this.needCascade(e)&&(o.raws.before=this.calcBefore(i,e,t)),e.parent.insertBefore(e,o)):e}};lt.names=["mask","mask-composite"];lt.oldValues={add:"source-over",subtract:"source-out",intersect:"source-in",exclude:"xor"};lt.regexp=new RegExp(`\\s+(${Object.keys(lt.oldValues).join("|")})\\b(?!\\))\\s*(?=[,])`,"ig");Aw.exports=lt});var Ow=x((j$,Ew)=>{u();var _w=Pe(),kT=j(),_r=class extends kT{prefixed(e,t){let i;return[i,t]=_w(t),i===2009?t+"box-align":i===2012?t+"flex-align":super.prefixed(e,t)}normalize(){return"align-items"}set(e,t){let i=_w(t)[0];return(i===2009||i===2012)&&(e.value=_r.oldValues[e.value]||e.value),super.set(e,t)}};_r.names=["align-items","flex-align","box-align"];_r.oldValues={"flex-end":"end","flex-start":"start"};Ew.exports=_r});var Rw=x((z$,Tw)=>{u();var ST=j(),_u=class extends ST{set(e,t){return t==="-ms-"&&e.value==="contain"&&(e.value="element"),super.set(e,t)}insert(e,t,i){if(!(e.value==="all"&&t==="-ms-"))return super.insert(e,t,i)}};_u.names=["user-select"];Tw.exports=_u});var Dw=x((U$,Iw)=>{u();var Pw=Pe(),AT=j(),Eu=class extends AT{normalize(){return"flex-shrink"}prefixed(e,t){let i;return[i,t]=Pw(t),i===2012?t+"flex-negative":super.prefixed(e,t)}set(e,t){let i;if([i,t]=Pw(t),i===2012||i==="final")return super.set(e,t)}};Eu.names=["flex-shrink","flex-negative"];Iw.exports=Eu});var $w=x((V$,qw)=>{u();var CT=j(),Ou=class extends CT{prefixed(e,t){return`${t}column-${e}`}normalize(e){return e.includes("inside")?"break-inside":e.includes("before")?"break-before":"break-after"}set(e,t){return(e.prop==="break-inside"&&e.value==="avoid-column"||e.value==="avoid-page")&&(e.value="avoid"),super.set(e,t)}insert(e,t,i){if(e.prop!=="break-inside")return super.insert(e,t,i);if(!(/region/i.test(e.value)||/page/i.test(e.value)))return super.insert(e,t,i)}};Ou.names=["break-inside","page-break-inside","column-break-inside","break-before","page-break-before","column-break-before","break-after","page-break-after","column-break-after"];qw.exports=Ou});var Mw=x((H$,Lw)=>{u();var _T=j(),Tu=class extends _T{prefixed(e,t){return t+"print-color-adjust"}normalize(){return"color-adjust"}};Tu.names=["color-adjust","print-color-adjust"];Lw.exports=Tu});var Bw=x((W$,Nw)=>{u();var ET=j(),Er=class extends ET{insert(e,t,i){if(t==="-ms-"){let n=this.set(this.clone(e),t);this.needCascade(e)&&(n.raws.before=this.calcBefore(i,e,t));let s="ltr";return e.parent.nodes.forEach(a=>{a.prop==="direction"&&(a.value==="rtl"||a.value==="ltr")&&(s=a.value)}),n.value=Er.msValues[s][e.value]||e.value,e.parent.insertBefore(e,n)}return super.insert(e,t,i)}};Er.names=["writing-mode"];Er.msValues={ltr:{"horizontal-tb":"lr-tb","vertical-rl":"tb-rl","vertical-lr":"tb-lr"},rtl:{"horizontal-tb":"rl-tb","vertical-rl":"bt-rl","vertical-lr":"bt-lr"}};Nw.exports=Er});var jw=x((G$,Fw)=>{u();var OT=j(),Ru=class extends OT{set(e,t){return e.value=e.value.replace(/\s+fill(\s)/,"$1"),super.set(e,t)}};Ru.names=["border-image"];Fw.exports=Ru});var Vw=x((Q$,Uw)=>{u();var zw=Pe(),TT=j(),Or=class extends TT{prefixed(e,t){let i;return[i,t]=zw(t),i===2012?t+"flex-line-pack":super.prefixed(e,t)}normalize(){return"align-content"}set(e,t){let i=zw(t)[0];if(i===2012)return e.value=Or.oldValues[e.value]||e.value,super.set(e,t);if(i==="final")return super.set(e,t)}};Or.names=["align-content","flex-line-pack"];Or.oldValues={"flex-end":"end","flex-start":"start","space-between":"justify","space-around":"distribute"};Uw.exports=Or});var Ww=x((Y$,Hw)=>{u();var RT=j(),We=class extends RT{prefixed(e,t){return t==="-moz-"?t+(We.toMozilla[e]||e):super.prefixed(e,t)}normalize(e){return We.toNormal[e]||e}};We.names=["border-radius"];We.toMozilla={};We.toNormal={};for(let r of["top","bottom"])for(let e of["left","right"]){let t=`border-${r}-${e}-radius`,i=`border-radius-${r}${e}`;We.names.push(t),We.names.push(i),We.toMozilla[t]=i,We.toNormal[i]=t}Hw.exports=We});var Qw=x((K$,Gw)=>{u();var PT=j(),Pu=class extends PT{prefixed(e,t){return e.includes("-start")?t+e.replace("-block-start","-before"):t+e.replace("-block-end","-after")}normalize(e){return e.includes("-before")?e.replace("-before","-block-start"):e.replace("-after","-block-end")}};Pu.names=["border-block-start","border-block-end","margin-block-start","margin-block-end","padding-block-start","padding-block-end","border-before","border-after","margin-before","margin-after","padding-before","padding-after"];Gw.exports=Pu});var Kw=x((X$,Yw)=>{u();var IT=j(),{parseTemplate:DT,warnMissedAreas:qT,getGridGap:$T,warnGridGap:LT,inheritGridGap:MT}=Bt(),Iu=class extends IT{insert(e,t,i,n){if(t!=="-ms-")return super.insert(e,t,i);if(e.parent.some(h=>h.prop==="-ms-grid-rows"))return;let s=$T(e),a=MT(e,s),{rows:o,columns:l,areas:c}=DT({decl:e,gap:a||s}),f=Object.keys(c).length>0,d=Boolean(o),p=Boolean(l);return LT({gap:s,hasColumns:p,decl:e,result:n}),qT(c,e,n),(d&&p||f)&&e.cloneBefore({prop:"-ms-grid-rows",value:o,raws:{}}),p&&e.cloneBefore({prop:"-ms-grid-columns",value:l,raws:{}}),e}};Iu.names=["grid-template"];Yw.exports=Iu});var Zw=x((Z$,Xw)=>{u();var NT=j(),Du=class extends NT{prefixed(e,t){return t+e.replace("-inline","")}normalize(e){return e.replace(/(margin|padding|border)-(start|end)/,"$1-inline-$2")}};Du.names=["border-inline-start","border-inline-end","margin-inline-start","margin-inline-end","padding-inline-start","padding-inline-end","border-start","border-end","margin-start","margin-end","padding-start","padding-end"];Xw.exports=Du});var e0=x((J$,Jw)=>{u();var BT=j(),qu=class extends BT{check(e){return!e.value.includes("flex-")&&e.value!=="baseline"}prefixed(e,t){return t+"grid-row-align"}normalize(){return"align-self"}};qu.names=["grid-row-align"];Jw.exports=qu});var r0=x((eL,t0)=>{u();var FT=j(),Tr=class extends FT{keyframeParents(e){let{parent:t}=e;for(;t;){if(t.type==="atrule"&&t.name==="keyframes")return!0;({parent:t}=t)}return!1}contain3d(e){if(e.prop==="transform-origin")return!1;for(let t of Tr.functions3d)if(e.value.includes(`${t}(`))return!0;return!1}set(e,t){return e=super.set(e,t),t==="-ms-"&&(e.value=e.value.replace(/rotatez/gi,"rotate")),e}insert(e,t,i){if(t==="-ms-"){if(!this.contain3d(e)&&!this.keyframeParents(e))return super.insert(e,t,i)}else if(t==="-o-"){if(!this.contain3d(e))return super.insert(e,t,i)}else return super.insert(e,t,i)}};Tr.names=["transform","transform-origin"];Tr.functions3d=["matrix3d","translate3d","translateZ","scale3d","scaleZ","rotate3d","rotateX","rotateY","perspective"];t0.exports=Tr});var s0=x((tL,n0)=>{u();var i0=Pe(),jT=j(),$u=class extends jT{normalize(){return"flex-direction"}insert(e,t,i){let n;if([n,t]=i0(t),n!==2009)return super.insert(e,t,i);if(e.parent.some(f=>f.prop===t+"box-orient"||f.prop===t+"box-direction"))return;let a=e.value,o,l;a==="inherit"||a==="initial"||a==="unset"?(o=a,l=a):(o=a.includes("row")?"horizontal":"vertical",l=a.includes("reverse")?"reverse":"normal");let c=this.clone(e);return c.prop=t+"box-orient",c.value=o,this.needCascade(e)&&(c.raws.before=this.calcBefore(i,e,t)),e.parent.insertBefore(e,c),c=this.clone(e),c.prop=t+"box-direction",c.value=l,this.needCascade(e)&&(c.raws.before=this.calcBefore(i,e,t)),e.parent.insertBefore(e,c)}old(e,t){let i;return[i,t]=i0(t),i===2009?[t+"box-orient",t+"box-direction"]:super.old(e,t)}};$u.names=["flex-direction","box-direction","box-orient"];n0.exports=$u});var o0=x((rL,a0)=>{u();var zT=j(),Lu=class extends zT{check(e){return e.value==="pixelated"}prefixed(e,t){return t==="-ms-"?"-ms-interpolation-mode":super.prefixed(e,t)}set(e,t){return t!=="-ms-"?super.set(e,t):(e.prop="-ms-interpolation-mode",e.value="nearest-neighbor",e)}normalize(){return"image-rendering"}process(e,t){return super.process(e,t)}};Lu.names=["image-rendering","interpolation-mode"];a0.exports=Lu});var u0=x((iL,l0)=>{u();var UT=j(),VT=_e(),Mu=class extends UT{constructor(e,t,i){super(e,t,i);this.prefixes&&(this.prefixes=VT.uniq(this.prefixes.map(n=>n==="-ms-"?"-webkit-":n)))}};Mu.names=["backdrop-filter"];l0.exports=Mu});var c0=x((nL,f0)=>{u();var HT=j(),WT=_e(),Nu=class extends HT{constructor(e,t,i){super(e,t,i);this.prefixes&&(this.prefixes=WT.uniq(this.prefixes.map(n=>n==="-ms-"?"-webkit-":n)))}check(e){return e.value.toLowerCase()==="text"}};Nu.names=["background-clip"];f0.exports=Nu});var d0=x((sL,p0)=>{u();var GT=j(),QT=["none","underline","overline","line-through","blink","inherit","initial","unset"],Bu=class extends GT{check(e){return e.value.split(/\s+/).some(t=>!QT.includes(t))}};Bu.names=["text-decoration"];p0.exports=Bu});var g0=x((aL,m0)=>{u();var h0=Pe(),YT=j(),Rr=class extends YT{prefixed(e,t){let i;return[i,t]=h0(t),i===2009?t+"box-pack":i===2012?t+"flex-pack":super.prefixed(e,t)}normalize(){return"justify-content"}set(e,t){let i=h0(t)[0];if(i===2009||i===2012){let n=Rr.oldValues[e.value]||e.value;if(e.value=n,i!==2009||n!=="distribute")return super.set(e,t)}else if(i==="final")return super.set(e,t)}};Rr.names=["justify-content","flex-pack","box-pack"];Rr.oldValues={"flex-end":"end","flex-start":"start","space-between":"justify","space-around":"distribute"};m0.exports=Rr});var b0=x((oL,y0)=>{u();var KT=j(),Fu=class extends KT{set(e,t){let i=e.value.toLowerCase();return t==="-webkit-"&&!i.includes(" ")&&i!=="contain"&&i!=="cover"&&(e.value=e.value+" "+e.value),super.set(e,t)}};Fu.names=["background-size"];y0.exports=Fu});var v0=x((lL,w0)=>{u();var XT=j(),ju=Bt(),zu=class extends XT{insert(e,t,i){if(t!=="-ms-")return super.insert(e,t,i);let n=ju.parse(e),[s,a]=ju.translate(n,0,1);n[0]&&n[0].includes("span")&&(a=n[0].join("").replace(/\D/g,"")),[[e.prop,s],[`${e.prop}-span`,a]].forEach(([l,c])=>{ju.insertDecl(e,l,c)})}};zu.names=["grid-row","grid-column"];w0.exports=zu});var S0=x((uL,k0)=>{u();var ZT=j(),{prefixTrackProp:x0,prefixTrackValue:JT,autoplaceGridItems:eR,getGridGap:tR,inheritGridGap:rR}=Bt(),iR=ou(),Uu=class extends ZT{prefixed(e,t){return t==="-ms-"?x0({prop:e,prefix:t}):super.prefixed(e,t)}normalize(e){return e.replace(/^grid-(rows|columns)/,"grid-template-$1")}insert(e,t,i,n){if(t!=="-ms-")return super.insert(e,t,i);let{parent:s,prop:a,value:o}=e,l=a.includes("rows"),c=a.includes("columns"),f=s.some(k=>k.prop==="grid-template"||k.prop==="grid-template-areas");if(f&&l)return!1;let d=new iR({options:{}}),p=d.gridStatus(s,n),h=tR(e);h=rR(e,h)||h;let b=l?h.row:h.column;(p==="no-autoplace"||p===!0)&&!f&&(b=null);let v=JT({value:o,gap:b});e.cloneBefore({prop:x0({prop:a,prefix:t}),value:v});let y=s.nodes.find(k=>k.prop==="grid-auto-flow"),w="row";if(y&&!d.disabled(y,n)&&(w=y.value.trim()),p==="autoplace"){let k=s.nodes.find(E=>E.prop==="grid-template-rows");if(!k&&f)return;if(!k&&!f){e.warn(n,"Autoplacement does not work without grid-template-rows property");return}!s.nodes.find(E=>E.prop==="grid-template-columns")&&!f&&e.warn(n,"Autoplacement does not work without grid-template-columns property"),c&&!f&&eR(e,n,h,w)}}};Uu.names=["grid-template-rows","grid-template-columns","grid-rows","grid-columns"];k0.exports=Uu});var C0=x((fL,A0)=>{u();var nR=j(),Vu=class extends nR{check(e){return!e.value.includes("flex-")&&e.value!=="baseline"}prefixed(e,t){return t+"grid-column-align"}normalize(){return"justify-self"}};Vu.names=["grid-column-align"];A0.exports=Vu});var E0=x((cL,_0)=>{u();var sR=j(),Hu=class extends sR{prefixed(e,t){return t+"scroll-chaining"}normalize(){return"overscroll-behavior"}set(e,t){return e.value==="auto"?e.value="chained":(e.value==="none"||e.value==="contain")&&(e.value="none"),super.set(e,t)}};Hu.names=["overscroll-behavior","scroll-chaining"];_0.exports=Hu});var R0=x((pL,T0)=>{u();var aR=j(),{parseGridAreas:oR,warnMissedAreas:lR,prefixTrackProp:uR,prefixTrackValue:O0,getGridGap:fR,warnGridGap:cR,inheritGridGap:pR}=Bt();function dR(r){return r.trim().slice(1,-1).split(/["']\s*["']?/g)}var Wu=class extends aR{insert(e,t,i,n){if(t!=="-ms-")return super.insert(e,t,i);let s=!1,a=!1,o=e.parent,l=fR(e);l=pR(e,l)||l,o.walkDecls(/-ms-grid-rows/,d=>d.remove()),o.walkDecls(/grid-template-(rows|columns)/,d=>{if(d.prop==="grid-template-rows"){a=!0;let{prop:p,value:h}=d;d.cloneBefore({prop:uR({prop:p,prefix:t}),value:O0({value:h,gap:l.row})})}else s=!0});let c=dR(e.value);s&&!a&&l.row&&c.length>1&&e.cloneBefore({prop:"-ms-grid-rows",value:O0({value:`repeat(${c.length}, auto)`,gap:l.row}),raws:{}}),cR({gap:l,hasColumns:s,decl:e,result:n});let f=oR({rows:c,gap:l});return lR(f,e,n),e}};Wu.names=["grid-template-areas"];T0.exports=Wu});var I0=x((dL,P0)=>{u();var hR=j(),Gu=class extends hR{set(e,t){return t==="-webkit-"&&(e.value=e.value.replace(/\s*(right|left)\s*/i,"")),super.set(e,t)}};Gu.names=["text-emphasis-position"];P0.exports=Gu});var q0=x((hL,D0)=>{u();var mR=j(),Qu=class extends mR{set(e,t){return e.prop==="text-decoration-skip-ink"&&e.value==="auto"?(e.prop=t+"text-decoration-skip",e.value="ink",e):super.set(e,t)}};Qu.names=["text-decoration-skip-ink","text-decoration-skip"];D0.exports=Qu});var F0=x((mL,B0)=>{u();"use strict";B0.exports={wrap:$0,limit:L0,validate:M0,test:Yu,curry:gR,name:N0};function $0(r,e,t){var i=e-r;return((t-r)%i+i)%i+r}function L0(r,e,t){return Math.max(r,Math.min(e,t))}function M0(r,e,t,i,n){if(!Yu(r,e,t,i,n))throw new Error(t+" is outside of range ["+r+","+e+")");return t}function Yu(r,e,t,i,n){return!(t<r||t>e||n&&t===e||i&&t===r)}function N0(r,e,t,i){return(t?"(":"[")+r+","+e+(i?")":"]")}function gR(r,e,t,i){var n=N0.bind(null,r,e,t,i);return{wrap:$0.bind(null,r,e),limit:L0.bind(null,r,e),validate:function(s){return M0(r,e,s,t,i)},test:function(s){return Yu(r,e,s,t,i)},toString:n,name:n}}});var U0=x((gL,z0)=>{u();var Ku=Ms(),yR=F0(),bR=xr(),wR=He(),vR=_e(),j0=/top|left|right|bottom/gi,wt=class extends wR{replace(e,t){let i=Ku(e);for(let n of i.nodes)if(n.type==="function"&&n.value===this.name)if(n.nodes=this.newDirection(n.nodes),n.nodes=this.normalize(n.nodes),t==="-webkit- old"){if(!this.oldWebkit(n))return!1}else n.nodes=this.convertDirection(n.nodes),n.value=t+n.value;return i.toString()}replaceFirst(e,...t){return t.map(n=>n===" "?{type:"space",value:n}:{type:"word",value:n}).concat(e.slice(1))}normalizeUnit(e,t){return`${parseFloat(e)/t*360}deg`}normalize(e){if(!e[0])return e;if(/-?\d+(.\d+)?grad/.test(e[0].value))e[0].value=this.normalizeUnit(e[0].value,400);else if(/-?\d+(.\d+)?rad/.test(e[0].value))e[0].value=this.normalizeUnit(e[0].value,2*Math.PI);else if(/-?\d+(.\d+)?turn/.test(e[0].value))e[0].value=this.normalizeUnit(e[0].value,1);else if(e[0].value.includes("deg")){let t=parseFloat(e[0].value);t=yR.wrap(0,360,t),e[0].value=`${t}deg`}return e[0].value==="0deg"?e=this.replaceFirst(e,"to"," ","top"):e[0].value==="90deg"?e=this.replaceFirst(e,"to"," ","right"):e[0].value==="180deg"?e=this.replaceFirst(e,"to"," ","bottom"):e[0].value==="270deg"&&(e=this.replaceFirst(e,"to"," ","left")),e}newDirection(e){if(e[0].value==="to"||(j0.lastIndex=0,!j0.test(e[0].value)))return e;e.unshift({type:"word",value:"to"},{type:"space",value:" "});for(let t=2;t<e.length&&e[t].type!=="div";t++)e[t].type==="word"&&(e[t].value=this.revertDirection(e[t].value));return e}isRadial(e){let t="before";for(let i of e)if(t==="before"&&i.type==="space")t="at";else if(t==="at"&&i.value==="at")t="after";else{if(t==="after"&&i.type==="space")return!0;if(i.type==="div")break;t="before"}return!1}convertDirection(e){return e.length>0&&(e[0].value==="to"?this.fixDirection(e):e[0].value.includes("deg")?this.fixAngle(e):this.isRadial(e)&&this.fixRadial(e)),e}fixDirection(e){e.splice(0,2);for(let t of e){if(t.type==="div")break;t.type==="word"&&(t.value=this.revertDirection(t.value))}}fixAngle(e){let t=e[0].value;t=parseFloat(t),t=Math.abs(450-t)%360,t=this.roundFloat(t,3),e[0].value=`${t}deg`}fixRadial(e){let t=[],i=[],n,s,a,o,l;for(o=0;o<e.length-2;o++)if(n=e[o],s=e[o+1],a=e[o+2],n.type==="space"&&s.value==="at"&&a.type==="space"){l=o+3;break}else t.push(n);let c;for(o=l;o<e.length;o++)if(e[o].type==="div"){c=e[o];break}else i.push(e[o]);e.splice(0,o,...i,c,...t)}revertDirection(e){return wt.directions[e.toLowerCase()]||e}roundFloat(e,t){return parseFloat(e.toFixed(t))}oldWebkit(e){let{nodes:t}=e,i=Ku.stringify(e.nodes);if(this.name!=="linear-gradient"||t[0]&&t[0].value.includes("deg")||i.includes("px")||i.includes("-corner")||i.includes("-side"))return!1;let n=[[]];for(let s of t)n[n.length-1].push(s),s.type==="div"&&s.value===","&&n.push([]);this.oldDirection(n),this.colorStops(n),e.nodes=[];for(let s of n)e.nodes=e.nodes.concat(s);return e.nodes.unshift({type:"word",value:"linear"},this.cloneDiv(e.nodes)),e.value="-webkit-gradient",!0}oldDirection(e){let t=this.cloneDiv(e[0]);if(e[0][0].value!=="to")return e.unshift([{type:"word",value:wt.oldDirections.bottom},t]);{let i=[];for(let s of e[0].slice(2))s.type==="word"&&i.push(s.value.toLowerCase());i=i.join(" ");let n=wt.oldDirections[i]||i;return e[0]=[{type:"word",value:n},t],e[0]}}cloneDiv(e){for(let t of e)if(t.type==="div"&&t.value===",")return t;return{type:"div",value:",",after:" "}}colorStops(e){let t=[];for(let i=0;i<e.length;i++){let n,s=e[i],a;if(i===0)continue;let o=Ku.stringify(s[0]);s[1]&&s[1].type==="word"?n=s[1].value:s[2]&&s[2].type==="word"&&(n=s[2].value);let l;i===1&&(!n||n==="0%")?l=`from(${o})`:i===e.length-1&&(!n||n==="100%")?l=`to(${o})`:n?l=`color-stop(${n}, ${o})`:l=`color-stop(${o})`;let c=s[s.length-1];e[i]=[{type:"word",value:l}],c.type==="div"&&c.value===","&&(a=e[i].push(c)),t.push(a)}return t}old(e){if(e==="-webkit-"){let t=this.name==="linear-gradient"?"linear":"radial",i="-gradient",n=vR.regexp(`-webkit-(${t}-gradient|gradient\\(\\s*${t})`,!1);return new bR(this.name,e+this.name,i,n)}else return super.old(e)}add(e,t){let i=e.prop;if(i.includes("mask")){if(t==="-webkit-"||t==="-webkit- old")return super.add(e,t)}else if(i==="list-style"||i==="list-style-image"||i==="content"){if(t==="-webkit-"||t==="-webkit- old")return super.add(e,t)}else return super.add(e,t)}};wt.names=["linear-gradient","repeating-linear-gradient","radial-gradient","repeating-radial-gradient"];wt.directions={top:"bottom",left:"right",bottom:"top",right:"left"};wt.oldDirections={top:"left bottom, left top",left:"right top, left top",bottom:"left top, left bottom",right:"left top, right top","top right":"left bottom, right top","top left":"right bottom, left top","right top":"left bottom, right top","right bottom":"left top, right bottom","bottom right":"left top, right bottom","bottom left":"right top, left bottom","left top":"right bottom, left top","left bottom":"right top, left bottom"};z0.exports=wt});var W0=x((yL,H0)=>{u();var xR=xr(),kR=He();function V0(r){return new RegExp(`(^|[\\s,(])(${r}($|[\\s),]))`,"gi")}var Xu=class extends kR{regexp(){return this.regexpCache||(this.regexpCache=V0(this.name)),this.regexpCache}isStretch(){return this.name==="stretch"||this.name==="fill"||this.name==="fill-available"}replace(e,t){return t==="-moz-"&&this.isStretch()?e.replace(this.regexp(),"$1-moz-available$3"):t==="-webkit-"&&this.isStretch()?e.replace(this.regexp(),"$1-webkit-fill-available$3"):super.replace(e,t)}old(e){let t=e+this.name;return this.isStretch()&&(e==="-moz-"?t="-moz-available":e==="-webkit-"&&(t="-webkit-fill-available")),new xR(this.name,t,t,V0(t))}add(e,t){if(!(e.prop.includes("grid")&&t!=="-webkit-"))return super.add(e,t)}};Xu.names=["max-content","min-content","fit-content","fill","fill-available","stretch"];H0.exports=Xu});var Y0=x((bL,Q0)=>{u();var G0=xr(),SR=He(),Zu=class extends SR{replace(e,t){return t==="-webkit-"?e.replace(this.regexp(),"$1-webkit-optimize-contrast"):t==="-moz-"?e.replace(this.regexp(),"$1-moz-crisp-edges"):super.replace(e,t)}old(e){return e==="-webkit-"?new G0(this.name,"-webkit-optimize-contrast"):e==="-moz-"?new G0(this.name,"-moz-crisp-edges"):super.old(e)}};Zu.names=["pixelated"];Q0.exports=Zu});var X0=x((wL,K0)=>{u();var AR=He(),Ju=class extends AR{replace(e,t){let i=super.replace(e,t);return t==="-webkit-"&&(i=i.replace(/("[^"]+"|'[^']+')(\s+\d+\w)/gi,"url($1)$2")),i}};Ju.names=["image-set"];K0.exports=Ju});var J0=x((vL,Z0)=>{u();var CR=$e().list,_R=He(),ef=class extends _R{replace(e,t){return CR.space(e).map(i=>{if(i.slice(0,+this.name.length+1)!==this.name+"(")return i;let n=i.lastIndexOf(")"),s=i.slice(n+1),a=i.slice(this.name.length+1,n);if(t==="-webkit-"){let o=a.match(/\d*.?\d+%?/);o?(a=a.slice(o[0].length).trim(),a+=`, ${o[0]}`):a+=", 0.5"}return t+this.name+"("+a+")"+s}).join(" ")}};ef.names=["cross-fade"];Z0.exports=ef});var tv=x((xL,ev)=>{u();var ER=Pe(),OR=xr(),TR=He(),tf=class extends TR{constructor(e,t){super(e,t);e==="display-flex"&&(this.name="flex")}check(e){return e.prop==="display"&&e.value===this.name}prefixed(e){let t,i;return[t,e]=ER(e),t===2009?this.name==="flex"?i="box":i="inline-box":t===2012?this.name==="flex"?i="flexbox":i="inline-flexbox":t==="final"&&(i=this.name),e+i}replace(e,t){return this.prefixed(t)}old(e){let t=this.prefixed(e);if(!!t)return new OR(this.name,t)}};tf.names=["display-flex","inline-flex"];ev.exports=tf});var iv=x((kL,rv)=>{u();var RR=He(),rf=class extends RR{constructor(e,t){super(e,t);e==="display-grid"&&(this.name="grid")}check(e){return e.prop==="display"&&e.value===this.name}};rf.names=["display-grid","inline-grid"];rv.exports=rf});var sv=x((SL,nv)=>{u();var PR=He(),nf=class extends PR{constructor(e,t){super(e,t);e==="filter-function"&&(this.name="filter")}};nf.names=["filter","filter-function"];nv.exports=nf});var uv=x((AL,lv)=>{u();var av=Ni(),z=j(),ov=zy(),IR=ab(),DR=ou(),qR=Cb(),sf=Mt(),Pr=kr(),$R=Db(),ut=He(),Ir=_e(),LR=$b(),MR=Mb(),NR=Bb(),BR=jb(),FR=Wb(),jR=Yb(),zR=Xb(),UR=Jb(),VR=tw(),HR=iw(),WR=sw(),GR=ow(),QR=uw(),YR=cw(),KR=dw(),XR=gw(),ZR=bw(),JR=xw(),e5=Sw(),t5=Cw(),r5=Ow(),i5=Rw(),n5=Dw(),s5=$w(),a5=Mw(),o5=Bw(),l5=jw(),u5=Vw(),f5=Ww(),c5=Qw(),p5=Kw(),d5=Zw(),h5=e0(),m5=r0(),g5=s0(),y5=o0(),b5=u0(),w5=c0(),v5=d0(),x5=g0(),k5=b0(),S5=v0(),A5=S0(),C5=C0(),_5=E0(),E5=R0(),O5=I0(),T5=q0(),R5=U0(),P5=W0(),I5=Y0(),D5=X0(),q5=J0(),$5=tv(),L5=iv(),M5=sv();Pr.hack(LR);Pr.hack(MR);Pr.hack(NR);Pr.hack(BR);z.hack(FR);z.hack(jR);z.hack(zR);z.hack(UR);z.hack(VR);z.hack(HR);z.hack(WR);z.hack(GR);z.hack(QR);z.hack(YR);z.hack(KR);z.hack(XR);z.hack(ZR);z.hack(JR);z.hack(e5);z.hack(t5);z.hack(r5);z.hack(i5);z.hack(n5);z.hack(s5);z.hack(a5);z.hack(o5);z.hack(l5);z.hack(u5);z.hack(f5);z.hack(c5);z.hack(p5);z.hack(d5);z.hack(h5);z.hack(m5);z.hack(g5);z.hack(y5);z.hack(b5);z.hack(w5);z.hack(v5);z.hack(x5);z.hack(k5);z.hack(S5);z.hack(A5);z.hack(C5);z.hack(_5);z.hack(E5);z.hack(O5);z.hack(T5);ut.hack(R5);ut.hack(P5);ut.hack(I5);ut.hack(D5);ut.hack(q5);ut.hack($5);ut.hack(L5);ut.hack(M5);var af=new Map,Fi=class{constructor(e,t,i={}){this.data=e,this.browsers=t,this.options=i,[this.add,this.remove]=this.preprocess(this.select(this.data)),this.transition=new IR(this),this.processor=new DR(this)}cleaner(){if(this.cleanerCache)return this.cleanerCache;if(this.browsers.selected.length){let e=new sf(this.browsers.data,[]);this.cleanerCache=new Fi(this.data,e,this.options)}else return this;return this.cleanerCache}select(e){let t={add:{},remove:{}};for(let i in e){let n=e[i],s=n.browsers.map(l=>{let c=l.split(" ");return{browser:`${c[0]} ${c[1]}`,note:c[2]}}),a=s.filter(l=>l.note).map(l=>`${this.browsers.prefix(l.browser)} ${l.note}`);a=Ir.uniq(a),s=s.filter(l=>this.browsers.isSelected(l.browser)).map(l=>{let c=this.browsers.prefix(l.browser);return l.note?`${c} ${l.note}`:c}),s=this.sort(Ir.uniq(s)),this.options.flexbox==="no-2009"&&(s=s.filter(l=>!l.includes("2009")));let o=n.browsers.map(l=>this.browsers.prefix(l));n.mistakes&&(o=o.concat(n.mistakes)),o=o.concat(a),o=Ir.uniq(o),s.length?(t.add[i]=s,s.length<o.length&&(t.remove[i]=o.filter(l=>!s.includes(l)))):t.remove[i]=o}return t}sort(e){return e.sort((t,i)=>{let n=Ir.removeNote(t).length,s=Ir.removeNote(i).length;return n===s?i.length-t.length:s-n})}preprocess(e){let t={selectors:[],"@supports":new qR(Fi,this)};for(let n in e.add){let s=e.add[n];if(n==="@keyframes"||n==="@viewport")t[n]=new $R(n,s,this);else if(n==="@resolution")t[n]=new ov(n,s,this);else if(this.data[n].selector)t.selectors.push(Pr.load(n,s,this));else{let a=this.data[n].props;if(a){let o=ut.load(n,s,this);for(let l of a)t[l]||(t[l]={values:[]}),t[l].values.push(o)}else{let o=t[n]&&t[n].values||[];t[n]=z.load(n,s,this),t[n].values=o}}}let i={selectors:[]};for(let n in e.remove){let s=e.remove[n];if(this.data[n].selector){let a=Pr.load(n,s);for(let o of s)i.selectors.push(a.old(o))}else if(n==="@keyframes"||n==="@viewport")for(let a of s){let o=`@${a}${n.slice(1)}`;i[o]={remove:!0}}else if(n==="@resolution")i[n]=new ov(n,s,this);else{let a=this.data[n].props;if(a){let o=ut.load(n,[],this);for(let l of s){let c=o.old(l);if(c)for(let f of a)i[f]||(i[f]={}),i[f].values||(i[f].values=[]),i[f].values.push(c)}}else for(let o of s){let l=this.decl(n).old(n,o);if(n==="align-self"){let c=t[n]&&t[n].prefixes;if(c){if(o==="-webkit- 2009"&&c.includes("-webkit-"))continue;if(o==="-webkit-"&&c.includes("-webkit- 2009"))continue}}for(let c of l)i[c]||(i[c]={}),i[c].remove=!0}}}return[t,i]}decl(e){return af.has(e)||af.set(e,z.load(e)),af.get(e)}unprefixed(e){let t=this.normalize(av.unprefixed(e));return t==="flex-direction"&&(t="flex-flow"),t}normalize(e){return this.decl(e).normalize(e)}prefixed(e,t){return e=av.unprefixed(e),this.decl(e).prefixed(e,t)}values(e,t){let i=this[e],n=i["*"]&&i["*"].values,s=i[t]&&i[t].values;return n&&s?Ir.uniq(n.concat(s)):n||s||[]}group(e){let t=e.parent,i=t.index(e),{length:n}=t.nodes,s=this.unprefixed(e.prop),a=(o,l)=>{for(i+=o;i>=0&&i<n;){let c=t.nodes[i];if(c.type==="decl"){if(o===-1&&c.prop===s&&!sf.withPrefix(c.value)||this.unprefixed(c.prop)!==s)break;if(l(c)===!0)return!0;if(o===1&&c.prop===s&&!sf.withPrefix(c.value))break}i+=o}return!1};return{up(o){return a(-1,o)},down(o){return a(1,o)}}}};lv.exports=Fi});var cv=x((CL,fv)=>{u();fv.exports={"backdrop-filter":{feature:"css-backdrop-filter",browsers:["ios_saf 16.1","ios_saf 16.3","ios_saf 16.4","ios_saf 16.5","safari 16.5"]},element:{props:["background","background-image","border-image","mask","list-style","list-style-image","content","mask-image"],feature:"css-element-function",browsers:["firefox 114"]},"user-select":{mistakes:["-khtml-"],feature:"user-select-none",browsers:["ios_saf 16.1","ios_saf 16.3","ios_saf 16.4","ios_saf 16.5","safari 16.5"]},"background-clip":{feature:"background-clip-text",browsers:["and_chr 114","and_uc 15.5","chrome 109","chrome 113","chrome 114","edge 114","opera 99","samsung 21"]},hyphens:{feature:"css-hyphens",browsers:["ios_saf 16.1","ios_saf 16.3","ios_saf 16.4","ios_saf 16.5","safari 16.5"]},fill:{props:["width","min-width","max-width","height","min-height","max-height","inline-size","min-inline-size","max-inline-size","block-size","min-block-size","max-block-size","grid","grid-template","grid-template-rows","grid-template-columns","grid-auto-columns","grid-auto-rows"],feature:"intrinsic-width",browsers:["and_chr 114","and_uc 15.5","chrome 109","chrome 113","chrome 114","edge 114","opera 99","samsung 21"]},"fill-available":{props:["width","min-width","max-width","height","min-height","max-height","inline-size","min-inline-size","max-inline-size","block-size","min-block-size","max-block-size","grid","grid-template","grid-template-rows","grid-template-columns","grid-auto-columns","grid-auto-rows"],feature:"intrinsic-width",browsers:["and_chr 114","and_uc 15.5","chrome 109","chrome 113","chrome 114","edge 114","opera 99","samsung 21"]},stretch:{props:["width","min-width","max-width","height","min-height","max-height","inline-size","min-inline-size","max-inline-size","block-size","min-block-size","max-block-size","grid","grid-template","grid-template-rows","grid-template-columns","grid-auto-columns","grid-auto-rows"],feature:"intrinsic-width",browsers:["firefox 114"]},"fit-content":{props:["width","min-width","max-width","height","min-height","max-height","inline-size","min-inline-size","max-inline-size","block-size","min-block-size","max-block-size","grid","grid-template","grid-template-rows","grid-template-columns","grid-auto-columns","grid-auto-rows"],feature:"intrinsic-width",browsers:["firefox 114"]},"text-decoration-style":{feature:"text-decoration",browsers:["ios_saf 16.1","ios_saf 16.3","ios_saf 16.4","ios_saf 16.5"]},"text-decoration-color":{feature:"text-decoration",browsers:["ios_saf 16.1","ios_saf 16.3","ios_saf 16.4","ios_saf 16.5"]},"text-decoration-line":{feature:"text-decoration",browsers:["ios_saf 16.1","ios_saf 16.3","ios_saf 16.4","ios_saf 16.5"]},"text-decoration":{feature:"text-decoration",browsers:["ios_saf 16.1","ios_saf 16.3","ios_saf 16.4","ios_saf 16.5"]},"text-decoration-skip":{feature:"text-decoration",browsers:["ios_saf 16.1","ios_saf 16.3","ios_saf 16.4","ios_saf 16.5"]},"text-decoration-skip-ink":{feature:"text-decoration",browsers:["ios_saf 16.1","ios_saf 16.3","ios_saf 16.4","ios_saf 16.5"]},"text-size-adjust":{feature:"text-size-adjust",browsers:["ios_saf 16.1","ios_saf 16.3","ios_saf 16.4","ios_saf 16.5"]},"mask-clip":{feature:"css-masks",browsers:["and_chr 114","and_uc 15.5","chrome 109","chrome 113","chrome 114","edge 114","opera 99","samsung 21"]},"mask-composite":{feature:"css-masks",browsers:["and_chr 114","and_uc 15.5","chrome 109","chrome 113","chrome 114","edge 114","opera 99","samsung 21"]},"mask-image":{feature:"css-masks",browsers:["and_chr 114","and_uc 15.5","chrome 109","chrome 113","chrome 114","edge 114","opera 99","samsung 21"]},"mask-origin":{feature:"css-masks",browsers:["and_chr 114","and_uc 15.5","chrome 109","chrome 113","chrome 114","edge 114","opera 99","samsung 21"]},"mask-repeat":{feature:"css-masks",browsers:["and_chr 114","and_uc 15.5","chrome 109","chrome 113","chrome 114","edge 114","opera 99","samsung 21"]},"mask-border-repeat":{feature:"css-masks",browsers:["and_chr 114","and_uc 15.5","chrome 109","chrome 113","chrome 114","edge 114","opera 99","samsung 21"]},"mask-border-source":{feature:"css-masks",browsers:["and_chr 114","and_uc 15.5","chrome 109","chrome 113","chrome 114","edge 114","opera 99","samsung 21"]},mask:{feature:"css-masks",browsers:["and_chr 114","and_uc 15.5","chrome 109","chrome 113","chrome 114","edge 114","opera 99","samsung 21"]},"mask-position":{feature:"css-masks",browsers:["and_chr 114","and_uc 15.5","chrome 109","chrome 113","chrome 114","edge 114","opera 99","samsung 21"]},"mask-size":{feature:"css-masks",browsers:["and_chr 114","and_uc 15.5","chrome 109","chrome 113","chrome 114","edge 114","opera 99","samsung 21"]},"mask-border":{feature:"css-masks",browsers:["and_chr 114","and_uc 15.5","chrome 109","chrome 113","chrome 114","edge 114","opera 99","samsung 21"]},"mask-border-outset":{feature:"css-masks",browsers:["and_chr 114","and_uc 15.5","chrome 109","chrome 113","chrome 114","edge 114","opera 99","samsung 21"]},"mask-border-width":{feature:"css-masks",browsers:["and_chr 114","and_uc 15.5","chrome 109","chrome 113","chrome 114","edge 114","opera 99","samsung 21"]},"mask-border-slice":{feature:"css-masks",browsers:["and_chr 114","and_uc 15.5","chrome 109","chrome 113","chrome 114","edge 114","opera 99","samsung 21"]},"clip-path":{feature:"css-clip-path",browsers:["samsung 21"]},"box-decoration-break":{feature:"css-boxdecorationbreak",browsers:["and_chr 114","and_uc 15.5","chrome 109","chrome 113","chrome 114","edge 114","ios_saf 16.1","ios_saf 16.3","ios_saf 16.4","ios_saf 16.5","opera 99","safari 16.5","samsung 21"]},appearance:{feature:"css-appearance",browsers:["samsung 21"]},"image-set":{props:["background","background-image","border-image","cursor","mask","mask-image","list-style","list-style-image","content"],feature:"css-image-set",browsers:["and_uc 15.5","chrome 109","samsung 21"]},"cross-fade":{props:["background","background-image","border-image","mask","list-style","list-style-image","content","mask-image"],feature:"css-cross-fade",browsers:["and_chr 114","and_uc 15.5","chrome 109","chrome 113","chrome 114","edge 114","opera 99","samsung 21"]},isolate:{props:["unicode-bidi"],feature:"css-unicode-bidi",browsers:["ios_saf 16.1","ios_saf 16.3","ios_saf 16.4","ios_saf 16.5","safari 16.5"]},"color-adjust":{feature:"css-color-adjust",browsers:["chrome 109","chrome 113","chrome 114","edge 114","opera 99"]}}});var dv=x((_L,pv)=>{u();pv.exports={}});var yv=x((EL,gv)=>{u();var N5=Yl(),{agents:B5}=(Ps(),Rs),of=Oy(),F5=Mt(),j5=uv(),z5=cv(),U5=dv(),hv={browsers:B5,prefixes:z5},mv=`
+  Replace Autoprefixer \`browsers\` option to Browserslist config.
+  Use \`browserslist\` key in \`package.json\` or \`.browserslistrc\` file.
+
+  Using \`browsers\` option can cause errors. Browserslist config can
+  be used for Babel, Autoprefixer, postcss-normalize and other tools.
+
+  If you really need to use option, rename it to \`overrideBrowserslist\`.
+
+  Learn more at:
+  https://github.com/browserslist/browserslist#readme
+  https://twitter.com/browserslist
+
+`;function V5(r){return Object.prototype.toString.apply(r)==="[object Object]"}var lf=new Map;function H5(r,e){e.browsers.selected.length!==0&&(e.add.selectors.length>0||Object.keys(e.add).length>2||r.warn(`Autoprefixer target browsers do not need any prefixes.You do not need Autoprefixer anymore.
+Check your Browserslist config to be sure that your targets are set up correctly.
+
+  Learn more at:
+  https://github.com/postcss/autoprefixer#readme
+  https://github.com/browserslist/browserslist#readme
+
+`))}gv.exports=Dr;function Dr(...r){let e;if(r.length===1&&V5(r[0])?(e=r[0],r=void 0):r.length===0||r.length===1&&!r[0]?r=void 0:r.length<=2&&(Array.isArray(r[0])||!r[0])?(e=r[1],r=r[0]):typeof r[r.length-1]=="object"&&(e=r.pop()),e||(e={}),e.browser)throw new Error("Change `browser` option to `overrideBrowserslist` in Autoprefixer");if(e.browserslist)throw new Error("Change `browserslist` option to `overrideBrowserslist` in Autoprefixer");e.overrideBrowserslist?r=e.overrideBrowserslist:e.browsers&&(typeof console!="undefined"&&console.warn&&(of.red?console.warn(of.red(mv.replace(/`[^`]+`/g,n=>of.yellow(n.slice(1,-1))))):console.warn(mv)),r=e.browsers);let t={ignoreUnknownVersions:e.ignoreUnknownVersions,stats:e.stats,env:e.env};function i(n){let s=hv,a=new F5(s.browsers,r,n,t),o=a.selected.join(", ")+JSON.stringify(e);return lf.has(o)||lf.set(o,new j5(s.prefixes,a,e)),lf.get(o)}return{postcssPlugin:"autoprefixer",prepare(n){let s=i({from:n.opts.from,env:e.env});return{OnceExit(a){H5(n,s),e.remove!==!1&&s.processor.remove(a,n),e.add!==!1&&s.processor.add(a,n)}}},info(n){return n=n||{},n.from=n.from||m.cwd(),U5(i(n))},options:e,browsers:r}}Dr.postcss=!0;Dr.data=hv;Dr.defaults=N5.defaults;Dr.info=()=>Dr().info()});var bv={};Ge(bv,{default:()=>W5});var W5,wv=P(()=>{u();W5=[]});var xv={};Ge(xv,{default:()=>G5});var vv,G5,kv=P(()=>{u();Xi();vv=pe(rn()),G5=St(vv.default.theme)});var Av={};Ge(Av,{default:()=>Q5});var Sv,Q5,Cv=P(()=>{u();Xi();Sv=pe(rn()),Q5=St(Sv.default)});u();"use strict";var Y5=vt(_y()),K5=vt($e()),X5=vt(yv()),Z5=vt((wv(),bv)),J5=vt((kv(),xv)),eP=vt((Cv(),Av)),tP=vt((Vs(),_f)),rP=vt((al(),sl)),iP=vt((sa(),sc));function vt(r){return r&&r.__esModule?r:{default:r}}console.warn("cdn.tailwindcss.com should not be used in production. To use Tailwind CSS in production, install it as a PostCSS plugin or use the Tailwind CLI: https://tailwindcss.com/docs/installation");var Ns="tailwind",uf="text/tailwindcss",_v="/template.html",Yt,Ev=!0,Ov=0,ff=new Set,cf,Tv="",Rv=(r=!1)=>({get(e,t){return(!r||t==="config")&&typeof e[t]=="object"&&e[t]!==null?new Proxy(e[t],Rv()):e[t]},set(e,t,i){return e[t]=i,(!r||t==="config")&&pf(!0),!0}});window[Ns]=new Proxy({config:{},defaultTheme:J5.default,defaultConfig:eP.default,colors:tP.default,plugin:rP.default,resolveConfig:iP.default},Rv(!0));function Pv(r){cf.observe(r,{attributes:!0,attributeFilter:["type"],characterData:!0,subtree:!0,childList:!0})}new MutationObserver(async r=>{let e=!1;if(!cf){cf=new MutationObserver(async()=>await pf(!0));for(let t of document.querySelectorAll(`style[type="${uf}"]`))Pv(t)}for(let t of r)for(let i of t.addedNodes)i.nodeType===1&&i.tagName==="STYLE"&&i.getAttribute("type")===uf&&(Pv(i),e=!0);await pf(e)}).observe(document.documentElement,{attributes:!0,attributeFilter:["class"],childList:!0,subtree:!0});async function pf(r=!1){r&&(Ov++,ff.clear());let e="";for(let i of document.querySelectorAll(`style[type="${uf}"]`))e+=i.textContent;let t=new Set;for(let i of document.querySelectorAll("[class]"))for(let n of i.classList)ff.has(n)||t.add(n);if(document.body&&(Ev||t.size>0||e!==Tv||!Yt||!Yt.isConnected)){for(let n of t)ff.add(n);Ev=!1,Tv=e,self[_v]=Array.from(t).join(" ");let{css:i}=await(0,K5.default)([(0,Y5.default)({...window[Ns].config,_hash:Ov,content:{files:[_v],extract:{html:n=>n.split(" ")}},plugins:[...Z5.default,...Array.isArray(window[Ns].config.plugins)?window[Ns].config.plugins:[]]}),(0,X5.default)({remove:!1})]).process(`@tailwind base;@tailwind components;@tailwind utilities;${e}`);(!Yt||!Yt.isConnected)&&(Yt=document.createElement("style"),document.head.append(Yt)),Yt.textContent=i}}})();
+/*!
+ * fill-range <https://github.com/jonschlinkert/fill-range>
+ *
+ * Copyright (c) 2014-present, Jon Schlinkert.
+ * Licensed under the MIT License.
+ */
+/*!
+ * is-number <https://github.com/jonschlinkert/is-number>
+ *
+ * Copyright (c) 2014-present, Jon Schlinkert.
+ * Released under the MIT License.
+ */
+/*!
+ * to-regex-range <https://github.com/micromatch/to-regex-range>
+ *
+ * Copyright (c) 2015-present, Jon Schlinkert.
+ * Released under the MIT License.
+ */
+/*! https://mths.be/cssesc v3.0.0 by @mathias */