@copart/ops-tool-kit 1.12.3-alpha.3 → 1.12.4-alpha.0

package/dist/ops-tool-kit.js

@@ -47,7 +47,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 
 const name$r = "@copart/ops-tool-kit";
-const version$8 = "1.12.3-alpha.3";
+const version$8 = "1.12.4-alpha.0";
 const main$1 = "dist/ops-tool-kit.js";
 const style = "dist/ops-tool-kit.css";
 const files = [
@@ -68500,12 +68500,13 @@ var formatNumber = function formatNumber(number) {
   return sign * Math.abs(number) + unitlist[unit];
 };
 
-var css_248z$2 = ".utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer {\r\n  display: flex;\r\n  flex-direction: column;\r\n  position: absolute;\r\n  background: #3A4454;\r\n  min-width: 50px;\r\n  max-width: 50px;\r\n  height: 100%;\r\n  color: #ffffff;\r\n  font-size: 14px;\r\n  z-index: 101;\r\n  transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--withCounts {\r\n  min-width: 100px;\r\n  max-width: 100px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--showNavIconInHeader {\r\n  min-width: 0px;\r\n  max-width: 0px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover, .utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--navBarOpen {\r\n  max-width: 500px;\r\n  transition-delay: 0.25s;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\r\n  min-width: none;\r\n  transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton.utilities_ops-app-frame_NavigationBar_NavigationBar--showExpandIcons{\r\n  min-width: auto;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton, .utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--navBarOpen .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton{\r\n  min-width: auto;\r\n  transition-delay: 0.25s;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenu {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  -ms-overflow-style: none;\r\n  scrollbar-width: none;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenu::-webkit-scrollbar { \r\n  display: none;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem {\r\n  display: flex;\r\n  width: 100%;\r\n  padding: 6px 12px 6px 12px;\r\n  border-radius: 5px;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled {\r\n  cursor: default;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected {\r\n  color: #323130;\r\n  background-color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelectedStatus {\r\n  color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\r\n  margin-left: auto;\r\n  margin-right: 10px;\r\n  min-width: none;\r\n  transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--withCounts:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton, .utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--countsAvailable .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\r\n  min-width: 70px;\r\n  text-align: right;\r\n  transition-delay: 0.25s;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--countsAvailable:not(:hover) .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\r\n  min-width: auto;\r\n  text-align: auto;\r\n  transition-delay: 0.25s;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--navBarOpen .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\r\n  min-width: 70px !important;\r\n  text-align: right !important;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--expandedMenu {\r\n  background-color: #73A6FF;\r\n  transition: background-color 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i {\r\n  margin-left: auto;\r\n  font-size: 12px;\r\n  color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--selected .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\r\n  color: #323130;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemCount {\r\n  margin: 0 10px 0 auto;\r\n  transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon {\r\n  min-width: 20px;\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i {\r\n  font-size: 14px;\r\n  /* width: 20px; */\r\n  color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i {\r\n  color: #A19F9D;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i{\r\n  color: #323130;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelectedStatus .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i{\r\n  color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\r\n  color: #323130;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelectedStatus .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\r\n  color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i {\r\n  color: #A19F9D;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\r\n  font-size: 0px;\r\n  transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton.utilities_ops-app-frame_NavigationBar_NavigationBar--showExpandIcons i{\r\n  font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i, .utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--navBarOpen .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\r\n  font-size: 12px;\r\n  transition-delay: 0.25s;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\r\n  max-width: 0;\r\n  overflow: hidden;\r\n  white-space: nowrap;\r\n  margin-top: 2px;\r\n  font-weight: 100;\r\n  transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName, .utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--navBarOpen .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\r\n  max-width: 100%;\r\n  margin: 2px 10px 0 10px;\r\n  transition-delay: 0.25s;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\r\n  color: #A19F9D;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\r\n  max-width: 100%;\r\n  margin: 0 5px 0 0;\r\n  font-weight: 600;\r\n  margin-left: 0px;\r\n  cursor: auto;\r\n  cursor: initial;\r\n  transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName, .utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--navBarOpen .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\r\n  margin: 0;\r\n  transition-delay: 0.25s;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon {\r\n  margin-right: 0px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem {\r\n  padding-left: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName > span {\r\n  display: inline;\r\n  display: initial;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel2 {\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel3 {\r\n  display: flex;\r\n  position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel3 .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem {\r\n  padding: 6px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--statusColor {\r\n  position: absolute;\r\n  width: 10px;\r\n  height: 95%;\r\n  left: -13px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--level1NavItem {\r\n  width: 13px;\r\n  margin-left: 1px;\r\n  transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--level1NavItem, .utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--navBarOpen .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--level1NavItem {\r\n  width: 100%;\r\n  margin-left: 1px;\r\n  transition-delay: 0.25s;\r\n}";
+var css_248z$2 = ".utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer {\r\n  display: flex;\r\n  flex-direction: column;\r\n  position: absolute;\r\n  background: #3A4454;\r\n  min-width: 50px;\r\n  max-width: 50px;\r\n  height: 100%;\r\n  color: #ffffff;\r\n  font-size: 14px;\r\n  z-index: 101;\r\n  transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--level3Menu {\r\n  min-width: 70px;\r\n  max-width: 70px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--withCounts {\r\n  min-width: 100px;\r\n  max-width: 100px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--showNavIconInHeader {\r\n  min-width: 0px;\r\n  max-width: 0px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover, .utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--navBarOpen {\r\n  max-width: 500px;\r\n  transition-delay: 0.25s;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\r\n  min-width: none;\r\n  transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton.utilities_ops-app-frame_NavigationBar_NavigationBar--showExpandIcons{\r\n  min-width: auto;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton, .utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--navBarOpen .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton{\r\n  min-width: auto;\r\n  transition-delay: 0.25s;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenu {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  -ms-overflow-style: none;\r\n  scrollbar-width: none;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenu::-webkit-scrollbar { \r\n  display: none;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem {\r\n  display: flex;\r\n  width: 100%;\r\n  padding: 6px 12px 6px 12px;\r\n  border-radius: 5px;\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled {\r\n  cursor: default;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected {\r\n  color: #323130;\r\n  background-color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelectedStatus {\r\n  color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\r\n  margin-left: auto;\r\n  margin-right: 10px;\r\n  min-width: none;\r\n  transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--withCounts:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton, .utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--countsAvailable .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\r\n  min-width: 70px;\r\n  text-align: right;\r\n  transition-delay: 0.25s;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--countsAvailable:not(:hover) .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\r\n  min-width: auto;\r\n  text-align: auto;\r\n  transition-delay: 0.25s;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--navBarOpen .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\r\n  min-width: 70px !important;\r\n  text-align: right !important;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--expandedMenu {\r\n  background-color: #73A6FF;\r\n  transition: background-color 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i {\r\n  margin-left: auto;\r\n  font-size: 12px;\r\n  color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--selected .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\r\n  color: #323130;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemCount {\r\n  margin: 0 10px 0 auto;\r\n  transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon {\r\n  min-width: 20px;\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i {\r\n  font-size: 14px;\r\n  /* width: 20px; */\r\n  color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i {\r\n  color: #A19F9D;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i{\r\n  color: #323130;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelectedStatus .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon i{\r\n  color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelected .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\r\n  color: #323130;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemSelectedStatus .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\r\n  color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--level3Menu .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1NoHover .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\r\n  margin-right: 6px !important;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i {\r\n  color: #A19F9D;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\r\n  font-size: 0px;\r\n  transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton.utilities_ops-app-frame_NavigationBar_NavigationBar--showExpandIcons i, .utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--level3Menu .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\r\n  font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i, .utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--navBarOpen .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\r\n  font-size: 12px;\r\n  transition-delay: 0.25s;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\r\n  max-width: 0;\r\n  overflow: hidden;\r\n  white-space: nowrap;\r\n  margin-top: 2px;\r\n  font-weight: 100;\r\n  transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName, .utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--navBarOpen .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\r\n  max-width: 100%;\r\n  margin: 2px 10px 0 10px;\r\n  transition-delay: 0.25s;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--disabled .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\r\n  color: #A19F9D;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\r\n  max-width: 100%;\r\n  margin: 0 5px 0 0;\r\n  font-weight: 600;\r\n  margin-left: 0px;\r\n  cursor: auto;\r\n  cursor: initial;\r\n  transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--level3Menu .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\r\n  cursor: pointer;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName, .utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--navBarOpen .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName {\r\n  margin: 0;\r\n  transition-delay: 0.25s;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon {\r\n  margin-right: 0px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem {\r\n  padding-left: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName > span {\r\n  display: inline;\r\n  display: initial;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--level3Menu .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\r\n  margin-left: auto;\r\n  margin-right: 10px;\r\n  min-width: none;\r\n  transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--level3Menu.utilities_ops-app-frame_NavigationBar_NavigationBar--withCounts:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton, .utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--level3Menu.utilities_ops-app-frame_NavigationBar_NavigationBar--countsAvailable .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\r\n  min-width: 70px;\r\n  text-align: right;\r\n  transition-delay: 0.25s;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--level3Menu.utilities_ops-app-frame_NavigationBar_NavigationBar--countsAvailable:not(:hover) .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\r\n  min-width: auto;\r\n  text-align: auto;\r\n  transition-delay: 0.25s;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--level3Menu.utilities_ops-app-frame_NavigationBar_NavigationBar--navBarOpen .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton {\r\n  min-width: 70px !important;\r\n  text-align: right !important;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--level3Menu .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i {\r\n  margin-left: auto;\r\n  font-size: 12px;\r\n  color: #fff;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--level3Menu .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem.utilities_ops-app-frame_NavigationBar_NavigationBar--selected .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\r\n  color: #323130;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--level3Menu .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton.utilities_ops-app-frame_NavigationBar_NavigationBar--showExpandIcons i{\r\n  font-size: 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--level3Menu:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i, .utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--level3Menu.utilities_ops-app-frame_NavigationBar_NavigationBar--navBarOpen .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 > .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton i{\r\n  font-size: 12px;\r\n  transition-delay: 0.25s;\r\n}\r\n\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--level3Menu .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel2 .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon {\r\n  margin-right: 6px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel3 {\r\n  display: flex;\r\n  position: relative;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel3 .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem {\r\n  padding: 6px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--statusColor {\r\n  position: absolute;\r\n  width: 10px;\r\n  height: 95%;\r\n  left: -13px;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--level1NavItem {\r\n  width: 13px;\r\n  margin-left: 1px;\r\n  transition: all 0.5s ease-in-out;\r\n}\r\n\r\n.utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer:hover .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--level1NavItem, .utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer.utilities_ops-app-frame_NavigationBar_NavigationBar--navBarOpen .utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1 .utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem .utilities_ops-app-frame_NavigationBar_NavigationBar--level1NavItem {\r\n  width: 100%;\r\n  margin-left: 1px;\r\n  transition-delay: 0.25s;\r\n}";
 styleInject(css_248z$2);
 
 var _styleModuleImportMap$1 = {
   "./NavigationBar.css": {
     "NavBarContainer": "utilities_ops-app-frame_NavigationBar_NavigationBar--NavBarContainer",
+    "level3Menu": "utilities_ops-app-frame_NavigationBar_NavigationBar--level3Menu",
     "withCounts": "utilities_ops-app-frame_NavigationBar_NavigationBar--withCounts",
     "showNavIconInHeader": "utilities_ops-app-frame_NavigationBar_NavigationBar--showNavIconInHeader",
     "navBarOpen": "utilities_ops-app-frame_NavigationBar_NavigationBar--navBarOpen",
@@ -68521,6 +68522,7 @@ var _styleModuleImportMap$1 = {
     "selected": "utilities_ops-app-frame_NavigationBar_NavigationBar--selected",
     "NavItemCount": "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemCount",
     "NavItemIcon": "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon",
+    "NavMenuLevel1NoHover": "utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1NoHover",
     "NavItemName": "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName",
     "NavMenuLevel1": "utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1",
     "NavMenuLevel2": "utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel2",
@@ -68571,10 +68573,14 @@ var getDepth = function getDepth(navItems) {
 };
 var validateConfig = function validateConfig(navItems) {
   var maxDepth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 3;
+  var showLevel3Navigation = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   var mandatoryKeys = ['name', 'route'];
   if (navItems.length === 0) return false;
   var depth = getDepth(navItems);
   if (depth > maxDepth) return false;
+
+  // If showLevel3Navigation is true, config must have exactly 3 levels
+  if (showLevel3Navigation && depth !== 3) return false;
   navItems.map(function (item) {
     var configItem = _objectSpread2({}, item);
     if (!configItem.isLandingPage && mandatoryKeys.every(function (key) {
@@ -68584,7 +68590,7 @@ var validateConfig = function validateConfig(navItems) {
       return false;
     }
     if (configItem.subMenuItems) {
-      validateConfig(configItem.subMenuItems, maxDepth - 1);
+      validateConfig(configItem.subMenuItems, maxDepth - 1, showLevel3Navigation);
     }
   });
   return true;
@@ -68619,14 +68625,16 @@ var NavigationBar = function NavigationBar(_ref2) {
     countAutoReloadDisabled = _ref2.countAutoReloadDisabled,
     onNavSectionToggle = _ref2.onNavSectionToggle,
     showNavIconInHeader = _ref2.showNavIconInHeader,
-    isNavBarOpen = _ref2.isNavBarOpen;
+    isNavBarOpen = _ref2.isNavBarOpen,
+    _ref2$showLevel3Navig = _ref2.showLevel3Navigation,
+    showLevel3Navigation = _ref2$showLevel3Navig === void 0 ? false : _ref2$showLevel3Navig;
   // const withCounts = getCounts && typeof getCounts === 'function'
   var navigateFunction = navigateTo || (history === null || history === void 0 ? void 0 : history.push) || defaultRedirect;
   var _useState = React.useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     navItemsModified = _useState2[0],
     setNavItemsModified = _useState2[1];
-  var _useState3 = React.useState(false),
+  var _useState3 = React.useState(showLevel3Navigation ? showNavIconInHeader : false),
     _useState4 = _slicedToArray(_useState3, 2),
     isHover = _useState4[0],
     setHover = _useState4[1];
@@ -68648,7 +68656,7 @@ var NavigationBar = function NavigationBar(_ref2) {
     setWithCounts = _useState12[1];
   React.useEffect(function () {
     if (Array.isArray(navItems)) {
-      var isValid = validateConfig(navItems);
+      var isValid = validateConfig(navItems, 3, showLevel3Navigation);
       if (isValid) {
         var updatedNavItems = updateRoutes(navItems, '');
         var depth = getDepth(navItems);
@@ -68669,18 +68677,19 @@ var NavigationBar = function NavigationBar(_ref2) {
     } else {
       setConfigValid(false);
     }
-  }, []);
+  }, [showLevel3Navigation]);
   React.useEffect(function () {
     setShowNavigationCounts(withCounts);
   }, [withCounts]);
+  var isCountLevelActiveSubmenu = showLevel3Navigation && configDepth === 3 ? activeSubmenu.length > 1 : activeSubmenu.length > 0;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     onMouseOver: function onMouseOver() {
-      return setHover(true);
+      return !showLevel3Navigation || !showNavIconInHeader ? setHover(true) : null;
     },
     onMouseLeave: function onMouseLeave() {
-      return setHover(false);
+      return !showLevel3Navigation || !showNavIconInHeader ? setHover(false) : null;
     },
-    className: _getClassName("NavBarContainer ".concat(activeSubmenu !== null && activeSubmenu !== void 0 && activeSubmenu.length && withCounts ? 'withCounts' : '', " ").concat(getCounts && typeof getCounts === 'function' ? 'countsAvailable' : '', " ").concat(showNavIconInHeader ? 'showNavIconInHeader' : '', " ").concat(showNavIconInHeader && isNavBarOpen ? 'navBarOpen' : ''), _styleModuleImportMap$1, {
+    className: _getClassName("NavBarContainer ".concat(isCountLevelActiveSubmenu && withCounts ? 'withCounts' : '', " ").concat(getCounts && typeof getCounts === 'function' ? 'countsAvailable' : '', " ").concat(showNavIconInHeader ? 'showNavIconInHeader' : '', " ").concat(showNavIconInHeader && isNavBarOpen ? 'navBarOpen' : '', " ").concat(showLevel3Navigation && configDepth === 3 ? 'level3Menu' : ''), _styleModuleImportMap$1, {
       "handleMissingStyleName": "warn"
     })
   }, isConfigValid ? /*#__PURE__*/React__default["default"].createElement(NavigationMenu, {
@@ -68698,7 +68707,8 @@ var NavigationBar = function NavigationBar(_ref2) {
     withCounts: withCounts,
     countsRef: countsRef,
     countAutoReloadDisabled: countAutoReloadDisabled,
-    onNavSectionToggle: onNavSectionToggle
+    onNavSectionToggle: onNavSectionToggle,
+    showLevel3Navigation: showLevel3Navigation
   }) : null, isConfigValid === false ? /*#__PURE__*/React__default["default"].createElement("div", null, "Please check your navigation config") : null);
 };
 var NavigationMenu = function NavigationMenu(_ref3) {
@@ -68716,7 +68726,9 @@ var NavigationMenu = function NavigationMenu(_ref3) {
     withCounts = _ref3.withCounts,
     countsRef = _ref3.countsRef,
     countAutoReloadDisabled = _ref3.countAutoReloadDisabled,
-    onNavSectionToggle = _ref3.onNavSectionToggle;
+    onNavSectionToggle = _ref3.onNavSectionToggle,
+    _ref3$showLevel3Navig = _ref3.showLevel3Navigation,
+    showLevel3Navigation = _ref3$showLevel3Navig === void 0 ? false : _ref3$showLevel3Navig;
   var redirectUrl = window.location.pathname;
   var _useState13 = React.useState(null),
     _useState14 = _slicedToArray(_useState13, 2),
@@ -68759,6 +68771,15 @@ var NavigationMenu = function NavigationMenu(_ref3) {
       }
     }
   }, [configDepth, redirectUrl]);
+  var reloadCounts = function reloadCounts(menuItemName, setCountsLoading) {
+    getCounts(menuItemName).then(function (result) {
+      setCounts(result);
+      setWithCounts(!isEmpty$2(result));
+      if (setCountsLoading) setCountsLoading(false);
+    }).catch(function () {
+      if (setCountsLoading) setCountsLoading(false);
+    });
+  };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: _getClassName("NavMenu", _styleModuleImportMap$1, {
       "handleMissingStyleName": "warn"
@@ -68786,7 +68807,10 @@ var NavigationMenu = function NavigationMenu(_ref3) {
       onNavSectionToggle: onNavSectionToggle,
       counts: counts,
       setCounts: setCounts,
-      countLoadAttemptsRef: countLoadAttemptsRef
+      countLoadAttemptsRef: countLoadAttemptsRef,
+      configDepth: configDepth,
+      reloadCounts: reloadCounts,
+      showLevel3Navigation: showLevel3Navigation
     });
   }));
 };
@@ -68808,15 +68832,95 @@ var NavigationMenuLevel1 = function NavigationMenuLevel1(_ref4) {
     onNavSectionToggle = _ref4.onNavSectionToggle,
     counts = _ref4.counts,
     setCounts = _ref4.setCounts,
-    countLoadAttemptsRef = _ref4.countLoadAttemptsRef;
+    countLoadAttemptsRef = _ref4.countLoadAttemptsRef,
+    configDepth = _ref4.configDepth,
+    reloadCounts = _ref4.reloadCounts,
+    _ref4$showLevel3Navig = _ref4.showLevel3Navigation,
+    showLevel3Navigation = _ref4$showLevel3Navig === void 0 ? false : _ref4$showLevel3Navig;
+  var isMenuExpanded = showLevel3Navigation ? activeSubmenu.includes(navItem.fullRoute) : false;
+  var showCounts = showLevel3Navigation && isMenuExpanded && getCounts && typeof getCounts === 'function';
+  var _useState15 = React.useState(false),
+    _useState16 = _slicedToArray(_useState15, 2);
+    _useState16[0];
+    var setCountsLoading = _useState16[1];
   var hasSubMenuItems = navItem.subMenuItems && navItem.subMenuItems.length > 0;
+  var isDisabled = showLevel3Navigation ? typeof navItem.disabled === 'function' ? navItem.disabled() : navItem.disabled : false;
   var shortName = navItem.shortName ? navItem.shortName.toUpperCase() : dotIcon;
   var nameText = isHover ? (_navItem$name = navItem.name) === null || _navItem$name === void 0 ? void 0 : _navItem$name.toUpperCase() : shortName;
+  React.useEffect(function () {
+    if (showLevel3Navigation && showCounts) {
+      if (!countAutoReloadDisabled || (countLoadAttemptsRef === null || countLoadAttemptsRef === void 0 ? void 0 : countLoadAttemptsRef.current) === 0) {
+        countLoadAttemptsRef.current++;
+        setCountsLoading(true);
+        reloadCounts(navItem.route, setCountsLoading);
+      }
+    }
+  }, [showLevel3Navigation, activeSubmenu]);
+  var navigateToItem = function navigateToItem(item) {
+    setSelected(item.fullRoute);
+    navigateFunction(item.fullRoute);
+  };
+  var handleItemClick = function handleItemClick(event) {
+    if (showLevel3Navigation) {
+      event.stopPropagation();
+      if (isDisabled) return;
+      if (hasSubMenuItems) {
+        if (!isMenuExpanded) {
+          setActiveSubmenu(function (menuItems) {
+            return allowMultipleNavItemsOpen ? [].concat(_toConsumableArray(menuItems), [navItem.fullRoute]) : [navItem.fullRoute];
+          });
+          onNavSectionToggle(navItem.route, true);
+        } else {
+          setActiveSubmenu(function (menuItems) {
+            return _toConsumableArray(menuItems).filter(function (item) {
+              return item !== navItem.fullRoute;
+            });
+          });
+          onNavSectionToggle(navItem.route, false);
+        }
+        if (!isMenuExpanded && showCounts && !countAutoReloadDisabled) {
+          reloadCounts(undefined, setCountsLoading);
+        }
+      } else {
+        navigateToItem(navItem);
+        var pathSplit = window.location.pathname.split('/');
+        var path = "/".concat(pathSplit[pathSplit.length - 1]);
+        if (path === navItem.fullRoute && !allowMultipleNavItemsOpen) {
+          setActiveSubmenu([navItem.fullRoute]);
+        }
+      }
+    }
+  };
+  var highlight = false;
+  if (showLevel3Navigation) {
+    if (navItem !== null && navItem !== void 0 && navItem.subMenuItems || !allowMultipleNavItemsOpen) {
+      highlight = isMenuExpanded;
+    } else if (allowMultipleNavItemsOpen) {
+      highlight = selected === navItem.fullRoute;
+    }
+  }
+
+  // Check if highlightMenu prop is true and highlight is false
+  var shouldShowHighlightBackground = showLevel3Navigation && navItem.highlightMenu === true && !highlight;
+
+  // Use highlightMenuColor if it's a string, otherwise use default red color
+  var backgroundColor = shouldShowHighlightBackground ? typeof navItem.highlightMenuColor === 'string' ? navItem.highlightMenuColor : statusColors[1] : '';
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel1"
+    animate: showLevel3Navigation && isMenuExpanded ? 'open' : 'closed',
+    className: _getClassName("NavMenuLevel1".concat(showLevel3Navigation && !isHover && configDepth === 3 ? ' NavMenuLevel1NoHover' : ''), _styleModuleImportMap$1, {
+      "handleMissingStyleName": "warn"
+    })
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItem"
-  }, navItem.icon && /*#__PURE__*/React__default["default"].createElement("div", {
+    onClick: showLevel3Navigation ? function (event) {
+      return handleItemClick(event);
+    } : undefined,
+    style: {
+      backgroundColor: backgroundColor
+    },
+    className: _getClassName("NavItem ".concat(showLevel3Navigation && highlight && configDepth < 3 ? 'expandedMenu' : '', " ").concat(selected === navItem.fullRoute && navItem !== null && navItem !== void 0 && navItem.subMenuItems ? 'NavItemSelected' : '', " ").concat(isDisabled ? 'disabled' : ''), _styleModuleImportMap$1, {
+      "handleMissingStyleName": "warn"
+    })
+  }, showLevel3Navigation ? null : navItem.icon && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemIcon"
   }, /*#__PURE__*/React__default["default"].createElement(NavIcon, {
     icon: navItem.icon
@@ -68824,7 +68928,70 @@ var NavigationMenuLevel1 = function NavigationMenuLevel1(_ref4) {
     className: "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName utilities_ops-app-frame_NavigationBar_NavigationBar--level1NavItem"
   }, nameText), navItem.hasOwnProperty('count') && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemCount"
-  }, navItem.count)), /*#__PURE__*/React__default["default"].createElement("div", null, hasSubMenuItems ? navItem.subMenuItems.filter(function (item) {
+  }, navItem.count), showLevel3Navigation && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: _getClassName("expandButton ".concat(activeSubmenu !== null && activeSubmenu !== void 0 && activeSubmenu.length && withCounts ? 'showExpandIcons' : ''), _styleModuleImportMap$1, {
+      "handleMissingStyleName": "warn"
+    })
+  }, hasSubMenuItems && /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
+    name: isMenuExpanded ? 'chevron-up' : 'chevron-down'
+  }))), showLevel3Navigation && /*#__PURE__*/React__default["default"].createElement(velocityReact.VelocityTransitionGroup, {
+    enter: {
+      animation: 'slideDown',
+      duration: 200,
+      display: 'flex',
+      complete: function complete(elements) {
+        elements.forEach(function (el) {
+          el.style.removeProperty("height");
+        });
+      }
+    },
+    leave: {
+      animation: 'slideUp',
+      duration: 200,
+      complete: function complete(elements) {
+        elements.forEach(function (el) {
+          el.style.removeProperty("height");
+        });
+      }
+    },
+    style: _objectSpread2({
+      marginTop: '3px',
+      overflow: 'hidden',
+      padding: '0 2px'
+    }, configDepth === 3 ? {
+      backgroundColor: '#2F3743'
+    } : {
+      marginLeft: '10px',
+      backgroundColor: '#232932',
+      borderLeft: '1px solid #8A8886'
+    })
+  }, hasSubMenuItems && isMenuExpanded ? navItem.subMenuItems.filter(function (item) {
+    return typeof item.hidden === 'function' ? !item.hidden() : !item.hidden;
+  }).map(function (subItem) {
+    return /*#__PURE__*/React__default["default"].createElement(NavigationMenuLevel2, {
+      key: subItem.name,
+      isHover: isHover,
+      navItem: subItem,
+      selected: selected,
+      setSelected: setSelected,
+      activeSubmenu: activeSubmenu,
+      setActiveSubmenu: setActiveSubmenu,
+      allowMultipleNavItemsOpen: allowMultipleNavItemsOpen,
+      navigateFunction: navigateFunction,
+      getCounts: getCounts,
+      setWithCounts: setWithCounts,
+      withCounts: withCounts,
+      countsRef: countsRef,
+      countAutoReloadDisabled: countAutoReloadDisabled,
+      onNavSectionToggle: onNavSectionToggle,
+      counts: counts,
+      setCounts: setCounts,
+      countLoadAttemptsRef: countLoadAttemptsRef,
+      configDepth: configDepth,
+      reloadCounts: reloadCounts,
+      showLevel3Navigation: showLevel3Navigation
+    });
+  }) : null), !showLevel3Navigation && /*#__PURE__*/React__default["default"].createElement("div", null, hasSubMenuItems ? navItem.subMenuItems.filter(function (item) {
     return typeof item.hidden === 'function' ? !item.hidden() : !item.hidden;
   }).map(function (subItem) {
     return /*#__PURE__*/React__default["default"].createElement(NavigationMenuLevel2, {
@@ -68845,7 +69012,10 @@ var NavigationMenuLevel1 = function NavigationMenuLevel1(_ref4) {
       onNavSectionToggle: onNavSectionToggle,
       counts: counts,
       setCounts: setCounts,
-      countLoadAttemptsRef: countLoadAttemptsRef
+      countLoadAttemptsRef: countLoadAttemptsRef,
+      configDepth: configDepth,
+      reloadCounts: reloadCounts,
+      showLevel3Navigation: showLevel3Navigation
     });
   }) : null));
 };
@@ -68863,23 +69033,27 @@ var NavigationMenuLevel2 = function NavigationMenuLevel2(_ref5) {
     setActiveSubmenu = _ref5.setActiveSubmenu,
     allowMultipleNavItemsOpen = _ref5.allowMultipleNavItemsOpen,
     navigateFunction = _ref5.navigateFunction,
-    getCounts = _ref5.getCounts,
-    setWithCounts = _ref5.setWithCounts,
-    withCounts = _ref5.withCounts,
+    getCounts = _ref5.getCounts;
+    _ref5.setWithCounts;
+    var withCounts = _ref5.withCounts,
     countsRef = _ref5.countsRef,
     countAutoReloadDisabled = _ref5.countAutoReloadDisabled,
     _ref5$onNavSectionTog = _ref5.onNavSectionToggle,
     onNavSectionToggle = _ref5$onNavSectionTog === void 0 ? function () {} : _ref5$onNavSectionTog,
-    counts = _ref5.counts,
-    setCounts = _ref5.setCounts,
-    countLoadAttemptsRef = _ref5.countLoadAttemptsRef;
+    counts = _ref5.counts;
+    _ref5.setCounts;
+    var countLoadAttemptsRef = _ref5.countLoadAttemptsRef,
+    configDepth = _ref5.configDepth,
+    reloadCounts = _ref5.reloadCounts,
+    _ref5$showLevel3Navig = _ref5.showLevel3Navigation,
+    showLevel3Navigation = _ref5$showLevel3Navig === void 0 ? false : _ref5$showLevel3Navig;
   // const isMenuExpanded = activeSubmenu === navItem.fullRoute
   var isMenuExpanded = activeSubmenu.includes(navItem.fullRoute);
   var showCounts = isMenuExpanded && getCounts && typeof getCounts === 'function';
-  var _useState15 = React.useState(false),
-    _useState16 = _slicedToArray(_useState15, 2),
-    countsLoading = _useState16[0],
-    setCountsLoading = _useState16[1];
+  var _useState17 = React.useState(false),
+    _useState18 = _slicedToArray(_useState17, 2),
+    countsLoading = _useState18[0],
+    setCountsLoading = _useState18[1];
   var hasSubMenuItems = navItem.subMenuItems && navItem.subMenuItems.length > 0;
   var isDisabled = typeof navItem.disabled === 'function' ? navItem.disabled() : navItem.disabled;
   // const withCounts = getCounts && typeof getCounts === 'function'
@@ -68889,36 +69063,39 @@ var NavigationMenuLevel2 = function NavigationMenuLevel2(_ref5) {
       if (!countAutoReloadDisabled || (countLoadAttemptsRef === null || countLoadAttemptsRef === void 0 ? void 0 : countLoadAttemptsRef.current) === 0) {
         countLoadAttemptsRef.current++;
         setCountsLoading(true);
-        reloadCounts(navItem.route);
+        reloadCounts(navItem.route, setCountsLoading);
       }
       if (countsRef && _typeof$1(countsRef) === 'object') {
         countsRef.current = {
           refreshCounts: function refreshCounts() {
-            return reloadCounts(navItem.route);
+            return reloadCounts(navItem.route, setCountsLoading);
           }
         };
       }
     }
   }, [activeSubmenu]);
-  var reloadCounts = function reloadCounts(menuItemName) {
-    getCounts(menuItemName).then(function (result) {
-      setCounts(result);
-      setWithCounts(!isEmpty$2(result));
-      setCountsLoading(false);
-    }).catch(function () {
-      setCountsLoading(false);
-    });
-  };
   var navigateToItem = function navigateToItem(item) {
     setSelected(item.fullRoute);
     navigateFunction(item.fullRoute);
   };
-  var handleItemClick = function handleItemClick() {
+  var handleItemClick = function handleItemClick(event) {
+    event.stopPropagation();
     if (isDisabled) return;
     if (hasSubMenuItems) {
       if (!isMenuExpanded) {
         setActiveSubmenu(function (menuItems) {
-          return allowMultipleNavItemsOpen ? [].concat(_toConsumableArray(menuItems), [navItem.fullRoute]) : [navItem.fullRoute];
+          if (allowMultipleNavItemsOpen) {
+            return [].concat(_toConsumableArray(menuItems), [navItem.fullRoute]);
+          } else {
+            // When allowMultipleNavItemsOpen is false, replace with current item
+            // But preserve parent Level1 route in 3-level config
+            if (showLevel3Navigation && configDepth === 3) {
+              var parentRoute = navItem.fullRoute.split('/').slice(0, 2).join('/');
+              return [parentRoute, navItem.fullRoute];
+            } else {
+              return [navItem.fullRoute];
+            }
+          }
         });
         onNavSectionToggle(navItem.route, true);
       } else {
@@ -68931,14 +69108,21 @@ var NavigationMenuLevel2 = function NavigationMenuLevel2(_ref5) {
       }
       // setActiveSubmenu(isMenuExpanded ? null : navItem.fullRoute)
       if (!isMenuExpanded && showCounts && !countAutoReloadDisabled) {
-        reloadCounts();
+        reloadCounts(undefined, setCountsLoading);
       }
     } else {
       navigateToItem(navItem);
       var pathSplit = window.location.pathname.split('/');
       var path = "/".concat(pathSplit[pathSplit.length - 1]);
       if (path === navItem.fullRoute && !allowMultipleNavItemsOpen) {
-        setActiveSubmenu([navItem.fullRoute]);
+        // When allowMultipleNavItemsOpen is false, set active submenu
+        // But preserve parent Level1 route in 3-level config
+        if (showLevel3Navigation && configDepth === 3) {
+          var parentRoute = navItem.fullRoute.split('/').slice(0, 2).join('/');
+          setActiveSubmenu([parentRoute, navItem.fullRoute]);
+        } else {
+          setActiveSubmenu([navItem.fullRoute]);
+        }
       }
     }
   };
@@ -68956,9 +69140,14 @@ var NavigationMenuLevel2 = function NavigationMenuLevel2(_ref5) {
   var backgroundColor = shouldShowHighlightBackground ? typeof navItem.highlightMenuColor === 'string' ? navItem.highlightMenuColor : statusColors[1] : '';
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel2",
-    animate: isMenuExpanded ? 'open' : 'closed'
+    animate: isMenuExpanded ? 'open' : 'closed',
+    style: {
+      flexDirection: 'column'
+    }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    onClick: handleItemClick,
+    onClick: function onClick(event) {
+      return handleItemClick(event);
+    },
     style: {
       backgroundColor: backgroundColor
     },
@@ -69015,7 +69204,13 @@ var NavigationMenuLevel2 = function NavigationMenuLevel2(_ref5) {
       count: counts && counts[subItem.route],
       countsLoading: countsLoading,
       selected: selected,
-      navigateToItem: navigateToItem
+      navigateToItem: navigateToItem,
+      configDepth: configDepth,
+      activeSubmenu: activeSubmenu,
+      setActiveSubmenu: setActiveSubmenu,
+      allowMultipleNavItemsOpen: allowMultipleNavItemsOpen,
+      onNavSectionToggle: onNavSectionToggle,
+      showLevel3Navigation: showLevel3Navigation
     });
   }) : null));
 };
@@ -69025,7 +69220,15 @@ var NavigationMenuLevel3 = function NavigationMenuLevel3(_ref6) {
     countsLoading = _ref6.countsLoading,
     isHover = _ref6.isHover,
     selected = _ref6.selected,
-    navigateToItem = _ref6.navigateToItem;
+    navigateToItem = _ref6.navigateToItem,
+    configDepth = _ref6.configDepth,
+    activeSubmenu = _ref6.activeSubmenu,
+    setActiveSubmenu = _ref6.setActiveSubmenu,
+    allowMultipleNavItemsOpen = _ref6.allowMultipleNavItemsOpen,
+    _ref6$onNavSectionTog = _ref6.onNavSectionToggle,
+    onNavSectionToggle = _ref6$onNavSectionTog === void 0 ? function () {} : _ref6$onNavSectionTog,
+    _ref6$showLevel3Navig = _ref6.showLevel3Navigation,
+    showLevel3Navigation = _ref6$showLevel3Navig === void 0 ? false : _ref6$showLevel3Navig;
   var countText = !isHover ? formatNumber(count) : count;
   var status, statusColor;
   if (countText && navItem.getStatus && navItem.getStatus) {
@@ -69034,21 +69237,75 @@ var NavigationMenuLevel3 = function NavigationMenuLevel3(_ref6) {
   }
   var position = (navItem === null || navItem === void 0 ? void 0 : navItem.statusColorPosition) || '';
   var isDisabled = typeof navItem.disabled === 'function' ? navItem.disabled() : navItem.disabled;
+
+  // In 2-level config, Level3 should behave like Level2
+  var isLevel2Style = showLevel3Navigation && configDepth === 2;
+  var isMenuExpanded = isLevel2Style ? activeSubmenu.includes(navItem.fullRoute) : false;
+  var hasSubMenuItems = navItem.subMenuItems && navItem.subMenuItems.length > 0;
+  var handleItemClick = function handleItemClick(event) {
+    if (isLevel2Style) {
+      event.stopPropagation();
+      if (isDisabled) return;
+      if (hasSubMenuItems) {
+        if (!isMenuExpanded) {
+          setActiveSubmenu(function (menuItems) {
+            if (allowMultipleNavItemsOpen) {
+              return [].concat(_toConsumableArray(menuItems), [navItem.fullRoute]);
+            } else {
+              return [navItem.fullRoute];
+            }
+          });
+          onNavSectionToggle(navItem.route, true);
+        } else {
+          setActiveSubmenu(function (menuItems) {
+            return _toConsumableArray(menuItems).filter(function (item) {
+              return item !== navItem.fullRoute;
+            });
+          });
+          onNavSectionToggle(navItem.route, false);
+        }
+      } else {
+        navigateToItem(navItem);
+        var pathSplit = window.location.pathname.split('/');
+        var path = "/".concat(pathSplit[pathSplit.length - 1]);
+        if (path === navItem.fullRoute && !allowMultipleNavItemsOpen) {
+          setActiveSubmenu([navItem.fullRoute]);
+        }
+      }
+    } else {
+      // Original Level3 behavior for 3-level config
+      if (!isDisabled) navigateToItem(navItem);
+    }
+  };
+  var highlight = false;
+  if (isLevel2Style) {
+    if (navItem !== null && navItem !== void 0 && navItem.subMenuItems || !allowMultipleNavItemsOpen) {
+      highlight = isMenuExpanded;
+    } else if (allowMultipleNavItemsOpen) {
+      highlight = selected === navItem.fullRoute;
+    }
+  }
+
+  // Check if highlightMenu prop is true and highlight is false
+  var shouldShowHighlightBackground = navItem.highlightMenu === true && !highlight;
+
+  // Use highlightMenuColor if it's a string, otherwise use default red color
+  var backgroundColor = shouldShowHighlightBackground ? typeof navItem.highlightMenuColor === 'string' ? navItem.highlightMenuColor : statusColors[1] : '';
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "utilities_ops-app-frame_NavigationBar_NavigationBar--NavMenuLevel3"
+    className: _getClassName("NavMenuLevel3 ".concat(isLevel2Style ? 'level2Style' : ''), _styleModuleImportMap$1, {
+      "handleMissingStyleName": "warn"
+    })
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_NavigationBar_NavigationBar--statusColor",
     style: {
       backgroundColor: position === 'leftBorder' ? statusColor : ''
     }
   }), /*#__PURE__*/React__default["default"].createElement("div", {
-    onClick: function onClick() {
-      return !isDisabled && navigateToItem(navItem);
-    },
+    onClick: handleItemClick,
     style: {
-      backgroundColor: position === 'background' ? statusColor : ''
+      backgroundColor: position === 'background' ? statusColor : backgroundColor
     },
-    className: _getClassName("NavItem ".concat(selected === navItem.fullRoute ? 'NavItemSelected' : '', " ").concat(selected === navItem.fullRoute && position === 'background' ? 'NavItemSelectedStatus' : '', " ").concat(isDisabled ? 'disabled' : ''), _styleModuleImportMap$1, {
+    className: _getClassName("NavItem ".concat(isLevel2Style && highlight ? 'expandedMenu' : '', " ").concat(selected === navItem.fullRoute ? 'NavItemSelected' : '', " ").concat(selected === navItem.fullRoute && position === 'background' ? 'NavItemSelectedStatus' : '', " ").concat(isDisabled ? 'disabled' : ''), _styleModuleImportMap$1, {
       "handleMissingStyleName": "warn"
     })
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -69057,7 +69314,11 @@ var NavigationMenuLevel3 = function NavigationMenuLevel3(_ref6) {
     icon: navItem.icon
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemName"
-  }, navItem.name), (countsLoading || !isNil$1(countText)) && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, navItem.name), isLevel2Style && hasSubMenuItems && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "utilities_ops-app-frame_NavigationBar_NavigationBar--expandButton"
+  }, /*#__PURE__*/React__default["default"].createElement(coreComponents.IconV2, {
+    name: isMenuExpanded ? 'chevron-up' : 'chevron-down'
+  })), (countsLoading || !isNil$1(countText)) && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_NavigationBar_NavigationBar--NavItemCount"
   }, countsLoading ? /*#__PURE__*/React__default["default"].createElement(coreComponents.Spinner, {
     size: "xxs"
@@ -69186,7 +69447,9 @@ var AppFrame = function AppFrame(props) {
   }, []);
 
   // const showNavigationCounts = props.getCounts && typeof props.getCounts === 'function'
-  var navigationWidth = activeSubmenu !== null && activeSubmenu !== void 0 && activeSubmenu.length && showNavigationCounts ? '100px' : '50px';
+  var baseWidth = props.showLevel3Navigation ? '70px' : '50px';
+  var isThirdLevelOpen = props.showLevel3Navigation && (activeSubmenu === null || activeSubmenu === void 0 ? void 0 : activeSubmenu.length) > 1;
+  var navigationWidth = props.showLevel3Navigation ? isThirdLevelOpen && showNavigationCounts ? '100px' : baseWidth : activeSubmenu !== null && activeSubmenu !== void 0 && activeSubmenu.length && showNavigationCounts ? '100px' : baseWidth;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_AppFrame_AppFrame--AppFrame",
     style: props.handleScrolling ? SCROLL : NO_SCROLL
@@ -69225,7 +69488,8 @@ var AppFrame = function AppFrame(props) {
     countAutoReloadDisabled: props.countAutoReloadDisabled,
     onNavSectionToggle: props.onNavSectionToggle,
     showNavIconInHeader: props === null || props === void 0 ? void 0 : props.showNavIconInHeader,
-    isNavBarOpen: isNavBarOpen
+    isNavBarOpen: isNavBarOpen,
+    showLevel3Navigation: props.showLevel3Navigation
   }) : null, /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
       marginLeft: props.showNavigation && !(props !== null && props !== void 0 && props.showNavIconInHeader) ? navigationWidth : '0px',
@@ -81223,7 +81487,7 @@ var index_esm = /*#__PURE__*/Object.freeze({
 });
 
 var purify = createCommonjsModule(function (module, exports) {
-/*! @license DOMPurify 3.2.6 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.6/LICENSE */
+/*! @license DOMPurify 3.2.7 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.7/LICENSE */
 
 (function (global, factory) {
   module.exports = factory() ;
@@ -81256,12 +81520,18 @@ var purify = createCommonjsModule(function (module, exports) {
     };
   }
   if (!apply) {
-    apply = function apply(fun, thisValue, args) {
-      return fun.apply(thisValue, args);
+    apply = function apply(func, thisArg) {
+      for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+        args[_key - 2] = arguments[_key];
+      }
+      return func.apply(thisArg, args);
     };
   }
   if (!construct) {
-    construct = function construct(Func, args) {
+    construct = function construct(Func) {
+      for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+        args[_key2 - 1] = arguments[_key2];
+      }
       return new Func(...args);
     };
   }
@@ -81290,8 +81560,8 @@ var purify = createCommonjsModule(function (module, exports) {
       if (thisArg instanceof RegExp) {
         thisArg.lastIndex = 0;
       }
-      for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-        args[_key - 1] = arguments[_key];
+      for (var _len3 = arguments.length, args = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {
+        args[_key3 - 1] = arguments[_key3];
       }
       return apply(func, thisArg, args);
     };
@@ -81302,12 +81572,12 @@ var purify = createCommonjsModule(function (module, exports) {
    * @param func - The constructor function to be wrapped and called.
    * @returns A new function that constructs an instance of the given constructor function with the provided arguments.
    */
-  function unconstruct(func) {
+  function unconstruct(Func) {
     return function () {
-      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-        args[_key2] = arguments[_key2];
+      for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+        args[_key4] = arguments[_key4];
       }
-      return construct(func, args);
+      return construct(Func, args);
     };
   }
   /**
@@ -81405,8 +81675,8 @@ var purify = createCommonjsModule(function (module, exports) {
     }
     return fallbackValue;
   }
-  const html$1 = freeze(['a', 'abbr', 'acronym', 'address', 'area', 'article', 'aside', 'audio', 'b', 'bdi', 'bdo', 'big', 'blink', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'center', 'cite', 'code', 'col', 'colgroup', 'content', 'data', 'datalist', 'dd', 'decorator', 'del', 'details', 'dfn', 'dialog', 'dir', 'div', 'dl', 'dt', 'element', 'em', 'fieldset', 'figcaption', 'figure', 'font', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'img', 'input', 'ins', 'kbd', 'label', 'legend', 'li', 'main', 'map', 'mark', 'marquee', 'menu', 'menuitem', 'meter', 'nav', 'nobr', 'ol', 'optgroup', 'option', 'output', 'p', 'picture', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'section', 'select', 'shadow', 'small', 'source', 'spacer', 'span', 'strike', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'template', 'textarea', 'tfoot', 'th', 'thead', 'time', 'tr', 'track', 'tt', 'u', 'ul', 'var', 'video', 'wbr']);
-  const svg$1 = freeze(['svg', 'a', 'altglyph', 'altglyphdef', 'altglyphitem', 'animatecolor', 'animatemotion', 'animatetransform', 'circle', 'clippath', 'defs', 'desc', 'ellipse', 'filter', 'font', 'g', 'glyph', 'glyphref', 'hkern', 'image', 'line', 'lineargradient', 'marker', 'mask', 'metadata', 'mpath', 'path', 'pattern', 'polygon', 'polyline', 'radialgradient', 'rect', 'stop', 'style', 'switch', 'symbol', 'text', 'textpath', 'title', 'tref', 'tspan', 'view', 'vkern']);
+  const html$1 = freeze(['a', 'abbr', 'acronym', 'address', 'area', 'article', 'aside', 'audio', 'b', 'bdi', 'bdo', 'big', 'blink', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'center', 'cite', 'code', 'col', 'colgroup', 'content', 'data', 'datalist', 'dd', 'decorator', 'del', 'details', 'dfn', 'dialog', 'dir', 'div', 'dl', 'dt', 'element', 'em', 'fieldset', 'figcaption', 'figure', 'font', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'img', 'input', 'ins', 'kbd', 'label', 'legend', 'li', 'main', 'map', 'mark', 'marquee', 'menu', 'menuitem', 'meter', 'nav', 'nobr', 'ol', 'optgroup', 'option', 'output', 'p', 'picture', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'search', 'section', 'select', 'shadow', 'slot', 'small', 'source', 'spacer', 'span', 'strike', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'template', 'textarea', 'tfoot', 'th', 'thead', 'time', 'tr', 'track', 'tt', 'u', 'ul', 'var', 'video', 'wbr']);
+  const svg$1 = freeze(['svg', 'a', 'altglyph', 'altglyphdef', 'altglyphitem', 'animatecolor', 'animatemotion', 'animatetransform', 'circle', 'clippath', 'defs', 'desc', 'ellipse', 'enterkeyhint', 'exportparts', 'filter', 'font', 'g', 'glyph', 'glyphref', 'hkern', 'image', 'inputmode', 'line', 'lineargradient', 'marker', 'mask', 'metadata', 'mpath', 'part', 'path', 'pattern', 'polygon', 'polyline', 'radialgradient', 'rect', 'slot', 'stop', 'style', 'switch', 'symbol', 'text', 'textpath', 'title', 'tref', 'tspan', 'view', 'vkern']);
   const svgFilters = freeze(['feBlend', 'feColorMatrix', 'feComponentTransfer', 'feComposite', 'feConvolveMatrix', 'feDiffuseLighting', 'feDisplacementMap', 'feDistantLight', 'feDropShadow', 'feFlood', 'feFuncA', 'feFuncB', 'feFuncG', 'feFuncR', 'feGaussianBlur', 'feImage', 'feMerge', 'feMergeNode', 'feMorphology', 'feOffset', 'fePointLight', 'feSpecularLighting', 'feSpotLight', 'feTile', 'feTurbulence']);
   // List of SVG elements that are disallowed by default.
   // We still need to know them so that we can do namespace
@@ -81418,7 +81688,7 @@ var purify = createCommonjsModule(function (module, exports) {
   // even those that we disallow by default.
   const mathMlDisallowed = freeze(['maction', 'maligngroup', 'malignmark', 'mlongdiv', 'mscarries', 'mscarry', 'msgroup', 'mstack', 'msline', 'msrow', 'semantics', 'annotation', 'annotation-xml', 'mprescripts', 'none']);
   const text = freeze(['#text']);
-  const html = freeze(['accept', 'action', 'align', 'alt', 'autocapitalize', 'autocomplete', 'autopictureinpicture', 'autoplay', 'background', 'bgcolor', 'border', 'capture', 'cellpadding', 'cellspacing', 'checked', 'cite', 'class', 'clear', 'color', 'cols', 'colspan', 'controls', 'controlslist', 'coords', 'crossorigin', 'datetime', 'decoding', 'default', 'dir', 'disabled', 'disablepictureinpicture', 'disableremoteplayback', 'download', 'draggable', 'enctype', 'enterkeyhint', 'face', 'for', 'headers', 'height', 'hidden', 'high', 'href', 'hreflang', 'id', 'inputmode', 'integrity', 'ismap', 'kind', 'label', 'lang', 'list', 'loading', 'loop', 'low', 'max', 'maxlength', 'media', 'method', 'min', 'minlength', 'multiple', 'muted', 'name', 'nonce', 'noshade', 'novalidate', 'nowrap', 'open', 'optimum', 'pattern', 'placeholder', 'playsinline', 'popover', 'popovertarget', 'popovertargetaction', 'poster', 'preload', 'pubdate', 'radiogroup', 'readonly', 'rel', 'required', 'rev', 'reversed', 'role', 'rows', 'rowspan', 'spellcheck', 'scope', 'selected', 'shape', 'size', 'sizes', 'span', 'srclang', 'start', 'src', 'srcset', 'step', 'style', 'summary', 'tabindex', 'title', 'translate', 'type', 'usemap', 'valign', 'value', 'width', 'wrap', 'xmlns', 'slot']);
+  const html = freeze(['accept', 'action', 'align', 'alt', 'autocapitalize', 'autocomplete', 'autopictureinpicture', 'autoplay', 'background', 'bgcolor', 'border', 'capture', 'cellpadding', 'cellspacing', 'checked', 'cite', 'class', 'clear', 'color', 'cols', 'colspan', 'controls', 'controlslist', 'coords', 'crossorigin', 'datetime', 'decoding', 'default', 'dir', 'disabled', 'disablepictureinpicture', 'disableremoteplayback', 'download', 'draggable', 'enctype', 'enterkeyhint', 'exportparts', 'face', 'for', 'headers', 'height', 'hidden', 'high', 'href', 'hreflang', 'id', 'inert', 'inputmode', 'integrity', 'ismap', 'kind', 'label', 'lang', 'list', 'loading', 'loop', 'low', 'max', 'maxlength', 'media', 'method', 'min', 'minlength', 'multiple', 'muted', 'name', 'nonce', 'noshade', 'novalidate', 'nowrap', 'open', 'optimum', 'part', 'pattern', 'placeholder', 'playsinline', 'popover', 'popovertarget', 'popovertargetaction', 'poster', 'preload', 'pubdate', 'radiogroup', 'readonly', 'rel', 'required', 'rev', 'reversed', 'role', 'rows', 'rowspan', 'spellcheck', 'scope', 'selected', 'shape', 'size', 'sizes', 'slot', 'span', 'srclang', 'start', 'src', 'srcset', 'step', 'style', 'summary', 'tabindex', 'title', 'translate', 'type', 'usemap', 'valign', 'value', 'width', 'wrap', 'xmlns', 'slot']);
   const svg = freeze(['accent-height', 'accumulate', 'additive', 'alignment-baseline', 'amplitude', 'ascent', 'attributename', 'attributetype', 'azimuth', 'basefrequency', 'baseline-shift', 'begin', 'bias', 'by', 'class', 'clip', 'clippathunits', 'clip-path', 'clip-rule', 'color', 'color-interpolation', 'color-interpolation-filters', 'color-profile', 'color-rendering', 'cx', 'cy', 'd', 'dx', 'dy', 'diffuseconstant', 'direction', 'display', 'divisor', 'dur', 'edgemode', 'elevation', 'end', 'exponent', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'filterunits', 'flood-color', 'flood-opacity', 'font-family', 'font-size', 'font-size-adjust', 'font-stretch', 'font-style', 'font-variant', 'font-weight', 'fx', 'fy', 'g1', 'g2', 'glyph-name', 'glyphref', 'gradientunits', 'gradienttransform', 'height', 'href', 'id', 'image-rendering', 'in', 'in2', 'intercept', 'k', 'k1', 'k2', 'k3', 'k4', 'kerning', 'keypoints', 'keysplines', 'keytimes', 'lang', 'lengthadjust', 'letter-spacing', 'kernelmatrix', 'kernelunitlength', 'lighting-color', 'local', 'marker-end', 'marker-mid', 'marker-start', 'markerheight', 'markerunits', 'markerwidth', 'maskcontentunits', 'maskunits', 'max', 'mask', 'media', 'method', 'mode', 'min', 'name', 'numoctaves', 'offset', 'operator', 'opacity', 'order', 'orient', 'orientation', 'origin', 'overflow', 'paint-order', 'path', 'pathlength', 'patterncontentunits', 'patterntransform', 'patternunits', 'points', 'preservealpha', 'preserveaspectratio', 'primitiveunits', 'r', 'rx', 'ry', 'radius', 'refx', 'refy', 'repeatcount', 'repeatdur', 'restart', 'result', 'rotate', 'scale', 'seed', 'shape-rendering', 'slope', 'specularconstant', 'specularexponent', 'spreadmethod', 'startoffset', 'stddeviation', 'stitchtiles', 'stop-color', 'stop-opacity', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke', 'stroke-width', 'style', 'surfacescale', 'systemlanguage', 'tabindex', 'tablevalues', 'targetx', 'targety', 'transform', 'transform-origin', 'text-anchor', 'text-decoration', 'text-rendering', 'textlength', 'type', 'u1', 'u2', 'unicode', 'values', 'viewbox', 'visibility', 'version', 'vert-adv-y', 'vert-origin-x', 'vert-origin-y', 'width', 'word-spacing', 'wrap', 'writing-mode', 'xchannelselector', 'ychannelselector', 'x', 'x1', 'x2', 'xmlns', 'y', 'y1', 'y2', 'z', 'zoomandpan']);
   const mathMl = freeze(['accent', 'accentunder', 'align', 'bevelled', 'close', 'columnsalign', 'columnlines', 'columnspan', 'denomalign', 'depth', 'dir', 'display', 'displaystyle', 'encoding', 'fence', 'frame', 'height', 'href', 'id', 'largeop', 'length', 'linethickness', 'lspace', 'lquote', 'mathbackground', 'mathcolor', 'mathsize', 'mathvariant', 'maxsize', 'minsize', 'movablelimits', 'notation', 'numalign', 'open', 'rowalign', 'rowlines', 'rowspacing', 'rowspan', 'rspace', 'rquote', 'scriptlevel', 'scriptminsize', 'scriptsizemultiplier', 'selection', 'separator', 'separators', 'stretchy', 'subscriptshift', 'supscriptshift', 'symmetric', 'voffset', 'width', 'xmlns']);
   const xml = freeze(['xlink:href', 'xml:id', 'xlink:title', 'xml:space', 'xmlns:xlink']);
@@ -81528,7 +81798,7 @@ var purify = createCommonjsModule(function (module, exports) {
   function createDOMPurify() {
     let window = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getGlobal();
     const DOMPurify = root => createDOMPurify(root);
-    DOMPurify.version = '3.2.6';
+    DOMPurify.version = '3.2.7';
     DOMPurify.removed = [];
     if (!window || !window.document || window.document.nodeType !== NODE_TYPE.document || !window.Element) {
       // Not running in a browser, provide a factory function
@@ -82225,7 +82495,7 @@ var purify = createCommonjsModule(function (module, exports) {
         // First condition does a very basic check if a) it's basically a valid custom element tagname AND
         // b) if the tagName passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
         // and c) if the attribute name passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.attributeNameCheck
-        _isBasicCustomElement(lcTag) && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, lcTag) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(lcTag)) && (CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.attributeNameCheck, lcName) || CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.attributeNameCheck(lcName)) ||
+        _isBasicCustomElement(lcTag) && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, lcTag) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(lcTag)) && (CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.attributeNameCheck, lcName) || CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.attributeNameCheck(lcName, lcTag)) ||
         // Alternative, second condition checks if it's an `is`-attribute, AND
         // the value passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
         lcName === 'is' && CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, value) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(value))) ;else {
@@ -82304,7 +82574,12 @@ var purify = createCommonjsModule(function (module, exports) {
           value = SANITIZE_NAMED_PROPS_PREFIX + value;
         }
         /* Work around a security issue with comments inside attributes */
-        if (SAFE_FOR_XML && regExpTest(/((--!?|])>)|<\/(style|title)/i, value)) {
+        if (SAFE_FOR_XML && regExpTest(/((--!?|])>)|<\/(style|title|textarea)/i, value)) {
+          _removeAttribute(name, currentNode);
+          continue;
+        }
+        /* Make sure we cannot easily use animated hrefs, even if animations are allowed */
+        if (lcName === 'attributename' && stringMatch(value, 'href')) {
           _removeAttribute(name, currentNode);
           continue;
         }