@banyan_cloud/roots 1.0.347 → 2.0.0

package/dist/esm/index.js

@@ -25,6 +25,105 @@ import { Chart, ArcElement, Tooltip as Tooltip$1, Legend, Title as Title$1, BarE
 import { Pie, Bar, Line } from 'react-chartjs-2';
 import ChartDataLabels from 'chartjs-plugin-datalabels';
 
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
+}
+function _arrayWithoutHoles(r) {
+  if (Array.isArray(r)) return _arrayLikeToArray(r);
+}
+function _classCallCheck(a, n) {
+  if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
+}
+function _construct(t, e, r) {
+  if (_isNativeReflectConstruct()) return Reflect.construct.apply(null, arguments);
+  var o = [null];
+  o.push.apply(o, e);
+  var p = new (t.bind.apply(t, o))();
+  return r && _setPrototypeOf(p, r.prototype), p;
+}
+function _defineProperties(e, r) {
+  for (var t = 0; t < r.length; t++) {
+    var o = r[t];
+    o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o);
+  }
+}
+function _createClass(e, r, t) {
+  return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", {
+    writable: !1
+  }), e;
+}
+function _createForOfIteratorHelper(r, e) {
+  var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (!t) {
+    if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
+      t && (r = t);
+      var n = 0,
+        F = function () {};
+      return {
+        s: F,
+        n: function () {
+          return n >= r.length ? {
+            done: !0
+          } : {
+            done: !1,
+            value: r[n++]
+          };
+        },
+        e: function (r) {
+          throw r;
+        },
+        f: F
+      };
+    }
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  var o,
+    a = !0,
+    u = !1;
+  return {
+    s: function () {
+      t = t.call(r);
+    },
+    n: function () {
+      var r = t.next();
+      return a = r.done, r;
+    },
+    e: function (r) {
+      u = !0, o = r;
+    },
+    f: function () {
+      try {
+        a || null == t.return || t.return();
+      } finally {
+        if (u) throw o;
+      }
+    }
+  };
+}
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = t, e;
+}
+function _isNativeReflectConstruct() {
+  try {
+    var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+  } catch (t) {}
+  return (_isNativeReflectConstruct = function () {
+    return !!t;
+  })();
+}
+function _iterableToArray(r) {
+  if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
+}
 function _iterableToArrayLimit(r, l) {
   var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
   if (null != t) {
@@ -52,6 +151,12 @@ function _iterableToArrayLimit(r, l) {
     return a;
   }
 }
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
 function ownKeys(e, r) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
@@ -73,6 +178,37 @@ function _objectSpread2(e) {
   }
   return e;
 }
+function _objectWithoutProperties(e, t) {
+  if (null == e) return {};
+  var o,
+    r,
+    i = _objectWithoutPropertiesLoose(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+  }
+  return i;
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+function _setPrototypeOf(t, e) {
+  return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
+    return t.__proto__ = e, t;
+  }, _setPrototypeOf(t, e);
+}
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+}
+function _toConsumableArray(r) {
+  return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
+}
 function _toPrimitive(t, r) {
   if ("object" != typeof t || !t) return t;
   var e = t[Symbol.toPrimitive];
@@ -85,7 +221,7 @@ function _toPrimitive(t, r) {
 }
 function _toPropertyKey(t) {
   var i = _toPrimitive(t, "string");
-  return "symbol" == typeof i ? i : String(i);
+  return "symbol" == typeof i ? i : i + "";
 }
 function _typeof$1(o) {
   "@babel/helpers - typeof";
@@ -96,186 +232,12 @@ function _typeof$1(o) {
     return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
   }, _typeof$1(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, _toPropertyKey(descriptor.key), descriptor);
-  }
-}
-function _createClass(Constructor, protoProps, staticProps) {
-  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-  if (staticProps) _defineProperties(Constructor, staticProps);
-  Object.defineProperty(Constructor, "prototype", {
-    writable: false
-  });
-  return Constructor;
-}
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
   }
-  return obj;
-}
-function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
-    o.__proto__ = p;
-    return o;
-  };
-  return _setPrototypeOf(o, p);
-}
-function _isNativeReflectConstruct() {
-  if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-  if (Reflect.construct.sham) return false;
-  if (typeof Proxy === "function") return true;
-  try {
-    Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
-    return true;
-  } catch (e) {
-    return false;
-  }
-}
-function _construct(Parent, args, Class) {
-  if (_isNativeReflectConstruct()) {
-    _construct = Reflect.construct.bind();
-  } 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 _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
-}
-function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-}
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _createForOfIteratorHelper(o, allowArrayLike) {
-  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
-  if (!it) {
-    if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
-      if (it) o = it;
-      var i = 0;
-      var F = function () {};
-      return {
-        s: F,
-        n: function () {
-          if (i >= o.length) return {
-            done: true
-          };
-          return {
-            done: false,
-            value: o[i++]
-          };
-        },
-        e: function (e) {
-          throw e;
-        },
-        f: F
-      };
-    }
-    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-  }
-  var normalCompletion = true,
-    didErr = false,
-    err;
-  return {
-    s: function () {
-      it = it.call(o);
-    },
-    n: function () {
-      var step = it.next();
-      normalCompletion = step.done;
-      return step;
-    },
-    e: function (e) {
-      didErr = true;
-      err = e;
-    },
-    f: function () {
-      try {
-        if (!normalCompletion && it.return != null) it.return();
-      } finally {
-        if (didErr) throw err;
-      }
-    }
-  };
 }
 
 var propTypesExports = {};
@@ -4928,7 +4890,7 @@ var sanitizeJSON = function sanitizeJSON() {
     return acc;
   }, {});
 };
-var areTwinObjects = function areTwinObjects(obj1, obj2) {
+var _areTwinObjects = function areTwinObjects(obj1, obj2) {
   // Check if both are objects and not null
   if (_typeof$1(obj1) !== 'object' || obj1 === null || _typeof$1(obj2) !== 'object' || obj2 === null) {
     return obj1 === obj2;
@@ -4944,7 +4906,7 @@ var areTwinObjects = function areTwinObjects(obj1, obj2) {
   // Check if all keys and values are equal
   for (var _i = 0, _keys = keys1; _i < _keys.length; _i++) {
     var key = _keys[_i];
-    if (!keys2.includes(key) || !areTwinObjects(obj1[key], obj2[key])) {
+    if (!keys2.includes(key) || !_areTwinObjects(obj1[key], obj2[key])) {
       return false;
     }
   }
@@ -5180,7 +5142,7 @@ var BaseCell = /*#__PURE__*/forwardRef(function (props, ref) {
       children: component3
     })]
   }));
-  if ( /*#__PURE__*/isValidElement(Component)) {
+  if (/*#__PURE__*/isValidElement(Component)) {
     return Component;
   }
   return null;
@@ -7628,6 +7590,11 @@ Accordion.propTypes = {
   onExpand: propTypesExports.func
 };
 
+/**
+ * Custom positioning reference element.
+ * @see https://floating-ui.com/docs/virtual-elements
+ */
+
 const min = Math.min;
 const max = Math.max;
 const round = Math.round;
@@ -7739,12 +7706,21 @@ function getPaddingObject(padding) {
   };
 }
 function rectToClientRect(rect) {
+  const {
+    x,
+    y,
+    width,
+    height
+  } = rect;
   return {
-    ...rect,
-    top: rect.y,
-    left: rect.x,
-    right: rect.x + rect.width,
-    bottom: rect.y + rect.height
+    width,
+    height,
+    top: y,
+    left: x,
+    right: x + width,
+    bottom: y + height,
+    x,
+    y
   };
 }
 
@@ -7806,7 +7782,7 @@ function computeCoordsFromPlacement(_ref, placement, rtl) {
 
 /**
  * Computes the `x` and `y` coordinates that will place the floating element
- * next to a reference element when it is given a certain positioning strategy.
+ * next to a given reference element.
  *
  * This export does not have any `platform` interface logic. You will need to
  * write one for the platform you are using Floating UI with.
@@ -7884,7 +7860,6 @@ const computePosition$1 = async (reference, floating, config) => {
         } = computeCoordsFromPlacement(rects, statefulPlacement, rtl));
       }
       i = -1;
-      continue;
     }
   }
   return {
@@ -7934,9 +7909,10 @@ async function detectOverflow(state, options) {
     strategy
   }));
   const rect = elementContext === 'floating' ? {
-    ...rects.floating,
     x,
-    y
+    y,
+    width: rects.floating.width,
+    height: rects.floating.height
   } : rects.reference;
   const offsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating));
   const offsetScale = (await (platform.isElement == null ? void 0 : platform.isElement(offsetParent))) ? (await (platform.getScale == null ? void 0 : platform.getScale(offsetParent))) || {
@@ -7947,6 +7923,7 @@ async function detectOverflow(state, options) {
     y: 1
   };
   const elementClientRect = rectToClientRect(platform.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements,
     rect,
     offsetParent,
     strategy
@@ -7964,7 +7941,7 @@ async function detectOverflow(state, options) {
  * appears centered to the reference element.
  * @see https://floating-ui.com/docs/arrow
  */
-const arrow$1 = options => ({
+const arrow$2 = options => ({
   name: 'arrow',
   options,
   async fn(state) {
@@ -8025,7 +8002,7 @@ const arrow$1 = options => ({
     // to point to nothing for an aligned placement, adjust the offset of the
     // floating element itself. To ensure `shift()` continues to take action,
     // a single reset is performed when this is true.
-    const shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center != offset && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;
+    const shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center !== offset && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;
     const alignmentOffset = shouldAddOffset ? center < min$1 ? center - min$1 : center - max : 0;
     return {
       [axis]: coords[axis] + alignmentOffset,
@@ -8047,7 +8024,7 @@ const arrow$1 = options => ({
  * clipping boundary. Alternative to `autoPlacement`.
  * @see https://floating-ui.com/docs/flip
  */
-const flip = function (options) {
+const flip$1 = function (options) {
   if (options === void 0) {
     options = {};
   }
@@ -8082,10 +8059,12 @@ const flip = function (options) {
         return {};
       }
       const side = getSide(placement);
+      const initialSideAxis = getSideAxis(initialPlacement);
       const isBasePlacement = getSide(initialPlacement) === initialPlacement;
       const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating));
       const fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement));
-      if (!specifiedFallbackPlacements && fallbackAxisSideDirection !== 'none') {
+      const hasFallbackAxisSideDirection = fallbackAxisSideDirection !== 'none';
+      if (!specifiedFallbackPlacements && hasFallbackAxisSideDirection) {
         fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
       }
       const placements = [initialPlacement, ...fallbackPlacements];
@@ -8110,16 +8089,21 @@ const flip = function (options) {
         const nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1;
         const nextPlacement = placements[nextIndex];
         if (nextPlacement) {
-          // Try next placement and re-run the lifecycle.
-          return {
-            data: {
-              index: nextIndex,
-              overflows: overflowsData
-            },
-            reset: {
-              placement: nextPlacement
-            }
-          };
+          var _overflowsData$;
+          const ignoreCrossAxisOverflow = checkCrossAxis === 'alignment' ? initialSideAxis !== getSideAxis(nextPlacement) : false;
+          const hasInitialMainAxisOverflow = ((_overflowsData$ = overflowsData[0]) == null ? void 0 : _overflowsData$.overflows[0]) > 0;
+          if (!ignoreCrossAxisOverflow || hasInitialMainAxisOverflow) {
+            // Try next placement and re-run the lifecycle.
+            return {
+              data: {
+                index: nextIndex,
+                overflows: overflowsData
+              },
+              reset: {
+                placement: nextPlacement
+              }
+            };
+          }
         }
 
         // First, find the candidates that fit on the mainAxis side of overflow,
@@ -8131,8 +8115,17 @@ const flip = function (options) {
           switch (fallbackStrategy) {
             case 'bestFit':
               {
-                var _overflowsData$map$so;
-                const placement = (_overflowsData$map$so = overflowsData.map(d => [d.placement, d.overflows.filter(overflow => overflow > 0).reduce((acc, overflow) => acc + overflow, 0)]).sort((a, b) => a[1] - b[1])[0]) == null ? void 0 : _overflowsData$map$so[0];
+                var _overflowsData$filter2;
+                const placement = (_overflowsData$filter2 = overflowsData.filter(d => {
+                  if (hasFallbackAxisSideDirection) {
+                    const currentSideAxis = getSideAxis(d.placement);
+                    return currentSideAxis === initialSideAxis ||
+                    // Create a bias to the `y` side axis due to horizontal
+                    // reading directions favoring greater width.
+                    currentSideAxis === 'y';
+                  }
+                  return true;
+                }).map(d => [d.placement, d.overflows.filter(overflow => overflow > 0).reduce((acc, overflow) => acc + overflow, 0)]).sort((a, b) => a[1] - b[1])[0]) == null ? void 0 : _overflowsData$filter2[0];
                 if (placement) {
                   resetPlacement = placement;
                 }
@@ -8158,6 +8151,7 @@ const flip = function (options) {
 
 // For type backwards-compatibility, the `OffsetOptions` type was also
 // Derivable.
+
 async function convertValueToCoords(state, options) {
   const {
     placement,
@@ -8182,10 +8176,9 @@ async function convertValueToCoords(state, options) {
     crossAxis: 0,
     alignmentAxis: null
   } : {
-    mainAxis: 0,
-    crossAxis: 0,
-    alignmentAxis: null,
-    ...rawValue
+    mainAxis: rawValue.mainAxis || 0,
+    crossAxis: rawValue.crossAxis || 0,
+    alignmentAxis: rawValue.alignmentAxis
   };
   if (alignment && typeof alignmentAxis === 'number') {
     crossAxis = alignment === 'end' ? alignmentAxis * -1 : alignmentAxis;
@@ -8206,7 +8199,7 @@ async function convertValueToCoords(state, options) {
  * object may be passed.
  * @see https://floating-ui.com/docs/offset
  */
-const offset = function (options) {
+const offset$1 = function (options) {
   if (options === void 0) {
     options = 0;
   }
@@ -8245,7 +8238,7 @@ const offset = function (options) {
  * keep it in view when it will overflow the clipping boundary.
  * @see https://floating-ui.com/docs/shift
  */
-const shift = function (options) {
+const shift$1 = function (options) {
   if (options === void 0) {
     options = {};
   }
@@ -8307,7 +8300,11 @@ const shift = function (options) {
         ...limitedCoords,
         data: {
           x: limitedCoords.x - x,
-          y: limitedCoords.y - y
+          y: limitedCoords.y - y,
+          enabled: {
+            [mainAxis]: checkMainAxis,
+            [crossAxis]: checkCrossAxis
+          }
         }
       };
     }
@@ -8320,7 +8317,7 @@ const shift = function (options) {
  * width of the reference element.
  * @see https://floating-ui.com/docs/size
  */
-const size = function (options) {
+const size$1 = function (options) {
   if (options === void 0) {
     options = {};
   }
@@ -8328,6 +8325,7 @@ const size = function (options) {
     name: 'size',
     options,
     async fn(state) {
+      var _state$middlewareData, _state$middlewareData2;
       const {
         placement,
         rects,
@@ -8355,17 +8353,18 @@ const size = function (options) {
         widthSide = side;
         heightSide = alignment === 'end' ? 'top' : 'bottom';
       }
-      const overflowAvailableHeight = height - overflow[heightSide];
-      const overflowAvailableWidth = width - overflow[widthSide];
+      const maximumClippingHeight = height - overflow.top - overflow.bottom;
+      const maximumClippingWidth = width - overflow.left - overflow.right;
+      const overflowAvailableHeight = min(height - overflow[heightSide], maximumClippingHeight);
+      const overflowAvailableWidth = min(width - overflow[widthSide], maximumClippingWidth);
       const noShift = !state.middlewareData.shift;
       let availableHeight = overflowAvailableHeight;
       let availableWidth = overflowAvailableWidth;
-      if (isYAxis) {
-        const maximumClippingWidth = width - overflow.left - overflow.right;
-        availableWidth = alignment || noShift ? min(overflowAvailableWidth, maximumClippingWidth) : maximumClippingWidth;
-      } else {
-        const maximumClippingHeight = height - overflow.top - overflow.bottom;
-        availableHeight = alignment || noShift ? min(overflowAvailableHeight, maximumClippingHeight) : maximumClippingHeight;
+      if ((_state$middlewareData = state.middlewareData.shift) != null && _state$middlewareData.enabled.x) {
+        availableWidth = maximumClippingWidth;
+      }
+      if ((_state$middlewareData2 = state.middlewareData.shift) != null && _state$middlewareData2.enabled.y) {
+        availableHeight = maximumClippingHeight;
       }
       if (noShift && !alignment) {
         const xMin = max(overflow.left, 0);
@@ -8396,6 +8395,9 @@ const size = function (options) {
   };
 };
 
+function hasWindow() {
+  return typeof window !== 'undefined';
+}
 function getNodeName(node) {
   if (isNode(node)) {
     return (node.nodeName || '').toLowerCase();
@@ -8407,24 +8409,32 @@ function getNodeName(node) {
 }
 function getWindow$1(node) {
   var _node$ownerDocument;
-  return (node == null ? void 0 : (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
+  return (node == null || (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
 }
 function getDocumentElement(node) {
   var _ref;
   return (_ref = (isNode(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref.documentElement;
 }
 function isNode(value) {
+  if (!hasWindow()) {
+    return false;
+  }
   return value instanceof Node || value instanceof getWindow$1(value).Node;
 }
 function isElement$1(value) {
+  if (!hasWindow()) {
+    return false;
+  }
   return value instanceof Element || value instanceof getWindow$1(value).Element;
 }
 function isHTMLElement$1(value) {
+  if (!hasWindow()) {
+    return false;
+  }
   return value instanceof HTMLElement || value instanceof getWindow$1(value).HTMLElement;
 }
 function isShadowRoot(value) {
-  // Browsers without `ShadowRoot` support.
-  if (typeof ShadowRoot === 'undefined') {
+  if (!hasWindow() || typeof ShadowRoot === 'undefined') {
     return false;
   }
   return value instanceof ShadowRoot || value instanceof getWindow$1(value).ShadowRoot;
@@ -8441,21 +8451,32 @@ function isOverflowElement(element) {
 function isTableElement(element) {
   return ['table', 'td', 'th'].includes(getNodeName(element));
 }
-function isContainingBlock(element) {
+function isTopLayer(element) {
+  return [':popover-open', ':modal'].some(selector => {
+    try {
+      return element.matches(selector);
+    } catch (e) {
+      return false;
+    }
+  });
+}
+function isContainingBlock(elementOrCss) {
   const webkit = isWebKit();
-  const css = getComputedStyle$1(element);
+  const css = isElement$1(elementOrCss) ? getComputedStyle$1(elementOrCss) : elementOrCss;
 
   // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
-  return css.transform !== 'none' || css.perspective !== 'none' || (css.containerType ? css.containerType !== 'normal' : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== 'none' : false) || !webkit && (css.filter ? css.filter !== 'none' : false) || ['transform', 'perspective', 'filter'].some(value => (css.willChange || '').includes(value)) || ['paint', 'layout', 'strict', 'content'].some(value => (css.contain || '').includes(value));
+  // https://drafts.csswg.org/css-transforms-2/#individual-transforms
+  return ['transform', 'translate', 'scale', 'rotate', 'perspective'].some(value => css[value] ? css[value] !== 'none' : false) || (css.containerType ? css.containerType !== 'normal' : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== 'none' : false) || !webkit && (css.filter ? css.filter !== 'none' : false) || ['transform', 'translate', 'scale', 'rotate', 'perspective', 'filter'].some(value => (css.willChange || '').includes(value)) || ['paint', 'layout', 'strict', 'content'].some(value => (css.contain || '').includes(value));
 }
 function getContainingBlock(element) {
   let currentNode = getParentNode(element);
   while (isHTMLElement$1(currentNode) && !isLastTraversableNode(currentNode)) {
     if (isContainingBlock(currentNode)) {
       return currentNode;
-    } else {
-      currentNode = getParentNode(currentNode);
+    } else if (isTopLayer(currentNode)) {
+      return null;
     }
+    currentNode = getParentNode(currentNode);
   }
   return null;
 }
@@ -8477,8 +8498,8 @@ function getNodeScroll(element) {
     };
   }
   return {
-    scrollLeft: element.pageXOffset,
-    scrollTop: element.pageYOffset
+    scrollLeft: element.scrollX,
+    scrollTop: element.scrollY
   };
 }
 function getParentNode(node) {
@@ -8518,10 +8539,14 @@ function getOverflowAncestors(node, list, traverseIframes) {
   const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);
   const win = getWindow$1(scrollableAncestor);
   if (isBody) {
-    return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], win.frameElement && traverseIframes ? getOverflowAncestors(win.frameElement) : []);
+    const frameElement = getFrameElement(win);
+    return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], frameElement && traverseIframes ? getOverflowAncestors(frameElement) : []);
   }
   return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
 }
+function getFrameElement(win) {
+  return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;
+}
 
 function getCssDimensions(element) {
   const css = getComputedStyle$1(element);
@@ -8624,8 +8649,9 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
   if (domElement) {
     const win = getWindow$1(domElement);
     const offsetWin = offsetParent && isElement$1(offsetParent) ? getWindow$1(offsetParent) : offsetParent;
-    let currentIFrame = win.frameElement;
-    while (currentIFrame && offsetParent && offsetWin !== win) {
+    let currentWin = win;
+    let currentIFrame = getFrameElement(currentWin);
+    while (currentIFrame && offsetParent && offsetWin !== currentWin) {
       const iframeScale = getScale(currentIFrame);
       const iframeRect = currentIFrame.getBoundingClientRect();
       const css = getComputedStyle$1(currentIFrame);
@@ -8637,7 +8663,8 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
       height *= iframeScale.y;
       x += left;
       y += top;
-      currentIFrame = getWindow$1(currentIFrame).frameElement;
+      currentWin = getWindow$1(currentIFrame);
+      currentIFrame = getFrameElement(currentWin);
     }
   }
   return rectToClientRect({
@@ -8648,15 +8675,42 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
   });
 }
 
+// If <html> has a CSS width greater than the viewport, then this will be
+// incorrect for RTL.
+function getWindowScrollBarX(element, rect) {
+  const leftScroll = getNodeScroll(element).scrollLeft;
+  if (!rect) {
+    return getBoundingClientRect(getDocumentElement(element)).left + leftScroll;
+  }
+  return rect.left + leftScroll;
+}
+
+function getHTMLOffset(documentElement, scroll, ignoreScrollbarX) {
+  if (ignoreScrollbarX === void 0) {
+    ignoreScrollbarX = false;
+  }
+  const htmlRect = documentElement.getBoundingClientRect();
+  const x = htmlRect.left + scroll.scrollLeft - (ignoreScrollbarX ? 0 :
+  // RTL <body> scrollbar.
+  getWindowScrollBarX(documentElement, htmlRect));
+  const y = htmlRect.top + scroll.scrollTop;
+  return {
+    x,
+    y
+  };
+}
+
 function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
   let {
+    elements,
     rect,
     offsetParent,
     strategy
   } = _ref;
-  const isOffsetParentAnElement = isHTMLElement$1(offsetParent);
+  const isFixed = strategy === 'fixed';
   const documentElement = getDocumentElement(offsetParent);
-  if (offsetParent === documentElement) {
+  const topLayer = elements ? isTopLayer(elements.floating) : false;
+  if (offsetParent === documentElement || topLayer && isFixed) {
     return rect;
   }
   let scroll = {
@@ -8665,7 +8719,8 @@ function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
   };
   let scale = createCoords(1);
   const offsets = createCoords(0);
-  if (isOffsetParentAnElement || !isOffsetParentAnElement && strategy !== 'fixed') {
+  const isOffsetParentAnElement = isHTMLElement$1(offsetParent);
+  if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
     if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {
       scroll = getNodeScroll(offsetParent);
     }
@@ -8676,11 +8731,12 @@ function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
       offsets.y = offsetRect.y + offsetParent.clientTop;
     }
   }
+  const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll, true) : createCoords(0);
   return {
     width: rect.width * scale.x,
     height: rect.height * scale.y,
-    x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x,
-    y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y
+    x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x + htmlOffset.x,
+    y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y + htmlOffset.y
   };
 }
 
@@ -8688,12 +8744,6 @@ function getClientRects(element) {
   return Array.from(element.getClientRects());
 }
 
-function getWindowScrollBarX(element) {
-  // If <html> has a CSS width greater than the viewport, then this will be
-  // incorrect for RTL.
-  return getBoundingClientRect(getDocumentElement(element)).left + getNodeScroll(element).scrollLeft;
-}
-
 // Gets the entire size of the scrollable document area, even extending outside
 // of the `<html>` and `<body>` rect bounds if horizontally scrollable.
 function getDocumentRect(element) {
@@ -8768,9 +8818,10 @@ function getClientRectFromClippingAncestor(element, clippingAncestor, strategy)
   } else {
     const visualOffsets = getVisualOffsets(element);
     rect = {
-      ...clippingAncestor,
       x: clippingAncestor.x - visualOffsets.x,
-      y: clippingAncestor.y - visualOffsets.y
+      y: clippingAncestor.y - visualOffsets.y,
+      width: clippingAncestor.width,
+      height: clippingAncestor.height
     };
   }
   return rectToClientRect(rect);
@@ -8826,7 +8877,7 @@ function getClippingRect(_ref) {
     rootBoundary,
     strategy
   } = _ref;
-  const elementClippingAncestors = boundary === 'clippingAncestors' ? getClippingElementAncestors(element, this._c) : [].concat(boundary);
+  const elementClippingAncestors = boundary === 'clippingAncestors' ? isTopLayer(element) ? [] : getClippingElementAncestors(element, this._c) : [].concat(boundary);
   const clippingAncestors = [...elementClippingAncestors, rootBoundary];
   const firstClippingAncestor = clippingAncestors[0];
   const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {
@@ -8846,7 +8897,14 @@ function getClippingRect(_ref) {
 }
 
 function getDimensions(element) {
-  return getCssDimensions(element);
+  const {
+    width,
+    height
+  } = getCssDimensions(element);
+  return {
+    width,
+    height
+  };
 }
 
 function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
@@ -8859,6 +8917,12 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
     scrollTop: 0
   };
   const offsets = createCoords(0);
+
+  // If the <body> scrollbar appears on the left (e.g. RTL systems). Use
+  // Firefox with layout.scrollbar.side = 3 in about:config to test this.
+  function setLeftRTLScrollbarOffset() {
+    offsets.x = getWindowScrollBarX(documentElement);
+  }
   if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
     if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {
       scroll = getNodeScroll(offsetParent);
@@ -8868,17 +8932,27 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
       offsets.x = offsetRect.x + offsetParent.clientLeft;
       offsets.y = offsetRect.y + offsetParent.clientTop;
     } else if (documentElement) {
-      offsets.x = getWindowScrollBarX(documentElement);
+      setLeftRTLScrollbarOffset();
     }
   }
+  if (isFixed && !isOffsetParentAnElement && documentElement) {
+    setLeftRTLScrollbarOffset();
+  }
+  const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
+  const x = rect.left + scroll.scrollLeft - offsets.x - htmlOffset.x;
+  const y = rect.top + scroll.scrollTop - offsets.y - htmlOffset.y;
   return {
-    x: rect.left + scroll.scrollLeft - offsets.x,
-    y: rect.top + scroll.scrollTop - offsets.y,
+    x,
+    y,
     width: rect.width,
     height: rect.height
   };
 }
 
+function isStaticPositioned(element) {
+  return getComputedStyle$1(element).position === 'static';
+}
+
 function getTrueOffsetParent(element, polyfill) {
   if (!isHTMLElement$1(element) || getComputedStyle$1(element).position === 'fixed') {
     return null;
@@ -8886,40 +8960,56 @@ function getTrueOffsetParent(element, polyfill) {
   if (polyfill) {
     return polyfill(element);
   }
-  return element.offsetParent;
+  let rawOffsetParent = element.offsetParent;
+
+  // Firefox returns the <html> element as the offsetParent if it's non-static,
+  // while Chrome and Safari return the <body> element. The <body> element must
+  // be used to perform the correct calculations even if the <html> element is
+  // non-static.
+  if (getDocumentElement(element) === rawOffsetParent) {
+    rawOffsetParent = rawOffsetParent.ownerDocument.body;
+  }
+  return rawOffsetParent;
 }
 
 // Gets the closest ancestor positioned element. Handles some edge cases,
 // such as table ancestors and cross browser bugs.
 function getOffsetParent(element, polyfill) {
-  const window = getWindow$1(element);
+  const win = getWindow$1(element);
+  if (isTopLayer(element)) {
+    return win;
+  }
   if (!isHTMLElement$1(element)) {
-    return window;
+    let svgOffsetParent = getParentNode(element);
+    while (svgOffsetParent && !isLastTraversableNode(svgOffsetParent)) {
+      if (isElement$1(svgOffsetParent) && !isStaticPositioned(svgOffsetParent)) {
+        return svgOffsetParent;
+      }
+      svgOffsetParent = getParentNode(svgOffsetParent);
+    }
+    return win;
   }
   let offsetParent = getTrueOffsetParent(element, polyfill);
-  while (offsetParent && isTableElement(offsetParent) && getComputedStyle$1(offsetParent).position === 'static') {
+  while (offsetParent && isTableElement(offsetParent) && isStaticPositioned(offsetParent)) {
     offsetParent = getTrueOffsetParent(offsetParent, polyfill);
   }
-  if (offsetParent && (getNodeName(offsetParent) === 'html' || getNodeName(offsetParent) === 'body' && getComputedStyle$1(offsetParent).position === 'static' && !isContainingBlock(offsetParent))) {
-    return window;
+  if (offsetParent && isLastTraversableNode(offsetParent) && isStaticPositioned(offsetParent) && !isContainingBlock(offsetParent)) {
+    return win;
   }
-  return offsetParent || getContainingBlock(element) || window;
+  return offsetParent || getContainingBlock(element) || win;
 }
 
-const getElementRects = async function (_ref) {
-  let {
-    reference,
-    floating,
-    strategy
-  } = _ref;
+const getElementRects = async function (data) {
   const getOffsetParentFn = this.getOffsetParent || getOffsetParent;
   const getDimensionsFn = this.getDimensions;
+  const floatingDimensions = await getDimensionsFn(data.floating);
   return {
-    reference: getRectRelativeToOffsetParent(reference, await getOffsetParentFn(floating), strategy),
+    reference: getRectRelativeToOffsetParent(data.reference, await getOffsetParentFn(data.floating), data.strategy),
     floating: {
       x: 0,
       y: 0,
-      ...(await getDimensionsFn(floating))
+      width: floatingDimensions.width,
+      height: floatingDimensions.height
     }
   };
 };
@@ -8941,14 +9031,19 @@ const platform = {
   isRTL
 };
 
+function rectsAreEqual(a, b) {
+  return a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;
+}
+
 // https://samthor.au/2021/observing-dom/
 function observeMove(element, onMove) {
   let io = null;
   let timeoutId;
   const root = getDocumentElement(element);
   function cleanup() {
+    var _io;
     clearTimeout(timeoutId);
-    io && io.disconnect();
+    (_io = io) == null || _io.disconnect();
     io = null;
   }
   function refresh(skip, threshold) {
@@ -8959,12 +9054,13 @@ function observeMove(element, onMove) {
       threshold = 1;
     }
     cleanup();
+    const elementRectForRootMargin = element.getBoundingClientRect();
     const {
       left,
       top,
       width,
       height
-    } = element.getBoundingClientRect();
+    } = elementRectForRootMargin;
     if (!skip) {
       onMove();
     }
@@ -8988,13 +9084,25 @@ function observeMove(element, onMove) {
           return refresh();
         }
         if (!ratio) {
+          // If the reference is clipped, the ratio is 0. Throttle the refresh
+          // to prevent an infinite loop of updates.
           timeoutId = setTimeout(() => {
             refresh(false, 1e-7);
-          }, 100);
+          }, 1000);
         } else {
           refresh(false, ratio);
         }
       }
+      if (ratio === 1 && !rectsAreEqual(elementRectForRootMargin, element.getBoundingClientRect())) {
+        // It's possible that even though the ratio is reported as 1, the
+        // element is not actually fully within the IntersectionObserver's root
+        // area anymore. This can happen under performance constraints. This may
+        // be a bug in the browser's IntersectionObserver implementation. To
+        // work around this, we compare the element's bounding rect now with
+        // what it was at the time we created the IntersectionObserver. If they
+        // are not equal then the element moved, so we refresh.
+        refresh();
+      }
       isFirstUpdate = false;
     }
 
@@ -9006,7 +9114,7 @@ function observeMove(element, onMove) {
         // Handle <iframe>s
         root: root.ownerDocument
       });
-    } catch (e) {
+    } catch (_e) {
       io = new IntersectionObserver(handleObserve, options);
     }
     io.observe(element);
@@ -9054,7 +9162,8 @@ function autoUpdate(reference, floating, update, options) {
         resizeObserver.unobserve(floating);
         cancelAnimationFrame(reobserveFrame);
         reobserveFrame = requestAnimationFrame(() => {
-          resizeObserver && resizeObserver.observe(floating);
+          var _resizeObserver;
+          (_resizeObserver = resizeObserver) == null || _resizeObserver.observe(floating);
         });
       }
       update();
@@ -9071,7 +9180,7 @@ function autoUpdate(reference, floating, update, options) {
   }
   function frameLoop() {
     const nextRefRect = getBoundingClientRect(reference);
-    if (prevRefRect && (nextRefRect.x !== prevRefRect.x || nextRefRect.y !== prevRefRect.y || nextRefRect.width !== prevRefRect.width || nextRefRect.height !== prevRefRect.height)) {
+    if (prevRefRect && !rectsAreEqual(prevRefRect, nextRefRect)) {
       update();
     }
     prevRefRect = nextRefRect;
@@ -9079,12 +9188,13 @@ function autoUpdate(reference, floating, update, options) {
   }
   update();
   return () => {
+    var _resizeObserver2;
     ancestors.forEach(ancestor => {
       ancestorScroll && ancestor.removeEventListener('scroll', update);
       ancestorResize && ancestor.removeEventListener('resize', update);
     });
-    cleanupIo && cleanupIo();
-    resizeObserver && resizeObserver.disconnect();
+    cleanupIo == null || cleanupIo();
+    (_resizeObserver2 = resizeObserver) == null || _resizeObserver2.disconnect();
     resizeObserver = null;
     if (animationFrame) {
       cancelAnimationFrame(frameId);
@@ -9092,10 +9202,48 @@ function autoUpdate(reference, floating, update, options) {
   };
 }
 
+/**
+ * Modifies the placement by translating the floating element along the
+ * specified axes.
+ * A number (shorthand for `mainAxis` or distance), or an axes configuration
+ * object may be passed.
+ * @see https://floating-ui.com/docs/offset
+ */
+const offset = offset$1;
+
+/**
+ * Optimizes the visibility of the floating element by shifting it in order to
+ * keep it in view when it will overflow the clipping boundary.
+ * @see https://floating-ui.com/docs/shift
+ */
+const shift = shift$1;
+
+/**
+ * Optimizes the visibility of the floating element by flipping the `placement`
+ * in order to keep it in view when the preferred placement(s) will overflow the
+ * clipping boundary. Alternative to `autoPlacement`.
+ * @see https://floating-ui.com/docs/flip
+ */
+const flip = flip$1;
+
+/**
+ * Provides data that allows you to change the size of the floating element —
+ * for instance, prevent it from overflowing the clipping boundary or match the
+ * width of the reference element.
+ * @see https://floating-ui.com/docs/size
+ */
+const size = size$1;
+
+/**
+ * Provides data to position an inner element of the floating element so that it
+ * appears centered to the reference element.
+ * @see https://floating-ui.com/docs/arrow
+ */
+const arrow$1 = arrow$2;
+
 /**
  * Computes the `x` and `y` coordinates that will place the floating element
- * next to a reference element when it is given a certain CSS positioning
- * strategy.
+ * next to a given reference element.
  */
 const computePosition = (reference, floating, options) => {
   // This caches the expensive `getClippingElementAncestors` function so that
@@ -9392,21 +9540,26 @@ var applyAttributeToOthers = function (originalTarget, parentNode, markerName, c
                 deep(node);
             }
             else {
-                var attr = node.getAttribute(controlAttribute);
-                var alreadyHidden = attr !== null && attr !== 'false';
-                var counterValue = (counterMap.get(node) || 0) + 1;
-                var markerValue = (markerCounter.get(node) || 0) + 1;
-                counterMap.set(node, counterValue);
-                markerCounter.set(node, markerValue);
-                hiddenNodes.push(node);
-                if (counterValue === 1 && alreadyHidden) {
-                    uncontrolledNodes.set(node, true);
-                }
-                if (markerValue === 1) {
-                    node.setAttribute(markerName, 'true');
+                try {
+                    var attr = node.getAttribute(controlAttribute);
+                    var alreadyHidden = attr !== null && attr !== 'false';
+                    var counterValue = (counterMap.get(node) || 0) + 1;
+                    var markerValue = (markerCounter.get(node) || 0) + 1;
+                    counterMap.set(node, counterValue);
+                    markerCounter.set(node, markerValue);
+                    hiddenNodes.push(node);
+                    if (counterValue === 1 && alreadyHidden) {
+                        uncontrolledNodes.set(node, true);
+                    }
+                    if (markerValue === 1) {
+                        node.setAttribute(markerName, 'true');
+                    }
+                    if (!alreadyHidden) {
+                        node.setAttribute(controlAttribute, 'true');
+                    }
                 }
-                if (!alreadyHidden) {
-                    node.setAttribute(controlAttribute, 'true');
+                catch (e) {
+                    console.error('aria-hidden: cannot operate on ', node, e);
                 }
             }
         });
@@ -12226,7 +12379,7 @@ var Text = /*#__PURE__*/forwardRef(function (props, ref) {
     }),
     className: classes(modules_22fa3f10.root, modules_22fa3f10[variant], modules_22fa3f10["".concat(stroke, "-stroke")], className)
   }, attrs), children);
-  if ( /*#__PURE__*/isValidElement(TextDOM)) {
+  if (/*#__PURE__*/isValidElement(TextDOM)) {
     return TextDOM;
   }
   return null;
@@ -12802,7 +12955,7 @@ var BaseAreaChart$1 = function BaseAreaChart(props) {
   };
   var generateSeries = function generateSeries() {
     return Object.keys(seriesData === null || seriesData === void 0 ? void 0 : seriesData.chartData).map(function (objectData, index) {
-      var _Object$keys$index, _Object$keys, _seriesData$chartData4, _seriesOption$index, _seriesOption$index$c, _seriesOption$index2, _seriesOption$index$c2, _seriesOption$index3, _seriesOption$index$c3, _seriesOption$index4, _seriesOptionObject$l, _seriesOption$index$l, _seriesOption$index5, _seriesOptionObject$l2, _seriesOption$index$l2, _seriesOption$index6, _seriesOption$index7, _seriesOption$index$l3, _seriesOption$index8, _seriesOption$index$l4, _seriesOption$index9, _seriesOption$index$l5, _seriesOption$index10, _seriesOptionObject$a, _seriesOption$index$a, _seriesOption$index11, _seriesOption$index12, _seriesOption$index$a2, _seriesOption$index13, _seriesOptionObject$e, _seriesOption$index$e, _seriesOption$index14, _Object$values$index, _Object$values, _seriesData$chartData5;
+      var _Object$keys$index, _Object$keys, _seriesData$chartData4, _seriesOption$index, _seriesOption$index$c, _seriesOption$index2, _seriesOption$index$c2, _seriesOption$index3, _seriesOption$index$c3, _seriesOption$index4, _seriesOptionObject$l, _seriesOption$index$l, _seriesOption$index5, _seriesOptionObject$l2, _seriesOption$index$l2, _seriesOption$index6, _seriesOption$index7, _seriesOption$index$l3, _seriesOption$index8, _seriesOption$index$l4, _seriesOption$index9, _seriesOption$index$l5, _seriesOption$index0, _seriesOptionObject$a, _seriesOption$index$a, _seriesOption$index1, _seriesOption$index10, _seriesOption$index$a2, _seriesOption$index11, _seriesOptionObject$e, _seriesOption$index$e, _seriesOption$index12, _Object$values$index, _Object$values, _seriesData$chartData5;
       return _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, seriesOptionObject), seriesOption[index]), {}, {
         name: (_Object$keys$index = (_Object$keys = Object.keys((_seriesData$chartData4 = seriesData === null || seriesData === void 0 ? void 0 : seriesData.chartData) !== null && _seriesData$chartData4 !== void 0 ? _seriesData$chartData4 : {})) === null || _Object$keys === void 0 ? void 0 : _Object$keys[index]) !== null && _Object$keys$index !== void 0 ? _Object$keys$index : ''
       }, ((_seriesOption$index = seriesOption[index]) === null || _seriesOption$index === void 0 ? void 0 : _seriesOption$index.color) && {
@@ -12810,12 +12963,12 @@ var BaseAreaChart$1 = function BaseAreaChart(props) {
       }), {}, {
         label: _objectSpread2(_objectSpread2({}, (_seriesOptionObject$l = seriesOptionObject === null || seriesOptionObject === void 0 ? void 0 : seriesOptionObject.label) !== null && _seriesOptionObject$l !== void 0 ? _seriesOptionObject$l : {}), (_seriesOption$index$l = (_seriesOption$index5 = seriesOption[index]) === null || _seriesOption$index5 === void 0 ? void 0 : _seriesOption$index5.label) !== null && _seriesOption$index$l !== void 0 ? _seriesOption$index$l : {}),
         lineStyle: _objectSpread2(_objectSpread2(_objectSpread2({}, (_seriesOptionObject$l2 = seriesOptionObject === null || seriesOptionObject === void 0 ? void 0 : seriesOptionObject.lineStyle) !== null && _seriesOptionObject$l2 !== void 0 ? _seriesOptionObject$l2 : {}), (_seriesOption$index$l2 = (_seriesOption$index6 = seriesOption[index]) === null || _seriesOption$index6 === void 0 ? void 0 : _seriesOption$index6.lineStyle) !== null && _seriesOption$index$l2 !== void 0 ? _seriesOption$index$l2 : {}), ((_seriesOption$index7 = seriesOption[index]) === null || _seriesOption$index7 === void 0 || (_seriesOption$index7 = _seriesOption$index7.lineStyle) === null || _seriesOption$index7 === void 0 ? void 0 : _seriesOption$index7.color) && {
-          color: typeof ((_seriesOption$index$l3 = (_seriesOption$index8 = seriesOption[index]) === null || _seriesOption$index8 === void 0 || (_seriesOption$index8 = _seriesOption$index8.lineStyle) === null || _seriesOption$index8 === void 0 ? void 0 : _seriesOption$index8.color) !== null && _seriesOption$index$l3 !== void 0 ? _seriesOption$index$l3 : {}) !== 'string' ? _construct(echarts.graphic.LinearGradient, _toConsumableArray((_seriesOption$index$l4 = (_seriesOption$index9 = seriesOption[index]) === null || _seriesOption$index9 === void 0 || (_seriesOption$index9 = _seriesOption$index9.lineStyle) === null || _seriesOption$index9 === void 0 ? void 0 : _seriesOption$index9.color) !== null && _seriesOption$index$l4 !== void 0 ? _seriesOption$index$l4 : {})) : (_seriesOption$index$l5 = (_seriesOption$index10 = seriesOption[index]) === null || _seriesOption$index10 === void 0 || (_seriesOption$index10 = _seriesOption$index10.lineStyle) === null || _seriesOption$index10 === void 0 ? void 0 : _seriesOption$index10.color) !== null && _seriesOption$index$l5 !== void 0 ? _seriesOption$index$l5 : {}
+          color: typeof ((_seriesOption$index$l3 = (_seriesOption$index8 = seriesOption[index]) === null || _seriesOption$index8 === void 0 || (_seriesOption$index8 = _seriesOption$index8.lineStyle) === null || _seriesOption$index8 === void 0 ? void 0 : _seriesOption$index8.color) !== null && _seriesOption$index$l3 !== void 0 ? _seriesOption$index$l3 : {}) !== 'string' ? _construct(echarts.graphic.LinearGradient, _toConsumableArray((_seriesOption$index$l4 = (_seriesOption$index9 = seriesOption[index]) === null || _seriesOption$index9 === void 0 || (_seriesOption$index9 = _seriesOption$index9.lineStyle) === null || _seriesOption$index9 === void 0 ? void 0 : _seriesOption$index9.color) !== null && _seriesOption$index$l4 !== void 0 ? _seriesOption$index$l4 : {})) : (_seriesOption$index$l5 = (_seriesOption$index0 = seriesOption[index]) === null || _seriesOption$index0 === void 0 || (_seriesOption$index0 = _seriesOption$index0.lineStyle) === null || _seriesOption$index0 === void 0 ? void 0 : _seriesOption$index0.color) !== null && _seriesOption$index$l5 !== void 0 ? _seriesOption$index$l5 : {}
         }),
-        areaStyle: _objectSpread2(_objectSpread2(_objectSpread2({}, (_seriesOptionObject$a = seriesOptionObject === null || seriesOptionObject === void 0 ? void 0 : seriesOptionObject.areaStyle) !== null && _seriesOptionObject$a !== void 0 ? _seriesOptionObject$a : {}), (_seriesOption$index$a = (_seriesOption$index11 = seriesOption[index]) === null || _seriesOption$index11 === void 0 ? void 0 : _seriesOption$index11.areaStyle) !== null && _seriesOption$index$a !== void 0 ? _seriesOption$index$a : {}), ((_seriesOption$index12 = seriesOption[index]) === null || _seriesOption$index12 === void 0 || (_seriesOption$index12 = _seriesOption$index12.areaStyle) === null || _seriesOption$index12 === void 0 ? void 0 : _seriesOption$index12.color) && {
-          color: (_seriesOption$index$a2 = (_seriesOption$index13 = seriesOption[index]) === null || _seriesOption$index13 === void 0 || (_seriesOption$index13 = _seriesOption$index13.areaStyle) === null || _seriesOption$index13 === void 0 ? void 0 : _seriesOption$index13.color) !== null && _seriesOption$index$a2 !== void 0 ? _seriesOption$index$a2 : {}
+        areaStyle: _objectSpread2(_objectSpread2(_objectSpread2({}, (_seriesOptionObject$a = seriesOptionObject === null || seriesOptionObject === void 0 ? void 0 : seriesOptionObject.areaStyle) !== null && _seriesOptionObject$a !== void 0 ? _seriesOptionObject$a : {}), (_seriesOption$index$a = (_seriesOption$index1 = seriesOption[index]) === null || _seriesOption$index1 === void 0 ? void 0 : _seriesOption$index1.areaStyle) !== null && _seriesOption$index$a !== void 0 ? _seriesOption$index$a : {}), ((_seriesOption$index10 = seriesOption[index]) === null || _seriesOption$index10 === void 0 || (_seriesOption$index10 = _seriesOption$index10.areaStyle) === null || _seriesOption$index10 === void 0 ? void 0 : _seriesOption$index10.color) && {
+          color: (_seriesOption$index$a2 = (_seriesOption$index11 = seriesOption[index]) === null || _seriesOption$index11 === void 0 || (_seriesOption$index11 = _seriesOption$index11.areaStyle) === null || _seriesOption$index11 === void 0 ? void 0 : _seriesOption$index11.color) !== null && _seriesOption$index$a2 !== void 0 ? _seriesOption$index$a2 : {}
         }),
-        emphasis: _objectSpread2(_objectSpread2({}, (_seriesOptionObject$e = seriesOptionObject === null || seriesOptionObject === void 0 ? void 0 : seriesOptionObject.emphasis) !== null && _seriesOptionObject$e !== void 0 ? _seriesOptionObject$e : {}), (_seriesOption$index$e = (_seriesOption$index14 = seriesOption[index]) === null || _seriesOption$index14 === void 0 ? void 0 : _seriesOption$index14.emphasis) !== null && _seriesOption$index$e !== void 0 ? _seriesOption$index$e : {}),
+        emphasis: _objectSpread2(_objectSpread2({}, (_seriesOptionObject$e = seriesOptionObject === null || seriesOptionObject === void 0 ? void 0 : seriesOptionObject.emphasis) !== null && _seriesOptionObject$e !== void 0 ? _seriesOptionObject$e : {}), (_seriesOption$index$e = (_seriesOption$index12 = seriesOption[index]) === null || _seriesOption$index12 === void 0 ? void 0 : _seriesOption$index12.emphasis) !== null && _seriesOption$index$e !== void 0 ? _seriesOption$index$e : {}),
         data: (_Object$values$index = (_Object$values = Object.values((_seriesData$chartData5 = seriesData === null || seriesData === void 0 ? void 0 : seriesData.chartData) !== null && _seriesData$chartData5 !== void 0 ? _seriesData$chartData5 : {})) === null || _Object$values === void 0 ? void 0 : _Object$values[index]) !== null && _Object$values$index !== void 0 ? _Object$values$index : ''
       });
     });
@@ -13019,7 +13172,7 @@ var determineGradient$2 = function determineGradient(seriesData, objectData, ind
   return '';
 };
 var CapsuleChart = function CapsuleChart(props) {
-  var _Object$keys, _seriesData$chartData2, _seriesData$metaData$, _seriesData$metaData, _seriesData$chartData4, _seriesData$chartData20;
+  var _Object$keys, _seriesData$chartData2, _seriesData$metaData$, _seriesData$metaData, _seriesData$chartData4, _seriesData$chartData18;
   var _props$title = props.title,
     title = _props$title === void 0 ? '' : _props$title,
     _props$gridContainLab = props.gridContainLabel,
@@ -13164,36 +13317,36 @@ var CapsuleChart = function CapsuleChart(props) {
     })
   };
   var getChartValue = function getChartValue(key, index) {
-    var _seriesData$chartData7, _seriesData$chartData8, _seriesData$chartData9, _seriesData$chartData10, _seriesData$chartData11, _seriesData$chartData12, _seriesData$chartData13, _seriesData$chartData14;
-    return index ? 0 - (((_seriesData$chartData7 = seriesData === null || seriesData === void 0 || (_seriesData$chartData8 = seriesData.chartData) === null || _seriesData$chartData8 === void 0 || (_seriesData$chartData8 = _seriesData$chartData8[key]) === null || _seriesData$chartData8 === void 0 ? void 0 : _seriesData$chartData8["x".concat(index + 1)]) !== null && _seriesData$chartData7 !== void 0 ? _seriesData$chartData7 : 0) === 0 ? 0.004 : (_seriesData$chartData9 = seriesData === null || seriesData === void 0 || (_seriesData$chartData10 = seriesData.chartData) === null || _seriesData$chartData10 === void 0 || (_seriesData$chartData10 = _seriesData$chartData10[key]) === null || _seriesData$chartData10 === void 0 ? void 0 : _seriesData$chartData10["x".concat(index + 1)]) !== null && _seriesData$chartData9 !== void 0 ? _seriesData$chartData9 : 0) : ((_seriesData$chartData11 = seriesData === null || seriesData === void 0 || (_seriesData$chartData12 = seriesData.chartData) === null || _seriesData$chartData12 === void 0 || (_seriesData$chartData12 = _seriesData$chartData12[key]) === null || _seriesData$chartData12 === void 0 ? void 0 : _seriesData$chartData12["x".concat(index + 1)]) !== null && _seriesData$chartData11 !== void 0 ? _seriesData$chartData11 : 0) === 0 ? 0.004 : (_seriesData$chartData13 = seriesData === null || seriesData === void 0 || (_seriesData$chartData14 = seriesData.chartData) === null || _seriesData$chartData14 === void 0 || (_seriesData$chartData14 = _seriesData$chartData14[key]) === null || _seriesData$chartData14 === void 0 ? void 0 : _seriesData$chartData14["x".concat(index + 1)]) !== null && _seriesData$chartData13 !== void 0 ? _seriesData$chartData13 : 0;
+    var _seriesData$chartData7, _seriesData$chartData8, _seriesData$chartData9, _seriesData$chartData0, _seriesData$chartData1, _seriesData$chartData10, _seriesData$chartData11, _seriesData$chartData12;
+    return index ? 0 - (((_seriesData$chartData7 = seriesData === null || seriesData === void 0 || (_seriesData$chartData8 = seriesData.chartData) === null || _seriesData$chartData8 === void 0 || (_seriesData$chartData8 = _seriesData$chartData8[key]) === null || _seriesData$chartData8 === void 0 ? void 0 : _seriesData$chartData8["x".concat(index + 1)]) !== null && _seriesData$chartData7 !== void 0 ? _seriesData$chartData7 : 0) === 0 ? 0.004 : (_seriesData$chartData9 = seriesData === null || seriesData === void 0 || (_seriesData$chartData0 = seriesData.chartData) === null || _seriesData$chartData0 === void 0 || (_seriesData$chartData0 = _seriesData$chartData0[key]) === null || _seriesData$chartData0 === void 0 ? void 0 : _seriesData$chartData0["x".concat(index + 1)]) !== null && _seriesData$chartData9 !== void 0 ? _seriesData$chartData9 : 0) : ((_seriesData$chartData1 = seriesData === null || seriesData === void 0 || (_seriesData$chartData10 = seriesData.chartData) === null || _seriesData$chartData10 === void 0 || (_seriesData$chartData10 = _seriesData$chartData10[key]) === null || _seriesData$chartData10 === void 0 ? void 0 : _seriesData$chartData10["x".concat(index + 1)]) !== null && _seriesData$chartData1 !== void 0 ? _seriesData$chartData1 : 0) === 0 ? 0.004 : (_seriesData$chartData11 = seriesData === null || seriesData === void 0 || (_seriesData$chartData12 = seriesData.chartData) === null || _seriesData$chartData12 === void 0 || (_seriesData$chartData12 = _seriesData$chartData12[key]) === null || _seriesData$chartData12 === void 0 ? void 0 : _seriesData$chartData12["x".concat(index + 1)]) !== null && _seriesData$chartData11 !== void 0 ? _seriesData$chartData11 : 0;
   };
   var generateSeries = function generateSeries() {
-    var _Object$keys2, _seriesData$chartData15;
-    var minHeight = (_Object$keys2 = Object.keys((_seriesData$chartData15 = seriesData === null || seriesData === void 0 ? void 0 : seriesData.chartData) !== null && _seriesData$chartData15 !== void 0 ? _seriesData$chartData15 : 0)) !== null && _Object$keys2 !== void 0 && _Object$keys2.some(function (obj1) {
+    var _Object$keys2, _seriesData$chartData13;
+    var minHeight = (_Object$keys2 = Object.keys((_seriesData$chartData13 = seriesData === null || seriesData === void 0 ? void 0 : seriesData.chartData) !== null && _seriesData$chartData13 !== void 0 ? _seriesData$chartData13 : 0)) !== null && _Object$keys2 !== void 0 && _Object$keys2.some(function (obj1) {
       return seriesOption.some(function (obj, index) {
-        var _seriesData$chartData16;
-        return seriesData === null || seriesData === void 0 || (_seriesData$chartData16 = seriesData.chartData) === null || _seriesData$chartData16 === void 0 || (_seriesData$chartData16 = _seriesData$chartData16[obj1]) === null || _seriesData$chartData16 === void 0 ? void 0 : _seriesData$chartData16["x".concat(index + 1)];
+        var _seriesData$chartData14;
+        return seriesData === null || seriesData === void 0 || (_seriesData$chartData14 = seriesData.chartData) === null || _seriesData$chartData14 === void 0 || (_seriesData$chartData14 = _seriesData$chartData14[obj1]) === null || _seriesData$chartData14 === void 0 ? void 0 : _seriesData$chartData14["x".concat(index + 1)];
       });
     }) ? 0.004 : 0;
     return seriesOption.map(function (objectData, index) {
-      var _seriesOptionObject$l, _objectData$label, _seriesData$chartData17;
+      var _seriesOptionObject$l, _objectData$label, _seriesData$chartData15;
       return _objectSpread2(_objectSpread2(_objectSpread2({}, seriesOptionObject), objectData), {}, {
         label: _objectSpread2(_objectSpread2({}, (_seriesOptionObject$l = seriesOptionObject === null || seriesOptionObject === void 0 ? void 0 : seriesOptionObject.label) !== null && _seriesOptionObject$l !== void 0 ? _seriesOptionObject$l : {}), (_objectData$label = objectData === null || objectData === void 0 ? void 0 : objectData.label) !== null && _objectData$label !== void 0 ? _objectData$label : {}),
         name: seriesName(index),
-        data: Object.keys((_seriesData$chartData17 = seriesData === null || seriesData === void 0 ? void 0 : seriesData.chartData) !== null && _seriesData$chartData17 !== void 0 ? _seriesData$chartData17 : {}).map(function (key, subIndex) {
+        data: Object.keys((_seriesData$chartData15 = seriesData === null || seriesData === void 0 ? void 0 : seriesData.chartData) !== null && _seriesData$chartData15 !== void 0 ? _seriesData$chartData15 : {}).map(function (key, subIndex) {
           var _objectData$color4, _seriesOption$subInde, _seriesOption$subInde2;
           var check = true;
           if (stackCount <= 1) {
             check = seriesOption.some(function (obj, checkIndex) {
-              var _seriesData$chartData18;
-              return seriesData === null || seriesData === void 0 || (_seriesData$chartData18 = seriesData.chartData) === null || _seriesData$chartData18 === void 0 || (_seriesData$chartData18 = _seriesData$chartData18[key]) === null || _seriesData$chartData18 === void 0 ? void 0 : _seriesData$chartData18["x".concat(checkIndex + 1)];
+              var _seriesData$chartData16;
+              return seriesData === null || seriesData === void 0 || (_seriesData$chartData16 = seriesData.chartData) === null || _seriesData$chartData16 === void 0 || (_seriesData$chartData16 = _seriesData$chartData16[key]) === null || _seriesData$chartData16 === void 0 ? void 0 : _seriesData$chartData16["x".concat(checkIndex + 1)];
             });
           } else {
             var stackCal = seriesOption[index].stack;
             check = seriesOption.some(function (series, checkNewIndex) {
               if (series.stack === stackCal) {
-                var _seriesData$chartData19;
-                return seriesData === null || seriesData === void 0 || (_seriesData$chartData19 = seriesData.chartData) === null || _seriesData$chartData19 === void 0 || (_seriesData$chartData19 = _seriesData$chartData19[key]) === null || _seriesData$chartData19 === void 0 ? void 0 : _seriesData$chartData19["x".concat(checkNewIndex + 1)];
+                var _seriesData$chartData17;
+                return seriesData === null || seriesData === void 0 || (_seriesData$chartData17 = seriesData.chartData) === null || _seriesData$chartData17 === void 0 || (_seriesData$chartData17 = _seriesData$chartData17[key]) === null || _seriesData$chartData17 === void 0 ? void 0 : _seriesData$chartData17["x".concat(checkNewIndex + 1)];
               }
               return false;
             });
@@ -13228,7 +13381,7 @@ var CapsuleChart = function CapsuleChart(props) {
         containLabel: gridContainLabel
       }, gridOptions),
       xAxis: _objectSpread2({
-        data: Object.keys((_seriesData$chartData20 = seriesData === null || seriesData === void 0 ? void 0 : seriesData.chartData) !== null && _seriesData$chartData20 !== void 0 ? _seriesData$chartData20 : {}),
+        data: Object.keys((_seriesData$chartData18 = seriesData === null || seriesData === void 0 ? void 0 : seriesData.chartData) !== null && _seriesData$chartData18 !== void 0 ? _seriesData$chartData18 : {}),
         show: xAxisShow,
         type: 'category',
         axisTick: _objectSpread2({
@@ -13616,7 +13769,7 @@ var ChartSkeleton$6 = function ChartSkeleton(_ref) {
 
 echarts.use([TitleComponent, TooltipComponent, GridComponent, DatasetComponent, BarChart, CanvasRenderer]);
 var BaseHorizontalBarChart = function BaseHorizontalBarChart(props) {
-  var _seriesOption$length, _sortedSeriesData$met, _sortedSeriesData, _seriesData$metaData$, _seriesData$metaData, _sortedSeriesData$cha, _sortedSeriesData2, _seriesData$chartData, _seriesData$chartData12;
+  var _seriesOption$length, _sortedSeriesData$met, _sortedSeriesData, _seriesData$metaData$, _seriesData$metaData, _sortedSeriesData$cha, _sortedSeriesData2, _seriesData$chartData, _seriesData$chartData10;
   var loading = props.loading,
     title = props.title,
     titleOptions = props.titleOptions,
@@ -13731,14 +13884,14 @@ var BaseHorizontalBarChart = function BaseHorizontalBarChart(props) {
             tooltip: _objectSpread2({}, (_seriesOption$subInde = (_seriesOption$subInde2 = seriesOption[subIndex]) === null || _seriesOption$subInde2 === void 0 ? void 0 : _seriesOption$subInde2.tooltip) !== null && _seriesOption$subInde !== void 0 ? _seriesOption$subInde : {})
           };
         }))) : Object.keys((_sortedSeriesData$cha5 = (_sortedSeriesData6 = sortedSeriesData) === null || _sortedSeriesData6 === void 0 ? void 0 : _sortedSeriesData6.chartData) !== null && _sortedSeriesData$cha5 !== void 0 ? _sortedSeriesData$cha5 : {}).map(function (key, subIndex) {
-          var _sortedSeriesData$cha6, _sortedSeriesData7, _sortedSeriesData$cha7, _sortedSeriesData8, _ref6, _objectData$color4, _objectData$barColor$3, _objectData$barColor3, _objectData$color5, _objectData$barColor$4, _objectData$barColor4, _objectData$color6, _sortedSeriesData$cha8, _sortedSeriesData9, _sortedSeriesData$cha9, _sortedSeriesData10, _seriesOption$subInde3, _seriesOption$subInde4;
+          var _sortedSeriesData$cha6, _sortedSeriesData7, _sortedSeriesData$cha7, _sortedSeriesData8, _ref6, _objectData$color4, _objectData$barColor$3, _objectData$barColor3, _objectData$color5, _objectData$barColor$4, _objectData$barColor4, _objectData$color6, _sortedSeriesData$cha8, _sortedSeriesData9, _sortedSeriesData$cha9, _sortedSeriesData0, _seriesOption$subInde3, _seriesOption$subInde4;
           return {
             value: minBarHeight ? calcHeight((_sortedSeriesData$cha6 = (_sortedSeriesData7 = sortedSeriesData) === null || _sortedSeriesData7 === void 0 || (_sortedSeriesData7 = _sortedSeriesData7.chartData) === null || _sortedSeriesData7 === void 0 || (_sortedSeriesData7 = _sortedSeriesData7[key]) === null || _sortedSeriesData7 === void 0 ? void 0 : _sortedSeriesData7["x".concat(index + 1)]) !== null && _sortedSeriesData$cha6 !== void 0 ? _sortedSeriesData$cha6 : 0) : (_sortedSeriesData$cha7 = (_sortedSeriesData8 = sortedSeriesData) === null || _sortedSeriesData8 === void 0 || (_sortedSeriesData8 = _sortedSeriesData8.chartData) === null || _sortedSeriesData8 === void 0 || (_sortedSeriesData8 = _sortedSeriesData8[key]) === null || _sortedSeriesData8 === void 0 ? void 0 : _sortedSeriesData8["x".concat(index + 1)]) !== null && _sortedSeriesData$cha7 !== void 0 ? _sortedSeriesData$cha7 : 0,
             itemStyle: {
               color: typeof ((_ref6 = (_objectData$color4 = objectData === null || objectData === void 0 ? void 0 : objectData.color) !== null && _objectData$color4 !== void 0 ? _objectData$color4 : '') !== null && _ref6 !== void 0 ? _ref6 : {}) !== 'string' ? _construct(echarts.graphic.LinearGradient, _toConsumableArray(((_objectData$barColor$3 = objectData === null || objectData === void 0 || (_objectData$barColor3 = objectData.barColor) === null || _objectData$barColor3 === void 0 ? void 0 : _objectData$barColor3[subIndex]) !== null && _objectData$barColor$3 !== void 0 ? _objectData$barColor$3 : '') || ((_objectData$color5 = objectData === null || objectData === void 0 ? void 0 : objectData.color) !== null && _objectData$color5 !== void 0 ? _objectData$color5 : ''))) : ((_objectData$barColor$4 = objectData === null || objectData === void 0 || (_objectData$barColor4 = objectData.barColor) === null || _objectData$barColor4 === void 0 ? void 0 : _objectData$barColor4[subIndex]) !== null && _objectData$barColor$4 !== void 0 ? _objectData$barColor$4 : '') || ((_objectData$color6 = objectData === null || objectData === void 0 ? void 0 : objectData.color) !== null && _objectData$color6 !== void 0 ? _objectData$color6 : ''),
               borderRadius:
               // eslint-disable-next-line no-nested-ternary
-              index === 0 ? ((_sortedSeriesData$cha8 = (_sortedSeriesData9 = sortedSeriesData) === null || _sortedSeriesData9 === void 0 || (_sortedSeriesData9 = _sortedSeriesData9.chartData) === null || _sortedSeriesData9 === void 0 || (_sortedSeriesData9 = _sortedSeriesData9[key]) === null || _sortedSeriesData9 === void 0 ? void 0 : _sortedSeriesData9["x".concat(index + 2)]) !== null && _sortedSeriesData$cha8 !== void 0 ? _sortedSeriesData$cha8 : 0) === 0 ? [5, 5, 5, 5] : [5, 0, 0, 5] : ((_sortedSeriesData$cha9 = (_sortedSeriesData10 = sortedSeriesData) === null || _sortedSeriesData10 === void 0 || (_sortedSeriesData10 = _sortedSeriesData10.chartData) === null || _sortedSeriesData10 === void 0 || (_sortedSeriesData10 = _sortedSeriesData10[key]) === null || _sortedSeriesData10 === void 0 ? void 0 : _sortedSeriesData10["x".concat(index)]) !== null && _sortedSeriesData$cha9 !== void 0 ? _sortedSeriesData$cha9 : 0) === 0 ? [5, 5, 5, 5] : [0, 5, 5, 0]
+              index === 0 ? ((_sortedSeriesData$cha8 = (_sortedSeriesData9 = sortedSeriesData) === null || _sortedSeriesData9 === void 0 || (_sortedSeriesData9 = _sortedSeriesData9.chartData) === null || _sortedSeriesData9 === void 0 || (_sortedSeriesData9 = _sortedSeriesData9[key]) === null || _sortedSeriesData9 === void 0 ? void 0 : _sortedSeriesData9["x".concat(index + 2)]) !== null && _sortedSeriesData$cha8 !== void 0 ? _sortedSeriesData$cha8 : 0) === 0 ? [5, 5, 5, 5] : [5, 0, 0, 5] : ((_sortedSeriesData$cha9 = (_sortedSeriesData0 = sortedSeriesData) === null || _sortedSeriesData0 === void 0 || (_sortedSeriesData0 = _sortedSeriesData0.chartData) === null || _sortedSeriesData0 === void 0 || (_sortedSeriesData0 = _sortedSeriesData0[key]) === null || _sortedSeriesData0 === void 0 ? void 0 : _sortedSeriesData0["x".concat(index)]) !== null && _sortedSeriesData$cha9 !== void 0 ? _sortedSeriesData$cha9 : 0) === 0 ? [5, 5, 5, 5] : [0, 5, 5, 0]
             },
             tooltip: _objectSpread2({}, (_seriesOption$subInde3 = (_seriesOption$subInde4 = seriesOption[subIndex]) === null || _seriesOption$subInde4 === void 0 ? void 0 : _seriesOption$subInde4.tooltip) !== null && _seriesOption$subInde3 !== void 0 ? _seriesOption$subInde3 : {})
           };
@@ -13759,11 +13912,11 @@ var BaseHorizontalBarChart = function BaseHorizontalBarChart(props) {
             tooltip: _objectSpread2({}, (_seriesOption$subInde5 = (_seriesOption$subInde6 = seriesOption[subIndex]) === null || _seriesOption$subInde6 === void 0 ? void 0 : _seriesOption$subInde6.tooltip) !== null && _seriesOption$subInde5 !== void 0 ? _seriesOption$subInde5 : {})
           };
         }))) : Object.keys((_seriesData$chartData7 = seriesData === null || seriesData === void 0 ? void 0 : seriesData.chartData) !== null && _seriesData$chartData7 !== void 0 ? _seriesData$chartData7 : {}).map(function (key, subIndex) {
-          var _seriesData$chartData8, _seriesData$chartData9, _seriesData$chartData10, _seriesData$chartData11, _ref8, _objectData$color10, _objectData$barColor$7, _objectData$barColor7, _objectData$color11, _objectData$barColor$8, _objectData$barColor8, _objectData$color12, _seriesOption$subInde7, _seriesOption$subInde8;
+          var _seriesData$chartData8, _seriesData$chartData9, _seriesData$chartData0, _seriesData$chartData1, _ref8, _objectData$color0, _objectData$barColor$7, _objectData$barColor7, _objectData$color1, _objectData$barColor$8, _objectData$barColor8, _objectData$color10, _seriesOption$subInde7, _seriesOption$subInde8;
           return {
-            value: minBarHeight ? calcHeight((_seriesData$chartData8 = seriesData === null || seriesData === void 0 || (_seriesData$chartData9 = seriesData.chartData) === null || _seriesData$chartData9 === void 0 || (_seriesData$chartData9 = _seriesData$chartData9[key]) === null || _seriesData$chartData9 === void 0 ? void 0 : _seriesData$chartData9["x".concat(index + 1)]) !== null && _seriesData$chartData8 !== void 0 ? _seriesData$chartData8 : 0) : (_seriesData$chartData10 = seriesData === null || seriesData === void 0 || (_seriesData$chartData11 = seriesData.chartData) === null || _seriesData$chartData11 === void 0 || (_seriesData$chartData11 = _seriesData$chartData11[key]) === null || _seriesData$chartData11 === void 0 ? void 0 : _seriesData$chartData11["x".concat(index + 1)]) !== null && _seriesData$chartData10 !== void 0 ? _seriesData$chartData10 : 0,
+            value: minBarHeight ? calcHeight((_seriesData$chartData8 = seriesData === null || seriesData === void 0 || (_seriesData$chartData9 = seriesData.chartData) === null || _seriesData$chartData9 === void 0 || (_seriesData$chartData9 = _seriesData$chartData9[key]) === null || _seriesData$chartData9 === void 0 ? void 0 : _seriesData$chartData9["x".concat(index + 1)]) !== null && _seriesData$chartData8 !== void 0 ? _seriesData$chartData8 : 0) : (_seriesData$chartData0 = seriesData === null || seriesData === void 0 || (_seriesData$chartData1 = seriesData.chartData) === null || _seriesData$chartData1 === void 0 || (_seriesData$chartData1 = _seriesData$chartData1[key]) === null || _seriesData$chartData1 === void 0 ? void 0 : _seriesData$chartData1["x".concat(index + 1)]) !== null && _seriesData$chartData0 !== void 0 ? _seriesData$chartData0 : 0,
             itemStyle: {
-              color: typeof ((_ref8 = (_objectData$color10 = objectData === null || objectData === void 0 ? void 0 : objectData.color) !== null && _objectData$color10 !== void 0 ? _objectData$color10 : '') !== null && _ref8 !== void 0 ? _ref8 : {}) !== 'string' ? _construct(echarts.graphic.LinearGradient, _toConsumableArray(((_objectData$barColor$7 = objectData === null || objectData === void 0 || (_objectData$barColor7 = objectData.barColor) === null || _objectData$barColor7 === void 0 ? void 0 : _objectData$barColor7[subIndex]) !== null && _objectData$barColor$7 !== void 0 ? _objectData$barColor$7 : '') || ((_objectData$color11 = objectData === null || objectData === void 0 ? void 0 : objectData.color) !== null && _objectData$color11 !== void 0 ? _objectData$color11 : ''))) : ((_objectData$barColor$8 = objectData === null || objectData === void 0 || (_objectData$barColor8 = objectData.barColor) === null || _objectData$barColor8 === void 0 ? void 0 : _objectData$barColor8[subIndex]) !== null && _objectData$barColor$8 !== void 0 ? _objectData$barColor$8 : '') || ((_objectData$color12 = objectData === null || objectData === void 0 ? void 0 : objectData.color) !== null && _objectData$color12 !== void 0 ? _objectData$color12 : '')
+              color: typeof ((_ref8 = (_objectData$color0 = objectData === null || objectData === void 0 ? void 0 : objectData.color) !== null && _objectData$color0 !== void 0 ? _objectData$color0 : '') !== null && _ref8 !== void 0 ? _ref8 : {}) !== 'string' ? _construct(echarts.graphic.LinearGradient, _toConsumableArray(((_objectData$barColor$7 = objectData === null || objectData === void 0 || (_objectData$barColor7 = objectData.barColor) === null || _objectData$barColor7 === void 0 ? void 0 : _objectData$barColor7[subIndex]) !== null && _objectData$barColor$7 !== void 0 ? _objectData$barColor$7 : '') || ((_objectData$color1 = objectData === null || objectData === void 0 ? void 0 : objectData.color) !== null && _objectData$color1 !== void 0 ? _objectData$color1 : ''))) : ((_objectData$barColor$8 = objectData === null || objectData === void 0 || (_objectData$barColor8 = objectData.barColor) === null || _objectData$barColor8 === void 0 ? void 0 : _objectData$barColor8[subIndex]) !== null && _objectData$barColor$8 !== void 0 ? _objectData$barColor$8 : '') || ((_objectData$color10 = objectData === null || objectData === void 0 ? void 0 : objectData.color) !== null && _objectData$color10 !== void 0 ? _objectData$color10 : '')
             },
             tooltip: _objectSpread2({}, (_seriesOption$subInde7 = (_seriesOption$subInde8 = seriesOption[subIndex]) === null || _seriesOption$subInde8 === void 0 ? void 0 : _seriesOption$subInde8.tooltip) !== null && _seriesOption$subInde7 !== void 0 ? _seriesOption$subInde7 : {})
           };
@@ -13787,7 +13940,7 @@ var BaseHorizontalBarChart = function BaseHorizontalBarChart(props) {
       legend: _objectSpread2({}, legend),
       tooltip: _objectSpread2({}, tooltip),
       yAxis: {
-        data: Object.keys((_seriesData$chartData12 = seriesData === null || seriesData === void 0 ? void 0 : seriesData.chartData) !== null && _seriesData$chartData12 !== void 0 ? _seriesData$chartData12 : {}),
+        data: Object.keys((_seriesData$chartData10 = seriesData === null || seriesData === void 0 ? void 0 : seriesData.chartData) !== null && _seriesData$chartData10 !== void 0 ? _seriesData$chartData10 : {}),
         type: 'category',
         axisLabel: {
           show: yAxisLabelShow
@@ -13979,7 +14132,7 @@ var NestedPieChart = function NestedPieChart(props) {
   };
   var generateSeries = function generateSeries() {
     return pieSeries.map(function (objectData) {
-      var _objectData$complete, _objectData$seriesDat, _objectData$seriesDat2, _objectData$seriesDat9, _objectData$seriesDat10;
+      var _objectData$complete, _objectData$seriesDat, _objectData$seriesDat2, _objectData$seriesDat9, _objectData$seriesDat0;
       var completionValue = objectData === null || objectData === void 0 ? void 0 : objectData.complete;
       var semiDoughnutValue = 0;
       return _objectSpread2(_objectSpread2(_objectSpread2({}, seriesOptionObject), objectData), {}, {
@@ -14014,12 +14167,12 @@ var NestedPieChart = function NestedPieChart(props) {
           tooltip: {
             show: false
           }
-        } : {}]) : [].concat(_toConsumableArray(Object.keys((_objectData$seriesDat9 = objectData === null || objectData === void 0 || (_objectData$seriesDat10 = objectData.seriesData) === null || _objectData$seriesDat10 === void 0 ? void 0 : _objectData$seriesDat10.chartData) !== null && _objectData$seriesDat9 !== void 0 ? _objectData$seriesDat9 : {}).map(function (key, subIndex) {
-          var _objectData$seriesDat11, _objectData$seriesDat12, _objectData$seriesDat13, _objectData$seriesDat14, _objectData$seriesOpt5, _objectData$seriesOpt6, _objectData$seriesOpt7, _objectData$seriesOpt8;
-          semiDoughnutValue += (_objectData$seriesDat11 = objectData === null || objectData === void 0 || (_objectData$seriesDat12 = objectData.seriesData) === null || _objectData$seriesDat12 === void 0 || (_objectData$seriesDat12 = _objectData$seriesDat12.chartData) === null || _objectData$seriesDat12 === void 0 ? void 0 : _objectData$seriesDat12[key]) !== null && _objectData$seriesDat11 !== void 0 ? _objectData$seriesDat11 : 0;
+        } : {}]) : [].concat(_toConsumableArray(Object.keys((_objectData$seriesDat9 = objectData === null || objectData === void 0 || (_objectData$seriesDat0 = objectData.seriesData) === null || _objectData$seriesDat0 === void 0 ? void 0 : _objectData$seriesDat0.chartData) !== null && _objectData$seriesDat9 !== void 0 ? _objectData$seriesDat9 : {}).map(function (key, subIndex) {
+          var _objectData$seriesDat1, _objectData$seriesDat10, _objectData$seriesDat11, _objectData$seriesDat12, _objectData$seriesOpt5, _objectData$seriesOpt6, _objectData$seriesOpt7, _objectData$seriesOpt8;
+          semiDoughnutValue += (_objectData$seriesDat1 = objectData === null || objectData === void 0 || (_objectData$seriesDat10 = objectData.seriesData) === null || _objectData$seriesDat10 === void 0 || (_objectData$seriesDat10 = _objectData$seriesDat10.chartData) === null || _objectData$seriesDat10 === void 0 ? void 0 : _objectData$seriesDat10[key]) !== null && _objectData$seriesDat1 !== void 0 ? _objectData$seriesDat1 : 0;
           return {
-            value: objectData === null || objectData === void 0 || (_objectData$seriesDat13 = objectData.seriesData) === null || _objectData$seriesDat13 === void 0 || (_objectData$seriesDat13 = _objectData$seriesDat13.chartData) === null || _objectData$seriesDat13 === void 0 ? void 0 : _objectData$seriesDat13[key],
-            name: objectData === null || objectData === void 0 || (_objectData$seriesDat14 = objectData.seriesData) === null || _objectData$seriesDat14 === void 0 || (_objectData$seriesDat14 = _objectData$seriesDat14.metaData) === null || _objectData$seriesDat14 === void 0 || (_objectData$seriesDat14 = _objectData$seriesDat14.keyData) === null || _objectData$seriesDat14 === void 0 ? void 0 : _objectData$seriesDat14[key],
+            value: objectData === null || objectData === void 0 || (_objectData$seriesDat11 = objectData.seriesData) === null || _objectData$seriesDat11 === void 0 || (_objectData$seriesDat11 = _objectData$seriesDat11.chartData) === null || _objectData$seriesDat11 === void 0 ? void 0 : _objectData$seriesDat11[key],
+            name: objectData === null || objectData === void 0 || (_objectData$seriesDat12 = objectData.seriesData) === null || _objectData$seriesDat12 === void 0 || (_objectData$seriesDat12 = _objectData$seriesDat12.metaData) === null || _objectData$seriesDat12 === void 0 || (_objectData$seriesDat12 = _objectData$seriesDat12.keyData) === null || _objectData$seriesDat12 === void 0 ? void 0 : _objectData$seriesDat12[key],
             itemStyle: _objectSpread2({}, objectData === null || objectData === void 0 || (_objectData$seriesOpt5 = objectData.seriesOption) === null || _objectData$seriesOpt5 === void 0 || (_objectData$seriesOpt5 = _objectData$seriesOpt5[subIndex]) === null || _objectData$seriesOpt5 === void 0 ? void 0 : _objectData$seriesOpt5.itemStyle),
             label: _objectSpread2({}, objectData === null || objectData === void 0 || (_objectData$seriesOpt6 = objectData.seriesOption) === null || _objectData$seriesOpt6 === void 0 || (_objectData$seriesOpt6 = _objectData$seriesOpt6[subIndex]) === null || _objectData$seriesOpt6 === void 0 ? void 0 : _objectData$seriesOpt6.label),
             tooltip: _objectSpread2({}, objectData === null || objectData === void 0 || (_objectData$seriesOpt7 = objectData.seriesOption) === null || _objectData$seriesOpt7 === void 0 || (_objectData$seriesOpt7 = _objectData$seriesOpt7[subIndex]) === null || _objectData$seriesOpt7 === void 0 ? void 0 : _objectData$seriesOpt7.tooltip),
@@ -14678,7 +14831,7 @@ var determineGradient = function determineGradient(seriesData, objectData, index
   return '';
 };
 var BaseVerticalBarChart$1 = function BaseVerticalBarChart(props) {
-  var _Object$keys, _seriesData$chartData2, _seriesData$metaData$, _seriesData$metaData, _seriesData$chartData4, _seriesData$chartData14;
+  var _Object$keys, _seriesData$chartData2, _seriesData$metaData$, _seriesData$metaData, _seriesData$chartData4, _seriesData$chartData12;
   var title = props.title,
     gridContainLabel = props.gridContainLabel,
     gridOptions = props.gridOptions,
@@ -14788,25 +14941,25 @@ var BaseVerticalBarChart$1 = function BaseVerticalBarChart(props) {
         label: _objectSpread2(_objectSpread2({}, (_seriesOptionObject$l = seriesOptionObject === null || seriesOptionObject === void 0 ? void 0 : seriesOptionObject.label) !== null && _seriesOptionObject$l !== void 0 ? _seriesOptionObject$l : {}), (_objectData$label = objectData === null || objectData === void 0 ? void 0 : objectData.label) !== null && _objectData$label !== void 0 ? _objectData$label : {}),
         name: seriesName(index),
         data: Object.keys((_seriesData$chartData9 = seriesData === null || seriesData === void 0 ? void 0 : seriesData.chartData) !== null && _seriesData$chartData9 !== void 0 ? _seriesData$chartData9 : {}).map(function (key, subIndex) {
-          var _seriesData$chartData12, _seriesData$chartData13, _objectData$color4, _seriesOption$subInde, _seriesOption$subInde2;
+          var _seriesData$chartData10, _seriesData$chartData11, _objectData$color4, _seriesOption$subInde, _seriesOption$subInde2;
           var check = true;
           if (stackCount <= 1) {
             check = seriesOption.some(function (obj, checkIndex) {
-              var _seriesData$chartData10;
-              return seriesData === null || seriesData === void 0 || (_seriesData$chartData10 = seriesData.chartData) === null || _seriesData$chartData10 === void 0 || (_seriesData$chartData10 = _seriesData$chartData10[key]) === null || _seriesData$chartData10 === void 0 ? void 0 : _seriesData$chartData10["x".concat(checkIndex + 1)];
+              var _seriesData$chartData0;
+              return seriesData === null || seriesData === void 0 || (_seriesData$chartData0 = seriesData.chartData) === null || _seriesData$chartData0 === void 0 || (_seriesData$chartData0 = _seriesData$chartData0[key]) === null || _seriesData$chartData0 === void 0 ? void 0 : _seriesData$chartData0["x".concat(checkIndex + 1)];
             });
           } else {
             var stackCal = seriesOption[index].stack;
             check = seriesOption.some(function (series, checkNewIndex) {
               if (series.stack === stackCal) {
-                var _seriesData$chartData11;
-                return seriesData === null || seriesData === void 0 || (_seriesData$chartData11 = seriesData.chartData) === null || _seriesData$chartData11 === void 0 || (_seriesData$chartData11 = _seriesData$chartData11[key]) === null || _seriesData$chartData11 === void 0 ? void 0 : _seriesData$chartData11["x".concat(checkNewIndex + 1)];
+                var _seriesData$chartData1;
+                return seriesData === null || seriesData === void 0 || (_seriesData$chartData1 = seriesData.chartData) === null || _seriesData$chartData1 === void 0 || (_seriesData$chartData1 = _seriesData$chartData1[key]) === null || _seriesData$chartData1 === void 0 ? void 0 : _seriesData$chartData1["x".concat(checkNewIndex + 1)];
               }
               return false;
             });
           }
           return _objectSpread2(_objectSpread2({
-            value: check ? (_seriesData$chartData12 = seriesData === null || seriesData === void 0 || (_seriesData$chartData13 = seriesData.chartData) === null || _seriesData$chartData13 === void 0 || (_seriesData$chartData13 = _seriesData$chartData13[key]) === null || _seriesData$chartData13 === void 0 ? void 0 : _seriesData$chartData13["x".concat(index + 1)]) !== null && _seriesData$chartData12 !== void 0 ? _seriesData$chartData12 : '' : minHeight
+            value: check ? (_seriesData$chartData10 = seriesData === null || seriesData === void 0 || (_seriesData$chartData11 = seriesData.chartData) === null || _seriesData$chartData11 === void 0 || (_seriesData$chartData11 = _seriesData$chartData11[key]) === null || _seriesData$chartData11 === void 0 ? void 0 : _seriesData$chartData11["x".concat(index + 1)]) !== null && _seriesData$chartData10 !== void 0 ? _seriesData$chartData10 : '' : minHeight
           }, ((_objectData$color4 = objectData === null || objectData === void 0 ? void 0 : objectData.color) !== null && _objectData$color4 !== void 0 ? _objectData$color4 : '') && {
             itemStyle: {
               color: determineGradient(seriesData, objectData, index, subIndex, key)
@@ -14835,7 +14988,7 @@ var BaseVerticalBarChart$1 = function BaseVerticalBarChart(props) {
         containLabel: gridContainLabel
       }, gridOptions),
       xAxis: _objectSpread2({
-        data: Object.keys((_seriesData$chartData14 = seriesData === null || seriesData === void 0 ? void 0 : seriesData.chartData) !== null && _seriesData$chartData14 !== void 0 ? _seriesData$chartData14 : {}),
+        data: Object.keys((_seriesData$chartData12 = seriesData === null || seriesData === void 0 ? void 0 : seriesData.chartData) !== null && _seriesData$chartData12 !== void 0 ? _seriesData$chartData12 : {}),
         show: xAxisShow,
         type: 'category',
         axisTick: _objectSpread2({
@@ -16799,23 +16952,23 @@ var DatePicker = function DatePicker(props) {
   var _useState9 = useState(function () {
       return '';
     }),
-    _useState10 = _slicedToArray(_useState9, 2),
-    selectedDate = _useState10[0],
-    setSelectedDate = _useState10[1];
-  var _useState11 = useState(),
-    _useState12 = _slicedToArray(_useState11, 2),
-    selectedMonth = _useState12[0],
-    setSelectedMonth = _useState12[1];
-  var _useState13 = useState(function () {
+    _useState0 = _slicedToArray(_useState9, 2),
+    selectedDate = _useState0[0],
+    setSelectedDate = _useState0[1];
+  var _useState1 = useState(),
+    _useState10 = _slicedToArray(_useState1, 2),
+    selectedMonth = _useState10[0],
+    setSelectedMonth = _useState10[1];
+  var _useState11 = useState(function () {
       return '';
     }),
+    _useState12 = _slicedToArray(_useState11, 2),
+    error = _useState12[0],
+    setError = _useState12[1];
+  var _useState13 = useState({}),
     _useState14 = _slicedToArray(_useState13, 2),
-    error = _useState14[0],
-    setError = _useState14[1];
-  var _useState15 = useState({}),
-    _useState16 = _slicedToArray(_useState15, 2),
-    timeRangeSelection = _useState16[0],
-    setTimeRangeSelection = _useState16[1];
+    timeRangeSelection = _useState14[0],
+    setTimeRangeSelection = _useState14[1];
   var datePickerRef = useRef();
   var displayValue = getDatePickerDisplayValue({
     value: value,
@@ -16854,7 +17007,7 @@ var DatePicker = function DatePicker(props) {
       onApply === null || onApply === void 0 || onApply(rangeSelected.unix, fixedRange, getDateRangeTag(rangeSelected.unix));
       setOpenDatePicker(false);
     } else {
-      var _timeRangeSelection$n7, _timeRangeSelection$n8, _timeRangeSelection$n9, _timeRangeSelection$n10, _timeRangeSelection$n11;
+      var _timeRangeSelection$n7, _timeRangeSelection$n8, _timeRangeSelection$n9, _timeRangeSelection$n0, _timeRangeSelection$n1;
       if (valueAsRange) {
         var _timeRangeSelection$p, _timeRangeSelection$p2, _timeRangeSelection$p3, _timeRangeSelection$p4, _timeRangeSelection$p5, _timeRangeSelection$p6, _timeRangeSelection$n, _timeRangeSelection$n2, _timeRangeSelection$n3, _timeRangeSelection$n4, _timeRangeSelection$n5, _timeRangeSelection$n6;
         var fromUnix = getUnixTime(new Date(selectedDate.year, selectedMonth === null || selectedMonth === void 0 ? void 0 : selectedMonth.monthAsNumber, selectedDate.date, ((_timeRangeSelection$p = timeRangeSelection.previous) === null || _timeRangeSelection$p === void 0 ? void 0 : _timeRangeSelection$p.MER) === 'PM' && ((_timeRangeSelection$p2 = timeRangeSelection.previous) === null || _timeRangeSelection$p2 === void 0 ? void 0 : _timeRangeSelection$p2.HOURS) < 12 ? ((_timeRangeSelection$p3 = timeRangeSelection.previous) === null || _timeRangeSelection$p3 === void 0 ? void 0 : _timeRangeSelection$p3.HOURS) + 12 : calculateZeroHours((_timeRangeSelection$p4 = timeRangeSelection.previous) === null || _timeRangeSelection$p4 === void 0 ? void 0 : _timeRangeSelection$p4.HOURS, (_timeRangeSelection$p5 = timeRangeSelection.previous) === null || _timeRangeSelection$p5 === void 0 ? void 0 : _timeRangeSelection$p5.MER), (_timeRangeSelection$p6 = timeRangeSelection.previous) === null || _timeRangeSelection$p6 === void 0 ? void 0 : _timeRangeSelection$p6.MINS));
@@ -16863,7 +17016,7 @@ var DatePicker = function DatePicker(props) {
         setOpenDatePicker(false);
         return;
       }
-      var singleDateUnix = getUnixTime(new Date(selectedDate.year, selectedMonth === null || selectedMonth === void 0 ? void 0 : selectedMonth.monthAsNumber, selectedDate.date, ((_timeRangeSelection$n7 = timeRangeSelection.next) === null || _timeRangeSelection$n7 === void 0 ? void 0 : _timeRangeSelection$n7.MER) === 'PM' && ((_timeRangeSelection$n8 = timeRangeSelection.next) === null || _timeRangeSelection$n8 === void 0 ? void 0 : _timeRangeSelection$n8.HOURS) < 12 ? ((_timeRangeSelection$n9 = timeRangeSelection.next) === null || _timeRangeSelection$n9 === void 0 ? void 0 : _timeRangeSelection$n9.HOURS) + 12 : (_timeRangeSelection$n10 = timeRangeSelection.next) === null || _timeRangeSelection$n10 === void 0 ? void 0 : _timeRangeSelection$n10.HOURS, (_timeRangeSelection$n11 = timeRangeSelection.next) === null || _timeRangeSelection$n11 === void 0 ? void 0 : _timeRangeSelection$n11.MINS));
+      var singleDateUnix = getUnixTime(new Date(selectedDate.year, selectedMonth === null || selectedMonth === void 0 ? void 0 : selectedMonth.monthAsNumber, selectedDate.date, ((_timeRangeSelection$n7 = timeRangeSelection.next) === null || _timeRangeSelection$n7 === void 0 ? void 0 : _timeRangeSelection$n7.MER) === 'PM' && ((_timeRangeSelection$n8 = timeRangeSelection.next) === null || _timeRangeSelection$n8 === void 0 ? void 0 : _timeRangeSelection$n8.HOURS) < 12 ? ((_timeRangeSelection$n9 = timeRangeSelection.next) === null || _timeRangeSelection$n9 === void 0 ? void 0 : _timeRangeSelection$n9.HOURS) + 12 : (_timeRangeSelection$n0 = timeRangeSelection.next) === null || _timeRangeSelection$n0 === void 0 ? void 0 : _timeRangeSelection$n0.HOURS, (_timeRangeSelection$n1 = timeRangeSelection.next) === null || _timeRangeSelection$n1 === void 0 ? void 0 : _timeRangeSelection$n1.MINS));
       onApply === null || onApply === void 0 || onApply(singleDateUnix);
       setOpenDatePicker(false);
     }
@@ -17255,7 +17408,7 @@ var HierarchyBrowser = function HierarchyBrowser(props) {
       onItemDoubleClick(item, pathString, open);
     };
   };
-  var renderTree = function renderTree(data) {
+  var _renderTree = function renderTree(data) {
     var _data$list$map, _data$list, _data$list$map2;
     var pathString = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
     if (data == null) {
@@ -17271,7 +17424,7 @@ var HierarchyBrowser = function HierarchyBrowser(props) {
       onDoubleClick: handleItemDoubleClick(data, pathString)
     }, setItemProps(data, pathString)), {}, {
       children: hasChildren && ((_data$list$map = (_data$list = data.list) === null || _data$list === void 0 || (_data$list$map2 = _data$list.map) === null || _data$list$map2 === void 0 ? void 0 : _data$list$map2.call(_data$list, function (item, idx) {
-        return renderTree(item, "".concat(pathString).concat(pathString.length > 0 ? '.' : '', "list[").concat(idx, "]"));
+        return _renderTree(item, "".concat(pathString).concat(pathString.length > 0 ? '.' : '', "list[").concat(idx, "]"));
       })) !== null && _data$list$map !== void 0 ? _data$list$map : [])
     }));
   };
@@ -17285,7 +17438,7 @@ var HierarchyBrowser = function HierarchyBrowser(props) {
     }), /*#__PURE__*/jsx("div", {
       className: modules_5e29d515.body,
       "data-elem": "body",
-      children: renderTree(metadata)
+      children: _renderTree(metadata)
     })]
   });
 };
@@ -17583,9 +17736,9 @@ var Dropdown$1 = /*#__PURE__*/forwardRef(function Dropdown(props, inputRef) {
     })));
   });
   var _useState9 = useState(false),
-    _useState10 = _slicedToArray(_useState9, 2),
-    pointer = _useState10[0],
-    setPointer = _useState10[1];
+    _useState0 = _slicedToArray(_useState9, 2),
+    pointer = _useState0[0],
+    setPointer = _useState0[1];
   if (!open && pointer) {
     setPointer(false);
   }
@@ -18150,9 +18303,9 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, inputRef) {
     uncontrolledValue = _useState8[0],
     setUncontrolledValue = _useState8[1];
   var _useState9 = useState(null),
-    _useState10 = _slicedToArray(_useState9, 2),
-    appliedMultiUncontrolledValue = _useState10[0],
-    setAppliedMultiUncontrolledValue = _useState10[1];
+    _useState0 = _slicedToArray(_useState9, 2),
+    appliedMultiUncontrolledValue = _useState0[0],
+    setAppliedMultiUncontrolledValue = _useState0[1];
   var _useFloating = useFloating({
       open: open,
       onOpenChange: setOpen,
@@ -18307,10 +18460,10 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, inputRef) {
       }
     })));
   });
-  var _useState11 = useState(false),
-    _useState12 = _slicedToArray(_useState11, 2),
-    pointer = _useState12[0],
-    setPointer = _useState12[1];
+  var _useState1 = useState(false),
+    _useState10 = _slicedToArray(_useState1, 2),
+    pointer = _useState10[0],
+    setPointer = _useState10[1];
   if (!open && pointer) {
     setPointer(false);
   }
@@ -23581,7 +23734,7 @@ var PageLabelDisplay = function PageLabelDisplay(_ref2) {
     children: /*#__PURE__*/jsx(Text, {
       children: customLabel !== null && customLabel !== void 0 ? customLabel : ''
     })
-  }) : (totalData || totalPages) && (isDisplayLabelVisible || fallback) && /*#__PURE__*/jsxs(Text, {
+  }) : (totalData > 0 || totalPages > 0) && (isDisplayLabelVisible || fallback) && /*#__PURE__*/jsxs(Text, {
     variant: "b1",
     stroke: "medium",
     className: modules_4c812c2d['total-data'],
@@ -23590,7 +23743,7 @@ var PageLabelDisplay = function PageLabelDisplay(_ref2) {
     },
     children: [/*#__PURE__*/jsx(Text, {
       children: "Displaying"
-    }), " ", ((currentPage === 0 ? 1 : currentPage) - 1) * step + 1, "-", currentPage === totalPages && totalData ? totalData : (currentPage === 0 ? 1 : currentPage) * step, ' ', "of ", totalData !== null && totalData !== void 0 ? totalData : 'total', " ", /*#__PURE__*/jsx(Text, {
+    }), " ", ((currentPage === 0 ? 1 : currentPage) - 1) * step + 1, "-", currentPage === totalPages ? totalData : (currentPage === 0 ? 1 : currentPage) * step, ' ', "of ", totalData !== null && totalData !== void 0 ? totalData : 'total', " ", /*#__PURE__*/jsx(Text, {
       children: dataLabel !== null && dataLabel !== void 0 ? dataLabel : 'records'
     })]
   });
@@ -24420,7 +24573,7 @@ var Table = function Table(props) {
         toggleTableDrawer: toggleTableDrawer,
         setToggleTableDrawer: setToggleTableDrawer,
         className: classes(modules_2e8406c7.drawer, hasSingleBody && modules_2e8406c7.standalone, drawerProps.className),
-        children: Body && /*#__PURE__*/isValidElement( /*#__PURE__*/jsx(Body, {
+        children: Body && /*#__PURE__*/isValidElement(/*#__PURE__*/jsx(Body, {
           datum: toggleTableDrawer.data
         })) && /*#__PURE__*/jsx(Body, {
           datum: toggleTableDrawer.data,
@@ -25159,7 +25312,7 @@ var BaseWidget$1 = /*#__PURE__*/forwardRef(function BaseWidget(props, ref) {
       className: classes(modules_d563b0a9.drawer, drawerClassName),
       "data-elem": "panel",
       animation: true,
-      children: /*#__PURE__*/isValidElement( /*#__PURE__*/jsx(Body, {})) && /*#__PURE__*/jsx(Body, {
+      children: /*#__PURE__*/isValidElement(/*#__PURE__*/jsx(Body, {})) && /*#__PURE__*/jsx(Body, {
         toggle: toggleDrawer
       })
     }), toggleTableDrawer.open && /*#__PURE__*/jsx("div", {
@@ -25173,7 +25326,7 @@ var BaseWidget$1 = /*#__PURE__*/forwardRef(function BaseWidget(props, ref) {
       children: [showFallback && !loading && emptyChartData && /*#__PURE__*/jsx(WidgetFallback, _objectSpread2(_objectSpread2({}, fallbackProps), {}, {
         onReload: onReload
       })), Children.map(children, function (child) {
-        if ( /*#__PURE__*/isValidElement(child)) {
+        if (/*#__PURE__*/isValidElement(child)) {
           return /*#__PURE__*/cloneElement(child, {
             fallback: !loading && emptyChartData,
             toggleDrawer: toggleDrawer
@@ -25412,7 +25565,7 @@ var BaseWidget = /*#__PURE__*/forwardRef(function BaseWidget(props, ref) {
         onReload: onReload,
         theme: theme
       })), Children.map(children, function (child) {
-        if ( /*#__PURE__*/isValidElement(child)) {
+        if (/*#__PURE__*/isValidElement(child)) {
           return /*#__PURE__*/cloneElement(child, {
             fallback: !loading && emptyChartData
           });
@@ -26408,5 +26561,5 @@ var BaseAreaChart = function BaseAreaChart(props) {
   });
 };
 
-export { Accordion, Alert$1 as Alert, AlertIcon, Alert as AlertV2, AngleDouble as AngleDoubleIcon, AreaChartIcon, Arrow as ArrowIcon, BarChartIcon, BaseAreaChart$1 as BaseAreaChart, BaseAreaChart as BaseAreaChartV2, BaseButton, BaseCell, BaseHorizontalBarChart, BaseModal, BasePieChart$1 as BasePieChart, BasePieChart as BasePieChartV2, BaseRegionChart, BaseSidePanel, BaseTable$1 as BaseTable, BaseTable as BaseTableV2, BaseVerticalBarChart$1 as BaseVerticalBarChart, BaseVerticalBarChart as BaseVerticalBarChartV2, BaseWidget, BreadCrumbs$1 as BreadCrumbs, BreadCrumbs as BreadCrumbsv2, BreadcrumbSeparator as BreadcrumbSeperatorIcon, Button, COLORS, Calender$1 as CalenderIcon, Callout, CapsuleChart, CapsuleChartIcon, Caret as CaretIcon, Checkbox, CheckboxIcon, Chevron as ChevronIcon, Chip, Clock as ClockIcon, Close as CloseIcon, CodeSnippet, ColumnFilter, Columns as ColumnsIcon, Copy as CopyIcon, Cross as CrossIcon, CustomPaginationList$1 as CustomPaginationList, DatePicker, Delete as DeleteIcon, DialogBox, DisplayPicture, Download as DownloadIcon, Dropdown$1 as Dropdown, DropdownIcon, DropdownItem$1 as DropdownItem, DropdownItem as DropdownItemv2, Dropdown as Dropdownv2, Edit as EditIcon, Email as EmailIcon, ExpandArrowAlt as ExpandArrowAltIcon, Filter as FilterIcon, FlowChart as FlowChartIcon, FullScreen as FullScreenIcon, HalfShade as HalfShadeIcon, HeatMapChart, HidePassword as HidePasswordIcon, HierarchyBrowser, HierarchyItem, Home as HomeIcon, Info as InfoIcon, LineChartIcon, Link, MagnifyingGlass as MagnifyingGlassIcon, MarkerIcon, Maximize as MaximizeIcon, NestedPieChart, FilterIcon as NewFilterIcon, Nut as NutIcon, PageHeader, Pagination$1 as Pagination, PaginationList$1 as PaginationList, Password as PasswordIcon, PieChartIcon, Plus as PlusIcon, Popover, Popper, Radio, RadioIcon, Refresh as RefreshIcon, Reset as ResetIcon, RichEditor as RichTextEditor, SearchIcon, Server as ServerIcon, Settings as SettingsIcon, Skeleton, Slider, Sort as SortIcon, StackedPieChart, StackedPieChartIcon, Step, Stepper, Switch, Table$1 as Table, TableCell$1 as TableCell, TableCell as TableCellV2, TableColumn, TableColumnV2, TableFilters$1 as TableFilters, Table as TableV2, Tabs, Text, TextField, TextField$1 as TextFieldv2, Tick as TickIcon, Toggle, Tooltip, Trash as TrashIcon, UnlockPassword as UnlockPasswordIcon, View as ViewIcon, ViewPasswordIcon, areTwinObjects, classes, cloneDeep, defaultProps, doubleDigitted, epochToFormattedDate, generateColors, get, getCSSVariableValue, getCurrentSearchParams, getCustomPagination$1 as getCustomPagination, getDateFromEpoch, getDatesInAMonth, getDatesInStringFormat, getDayInfo, getDuplicatesSansArray, getInitialsOfName, getJSDateFromEpoch, getPagination$1 as getPagination, getSpacedDisplayName, getTimeFromEpoch, inputHelper, isEmptyHtmlString, propTypes, safeJSONParse, sanitizeJSON, stringToPath, sumArrayOfObjects, uniqueArray, uniqueArrayOfObjects, useOutsideClickListener, usePagination, useResize };
+export { Accordion, Alert$1 as Alert, AlertIcon, Alert as AlertV2, AngleDouble as AngleDoubleIcon, AreaChartIcon, Arrow as ArrowIcon, BarChartIcon, BaseAreaChart$1 as BaseAreaChart, BaseAreaChart as BaseAreaChartV2, BaseButton, BaseCell, BaseHorizontalBarChart, BaseModal, BasePieChart$1 as BasePieChart, BasePieChart as BasePieChartV2, BaseRegionChart, BaseSidePanel, BaseTable$1 as BaseTable, BaseTable as BaseTableV2, BaseVerticalBarChart$1 as BaseVerticalBarChart, BaseVerticalBarChart as BaseVerticalBarChartV2, BaseWidget, BreadCrumbs$1 as BreadCrumbs, BreadCrumbs as BreadCrumbsv2, BreadcrumbSeparator as BreadcrumbSeperatorIcon, Button, COLORS, Calender$1 as CalenderIcon, Callout, CapsuleChart, CapsuleChartIcon, Caret as CaretIcon, Checkbox, CheckboxIcon, Chevron as ChevronIcon, Chip, Clock as ClockIcon, Close as CloseIcon, CodeSnippet, ColumnFilter, Columns as ColumnsIcon, Copy as CopyIcon, Cross as CrossIcon, CustomPaginationList$1 as CustomPaginationList, DatePicker, Delete as DeleteIcon, DialogBox, DisplayPicture, Download as DownloadIcon, Dropdown$1 as Dropdown, DropdownIcon, DropdownItem$1 as DropdownItem, DropdownItem as DropdownItemv2, Dropdown as Dropdownv2, Edit as EditIcon, Email as EmailIcon, ExpandArrowAlt as ExpandArrowAltIcon, Filter as FilterIcon, FlowChart as FlowChartIcon, FullScreen as FullScreenIcon, HalfShade as HalfShadeIcon, HeatMapChart, HidePassword as HidePasswordIcon, HierarchyBrowser, HierarchyItem, Home as HomeIcon, Info as InfoIcon, LineChartIcon, Link, MagnifyingGlass as MagnifyingGlassIcon, MarkerIcon, Maximize as MaximizeIcon, NestedPieChart, FilterIcon as NewFilterIcon, Nut as NutIcon, PageHeader, Pagination$1 as Pagination, PaginationList$1 as PaginationList, Password as PasswordIcon, PieChartIcon, Plus as PlusIcon, Popover, Popper, Radio, RadioIcon, Refresh as RefreshIcon, Reset as ResetIcon, RichEditor as RichTextEditor, SearchIcon, Server as ServerIcon, Settings as SettingsIcon, Skeleton, Slider, Sort as SortIcon, StackedPieChart, StackedPieChartIcon, Step, Stepper, Switch, Table$1 as Table, TableCell$1 as TableCell, TableCell as TableCellV2, TableColumn, TableColumnV2, TableFilters$1 as TableFilters, Table as TableV2, Tabs, Text, TextField, TextField$1 as TextFieldv2, Tick as TickIcon, Toggle, Tooltip, Trash as TrashIcon, UnlockPassword as UnlockPasswordIcon, View as ViewIcon, ViewPasswordIcon, _areTwinObjects as areTwinObjects, classes, cloneDeep, defaultProps, doubleDigitted, epochToFormattedDate, generateColors, get, getCSSVariableValue, getCurrentSearchParams, getCustomPagination$1 as getCustomPagination, getDateFromEpoch, getDatesInAMonth, getDatesInStringFormat, getDayInfo, getDuplicatesSansArray, getInitialsOfName, getJSDateFromEpoch, getPagination$1 as getPagination, getSpacedDisplayName, getTimeFromEpoch, inputHelper, isEmptyHtmlString, propTypes, safeJSONParse, sanitizeJSON, stringToPath, sumArrayOfObjects, uniqueArray, uniqueArrayOfObjects, useOutsideClickListener, usePagination, useResize };
 //# sourceMappingURL=index.js.map