@equinor/echo-components 0.6.3 → 0.6.5

package/dist/index.js

@@ -64,625 +64,990 @@ var Icon = function Icon(_ref) {
   });
 };
 
-var css_248z$E = ".BlackLink-module_linkElement__WGkkg{align-items:center;color:var(--echoText);display:flex;gap:.5rem;text-decoration:none}.BlackLink-module_linkElement__WGkkg>label{cursor:pointer}.BlackLink-module_linkElement__WGkkg>span{line-height:0}.BlackLink-module_linkElement__WGkkg:hover{text-decoration:underline}.BlackLink-module_linkElement__WGkkg:focus{outline:1px dashed #007079;text-decoration:underline}.BlackLink-module_linkIcon__GW-93{min-height:24px;min-width:24px}";
-var styles$r = {"linkElement":"BlackLink-module_linkElement__WGkkg","linkIcon":"BlackLink-module_linkIcon__GW-93"};
-styleInject(css_248z$E);
-
-var BlackLink = function BlackLink(_ref) {
-  var href = _ref.href,
-    linkText = _ref.linkText,
-    preserveTab = _ref.preserveTab;
-  return /*#__PURE__*/React__default.createElement("a", {
-    className: styles$r.linkElement,
-    id: linkText,
-    href: href,
-    tabIndex: 0,
-    target: !preserveTab ? '_blank' : undefined,
-    rel: "noreferrer"
-  }, /*#__PURE__*/React__default.createElement("label", {
-    htmlFor: linkText
-  }, linkText), /*#__PURE__*/React__default.createElement(Icon, {
-    className: styles$r.linkIcon,
-    color: 'var(--echoText)',
-    name: "external_link",
-    size: 24
-  }));
-};
-
-var themeConst = {
-  /* Echo - Digital Twin Colors*/
-  black: '#000000',
-  white: '#ffffff',
-  equiBlue1: '#233746',
-  equiBlue2: '#d7e1ed',
-  equiBlue3: '#D5EAF4',
-  equiGray1: '#87929a',
-  equiGray2: '#b4bbc0',
-  equiGray3: '#d1d5d8',
-  equiGray4: '#e3e6e8',
-  equiGray5: '#f7f7f7',
-  equiRed1: '#ff1243',
-  darkEquiRed: '#ce183e',
-  equiGreen1: '#006f79',
-  equiGreen2: '#deedee',
-  equiGreen3: '#e6faec',
-  equiGreen4: '#c3f3d2',
-  echoText: '#3d3d3d',
-  disabledBackgroundColor: '#eaeaea',
-  disabledColor: '#6f6f6f',
-  /* Echopedia Work Order status color */
-  pm01: '#00ff00',
-  pm02: '#ff1493',
-  pm03: '#00ffff',
-  pm04: '#9400d3',
-  pm05: '#1e90ff',
-  pm06: '#ffdead',
-  pm010: '#ff4500',
-  pm015: '#228b22',
-  pm020: '#00008b',
-  /* Echopedia Notifications status color */
-  onGoing: '#fbca36',
-  done: '#4bb748',
-  /* Echopedia Stid StatusCode */
-  asBuilt: '#007079',
-  planned: '#4bb748',
-  future: '#52c0ff',
-  historic: '#ff7d98',
-  outOfService: '#ff9200',
-  reserved: '#243746',
-  voided: '#eb0000',
-  "default": '#dcdcdc',
-  /*Echopedia Procosys StatusCodes*/
-  ok: '#23ef2a',
-  os: '#adaead',
-  pa: '#f94693',
-  pb: '#ffdd00',
-  unknown: '#525252',
-  /*Echopedia Procosys Filters*/
-  priorityHigh: '#FF1243',
-  priorityMedium: '#FBCA36',
-  systems: '#D5EAF4',
-  locations: '#3EB54A',
-  /*Echopedia Stid OF-P colors */
-  ofpDark: '#f4d6a2',
-  ofpLight: '#faebce',
-  /* Popover colors */
-  warningText: '#ad6200',
-  warningIcon: '#ff9200',
-  warningBackground: '#ffe7d6',
-  /* Dropdown colors */
-  dropDownButtonBackground: '#f0f0f0',
-  dropDownTextColor: '#808080',
-  /* Search */
-  searchBarBackground: '#f7f7f7',
-  /*Application notifications*/
-  highSeverity: '#ffc1c1',
-  mediumSeverity: '#ffe7d6',
-  lowSeverity: '#dce6ee',
-  defaultSeverity: '#d5eaf4',
-  /* Toggle colors */
-  toggleActive: '#4bb748',
-  toggleInactive: '#b30d2f',
-  /* Icon colors */
-  hoverIcon: '#004f55',
-  hoverIconWithNotification: '#b30d2f',
-  /* Text */
-  tertiaryText: '#6f6f6f'
-};
+function _typeof$E(obj) {
+  "@babel/helpers - typeof";
 
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
+  return _typeof$E = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof$E(obj);
 }
 
-function _iterableToArrayLimit(arr, i) {
-  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
-  if (null != _i) {
-    var _s,
-      _e,
-      _x,
-      _r,
-      _arr = [],
-      _n = !0,
-      _d = !1;
-    try {
-      if (_x = (_i = _i.call(arr)).next, 0 === i) {
-        if (Object(_i) !== _i) return;
-        _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
-    } catch (err) {
-      _d = !0, _e = err;
-    } finally {
-      try {
-        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
-      } finally {
-        if (_d) throw _e;
+function classnames$3() {
+  for (var _len = arguments.length, parts = new Array(_len), _key = 0; _key < _len; _key++) {
+    parts[_key] = arguments[_key];
+  }
+  var classes = parts.filter(Boolean).reduce(function (classes, part) {
+    if (part) {
+      if (Array.isArray(part)) {
+        console.log('classnames does not support array yet!');
+      } else if (_typeof$E(part) === 'object') {
+        for (var key in part) {
+          if (part[key]) {
+            classes.push(key);
+          }
+        }
+      } else if (typeof part === 'string' || typeof part === 'number') {
+        classes.push(part);
       }
     }
-    return _arr;
+    return classes;
+  }, []).join(' ');
+  if (classes) {
+    return classes;
   }
+  return undefined;
 }
 
-function _arrayLikeToArray$3(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 _unsupportedIterableToArray$3(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray$3(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$3(o, minLen);
-}
-
-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 _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$3(arr, i) || _nonIterableRest();
-}
-
-function _arrayWithoutHoles$1(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray$3(arr);
-}
-
-function _iterableToArray$1(iter) {
-  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
+var _path$7, _path2$3;
+function _extends$e() { _extends$e = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$e.apply(this, arguments); }
+var SvgCableIcon = function SvgCableIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$e({
+    width: 24,
+    height: 24,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path$7 || (_path$7 = /*#__PURE__*/React.createElement("path", {
+    d: "M21.8 2.3c-.1-.2-.4-.3-.7-.2-.7.4-1.2 1.1-1.7 1.7V1.6c.1-.4-.2-.6-.4-.6-.3 0-.5.2-.5.5v2.3c-.5-.6-1.1-1.3-1.9-1.7-.2-.1-.5 0-.7.2-.1.2 0 .5.2.7.6.3.7.3 1 .8h-.2v3h4V3.7h-.4c.4-.5.5-.5 1-.8.4-.1.5-.4.3-.6ZM2.1 21.3c.1.2.4.3.7.2.7-.4 1.2-1.1 1.7-1.7V22c0 .3.2.5.5.5s.5-.2.5-.5v-2.3c.5.6 1.1 1.3 1.9 1.7.2.1.5 0 .7-.2.1-.2 0-.5-.2-.7-.6-.3-.7-.3-1-.8h.2v-3h-4v3.1h.4c-.4.5-.5.5-1 .8-.5.1-.6.4-.4.7Z",
+    fill: "#fff"
+  })), _path2$3 || (_path2$3 = /*#__PURE__*/React.createElement("path", {
+    d: "M16.9 18.8h-3c-1.7 0-3-1.3-3-3v-8c0-.5-.4-1-1-1h-3c-.5 0-1 .4-1 1v8h-2v-8c0-1.7 1.3-3 3-3h3c1.7 0 3 1.3 3 3v8c0 .5.4 1 1 1h3c.5 0 1-.4 1-1v-8h2v8c0 1.6-1.3 3-3 3Z",
+    fill: "#fff"
+  })));
+};
 
-function _nonIterableSpread$1() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
+var _path$6, _path2$2, _path3$1;
+function _extends$d() { _extends$d = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$d.apply(this, arguments); }
+var SvgCircuitIcon = function SvgCircuitIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$d({
+    width: 24,
+    height: 24,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path$6 || (_path$6 = /*#__PURE__*/React.createElement("path", {
+    d: "M12 7c-.6 0-1-.3-1-.75v-4.5c0-.45.4-.75 1-.75s1 .3 1 .75v4.5c0 .45-.5.75-1 .75ZM11.9 23c-.6 0-1-.4-1-1v-5c0-.6.4-1 1-1s1 .4 1 1v5c0 .5-.4 1-1 1Z",
+    fill: "#fff"
+  })), _path2$2 || (_path2$2 = /*#__PURE__*/React.createElement("path", {
+    d: "M11.8 17.8c-2.3 0-4.2-1.9-4.2-4.2 0-2.3 1.9-4.2 4.2-4.2 2.3 0 4.2 1.9 4.2 4.2 0 2.3-1.9 4.2-4.2 4.2Zm0-6.4c-1.2 0-2.2 1-2.2 2.2 0 1.2 1 2.2 2.2 2.2 1.2 0 2.2-1 2.2-2.2 0-1.2-1-2.2-2.2-2.2Z",
+    fill: "#fff"
+  })), _path3$1 || (_path3$1 = /*#__PURE__*/React.createElement("path", {
+    d: "M9.6 11.6c-.3 0-.5-.1-.7-.3L4.3 6.7c-.4-.4-.4-1 0-1.4.4-.4 1-.4 1.4 0l4.6 4.6c.4.4.4 1 0 1.4-.2.2-.5.3-.7.3Z",
+    fill: "#fff"
+  })));
+};
 
-function _toConsumableArray$1(arr) {
-  return _arrayWithoutHoles$1(arr) || _iterableToArray$1(arr) || _unsupportedIterableToArray$3(arr) || _nonIterableSpread$1();
-}
+var _path$5;
+function _extends$c() { _extends$c = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$c.apply(this, arguments); }
+var SvgElectricalIcon = function SvgElectricalIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$c({
+    width: 24,
+    height: 24,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path$5 || (_path$5 = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 2 1 21h22L12 2Zm0 3.99L19.53 19H4.47L12 5.99Zm-1.397 8.836-1.357 3.558 4.342-3.9-1.246-.476L13.7 10.45l-4.342 3.901 1.246.475Z",
+    fill: "#fff"
+  })));
+};
 
-var css_248z$D = ".dataInfoButton-module_button__N4F5j{background-color:var(--white)!important;border:2px solid var(--equiGreen1)!important;box-shadow:0 4px 4px rgba(0,0,0,.25);color:var(--asBuilt)!important;height:48px!important;margin:3px!important;width:48px!important}.dataInfoButton-module_button__N4F5j:hover{background:#deedee!important}.dataInfoButton-module_buttonWithBadge__Qjm3a:after{background:var(--white);border:1px solid var(--asBuilt);border-radius:100%;box-sizing:unset;color:var(--equiGreen1);content:attr(data-count)!important;display:block;font-size:9px;font-style:normal;font-weight:700;height:18px!important;left:25px!important;line-height:20px;position:absolute;text-align:center;top:-5px!important;width:18px!important}";
-var style$a = {"button":"dataInfoButton-module_button__N4F5j","buttonWithBadge":"dataInfoButton-module_buttonWithBadge__Qjm3a"};
-styleInject(css_248z$D);
+var _g$3;
+function _extends$b() { _extends$b = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$b.apply(this, arguments); }
+var SvgFunctionIcon = function SvgFunctionIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$b({
+    width: 24,
+    height: 24,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _g$3 || (_g$3 = /*#__PURE__*/React.createElement("g", {
+    fill: "#fff"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M4.3 6.6C4.3 3.6 5.9 2 9 2c.8 0 1.6.1 2.3.3v2.3c-.7-.2-1.2-.2-1.7-.2-1.6 0-2.3.9-2.3 2.6v1.3h3.3v2.2H7.3V22h-3V10.5H2V8.3h2.3V6.6ZM17.2 17.5l1.5 2.9h-2.3l-.7-1.4-.7 1.4h-2l1.5-2.6-1.4-2.7h2.3l.5 1.2.6-1.2h1.9l-1.2 2.4Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M12 22.8c-3.9-4.8-1.7-9.6 0-11.5l1.5 1.3-.7-.6.7.7c-.2.2-3.7 4.2 0 8.9L12 22.8ZM19.8 22.9l-1.5-1.3c.2-.2 3.7-4.2 0-8.9l1.6-1.3c3.8 4.8 1.6 9.6-.1 11.5Z"
+  }))));
+};
 
-/**
- * Component that renders a data information button with a badge to indicate the number of items under that scoped type
- *
- * @param {DataInfoButtonProps} { data } Contains data information related to how the button should be rendered
- * numberOfItems: If number is 1 or less no badge will be displayed on the button. If number is over 99,
- * then the text 99+ will be displayed. Otherwise the provided number will be displayed
- * label: The name of the data type, will be displayed on the button
- * ariaLabel: The aria label set on the button, if empty the label will be used
- * onTagInfoClicked: The method to be called when button is pressed
- * itemButtonClassName: Used to style button if default styling is not wanted. class name might need higher precedence for overriding existing styling e.g. "div.itemButtonClassName { background-color: blue !important}"
- * @return {*}  {JSX.Element} Data information button with or without a badge based on the provided data object
- */
-var DataInfoButton = function DataInfoButton(_ref) {
-  var data = _ref.data;
-  var _a;
-  return /*#__PURE__*/React__default.createElement(Button, {
-    "aria-label": (_a = data.ariaLabel) !== null && _a !== void 0 ? _a : data.label,
-    onClick: data.onTagInfoClicked,
-    className: "".concat(data.itemButtonClassName, " ").concat(style$a.button, " ").concat(data.numberOfItems > 1 ? style$a.buttonWithBadge : ''),
-    variant: "ghost_icon",
-    "data-count": data.numberOfItems > 99 ? '99+' : data.numberOfItems
-  }, data.label);
+var _g$2, _defs$1;
+function _extends$a() { _extends$a = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$a.apply(this, arguments); }
+var SvgInstrumentIcon = function SvgInstrumentIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$a({
+    width: 24,
+    height: 24,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _g$2 || (_g$2 = /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#Instrument-icon_svg__a)",
+    fill: "#fff"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M12 4c3.9 0 7 3.1 7 7s-3.1 7-7 7-7-3.1-7-7 3.1-7 7-7Zm0-2c-5 0-9 4-9 9s4 9 9 9 9-4 9-9-4-9-9-9Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M11.9 15.8c-.2 0-.3 0-.5-.1-.5-.3-.7-.9-.4-1.4l4-7.1c.3-.5.9-.7 1.4-.4.5.3.7.9.4 1.4l-4 7.1c-.3.3-.6.5-.9.5ZM12 22.4c-.6 0-1-.4-1-1V20c0-.6.4-1 1-1s1 .4 1 1v1.4c0 .6-.4 1-1 1Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M7.4 17.8c1.3-1.1 2.9-1.8 4.7-1.8 1.5 0 3 .5 4.1 1.4l1.5-1.4c-1.5-1.2-3.5-2-5.6-2-2.4 0-4.5.9-6.2 2.4l1.5 1.4Z"
+  }))), _defs$1 || (_defs$1 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "Instrument-icon_svg__a"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#fff",
+    d: "M3 2h18v20H3z"
+  })))));
 };
 
-var css_248z$C = ".dataInfoPopover-module_wrapper__l8JCd{display:flex;flex-direction:column;position:absolute;right:0;z-index:10}.dataInfoPopover-module_arrow__KXQ5a{align-self:flex-end;border-bottom:7px solid rgba(0,0,0,.4);border-left:7px solid transparent;border-right:7px solid transparent;height:0;margin-right:17px;margin-top:3px;position:relative;width:0}.dataInfoPopover-module_optionsPopover__ZPXbv .arrow:after{border-bottom-color:rgba(0,0,0,.4)}.dataInfoPopover-module_optionsPopover__ZPXbv .arrow:before{border-bottom:0}.dataInfoPopover-module_optionsPopover__ZPXbv{align-self:flex-end;background:rgba(0,0,0,.4);border:0;border-radius:5px;display:flex;justify-content:space-between;max-width:max-content;padding:var(--small);position:relative}@media screen and (max-width:440px){.dataInfoPopover-module_optionsPopover__ZPXbv{max-width:270px}}.dataInfoPopover-module_groupWrapper__InWuY{display:flex;flex-direction:column;flex-wrap:wrap}@media screen and (max-width:440px){.dataInfoPopover-module_wrapper__l8JCd{left:0}.dataInfoPopover-module_arrow__KXQ5a{align-self:flex-start;margin-left:15px}.dataInfoPopover-module_optionsPopover__ZPXbv{align-self:flex-start}}.dataInfoPopover-module_banner__QtiKf{white-space:nowrap}.dataInfoPopover-module_infoMessage__lqzTe{color:var(--equiGray4)!important}.dataInfoPopover-module_banner__QtiKf>div{padding:0 16px 0 0!important}.dataInfoPopover-module_banner__QtiKf>hr{display:none}";
-var style$9 = {"wrapper":"dataInfoPopover-module_wrapper__l8JCd","arrow":"dataInfoPopover-module_arrow__KXQ5a","optionsPopover":"dataInfoPopover-module_optionsPopover__ZPXbv","groupWrapper":"dataInfoPopover-module_groupWrapper__InWuY","banner":"dataInfoPopover-module_banner__QtiKf","infoMessage":"dataInfoPopover-module_infoMessage__lqzTe"};
-styleInject(css_248z$C);
-
-/**
- * Component that renders a popover with data information buttons
- *
- * @param {DataInfoPopoverProps} {
- *  dataToShow: list of DataInformation objects to be displayed.
- *  The itemType in these objects are used to group them together in the popover
- *  isLoading: loading flag that tells if a dot progress should be displayed if data is being fetched
- * }
- * @return {*} {JSX.Element} Popover with data information buttons based on the provided DataInformation objects
- */
-var DataInfoPopover = function DataInfoPopover(_ref) {
-  var dataToShow = _ref.dataToShow,
-    isLoading = _ref.isLoading;
-  var getDataGroupings = dataToShow.reduce(function (dictionary, current) {
-    if (!dictionary[current.itemType]) {
-      dictionary[current.itemType] = [current];
-    } else {
-      dictionary[current.itemType] = [].concat(_toConsumableArray$1(dictionary[current.itemType]), [current]);
-    }
-    return dictionary;
-  }, {});
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    showNoDataIndicator = _useState2[0],
-    setShowNoDataIndicator = _useState2[1];
-  useEffect(function () {
-    var delay = 200;
-    var timer = setTimeout(function () {
-      return setShowNoDataIndicator(true);
-    }, delay);
-    return function () {
-      clearTimeout(timer);
-    };
-  });
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: style$9.wrapper
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: style$9.arrow
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: style$9.optionsPopover
-  }, isLoading && dataToShow.length === 0 && /*#__PURE__*/React__default.createElement(DotProgress, {
-    color: "neutral"
-  }), showNoDataIndicator && !isLoading && dataToShow.length === 0 && /*#__PURE__*/React__default.createElement(Banner, {
-    className: style$9.banner
-  }, /*#__PURE__*/React__default.createElement(Banner.Icon, {
-    variant: "info"
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    name: "info_circle",
-    title: "No data to display",
-    color: themeConst.asBuilt
-  })), /*#__PURE__*/React__default.createElement(Banner.Message, {
-    className: style$9.infoMessage
-  }, "No information to display")), Object.keys(getDataGroupings).map(function (key) {
-    return /*#__PURE__*/React__default.createElement("div", {
-      key: key,
-      className: style$9.groupWrapper
-    }, getDataGroupings[key].map(function (data, index) {
-      return /*#__PURE__*/React__default.createElement(DataInfoButton, {
-        data: data,
-        key: index
-      });
-    }));
+var _path$4;
+function _extends$9() { _extends$9 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$9.apply(this, arguments); }
+var SvgJunctionBoxIcon = function SvgJunctionBoxIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$9({
+    width: 24,
+    height: 24,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path$4 || (_path$4 = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M3.023 3.695A2 2 0 0 1 5 2h14a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2h-2v3h-2v-3h-2v3h-2v-3H9v3H7v-3H5a2 2 0 0 1-2-2V4c0-.104.008-.205.023-.305ZM5 4v13h14V4H5Z",
+    fill: "#fff"
   })));
 };
 
-var css_248z$B = ".buttonWithPopover-module_button__FDyTt{background-color:var(--white)!important;border:3px solid var(--white)!important;border-radius:10rem;box-shadow:0 4px 4px rgba(0,0,0,.25);box-sizing:border-box;height:46px!important;width:46px!important}.buttonWithPopover-module_button__FDyTt:hover{background:#deedee!important}.buttonWithPopover-module_wrapper__-pQfB{position:relative}.buttonWithPopover-module_spinner__LMbqe{height:34px!important;margin:3px;width:34px!important}";
-var style$8 = {"button":"buttonWithPopover-module_button__FDyTt","wrapper":"buttonWithPopover-module_wrapper__-pQfB","spinner":"buttonWithPopover-module_spinner__LMbqe"};
-styleInject(css_248z$B);
-
-/**
- * Component that renders a round button, that opens a popover upon being clicked
- *
- * @param {ButtonWithPopoverProps} {
- *     onShowMoreClicked: method called upon button clicked
- *     fetchedData: array of DataInformation that popover should be displayed when button is clicked.
- *                  Meant to be the return value of the fetchDataToShow method
- *     isLoading: flag to show loading state if data fetch takes some time
- *     expanded: flag to determine if popover should be expanded or not
- * @return {*}  {JSX.Element} Round button with belonging popover to display data information buttons
- */
-var ButtonWithPopover = function ButtonWithPopover(_ref) {
-  var onShowMoreClicked = _ref.onShowMoreClicked,
-    fetchedData = _ref.fetchedData,
-    isLoading = _ref.isLoading,
-    expanded = _ref.expanded;
-  var renderPopoverButton = function renderPopoverButton() {
-    if (!expanded) {
-      return /*#__PURE__*/React__default.createElement(Icon, {
-        name: "more_horizontal",
-        title: "more options",
-        color: themeConst.asBuilt
-      });
-    } else {
-      return /*#__PURE__*/React__default.createElement(Icon, {
-        name: "close",
-        title: "close more options",
-        color: themeConst.asBuilt
-      });
-    }
-  };
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: style$8.wrapper
-  }, expanded && isLoading ? /*#__PURE__*/React__default.createElement("div", {
-    className: style$8.button,
-    onClick: onShowMoreClicked
-  }, /*#__PURE__*/React__default.createElement(CircularProgress, {
-    className: style$8.spinner
-  })) : /*#__PURE__*/React__default.createElement(Button, {
-    className: style$8.button,
-    variant: "ghost_icon",
-    onClick: onShowMoreClicked
-  }, renderPopoverButton()), expanded && /*#__PURE__*/React__default.createElement(DataInfoPopover, {
-    isLoading: isLoading,
-    dataToShow: fetchedData
-  }));
+var _path$3, _path2$1, _path3, _path4;
+function _extends$8() { _extends$8 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }
+var SvgLineIcon = function SvgLineIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$8({
+    width: 24,
+    height: 24,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path$3 || (_path$3 = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M17 10H7v4h10v-4ZM5 8v8h14V8H5Z",
+    fill: "#fff"
+  })), _path2$1 || (_path2$1 = /*#__PURE__*/React.createElement("path", {
+    d: "M1 8a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2H1ZM7 16a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2h6Z",
+    fill: "#fff"
+  })), _path3 || (_path3 = /*#__PURE__*/React.createElement("path", {
+    d: "M5 6a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2V6ZM3 18a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2v12ZM17 8a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2h-6ZM23 16a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2h6Z",
+    fill: "#fff"
+  })), _path4 || (_path4 = /*#__PURE__*/React.createElement("path", {
+    d: "M21 6a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2V6ZM19 18a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2v12Z",
+    fill: "#fff"
+  })));
 };
 
-var css_248z$A = ".tagIcon-module_icon__FVhlT{border:3px solid var(--white);border-radius:10rem;box-sizing:border-box;height:46px;padding:8px;position:relative;transform-origin:left top;width:46px}.tagIcon-module_shadow__dAk0l{border-radius:10rem;box-shadow:0 4px 4px rgba(0,0,0,.25);height:46px;width:46px}";
-var styles$q = {"icon":"tagIcon-module_icon__FVhlT","shadow":"tagIcon-module_shadow__dAk0l"};
-styleInject(css_248z$A);
+var _path$2, _path2;
+function _extends$7() { _extends$7 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$7.apply(this, arguments); }
+var SvgMainEquipmentIcon = function SvgMainEquipmentIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$7({
+    width: 24,
+    height: 24,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path$2 || (_path$2 = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "m21.4 11.6-9-9c-.3-.4-.8-.6-1.4-.6H4c-1.1 0-2 .9-2 2v7c0 .6.2 1.1.6 1.4l9 9c.3.4.8.6 1.4.6.6 0 1.1-.2 1.4-.6l7-7c.4-.4.6-.9.6-1.4 0-.5-.2-1.1-.6-1.4ZM13 20l-9-9V4h7l9 9-7 7ZM5 6.5C5 5.7 5.7 5 6.5 5S8 5.7 8 6.5 7.3 8 6.5 8 5 7.3 5 6.5Z",
+    fill: "#fff"
+  })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
+    d: "m18.2 12.3-1.4 1.4-1.5-1.5-1.7-1.9.8 3-.9.9-3-.7 1.8 1.6 1.5 1.5-1.4 1.4-5.7-5.7 1.5-1.5L12 12l-1.1-3.9 1.5-1.5 5.8 5.7Z",
+    fill: "#fff"
+  })));
+};
 
-/**
- * Component that will wrap the provided icon with a background color (usually the legend color)
- *
- * @param {TagIconProps} {
- *  icon: Icon to be wrapped
- *  legendColor: background color to apply. Need to be valid css color
- * }
- * @return {*}  {JSX.Element} Wrapped icon with provided color
- */
-var TagIcon = function TagIcon(_ref) {
-  var icon = _ref.icon,
-    legendColor = _ref.legendColor;
-  return /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      background: legendColor
-    },
-    className: "".concat(styles$q.icon)
-  }, icon);
+var _g$1;
+function _extends$6() { _extends$6 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$6.apply(this, arguments); }
+var SvgManualValveIcon = function SvgManualValveIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$6({
+    width: 24,
+    height: 24,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _g$1 || (_g$1 = /*#__PURE__*/React.createElement("g", {
+    fill: "#fff"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "m4 8.3 5.8 4.8L4 17.8V8.3ZM2 4.1v18l11-9-11-9Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M20 8.3v9.6L14.1 13 20 8.3ZM22 4l-11 9 11 9V4Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M13 3.7h-2v9.8h2V3.7Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M15 4H9c-.5 0-1-.4-1-1s.4-1 1-1h6c.6 0 1 .4 1 1s-.5 1-1 1Z"
+  }))));
 };
 
-/**
- * Component that will wrap the provided child element in a shadow.
- * Should be used to add shadow to the tagIcon component
- *
- * @param {TagIconShadowWrapperProps} { children } Child element to wrap
- * @return {*} {JSX.Element} wrapped child element in a shadow
- */
-var TagIconShadowWrapper = function TagIconShadowWrapper(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(styles$q.shadow)
-  }, children);
+var _path$1;
+function _extends$5() { _extends$5 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5.apply(this, arguments); }
+var SvgSignalIcon = function SvgSignalIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$5({
+    width: 24,
+    height: 24,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path$1 || (_path$1 = /*#__PURE__*/React.createElement("path", {
+    d: "M14.1 20c-.6 0-1.1-.4-1.2-1l-1.2-8.5-.7 4c-.1.5-.5.9-1.1 1-.5 0-1-.3-1.2-.8l-.4-1-.4 2.3H2c-.6 0-1-.4-1-1s.4-1 1-1h4.2l.6-3.6c.1-.5.5-.9 1.1-1 .5 0 1 .3 1.2.8l.4 1L10.6 5c.1-.6.6-1 1.2-1s1.1.4 1.2 1l1.2 8.4.8-4.7c.1-.6.5-1 1.1-1 .6 0 1.1.3 1.2.9l1.5 5.5H22c.6 0 1 .4 1 1s-.4 1-1 1h-4.8l-1-3.4-1 6.4c-.1.5-.6.9-1.1.9Z",
+    fill: "#fff"
+  })));
 };
 
-var css_248z$z = ".tagContextMenu-module_contextWrapper__o8wWz{border-radius:10rem;cursor:pointer;width:fit-content}.tagContextMenu-module_contextWrapperExpanded__FJI8c{cursor:pointer;display:flex;flex-wrap:wrap}.tagContextMenu-module_selected__4L6WK{box-shadow:0 0 10px 5px var(--toggleActive)}.tagContextMenu-module_tagInfoWrapper__y4LBf{align-items:center;background-color:var(--white);border-radius:10rem;box-shadow:0 4px 4px rgba(0,0,0,.25);box-sizing:unset;display:flex;height:52px;overflow:hidden;padding:1px;width:100%}.tagContextMenu-module_tagText__8GaFk{cursor:pointer;margin:auto;max-width:240px;min-width:55px;overflow:hidden;padding:0 var(--small) 0 var(--small);text-align:start;text-overflow:ellipsis;white-space:nowrap;width:100%}@media screen and (max-width:440px){.tagContextMenu-module_tagText__8GaFk{max-width:140px;min-width:140px}}@media screen and (min-width:440px) and (max-width:560px){.tagContextMenu-module_tagText__8GaFk{max-width:240px}}.tagContextMenu-module_tagHeader__NW1El{color:var(--equiGreen1)!important;font-weight:700!important;overflow:hidden;text-overflow:ellipsis}.tagContextMenu-module_tagDescription__lrT1D{overflow:hidden;text-overflow:ellipsis}.tagContextMenu-module_tagInfoIcon__AMpqu{margin:3px}";
-var styles$p = {"contextWrapper":"tagContextMenu-module_contextWrapper__o8wWz","contextWrapperExpanded":"tagContextMenu-module_contextWrapperExpanded__FJI8c","selected":"tagContextMenu-module_selected__4L6WK","tagInfoWrapper":"tagContextMenu-module_tagInfoWrapper__y4LBf","tagText":"tagContextMenu-module_tagText__8GaFk","tagHeader":"tagContextMenu-module_tagHeader__NW1El","tagDescription":"tagContextMenu-module_tagDescription__lrT1D","tagInfoIcon":"tagContextMenu-module_tagInfoIcon__AMpqu"};
-styleInject(css_248z$z);
-
-/**
- * Component that renders a tag context menu that can be expanded and closed upon click
- * The condensed variant will only display the the relevant tag icon
- * The expanded variant will display relevant tag icon, tag number and tag description
- *
- * @param {TagContextMenuProps} {
- *     expanded: flag that state if the context menu should be expanded or not
- *     setExpanded: method to update the expanded flag
- *     tagNo: the tag no to display
- *     description: the tag description
- *     openTagInformation: method called when expanded context menu is called
- *     selected: Flag to handle if there are multiple context menu's on a page, and a selected style should be applied
- *     selectedClassName: styling used to handle multiple tag visible on the page at the same time, class will be added to tagIcon when context menu is not expanded
- *     children: Meant to be used to pass TagIcon component to this component
- * }
- * @return {*}  {JSX.Element} a tag context menu for the provided properties
- */
-var TagContextMenu = function TagContextMenu(_ref) {
-  var expanded = _ref.expanded,
-    setExpanded = _ref.setExpanded,
-    tagNo = _ref.tagNo,
-    description = _ref.description,
-    selected = _ref.selected,
-    selectedClassName = _ref.selectedClassName,
-    openTagInformation = _ref.openTagInformation,
-    children = _ref.children;
-  if (expanded) {
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: styles$p.contextWrapperExpanded,
-      onClick: openTagInformation
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: styles$p.tagInfoWrapper
-    }, children, /*#__PURE__*/React__default.createElement("div", {
-      className: styles$p.tagText
-    }, /*#__PURE__*/React__default.createElement(Typography, {
-      variant: "h5",
-      className: styles$p.tagHeader
-    }, tagNo), /*#__PURE__*/React__default.createElement(Typography, {
-      variant: "body_short",
-      className: styles$p.tagDescription
-    }, description)), /*#__PURE__*/React__default.createElement("div", {
-      className: styles$p.tagInfoIcon
-    }, /*#__PURE__*/React__default.createElement(Button, {
-      variant: "ghost_icon"
-    }, /*#__PURE__*/React__default.createElement(Icon, {
-      name: "info_circle",
-      title: "tag information",
-      color: themeConst.asBuilt
-    })))));
-  } else {
-    return /*#__PURE__*/React__default.createElement("div", {
-      "data-testid": "open-tag-info",
-      className: "".concat(styles$p.contextWrapper, " ").concat(selected ? selectedClassName ? selectedClassName : styles$p.selected : ''),
-      onClick: function onClick() {
-        setExpanded(true);
-      }
-    }, /*#__PURE__*/React__default.createElement(TagIconShadowWrapper, null, children));
-  }
+var _path;
+function _extends$4() { _extends$4 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
+var SvgTagIcon = function SvgTagIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$4({
+    width: 24,
+    height: 24,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "m21.41 11.58-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42ZM13 20.01 4 11V4h7v-.01l9 9-7 7.02ZM5 6.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Z",
+    fill: "#fff"
+  })));
 };
 
-var css_248z$y = ".contextMenu-module_wrapper__p-0Zc{display:flex;flex-wrap:wrap;position:absolute;width:fit-content}.contextMenu-module_wrapper__p-0Zc>div:first-child{margin-right:4px}@media screen and (max-width:440px){.contextMenu-module_wrapper__p-0Zc{max-width:250px}.contextMenu-module_wrapper__p-0Zc>div:first-child{margin-bottom:5px}}";
-var style$7 = {"wrapper":"contextMenu-module_wrapper__p-0Zc"};
-styleInject(css_248z$y);
+var _g, _defs;
+function _extends$3() { _extends$3 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
+var SvgTelecomIcon = function SvgTelecomIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$3({
+    width: 24,
+    height: 24,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _g || (_g = /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#Telecom-icon_svg__a)",
+    fill: "#fff"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "m14.656 12.239 1.802-.63c-1.25-3.568-4.024-3.988-4.148-4.007l-.277 1.889c.077.01 1.774.324 2.623 2.748ZM12.844 4.263l-.496 1.841c.143.038 3.586 1.04 5.626 5.648l1.745-.773c-2.422-5.486-6.694-6.669-6.875-6.716Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "m13.168 1-.648 1.794c.057.019 5.96 2.203 8.716 8.939L23 11.008C19.92 3.5 13.435 1.095 13.168 1ZM12.749 15.32a3 3 0 0 0 .219-1.097 3.14 3.14 0 0 0-3.137-3.139c-.41 0-.811.077-1.173.23l-4.254-4.18a1.124 1.124 0 0 0-.81-.333c-.372 0-.744.18-.973.515C.161 10.903.41 16.598 4.004 20.119c1.993 1.956 4.634 2.872 7.19 2.872 2.06 0 4.063-.592 5.646-1.718.59-.42.667-1.278.152-1.793l-4.243-4.16Zm-1.555 5.772c-2.25 0-4.33-.83-5.855-2.328-2.775-2.719-2.956-6.878-1.593-9.607l4.034 3.96.858.848c.124-.553.592-.982 1.183-.982.677 0 1.23.553 1.23 1.23 0 .582-.41 1.05-.954 1.183l1.46 1.44 3.413 3.35c-1.096.582-2.412.906-3.776.906Z"
+  }))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "Telecom-icon_svg__a"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#fff",
+    d: "M1 1h22v22H1z"
+  })))));
+};
 
+var TagCategoryType;
+(function (TagCategoryType) {
+  TagCategoryType["Electrical"] = "electrical";
+  TagCategoryType["MainEquipment"] = "main equipment";
+  TagCategoryType["Line"] = "line";
+  TagCategoryType["ManualValve"] = "manual valve";
+  TagCategoryType["CircuitAndStarter"] = "circuit";
+  TagCategoryType["Instrument"] = "instrument";
+  TagCategoryType["Cable"] = "cable";
+  TagCategoryType["Function"] = "function";
+  TagCategoryType["Signal"] = "signal";
+  TagCategoryType["Telecom"] = "telecom";
+  TagCategoryType["JunctionBox"] = "junction box";
+  TagCategoryType["Administrative"] = "administrative";
+})(TagCategoryType || (TagCategoryType = {}));
 /**
- * Component that renders full context menu functionality, meant for displaying tag context menu.
- * With the ability to provide more information button and related popover that should be wrapped with the context menu
- *
- * @param {ContextMenuProps} {
- *     icon: icon to be displayed
- *     expanded: flag to determine if context menu should be expanded or not
- *     legendColor: color used for the tag icon
- *     setExpanded: method to update expanded flag
- *     tagNo: The tag number to display
- *     description: The tag description to display
- *     positionStyle: The position styling element used to position the context menu
- *     openTagInformation: Method that will be called when expanded context menu is clicked
- *     selected: Flag to handle if there are multiple context menu's on a page, and a selected style should be applied
- *     selectedClassName: styling used to handle multiple tag visible on the page at the same time, class will be added to tagIcon when context menu is not expanded
- *     children: Related elements to display, e.g. more information button
- * }
- * @return {*} {JSX.Element} Context menu with relevant children wrapped
+ * Method that returns the relevant Icon for the tagCategoryDescription provided
+ * Tag icon is the default JSX.Element Icon returned
+ * @export
+ * @param {('electrical'
+ *         | 'main equipment'
+ *         | 'line'
+ *         | 'manual valve'
+ *         | 'circuit/starter'
+ *         | 'instrument'
+ *         | 'cable'
+ *         | 'function'
+ *         | 'signal'
+ *         | 'telecom'
+ *         | 'junction box'
+ *         | 'administrative'
+ * @return {*}  {JSX.Element} Relevant icon for the provided tagCategoryDescription
  */
-var ContextMenu = function ContextMenu(_ref) {
-  var icon = _ref.icon,
-    expanded = _ref.expanded,
-    legendColor = _ref.legendColor,
-    setExpanded = _ref.setExpanded,
-    tagNo = _ref.tagNo,
-    description = _ref.description,
-    positionStyle = _ref.positionStyle,
-    selected = _ref.selected,
-    selectedClassName = _ref.selectedClassName,
-    openTagInformation = _ref.openTagInformation,
-    children = _ref.children;
-  return /*#__PURE__*/React__default.createElement("div", {
-    style: positionStyle,
-    className: style$7.wrapper
-  }, /*#__PURE__*/React__default.createElement(TagContextMenu, {
-    setExpanded: setExpanded,
-    openTagInformation: openTagInformation,
-    tagNo: tagNo,
-    description: description,
-    expanded: expanded,
-    selected: selected,
-    selectedClassName: selectedClassName
-  }, /*#__PURE__*/React__default.createElement(TagIcon, {
-    icon: icon,
-    legendColor: legendColor
-  })), expanded && children);
+var TagCategoryIcon = function TagCategoryIcon(_ref) {
+  var tagCategoryDescription = _ref.tagCategoryDescription;
+  var tagCategory = tagCategoryDescription.toLocaleLowerCase().toString();
+  switch (tagCategory.includes(tagCategory)) {
+    case isGivenTagCategory(tagCategory, TagCategoryType.Electrical):
+      return /*#__PURE__*/React__default.createElement(SvgElectricalIcon, {
+        "aria-label": 'electrical'
+      });
+    case isGivenTagCategory(tagCategory, TagCategoryType.MainEquipment):
+      return /*#__PURE__*/React__default.createElement(SvgMainEquipmentIcon, {
+        "aria-label": 'main equipment'
+      });
+    case isGivenTagCategory(tagCategory, TagCategoryType.Line):
+      return /*#__PURE__*/React__default.createElement(SvgLineIcon, {
+        "aria-label": 'line'
+      });
+    case isGivenTagCategory(tagCategory, TagCategoryType.ManualValve):
+      return /*#__PURE__*/React__default.createElement(SvgManualValveIcon, {
+        "aria-label": 'manual valve'
+      });
+    case isGivenTagCategory(tagCategory, TagCategoryType.CircuitAndStarter):
+      return /*#__PURE__*/React__default.createElement(SvgCircuitIcon, {
+        "aria-label": 'circuit/starter'
+      });
+    case isGivenTagCategory(tagCategory, TagCategoryType.Instrument):
+      return /*#__PURE__*/React__default.createElement(SvgInstrumentIcon, {
+        "aria-label": 'instrument'
+      });
+    case isGivenTagCategory(tagCategory, TagCategoryType.Cable):
+      return /*#__PURE__*/React__default.createElement(SvgCableIcon, {
+        "aria-label": 'cable'
+      });
+    case isGivenTagCategory(tagCategory, TagCategoryType.Function):
+      return /*#__PURE__*/React__default.createElement(SvgFunctionIcon, {
+        "aria-label": 'function'
+      });
+    case isGivenTagCategory(tagCategory, TagCategoryType.Signal):
+      return /*#__PURE__*/React__default.createElement(SvgSignalIcon, {
+        "aria-label": 'signal'
+      });
+    case isGivenTagCategory(tagCategory, TagCategoryType.Telecom):
+      return /*#__PURE__*/React__default.createElement(SvgTelecomIcon, {
+        "aria-label": 'telecom'
+      });
+    case isGivenTagCategory(tagCategory, TagCategoryType.JunctionBox):
+      return /*#__PURE__*/React__default.createElement(SvgJunctionBoxIcon, {
+        "aria-label": 'junction box'
+      });
+    case isGivenTagCategory(tagCategory, TagCategoryType.Administrative):
+    default:
+      return /*#__PURE__*/React__default.createElement(SvgTagIcon, {
+        "aria-label": 'tag'
+      });
+  }
 };
-
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+function isGivenTagCategory(tagCategoryDescription, tagCategoryType) {
+  return tagCategoryDescription.includes(tagCategoryType);
 }
 
-function getAugmentedNamespace(n) {
-  if (n.__esModule) return n;
-  var f = n.default;
-	if (typeof f == "function") {
-		var a = function a () {
-			if (this instanceof a) {
-				var args = [null];
-				args.push.apply(args, arguments);
-				var Ctor = Function.bind.apply(f, args);
-				return new Ctor();
-			}
-			return f.apply(this, arguments);
-		};
-		a.prototype = f.prototype;
-  } else a = {};
-  Object.defineProperty(a, '__esModule', {value: true});
-	Object.keys(n).forEach(function (k) {
-		var d = Object.getOwnPropertyDescriptor(n, k);
-		Object.defineProperty(a, k, d.get ? d : {
-			enumerable: true,
-			get: function () {
-				return n[k];
-			}
-		});
-	});
-	return a;
+function getIcon(tagCategoryDescription) {
+  return /*#__PURE__*/React__default.createElement(TagCategoryIcon, {
+    tagCategoryDescription: tagCategoryDescription
+  });
 }
 
-var regeneratorRuntimeExports = {};
-var regeneratorRuntime$1 = {
-  get exports(){ return regeneratorRuntimeExports; },
-  set exports(v){ regeneratorRuntimeExports = v; },
+var css_248z$E = ".BlackLink-module_linkElement__WGkkg{align-items:center;color:var(--echoText);cursor:auto;cursor:pointer;display:inline-flex;gap:.5rem;text-decoration:underline;text-decoration:none}.BlackLink-module_linkElement__WGkkg>label{cursor:inherit}.BlackLink-module_linkElement__WGkkg>span{line-height:0}.BlackLink-module_linkElement__WGkkg:hover{text-decoration:underline}.BlackLink-module_linkElement__WGkkg:focus{outline:1px dashed #007079;text-decoration:underline}.BlackLink-module_linkIcon__GW-93{min-height:24px;min-width:24px}";
+var styles$r = {"linkElement":"BlackLink-module_linkElement__WGkkg","linkIcon":"BlackLink-module_linkIcon__GW-93"};
+styleInject(css_248z$E);
+
+var BlackLink = function BlackLink(_ref) {
+  var className = _ref.className,
+    href = _ref.href,
+    linkText = _ref.linkText,
+    preserveTab = _ref.preserveTab;
+  var linkElement = classnames$3(className, styles$r.linkElement);
+  return /*#__PURE__*/React__default.createElement("a", {
+    className: linkElement,
+    id: linkText,
+    href: href,
+    tabIndex: 0,
+    target: !preserveTab ? '_blank' : undefined,
+    rel: "noreferrer"
+  }, /*#__PURE__*/React__default.createElement("label", {
+    htmlFor: linkText
+  }, linkText), /*#__PURE__*/React__default.createElement(Icon, {
+    className: styles$r.linkIcon,
+    color: 'var(--echoText)',
+    name: "external_link",
+    size: 24
+  }));
 };
 
-var _typeofExports = {};
-var _typeof$E = {
-  get exports(){ return _typeofExports; },
-  set exports(v){ _typeofExports = v; },
+var themeConst = {
+  /* Echo - Digital Twin Colors*/
+  black: '#000000',
+  white: '#ffffff',
+  equiBlue1: '#233746',
+  equiBlue2: '#d7e1ed',
+  equiBlue3: '#D5EAF4',
+  equiGray1: '#87929a',
+  equiGray2: '#b4bbc0',
+  equiGray3: '#d1d5d8',
+  equiGray4: '#e3e6e8',
+  equiGray5: '#f7f7f7',
+  equiRed1: '#ff1243',
+  darkEquiRed: '#ce183e',
+  equiGreen1: '#006f79',
+  equiGreen2: '#deedee',
+  equiGreen3: '#e6faec',
+  equiGreen4: '#c3f3d2',
+  echoText: '#3d3d3d',
+  disabledBackgroundColor: '#eaeaea',
+  disabledColor: '#6f6f6f',
+  /* Echopedia Work Order status color */
+  pm01: '#00ff00',
+  pm02: '#ff1493',
+  pm03: '#00ffff',
+  pm04: '#9400d3',
+  pm05: '#1e90ff',
+  pm06: '#ffdead',
+  pm010: '#ff4500',
+  pm015: '#228b22',
+  pm020: '#00008b',
+  /* Echopedia Notifications status color */
+  onGoing: '#fbca36',
+  done: '#4bb748',
+  /* Echopedia Stid StatusCode */
+  asBuilt: '#007079',
+  planned: '#4bb748',
+  future: '#52c0ff',
+  historic: '#ff7d98',
+  outOfService: '#ff9200',
+  reserved: '#243746',
+  voided: '#eb0000',
+  "default": '#dcdcdc',
+  /*Echopedia Procosys StatusCodes*/
+  ok: '#23ef2a',
+  os: '#adaead',
+  pa: '#f94693',
+  pb: '#ffdd00',
+  unknown: '#525252',
+  /*Echopedia Procosys Filters*/
+  priorityHigh: '#FF1243',
+  priorityMedium: '#FBCA36',
+  systems: '#D5EAF4',
+  locations: '#3EB54A',
+  /*Echopedia Stid OF-P colors */
+  ofpDark: '#f4d6a2',
+  ofpLight: '#faebce',
+  /* Popover colors */
+  warningText: '#ad6200',
+  warningIcon: '#ff9200',
+  warningBackground: '#ffe7d6',
+  /* Dropdown colors */
+  dropDownButtonBackground: '#f0f0f0',
+  dropDownTextColor: '#808080',
+  /* Search */
+  searchBarBackground: '#f7f7f7',
+  /*Application notifications*/
+  highSeverity: '#ffc1c1',
+  mediumSeverity: '#ffe7d6',
+  lowSeverity: '#dce6ee',
+  defaultSeverity: '#d5eaf4',
+  /* Toggle colors */
+  toggleActive: '#4bb748',
+  toggleInactive: '#b30d2f',
+  /* Icon colors */
+  hoverIcon: '#004f55',
+  hoverIconWithNotification: '#b30d2f',
+  /* Text */
+  tertiaryText: '#6f6f6f'
 };
 
-(function (module) {
-	function _typeof(obj) {
-	  "@babel/helpers - typeof";
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
 
-	  return (module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-	    return typeof obj;
-	  } : function (obj) {
-	    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-	  }, module.exports.__esModule = true, module.exports["default"] = module.exports), _typeof(obj);
-	}
-	module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
-} (_typeof$E));
+function _iterableToArrayLimit(arr, i) {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
+    try {
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
+    }
+    return _arr;
+  }
+}
 
-(function (module) {
-	var _typeof = _typeofExports["default"];
-	function _regeneratorRuntime() {
-	  module.exports = _regeneratorRuntime = function _regeneratorRuntime() {
-	    return exports;
-	  }, module.exports.__esModule = true, module.exports["default"] = module.exports;
-	  var exports = {},
-	    Op = Object.prototype,
-	    hasOwn = Op.hasOwnProperty,
-	    defineProperty = Object.defineProperty || function (obj, key, desc) {
-	      obj[key] = desc.value;
-	    },
-	    $Symbol = "function" == typeof Symbol ? Symbol : {},
-	    iteratorSymbol = $Symbol.iterator || "@@iterator",
-	    asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator",
-	    toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
-	  function define(obj, key, value) {
-	    return Object.defineProperty(obj, key, {
-	      value: value,
-	      enumerable: !0,
-	      configurable: !0,
-	      writable: !0
-	    }), obj[key];
-	  }
-	  try {
-	    define({}, "");
-	  } catch (err) {
-	    define = function define(obj, key, value) {
-	      return obj[key] = value;
-	    };
-	  }
-	  function wrap(innerFn, outerFn, self, tryLocsList) {
-	    var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator,
-	      generator = Object.create(protoGenerator.prototype),
-	      context = new Context(tryLocsList || []);
-	    return defineProperty(generator, "_invoke", {
-	      value: makeInvokeMethod(innerFn, self, context)
-	    }), generator;
-	  }
-	  function tryCatch(fn, obj, arg) {
-	    try {
-	      return {
-	        type: "normal",
-	        arg: fn.call(obj, arg)
-	      };
-	    } catch (err) {
-	      return {
-	        type: "throw",
-	        arg: err
-	      };
-	    }
-	  }
-	  exports.wrap = wrap;
-	  var ContinueSentinel = {};
-	  function Generator() {}
-	  function GeneratorFunction() {}
-	  function GeneratorFunctionPrototype() {}
-	  var IteratorPrototype = {};
-	  define(IteratorPrototype, iteratorSymbol, function () {
-	    return this;
-	  });
-	  var getProto = Object.getPrototypeOf,
-	    NativeIteratorPrototype = getProto && getProto(getProto(values([])));
-	  NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype);
-	  var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
-	  function defineIteratorMethods(prototype) {
-	    ["next", "throw", "return"].forEach(function (method) {
-	      define(prototype, method, function (arg) {
-	        return this._invoke(method, arg);
-	      });
-	    });
-	  }
-	  function AsyncIterator(generator, PromiseImpl) {
-	    function invoke(method, arg, resolve, reject) {
-	      var record = tryCatch(generator[method], generator, arg);
-	      if ("throw" !== record.type) {
-	        var result = record.arg,
-	          value = result.value;
-	        return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) {
-	          invoke("next", value, resolve, reject);
+function _arrayLikeToArray$3(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 _unsupportedIterableToArray$3(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray$3(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$3(o, minLen);
+}
+
+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 _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$3(arr, i) || _nonIterableRest();
+}
+
+function _arrayWithoutHoles$1(arr) {
+  if (Array.isArray(arr)) return _arrayLikeToArray$3(arr);
+}
+
+function _iterableToArray$1(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+
+function _nonIterableSpread$1() {
+  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 _toConsumableArray$1(arr) {
+  return _arrayWithoutHoles$1(arr) || _iterableToArray$1(arr) || _unsupportedIterableToArray$3(arr) || _nonIterableSpread$1();
+}
+
+var css_248z$D = ".dataInfoButton-module_button__N4F5j{background-color:var(--white)!important;border:2px solid var(--equiGreen1)!important;box-shadow:0 4px 4px rgba(0,0,0,.25);color:var(--asBuilt)!important;height:48px!important;margin:3px!important;width:48px!important}.dataInfoButton-module_button__N4F5j:hover{background:#deedee!important}.dataInfoButton-module_buttonWithBadge__Qjm3a:after{background:var(--white);border:1px solid var(--asBuilt);border-radius:100%;box-sizing:unset;color:var(--equiGreen1);content:attr(data-count)!important;display:block;font-size:9px;font-style:normal;font-weight:700;height:18px!important;left:25px!important;line-height:20px;position:absolute;text-align:center;top:-5px!important;width:18px!important}";
+var style$a = {"button":"dataInfoButton-module_button__N4F5j","buttonWithBadge":"dataInfoButton-module_buttonWithBadge__Qjm3a"};
+styleInject(css_248z$D);
+
+/**
+ * Component that renders a data information button with a badge to indicate the number of items under that scoped type
+ *
+ * @param {DataInfoButtonProps} { data } Contains data information related to how the button should be rendered
+ * numberOfItems: If number is 1 or less no badge will be displayed on the button. If number is over 99,
+ * then the text 99+ will be displayed. Otherwise the provided number will be displayed
+ * label: The name of the data type, will be displayed on the button
+ * ariaLabel: The aria label set on the button, if empty the label will be used
+ * onTagInfoClicked: The method to be called when button is pressed
+ * itemButtonClassName: Used to style button if default styling is not wanted. class name might need higher precedence for overriding existing styling e.g. "div.itemButtonClassName { background-color: blue !important}"
+ * @return {*}  {JSX.Element} Data information button with or without a badge based on the provided data object
+ */
+var DataInfoButton = function DataInfoButton(_ref) {
+  var data = _ref.data;
+  var _a;
+  return /*#__PURE__*/React__default.createElement(Button, {
+    "aria-label": (_a = data.ariaLabel) !== null && _a !== void 0 ? _a : data.label,
+    onClick: data.onTagInfoClicked,
+    className: "".concat(data.itemButtonClassName, " ").concat(style$a.button, " ").concat(data.numberOfItems > 1 ? style$a.buttonWithBadge : ''),
+    variant: "ghost_icon",
+    "data-count": data.numberOfItems > 99 ? '99+' : data.numberOfItems
+  }, data.label);
+};
+
+var css_248z$C = ".dataInfoPopover-module_wrapper__l8JCd{display:flex;flex-direction:column;position:absolute;right:0;z-index:10}.dataInfoPopover-module_arrow__KXQ5a{align-self:flex-end;border-bottom:7px solid rgba(0,0,0,.4);border-left:7px solid transparent;border-right:7px solid transparent;height:0;margin-right:17px;margin-top:3px;position:relative;width:0}.dataInfoPopover-module_optionsPopover__ZPXbv .arrow:after{border-bottom-color:rgba(0,0,0,.4)}.dataInfoPopover-module_optionsPopover__ZPXbv .arrow:before{border-bottom:0}.dataInfoPopover-module_optionsPopover__ZPXbv{align-self:flex-end;background:rgba(0,0,0,.4);border:0;border-radius:5px;display:flex;justify-content:space-between;max-width:max-content;padding:var(--small);position:relative}@media screen and (max-width:440px){.dataInfoPopover-module_optionsPopover__ZPXbv{max-width:270px}}.dataInfoPopover-module_groupWrapper__InWuY{display:flex;flex-direction:column;flex-wrap:wrap}@media screen and (max-width:440px){.dataInfoPopover-module_wrapper__l8JCd{left:0}.dataInfoPopover-module_arrow__KXQ5a{align-self:flex-start;margin-left:15px}.dataInfoPopover-module_optionsPopover__ZPXbv{align-self:flex-start}}.dataInfoPopover-module_banner__QtiKf{white-space:nowrap}.dataInfoPopover-module_infoMessage__lqzTe{color:var(--equiGray4)!important}.dataInfoPopover-module_banner__QtiKf>div{padding:0 16px 0 0!important}.dataInfoPopover-module_banner__QtiKf>hr{display:none}";
+var style$9 = {"wrapper":"dataInfoPopover-module_wrapper__l8JCd","arrow":"dataInfoPopover-module_arrow__KXQ5a","optionsPopover":"dataInfoPopover-module_optionsPopover__ZPXbv","groupWrapper":"dataInfoPopover-module_groupWrapper__InWuY","banner":"dataInfoPopover-module_banner__QtiKf","infoMessage":"dataInfoPopover-module_infoMessage__lqzTe"};
+styleInject(css_248z$C);
+
+/**
+ * Component that renders a popover with data information buttons
+ *
+ * @param {DataInfoPopoverProps} {
+ *  dataToShow: list of DataInformation objects to be displayed.
+ *  The itemType in these objects are used to group them together in the popover
+ *  isLoading: loading flag that tells if a dot progress should be displayed if data is being fetched
+ * }
+ * @return {*} {JSX.Element} Popover with data information buttons based on the provided DataInformation objects
+ */
+var DataInfoPopover = function DataInfoPopover(_ref) {
+  var dataToShow = _ref.dataToShow,
+    isLoading = _ref.isLoading;
+  var getDataGroupings = dataToShow.reduce(function (dictionary, current) {
+    if (!dictionary[current.itemType]) {
+      dictionary[current.itemType] = [current];
+    } else {
+      dictionary[current.itemType] = [].concat(_toConsumableArray$1(dictionary[current.itemType]), [current]);
+    }
+    return dictionary;
+  }, {});
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    showNoDataIndicator = _useState2[0],
+    setShowNoDataIndicator = _useState2[1];
+  useEffect(function () {
+    var delay = 200;
+    var timer = setTimeout(function () {
+      return setShowNoDataIndicator(true);
+    }, delay);
+    return function () {
+      clearTimeout(timer);
+    };
+  });
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: style$9.wrapper
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: style$9.arrow
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: style$9.optionsPopover
+  }, isLoading && dataToShow.length === 0 && /*#__PURE__*/React__default.createElement(DotProgress, {
+    color: "neutral"
+  }), showNoDataIndicator && !isLoading && dataToShow.length === 0 && /*#__PURE__*/React__default.createElement(Banner, {
+    className: style$9.banner
+  }, /*#__PURE__*/React__default.createElement(Banner.Icon, {
+    variant: "info"
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    name: "info_circle",
+    title: "No data to display",
+    color: themeConst.asBuilt
+  })), /*#__PURE__*/React__default.createElement(Banner.Message, {
+    className: style$9.infoMessage
+  }, "No information to display")), Object.keys(getDataGroupings).map(function (key) {
+    return /*#__PURE__*/React__default.createElement("div", {
+      key: key,
+      className: style$9.groupWrapper
+    }, getDataGroupings[key].map(function (data, index) {
+      return /*#__PURE__*/React__default.createElement(DataInfoButton, {
+        data: data,
+        key: index
+      });
+    }));
+  })));
+};
+
+var css_248z$B = ".buttonWithPopover-module_button__FDyTt{background-color:var(--white)!important;border:3px solid var(--white)!important;border-radius:10rem;box-shadow:0 4px 4px rgba(0,0,0,.25);box-sizing:border-box;height:46px!important;width:46px!important}.buttonWithPopover-module_button__FDyTt:hover{background:#deedee!important}.buttonWithPopover-module_wrapper__-pQfB{position:relative}.buttonWithPopover-module_spinner__LMbqe{height:34px!important;margin:3px;width:34px!important}";
+var style$8 = {"button":"buttonWithPopover-module_button__FDyTt","wrapper":"buttonWithPopover-module_wrapper__-pQfB","spinner":"buttonWithPopover-module_spinner__LMbqe"};
+styleInject(css_248z$B);
+
+/**
+ * Component that renders a round button, that opens a popover upon being clicked
+ *
+ * @param {ButtonWithPopoverProps} {
+ *     onShowMoreClicked: method called upon button clicked
+ *     fetchedData: array of DataInformation that popover should be displayed when button is clicked.
+ *                  Meant to be the return value of the fetchDataToShow method
+ *     isLoading: flag to show loading state if data fetch takes some time
+ *     expanded: flag to determine if popover should be expanded or not
+ * @return {*}  {JSX.Element} Round button with belonging popover to display data information buttons
+ */
+var ButtonWithPopover = function ButtonWithPopover(_ref) {
+  var onShowMoreClicked = _ref.onShowMoreClicked,
+    fetchedData = _ref.fetchedData,
+    isLoading = _ref.isLoading,
+    expanded = _ref.expanded;
+  var renderPopoverButton = function renderPopoverButton() {
+    if (!expanded) {
+      return /*#__PURE__*/React__default.createElement(Icon, {
+        name: "more_horizontal",
+        title: "more options",
+        color: themeConst.asBuilt
+      });
+    } else {
+      return /*#__PURE__*/React__default.createElement(Icon, {
+        name: "close",
+        title: "close more options",
+        color: themeConst.asBuilt
+      });
+    }
+  };
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: style$8.wrapper
+  }, expanded && isLoading ? /*#__PURE__*/React__default.createElement("div", {
+    className: style$8.button,
+    onClick: onShowMoreClicked
+  }, /*#__PURE__*/React__default.createElement(CircularProgress, {
+    className: style$8.spinner
+  })) : /*#__PURE__*/React__default.createElement(Button, {
+    className: style$8.button,
+    variant: "ghost_icon",
+    onClick: onShowMoreClicked
+  }, renderPopoverButton()), expanded && /*#__PURE__*/React__default.createElement(DataInfoPopover, {
+    isLoading: isLoading,
+    dataToShow: fetchedData
+  }));
+};
+
+var css_248z$A = ".tagIcon-module_icon__FVhlT{border:3px solid var(--white);border-radius:10rem;box-sizing:border-box;height:46px;padding:8px;position:relative;transform-origin:left top;width:46px}.tagIcon-module_shadow__dAk0l{border-radius:10rem;box-shadow:0 4px 4px rgba(0,0,0,.25);height:46px;width:46px}";
+var styles$q = {"icon":"tagIcon-module_icon__FVhlT","shadow":"tagIcon-module_shadow__dAk0l"};
+styleInject(css_248z$A);
+
+/**
+ * Component that will wrap the provided icon with a background color (usually the legend color)
+ *
+ * @param {TagIconProps} {
+ *  icon: Icon to be wrapped
+ *  legendColor: background color to apply. Need to be valid css color
+ * }
+ * @return {*}  {JSX.Element} Wrapped icon with provided color
+ */
+var TagIcon = function TagIcon(_ref) {
+  var icon = _ref.icon,
+    legendColor = _ref.legendColor;
+  return /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      background: legendColor
+    },
+    className: "".concat(styles$q.icon)
+  }, icon);
+};
+
+/**
+ * Component that will wrap the provided child element in a shadow.
+ * Should be used to add shadow to the tagIcon component
+ *
+ * @param {TagIconShadowWrapperProps} { children } Child element to wrap
+ * @return {*} {JSX.Element} wrapped child element in a shadow
+ */
+var TagIconShadowWrapper = function TagIconShadowWrapper(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "".concat(styles$q.shadow)
+  }, children);
+};
+
+var css_248z$z = ".tagContextMenu-module_contextWrapper__o8wWz{border-radius:10rem;cursor:pointer;width:fit-content}.tagContextMenu-module_contextWrapperExpanded__FJI8c{cursor:pointer;display:flex;flex-wrap:wrap}.tagContextMenu-module_selected__4L6WK{box-shadow:0 0 10px 5px var(--toggleActive)}.tagContextMenu-module_tagInfoWrapper__y4LBf{align-items:center;background-color:var(--white);border-radius:10rem;box-shadow:0 4px 4px rgba(0,0,0,.25);box-sizing:unset;display:flex;height:52px;overflow:hidden;padding:1px;width:100%}.tagContextMenu-module_tagText__8GaFk{cursor:pointer;margin:auto;max-width:240px;min-width:55px;overflow:hidden;padding:0 var(--small) 0 var(--small);text-align:start;text-overflow:ellipsis;white-space:nowrap;width:100%}@media screen and (max-width:440px){.tagContextMenu-module_tagText__8GaFk{max-width:140px;min-width:140px}}@media screen and (min-width:440px) and (max-width:560px){.tagContextMenu-module_tagText__8GaFk{max-width:240px}}.tagContextMenu-module_tagHeader__NW1El{color:var(--equiGreen1)!important;font-weight:700!important;overflow:hidden;text-overflow:ellipsis}.tagContextMenu-module_tagDescription__lrT1D{overflow:hidden;text-overflow:ellipsis}.tagContextMenu-module_tagInfoIcon__AMpqu{margin:3px}";
+var styles$p = {"contextWrapper":"tagContextMenu-module_contextWrapper__o8wWz","contextWrapperExpanded":"tagContextMenu-module_contextWrapperExpanded__FJI8c","selected":"tagContextMenu-module_selected__4L6WK","tagInfoWrapper":"tagContextMenu-module_tagInfoWrapper__y4LBf","tagText":"tagContextMenu-module_tagText__8GaFk","tagHeader":"tagContextMenu-module_tagHeader__NW1El","tagDescription":"tagContextMenu-module_tagDescription__lrT1D","tagInfoIcon":"tagContextMenu-module_tagInfoIcon__AMpqu"};
+styleInject(css_248z$z);
+
+/**
+ * Component that renders a tag context menu that can be expanded and closed upon click
+ * The condensed variant will only display the the relevant tag icon
+ * The expanded variant will display relevant tag icon, tag number and tag description
+ *
+ * @param {TagContextMenuProps} {
+ *     expanded: flag that state if the context menu should be expanded or not
+ *     setExpanded: method to update the expanded flag
+ *     tagNo: the tag no to display
+ *     description: the tag description
+ *     openTagInformation: method called when expanded context menu is called
+ *     selected: Flag to handle if there are multiple context menu's on a page, and a selected style should be applied
+ *     selectedClassName: styling used to handle multiple tag visible on the page at the same time, class will be added to tagIcon when context menu is not expanded
+ *     children: Meant to be used to pass TagIcon component to this component
+ * }
+ * @return {*}  {JSX.Element} a tag context menu for the provided properties
+ */
+var TagContextMenu = function TagContextMenu(_ref) {
+  var expanded = _ref.expanded,
+    setExpanded = _ref.setExpanded,
+    tagNo = _ref.tagNo,
+    description = _ref.description,
+    selected = _ref.selected,
+    selectedClassName = _ref.selectedClassName,
+    openTagInformation = _ref.openTagInformation,
+    children = _ref.children;
+  if (expanded) {
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: styles$p.contextWrapperExpanded,
+      onClick: openTagInformation
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: styles$p.tagInfoWrapper
+    }, children, /*#__PURE__*/React__default.createElement("div", {
+      className: styles$p.tagText
+    }, /*#__PURE__*/React__default.createElement(Typography, {
+      variant: "h5",
+      className: styles$p.tagHeader
+    }, tagNo), /*#__PURE__*/React__default.createElement(Typography, {
+      variant: "body_short",
+      className: styles$p.tagDescription
+    }, description)), /*#__PURE__*/React__default.createElement("div", {
+      className: styles$p.tagInfoIcon
+    }, /*#__PURE__*/React__default.createElement(Button, {
+      variant: "ghost_icon"
+    }, /*#__PURE__*/React__default.createElement(Icon, {
+      name: "info_circle",
+      title: "tag information",
+      color: themeConst.asBuilt
+    })))));
+  } else {
+    return /*#__PURE__*/React__default.createElement("div", {
+      "data-testid": "open-tag-info",
+      className: "".concat(styles$p.contextWrapper, " ").concat(selected ? selectedClassName ? selectedClassName : styles$p.selected : ''),
+      onClick: function onClick() {
+        setExpanded(true);
+      }
+    }, /*#__PURE__*/React__default.createElement(TagIconShadowWrapper, null, children));
+  }
+};
+
+var css_248z$y = ".contextMenu-module_wrapper__p-0Zc{display:flex;flex-wrap:wrap;position:absolute;width:fit-content}.contextMenu-module_wrapper__p-0Zc>div:first-child{margin-right:4px}@media screen and (max-width:440px){.contextMenu-module_wrapper__p-0Zc{max-width:250px}.contextMenu-module_wrapper__p-0Zc>div:first-child{margin-bottom:5px}}";
+var style$7 = {"wrapper":"contextMenu-module_wrapper__p-0Zc"};
+styleInject(css_248z$y);
+
+/**
+ * Component that renders full context menu functionality, meant for displaying tag context menu.
+ * With the ability to provide more information button and related popover that should be wrapped with the context menu
+ *
+ * @param {ContextMenuProps} {
+ *     icon: icon to be displayed
+ *     expanded: flag to determine if context menu should be expanded or not
+ *     legendColor: color used for the tag icon
+ *     setExpanded: method to update expanded flag
+ *     tagNo: The tag number to display
+ *     description: The tag description to display
+ *     positionStyle: The position styling element used to position the context menu
+ *     openTagInformation: Method that will be called when expanded context menu is clicked
+ *     selected: Flag to handle if there are multiple context menu's on a page, and a selected style should be applied
+ *     selectedClassName: styling used to handle multiple tag visible on the page at the same time, class will be added to tagIcon when context menu is not expanded
+ *     children: Related elements to display, e.g. more information button
+ * }
+ * @return {*} {JSX.Element} Context menu with relevant children wrapped
+ */
+var ContextMenu = function ContextMenu(_ref) {
+  var icon = _ref.icon,
+    expanded = _ref.expanded,
+    legendColor = _ref.legendColor,
+    setExpanded = _ref.setExpanded,
+    tagNo = _ref.tagNo,
+    description = _ref.description,
+    positionStyle = _ref.positionStyle,
+    selected = _ref.selected,
+    selectedClassName = _ref.selectedClassName,
+    openTagInformation = _ref.openTagInformation,
+    children = _ref.children;
+  return /*#__PURE__*/React__default.createElement("div", {
+    style: positionStyle,
+    className: style$7.wrapper
+  }, /*#__PURE__*/React__default.createElement(TagContextMenu, {
+    setExpanded: setExpanded,
+    openTagInformation: openTagInformation,
+    tagNo: tagNo,
+    description: description,
+    expanded: expanded,
+    selected: selected,
+    selectedClassName: selectedClassName
+  }, /*#__PURE__*/React__default.createElement(TagIcon, {
+    icon: icon,
+    legendColor: legendColor
+  })), expanded && children);
+};
+
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+function getAugmentedNamespace(n) {
+  if (n.__esModule) return n;
+  var f = n.default;
+	if (typeof f == "function") {
+		var a = function a () {
+			if (this instanceof a) {
+				var args = [null];
+				args.push.apply(args, arguments);
+				var Ctor = Function.bind.apply(f, args);
+				return new Ctor();
+			}
+			return f.apply(this, arguments);
+		};
+		a.prototype = f.prototype;
+  } else a = {};
+  Object.defineProperty(a, '__esModule', {value: true});
+	Object.keys(n).forEach(function (k) {
+		var d = Object.getOwnPropertyDescriptor(n, k);
+		Object.defineProperty(a, k, d.get ? d : {
+			enumerable: true,
+			get: function () {
+				return n[k];
+			}
+		});
+	});
+	return a;
+}
+
+var regeneratorRuntimeExports = {};
+var regeneratorRuntime$1 = {
+  get exports(){ return regeneratorRuntimeExports; },
+  set exports(v){ regeneratorRuntimeExports = v; },
+};
+
+var _typeofExports = {};
+var _typeof$D = {
+  get exports(){ return _typeofExports; },
+  set exports(v){ _typeofExports = v; },
+};
+
+(function (module) {
+	function _typeof(obj) {
+	  "@babel/helpers - typeof";
+
+	  return (module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+	    return typeof obj;
+	  } : function (obj) {
+	    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+	  }, module.exports.__esModule = true, module.exports["default"] = module.exports), _typeof(obj);
+	}
+	module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
+} (_typeof$D));
+
+(function (module) {
+	var _typeof = _typeofExports["default"];
+	function _regeneratorRuntime() {
+	  module.exports = _regeneratorRuntime = function _regeneratorRuntime() {
+	    return exports;
+	  }, module.exports.__esModule = true, module.exports["default"] = module.exports;
+	  var exports = {},
+	    Op = Object.prototype,
+	    hasOwn = Op.hasOwnProperty,
+	    defineProperty = Object.defineProperty || function (obj, key, desc) {
+	      obj[key] = desc.value;
+	    },
+	    $Symbol = "function" == typeof Symbol ? Symbol : {},
+	    iteratorSymbol = $Symbol.iterator || "@@iterator",
+	    asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator",
+	    toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
+	  function define(obj, key, value) {
+	    return Object.defineProperty(obj, key, {
+	      value: value,
+	      enumerable: !0,
+	      configurable: !0,
+	      writable: !0
+	    }), obj[key];
+	  }
+	  try {
+	    define({}, "");
+	  } catch (err) {
+	    define = function define(obj, key, value) {
+	      return obj[key] = value;
+	    };
+	  }
+	  function wrap(innerFn, outerFn, self, tryLocsList) {
+	    var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator,
+	      generator = Object.create(protoGenerator.prototype),
+	      context = new Context(tryLocsList || []);
+	    return defineProperty(generator, "_invoke", {
+	      value: makeInvokeMethod(innerFn, self, context)
+	    }), generator;
+	  }
+	  function tryCatch(fn, obj, arg) {
+	    try {
+	      return {
+	        type: "normal",
+	        arg: fn.call(obj, arg)
+	      };
+	    } catch (err) {
+	      return {
+	        type: "throw",
+	        arg: err
+	      };
+	    }
+	  }
+	  exports.wrap = wrap;
+	  var ContinueSentinel = {};
+	  function Generator() {}
+	  function GeneratorFunction() {}
+	  function GeneratorFunctionPrototype() {}
+	  var IteratorPrototype = {};
+	  define(IteratorPrototype, iteratorSymbol, function () {
+	    return this;
+	  });
+	  var getProto = Object.getPrototypeOf,
+	    NativeIteratorPrototype = getProto && getProto(getProto(values([])));
+	  NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype);
+	  var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
+	  function defineIteratorMethods(prototype) {
+	    ["next", "throw", "return"].forEach(function (method) {
+	      define(prototype, method, function (arg) {
+	        return this._invoke(method, arg);
+	      });
+	    });
+	  }
+	  function AsyncIterator(generator, PromiseImpl) {
+	    function invoke(method, arg, resolve, reject) {
+	      var record = tryCatch(generator[method], generator, arg);
+	      if ("throw" !== record.type) {
+	        var result = record.arg,
+	          value = result.value;
+	        return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) {
+	          invoke("next", value, resolve, reject);
 	        }, function (err) {
 	          invoke("throw", err, resolve, reject);
 	        }) : PromiseImpl.resolve(value).then(function (unwrapped) {
@@ -1031,7 +1396,7 @@ var CopyToClipboard = function CopyToClipboard(props) {
 };
 
 var classnamesExports$1 = {};
-var classnames$3 = {
+var classnames$2 = {
   get exports(){ return classnamesExports$1; },
   set exports(v){ classnamesExports$1 = v; },
 };
@@ -1091,9 +1456,9 @@ var classnames$3 = {
 			window.classNames = classNames;
 		}
 	}());
-} (classnames$3));
+} (classnames$2));
 
-var classnames$2 = classnamesExports$1;
+var classnames$1 = classnamesExports$1;
 
 var formatDistanceLocale = {
   lessThanXSeconds: {
@@ -2810,7 +3175,7 @@ function requiredArgs(required, args) {
   }
 }
 
-function _typeof$D(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$D = function _typeof(obj) { return typeof obj; }; } else { _typeof$D = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$D(obj); }
+function _typeof$C(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$C = function _typeof(obj) { return typeof obj; }; } else { _typeof$C = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$C(obj); }
 /**
  * @name isDate
  * @category Common Helpers
@@ -2846,7 +3211,7 @@ function _typeof$D(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "func
 
 function isDate(value) {
   requiredArgs(1, arguments);
-  return value instanceof Date || _typeof$D(value) === 'object' && Object.prototype.toString.call(value) === '[object Date]';
+  return value instanceof Date || _typeof$C(value) === 'object' && Object.prototype.toString.call(value) === '[object Date]';
 }
 
 var isDate$1 = /*#__PURE__*/Object.freeze({
@@ -2856,7 +3221,7 @@ var isDate$1 = /*#__PURE__*/Object.freeze({
 
 var require$$3$1 = /*@__PURE__*/getAugmentedNamespace(isDate$1);
 
-function _typeof$C(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$C = function _typeof(obj) { return typeof obj; }; } else { _typeof$C = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$C(obj); }
+function _typeof$B(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$B = function _typeof(obj) { return typeof obj; }; } else { _typeof$B = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$B(obj); }
 /**
  * @name toDate
  * @category Common Helpers
@@ -2892,7 +3257,7 @@ function toDate(argument) {
   requiredArgs(1, arguments);
   var argStr = Object.prototype.toString.call(argument); // Clone the date
 
-  if (argument instanceof Date || _typeof$C(argument) === 'object' && argStr === '[object Date]') {
+  if (argument instanceof Date || _typeof$B(argument) === 'object' && argStr === '[object Date]') {
     // Prevent the date to lose the milliseconds when passed to new Date() in IE10
     return new Date(argument.getTime());
   } else if (typeof argument === 'number' || argStr === '[object Number]') {
@@ -5966,7 +6331,7 @@ var setYear$1 = /*#__PURE__*/Object.freeze({
 
 var require$$35 = /*@__PURE__*/getAugmentedNamespace(setYear$1);
 
-function _typeof$B(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$B = function _typeof(obj) { return typeof obj; }; } else { _typeof$B = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$B(obj); }
+function _typeof$A(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$A = function _typeof(obj) { return typeof obj; }; } else { _typeof$A = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$A(obj); }
 /**
  * @name min
  * @category Common Helpers
@@ -5996,7 +6361,7 @@ function min$1(dirtyDatesArray) {
 
   if (dirtyDatesArray && typeof dirtyDatesArray.forEach === 'function') {
     datesArray = dirtyDatesArray; // If `dirtyDatesArray` is Array-like Object, convert to Array.
-  } else if (_typeof$B(dirtyDatesArray) === 'object' && dirtyDatesArray !== null) {
+  } else if (_typeof$A(dirtyDatesArray) === 'object' && dirtyDatesArray !== null) {
     datesArray = Array.prototype.slice.call(dirtyDatesArray);
   } else {
     // `dirtyDatesArray` is non-iterable, return Invalid Date
@@ -6021,7 +6386,7 @@ var min$2 = /*#__PURE__*/Object.freeze({
 
 var require$$36 = /*@__PURE__*/getAugmentedNamespace(min$2);
 
-function _typeof$A(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$A = function _typeof(obj) { return typeof obj; }; } else { _typeof$A = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$A(obj); }
+function _typeof$z(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$z = function _typeof(obj) { return typeof obj; }; } else { _typeof$z = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$z(obj); }
 /**
  * @name max
  * @category Common Helpers
@@ -6051,7 +6416,7 @@ function max$1(dirtyDatesArray) {
 
   if (dirtyDatesArray && typeof dirtyDatesArray.forEach === 'function') {
     datesArray = dirtyDatesArray; // If `dirtyDatesArray` is Array-like Object, convert to Array.
-  } else if (_typeof$A(dirtyDatesArray) === 'object' && dirtyDatesArray !== null) {
+  } else if (_typeof$z(dirtyDatesArray) === 'object' && dirtyDatesArray !== null) {
     datesArray = Array.prototype.slice.call(dirtyDatesArray);
   } else {
     // `dirtyDatesArray` is non-iterable, return Invalid Date
@@ -6882,7 +7247,7 @@ function assign(target, object) {
   return target;
 }
 
-function _typeof$z(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$z = function _typeof(obj) { return typeof obj; }; } else { _typeof$z = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$z(obj); }
+function _typeof$y(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$y = function _typeof(obj) { return typeof obj; }; } else { _typeof$y = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$y(obj); }
 
 function _inherits$v(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf$x(subClass, superClass); }
 
@@ -6890,7 +7255,7 @@ function _setPrototypeOf$x(o, p) { _setPrototypeOf$x = Object.setPrototypeOf ||
 
 function _createSuper$v(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$v(); return function _createSuperInternal() { var Super = _getPrototypeOf$v(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$v(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$v(this, result); }; }
 
-function _possibleConstructorReturn$v(self, call) { if (call && (_typeof$z(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$x(self); }
+function _possibleConstructorReturn$v(self, call) { if (call && (_typeof$y(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$x(self); }
 
 function _assertThisInitialized$x(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
@@ -7034,7 +7399,7 @@ var Parser = /*#__PURE__*/function () {
   return Parser;
 }();
 
-function _typeof$y(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$y = function _typeof(obj) { return typeof obj; }; } else { _typeof$y = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$y(obj); }
+function _typeof$x(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$x = function _typeof(obj) { return typeof obj; }; } else { _typeof$x = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$x(obj); }
 
 function _classCallCheck$u(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -7048,7 +7413,7 @@ function _setPrototypeOf$w(o, p) { _setPrototypeOf$w = Object.setPrototypeOf ||
 
 function _createSuper$u(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$u(); return function _createSuperInternal() { var Super = _getPrototypeOf$u(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$u(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$u(this, result); }; }
 
-function _possibleConstructorReturn$u(self, call) { if (call && (_typeof$y(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$w(self); }
+function _possibleConstructorReturn$u(self, call) { if (call && (_typeof$x(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$w(self); }
 
 function _assertThisInitialized$w(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
@@ -7340,7 +7705,7 @@ function isLeapYearIndex$1(year) {
   return year % 400 === 0 || year % 4 === 0 && year % 100 !== 0;
 }
 
-function _typeof$x(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$x = function _typeof(obj) { return typeof obj; }; } else { _typeof$x = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$x(obj); }
+function _typeof$w(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$w = function _typeof(obj) { return typeof obj; }; } else { _typeof$w = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$w(obj); }
 
 function _classCallCheck$t(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -7354,7 +7719,7 @@ function _setPrototypeOf$v(o, p) { _setPrototypeOf$v = Object.setPrototypeOf ||
 
 function _createSuper$t(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$t(); return function _createSuperInternal() { var Super = _getPrototypeOf$t(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$t(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$t(this, result); }; }
 
-function _possibleConstructorReturn$t(self, call) { if (call && (_typeof$x(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$v(self); }
+function _possibleConstructorReturn$t(self, call) { if (call && (_typeof$w(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$v(self); }
 
 function _assertThisInitialized$v(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
@@ -7444,7 +7809,7 @@ var YearParser = /*#__PURE__*/function (_Parser) {
   return YearParser;
 }(Parser);
 
-function _typeof$w(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$w = function _typeof(obj) { return typeof obj; }; } else { _typeof$w = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$w(obj); }
+function _typeof$v(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$v = function _typeof(obj) { return typeof obj; }; } else { _typeof$v = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$v(obj); }
 
 function _classCallCheck$s(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -7458,7 +7823,7 @@ function _setPrototypeOf$u(o, p) { _setPrototypeOf$u = Object.setPrototypeOf ||
 
 function _createSuper$s(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$s(); return function _createSuperInternal() { var Super = _getPrototypeOf$s(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$s(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$s(this, result); }; }
 
-function _possibleConstructorReturn$s(self, call) { if (call && (_typeof$w(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$u(self); }
+function _possibleConstructorReturn$s(self, call) { if (call && (_typeof$v(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$u(self); }
 
 function _assertThisInitialized$u(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
@@ -7541,7 +7906,7 @@ var LocalWeekYearParser = /*#__PURE__*/function (_Parser) {
   return LocalWeekYearParser;
 }(Parser);
 
-function _typeof$v(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$v = function _typeof(obj) { return typeof obj; }; } else { _typeof$v = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$v(obj); }
+function _typeof$u(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$u = function _typeof(obj) { return typeof obj; }; } else { _typeof$u = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$u(obj); }
 
 function _classCallCheck$r(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -7555,7 +7920,7 @@ function _setPrototypeOf$t(o, p) { _setPrototypeOf$t = Object.setPrototypeOf ||
 
 function _createSuper$r(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$r(); return function _createSuperInternal() { var Super = _getPrototypeOf$r(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$r(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$r(this, result); }; }
 
-function _possibleConstructorReturn$r(self, call) { if (call && (_typeof$v(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$t(self); }
+function _possibleConstructorReturn$r(self, call) { if (call && (_typeof$u(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$t(self); }
 
 function _assertThisInitialized$t(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
@@ -7610,7 +7975,7 @@ var ISOWeekYearParser = /*#__PURE__*/function (_Parser) {
   return ISOWeekYearParser;
 }(Parser);
 
-function _typeof$u(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$u = function _typeof(obj) { return typeof obj; }; } else { _typeof$u = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$u(obj); }
+function _typeof$t(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$t = function _typeof(obj) { return typeof obj; }; } else { _typeof$t = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$t(obj); }
 
 function _classCallCheck$q(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -7624,7 +7989,7 @@ function _setPrototypeOf$s(o, p) { _setPrototypeOf$s = Object.setPrototypeOf ||
 
 function _createSuper$q(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$q(); return function _createSuperInternal() { var Super = _getPrototypeOf$q(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$q(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$q(this, result); }; }
 
-function _possibleConstructorReturn$q(self, call) { if (call && (_typeof$u(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$s(self); }
+function _possibleConstructorReturn$q(self, call) { if (call && (_typeof$t(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$s(self); }
 
 function _assertThisInitialized$s(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
@@ -7677,7 +8042,7 @@ var ExtendedYearParser = /*#__PURE__*/function (_Parser) {
   return ExtendedYearParser;
 }(Parser);
 
-function _typeof$t(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$t = function _typeof(obj) { return typeof obj; }; } else { _typeof$t = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$t(obj); }
+function _typeof$s(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$s = function _typeof(obj) { return typeof obj; }; } else { _typeof$s = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$s(obj); }
 
 function _classCallCheck$p(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -7691,7 +8056,7 @@ function _setPrototypeOf$r(o, p) { _setPrototypeOf$r = Object.setPrototypeOf ||
 
 function _createSuper$p(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$p(); return function _createSuperInternal() { var Super = _getPrototypeOf$p(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$p(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$p(this, result); }; }
 
-function _possibleConstructorReturn$p(self, call) { if (call && (_typeof$t(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$r(self); }
+function _possibleConstructorReturn$p(self, call) { if (call && (_typeof$s(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$r(self); }
 
 function _assertThisInitialized$r(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
@@ -7788,7 +8153,7 @@ var QuarterParser = /*#__PURE__*/function (_Parser) {
   return QuarterParser;
 }(Parser);
 
-function _typeof$s(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$s = function _typeof(obj) { return typeof obj; }; } else { _typeof$s = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$s(obj); }
+function _typeof$r(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$r = function _typeof(obj) { return typeof obj; }; } else { _typeof$r = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$r(obj); }
 
 function _classCallCheck$o(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -7802,7 +8167,7 @@ function _setPrototypeOf$q(o, p) { _setPrototypeOf$q = Object.setPrototypeOf ||
 
 function _createSuper$o(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$o(); return function _createSuperInternal() { var Super = _getPrototypeOf$o(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$o(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$o(this, result); }; }
 
-function _possibleConstructorReturn$o(self, call) { if (call && (_typeof$s(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$q(self); }
+function _possibleConstructorReturn$o(self, call) { if (call && (_typeof$r(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$q(self); }
 
 function _assertThisInitialized$q(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
@@ -7899,7 +8264,7 @@ var StandAloneQuarterParser = /*#__PURE__*/function (_Parser) {
   return StandAloneQuarterParser;
 }(Parser);
 
-function _typeof$r(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$r = function _typeof(obj) { return typeof obj; }; } else { _typeof$r = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$r(obj); }
+function _typeof$q(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$q = function _typeof(obj) { return typeof obj; }; } else { _typeof$q = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$q(obj); }
 
 function _classCallCheck$n(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -7913,7 +8278,7 @@ function _setPrototypeOf$p(o, p) { _setPrototypeOf$p = Object.setPrototypeOf ||
 
 function _createSuper$n(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$n(); return function _createSuperInternal() { var Super = _getPrototypeOf$n(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$n(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$n(this, result); }; }
 
-function _possibleConstructorReturn$n(self, call) { if (call && (_typeof$r(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$p(self); }
+function _possibleConstructorReturn$n(self, call) { if (call && (_typeof$q(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$p(self); }
 
 function _assertThisInitialized$p(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
@@ -8016,7 +8381,7 @@ var MonthParser = /*#__PURE__*/function (_Parser) {
   return MonthParser;
 }(Parser);
 
-function _typeof$q(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$q = function _typeof(obj) { return typeof obj; }; } else { _typeof$q = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$q(obj); }
+function _typeof$p(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$p = function _typeof(obj) { return typeof obj; }; } else { _typeof$p = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$p(obj); }
 
 function _classCallCheck$m(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -8030,7 +8395,7 @@ function _setPrototypeOf$o(o, p) { _setPrototypeOf$o = Object.setPrototypeOf ||
 
 function _createSuper$m(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$m(); return function _createSuperInternal() { var Super = _getPrototypeOf$m(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$m(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$m(this, result); }; }
 
-function _possibleConstructorReturn$m(self, call) { if (call && (_typeof$q(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$o(self); }
+function _possibleConstructorReturn$m(self, call) { if (call && (_typeof$p(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$o(self); }
 
 function _assertThisInitialized$o(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
@@ -8142,7 +8507,7 @@ function setUTCWeek(dirtyDate, dirtyWeek, options) {
   return date;
 }
 
-function _typeof$p(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$p = function _typeof(obj) { return typeof obj; }; } else { _typeof$p = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$p(obj); }
+function _typeof$o(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$o = function _typeof(obj) { return typeof obj; }; } else { _typeof$o = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$o(obj); }
 
 function _classCallCheck$l(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -8156,7 +8521,7 @@ function _setPrototypeOf$n(o, p) { _setPrototypeOf$n = Object.setPrototypeOf ||
 
 function _createSuper$l(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$l(); return function _createSuperInternal() { var Super = _getPrototypeOf$l(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$l(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$l(this, result); }; }
 
-function _possibleConstructorReturn$l(self, call) { if (call && (_typeof$p(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$n(self); }
+function _possibleConstructorReturn$l(self, call) { if (call && (_typeof$o(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$n(self); }
 
 function _assertThisInitialized$n(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
@@ -8229,7 +8594,7 @@ function setUTCISOWeek(dirtyDate, dirtyISOWeek) {
   return date;
 }
 
-function _typeof$o(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$o = function _typeof(obj) { return typeof obj; }; } else { _typeof$o = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$o(obj); }
+function _typeof$n(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$n = function _typeof(obj) { return typeof obj; }; } else { _typeof$n = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$n(obj); }
 
 function _classCallCheck$k(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -8243,7 +8608,7 @@ function _setPrototypeOf$m(o, p) { _setPrototypeOf$m = Object.setPrototypeOf ||
 
 function _createSuper$k(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$k(); return function _createSuperInternal() { var Super = _getPrototypeOf$k(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$k(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$k(this, result); }; }
 
-function _possibleConstructorReturn$k(self, call) { if (call && (_typeof$o(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$m(self); }
+function _possibleConstructorReturn$k(self, call) { if (call && (_typeof$n(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$m(self); }
 
 function _assertThisInitialized$m(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
@@ -8307,7 +8672,7 @@ var ISOWeekParser = /*#__PURE__*/function (_Parser) {
   return ISOWeekParser;
 }(Parser);
 
-function _typeof$n(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$n = function _typeof(obj) { return typeof obj; }; } else { _typeof$n = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$n(obj); }
+function _typeof$m(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$m = function _typeof(obj) { return typeof obj; }; } else { _typeof$m = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$m(obj); }
 
 function _classCallCheck$j(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -8321,7 +8686,7 @@ function _setPrototypeOf$l(o, p) { _setPrototypeOf$l = Object.setPrototypeOf ||
 
 function _createSuper$j(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$j(); return function _createSuperInternal() { var Super = _getPrototypeOf$j(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$j(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$j(this, result); }; }
 
-function _possibleConstructorReturn$j(self, call) { if (call && (_typeof$n(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$l(self); }
+function _possibleConstructorReturn$j(self, call) { if (call && (_typeof$m(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$l(self); }
 
 function _assertThisInitialized$l(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
@@ -8399,7 +8764,7 @@ var DateParser = /*#__PURE__*/function (_Parser) {
   return DateParser;
 }(Parser);
 
-function _typeof$m(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$m = function _typeof(obj) { return typeof obj; }; } else { _typeof$m = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$m(obj); }
+function _typeof$l(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$l = function _typeof(obj) { return typeof obj; }; } else { _typeof$l = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$l(obj); }
 
 function _classCallCheck$i(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -8413,7 +8778,7 @@ function _setPrototypeOf$k(o, p) { _setPrototypeOf$k = Object.setPrototypeOf ||
 
 function _createSuper$i(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$i(); return function _createSuperInternal() { var Super = _getPrototypeOf$i(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$i(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$i(this, result); }; }
 
-function _possibleConstructorReturn$i(self, call) { if (call && (_typeof$m(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$k(self); }
+function _possibleConstructorReturn$i(self, call) { if (call && (_typeof$l(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$k(self); }
 
 function _assertThisInitialized$k(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
@@ -8509,7 +8874,7 @@ function setUTCDay(dirtyDate, dirtyDay, options) {
   return date;
 }
 
-function _typeof$l(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$l = function _typeof(obj) { return typeof obj; }; } else { _typeof$l = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$l(obj); }
+function _typeof$k(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$k = function _typeof(obj) { return typeof obj; }; } else { _typeof$k = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$k(obj); }
 
 function _classCallCheck$h(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -8523,7 +8888,7 @@ function _setPrototypeOf$j(o, p) { _setPrototypeOf$j = Object.setPrototypeOf ||
 
 function _createSuper$h(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$h(); return function _createSuperInternal() { var Super = _getPrototypeOf$h(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$h(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$h(this, result); }; }
 
-function _possibleConstructorReturn$h(self, call) { if (call && (_typeof$l(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$j(self); }
+function _possibleConstructorReturn$h(self, call) { if (call && (_typeof$k(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$j(self); }
 
 function _assertThisInitialized$j(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
@@ -8627,7 +8992,7 @@ var DayParser = /*#__PURE__*/function (_Parser) {
   return DayParser;
 }(Parser);
 
-function _typeof$k(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$k = function _typeof(obj) { return typeof obj; }; } else { _typeof$k = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$k(obj); }
+function _typeof$j(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$j = function _typeof(obj) { return typeof obj; }; } else { _typeof$j = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$j(obj); }
 
 function _classCallCheck$g(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -8641,7 +9006,7 @@ function _setPrototypeOf$i(o, p) { _setPrototypeOf$i = Object.setPrototypeOf ||
 
 function _createSuper$g(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$g(); return function _createSuperInternal() { var Super = _getPrototypeOf$g(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$g(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$g(this, result); }; }
 
-function _possibleConstructorReturn$g(self, call) { if (call && (_typeof$k(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$i(self); }
+function _possibleConstructorReturn$g(self, call) { if (call && (_typeof$j(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$i(self); }
 
 function _assertThisInitialized$i(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
@@ -8760,7 +9125,7 @@ var LocalDayParser = /*#__PURE__*/function (_Parser) {
   return LocalDayParser;
 }(Parser);
 
-function _typeof$j(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$j = function _typeof(obj) { return typeof obj; }; } else { _typeof$j = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$j(obj); }
+function _typeof$i(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$i = function _typeof(obj) { return typeof obj; }; } else { _typeof$i = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$i(obj); }
 
 function _classCallCheck$f(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -8774,7 +9139,7 @@ function _setPrototypeOf$h(o, p) { _setPrototypeOf$h = Object.setPrototypeOf ||
 
 function _createSuper$f(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$f(); return function _createSuperInternal() { var Super = _getPrototypeOf$f(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$f(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$f(this, result); }; }
 
-function _possibleConstructorReturn$f(self, call) { if (call && (_typeof$j(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$h(self); }
+function _possibleConstructorReturn$f(self, call) { if (call && (_typeof$i(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$h(self); }
 
 function _assertThisInitialized$h(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
@@ -8911,7 +9276,7 @@ function setUTCISODay(dirtyDate, dirtyDay) {
   return date;
 }
 
-function _typeof$i(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$i = function _typeof(obj) { return typeof obj; }; } else { _typeof$i = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$i(obj); }
+function _typeof$h(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$h = function _typeof(obj) { return typeof obj; }; } else { _typeof$h = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$h(obj); }
 
 function _classCallCheck$e(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -8925,7 +9290,7 @@ function _setPrototypeOf$g(o, p) { _setPrototypeOf$g = Object.setPrototypeOf ||
 
 function _createSuper$e(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$e(); return function _createSuperInternal() { var Super = _getPrototypeOf$e(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$e(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$e(this, result); }; }
 
-function _possibleConstructorReturn$e(self, call) { if (call && (_typeof$i(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$g(self); }
+function _possibleConstructorReturn$e(self, call) { if (call && (_typeof$h(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$g(self); }
 
 function _assertThisInitialized$g(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
@@ -9047,7 +9412,7 @@ var ISODayParser = /*#__PURE__*/function (_Parser) {
   return ISODayParser;
 }(Parser);
 
-function _typeof$h(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$h = function _typeof(obj) { return typeof obj; }; } else { _typeof$h = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$h(obj); }
+function _typeof$g(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$g = function _typeof(obj) { return typeof obj; }; } else { _typeof$g = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$g(obj); }
 
 function _classCallCheck$d(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -9061,7 +9426,7 @@ function _setPrototypeOf$f(o, p) { _setPrototypeOf$f = Object.setPrototypeOf ||
 
 function _createSuper$d(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$d(); return function _createSuperInternal() { var Super = _getPrototypeOf$d(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$d(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$d(this, result); }; }
 
-function _possibleConstructorReturn$d(self, call) { if (call && (_typeof$h(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$f(self); }
+function _possibleConstructorReturn$d(self, call) { if (call && (_typeof$g(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$f(self); }
 
 function _assertThisInitialized$f(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
@@ -9139,7 +9504,7 @@ var AMPMParser = /*#__PURE__*/function (_Parser) {
   return AMPMParser;
 }(Parser);
 
-function _typeof$g(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$g = function _typeof(obj) { return typeof obj; }; } else { _typeof$g = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$g(obj); }
+function _typeof$f(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$f = function _typeof(obj) { return typeof obj; }; } else { _typeof$f = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$f(obj); }
 
 function _classCallCheck$c(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -9153,7 +9518,7 @@ function _setPrototypeOf$e(o, p) { _setPrototypeOf$e = Object.setPrototypeOf ||
 
 function _createSuper$c(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$c(); return function _createSuperInternal() { var Super = _getPrototypeOf$c(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$c(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$c(this, result); }; }
 
-function _possibleConstructorReturn$c(self, call) { if (call && (_typeof$g(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$e(self); }
+function _possibleConstructorReturn$c(self, call) { if (call && (_typeof$f(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$e(self); }
 
 function _assertThisInitialized$e(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
@@ -9231,7 +9596,7 @@ var AMPMMidnightParser = /*#__PURE__*/function (_Parser) {
   return AMPMMidnightParser;
 }(Parser);
 
-function _typeof$f(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$f = function _typeof(obj) { return typeof obj; }; } else { _typeof$f = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$f(obj); }
+function _typeof$e(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$e = function _typeof(obj) { return typeof obj; }; } else { _typeof$e = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$e(obj); }
 
 function _classCallCheck$b(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -9245,7 +9610,7 @@ function _setPrototypeOf$d(o, p) { _setPrototypeOf$d = Object.setPrototypeOf ||
 
 function _createSuper$b(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$b(); return function _createSuperInternal() { var Super = _getPrototypeOf$b(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$b(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$b(this, result); }; }
 
-function _possibleConstructorReturn$b(self, call) { if (call && (_typeof$f(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$d(self); }
+function _possibleConstructorReturn$b(self, call) { if (call && (_typeof$e(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$d(self); }
 
 function _assertThisInitialized$d(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
@@ -9324,7 +9689,7 @@ var DayPeriodParser = /*#__PURE__*/function (_Parser) {
   return DayPeriodParser;
 }(Parser);
 
-function _typeof$e(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$e = function _typeof(obj) { return typeof obj; }; } else { _typeof$e = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$e(obj); }
+function _typeof$d(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$d = function _typeof(obj) { return typeof obj; }; } else { _typeof$d = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$d(obj); }
 
 function _classCallCheck$a(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -9338,7 +9703,7 @@ function _setPrototypeOf$c(o, p) { _setPrototypeOf$c = Object.setPrototypeOf ||
 
 function _createSuper$a(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$a(); return function _createSuperInternal() { var Super = _getPrototypeOf$a(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$a(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$a(this, result); }; }
 
-function _possibleConstructorReturn$a(self, call) { if (call && (_typeof$e(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$c(self); }
+function _possibleConstructorReturn$a(self, call) { if (call && (_typeof$d(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$c(self); }
 
 function _assertThisInitialized$c(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
@@ -9411,7 +9776,7 @@ var Hour1to12Parser = /*#__PURE__*/function (_Parser) {
   return Hour1to12Parser;
 }(Parser);
 
-function _typeof$d(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$d = function _typeof(obj) { return typeof obj; }; } else { _typeof$d = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$d(obj); }
+function _typeof$c(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$c = function _typeof(obj) { return typeof obj; }; } else { _typeof$c = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$c(obj); }
 
 function _classCallCheck$9(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -9425,7 +9790,7 @@ function _setPrototypeOf$b(o, p) { _setPrototypeOf$b = Object.setPrototypeOf ||
 
 function _createSuper$9(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$9(); return function _createSuperInternal() { var Super = _getPrototypeOf$9(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$9(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$9(this, result); }; }
 
-function _possibleConstructorReturn$9(self, call) { if (call && (_typeof$d(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$b(self); }
+function _possibleConstructorReturn$9(self, call) { if (call && (_typeof$c(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$b(self); }
 
 function _assertThisInitialized$b(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
@@ -9489,7 +9854,7 @@ var Hour0to23Parser = /*#__PURE__*/function (_Parser) {
   return Hour0to23Parser;
 }(Parser);
 
-function _typeof$c(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$c = function _typeof(obj) { return typeof obj; }; } else { _typeof$c = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$c(obj); }
+function _typeof$b(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$b = function _typeof(obj) { return typeof obj; }; } else { _typeof$b = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$b(obj); }
 
 function _classCallCheck$8(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -9503,7 +9868,7 @@ function _setPrototypeOf$a(o, p) { _setPrototypeOf$a = Object.setPrototypeOf ||
 
 function _createSuper$8(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$8(); return function _createSuperInternal() { var Super = _getPrototypeOf$8(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$8(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$8(this, result); }; }
 
-function _possibleConstructorReturn$8(self, call) { if (call && (_typeof$c(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$a(self); }
+function _possibleConstructorReturn$8(self, call) { if (call && (_typeof$b(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$a(self); }
 
 function _assertThisInitialized$a(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
@@ -9574,7 +9939,7 @@ var Hour0To11Parser = /*#__PURE__*/function (_Parser) {
   return Hour0To11Parser;
 }(Parser);
 
-function _typeof$b(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$b = function _typeof(obj) { return typeof obj; }; } else { _typeof$b = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$b(obj); }
+function _typeof$a(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$a = function _typeof(obj) { return typeof obj; }; } else { _typeof$a = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$a(obj); }
 
 function _classCallCheck$7(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -9588,7 +9953,7 @@ function _setPrototypeOf$9(o, p) { _setPrototypeOf$9 = Object.setPrototypeOf ||
 
 function _createSuper$7(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$7(); return function _createSuperInternal() { var Super = _getPrototypeOf$7(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$7(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$7(this, result); }; }
 
-function _possibleConstructorReturn$7(self, call) { if (call && (_typeof$b(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$9(self); }
+function _possibleConstructorReturn$7(self, call) { if (call && (_typeof$a(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$9(self); }
 
 function _assertThisInitialized$9(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
@@ -9653,7 +10018,7 @@ var Hour1To24Parser = /*#__PURE__*/function (_Parser) {
   return Hour1To24Parser;
 }(Parser);
 
-function _typeof$a(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$a = function _typeof(obj) { return typeof obj; }; } else { _typeof$a = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$a(obj); }
+function _typeof$9(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$9 = function _typeof(obj) { return typeof obj; }; } else { _typeof$9 = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$9(obj); }
 
 function _classCallCheck$6(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -9667,7 +10032,7 @@ function _setPrototypeOf$8(o, p) { _setPrototypeOf$8 = Object.setPrototypeOf ||
 
 function _createSuper$6(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$6(); return function _createSuperInternal() { var Super = _getPrototypeOf$6(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$6(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$6(this, result); }; }
 
-function _possibleConstructorReturn$6(self, call) { if (call && (_typeof$a(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$8(self); }
+function _possibleConstructorReturn$6(self, call) { if (call && (_typeof$9(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$8(self); }
 
 function _assertThisInitialized$8(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
@@ -9731,7 +10096,7 @@ var MinuteParser = /*#__PURE__*/function (_Parser) {
   return MinuteParser;
 }(Parser);
 
-function _typeof$9(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$9 = function _typeof(obj) { return typeof obj; }; } else { _typeof$9 = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$9(obj); }
+function _typeof$8(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$8 = function _typeof(obj) { return typeof obj; }; } else { _typeof$8 = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$8(obj); }
 
 function _classCallCheck$5(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -9745,7 +10110,7 @@ function _setPrototypeOf$7(o, p) { _setPrototypeOf$7 = Object.setPrototypeOf ||
 
 function _createSuper$5(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$5(); return function _createSuperInternal() { var Super = _getPrototypeOf$5(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$5(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$5(this, result); }; }
 
-function _possibleConstructorReturn$5(self, call) { if (call && (_typeof$9(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$7(self); }
+function _possibleConstructorReturn$5(self, call) { if (call && (_typeof$8(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$7(self); }
 
 function _assertThisInitialized$7(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
@@ -9809,7 +10174,7 @@ var SecondParser = /*#__PURE__*/function (_Parser) {
   return SecondParser;
 }(Parser);
 
-function _typeof$8(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$8 = function _typeof(obj) { return typeof obj; }; } else { _typeof$8 = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$8(obj); }
+function _typeof$7(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$7 = function _typeof(obj) { return typeof obj; }; } else { _typeof$7 = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$7(obj); }
 
 function _classCallCheck$4(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -9823,7 +10188,7 @@ function _setPrototypeOf$6(o, p) { _setPrototypeOf$6 = Object.setPrototypeOf ||
 
 function _createSuper$4(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$4(); return function _createSuperInternal() { var Super = _getPrototypeOf$4(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$4(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$4(this, result); }; }
 
-function _possibleConstructorReturn$4(self, call) { if (call && (_typeof$8(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$6(self); }
+function _possibleConstructorReturn$4(self, call) { if (call && (_typeof$7(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$6(self); }
 
 function _assertThisInitialized$6(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
@@ -9875,7 +10240,7 @@ var FractionOfSecondParser = /*#__PURE__*/function (_Parser) {
   return FractionOfSecondParser;
 }(Parser);
 
-function _typeof$7(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$7 = function _typeof(obj) { return typeof obj; }; } else { _typeof$7 = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$7(obj); }
+function _typeof$6(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$6 = function _typeof(obj) { return typeof obj; }; } else { _typeof$6 = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$6(obj); }
 
 function _classCallCheck$3(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -9889,7 +10254,7 @@ function _setPrototypeOf$5(o, p) { _setPrototypeOf$5 = Object.setPrototypeOf ||
 
 function _createSuper$3(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$3(); return function _createSuperInternal() { var Super = _getPrototypeOf$3(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$3(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$3(this, result); }; }
 
-function _possibleConstructorReturn$3(self, call) { if (call && (_typeof$7(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$5(self); }
+function _possibleConstructorReturn$3(self, call) { if (call && (_typeof$6(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$5(self); }
 
 function _assertThisInitialized$5(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
@@ -9957,7 +10322,7 @@ var ISOTimezoneWithZParser = /*#__PURE__*/function (_Parser) {
   return ISOTimezoneWithZParser;
 }(Parser);
 
-function _typeof$6(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$6 = function _typeof(obj) { return typeof obj; }; } else { _typeof$6 = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$6(obj); }
+function _typeof$5(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$5 = function _typeof(obj) { return typeof obj; }; } else { _typeof$5 = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$5(obj); }
 
 function _classCallCheck$2(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -9971,7 +10336,7 @@ function _setPrototypeOf$4(o, p) { _setPrototypeOf$4 = Object.setPrototypeOf ||
 
 function _createSuper$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); return function _createSuperInternal() { var Super = _getPrototypeOf$2(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$2(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$2(this, result); }; }
 
-function _possibleConstructorReturn$2(self, call) { if (call && (_typeof$6(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$4(self); }
+function _possibleConstructorReturn$2(self, call) { if (call && (_typeof$5(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$4(self); }
 
 function _assertThisInitialized$4(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
@@ -10039,7 +10404,7 @@ var ISOTimezoneParser = /*#__PURE__*/function (_Parser) {
   return ISOTimezoneParser;
 }(Parser);
 
-function _typeof$5(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$5 = function _typeof(obj) { return typeof obj; }; } else { _typeof$5 = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$5(obj); }
+function _typeof$4(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$4 = function _typeof(obj) { return typeof obj; }; } else { _typeof$4 = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$4(obj); }
 
 function _classCallCheck$1(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -10053,7 +10418,7 @@ function _setPrototypeOf$3(o, p) { _setPrototypeOf$3 = Object.setPrototypeOf ||
 
 function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf$1(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$1(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$1(this, result); }; }
 
-function _possibleConstructorReturn$1(self, call) { if (call && (_typeof$5(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$3(self); }
+function _possibleConstructorReturn$1(self, call) { if (call && (_typeof$4(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$3(self); }
 
 function _assertThisInitialized$3(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
@@ -10102,7 +10467,7 @@ var TimestampSecondsParser = /*#__PURE__*/function (_Parser) {
   return TimestampSecondsParser;
 }(Parser);
 
-function _typeof$4(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$4 = function _typeof(obj) { return typeof obj; }; } else { _typeof$4 = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$4(obj); }
+function _typeof$3(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$3 = function _typeof(obj) { return typeof obj; }; } else { _typeof$3 = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$3(obj); }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -10116,7 +10481,7 @@ function _setPrototypeOf$2(o, p) { _setPrototypeOf$2 = Object.setPrototypeOf ||
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof$4(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$2(self); }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof$3(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$2(self); }
 
 function _assertThisInitialized$2(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
@@ -10243,7 +10608,7 @@ var parsers = {
   T: new TimestampMillisecondsParser()
 };
 
-function _typeof$3(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$3 = function _typeof(obj) { return typeof obj; }; } else { _typeof$3 = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$3(obj); }
+function _typeof$2(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$2 = function _typeof(obj) { return typeof obj; }; } else { _typeof$2 = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$2(obj); }
 
 function _createForOfIteratorHelper$1(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$2(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 
@@ -10696,7 +11061,7 @@ function parse(dirtyDateString, dirtyFormatString, dirtyReferenceDate, options)
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
       var _ret = _loop();
 
-      if (_typeof$3(_ret) === "object") return _ret.v;
+      if (_typeof$2(_ret) === "object") return _ret.v;
     } // Check if the remaining input contains something other than whitespace
 
   } catch (err) {
@@ -13865,7 +14230,7 @@ var esm = /*#__PURE__*/Object.freeze({
 
 var require$$64 = /*@__PURE__*/getAugmentedNamespace(esm);
 
-function _typeof$2(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$2 = function _typeof(obj) { return typeof obj; }; } else { _typeof$2 = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$2(obj); }
+function _typeof$1(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$1 = function _typeof(obj) { return typeof obj; }; } else { _typeof$1 = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$1(obj); }
 
 /**
  * @name set
@@ -13908,7 +14273,7 @@ function _typeof$2(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "func
 function set(dirtyDate, values) {
   requiredArgs(2, arguments);
 
-  if (_typeof$2(values) !== 'object' || values === null) {
+  if (_typeof$1(values) !== 'object' || values === null) {
     throw new RangeError('values parameter must be an object');
   }
 
@@ -14038,7 +14403,7 @@ var ReactDatePicker = function ReactDatePicker(_ref) {
     onChanged === null || onChanged === void 0 ? void 0 : onChanged(date);
   }, [onChanged]);
   return /*#__PURE__*/React__default.createElement("div", {
-    className: classnames$2(style$6.ReactDatePicker, 'EDSPicker') + " ".concat(className !== null && className !== void 0 ? className : '')
+    className: classnames$1(style$6.ReactDatePicker, 'EDSPicker') + " ".concat(className !== null && className !== void 0 ? className : '')
   }, /*#__PURE__*/React__default.createElement("label", {
     className: style$6.dateLabel,
     htmlFor: id,
@@ -14140,8 +14505,8 @@ var DialogGenerator = function DialogGenerator(_ref) {
   })));
 };
 
-function _extends$e() {
-  _extends$e = Object.assign ? Object.assign.bind() : function (target) {
+function _extends$2() {
+  _extends$2 = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -14152,7 +14517,7 @@ function _extends$e() {
     }
     return target;
   };
-  return _extends$e.apply(this, arguments);
+  return _extends$2.apply(this, arguments);
 }
 
 function _assertThisInitialized(self) {
@@ -14696,7 +15061,7 @@ function createListComponent(_ref) {
         className: className,
         onScroll: onScroll,
         ref: this._outerRefSetter,
-        style: _extends$e({
+        style: _extends$2({
           position: 'relative',
           height: height,
           width: width,
@@ -15354,22 +15719,12 @@ var LinkSection = function LinkSection(_ref) {
   }, children, linkActionSection);
 };
 
-function _typeof$1(obj) {
-  "@babel/helpers - typeof";
-
-  return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof$1(obj);
-}
-
 function _toPrimitive(input, hint) {
-  if (_typeof$1(input) !== "object" || input === null) return input;
+  if (_typeof$E(input) !== "object" || input === null) return input;
   var prim = input[Symbol.toPrimitive];
   if (prim !== undefined) {
     var res = prim.call(input, hint || "default");
-    if (_typeof$1(res) !== "object") return res;
+    if (_typeof$E(res) !== "object") return res;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (hint === "string" ? String : Number)(input);
@@ -15377,7 +15732,7 @@ function _toPrimitive(input, hint) {
 
 function _toPropertyKey(arg) {
   var key = _toPrimitive(arg, "string");
-  return _typeof$1(key) === "symbol" ? key : String(key);
+  return _typeof$E(key) === "symbol" ? key : String(key);
 }
 
 function _defineProperty$1(obj, key, value) {
@@ -15423,7 +15778,7 @@ var Title = function Title(_ref) {
       }));
     }
   });
-  var titleClassNames = classnames$2(style$4.titleSection, _defineProperty$1({}, style$4.titlePadding, headerIcons && headerIcons.length > 0));
+  var titleClassNames = classnames$1(style$4.titleSection, _defineProperty$1({}, style$4.titlePadding, headerIcons && headerIcons.length > 0));
   return /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(titleClassNames, " ").concat(className)
   }, /*#__PURE__*/React__default.createElement("span", {
@@ -16597,8 +16952,8 @@ const useHover = function (context, _temp) {
   }, [events, enabled, restMs, open, onOpenChange, closeWithDelay]);
 };
 
-function _extends$d() {
-  _extends$d = Object.assign || function (target) {
+function _extends$1() {
+  _extends$1 = Object.assign || function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -16609,7 +16964,7 @@ function _extends$d() {
     }
     return target;
   };
-  return _extends$d.apply(this, arguments);
+  return _extends$1.apply(this, arguments);
 }
 
 /**
@@ -16794,7 +17149,7 @@ const FocusGuard = /*#__PURE__*/React.forwardRef(function FocusGuard(props, ref)
       document.removeEventListener('keydown', setActiveElementOnTab);
     };
   }, []);
-  return /*#__PURE__*/React.createElement("span", _extends$d({}, props, {
+  return /*#__PURE__*/React.createElement("span", _extends$1({}, props, {
     ref: ref,
     tabIndex: 0
     // Role is only for VoiceOver
@@ -16892,1141 +17247,788 @@ const FloatingPortal = _ref => {
     function onFocus(event) {
       if (portalNode && isOutsideEvent(event)) {
         const focusing = event.type === 'focusin';
-        const manageFocus = focusing ? enableFocusInside : disableFocusInside;
-        manageFocus(portalNode);
-      }
-    }
-    // Listen to the event on the capture phase so they run before the focus
-    // trap elements onFocus prop is called.
-    portalNode.addEventListener('focusin', onFocus, true);
-    portalNode.addEventListener('focusout', onFocus, true);
-    return () => {
-      portalNode.removeEventListener('focusin', onFocus, true);
-      portalNode.removeEventListener('focusout', onFocus, true);
-    };
-  }, [portalNode, preserveTabOrder, focusManagerState == null ? void 0 : focusManagerState.modal]);
-  return /*#__PURE__*/React.createElement(PortalContext.Provider, {
-    value: React.useMemo(() => ({
-      preserveTabOrder,
-      beforeOutsideRef,
-      afterOutsideRef,
-      beforeInsideRef,
-      afterInsideRef,
-      portalNode,
-      setFocusManagerState
-    }), [preserveTabOrder, portalNode])
-  }, shouldRenderGuards && portalNode && /*#__PURE__*/React.createElement(FocusGuard, {
-    "data-type": "outside",
-    ref: beforeOutsideRef,
-    onFocus: event => {
-      if (isOutsideEvent(event, portalNode)) {
-        var _beforeInsideRef$curr;
-        (_beforeInsideRef$curr = beforeInsideRef.current) == null ? void 0 : _beforeInsideRef$curr.focus();
-      } else {
-        const prevTabbable = getPreviousTabbable() || (focusManagerState == null ? void 0 : focusManagerState.refs.domReference.current);
-        prevTabbable == null ? void 0 : prevTabbable.focus();
-      }
-    }
-  }), shouldRenderGuards && portalNode && /*#__PURE__*/React.createElement("span", {
-    "aria-owns": portalNode.id,
-    style: HIDDEN_STYLES
-  }), root ? /*#__PURE__*/createPortal(children, root) : portalNode ? /*#__PURE__*/createPortal(children, portalNode) : null, shouldRenderGuards && portalNode && /*#__PURE__*/React.createElement(FocusGuard, {
-    "data-type": "outside",
-    ref: afterOutsideRef,
-    onFocus: event => {
-      if (isOutsideEvent(event, portalNode)) {
-        var _afterInsideRef$curre;
-        (_afterInsideRef$curre = afterInsideRef.current) == null ? void 0 : _afterInsideRef$curre.focus();
-      } else {
-        const nextTabbable = getNextTabbable() || (focusManagerState == null ? void 0 : focusManagerState.refs.domReference.current);
-        nextTabbable == null ? void 0 : nextTabbable.focus();
-        (focusManagerState == null ? void 0 : focusManagerState.closeOnFocusOut) && (focusManagerState == null ? void 0 : focusManagerState.onOpenChange(false));
-      }
-    }
-  }));
-};
-const usePortalContext = () => React.useContext(PortalContext);
-
-/**
- * Check whether the event.target is within the provided node. Uses event.composedPath if available for custom element support.
- *
- * @param event The event whose target/composedPath to check
- * @param node The node to check against
- * @returns Whether the event.target/composedPath is within the node.
- */
-function isEventTargetWithin(event, node) {
-  if (node == null) {
-    return false;
-  }
-  if ('composedPath' in event) {
-    return event.composedPath().includes(node);
-  }
-
-  // TS thinks `event` is of type never as it assumes all browsers support composedPath, but browsers without shadow dom don't
-  const e = event;
-  return e.target != null && node.contains(e.target);
-}
-
-const bubbleHandlerKeys = {
-  pointerdown: 'onPointerDown',
-  mousedown: 'onMouseDown',
-  click: 'onClick'
-};
-const captureHandlerKeys = {
-  pointerdown: 'onPointerDownCapture',
-  mousedown: 'onMouseDownCapture',
-  click: 'onClickCapture'
-};
-const normalizeBubblesProp = function (bubbles) {
-  var _bubbles$escapeKey, _bubbles$outsidePress;
-  if (bubbles === void 0) {
-    bubbles = true;
-  }
-  return {
-    escapeKeyBubbles: typeof bubbles === 'boolean' ? bubbles : (_bubbles$escapeKey = bubbles.escapeKey) != null ? _bubbles$escapeKey : true,
-    outsidePressBubbles: typeof bubbles === 'boolean' ? bubbles : (_bubbles$outsidePress = bubbles.outsidePress) != null ? _bubbles$outsidePress : true
-  };
-};
-/**
- * Closes the floating element when a dismissal is requested — by default, when
- * the user presses the `escape` key or outside of the floating element.
- * @see https://floating-ui.com/docs/useDismiss
- */
-const useDismiss = function (_ref, _temp) {
-  let {
-    open,
-    onOpenChange,
-    events,
-    nodeId,
-    elements: {
-      reference,
-      domReference,
-      floating
-    },
-    dataRef
-  } = _ref;
-  let {
-    enabled = true,
-    escapeKey = true,
-    outsidePress: unstable_outsidePress = true,
-    outsidePressEvent = 'pointerdown',
-    referencePress = false,
-    referencePressEvent = 'pointerdown',
-    ancestorScroll = false,
-    bubbles = true
-  } = _temp === void 0 ? {} : _temp;
-  const tree = useFloatingTree();
-  const nested = useFloatingParentNodeId() != null;
-  const outsidePressFn = useEvent(typeof unstable_outsidePress === 'function' ? unstable_outsidePress : () => false);
-  const outsidePress = typeof unstable_outsidePress === 'function' ? outsidePressFn : unstable_outsidePress;
-  const insideReactTreeRef = React.useRef(false);
-  const {
-    escapeKeyBubbles,
-    outsidePressBubbles
-  } = normalizeBubblesProp(bubbles);
-  React.useEffect(() => {
-    if (!open || !enabled) {
-      return;
-    }
-    dataRef.current.__escapeKeyBubbles = escapeKeyBubbles;
-    dataRef.current.__outsidePressBubbles = outsidePressBubbles;
-    function onKeyDown(event) {
-      if (event.key === 'Escape') {
-        const children = tree ? getChildren(tree.nodesRef.current, nodeId) : [];
-        if (children.length > 0) {
-          let shouldDismiss = true;
-          children.forEach(child => {
-            var _child$context;
-            if ((_child$context = child.context) != null && _child$context.open && !child.context.dataRef.current.__escapeKeyBubbles) {
-              shouldDismiss = false;
-              return;
-            }
-          });
-          if (!shouldDismiss) {
-            return;
-          }
-        }
-        events.emit('dismiss', {
-          type: 'escapeKey',
-          data: {
-            returnFocus: {
-              preventScroll: false
-            }
-          }
-        });
-        onOpenChange(false);
-      }
-    }
-    function onOutsidePress(event) {
-      // Given developers can stop the propagation of the synthetic event,
-      // we can only be confident with a positive value.
-      const insideReactTree = insideReactTreeRef.current;
-      insideReactTreeRef.current = false;
-      if (insideReactTree) {
-        return;
-      }
-      if (typeof outsidePress === 'function' && !outsidePress(event)) {
-        return;
-      }
-      const target = getTarget(event);
-
-      // Check if the click occurred on the scrollbar
-      if (isHTMLElement(target) && floating) {
-        const win = floating.ownerDocument.defaultView || window;
-        const canScrollX = target.scrollWidth > target.clientWidth;
-        const canScrollY = target.scrollHeight > target.clientHeight;
-        let xCond = canScrollY && event.offsetX > target.clientWidth;
-
-        // In some browsers it is possible to change the <body> (or window)
-        // scrollbar to the left side, but is very rare and is difficult to
-        // check for. Plus, for modal dialogs with backdrops, it is more
-        // important that the backdrop is checked but not so much the window.
-        if (canScrollY) {
-          const isRTL = win.getComputedStyle(target).direction === 'rtl';
-          if (isRTL) {
-            xCond = event.offsetX <= target.offsetWidth - target.clientWidth;
-          }
-        }
-        if (xCond || canScrollX && event.offsetY > target.clientHeight) {
-          return;
-        }
-      }
-      const targetIsInsideChildren = tree && getChildren(tree.nodesRef.current, nodeId).some(node => {
-        var _node$context;
-        return isEventTargetWithin(event, (_node$context = node.context) == null ? void 0 : _node$context.elements.floating);
-      });
-      if (isEventTargetWithin(event, floating) || isEventTargetWithin(event, domReference) || targetIsInsideChildren) {
-        return;
-      }
-      const children = tree ? getChildren(tree.nodesRef.current, nodeId) : [];
-      if (children.length > 0) {
-        let shouldDismiss = true;
-        children.forEach(child => {
-          var _child$context2;
-          if ((_child$context2 = child.context) != null && _child$context2.open && !child.context.dataRef.current.__outsidePressBubbles) {
-            shouldDismiss = false;
-            return;
-          }
-        });
-        if (!shouldDismiss) {
-          return;
-        }
-      }
-      events.emit('dismiss', {
-        type: 'outsidePress',
-        data: {
-          returnFocus: nested ? {
-            preventScroll: true
-          } : isVirtualClick(event) || isVirtualPointerEvent(event)
-        }
-      });
-      onOpenChange(false);
-    }
-    function onScroll() {
-      onOpenChange(false);
-    }
-    const doc = getDocument(floating);
-    escapeKey && doc.addEventListener('keydown', onKeyDown);
-    outsidePress && doc.addEventListener(outsidePressEvent, onOutsidePress);
-    let ancestors = [];
-    if (ancestorScroll) {
-      if (isElement(domReference)) {
-        ancestors = D(domReference);
-      }
-      if (isElement(floating)) {
-        ancestors = ancestors.concat(D(floating));
-      }
-      if (!isElement(reference) && reference && reference.contextElement) {
-        ancestors = ancestors.concat(D(reference.contextElement));
+        const manageFocus = focusing ? enableFocusInside : disableFocusInside;
+        manageFocus(portalNode);
       }
     }
-
-    // Ignore the visual viewport for scrolling dismissal (allow pinch-zoom)
-    ancestors = ancestors.filter(ancestor => {
-      var _doc$defaultView;
-      return ancestor !== ((_doc$defaultView = doc.defaultView) == null ? void 0 : _doc$defaultView.visualViewport);
-    });
-    ancestors.forEach(ancestor => {
-      ancestor.addEventListener('scroll', onScroll, {
-        passive: true
-      });
-    });
+    // Listen to the event on the capture phase so they run before the focus
+    // trap elements onFocus prop is called.
+    portalNode.addEventListener('focusin', onFocus, true);
+    portalNode.addEventListener('focusout', onFocus, true);
     return () => {
-      escapeKey && doc.removeEventListener('keydown', onKeyDown);
-      outsidePress && doc.removeEventListener(outsidePressEvent, onOutsidePress);
-      ancestors.forEach(ancestor => {
-        ancestor.removeEventListener('scroll', onScroll);
-      });
+      portalNode.removeEventListener('focusin', onFocus, true);
+      portalNode.removeEventListener('focusout', onFocus, true);
     };
-  }, [dataRef, floating, domReference, reference, escapeKey, outsidePress, outsidePressEvent, events, tree, nodeId, open, onOpenChange, ancestorScroll, enabled, escapeKeyBubbles, outsidePressBubbles, nested]);
-  React.useEffect(() => {
-    insideReactTreeRef.current = false;
-  }, [outsidePress, outsidePressEvent]);
-  return React.useMemo(() => {
-    if (!enabled) {
-      return {};
+  }, [portalNode, preserveTabOrder, focusManagerState == null ? void 0 : focusManagerState.modal]);
+  return /*#__PURE__*/React.createElement(PortalContext.Provider, {
+    value: React.useMemo(() => ({
+      preserveTabOrder,
+      beforeOutsideRef,
+      afterOutsideRef,
+      beforeInsideRef,
+      afterInsideRef,
+      portalNode,
+      setFocusManagerState
+    }), [preserveTabOrder, portalNode])
+  }, shouldRenderGuards && portalNode && /*#__PURE__*/React.createElement(FocusGuard, {
+    "data-type": "outside",
+    ref: beforeOutsideRef,
+    onFocus: event => {
+      if (isOutsideEvent(event, portalNode)) {
+        var _beforeInsideRef$curr;
+        (_beforeInsideRef$curr = beforeInsideRef.current) == null ? void 0 : _beforeInsideRef$curr.focus();
+      } else {
+        const prevTabbable = getPreviousTabbable() || (focusManagerState == null ? void 0 : focusManagerState.refs.domReference.current);
+        prevTabbable == null ? void 0 : prevTabbable.focus();
+      }
     }
-    return {
-      reference: {
-        [bubbleHandlerKeys[referencePressEvent]]: () => {
-          if (referencePress) {
-            events.emit('dismiss', {
-              type: 'referencePress',
-              data: {
-                returnFocus: false
-              }
-            });
-            onOpenChange(false);
-          }
-        }
-      },
-      floating: {
-        [captureHandlerKeys[outsidePressEvent]]: () => {
-          insideReactTreeRef.current = true;
-        }
+  }), shouldRenderGuards && portalNode && /*#__PURE__*/React.createElement("span", {
+    "aria-owns": portalNode.id,
+    style: HIDDEN_STYLES
+  }), root ? /*#__PURE__*/createPortal(children, root) : portalNode ? /*#__PURE__*/createPortal(children, portalNode) : null, shouldRenderGuards && portalNode && /*#__PURE__*/React.createElement(FocusGuard, {
+    "data-type": "outside",
+    ref: afterOutsideRef,
+    onFocus: event => {
+      if (isOutsideEvent(event, portalNode)) {
+        var _afterInsideRef$curre;
+        (_afterInsideRef$curre = afterInsideRef.current) == null ? void 0 : _afterInsideRef$curre.focus();
+      } else {
+        const nextTabbable = getNextTabbable() || (focusManagerState == null ? void 0 : focusManagerState.refs.domReference.current);
+        nextTabbable == null ? void 0 : nextTabbable.focus();
+        (focusManagerState == null ? void 0 : focusManagerState.closeOnFocusOut) && (focusManagerState == null ? void 0 : focusManagerState.onOpenChange(false));
       }
-    };
-  }, [enabled, events, referencePress, outsidePressEvent, referencePressEvent, onOpenChange]);
+    }
+  }));
 };
+const usePortalContext = () => React.useContext(PortalContext);
 
 /**
- * Opens the floating element while the reference element has focus, like CSS
- * `:focus`.
- * @see https://floating-ui.com/docs/useFocus
+ * Check whether the event.target is within the provided node. Uses event.composedPath if available for custom element support.
+ *
+ * @param event The event whose target/composedPath to check
+ * @param node The node to check against
+ * @returns Whether the event.target/composedPath is within the node.
  */
-const useFocus = function (_ref, _temp) {
+function isEventTargetWithin(event, node) {
+  if (node == null) {
+    return false;
+  }
+  if ('composedPath' in event) {
+    return event.composedPath().includes(node);
+  }
+
+  // TS thinks `event` is of type never as it assumes all browsers support composedPath, but browsers without shadow dom don't
+  const e = event;
+  return e.target != null && node.contains(e.target);
+}
+
+const bubbleHandlerKeys = {
+  pointerdown: 'onPointerDown',
+  mousedown: 'onMouseDown',
+  click: 'onClick'
+};
+const captureHandlerKeys = {
+  pointerdown: 'onPointerDownCapture',
+  mousedown: 'onMouseDownCapture',
+  click: 'onClickCapture'
+};
+const normalizeBubblesProp = function (bubbles) {
+  var _bubbles$escapeKey, _bubbles$outsidePress;
+  if (bubbles === void 0) {
+    bubbles = true;
+  }
+  return {
+    escapeKeyBubbles: typeof bubbles === 'boolean' ? bubbles : (_bubbles$escapeKey = bubbles.escapeKey) != null ? _bubbles$escapeKey : true,
+    outsidePressBubbles: typeof bubbles === 'boolean' ? bubbles : (_bubbles$outsidePress = bubbles.outsidePress) != null ? _bubbles$outsidePress : true
+  };
+};
+/**
+ * Closes the floating element when a dismissal is requested — by default, when
+ * the user presses the `escape` key or outside of the floating element.
+ * @see https://floating-ui.com/docs/useDismiss
+ */
+const useDismiss = function (_ref, _temp) {
   let {
     open,
     onOpenChange,
-    dataRef,
     events,
-    refs,
+    nodeId,
     elements: {
-      floating,
-      domReference
-    }
+      reference,
+      domReference,
+      floating
+    },
+    dataRef
   } = _ref;
   let {
     enabled = true,
-    keyboardOnly = true
+    escapeKey = true,
+    outsidePress: unstable_outsidePress = true,
+    outsidePressEvent = 'pointerdown',
+    referencePress = false,
+    referencePressEvent = 'pointerdown',
+    ancestorScroll = false,
+    bubbles = true
   } = _temp === void 0 ? {} : _temp;
-  const pointerTypeRef = React.useRef('');
-  const blockFocusRef = React.useRef(false);
-  const timeoutRef = React.useRef();
-  React.useEffect(() => {
-    if (!enabled) {
-      return;
-    }
-    const doc = getDocument(floating);
-    const win = doc.defaultView || window;
-
-    // If the reference was focused and the user left the tab/window, and the
-    // floating element was not open, the focus should be blocked when they
-    // return to the tab/window.
-    function onBlur() {
-      if (!open && isHTMLElement(domReference) && domReference === activeElement$1(getDocument(domReference))) {
-        blockFocusRef.current = true;
-      }
-    }
-    win.addEventListener('blur', onBlur);
-    return () => {
-      win.removeEventListener('blur', onBlur);
-    };
-  }, [floating, domReference, open, enabled]);
+  const tree = useFloatingTree();
+  const nested = useFloatingParentNodeId() != null;
+  const outsidePressFn = useEvent(typeof unstable_outsidePress === 'function' ? unstable_outsidePress : () => false);
+  const outsidePress = typeof unstable_outsidePress === 'function' ? outsidePressFn : unstable_outsidePress;
+  const insideReactTreeRef = React.useRef(false);
+  const {
+    escapeKeyBubbles,
+    outsidePressBubbles
+  } = normalizeBubblesProp(bubbles);
   React.useEffect(() => {
-    if (!enabled) {
+    if (!open || !enabled) {
       return;
     }
-    function onDismiss(payload) {
-      if (payload.type === 'referencePress' || payload.type === 'escapeKey') {
-        blockFocusRef.current = true;
-      }
-    }
-    events.on('dismiss', onDismiss);
-    return () => {
-      events.off('dismiss', onDismiss);
-    };
-  }, [events, enabled]);
-  React.useEffect(() => {
-    return () => {
-      clearTimeout(timeoutRef.current);
-    };
-  }, []);
-  return React.useMemo(() => {
-    if (!enabled) {
-      return {};
-    }
-    return {
-      reference: {
-        onPointerDown(_ref2) {
-          let {
-            pointerType
-          } = _ref2;
-          pointerTypeRef.current = pointerType;
-          blockFocusRef.current = !!(pointerType && keyboardOnly);
-        },
-        onMouseLeave() {
-          blockFocusRef.current = false;
-        },
-        onFocus(event) {
-          var _dataRef$current$open;
-          if (blockFocusRef.current) {
-            return;
-          }
-
-          // Dismiss with click should ignore the subsequent `focus` trigger,
-          // but only if the click originated inside the reference element.
-          if (event.type === 'focus' && ((_dataRef$current$open = dataRef.current.openEvent) == null ? void 0 : _dataRef$current$open.type) === 'mousedown' && dataRef.current.openEvent && isEventTargetWithin(dataRef.current.openEvent, domReference)) {
-            return;
-          }
-          dataRef.current.openEvent = event.nativeEvent;
-          onOpenChange(true);
-        },
-        onBlur(event) {
-          blockFocusRef.current = false;
-          const relatedTarget = event.relatedTarget;
-
-          // Hit the non-modal focus management portal guard. Focus will be
-          // moved into the floating element immediately after.
-          const movedToFocusGuard = isElement(relatedTarget) && relatedTarget.hasAttribute('data-floating-ui-focus-guard') && relatedTarget.getAttribute('data-type') === 'outside';
-
-          // Wait for the window blur listener to fire.
-          timeoutRef.current = setTimeout(() => {
-            // When focusing the reference element (e.g. regular click), then
-            // clicking into the floating element, prevent it from hiding.
-            // Note: it must be focusable, e.g. `tabindex="-1"`.
-            if (contains(refs.floating.current, relatedTarget) || contains(domReference, relatedTarget) || movedToFocusGuard) {
+    dataRef.current.__escapeKeyBubbles = escapeKeyBubbles;
+    dataRef.current.__outsidePressBubbles = outsidePressBubbles;
+    function onKeyDown(event) {
+      if (event.key === 'Escape') {
+        const children = tree ? getChildren(tree.nodesRef.current, nodeId) : [];
+        if (children.length > 0) {
+          let shouldDismiss = true;
+          children.forEach(child => {
+            var _child$context;
+            if ((_child$context = child.context) != null && _child$context.open && !child.context.dataRef.current.__escapeKeyBubbles) {
+              shouldDismiss = false;
               return;
             }
-            onOpenChange(false);
           });
+          if (!shouldDismiss) {
+            return;
+          }
         }
+        events.emit('dismiss', {
+          type: 'escapeKey',
+          data: {
+            returnFocus: {
+              preventScroll: false
+            }
+          }
+        });
+        onOpenChange(false);
       }
-    };
-  }, [enabled, keyboardOnly, domReference, refs, dataRef, onOpenChange]);
-};
-
-/**
- * Merges an array of refs into a single memoized callback ref or `null`.
- * @see https://floating-ui.com/docs/useMergeRefs
- */
-function useMergeRefs(refs) {
-  return React.useMemo(() => {
-    if (refs.every(ref => ref == null)) {
-      return null;
     }
-    return value => {
-      refs.forEach(ref => {
-        if (typeof ref === 'function') {
-          ref(value);
-        } else if (ref != null) {
-          ref.current = value;
+    function onOutsidePress(event) {
+      // Given developers can stop the propagation of the synthetic event,
+      // we can only be confident with a positive value.
+      const insideReactTree = insideReactTreeRef.current;
+      insideReactTreeRef.current = false;
+      if (insideReactTree) {
+        return;
+      }
+      if (typeof outsidePress === 'function' && !outsidePress(event)) {
+        return;
+      }
+      const target = getTarget(event);
+
+      // Check if the click occurred on the scrollbar
+      if (isHTMLElement(target) && floating) {
+        const win = floating.ownerDocument.defaultView || window;
+        const canScrollX = target.scrollWidth > target.clientWidth;
+        const canScrollY = target.scrollHeight > target.clientHeight;
+        let xCond = canScrollY && event.offsetX > target.clientWidth;
+
+        // In some browsers it is possible to change the <body> (or window)
+        // scrollbar to the left side, but is very rare and is difficult to
+        // check for. Plus, for modal dialogs with backdrops, it is more
+        // important that the backdrop is checked but not so much the window.
+        if (canScrollY) {
+          const isRTL = win.getComputedStyle(target).direction === 'rtl';
+          if (isRTL) {
+            xCond = event.offsetX <= target.offsetWidth - target.clientWidth;
+          }
+        }
+        if (xCond || canScrollX && event.offsetY > target.clientHeight) {
+          return;
         }
+      }
+      const targetIsInsideChildren = tree && getChildren(tree.nodesRef.current, nodeId).some(node => {
+        var _node$context;
+        return isEventTargetWithin(event, (_node$context = node.context) == null ? void 0 : _node$context.elements.floating);
       });
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, refs);
-}
-
-/**
- * Adds base screen reader props to the reference and floating elements for a
- * given floating element `role`.
- * @see https://floating-ui.com/docs/useRole
- */
-const useRole = function (_ref, _temp) {
-  let {
-    open
-  } = _ref;
-  let {
-    enabled = true,
-    role = 'dialog'
-  } = _temp === void 0 ? {} : _temp;
-  const rootId = useId();
-  const referenceId = useId();
-  return React.useMemo(() => {
-    const floatingProps = {
-      id: rootId,
-      role
-    };
-    if (!enabled) {
-      return {};
+      if (isEventTargetWithin(event, floating) || isEventTargetWithin(event, domReference) || targetIsInsideChildren) {
+        return;
+      }
+      const children = tree ? getChildren(tree.nodesRef.current, nodeId) : [];
+      if (children.length > 0) {
+        let shouldDismiss = true;
+        children.forEach(child => {
+          var _child$context2;
+          if ((_child$context2 = child.context) != null && _child$context2.open && !child.context.dataRef.current.__outsidePressBubbles) {
+            shouldDismiss = false;
+            return;
+          }
+        });
+        if (!shouldDismiss) {
+          return;
+        }
+      }
+      events.emit('dismiss', {
+        type: 'outsidePress',
+        data: {
+          returnFocus: nested ? {
+            preventScroll: true
+          } : isVirtualClick(event) || isVirtualPointerEvent(event)
+        }
+      });
+      onOpenChange(false);
     }
-    if (role === 'tooltip') {
-      return {
-        reference: {
-          'aria-describedby': open ? rootId : undefined
-        },
-        floating: floatingProps
-      };
+    function onScroll() {
+      onOpenChange(false);
     }
-    return {
-      reference: {
-        'aria-expanded': open ? 'true' : 'false',
-        'aria-haspopup': role === 'alertdialog' ? 'dialog' : role,
-        'aria-controls': open ? rootId : undefined,
-        ...(role === 'listbox' && {
-          role: 'combobox'
-        }),
-        ...(role === 'menu' && {
-          id: referenceId
-        })
-      },
-      floating: {
-        ...floatingProps,
-        ...(role === 'menu' && {
-          'aria-labelledby': referenceId
-        })
+    const doc = getDocument(floating);
+    escapeKey && doc.addEventListener('keydown', onKeyDown);
+    outsidePress && doc.addEventListener(outsidePressEvent, onOutsidePress);
+    let ancestors = [];
+    if (ancestorScroll) {
+      if (isElement(domReference)) {
+        ancestors = D(domReference);
+      }
+      if (isElement(floating)) {
+        ancestors = ancestors.concat(D(floating));
+      }
+      if (!isElement(reference) && reference && reference.contextElement) {
+        ancestors = ancestors.concat(D(reference.contextElement));
       }
-    };
-  }, [enabled, role, open, rootId, referenceId]);
-};
-
-/**
- * Provides data to position a floating element and context to add interactions.
- * @see https://floating-ui.com/docs/react
- */
-function useFloating(options) {
-  if (options === void 0) {
-    options = {};
-  }
-  const {
-    open = false,
-    onOpenChange: unstable_onOpenChange,
-    nodeId
-  } = options;
-  const position = useFloating$1(options);
-  const tree = useFloatingTree();
-  const domReferenceRef = React.useRef(null);
-  const dataRef = React.useRef({});
-  const events = React.useState(() => createPubSub())[0];
-  const [domReference, setDomReference] = React.useState(null);
-  const setPositionReference = React.useCallback(node => {
-    const positionReference = isElement(node) ? {
-      getBoundingClientRect: () => node.getBoundingClientRect(),
-      contextElement: node
-    } : node;
-    position.refs.setReference(positionReference);
-  }, [position.refs]);
-  const setReference = React.useCallback(node => {
-    if (isElement(node) || node === null) {
-      domReferenceRef.current = node;
-      setDomReference(node);
     }
 
-    // Backwards-compatibility for passing a virtual element to `reference`
-    // after it has set the DOM reference.
-    if (isElement(position.refs.reference.current) || position.refs.reference.current === null ||
-    // Don't allow setting virtual elements using the old technique back to
-    // `null` to support `positionReference` + an unstable `reference`
-    // callback ref.
-    node !== null && !isElement(node)) {
-      position.refs.setReference(node);
-    }
-  }, [position.refs]);
-  const refs = React.useMemo(() => ({
-    ...position.refs,
-    setReference,
-    setPositionReference,
-    domReference: domReferenceRef
-  }), [position.refs, setReference, setPositionReference]);
-  const elements = React.useMemo(() => ({
-    ...position.elements,
-    domReference: domReference
-  }), [position.elements, domReference]);
-  const onOpenChange = useEvent(unstable_onOpenChange);
-  const context = React.useMemo(() => ({
-    ...position,
-    refs,
-    elements,
-    dataRef,
-    nodeId,
-    events,
-    open,
-    onOpenChange
-  }), [position, nodeId, events, open, onOpenChange, refs, elements]);
-  index$1(() => {
-    const node = tree == null ? void 0 : tree.nodesRef.current.find(node => node.id === nodeId);
-    if (node) {
-      node.context = context;
+    // Ignore the visual viewport for scrolling dismissal (allow pinch-zoom)
+    ancestors = ancestors.filter(ancestor => {
+      var _doc$defaultView;
+      return ancestor !== ((_doc$defaultView = doc.defaultView) == null ? void 0 : _doc$defaultView.visualViewport);
+    });
+    ancestors.forEach(ancestor => {
+      ancestor.addEventListener('scroll', onScroll, {
+        passive: true
+      });
+    });
+    return () => {
+      escapeKey && doc.removeEventListener('keydown', onKeyDown);
+      outsidePress && doc.removeEventListener(outsidePressEvent, onOutsidePress);
+      ancestors.forEach(ancestor => {
+        ancestor.removeEventListener('scroll', onScroll);
+      });
+    };
+  }, [dataRef, floating, domReference, reference, escapeKey, outsidePress, outsidePressEvent, events, tree, nodeId, open, onOpenChange, ancestorScroll, enabled, escapeKeyBubbles, outsidePressBubbles, nested]);
+  React.useEffect(() => {
+    insideReactTreeRef.current = false;
+  }, [outsidePress, outsidePressEvent]);
+  return React.useMemo(() => {
+    if (!enabled) {
+      return {};
     }
-  });
-  return React.useMemo(() => ({
-    ...position,
-    context,
-    refs,
-    reference: setReference,
-    positionReference: setPositionReference
-  }), [position, refs, context, setReference, setPositionReference]);
-}
-
-function mergeProps(userProps, propsList, elementKey) {
-  const map = new Map();
-  return {
-    ...(elementKey === 'floating' && {
-      tabIndex: -1
-    }),
-    ...userProps,
-    ...propsList.map(value => value ? value[elementKey] : null).concat(userProps).reduce((acc, props) => {
-      if (!props) {
-        return acc;
-      }
-      Object.entries(props).forEach(_ref => {
-        let [key, value] = _ref;
-        if (key.indexOf('on') === 0) {
-          if (!map.has(key)) {
-            map.set(key, []);
-          }
-          if (typeof value === 'function') {
-            var _map$get;
-            (_map$get = map.get(key)) == null ? void 0 : _map$get.push(value);
-            acc[key] = function () {
-              var _map$get2;
-              for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-                args[_key] = arguments[_key];
+    return {
+      reference: {
+        [bubbleHandlerKeys[referencePressEvent]]: () => {
+          if (referencePress) {
+            events.emit('dismiss', {
+              type: 'referencePress',
+              data: {
+                returnFocus: false
               }
-              (_map$get2 = map.get(key)) == null ? void 0 : _map$get2.forEach(fn => fn(...args));
-            };
+            });
+            onOpenChange(false);
           }
-        } else {
-          acc[key] = value;
         }
-      });
-      return acc;
-    }, {})
-  };
-}
-const useInteractions = function (propsList) {
-  if (propsList === void 0) {
-    propsList = [];
-  }
-  // The dependencies are a dynamic array, so we can't use the linter's
-  // suggestion to add it to the deps array.
-  const deps = propsList;
-  const getReferenceProps = React.useCallback(userProps => mergeProps(userProps, propsList, 'reference'),
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  deps);
-  const getFloatingProps = React.useCallback(userProps => mergeProps(userProps, propsList, 'floating'),
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  deps);
-  const getItemProps = React.useCallback(userProps => mergeProps(userProps, propsList, 'item'),
-  // Granularly check for `item` changes, because the `getItemProps` getter
-  // should be as referentially stable as possible since it may be passed as
-  // a prop to many components. All `item` key values must therefore be
-  // memoized.
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  propsList.map(key => key == null ? void 0 : key.item));
-  return React.useMemo(() => ({
-    getReferenceProps,
-    getFloatingProps,
-    getItemProps
-  }), [getReferenceProps, getFloatingProps, getItemProps]);
-};
-
-function useTooltip() {
-  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-    _ref$initialOpen = _ref.initialOpen,
-    initialOpen = _ref$initialOpen === void 0 ? false : _ref$initialOpen,
-    _ref$placement = _ref.placement,
-    placement = _ref$placement === void 0 ? 'top' : _ref$placement,
-    controlledOpen = _ref.open,
-    setControlledOpen = _ref.onOpenChange;
-  var _useState = useState(initialOpen),
-    _useState2 = _slicedToArray(_useState, 2),
-    uncontrolledOpen = _useState2[0],
-    setUncontrolledOpen = _useState2[1];
-  var open = controlledOpen !== null && controlledOpen !== void 0 ? controlledOpen : uncontrolledOpen;
-  var setOpen = setControlledOpen !== null && setControlledOpen !== void 0 ? setControlledOpen : setUncontrolledOpen;
-  var data = useFloating({
-    placement: placement,
-    open: open,
-    onOpenChange: setOpen,
-    whileElementsMounted: P,
-    middleware: [D$1(5), b$1({
-      fallbackAxisSideDirection: 'start',
-      crossAxis: placement.includes('-')
-    }), k({
-      padding: 8
-    })]
-  });
-  var context = data.context;
-  var hover = useHover(context, {
-    move: false,
-    enabled: controlledOpen == null
-  });
-  var focus = useFocus(context, {
-    enabled: controlledOpen == null
-  });
-  var dismiss = useDismiss(context);
-  var role = useRole(context, {
-    role: 'tooltip'
-  });
-  var interactions = useInteractions([hover, focus, dismiss, role]);
-  return useMemo(function () {
-    return Object.assign(Object.assign({
-      open: open,
-      setOpen: setOpen
-    }, interactions), data);
-  }, [open, setOpen, interactions, data]);
-}
-var TooltipContext = /*#__PURE__*/createContext(null);
-var useTooltipContext = function useTooltipContext() {
-  var context = useContext(TooltipContext);
-  if (context == null) {
-    throw new Error('Tooltip components must be wrapped in <Tooltip />');
-  }
-  return context;
+      },
+      floating: {
+        [captureHandlerKeys[outsidePressEvent]]: () => {
+          insideReactTreeRef.current = true;
+        }
+      }
+    };
+  }, [enabled, events, referencePress, outsidePressEvent, referencePressEvent, onOpenChange]);
 };
 
-function Tooltip(_a) {
-  var children = _a.children,
-    options = __rest(_a, ["children"]);
-  //  The hook accepts props as options or other positioning attributes
-  var tooltip = useTooltip(options);
-  return /*#__PURE__*/React__default.createElement(TooltipContext.Provider, {
-    value: tooltip
-  }, children);
-}
-var TooltipAnchor = /*#__PURE__*/forwardRef(function TooltipAnchor(_a, propRef) {
-  var children = _a.children,
-    props = __rest(_a, ["children"]);
-  var context = useTooltipContext();
-  var childrenRef = children.ref;
-  var ref = useMergeRefs([context.refs.setReference, propRef, childrenRef]);
-  if ( /*#__PURE__*/isValidElement(children)) {
-    return /*#__PURE__*/cloneElement(children, context.getReferenceProps(Object.assign(Object.assign(Object.assign({
-      ref: ref
-    }, props), children.props), {
-      'data-state': context.open ? 'open' : 'closed'
-    })));
-  }
-  return /*#__PURE__*/React__default.createElement("div", Object.assign({
-    ref: ref,
-    "data-state": context.open ? 'open' : 'closed'
-  }, context.getReferenceProps(props)), children);
-});
-var TooltipContent = /*#__PURE__*/forwardRef(function TooltipContent(props, propRef) {
-  var _a, _b;
-  var context = useTooltipContext();
-  var ref = useMergeRefs([context.refs.setFloating, propRef]);
-  return /*#__PURE__*/React__default.createElement(FloatingPortal, null, context.open && /*#__PURE__*/React__default.createElement("div", Object.assign({
-    ref: ref,
-    style: Object.assign({
-      position: context.strategy,
-      top: (_a = context.y) !== null && _a !== void 0 ? _a : 0,
-      left: (_b = context.x) !== null && _b !== void 0 ? _b : 0,
-      visibility: context.x == null ? 'hidden' : 'visible'
-    }, props.style)
-  }, context.getFloatingProps(props))));
-});
-
-var EchoTooltip = Object.freeze({
-  Tooltip: Tooltip,
-  TooltipAnchor: TooltipAnchor,
-  TooltipContent: TooltipContent
-});
-
-var css_248z$n = ".floatingActionButton-module_button__-08q2.floatingActionButton-module_primary__Os-YA{background:rgba(0,0,0,.8);color:var(--white)}.floatingActionButton-module_button__-08q2.floatingActionButton-module_primary__Os-YA:hover{background:rgba(0,0,0,.9);color:var(--white)}.floatingActionButton-module_button__-08q2.floatingActionButton-module_active__nXRwO{background:var(--equiGreen3);border:1px solid var(--echoText);color:var(--echoText)}.floatingActionButton-module_button__-08q2.floatingActionButton-module_active__nXRwO:hover{background:var(--equiGreen4);border:1px solid var(--echoText);color:var(--echoText)}.floatingActionButton-module_button__-08q2.floatingActionButton-module_circle_icon__mdkpf{min-height:48px;min-width:48px}.floatingActionButton-module_button__-08q2.floatingActionButton-module_square_icon__aAEVQ{border-radius:4px;min-height:48px;min-width:48px}.floatingActionButton-module_button__-08q2.floatingActionButton-module_square_icon__aAEVQ:hover{border-radius:4px}";
-var style$3 = {"button":"floatingActionButton-module_button__-08q2","primary":"floatingActionButton-module_primary__Os-YA","active":"floatingActionButton-module_active__nXRwO","circle_icon":"floatingActionButton-module_circle_icon__mdkpf","square_icon":"floatingActionButton-module_square_icon__aAEVQ"};
-styleInject(css_248z$n);
-
-var getEdsVariant = function getEdsVariant(echoVariant) {
-  switch (echoVariant) {
-    case 'square_icon_with_text':
-      return 'contained';
-    case 'square_icon':
-    case 'circle_icon':
-    default:
-      return 'contained_icon';
-  }
-};
-var getEchoVariantStyle = function getEchoVariantStyle(echoVariant) {
-  switch (echoVariant) {
-    case 'circle_icon':
-      return style$3.circle_icon;
-    case 'square_icon':
-      return style$3.square_icon;
-    case 'square_icon_with_text':
-    default:
-      return '';
-  }
-};
 /**
- * Floating actions buttons exists within the viewport, seperated from any sheet, dialog or menu
- * and are typically used for special actions pertaining to the module they are used in.
- * @return {*}  {JSX.Element} Floating actions button
+ * Opens the floating element while the reference element has focus, like CSS
+ * `:focus`.
+ * @see https://floating-ui.com/docs/useFocus
  */
-var FloatingActionButton = function FloatingActionButton(_ref) {
-  var label = _ref.label,
-    iconName = _ref.iconName,
-    ariaLabel = _ref.ariaLabel,
-    variant = _ref.variant,
-    disabled = _ref.disabled,
-    active = _ref.active,
-    onClick = _ref.onClick;
-  return /*#__PURE__*/React__default.createElement(Button, {
-    "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : label,
-    onClick: onClick,
-    className: "".concat(style$3.button, " ").concat(!disabled && style$3.primary, " ").concat(active && style$3.active, " ").concat(getEchoVariantStyle(variant)),
-    variant: getEdsVariant(variant),
-    disabled: disabled !== null && disabled !== void 0 ? disabled : false
-  }, /*#__PURE__*/React__default.createElement(Icon$1, {
-    name: iconName,
-    className: style$3.icon
-  }), variant === 'square_icon_with_text' && label);
-};
+const useFocus = function (_ref, _temp) {
+  let {
+    open,
+    onOpenChange,
+    dataRef,
+    events,
+    refs,
+    elements: {
+      floating,
+      domReference
+    }
+  } = _ref;
+  let {
+    enabled = true,
+    keyboardOnly = true
+  } = _temp === void 0 ? {} : _temp;
+  const pointerTypeRef = React.useRef('');
+  const blockFocusRef = React.useRef(false);
+  const timeoutRef = React.useRef();
+  React.useEffect(() => {
+    if (!enabled) {
+      return;
+    }
+    const doc = getDocument(floating);
+    const win = doc.defaultView || window;
 
-function classnames$1() {
-  for (var _len = arguments.length, parts = new Array(_len), _key = 0; _key < _len; _key++) {
-    parts[_key] = arguments[_key];
-  }
-  var classes = parts.filter(Boolean).reduce(function (classes, part) {
-    if (part) {
-      if (Array.isArray(part)) {
-        console.log('classnames does not support array yet!');
-      } else if (_typeof$1(part) === 'object') {
-        for (var key in part) {
-          if (part[key]) {
-            classes.push(key);
-          }
-        }
-      } else if (typeof part === 'string' || typeof part === 'number') {
-        classes.push(part);
+    // If the reference was focused and the user left the tab/window, and the
+    // floating element was not open, the focus should be blocked when they
+    // return to the tab/window.
+    function onBlur() {
+      if (!open && isHTMLElement(domReference) && domReference === activeElement$1(getDocument(domReference))) {
+        blockFocusRef.current = true;
       }
     }
-    return classes;
-  }, []).join(' ');
-  if (classes) {
-    return classes;
-  }
-  return undefined;
-}
+    win.addEventListener('blur', onBlur);
+    return () => {
+      win.removeEventListener('blur', onBlur);
+    };
+  }, [floating, domReference, open, enabled]);
+  React.useEffect(() => {
+    if (!enabled) {
+      return;
+    }
+    function onDismiss(payload) {
+      if (payload.type === 'referencePress' || payload.type === 'escapeKey') {
+        blockFocusRef.current = true;
+      }
+    }
+    events.on('dismiss', onDismiss);
+    return () => {
+      events.off('dismiss', onDismiss);
+    };
+  }, [events, enabled]);
+  React.useEffect(() => {
+    return () => {
+      clearTimeout(timeoutRef.current);
+    };
+  }, []);
+  return React.useMemo(() => {
+    if (!enabled) {
+      return {};
+    }
+    return {
+      reference: {
+        onPointerDown(_ref2) {
+          let {
+            pointerType
+          } = _ref2;
+          pointerTypeRef.current = pointerType;
+          blockFocusRef.current = !!(pointerType && keyboardOnly);
+        },
+        onMouseLeave() {
+          blockFocusRef.current = false;
+        },
+        onFocus(event) {
+          var _dataRef$current$open;
+          if (blockFocusRef.current) {
+            return;
+          }
 
-var _path$7, _path2$3;
-function _extends$c() { _extends$c = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$c.apply(this, arguments); }
-var SvgCableIcon = function SvgCableIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$c({
-    width: 24,
-    height: 24,
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$7 || (_path$7 = /*#__PURE__*/React.createElement("path", {
-    d: "M21.8 2.3c-.1-.2-.4-.3-.7-.2-.7.4-1.2 1.1-1.7 1.7V1.6c.1-.4-.2-.6-.4-.6-.3 0-.5.2-.5.5v2.3c-.5-.6-1.1-1.3-1.9-1.7-.2-.1-.5 0-.7.2-.1.2 0 .5.2.7.6.3.7.3 1 .8h-.2v3h4V3.7h-.4c.4-.5.5-.5 1-.8.4-.1.5-.4.3-.6ZM2.1 21.3c.1.2.4.3.7.2.7-.4 1.2-1.1 1.7-1.7V22c0 .3.2.5.5.5s.5-.2.5-.5v-2.3c.5.6 1.1 1.3 1.9 1.7.2.1.5 0 .7-.2.1-.2 0-.5-.2-.7-.6-.3-.7-.3-1-.8h.2v-3h-4v3.1h.4c-.4.5-.5.5-1 .8-.5.1-.6.4-.4.7Z",
-    fill: "#fff"
-  })), _path2$3 || (_path2$3 = /*#__PURE__*/React.createElement("path", {
-    d: "M16.9 18.8h-3c-1.7 0-3-1.3-3-3v-8c0-.5-.4-1-1-1h-3c-.5 0-1 .4-1 1v8h-2v-8c0-1.7 1.3-3 3-3h3c1.7 0 3 1.3 3 3v8c0 .5.4 1 1 1h3c.5 0 1-.4 1-1v-8h2v8c0 1.6-1.3 3-3 3Z",
-    fill: "#fff"
-  })));
-};
+          // Dismiss with click should ignore the subsequent `focus` trigger,
+          // but only if the click originated inside the reference element.
+          if (event.type === 'focus' && ((_dataRef$current$open = dataRef.current.openEvent) == null ? void 0 : _dataRef$current$open.type) === 'mousedown' && dataRef.current.openEvent && isEventTargetWithin(dataRef.current.openEvent, domReference)) {
+            return;
+          }
+          dataRef.current.openEvent = event.nativeEvent;
+          onOpenChange(true);
+        },
+        onBlur(event) {
+          blockFocusRef.current = false;
+          const relatedTarget = event.relatedTarget;
 
-var _path$6, _path2$2, _path3$1;
-function _extends$b() { _extends$b = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$b.apply(this, arguments); }
-var SvgCircuitIcon = function SvgCircuitIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$b({
-    width: 24,
-    height: 24,
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$6 || (_path$6 = /*#__PURE__*/React.createElement("path", {
-    d: "M12 7c-.6 0-1-.3-1-.75v-4.5c0-.45.4-.75 1-.75s1 .3 1 .75v4.5c0 .45-.5.75-1 .75ZM11.9 23c-.6 0-1-.4-1-1v-5c0-.6.4-1 1-1s1 .4 1 1v5c0 .5-.4 1-1 1Z",
-    fill: "#fff"
-  })), _path2$2 || (_path2$2 = /*#__PURE__*/React.createElement("path", {
-    d: "M11.8 17.8c-2.3 0-4.2-1.9-4.2-4.2 0-2.3 1.9-4.2 4.2-4.2 2.3 0 4.2 1.9 4.2 4.2 0 2.3-1.9 4.2-4.2 4.2Zm0-6.4c-1.2 0-2.2 1-2.2 2.2 0 1.2 1 2.2 2.2 2.2 1.2 0 2.2-1 2.2-2.2 0-1.2-1-2.2-2.2-2.2Z",
-    fill: "#fff"
-  })), _path3$1 || (_path3$1 = /*#__PURE__*/React.createElement("path", {
-    d: "M9.6 11.6c-.3 0-.5-.1-.7-.3L4.3 6.7c-.4-.4-.4-1 0-1.4.4-.4 1-.4 1.4 0l4.6 4.6c.4.4.4 1 0 1.4-.2.2-.5.3-.7.3Z",
-    fill: "#fff"
-  })));
-};
+          // Hit the non-modal focus management portal guard. Focus will be
+          // moved into the floating element immediately after.
+          const movedToFocusGuard = isElement(relatedTarget) && relatedTarget.hasAttribute('data-floating-ui-focus-guard') && relatedTarget.getAttribute('data-type') === 'outside';
 
-var _path$5;
-function _extends$a() { _extends$a = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$a.apply(this, arguments); }
-var SvgElectricalIcon = function SvgElectricalIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$a({
-    width: 24,
-    height: 24,
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$5 || (_path$5 = /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M12 2 1 21h22L12 2Zm0 3.99L19.53 19H4.47L12 5.99Zm-1.397 8.836-1.357 3.558 4.342-3.9-1.246-.476L13.7 10.45l-4.342 3.901 1.246.475Z",
-    fill: "#fff"
-  })));
+          // Wait for the window blur listener to fire.
+          timeoutRef.current = setTimeout(() => {
+            // When focusing the reference element (e.g. regular click), then
+            // clicking into the floating element, prevent it from hiding.
+            // Note: it must be focusable, e.g. `tabindex="-1"`.
+            if (contains(refs.floating.current, relatedTarget) || contains(domReference, relatedTarget) || movedToFocusGuard) {
+              return;
+            }
+            onOpenChange(false);
+          });
+        }
+      }
+    };
+  }, [enabled, keyboardOnly, domReference, refs, dataRef, onOpenChange]);
 };
 
-var _g$3;
-function _extends$9() { _extends$9 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$9.apply(this, arguments); }
-var SvgFunctionIcon = function SvgFunctionIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$9({
-    width: 24,
-    height: 24,
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), _g$3 || (_g$3 = /*#__PURE__*/React.createElement("g", {
-    fill: "#fff"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M4.3 6.6C4.3 3.6 5.9 2 9 2c.8 0 1.6.1 2.3.3v2.3c-.7-.2-1.2-.2-1.7-.2-1.6 0-2.3.9-2.3 2.6v1.3h3.3v2.2H7.3V22h-3V10.5H2V8.3h2.3V6.6ZM17.2 17.5l1.5 2.9h-2.3l-.7-1.4-.7 1.4h-2l1.5-2.6-1.4-2.7h2.3l.5 1.2.6-1.2h1.9l-1.2 2.4Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M12 22.8c-3.9-4.8-1.7-9.6 0-11.5l1.5 1.3-.7-.6.7.7c-.2.2-3.7 4.2 0 8.9L12 22.8ZM19.8 22.9l-1.5-1.3c.2-.2 3.7-4.2 0-8.9l1.6-1.3c3.8 4.8 1.6 9.6-.1 11.5Z"
-  }))));
-};
+/**
+ * Merges an array of refs into a single memoized callback ref or `null`.
+ * @see https://floating-ui.com/docs/useMergeRefs
+ */
+function useMergeRefs(refs) {
+  return React.useMemo(() => {
+    if (refs.every(ref => ref == null)) {
+      return null;
+    }
+    return value => {
+      refs.forEach(ref => {
+        if (typeof ref === 'function') {
+          ref(value);
+        } else if (ref != null) {
+          ref.current = value;
+        }
+      });
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, refs);
+}
 
-var _g$2, _defs$1;
-function _extends$8() { _extends$8 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }
-var SvgInstrumentIcon = function SvgInstrumentIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$8({
-    width: 24,
-    height: 24,
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), _g$2 || (_g$2 = /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#Instrument-icon_svg__a)",
-    fill: "#fff"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M12 4c3.9 0 7 3.1 7 7s-3.1 7-7 7-7-3.1-7-7 3.1-7 7-7Zm0-2c-5 0-9 4-9 9s4 9 9 9 9-4 9-9-4-9-9-9Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M11.9 15.8c-.2 0-.3 0-.5-.1-.5-.3-.7-.9-.4-1.4l4-7.1c.3-.5.9-.7 1.4-.4.5.3.7.9.4 1.4l-4 7.1c-.3.3-.6.5-.9.5ZM12 22.4c-.6 0-1-.4-1-1V20c0-.6.4-1 1-1s1 .4 1 1v1.4c0 .6-.4 1-1 1Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M7.4 17.8c1.3-1.1 2.9-1.8 4.7-1.8 1.5 0 3 .5 4.1 1.4l1.5-1.4c-1.5-1.2-3.5-2-5.6-2-2.4 0-4.5.9-6.2 2.4l1.5 1.4Z"
-  }))), _defs$1 || (_defs$1 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: "Instrument-icon_svg__a"
-  }, /*#__PURE__*/React.createElement("path", {
-    fill: "#fff",
-    d: "M3 2h18v20H3z"
-  })))));
+/**
+ * Adds base screen reader props to the reference and floating elements for a
+ * given floating element `role`.
+ * @see https://floating-ui.com/docs/useRole
+ */
+const useRole = function (_ref, _temp) {
+  let {
+    open
+  } = _ref;
+  let {
+    enabled = true,
+    role = 'dialog'
+  } = _temp === void 0 ? {} : _temp;
+  const rootId = useId();
+  const referenceId = useId();
+  return React.useMemo(() => {
+    const floatingProps = {
+      id: rootId,
+      role
+    };
+    if (!enabled) {
+      return {};
+    }
+    if (role === 'tooltip') {
+      return {
+        reference: {
+          'aria-describedby': open ? rootId : undefined
+        },
+        floating: floatingProps
+      };
+    }
+    return {
+      reference: {
+        'aria-expanded': open ? 'true' : 'false',
+        'aria-haspopup': role === 'alertdialog' ? 'dialog' : role,
+        'aria-controls': open ? rootId : undefined,
+        ...(role === 'listbox' && {
+          role: 'combobox'
+        }),
+        ...(role === 'menu' && {
+          id: referenceId
+        })
+      },
+      floating: {
+        ...floatingProps,
+        ...(role === 'menu' && {
+          'aria-labelledby': referenceId
+        })
+      }
+    };
+  }, [enabled, role, open, rootId, referenceId]);
 };
 
-var _path$4;
-function _extends$7() { _extends$7 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$7.apply(this, arguments); }
-var SvgJunctionBoxIcon = function SvgJunctionBoxIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$7({
-    width: 24,
-    height: 24,
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$4 || (_path$4 = /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M3.023 3.695A2 2 0 0 1 5 2h14a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2h-2v3h-2v-3h-2v3h-2v-3H9v3H7v-3H5a2 2 0 0 1-2-2V4c0-.104.008-.205.023-.305ZM5 4v13h14V4H5Z",
-    fill: "#fff"
-  })));
-};
+/**
+ * Provides data to position a floating element and context to add interactions.
+ * @see https://floating-ui.com/docs/react
+ */
+function useFloating(options) {
+  if (options === void 0) {
+    options = {};
+  }
+  const {
+    open = false,
+    onOpenChange: unstable_onOpenChange,
+    nodeId
+  } = options;
+  const position = useFloating$1(options);
+  const tree = useFloatingTree();
+  const domReferenceRef = React.useRef(null);
+  const dataRef = React.useRef({});
+  const events = React.useState(() => createPubSub())[0];
+  const [domReference, setDomReference] = React.useState(null);
+  const setPositionReference = React.useCallback(node => {
+    const positionReference = isElement(node) ? {
+      getBoundingClientRect: () => node.getBoundingClientRect(),
+      contextElement: node
+    } : node;
+    position.refs.setReference(positionReference);
+  }, [position.refs]);
+  const setReference = React.useCallback(node => {
+    if (isElement(node) || node === null) {
+      domReferenceRef.current = node;
+      setDomReference(node);
+    }
 
-var _path$3, _path2$1, _path3, _path4;
-function _extends$6() { _extends$6 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$6.apply(this, arguments); }
-var SvgLineIcon = function SvgLineIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$6({
-    width: 24,
-    height: 24,
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$3 || (_path$3 = /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M17 10H7v4h10v-4ZM5 8v8h14V8H5Z",
-    fill: "#fff"
-  })), _path2$1 || (_path2$1 = /*#__PURE__*/React.createElement("path", {
-    d: "M1 8a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2H1ZM7 16a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2h6Z",
-    fill: "#fff"
-  })), _path3 || (_path3 = /*#__PURE__*/React.createElement("path", {
-    d: "M5 6a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2V6ZM3 18a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2v12ZM17 8a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2h-6ZM23 16a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2h6Z",
-    fill: "#fff"
-  })), _path4 || (_path4 = /*#__PURE__*/React.createElement("path", {
-    d: "M21 6a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2V6ZM19 18a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2v12Z",
-    fill: "#fff"
-  })));
+    // Backwards-compatibility for passing a virtual element to `reference`
+    // after it has set the DOM reference.
+    if (isElement(position.refs.reference.current) || position.refs.reference.current === null ||
+    // Don't allow setting virtual elements using the old technique back to
+    // `null` to support `positionReference` + an unstable `reference`
+    // callback ref.
+    node !== null && !isElement(node)) {
+      position.refs.setReference(node);
+    }
+  }, [position.refs]);
+  const refs = React.useMemo(() => ({
+    ...position.refs,
+    setReference,
+    setPositionReference,
+    domReference: domReferenceRef
+  }), [position.refs, setReference, setPositionReference]);
+  const elements = React.useMemo(() => ({
+    ...position.elements,
+    domReference: domReference
+  }), [position.elements, domReference]);
+  const onOpenChange = useEvent(unstable_onOpenChange);
+  const context = React.useMemo(() => ({
+    ...position,
+    refs,
+    elements,
+    dataRef,
+    nodeId,
+    events,
+    open,
+    onOpenChange
+  }), [position, nodeId, events, open, onOpenChange, refs, elements]);
+  index$1(() => {
+    const node = tree == null ? void 0 : tree.nodesRef.current.find(node => node.id === nodeId);
+    if (node) {
+      node.context = context;
+    }
+  });
+  return React.useMemo(() => ({
+    ...position,
+    context,
+    refs,
+    reference: setReference,
+    positionReference: setPositionReference
+  }), [position, refs, context, setReference, setPositionReference]);
+}
+
+function mergeProps(userProps, propsList, elementKey) {
+  const map = new Map();
+  return {
+    ...(elementKey === 'floating' && {
+      tabIndex: -1
+    }),
+    ...userProps,
+    ...propsList.map(value => value ? value[elementKey] : null).concat(userProps).reduce((acc, props) => {
+      if (!props) {
+        return acc;
+      }
+      Object.entries(props).forEach(_ref => {
+        let [key, value] = _ref;
+        if (key.indexOf('on') === 0) {
+          if (!map.has(key)) {
+            map.set(key, []);
+          }
+          if (typeof value === 'function') {
+            var _map$get;
+            (_map$get = map.get(key)) == null ? void 0 : _map$get.push(value);
+            acc[key] = function () {
+              var _map$get2;
+              for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+                args[_key] = arguments[_key];
+              }
+              (_map$get2 = map.get(key)) == null ? void 0 : _map$get2.forEach(fn => fn(...args));
+            };
+          }
+        } else {
+          acc[key] = value;
+        }
+      });
+      return acc;
+    }, {})
+  };
+}
+const useInteractions = function (propsList) {
+  if (propsList === void 0) {
+    propsList = [];
+  }
+  // The dependencies are a dynamic array, so we can't use the linter's
+  // suggestion to add it to the deps array.
+  const deps = propsList;
+  const getReferenceProps = React.useCallback(userProps => mergeProps(userProps, propsList, 'reference'),
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  deps);
+  const getFloatingProps = React.useCallback(userProps => mergeProps(userProps, propsList, 'floating'),
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  deps);
+  const getItemProps = React.useCallback(userProps => mergeProps(userProps, propsList, 'item'),
+  // Granularly check for `item` changes, because the `getItemProps` getter
+  // should be as referentially stable as possible since it may be passed as
+  // a prop to many components. All `item` key values must therefore be
+  // memoized.
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  propsList.map(key => key == null ? void 0 : key.item));
+  return React.useMemo(() => ({
+    getReferenceProps,
+    getFloatingProps,
+    getItemProps
+  }), [getReferenceProps, getFloatingProps, getItemProps]);
 };
 
-var _path$2, _path2;
-function _extends$5() { _extends$5 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5.apply(this, arguments); }
-var SvgMainEquipmentIcon = function SvgMainEquipmentIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$5({
-    width: 24,
-    height: 24,
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$2 || (_path$2 = /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "m21.4 11.6-9-9c-.3-.4-.8-.6-1.4-.6H4c-1.1 0-2 .9-2 2v7c0 .6.2 1.1.6 1.4l9 9c.3.4.8.6 1.4.6.6 0 1.1-.2 1.4-.6l7-7c.4-.4.6-.9.6-1.4 0-.5-.2-1.1-.6-1.4ZM13 20l-9-9V4h7l9 9-7 7ZM5 6.5C5 5.7 5.7 5 6.5 5S8 5.7 8 6.5 7.3 8 6.5 8 5 7.3 5 6.5Z",
-    fill: "#fff"
-  })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
-    d: "m18.2 12.3-1.4 1.4-1.5-1.5-1.7-1.9.8 3-.9.9-3-.7 1.8 1.6 1.5 1.5-1.4 1.4-5.7-5.7 1.5-1.5L12 12l-1.1-3.9 1.5-1.5 5.8 5.7Z",
-    fill: "#fff"
-  })));
+function useTooltip() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    _ref$initialOpen = _ref.initialOpen,
+    initialOpen = _ref$initialOpen === void 0 ? false : _ref$initialOpen,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'top' : _ref$placement,
+    controlledOpen = _ref.open,
+    setControlledOpen = _ref.onOpenChange;
+  var _useState = useState(initialOpen),
+    _useState2 = _slicedToArray(_useState, 2),
+    uncontrolledOpen = _useState2[0],
+    setUncontrolledOpen = _useState2[1];
+  var open = controlledOpen !== null && controlledOpen !== void 0 ? controlledOpen : uncontrolledOpen;
+  var setOpen = setControlledOpen !== null && setControlledOpen !== void 0 ? setControlledOpen : setUncontrolledOpen;
+  var data = useFloating({
+    placement: placement,
+    open: open,
+    onOpenChange: setOpen,
+    whileElementsMounted: P,
+    middleware: [D$1(5), b$1({
+      fallbackAxisSideDirection: 'start',
+      crossAxis: placement.includes('-')
+    }), k({
+      padding: 8
+    })]
+  });
+  var context = data.context;
+  var hover = useHover(context, {
+    move: false,
+    enabled: controlledOpen == null
+  });
+  var focus = useFocus(context, {
+    enabled: controlledOpen == null
+  });
+  var dismiss = useDismiss(context);
+  var role = useRole(context, {
+    role: 'tooltip'
+  });
+  var interactions = useInteractions([hover, focus, dismiss, role]);
+  return useMemo(function () {
+    return Object.assign(Object.assign({
+      open: open,
+      setOpen: setOpen
+    }, interactions), data);
+  }, [open, setOpen, interactions, data]);
+}
+var TooltipContext = /*#__PURE__*/createContext(null);
+var useTooltipContext = function useTooltipContext() {
+  var context = useContext(TooltipContext);
+  if (context == null) {
+    throw new Error('Tooltip components must be wrapped in <Tooltip />');
+  }
+  return context;
 };
 
-var _g$1;
-function _extends$4() { _extends$4 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
-var SvgManualValveIcon = function SvgManualValveIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$4({
-    width: 24,
-    height: 24,
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), _g$1 || (_g$1 = /*#__PURE__*/React.createElement("g", {
-    fill: "#fff"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "m4 8.3 5.8 4.8L4 17.8V8.3ZM2 4.1v18l11-9-11-9Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M20 8.3v9.6L14.1 13 20 8.3ZM22 4l-11 9 11 9V4Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M13 3.7h-2v9.8h2V3.7Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M15 4H9c-.5 0-1-.4-1-1s.4-1 1-1h6c.6 0 1 .4 1 1s-.5 1-1 1Z"
-  }))));
-};
+function Tooltip(_a) {
+  var children = _a.children,
+    options = __rest(_a, ["children"]);
+  //  The hook accepts props as options or other positioning attributes
+  var tooltip = useTooltip(options);
+  return /*#__PURE__*/React__default.createElement(TooltipContext.Provider, {
+    value: tooltip
+  }, children);
+}
+var TooltipAnchor = /*#__PURE__*/forwardRef(function TooltipAnchor(_a, propRef) {
+  var children = _a.children,
+    props = __rest(_a, ["children"]);
+  var context = useTooltipContext();
+  var childrenRef = children.ref;
+  var ref = useMergeRefs([context.refs.setReference, propRef, childrenRef]);
+  if ( /*#__PURE__*/isValidElement(children)) {
+    return /*#__PURE__*/cloneElement(children, context.getReferenceProps(Object.assign(Object.assign(Object.assign({
+      ref: ref
+    }, props), children.props), {
+      'data-state': context.open ? 'open' : 'closed'
+    })));
+  }
+  return /*#__PURE__*/React__default.createElement("div", Object.assign({
+    ref: ref,
+    "data-state": context.open ? 'open' : 'closed'
+  }, context.getReferenceProps(props)), children);
+});
+var TooltipContent = /*#__PURE__*/forwardRef(function TooltipContent(props, propRef) {
+  var _a, _b;
+  var context = useTooltipContext();
+  var ref = useMergeRefs([context.refs.setFloating, propRef]);
+  return /*#__PURE__*/React__default.createElement(FloatingPortal, null, context.open && /*#__PURE__*/React__default.createElement("div", Object.assign({
+    ref: ref,
+    style: Object.assign({
+      position: context.strategy,
+      top: (_a = context.y) !== null && _a !== void 0 ? _a : 0,
+      left: (_b = context.x) !== null && _b !== void 0 ? _b : 0,
+      visibility: context.x == null ? 'hidden' : 'visible'
+    }, props.style)
+  }, context.getFloatingProps(props))));
+});
 
-var _path$1;
-function _extends$3() { _extends$3 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
-var SvgSignalIcon = function SvgSignalIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$3({
-    width: 24,
-    height: 24,
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$1 || (_path$1 = /*#__PURE__*/React.createElement("path", {
-    d: "M14.1 20c-.6 0-1.1-.4-1.2-1l-1.2-8.5-.7 4c-.1.5-.5.9-1.1 1-.5 0-1-.3-1.2-.8l-.4-1-.4 2.3H2c-.6 0-1-.4-1-1s.4-1 1-1h4.2l.6-3.6c.1-.5.5-.9 1.1-1 .5 0 1 .3 1.2.8l.4 1L10.6 5c.1-.6.6-1 1.2-1s1.1.4 1.2 1l1.2 8.4.8-4.7c.1-.6.5-1 1.1-1 .6 0 1.1.3 1.2.9l1.5 5.5H22c.6 0 1 .4 1 1s-.4 1-1 1h-4.8l-1-3.4-1 6.4c-.1.5-.6.9-1.1.9Z",
-    fill: "#fff"
-  })));
-};
+var EchoTooltip = Object.freeze({
+  Tooltip: Tooltip,
+  TooltipAnchor: TooltipAnchor,
+  TooltipContent: TooltipContent
+});
 
-var _path;
-function _extends$2() { _extends$2 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
-var SvgTagIcon = function SvgTagIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$2({
-    width: 24,
-    height: 24,
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "m21.41 11.58-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42ZM13 20.01 4 11V4h7v-.01l9 9-7 7.02ZM5 6.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Z",
-    fill: "#fff"
-  })));
-};
+var css_248z$n = ".floatingActionButton-module_button__-08q2.floatingActionButton-module_primary__Os-YA{background:rgba(0,0,0,.8);color:var(--white)}.floatingActionButton-module_button__-08q2.floatingActionButton-module_primary__Os-YA:hover{background:rgba(0,0,0,.9);color:var(--white)}.floatingActionButton-module_button__-08q2.floatingActionButton-module_active__nXRwO{background:var(--equiGreen3);border:1px solid var(--echoText);color:var(--echoText)}.floatingActionButton-module_button__-08q2.floatingActionButton-module_active__nXRwO:hover{background:var(--equiGreen4);border:1px solid var(--echoText);color:var(--echoText)}.floatingActionButton-module_button__-08q2.floatingActionButton-module_circle_icon__mdkpf{min-height:48px;min-width:48px}.floatingActionButton-module_button__-08q2.floatingActionButton-module_square_icon__aAEVQ{border-radius:4px;min-height:48px;min-width:48px}.floatingActionButton-module_button__-08q2.floatingActionButton-module_square_icon__aAEVQ:hover{border-radius:4px}";
+var style$3 = {"button":"floatingActionButton-module_button__-08q2","primary":"floatingActionButton-module_primary__Os-YA","active":"floatingActionButton-module_active__nXRwO","circle_icon":"floatingActionButton-module_circle_icon__mdkpf","square_icon":"floatingActionButton-module_square_icon__aAEVQ"};
+styleInject(css_248z$n);
 
-var _g, _defs;
-function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
-var SvgTelecomIcon = function SvgTelecomIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1({
-    width: 24,
-    height: 24,
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), _g || (_g = /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#Telecom-icon_svg__a)",
-    fill: "#fff"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "m14.656 12.239 1.802-.63c-1.25-3.568-4.024-3.988-4.148-4.007l-.277 1.889c.077.01 1.774.324 2.623 2.748ZM12.844 4.263l-.496 1.841c.143.038 3.586 1.04 5.626 5.648l1.745-.773c-2.422-5.486-6.694-6.669-6.875-6.716Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "m13.168 1-.648 1.794c.057.019 5.96 2.203 8.716 8.939L23 11.008C19.92 3.5 13.435 1.095 13.168 1ZM12.749 15.32a3 3 0 0 0 .219-1.097 3.14 3.14 0 0 0-3.137-3.139c-.41 0-.811.077-1.173.23l-4.254-4.18a1.124 1.124 0 0 0-.81-.333c-.372 0-.744.18-.973.515C.161 10.903.41 16.598 4.004 20.119c1.993 1.956 4.634 2.872 7.19 2.872 2.06 0 4.063-.592 5.646-1.718.59-.42.667-1.278.152-1.793l-4.243-4.16Zm-1.555 5.772c-2.25 0-4.33-.83-5.855-2.328-2.775-2.719-2.956-6.878-1.593-9.607l4.034 3.96.858.848c.124-.553.592-.982 1.183-.982.677 0 1.23.553 1.23 1.23 0 .582-.41 1.05-.954 1.183l1.46 1.44 3.413 3.35c-1.096.582-2.412.906-3.776.906Z"
-  }))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: "Telecom-icon_svg__a"
-  }, /*#__PURE__*/React.createElement("path", {
-    fill: "#fff",
-    d: "M1 1h22v22H1z"
-  })))));
+var getEdsVariant = function getEdsVariant(echoVariant) {
+  switch (echoVariant) {
+    case 'square_icon_with_text':
+      return 'contained';
+    case 'square_icon':
+    case 'circle_icon':
+    default:
+      return 'contained_icon';
+  }
 };
-
-var TagCategoryType;
-(function (TagCategoryType) {
-  TagCategoryType["Electrical"] = "electrical";
-  TagCategoryType["MainEquipment"] = "main equipment";
-  TagCategoryType["Line"] = "line";
-  TagCategoryType["ManualValve"] = "manual valve";
-  TagCategoryType["CircuitAndStarter"] = "circuit";
-  TagCategoryType["Instrument"] = "instrument";
-  TagCategoryType["Cable"] = "cable";
-  TagCategoryType["Function"] = "function";
-  TagCategoryType["Signal"] = "signal";
-  TagCategoryType["Telecom"] = "telecom";
-  TagCategoryType["JunctionBox"] = "junction box";
-  TagCategoryType["Administrative"] = "administrative";
-})(TagCategoryType || (TagCategoryType = {}));
-/**
- * Method that returns the relevant Icon for the tagCategoryDescription provided
- * Tag icon is the default JSX.Element Icon returned
- * @export
- * @param {('electrical'
- *         | 'main equipment'
- *         | 'line'
- *         | 'manual valve'
- *         | 'circuit/starter'
- *         | 'instrument'
- *         | 'cable'
- *         | 'function'
- *         | 'signal'
- *         | 'telecom'
- *         | 'junction box'
- *         | 'administrative'
- * @return {*}  {JSX.Element} Relevant icon for the provided tagCategoryDescription
- */
-var TagCategoryIcon = function TagCategoryIcon(_ref) {
-  var tagCategoryDescription = _ref.tagCategoryDescription;
-  var tagCategory = tagCategoryDescription.toLocaleLowerCase().toString();
-  switch (tagCategory.includes(tagCategory)) {
-    case isGivenTagCategory(tagCategory, TagCategoryType.Electrical):
-      return /*#__PURE__*/React__default.createElement(SvgElectricalIcon, {
-        "aria-label": 'electrical'
-      });
-    case isGivenTagCategory(tagCategory, TagCategoryType.MainEquipment):
-      return /*#__PURE__*/React__default.createElement(SvgMainEquipmentIcon, {
-        "aria-label": 'main equipment'
-      });
-    case isGivenTagCategory(tagCategory, TagCategoryType.Line):
-      return /*#__PURE__*/React__default.createElement(SvgLineIcon, {
-        "aria-label": 'line'
-      });
-    case isGivenTagCategory(tagCategory, TagCategoryType.ManualValve):
-      return /*#__PURE__*/React__default.createElement(SvgManualValveIcon, {
-        "aria-label": 'manual valve'
-      });
-    case isGivenTagCategory(tagCategory, TagCategoryType.CircuitAndStarter):
-      return /*#__PURE__*/React__default.createElement(SvgCircuitIcon, {
-        "aria-label": 'circuit/starter'
-      });
-    case isGivenTagCategory(tagCategory, TagCategoryType.Instrument):
-      return /*#__PURE__*/React__default.createElement(SvgInstrumentIcon, {
-        "aria-label": 'instrument'
-      });
-    case isGivenTagCategory(tagCategory, TagCategoryType.Cable):
-      return /*#__PURE__*/React__default.createElement(SvgCableIcon, {
-        "aria-label": 'cable'
-      });
-    case isGivenTagCategory(tagCategory, TagCategoryType.Function):
-      return /*#__PURE__*/React__default.createElement(SvgFunctionIcon, {
-        "aria-label": 'function'
-      });
-    case isGivenTagCategory(tagCategory, TagCategoryType.Signal):
-      return /*#__PURE__*/React__default.createElement(SvgSignalIcon, {
-        "aria-label": 'signal'
-      });
-    case isGivenTagCategory(tagCategory, TagCategoryType.Telecom):
-      return /*#__PURE__*/React__default.createElement(SvgTelecomIcon, {
-        "aria-label": 'telecom'
-      });
-    case isGivenTagCategory(tagCategory, TagCategoryType.JunctionBox):
-      return /*#__PURE__*/React__default.createElement(SvgJunctionBoxIcon, {
-        "aria-label": 'junction box'
-      });
-    case isGivenTagCategory(tagCategory, TagCategoryType.Administrative):
+var getEchoVariantStyle = function getEchoVariantStyle(echoVariant) {
+  switch (echoVariant) {
+    case 'circle_icon':
+      return style$3.circle_icon;
+    case 'square_icon':
+      return style$3.square_icon;
+    case 'square_icon_with_text':
     default:
-      return /*#__PURE__*/React__default.createElement(SvgTagIcon, {
-        "aria-label": 'tag'
-      });
+      return '';
   }
 };
-function isGivenTagCategory(tagCategoryDescription, tagCategoryType) {
-  return tagCategoryDescription.includes(tagCategoryType);
-}
-
-function getIcon(tagCategoryDescription) {
-  return /*#__PURE__*/React__default.createElement(TagCategoryIcon, {
-    tagCategoryDescription: tagCategoryDescription
-  });
-}
+/**
+ * Floating actions buttons exists within the viewport, seperated from any sheet, dialog or menu
+ * and are typically used for special actions pertaining to the module they are used in.
+ * @return {*}  {JSX.Element} Floating actions button
+ */
+var FloatingActionButton = function FloatingActionButton(_ref) {
+  var label = _ref.label,
+    iconName = _ref.iconName,
+    ariaLabel = _ref.ariaLabel,
+    variant = _ref.variant,
+    disabled = _ref.disabled,
+    active = _ref.active,
+    onClick = _ref.onClick;
+  return /*#__PURE__*/React__default.createElement(Button, {
+    "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : label,
+    onClick: onClick,
+    className: "".concat(style$3.button, " ").concat(!disabled && style$3.primary, " ").concat(active && style$3.active, " ").concat(getEchoVariantStyle(variant)),
+    variant: getEdsVariant(variant),
+    disabled: disabled !== null && disabled !== void 0 ? disabled : false
+  }, /*#__PURE__*/React__default.createElement(Icon$1, {
+    name: iconName,
+    className: style$3.icon
+  }), variant === 'square_icon_with_text' && label);
+};
 
 var useEventListener = function useEventListener(eventName, handler, options) {
   var element = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : document;
@@ -18348,7 +18350,7 @@ function SuggestionGroup(_ref3) {
       color: 'white'
     }
   }, suggestionGroup.title)), (_a = suggestionGroup.options) === null || _a === void 0 ? void 0 : _a.map(function (suggestion, index) {
-    var className = classnames$1(style$2.item, _defineProperty$1({}, style$2.activeItem, index === focusedOption));
+    var className = classnames$3(style$2.item, _defineProperty$1({}, style$2.activeItem, index === focusedOption));
     return /*#__PURE__*/React__default.createElement("li", {
       role: 'option',
       id: suggestion.id,
@@ -18413,8 +18415,8 @@ var InlineTagIconLink = function InlineTagIconLink(_ref) {
   }, description)));
 };
 
-var css_248z$k = ".MainLegend-module_accordion__xjveF{align-items:center;align-self:flex-start;background:rgba(0,0,0,.65);border-radius:4px;color:var(--white);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;height:2.25rem;justify-content:space-between;margin-top:2px;max-width:460px;padding:8px 14px;user-select:none;width:100%}.MainLegend-module_accordion__xjveF:hover{background:rgba(0,0,0,.9);color:var(--white)}.MainLegend-module_left__NKMwB,.MainLegend-module_right__0BIFF{align-items:center;display:flex}.MainLegend-module_icon__neT4f{margin-right:8px}.MainLegend-module_content__nzDkL{align-self:stretch;display:flex;flex-direction:column;overflow:auto;padding-right:4px}.MainLegend-module_content__nzDkL::-webkit-scrollbar{width:8px}.MainLegend-module_content__nzDkL::-webkit-scrollbar-thumb{background:rgba(0,0,0,.65)}.MainLegend-module_content__nzDkL::-webkit-scrollbar-track{background:none}.MainLegend-module_layerIcon__xI2Mf{margin-right:10px}.MainLegend-module_layerIcon__xI2Mf:last-of-type{margin-right:0}";
-var styles$i = {"accordion":"MainLegend-module_accordion__xjveF","left":"MainLegend-module_left__NKMwB","right":"MainLegend-module_right__0BIFF","icon":"MainLegend-module_icon__neT4f","content":"MainLegend-module_content__nzDkL","layerIcon":"MainLegend-module_layerIcon__xI2Mf"};
+var css_248z$k = ".MainLegend-module_accordion__xjveF{align-items:center;align-self:flex-start;background:rgba(0,0,0,.65);border-radius:4px;color:var(--white);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;height:2.25rem;justify-content:space-between;margin-top:2px;max-width:460px;padding:8px 14px;user-select:none;width:100%}.MainLegend-module_accordionDesktop__Z7SS-:hover{background:rgba(0,0,0,.9);color:var(--white)}.MainLegend-module_accordionMobile__tOTvf{width:278px}.MainLegend-module_left__NKMwB,.MainLegend-module_right__0BIFF{align-items:center;display:flex}.MainLegend-module_icon__neT4f{margin-right:8px}.MainLegend-module_content__nzDkL{align-self:stretch;display:flex;flex-direction:column;overflow:auto;padding-right:4px}.MainLegend-module_content__nzDkL::-webkit-scrollbar{width:8px}.MainLegend-module_content__nzDkL::-webkit-scrollbar-thumb{background:rgba(0,0,0,.65)}.MainLegend-module_content__nzDkL::-webkit-scrollbar-track{background:none}.MainLegend-module_contentMobile__msQoO{padding-right:0;width:278px}.MainLegend-module_contentMobile__msQoO::-webkit-scrollbar{display:none}.MainLegend-module_layerIcon__xI2Mf{margin-right:10px}.MainLegend-module_layerIcon__xI2Mf:last-of-type{margin-right:0}";
+var styles$i = {"accordion":"MainLegend-module_accordion__xjveF","accordionDesktop":"MainLegend-module_accordionDesktop__Z7SS- MainLegend-module_accordion__xjveF","accordionMobile":"MainLegend-module_accordionMobile__tOTvf MainLegend-module_accordion__xjveF","left":"MainLegend-module_left__NKMwB","right":"MainLegend-module_right__0BIFF","icon":"MainLegend-module_icon__neT4f","content":"MainLegend-module_content__nzDkL","contentMobile":"MainLegend-module_contentMobile__msQoO MainLegend-module_content__nzDkL","layerIcon":"MainLegend-module_layerIcon__xI2Mf"};
 styleInject(css_248z$k);
 
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$1(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
@@ -18444,6 +18446,7 @@ function separateLayers(layers) {
   return [iconLayers, nonIconLayers];
 }
 function MainLegend(_ref) {
+  var _classnames, _classnames2;
   var legends = _ref.legends,
     layers = _ref.layers,
     legendStyle = _ref.legendStyle,
@@ -18481,12 +18484,14 @@ function MainLegend(_ref) {
     }).join(' ');
     return undefined;
   };
+  var accordion = classnames$3((_classnames = {}, _defineProperty$1(_classnames, styles$i.accordionMobile, isMobile), _defineProperty$1(_classnames, styles$i.accordionDesktop, !isMobile), _classnames));
+  var content = classnames$3((_classnames2 = {}, _defineProperty$1(_classnames2, styles$i.contentMobile, isMobile), _defineProperty$1(_classnames2, styles$i.content, !isMobile), _classnames2));
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, isOpen && /*#__PURE__*/React__default.createElement("div", {
     style: legendContentStyle,
-    className: styles$i.content
+    className: content
   }, legends), /*#__PURE__*/React__default.createElement("button", {
     style: legendStyle,
-    className: styles$i.accordion,
+    className: accordion,
     onClick: toggle,
     role: "widget"
   }, /*#__PURE__*/React__default.createElement("div", {
@@ -18520,12 +18525,12 @@ function MainLegend(_ref) {
   }, /*#__PURE__*/React__default.createElement("div", null, "+", defaultLayers.length)))));
 }
 
-var css_248z$j = ".LayerLegend-module_layerLegendContainer__DLfLy{background:rgba(0,0,0,.65);border-radius:4px;color:var(--white);cursor:pointer;font-weight:500;margin-bottom:2px;max-width:460px;user-select:none}.LayerLegend-module_layerLegendContainer__DLfLy:last-of-type{margin-bottom:0}.LayerLegend-module_header__8NHIX{align-items:center;display:flex;height:2.5rem;justify-content:space-between;padding:12px;width:100%}.LayerLegend-module_activeHeader__EBvGl{cursor:pointer}.LayerLegend-module_activeHeader__EBvGl:hover{background:rgba(0,0,0,.9);border-radius:4px;color:var(--white)}.LayerLegend-module_leftInactive__1Lq18{align-items:center;display:flex;font-size:.875rem}.LayerLegend-module_leftActive__KrRDh{font-weight:700}.LayerLegend-module_right__-IwVs{align-items:center;display:flex;font-size:.625rem}.LayerLegend-module_icon__8VwWd{margin-right:8px}.LayerLegend-module_content__ElkbY{cursor:auto;height:auto;padding-bottom:14px;padding-top:8px;width:100%}.LayerLegend-module_items__BC1cp{margin-right:4px}";
-var styles$h = {"layerLegendContainer":"LayerLegend-module_layerLegendContainer__DLfLy","header":"LayerLegend-module_header__8NHIX","activeHeader":"LayerLegend-module_activeHeader__EBvGl LayerLegend-module_header__8NHIX","disabledHeader":"LayerLegend-module_disabledHeader__Rd25i LayerLegend-module_header__8NHIX","leftInactive":"LayerLegend-module_leftInactive__1Lq18","leftActive":"LayerLegend-module_leftActive__KrRDh LayerLegend-module_leftInactive__1Lq18","right":"LayerLegend-module_right__-IwVs","icon":"LayerLegend-module_icon__8VwWd","content":"LayerLegend-module_content__ElkbY","items":"LayerLegend-module_items__BC1cp"};
+var css_248z$j = ".LayerLegend-module_layerLegendContainer__DLfLy{background:rgba(0,0,0,.65);border-radius:4px;color:var(--white);cursor:pointer;font-weight:500;margin-bottom:2px;max-width:460px;user-select:none}.LayerLegend-module_layerLegendContainer__DLfLy:last-of-type{margin-bottom:0}.LayerLegend-module_header__8NHIX{align-items:center;display:flex;height:2.5rem;justify-content:space-between;padding:12px;width:100%}.LayerLegend-module_desktopHeader__ztHh3{cursor:pointer}.LayerLegend-module_desktopHeader__ztHh3:hover{background:rgba(0,0,0,.9);border-radius:4px;color:var(--white)}.LayerLegend-module_leftInactive__1Lq18{align-items:center;display:flex;font-size:.875rem}.LayerLegend-module_leftActive__KrRDh{font-weight:700}.LayerLegend-module_right__-IwVs{align-items:center;display:flex;font-size:.625rem}.LayerLegend-module_icon__8VwWd{margin-right:8px}.LayerLegend-module_content__ElkbY{cursor:auto;height:auto;padding-bottom:14px;padding-top:8px;width:100%}.LayerLegend-module_items__BC1cp{margin-right:4px}";
+var styles$h = {"layerLegendContainer":"LayerLegend-module_layerLegendContainer__DLfLy","header":"LayerLegend-module_header__8NHIX","desktopHeader":"LayerLegend-module_desktopHeader__ztHh3 LayerLegend-module_header__8NHIX","mobileHeader":"LayerLegend-module_mobileHeader__qDHmS LayerLegend-module_header__8NHIX","disabledHeader":"LayerLegend-module_disabledHeader__Rd25i LayerLegend-module_header__8NHIX","leftInactive":"LayerLegend-module_leftInactive__1Lq18","leftActive":"LayerLegend-module_leftActive__KrRDh LayerLegend-module_leftInactive__1Lq18","right":"LayerLegend-module_right__-IwVs","icon":"LayerLegend-module_icon__8VwWd","content":"LayerLegend-module_content__ElkbY","items":"LayerLegend-module_items__BC1cp"};
 styleInject(css_248z$j);
 
 function LayerLegend(_ref) {
-  var _classnames;
+  var _classnames, _classnames2;
   var title = _ref.title,
     iconName = _ref.iconName,
     itemsCount = _ref.itemsCount,
@@ -18537,17 +18542,19 @@ function LayerLegend(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     isOpen = _useState2[0],
     setIsOpen = _useState2[1];
+  var isMobile = useIsMobile();
   var toggle = function toggle() {
     setIsOpen(function (isOpen) {
       return !isOpen;
     });
   };
-  var left = classnames$1((_classnames = {}, _defineProperty$1(_classnames, styles$h.leftActive, isOpen), _defineProperty$1(_classnames, styles$h.leftInactive, !isOpen), _classnames));
+  var left = classnames$3((_classnames = {}, _defineProperty$1(_classnames, styles$h.leftActive, isOpen), _defineProperty$1(_classnames, styles$h.leftInactive, !isOpen), _classnames));
+  var header = classnames$3((_classnames2 = {}, _defineProperty$1(_classnames2, styles$h.mobileHeader, isMobile), _defineProperty$1(_classnames2, styles$h.desktopHeader, !isMobile), _classnames2));
   return /*#__PURE__*/React__default.createElement("div", {
     style: style,
     className: styles$h.layerLegendContainer
   }, /*#__PURE__*/React__default.createElement("button", {
-    className: disabled ? styles$h.disabledHeader : styles$h.activeHeader,
+    className: disabled ? styles$h.disabledHeader : header,
     onClick: toggle,
     "aria-expanded": isOpen,
     "aria-controls": "legendContent",
@@ -18560,9 +18567,9 @@ function LayerLegend(_ref) {
     name: iconName
   }), /*#__PURE__*/React__default.createElement("div", null, title)), /*#__PURE__*/React__default.createElement("div", {
     className: styles$h.right
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, !isMobile && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
     className: styles$h.items
-  }, itemsTitle ? itemsTitle.toUpperCase() : 'ITEMS', ":"), /*#__PURE__*/React__default.createElement("div", null, itemsCount), !disabled && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, isOpen ? /*#__PURE__*/React__default.createElement(Icon$1, {
+  }, itemsTitle ? itemsTitle.toUpperCase() : 'ITEMS', ":"), /*#__PURE__*/React__default.createElement("div", null, itemsCount)), !disabled && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, isOpen ? /*#__PURE__*/React__default.createElement(Icon$1, {
     size: 24,
     name: "chevron_up"
   }) : /*#__PURE__*/React__default.createElement(Icon$1, {
@@ -18588,7 +18595,7 @@ function ListItem(props) {
   var caption = resolvePropToComponent('caption', props.caption);
   // Container styling
   var Container = (_a = props.as) !== null && _a !== void 0 ? _a : 'li';
-  var containerClassNames = classnames$1(styles$g.listItemContainer, _defineProperty$1({}, styles$g.hoverItem, !!props.onCardClick), props.className);
+  var containerClassNames = classnames$3(styles$g.listItemContainer, _defineProperty$1({}, styles$g.hoverItem, !!props.onCardClick), props.className);
   return /*#__PURE__*/React__default.createElement(Container, {
     className: containerClassNames,
     style: props.style,
@@ -23266,7 +23273,7 @@ var MenuButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     type: "button",
     onClick: onClick,
     id: id,
-    className: classnames$2(styles$b.button, _defineProperty$1({}, styles$b.active, active))
+    className: classnames$1(styles$b.button, _defineProperty$1({}, styles$b.active, active))
   }, children, /*#__PURE__*/React__default.createElement(Typography, {
     className: styles$b.text
   }, text));
@@ -24531,7 +24538,7 @@ var PanelWrapper = function PanelWrapper(_ref) {
     className: styles$a.buttonWrapper,
     ref: desktopWrapperRef
   }, renderMenuItemsBasedOnRef((_b = desktopWrapperRef.current) === null || _b === void 0 ? void 0 : _b.clientHeight))), !((_c = getActivePanel(activePanel)) === null || _c === void 0 ? void 0 : _c.skipPanelContent) && /*#__PURE__*/React__default.createElement("div", {
-    className: classnames$2(styles$a.contentPanel, (_classnames = {}, _defineProperty$1(_classnames, styles$a.narrowPanel, panelSize === 'narrow' && activePanel), _defineProperty$1(_classnames, styles$a.activeContentPanel, activePanel), _classnames))
+    className: classnames$1(styles$a.contentPanel, (_classnames = {}, _defineProperty$1(_classnames, styles$a.narrowPanel, panelSize === 'narrow' && activePanel), _defineProperty$1(_classnames, styles$a.activeContentPanel, activePanel), _classnames))
   }, getPanelComponentForActivePanel(activePanel)));
 };
 
@@ -24598,7 +24605,7 @@ var PanelContent = function PanelContent(_ref) {
   })), /*#__PURE__*/React__default.createElement(Typography, {
     group: "heading",
     variant: "h2",
-    className: classnames$1((_classnames = {}, _defineProperty$1(_classnames, styles$9.narrowPanelTitleWithBackButton, panelSize === 'narrow' && !!backToMainPanel), _defineProperty$1(_classnames, styles$9.narrowPanelTitleWithoutBackButton, panelSize === 'narrow' && !backToMainPanel), _defineProperty$1(_classnames, styles$9.panelTitleWithBackButton, panelSize !== 'narrow' && !!backToMainPanel), _defineProperty$1(_classnames, styles$9.panelTitle, panelSize !== 'narrow' && !backToMainPanel), _classnames))
+    className: classnames$3((_classnames = {}, _defineProperty$1(_classnames, styles$9.narrowPanelTitleWithBackButton, panelSize === 'narrow' && !!backToMainPanel), _defineProperty$1(_classnames, styles$9.narrowPanelTitleWithoutBackButton, panelSize === 'narrow' && !backToMainPanel), _defineProperty$1(_classnames, styles$9.panelTitleWithBackButton, panelSize !== 'narrow' && !!backToMainPanel), _defineProperty$1(_classnames, styles$9.panelTitle, panelSize !== 'narrow' && !backToMainPanel), _classnames))
   }, header), /*#__PURE__*/React__default.createElement(Button, {
     variant: "ghost_icon",
     onClick: function onClick() {
@@ -24677,7 +24684,7 @@ var SidebarButton = function SidebarButton(_ref) {
     onClick: onClick,
     id: id,
     "aria-pressed": active,
-    className: classnames$2(styles$8.button, (_classnames = {}, _defineProperty$1(_classnames, styles$8.leftBarButton, buttonPosition === 'left'), _defineProperty$1(_classnames, styles$8.rightBarButton, buttonPosition === 'right'), _defineProperty$1(_classnames, styles$8.bottomBarButton, buttonPosition === 'bottom'), _defineProperty$1(_classnames, styles$8.tabButton, buttonPosition === 'tab'), _classnames))
+    className: classnames$1(styles$8.button, (_classnames = {}, _defineProperty$1(_classnames, styles$8.leftBarButton, buttonPosition === 'left'), _defineProperty$1(_classnames, styles$8.rightBarButton, buttonPosition === 'right'), _defineProperty$1(_classnames, styles$8.bottomBarButton, buttonPosition === 'bottom'), _defineProperty$1(_classnames, styles$8.tabButton, buttonPosition === 'tab'), _classnames))
   }, children, count && count > 1 && /*#__PURE__*/React__default.createElement("span", {
     className: styles$8.tabItemCount
   }, count), /*#__PURE__*/React__default.createElement(Typography, {
@@ -24852,7 +24859,7 @@ function Left(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     isMinimized = _useState2[0],
     setIsMinimized = _useState2[1];
-  var containerClassName = classnames$1(styles$5.left, _defineProperty$1({}, styles$5.collapsedLeft, isMinimized), className);
+  var containerClassName = classnames$3(styles$5.left, _defineProperty$1({}, styles$5.collapsedLeft, isMinimized), className);
   return /*#__PURE__*/React__default.createElement("div", {
     className: containerClassName,
     style: style
@@ -24883,7 +24890,7 @@ function SplitView$1(_ref) {
   var className = _ref.className,
     style = _ref.style,
     children = _ref.children;
-  var containerClass = classnames$1(styles$4.container, className);
+  var containerClass = classnames$3(styles$4.container, className);
   return /*#__PURE__*/React__default.createElement("div", {
     className: containerClass,
     style: style
@@ -24893,7 +24900,7 @@ function Right(_ref2) {
   var className = _ref2.className,
     style = _ref2.style,
     children = _ref2.children;
-  var containerClass = classnames$1(styles$4.right, className);
+  var containerClass = classnames$3(styles$4.right, className);
   return /*#__PURE__*/React__default.createElement("div", {
     className: containerClass,
     style: style
@@ -25542,5 +25549,5 @@ var OptionsList = function OptionsList(_ref) {
   }));
 };
 
-export { BlackLink, ButtonWithPopover, ContextMenu, CopyToClipboard, DataInfoButton, DialogGenerator, DraggableItemsWrapper, Dropdown, EchoBottomBar, EchoCard, EchoHeader, EchoTooltip, FloatingActionButton, FloatingSearchBar, Icon, IconList, InlineTagIconLink, LayerLegend, LinkCard, ListItem, ListRow, MainLegend, MenuButton, OptionsList, Panel, PanelContent, PanelContentWrapper, PanelWrapper, RadioButtonGroup, ReactDatePicker, RoundIconButton, RoundIconButtonVariants, SideSheet, SideSheetOrientation, SidebarButton, SliderField, SplitView, TagCategoryIcon, TagCategoryType, TagContextMenu, TagIcon, TagIconShadowWrapper, TextIconButton, TimePicker, WorkOrderListItem, classnames$1 as classnames, echoIcons, getIcon, map_legend_info, notifications_m1, notifications_m2, notifications_m3, notifications_m4, notifications_m5, notifications_m6, notifications_m9, notifications_main_group, punches_main_group, punches_pa, punches_pb, robim_external_ald, robim_external_iwit, robim_external_timp, robim_external_timp_text, themeConst, useIsMobile, useKeyboardNavigation, useListNavigator, usePanelStore, useSectionNavigator, workorders_main_group, workorders_pm01, workorders_pm02, workorders_pm03, workorders_pm04, workorders_pm05, workorders_pm06, workorders_pm10, workorders_pm15, workorders_pm20 };
+export { BlackLink, ButtonWithPopover, ContextMenu, CopyToClipboard, DataInfoButton, DialogGenerator, DraggableItemsWrapper, Dropdown, EchoBottomBar, EchoCard, EchoHeader, EchoTooltip, FloatingActionButton, FloatingSearchBar, Icon, IconList, InlineTagIconLink, LayerLegend, LinkCard, ListItem, ListRow, MainLegend, MenuButton, OptionsList, Panel, PanelContent, PanelContentWrapper, PanelWrapper, RadioButtonGroup, ReactDatePicker, RoundIconButton, RoundIconButtonVariants, SideSheet, SideSheetOrientation, SidebarButton, SliderField, SplitView, TagCategoryIcon, TagCategoryType, TagContextMenu, TagIcon, TagIconShadowWrapper, TextIconButton, TimePicker, WorkOrderListItem, classnames$3 as classnames, echoIcons, getIcon, map_legend_info, notifications_m1, notifications_m2, notifications_m3, notifications_m4, notifications_m5, notifications_m6, notifications_m9, notifications_main_group, punches_main_group, punches_pa, punches_pb, robim_external_ald, robim_external_iwit, robim_external_timp, robim_external_timp_text, themeConst, useIsMobile, useKeyboardNavigation, useListNavigator, usePanelStore, useSectionNavigator, workorders_main_group, workorders_pm01, workorders_pm02, workorders_pm03, workorders_pm04, workorders_pm05, workorders_pm06, workorders_pm10, workorders_pm15, workorders_pm20 };
 //# sourceMappingURL=index.js.map