@nebula.js/stardust 5.0.0 → 5.0.2

package/core/esm/dev.js

@@ -1,5 +1,5 @@
 /*
-* @nebula.js/stardust v5.0.0
+* @nebula.js/stardust v5.0.2
 * Copyright (c) 2024 QlikTech International AB
 * Released under the MIT license.
 */
@@ -7,7 +7,7 @@
 import * as React from 'react';
 import React__default, { useState as useState$1, useEffect as useEffect$1, forwardRef, useMemo as useMemo$1, useImperativeHandle as useImperativeHandle$1, useContext, useReducer, useCallback, useLayoutEffect as useLayoutEffect$1, PureComponent, useRef, createElement, Component } from 'react';
 import ReactDOM from 'react-dom';
-import { CacheProvider, Global, ThemeContext as ThemeContext$2, css, keyframes } from '@emotion/react';
+import { CacheProvider, Global, ThemeContext as ThemeContext$1, css, keyframes } from '@emotion/react';
 import { Checkbox, Radio, Typography, FormControlLabel, Box, Grid, Tooltip, Paper, IconButton, styled as styled$3, Popover, MenuList, MenuItem, ListItemIcon, Divider, OutlinedInput, InputAdornment, Badge, List, ListItem, Button, ButtonBase, CircularProgress, Icon } from '@mui/material';
 import styled$2 from '@emotion/styled';
 
@@ -742,7 +742,7 @@ function _toPrimitive(t, r) {
 }
 function _toPropertyKey(t) {
   var i = _toPrimitive(t, "string");
-  return "symbol" == typeof i ? i : String(i);
+  return "symbol" == typeof i ? i : i + "";
 }
 function _defineProperty(obj, key, value) {
   key = _toPropertyKey(key);
@@ -775,12 +775,11 @@ function _extends$6() {
 function _objectWithoutPropertiesLoose$2(source, excluded) {
   if (source == null) return {};
   var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
+  for (var key in source) {
+    if (Object.prototype.hasOwnProperty.call(source, key)) {
+      if (excluded.indexOf(key) >= 0) continue;
+      target[key] = source[key];
+    }
   }
   return target;
 }
@@ -4138,7 +4137,7 @@ function hash (value, length) {
  * @param {string} value
  * @return {string}
  */
-function trim$1 (value) {
+function trim (value) {
 	return value.trim()
 }
 
@@ -4355,7 +4354,7 @@ function dealloc (value) {
  * @return {string}
  */
 function delimit (type) {
-	return trim$1(slice(position - 1, delimiter(type === 91 ? type + 2 : type === 40 ? type + 1 : type)))
+	return trim(slice(position - 1, delimiter(type === 91 ? type + 2 : type === 40 ? type + 1 : type)))
 }
 
 /**
@@ -4604,7 +4603,7 @@ function ruleset (value, root, parent, index, offset, rules, points, type, props
 
 	for (var i = 0, j = 0, k = 0; i < index; ++i)
 		for (var x = 0, y = substr(value, post + 1, post = abs(j = points[i])), z = value; x < size; ++x)
-			if (z = trim$1(j > 0 ? rule[x] + ' ' + y : replace(y, /&\f/g, rule[x])))
+			if (z = trim(j > 0 ? rule[x] + ' ' + y : replace(y, /&\f/g, rule[x])))
 				props[k++] = z;
 
 	return node(value, root, parent, offset === 0 ? RULESET : type, props, children, length)
@@ -5262,7 +5261,7 @@ function GlobalStyles(props) {
 }
 
 /**
- * @mui/styled-engine v5.15.11
+ * @mui/styled-engine v5.15.14
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -5286,7 +5285,7 @@ var styledEngine = /*#__PURE__*/Object.freeze({
 	__proto__: null,
 	GlobalStyles: GlobalStyles,
 	StyledEngineProvider: StyledEngineProvider,
-	ThemeContext: ThemeContext$2,
+	ThemeContext: ThemeContext$1,
 	css: css,
 	default: styled$1,
 	internal_processStyles: internal_processStyles,
@@ -5464,7 +5463,6 @@ function createBreakpoints(breakpoints) {
 const shape = {
   borderRadius: 4
 };
-var shape$1 = shape;
 
 function merge(acc, item) {
   if (!item) {
@@ -6283,7 +6281,6 @@ const defaultSxConfig = {
     themeKey: 'typography'
   }
 };
-var defaultSxConfig$1 = defaultSxConfig;
 
 function objectsHaveSameKeys(...objects) {
   const allKeys = objects.reduce((keys, object) => keys.concat(Object.keys(object)), []);
@@ -6351,7 +6348,7 @@ function unstable_createStyleFunctionSx() {
     if (!sx) {
       return null; // Emotion & styled-components will neglect null
     }
-    const config = (_theme$unstable_sxCon = theme.unstable_sxConfig) != null ? _theme$unstable_sxCon : defaultSxConfig$1;
+    const config = (_theme$unstable_sxCon = theme.unstable_sxConfig) != null ? _theme$unstable_sxCon : defaultSxConfig;
 
     /*
      * Receive `sxInput` as object or callback
@@ -6502,11 +6499,11 @@ function createTheme$2(options = {}, ...args) {
       mode: 'light'
     }, paletteInput),
     spacing,
-    shape: _extends$4({}, shape$1, shapeInput)
+    shape: _extends$4({}, shape, shapeInput)
   }, other);
   muiTheme.applyStyles = applyStyles;
   muiTheme = args.reduce((acc, argument) => deepmerge$1(acc, argument), muiTheme);
-  muiTheme.unstable_sxConfig = _extends$4({}, defaultSxConfig$1, other == null ? void 0 : other.unstable_sxConfig);
+  muiTheme.unstable_sxConfig = _extends$4({}, defaultSxConfig, other == null ? void 0 : other.unstable_sxConfig);
   muiTheme.unstable_sx = function sx(props) {
     return styleFunctionSx$1({
       sx: props,
@@ -6527,7 +6524,7 @@ function isObjectEmpty(obj) {
   return Object.keys(obj).length === 0;
 }
 function useTheme$4(defaultTheme = null) {
-  const contextTheme = React.useContext(ThemeContext$2);
+  const contextTheme = React.useContext(ThemeContext$1);
   return !contextTheme || isObjectEmpty(contextTheme) ? defaultTheme : contextTheme;
 }
 
@@ -6543,7 +6540,7 @@ const splitProps = props => {
     systemProps: {},
     otherProps: {}
   };
-  const config = (_props$theme$unstable = props == null || (_props$theme = props.theme) == null ? void 0 : _props$theme.unstable_sxConfig) != null ? _props$theme$unstable : defaultSxConfig$1;
+  const config = (_props$theme$unstable = props == null || (_props$theme = props.theme) == null ? void 0 : _props$theme.unstable_sxConfig) != null ? _props$theme$unstable : defaultSxConfig;
   Object.keys(props).forEach(prop => {
     if (config[prop]) {
       result.systemProps[prop] = props[prop];
@@ -6586,7 +6583,7 @@ var styleFunctionSx = /*#__PURE__*/Object.freeze({
 	default: styleFunctionSx$1,
 	extendSxProp: extendSxProp,
 	unstable_createStyleFunctionSx: unstable_createStyleFunctionSx,
-	unstable_defaultSxConfig: defaultSxConfig$1
+	unstable_defaultSxConfig: defaultSxConfig
 });
 
 const defaultGenerator = componentName => componentName;
@@ -6784,7 +6781,6 @@ function useThemeProps$1({
  * and confirm it doesn't apply to your use-case.
  */
 const useEnhancedEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
-var useEnhancedEffect$1 = useEnhancedEffect;
 
 function clamp$1(val, min = Number.MIN_SAFE_INTEGER, max = Number.MAX_SAFE_INTEGER) {
   return Math.max(min, Math.min(val, max));
@@ -6963,7 +6959,7 @@ function useControlled({
 
 function useEventCallback(fn) {
   const ref = React.useRef(fn);
-  useEnhancedEffect$1(() => {
+  useEnhancedEffect(() => {
     ref.current = fn;
   });
   return React.useRef((...args) =>
@@ -7193,10 +7189,9 @@ function composeClasses(slots, getUtilityClass, classes = undefined) {
 }
 
 const ThemeContext = /*#__PURE__*/React.createContext(null);
-var ThemeContext$1 = ThemeContext;
 
 function useTheme$2() {
-  const theme = React.useContext(ThemeContext$1);
+  const theme = React.useContext(ThemeContext);
   return theme;
 }
 
@@ -7229,7 +7224,7 @@ function ThemeProvider$2(props) {
     }
     return output;
   }, [localTheme, outerTheme]);
-  return /*#__PURE__*/jsxRuntimeExports.jsx(ThemeContext$1.Provider, {
+  return /*#__PURE__*/jsxRuntimeExports.jsx(ThemeContext.Provider, {
     value: theme,
     children: children
   });
@@ -7289,7 +7284,7 @@ function ThemeProvider$1(props) {
   const rtlValue = engineTheme.direction === 'rtl';
   return /*#__PURE__*/jsxRuntimeExports.jsx(ThemeProvider$2, {
     theme: privateTheme,
-    children: /*#__PURE__*/jsxRuntimeExports.jsx(ThemeContext$2.Provider, {
+    children: /*#__PURE__*/jsxRuntimeExports.jsx(ThemeContext$1.Provider, {
       value: engineTheme,
       children: /*#__PURE__*/jsxRuntimeExports.jsx(RtlProvider, {
         value: rtlValue,
@@ -7746,7 +7741,7 @@ function emphasize(color, coefficient = 0.15) {
 }
 function private_safeEmphasize(color, coefficient, warning) {
   try {
-    return private_safeEmphasize(color, coefficient);
+    return emphasize(color, coefficient);
   } catch (error) {
     if (warning && "production" !== 'production') {
       console.warn(warning);
@@ -7778,7 +7773,6 @@ const common = {
   black: '#000',
   white: '#fff'
 };
-var common$1 = common;
 
 const grey = {
   50: '#fafafa',
@@ -7796,7 +7790,6 @@ const grey = {
   A400: '#bdbdbd',
   A700: '#616161'
 };
-var grey$1 = grey;
 
 const purple = {
   50: '#f3e5f5',
@@ -7814,7 +7807,6 @@ const purple = {
   A400: '#d500f9',
   A700: '#aa00ff'
 };
-var purple$1 = purple;
 
 const red = {
   50: '#ffebee',
@@ -7832,7 +7824,6 @@ const red = {
   A400: '#ff1744',
   A700: '#d50000'
 };
-var red$1 = red;
 
 const orange = {
   50: '#fff3e0',
@@ -7850,7 +7841,6 @@ const orange = {
   A400: '#ff9100',
   A700: '#ff6d00'
 };
-var orange$1 = orange;
 
 const blue = {
   50: '#e3f2fd',
@@ -7868,7 +7858,6 @@ const blue = {
   A400: '#2979ff',
   A700: '#2962ff'
 };
-var blue$1 = blue;
 
 const lightBlue = {
   50: '#e1f5fe',
@@ -7886,7 +7875,6 @@ const lightBlue = {
   A400: '#00b0ff',
   A700: '#0091ea'
 };
-var lightBlue$1 = lightBlue;
 
 const green = {
   50: '#e8f5e9',
@@ -7904,7 +7892,6 @@ const green = {
   A400: '#00e676',
   A700: '#00c853'
 };
-var green$1 = green;
 
 const _excluded$c = ["mode", "contrastThreshold", "tonalOffset"];
 const light$1 = {
@@ -7922,8 +7909,8 @@ const light$1 = {
   // The background colors used to style the surfaces.
   // Consistency between these values is important.
   background: {
-    paper: common$1.white,
-    default: common$1.white
+    paper: common.white,
+    default: common.white
   },
   // The colors used to style the action elements.
   action: {
@@ -7947,7 +7934,7 @@ const light$1 = {
 };
 const dark$1 = {
   text: {
-    primary: common$1.white,
+    primary: common.white,
     secondary: 'rgba(255, 255, 255, 0.7)',
     disabled: 'rgba(255, 255, 255, 0.5)',
     icon: 'rgba(255, 255, 255, 0.5)'
@@ -7958,7 +7945,7 @@ const dark$1 = {
     default: '#121212'
   },
   action: {
-    active: common$1.white,
+    active: common.white,
     hover: 'rgba(255, 255, 255, 0.08)',
     hoverOpacity: 0.08,
     selected: 'rgba(255, 255, 255, 0.16)',
@@ -7987,86 +7974,86 @@ function addLightOrDark(intent, direction, shade, tonalOffset) {
 function getDefaultPrimary(mode = 'light') {
   if (mode === 'dark') {
     return {
-      main: blue$1[200],
-      light: blue$1[50],
-      dark: blue$1[400]
+      main: blue[200],
+      light: blue[50],
+      dark: blue[400]
     };
   }
   return {
-    main: blue$1[700],
-    light: blue$1[400],
-    dark: blue$1[800]
+    main: blue[700],
+    light: blue[400],
+    dark: blue[800]
   };
 }
 function getDefaultSecondary(mode = 'light') {
   if (mode === 'dark') {
     return {
-      main: purple$1[200],
-      light: purple$1[50],
-      dark: purple$1[400]
+      main: purple[200],
+      light: purple[50],
+      dark: purple[400]
     };
   }
   return {
-    main: purple$1[500],
-    light: purple$1[300],
-    dark: purple$1[700]
+    main: purple[500],
+    light: purple[300],
+    dark: purple[700]
   };
 }
 function getDefaultError(mode = 'light') {
   if (mode === 'dark') {
     return {
-      main: red$1[500],
-      light: red$1[300],
-      dark: red$1[700]
+      main: red[500],
+      light: red[300],
+      dark: red[700]
     };
   }
   return {
-    main: red$1[700],
-    light: red$1[400],
-    dark: red$1[800]
+    main: red[700],
+    light: red[400],
+    dark: red[800]
   };
 }
 function getDefaultInfo(mode = 'light') {
   if (mode === 'dark') {
     return {
-      main: lightBlue$1[400],
-      light: lightBlue$1[300],
-      dark: lightBlue$1[700]
+      main: lightBlue[400],
+      light: lightBlue[300],
+      dark: lightBlue[700]
     };
   }
   return {
-    main: lightBlue$1[700],
-    light: lightBlue$1[500],
-    dark: lightBlue$1[900]
+    main: lightBlue[700],
+    light: lightBlue[500],
+    dark: lightBlue[900]
   };
 }
 function getDefaultSuccess(mode = 'light') {
   if (mode === 'dark') {
     return {
-      main: green$1[400],
-      light: green$1[300],
-      dark: green$1[700]
+      main: green[400],
+      light: green[300],
+      dark: green[700]
     };
   }
   return {
-    main: green$1[800],
-    light: green$1[500],
-    dark: green$1[900]
+    main: green[800],
+    light: green[500],
+    dark: green[900]
   };
 }
 function getDefaultWarning(mode = 'light') {
   if (mode === 'dark') {
     return {
-      main: orange$1[400],
-      light: orange$1[300],
-      dark: orange$1[700]
+      main: orange[400],
+      light: orange[300],
+      dark: orange[700]
     };
   }
   return {
     main: '#ed6c02',
     // closest to orange[800] that pass 3:1.
-    light: orange$1[500],
-    dark: orange$1[900]
+    light: orange[500],
+    dark: orange[900]
   };
 }
 function createPalette(palette) {
@@ -8120,7 +8107,7 @@ function createPalette(palette) {
   };
   const paletteOutput = deepmerge$1(_extends$5({
     // A collection of common colors.
-    common: _extends$5({}, common$1),
+    common: _extends$5({}, common),
     // prevent mutable object.
     // The palette mode, can be light or dark.
     mode,
@@ -8158,7 +8145,7 @@ function createPalette(palette) {
       name: 'success'
     }),
     // The grey colors.
-    grey: grey$1,
+    grey,
     // Used by `getContrastText()` to maximize the contrast between
     // the background and the text.
     contrastThreshold,
@@ -8339,7 +8326,6 @@ const zIndex = {
   snackbar: 1400,
   tooltip: 1500
 };
-var zIndex$1 = zIndex;
 
 const _excluded$9 = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
 function createTheme(options = {}, ...args) {
@@ -8362,11 +8348,11 @@ function createTheme(options = {}, ...args) {
     shadows: shadows.slice(),
     typography: createTypography(palette, typographyInput),
     transitions: createTransitions(transitionsInput),
-    zIndex: _extends$5({}, zIndex$1)
+    zIndex: _extends$5({}, zIndex)
   });
   muiTheme = deepmerge$1(muiTheme, other);
   muiTheme = args.reduce((acc, argument) => deepmerge$1(acc, argument), muiTheme);
-  muiTheme.unstable_sxConfig = _extends$5({}, defaultSxConfig$1, other == null ? void 0 : other.unstable_sxConfig);
+  muiTheme.unstable_sxConfig = _extends$5({}, defaultSxConfig, other == null ? void 0 : other.unstable_sxConfig);
   muiTheme.unstable_sx = function sx(props) {
     return styleFunctionSx$1({
       sx: props,
@@ -8377,10 +8363,9 @@ function createTheme(options = {}, ...args) {
 }
 
 const defaultTheme = createTheme();
-var defaultTheme$1 = defaultTheme;
 
 function useTheme$1() {
-  const theme = useTheme$3(defaultTheme$1);
+  const theme = useTheme$3(defaultTheme);
   return theme[THEME_ID] || theme;
 }
 
@@ -8391,7 +8376,7 @@ function useThemeProps({
   return useThemeProps$1({
     props,
     name,
-    defaultTheme: defaultTheme$1,
+    defaultTheme,
     themeId: THEME_ID
   });
 }
@@ -8467,7 +8452,7 @@ Object.defineProperty(createStyled$1, "__esModule", {
   value: true
 });
 var _default = createStyled$1.default = createStyled;
-var shouldForwardProp_1 = createStyled$1.shouldForwardProp = shouldForwardProp;
+createStyled$1.shouldForwardProp = shouldForwardProp;
 createStyled$1.systemDefaultTheme = void 0;
 var _extends2 = _interopRequireDefault$1(require_extends());
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault$1(requireObjectWithoutPropertiesLoose());
@@ -8482,7 +8467,7 @@ const _excluded$8 = ["ownerState"],
   _excluded3 = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
 /* eslint-disable no-underscore-dangle */
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function isEmpty$1(obj) {
   return Object.keys(obj).length === 0;
 }
@@ -8695,10 +8680,16 @@ function createStyled(input = {}) {
   };
 }
 
-const rootShouldForwardProp = prop => shouldForwardProp_1(prop) && prop !== 'classes';
+// copied from @mui/system/createStyled
+function slotShouldForwardProp(prop) {
+  return prop !== 'ownerState' && prop !== 'theme' && prop !== 'sx' && prop !== 'as';
+}
+
+const rootShouldForwardProp = prop => slotShouldForwardProp(prop) && prop !== 'classes';
+
 const styled = _default({
   themeId: THEME_ID,
-  defaultTheme: defaultTheme$1,
+  defaultTheme,
   rootShouldForwardProp
 });
 
@@ -8755,7 +8746,6 @@ function _assertThisInitialized(self) {
 }
 
 const buttonClasses = generateUtilityClasses('MuiButton', ['root', 'text', 'textInherit', 'textPrimary', 'textSecondary', 'textSuccess', 'textError', 'textInfo', 'textWarning', 'outlined', 'outlinedInherit', 'outlinedPrimary', 'outlinedSecondary', 'outlinedSuccess', 'outlinedError', 'outlinedInfo', 'outlinedWarning', 'contained', 'containedInherit', 'containedPrimary', 'containedSecondary', 'containedSuccess', 'containedError', 'containedInfo', 'containedWarning', 'disableElevation', 'focusVisible', 'disabled', 'colorInherit', 'colorPrimary', 'colorSecondary', 'colorSuccess', 'colorError', 'colorInfo', 'colorWarning', 'textSizeSmall', 'textSizeMedium', 'textSizeLarge', 'outlinedSizeSmall', 'outlinedSizeMedium', 'outlinedSizeLarge', 'containedSizeSmall', 'containedSizeMedium', 'containedSizeLarge', 'sizeMedium', 'sizeSmall', 'sizeLarge', 'fullWidth', 'startIcon', 'endIcon', 'icon', 'iconSizeSmall', 'iconSizeMedium', 'iconSizeLarge']);
-var buttonClasses$1 = buttonClasses;
 
 var base = {
   typography: {
@@ -9025,7 +9015,7 @@ const overrides = theme => ({
   MuiButton: {
     outlined: {
       padding: '3px 11px',
-      ["&.".concat(buttonClasses$1.focusVisible)]: {
+      ["&.".concat(buttonClasses.focusVisible)]: {
         borderColor: theme.palette.custom.focusBorder,
         boxShadow: "0 0 0 2px ".concat(theme.palette.custom.focusOutline)
       }
@@ -9036,7 +9026,7 @@ const overrides = theme => ({
       border: "1px solid ".concat(theme.palette.btn.border),
       backgroundColor: theme.palette.btn.normal,
       boxShadow: 'none',
-      ["&.".concat(buttonClasses$1.focusVisible)]: {
+      ["&.".concat(buttonClasses.focusVisible)]: {
         borderColor: theme.palette.custom.focusBorder,
         boxShadow: "0 0 0 2px ".concat(theme.palette.custom.focusOutline)
       },
@@ -9044,7 +9034,7 @@ const overrides = theme => ({
         backgroundColor: theme.palette.btn.hover,
         borderColor: theme.palette.btn.borderHover,
         boxShadow: 'none',
-        ["&.".concat(buttonClasses$1.disabled)]: {
+        ["&.".concat(buttonClasses.disabled)]: {
           backgroundColor: theme.palette.btn.disabled
         }
       },
@@ -9052,7 +9042,7 @@ const overrides = theme => ({
         boxShadow: 'none',
         backgroundColor: theme.palette.btn.active
       },
-      ["&.".concat(buttonClasses$1.disabled)]: {
+      ["&.".concat(buttonClasses.disabled)]: {
         backgroundColor: theme.palette.btn.disabled
       }
     }
@@ -9094,7 +9084,7 @@ function create$3(definition) {
   return cache[key];
 }
 
-const NEBULA_VERSION_HASH = "e6be" ;
+const NEBULA_VERSION_HASH = "656a" ;
 ClassNameGenerator.configure(componentName => {
   return "njs-".concat(NEBULA_VERSION_HASH, "-").concat(componentName.replace('Mui', ''));
 });
@@ -9326,7 +9316,7 @@ function boot(_ref2) {
   const appRef = React__default.createRef();
   const element = document.createElement('div');
   element.style.display = 'none';
-  element.setAttribute('data-nebulajs-version', "5.0.0" );
+  element.setAttribute('data-nebulajs-version', "5.0.2" );
   element.setAttribute('data-app-id', app.id);
   document.body.appendChild(element);
   if (context) {
@@ -11515,6 +11505,9 @@ function getRowsKeyboardNavigation(_ref) {
         break;
       case KEYS.ENTER:
         confirm();
+        if (typeof isModal === 'undefined') {
+          return;
+        }
         break;
       case KEYS.ESCAPE:
         if (isModal()) {
@@ -14072,7 +14065,7 @@ const SvgIconRoot = styled('svg', {
     height: '1em',
     display: 'inline-block',
     // the <svg> will define the property that has `currentColor`
-    // e.g. heroicons uses fill="none" and stroke="currentColor"
+    // for example heroicons uses fill="none" and stroke="currentColor"
     fill: ownerState.hasSvgAsChild ? undefined : 'currentColor',
     flexShrink: 0,
     transition: (_theme$transitions = theme.transitions) == null || (_theme$transitions$cr = _theme$transitions.create) == null ? void 0 : _theme$transitions$cr.call(_theme$transitions, 'fill', {
@@ -14175,7 +14168,7 @@ var utils$1 = /*#__PURE__*/Object.freeze({
 	requirePropFactory: requirePropFactory,
 	setRef: setRef,
 	unstable_ClassNameGenerator: unstable_ClassNameGenerator,
-	unstable_useEnhancedEffect: useEnhancedEffect$1,
+	unstable_useEnhancedEffect: useEnhancedEffect,
 	unstable_useId: useId,
 	unsupportedProp: unsupportedProp,
 	useControlled: useControlled,
@@ -15606,9 +15599,6 @@ function ListBoxSearch(_ref2) {
       setValue(WILDCARD);
       setWildcardOn(true);
     }
-    if (!selectionState.selectDisabled() && !selections.isModal()) {
-      selections.begin(['/qListObjectDef']);
-    }
   };
   const hasHits = () => {
     const listCount = getStoreValue("listCount");
@@ -18349,7 +18339,8 @@ function ListBoxPopover(_ref) {
           minWidth: '250px'
         }
       }
-    }
+    },
+    onKeyDown: e => e.key === 'Enter' ? popoverClose() : undefined
   }, /*#__PURE__*/React__default.createElement(Grid, {
     container: true,
     direction: "column",
@@ -19736,8 +19727,13 @@ function getListboxContainerKeyboardNavigation(_ref) {
         break;
     }
   };
+  const focusOnHoverDisabled = () => {
+    const selectNotAllowed = (constraints === null || constraints === void 0 ? void 0 : constraints.select) || (constraints === null || constraints === void 0 ? void 0 : constraints.active);
+    const appInModal = isModal();
+    return selectNotAllowed || appInModal;
+  };
   const globalKeyDown = event => {
-    if (!hovering.current) {
+    if (!hovering.current || focusOnHoverDisabled()) {
       return;
     }
     const {
@@ -19781,15 +19777,8 @@ function getListboxContainerKeyboardNavigation(_ref) {
     }
     event.preventDefault();
   };
-  const focusOnHoverDisabled = () => {
-    const selectNotAllowed = (constraints === null || constraints === void 0 ? void 0 : constraints.select) || (constraints === null || constraints === void 0 ? void 0 : constraints.active);
-    const appInModal = isModal();
-    return selectNotAllowed || appInModal;
-  };
   const handleOnMouseEnter = () => {
-    if (!focusOnHoverDisabled()) {
-      hovering.current = true;
-    }
+    hovering.current = true;
   };
   const handleOnMouseLeave = () => {
     if (hovering.current) {
@@ -20045,7 +20034,14 @@ const dimensionTypes = {
   drillDown: 'H',
   cyclic: 'C'
 };
-const createDimensionIconData = (dimInfo, app) => {
+const createDimensionIconData = _ref => {
+  let {
+    dimInfo,
+    app,
+    selections,
+    isPopover,
+    active
+  } = _ref;
   switch (dimInfo.qGrouping) {
     case dimensionTypes.drillDown:
       return {
@@ -20054,20 +20050,26 @@ const createDimensionIconData = (dimInfo, app) => {
         onClick: undefined
       };
     case dimensionTypes.cyclic:
-      return {
-        icon: app ? ReloadIcon : CyclicIcon,
-        tooltip: 'Listbox.Cyclic',
-        onClick: app ? () => {
-          app.getDimension(dimInfo.qLibraryId).then(dimensionModel => {
-            if (!dimensionModel.stepCycle) {
-              // eslint-disable-next-line no-console
-              console.log("engine api spec version doesn't have support for function stepCycle");
-              return;
+      {
+        const clickable = app && active;
+        return {
+          icon: clickable ? ReloadIcon : CyclicIcon,
+          tooltip: 'Listbox.Cyclic',
+          onClick: clickable ? () => {
+            if (!isPopover) {
+              selections.confirm();
             }
-            dimensionModel.stepCycle(1);
-          }).catch(() => null);
-        } : undefined
-      };
+            app.getDimension(dimInfo.qLibraryId).then(dimensionModel => {
+              if (!dimensionModel.stepCycle) {
+                // eslint-disable-next-line no-console
+                console.log("engine api spec version doesn't have support for function stepCycle");
+                return;
+              }
+              dimensionModel.stepCycle(1);
+            }).catch(() => null);
+          } : undefined
+        };
+      }
     default:
       return undefined;
   }
@@ -20087,7 +20089,8 @@ function DimensionIcon(_ref) {
   let {
     iconData,
     translator,
-    iconStyle
+    iconStyle,
+    disabled
   } = _ref;
   if (!iconData) return undefined;
   const {
@@ -20104,7 +20107,8 @@ function DimensionIcon(_ref) {
     tabIndex: -1,
     title: title,
     size: "large",
-    disableRipple: true
+    disableRipple: true,
+    disabled: disabled
   }, /*#__PURE__*/React__default.createElement(Icon, {
     style: iconStyle
   })) : /*#__PURE__*/React__default.createElement(Icon, {
@@ -20172,7 +20176,8 @@ function ListBoxHeader(_ref2) {
     selections,
     keyboard,
     autoConfirm,
-    app
+    app,
+    isInSelection
   } = _ref2;
   const [isToolbarDetached, setIsToolbarDetached] = useState$1(showDetachedToolbarOnly);
   const [isLocked, setLocked] = useState$1(layout === null || layout === void 0 || (_layout$qListObject = layout.qListObject) === null || _layout$qListObject === void 0 || (_layout$qListObject = _layout$qListObject.qDimensionInfo) === null || _layout$qListObject === void 0 ? void 0 : _layout$qListObject.qLocked);
@@ -20182,7 +20187,13 @@ function ListBoxHeader(_ref2) {
     setLocked(layout === null || layout === void 0 || (_layout$qListObject2 = layout.qListObject) === null || _layout$qListObject2 === void 0 || (_layout$qListObject2 = _layout$qListObject2.qDimensionInfo) === null || _layout$qListObject2 === void 0 ? void 0 : _layout$qListObject2.qLocked);
   }, [layout === null || layout === void 0 || (_layout$qListObject3 = layout.qListObject) === null || _layout$qListObject3 === void 0 || (_layout$qListObject3 = _layout$qListObject3.qDimensionInfo) === null || _layout$qListObject3 === void 0 ? void 0 : _layout$qListObject3.qLocked]);
   const titleRef = useRef(null);
-  const iconData = iconUtils.createDimensionIconData(layout === null || layout === void 0 || (_layout$qListObject4 = layout.qListObject) === null || _layout$qListObject4 === void 0 ? void 0 : _layout$qListObject4.qDimensionInfo, app);
+  const iconData = iconUtils.createDimensionIconData({
+    dimInfo: layout === null || layout === void 0 || (_layout$qListObject4 = layout.qListObject) === null || _layout$qListObject4 === void 0 ? void 0 : _layout$qListObject4.qDimensionInfo,
+    app,
+    selections,
+    isPopover,
+    active: !(constraints !== null && constraints !== void 0 && constraints.active)
+  });
   const showUnlock = showLock && isLocked;
   const showLockIcon = !showLock && isLocked; // shows instead of the cover button when field/dim is locked.
   const showLeftIcon = showSearchIcon || showLockIcon || iconData; // the left-most icon outside of the actions/selections toolbar.
@@ -20293,6 +20304,7 @@ function ListBoxHeader(_ref2) {
   }, lockedIconComp || showSearchIcon && searchIconComp, /*#__PURE__*/React__default.createElement(DimensionIcon, {
     iconData: iconData,
     iconStyle: iconStyle,
+    disabled: isInSelection && isPopover,
     translator: translator
   })), /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
@@ -20453,6 +20465,7 @@ function ListBoxInline(_ref3) {
   }), [app, appSelections]);
   const isInvalid = layout === null || layout === void 0 ? void 0 : layout.qListObject.qDimensionInfo.qError;
   const errorText = isInvalid && constraints.active ? 'Visualization.Invalid.Dimension' : 'Visualization.Incomplete';
+  const [isInSelection, setIsInSelection] = useState$1(false);
   const {
     handleKeyDown,
     handleOnMouseEnter,
@@ -20481,9 +20494,11 @@ function ListBoxInline(_ref3) {
     }
     const show = () => {
       setShowToolbar(true);
+      setIsInSelection(true);
     };
     const hide = () => {
       setShowToolbar(false);
+      setIsInSelection(false);
       if (search === 'toggle') {
         setShowSearch(false);
       }
@@ -20491,7 +20506,6 @@ function ListBoxInline(_ref3) {
     if (isPopover) {
       // When isPopover, toolbar == false will be ignored.
       if (!selections.isActive()) {
-        selections.begin('/qListObjectDef');
         selections.on('activated', show);
         selections.on('deactivated', hide);
       }
@@ -20586,7 +20600,8 @@ function ListBoxInline(_ref3) {
     model: model,
     selectionState: selectionState$1,
     selections: selections,
-    keyboard: keyboard
+    keyboard: keyboard,
+    isInSelection: isInSelection
   });
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, showDetachedToolbarOnly && listBoxHeader, /*#__PURE__*/React__default.createElement(StyledGrid$3, {
     className: "listbox-container",
@@ -27048,780 +27063,39 @@ function flagsFn () {
   };
 }
 
-var iterator;
-var hasRequiredIterator;
-
-function requireIterator () {
-	if (hasRequiredIterator) return iterator;
-	hasRequiredIterator = 1;
-	iterator = function (Yallist) {
-	  Yallist.prototype[Symbol.iterator] = function* () {
-	    for (let walker = this.head; walker; walker = walker.next) {
-	      yield walker.value;
-	    }
-	  };
-	};
-	return iterator;
-}
-
-var yallist = Yallist$1;
-
-Yallist$1.Node = Node;
-Yallist$1.create = Yallist$1;
-
-function Yallist$1 (list) {
-  var self = this;
-  if (!(self instanceof Yallist$1)) {
-    self = new Yallist$1();
-  }
-
-  self.tail = null;
-  self.head = null;
-  self.length = 0;
-
-  if (list && typeof list.forEach === 'function') {
-    list.forEach(function (item) {
-      self.push(item);
-    });
-  } else if (arguments.length > 0) {
-    for (var i = 0, l = arguments.length; i < l; i++) {
-      self.push(arguments[i]);
-    }
-  }
-
-  return self
-}
-
-Yallist$1.prototype.removeNode = function (node) {
-  if (node.list !== this) {
-    throw new Error('removing node which does not belong to this list')
-  }
-
-  var next = node.next;
-  var prev = node.prev;
-
-  if (next) {
-    next.prev = prev;
-  }
-
-  if (prev) {
-    prev.next = next;
-  }
-
-  if (node === this.head) {
-    this.head = next;
-  }
-  if (node === this.tail) {
-    this.tail = prev;
-  }
-
-  node.list.length--;
-  node.next = null;
-  node.prev = null;
-  node.list = null;
-
-  return next
-};
-
-Yallist$1.prototype.unshiftNode = function (node) {
-  if (node === this.head) {
-    return
-  }
-
-  if (node.list) {
-    node.list.removeNode(node);
-  }
-
-  var head = this.head;
-  node.list = this;
-  node.next = head;
-  if (head) {
-    head.prev = node;
-  }
-
-  this.head = node;
-  if (!this.tail) {
-    this.tail = node;
-  }
-  this.length++;
-};
-
-Yallist$1.prototype.pushNode = function (node) {
-  if (node === this.tail) {
-    return
-  }
-
-  if (node.list) {
-    node.list.removeNode(node);
-  }
-
-  var tail = this.tail;
-  node.list = this;
-  node.prev = tail;
-  if (tail) {
-    tail.next = node;
-  }
-
-  this.tail = node;
-  if (!this.head) {
-    this.head = node;
-  }
-  this.length++;
-};
-
-Yallist$1.prototype.push = function () {
-  for (var i = 0, l = arguments.length; i < l; i++) {
-    push(this, arguments[i]);
-  }
-  return this.length
-};
-
-Yallist$1.prototype.unshift = function () {
-  for (var i = 0, l = arguments.length; i < l; i++) {
-    unshift(this, arguments[i]);
-  }
-  return this.length
-};
-
-Yallist$1.prototype.pop = function () {
-  if (!this.tail) {
-    return undefined
-  }
-
-  var res = this.tail.value;
-  this.tail = this.tail.prev;
-  if (this.tail) {
-    this.tail.next = null;
-  } else {
-    this.head = null;
-  }
-  this.length--;
-  return res
-};
-
-Yallist$1.prototype.shift = function () {
-  if (!this.head) {
-    return undefined
-  }
-
-  var res = this.head.value;
-  this.head = this.head.next;
-  if (this.head) {
-    this.head.prev = null;
-  } else {
-    this.tail = null;
-  }
-  this.length--;
-  return res
-};
-
-Yallist$1.prototype.forEach = function (fn, thisp) {
-  thisp = thisp || this;
-  for (var walker = this.head, i = 0; walker !== null; i++) {
-    fn.call(thisp, walker.value, i, this);
-    walker = walker.next;
-  }
-};
-
-Yallist$1.prototype.forEachReverse = function (fn, thisp) {
-  thisp = thisp || this;
-  for (var walker = this.tail, i = this.length - 1; walker !== null; i--) {
-    fn.call(thisp, walker.value, i, this);
-    walker = walker.prev;
-  }
-};
-
-Yallist$1.prototype.get = function (n) {
-  for (var i = 0, walker = this.head; walker !== null && i < n; i++) {
-    // abort out of the list early if we hit a cycle
-    walker = walker.next;
-  }
-  if (i === n && walker !== null) {
-    return walker.value
-  }
-};
-
-Yallist$1.prototype.getReverse = function (n) {
-  for (var i = 0, walker = this.tail; walker !== null && i < n; i++) {
-    // abort out of the list early if we hit a cycle
-    walker = walker.prev;
-  }
-  if (i === n && walker !== null) {
-    return walker.value
-  }
-};
-
-Yallist$1.prototype.map = function (fn, thisp) {
-  thisp = thisp || this;
-  var res = new Yallist$1();
-  for (var walker = this.head; walker !== null;) {
-    res.push(fn.call(thisp, walker.value, this));
-    walker = walker.next;
-  }
-  return res
-};
-
-Yallist$1.prototype.mapReverse = function (fn, thisp) {
-  thisp = thisp || this;
-  var res = new Yallist$1();
-  for (var walker = this.tail; walker !== null;) {
-    res.push(fn.call(thisp, walker.value, this));
-    walker = walker.prev;
-  }
-  return res
-};
-
-Yallist$1.prototype.reduce = function (fn, initial) {
-  var acc;
-  var walker = this.head;
-  if (arguments.length > 1) {
-    acc = initial;
-  } else if (this.head) {
-    walker = this.head.next;
-    acc = this.head.value;
-  } else {
-    throw new TypeError('Reduce of empty list with no initial value')
-  }
-
-  for (var i = 0; walker !== null; i++) {
-    acc = fn(acc, walker.value, i);
-    walker = walker.next;
-  }
-
-  return acc
-};
-
-Yallist$1.prototype.reduceReverse = function (fn, initial) {
-  var acc;
-  var walker = this.tail;
-  if (arguments.length > 1) {
-    acc = initial;
-  } else if (this.tail) {
-    walker = this.tail.prev;
-    acc = this.tail.value;
-  } else {
-    throw new TypeError('Reduce of empty list with no initial value')
-  }
-
-  for (var i = this.length - 1; walker !== null; i--) {
-    acc = fn(acc, walker.value, i);
-    walker = walker.prev;
-  }
-
-  return acc
-};
-
-Yallist$1.prototype.toArray = function () {
-  var arr = new Array(this.length);
-  for (var i = 0, walker = this.head; walker !== null; i++) {
-    arr[i] = walker.value;
-    walker = walker.next;
-  }
-  return arr
-};
-
-Yallist$1.prototype.toArrayReverse = function () {
-  var arr = new Array(this.length);
-  for (var i = 0, walker = this.tail; walker !== null; i++) {
-    arr[i] = walker.value;
-    walker = walker.prev;
-  }
-  return arr
-};
-
-Yallist$1.prototype.slice = function (from, to) {
-  to = to || this.length;
-  if (to < 0) {
-    to += this.length;
-  }
-  from = from || 0;
-  if (from < 0) {
-    from += this.length;
-  }
-  var ret = new Yallist$1();
-  if (to < from || to < 0) {
-    return ret
-  }
-  if (from < 0) {
-    from = 0;
-  }
-  if (to > this.length) {
-    to = this.length;
-  }
-  for (var i = 0, walker = this.head; walker !== null && i < from; i++) {
-    walker = walker.next;
-  }
-  for (; walker !== null && i < to; i++, walker = walker.next) {
-    ret.push(walker.value);
-  }
-  return ret
-};
-
-Yallist$1.prototype.sliceReverse = function (from, to) {
-  to = to || this.length;
-  if (to < 0) {
-    to += this.length;
-  }
-  from = from || 0;
-  if (from < 0) {
-    from += this.length;
-  }
-  var ret = new Yallist$1();
-  if (to < from || to < 0) {
-    return ret
-  }
-  if (from < 0) {
-    from = 0;
-  }
-  if (to > this.length) {
-    to = this.length;
-  }
-  for (var i = this.length, walker = this.tail; walker !== null && i > to; i--) {
-    walker = walker.prev;
-  }
-  for (; walker !== null && i > from; i--, walker = walker.prev) {
-    ret.push(walker.value);
-  }
-  return ret
-};
-
-Yallist$1.prototype.splice = function (start, deleteCount, ...nodes) {
-  if (start > this.length) {
-    start = this.length - 1;
-  }
-  if (start < 0) {
-    start = this.length + start;
-  }
-
-  for (var i = 0, walker = this.head; walker !== null && i < start; i++) {
-    walker = walker.next;
-  }
-
-  var ret = [];
-  for (var i = 0; walker && i < deleteCount; i++) {
-    ret.push(walker.value);
-    walker = this.removeNode(walker);
-  }
-  if (walker === null) {
-    walker = this.tail;
-  }
-
-  if (walker !== this.head && walker !== this.tail) {
-    walker = walker.prev;
-  }
-
-  for (var i = 0; i < nodes.length; i++) {
-    walker = insert(this, walker, nodes[i]);
-  }
-  return ret;
-};
-
-Yallist$1.prototype.reverse = function () {
-  var head = this.head;
-  var tail = this.tail;
-  for (var walker = head; walker !== null; walker = walker.prev) {
-    var p = walker.prev;
-    walker.prev = walker.next;
-    walker.next = p;
-  }
-  this.head = tail;
-  this.tail = head;
-  return this
-};
-
-function insert (self, node, value) {
-  var inserted = node === self.head ?
-    new Node(value, null, node, self) :
-    new Node(value, node, node.next, self);
-
-  if (inserted.next === null) {
-    self.tail = inserted;
-  }
-  if (inserted.prev === null) {
-    self.head = inserted;
-  }
-
-  self.length++;
-
-  return inserted
-}
-
-function push (self, item) {
-  self.tail = new Node(item, self.tail, null, self);
-  if (!self.head) {
-    self.head = self.tail;
-  }
-  self.length++;
-}
-
-function unshift (self, item) {
-  self.head = new Node(item, null, self.head, self);
-  if (!self.tail) {
-    self.tail = self.head;
-  }
-  self.length++;
-}
-
-function Node (value, prev, next, list) {
-  if (!(this instanceof Node)) {
-    return new Node(value, prev, next, list)
-  }
-
-  this.list = list;
-  this.value = value;
-
-  if (prev) {
-    prev.next = this;
-    this.prev = prev;
-  } else {
-    this.prev = null;
-  }
-
-  if (next) {
-    next.prev = this;
-    this.next = next;
-  } else {
-    this.next = null;
-  }
-}
-
-try {
-  // add if support for Symbol.iterator is present
-  requireIterator()(Yallist$1);
-} catch (er) {}
-
-// A linked list to keep track of recently-used-ness
-const Yallist = yallist;
-
-const MAX = Symbol('max');
-const LENGTH = Symbol('length');
-const LENGTH_CALCULATOR = Symbol('lengthCalculator');
-const ALLOW_STALE = Symbol('allowStale');
-const MAX_AGE = Symbol('maxAge');
-const DISPOSE = Symbol('dispose');
-const NO_DISPOSE_ON_SET = Symbol('noDisposeOnSet');
-const LRU_LIST = Symbol('lruList');
-const CACHE = Symbol('cache');
-const UPDATE_AGE_ON_GET = Symbol('updateAgeOnGet');
-
-const naiveLength = () => 1;
-
-// lruList is a yallist where the head is the youngest
-// item, and the tail is the oldest.  the list contains the Hit
-// objects as the entries.
-// Each Hit object has a reference to its Yallist.Node.  This
-// never changes.
-//
-// cache is a Map (or PseudoMap) that matches the keys to
-// the Yallist.Node object.
 class LRUCache {
-  constructor (options) {
-    if (typeof options === 'number')
-      options = { max: options };
-
-    if (!options)
-      options = {};
-
-    if (options.max && (typeof options.max !== 'number' || options.max < 0))
-      throw new TypeError('max must be a non-negative number')
-    // Kind of weird to have a default max of Infinity, but oh well.
-    this[MAX] = options.max || Infinity;
-
-    const lc = options.length || naiveLength;
-    this[LENGTH_CALCULATOR] = (typeof lc !== 'function') ? naiveLength : lc;
-    this[ALLOW_STALE] = options.stale || false;
-    if (options.maxAge && typeof options.maxAge !== 'number')
-      throw new TypeError('maxAge must be a number')
-    this[MAX_AGE] = options.maxAge || 0;
-    this[DISPOSE] = options.dispose;
-    this[NO_DISPOSE_ON_SET] = options.noDisposeOnSet || false;
-    this[UPDATE_AGE_ON_GET] = options.updateAgeOnGet || false;
-    this.reset();
-  }
-
-  // resize the cache when the max changes.
-  set max (mL) {
-    if (typeof mL !== 'number' || mL < 0)
-      throw new TypeError('max must be a non-negative number')
-
-    this[MAX] = mL || Infinity;
-    trim(this);
-  }
-  get max () {
-    return this[MAX]
-  }
-
-  set allowStale (allowStale) {
-    this[ALLOW_STALE] = !!allowStale;
-  }
-  get allowStale () {
-    return this[ALLOW_STALE]
-  }
-
-  set maxAge (mA) {
-    if (typeof mA !== 'number')
-      throw new TypeError('maxAge must be a non-negative number')
-
-    this[MAX_AGE] = mA;
-    trim(this);
-  }
-  get maxAge () {
-    return this[MAX_AGE]
-  }
-
-  // resize the cache when the lengthCalculator changes.
-  set lengthCalculator (lC) {
-    if (typeof lC !== 'function')
-      lC = naiveLength;
-
-    if (lC !== this[LENGTH_CALCULATOR]) {
-      this[LENGTH_CALCULATOR] = lC;
-      this[LENGTH] = 0;
-      this[LRU_LIST].forEach(hit => {
-        hit.length = this[LENGTH_CALCULATOR](hit.value, hit.key);
-        this[LENGTH] += hit.length;
-      });
-    }
-    trim(this);
-  }
-  get lengthCalculator () { return this[LENGTH_CALCULATOR] }
-
-  get length () { return this[LENGTH] }
-  get itemCount () { return this[LRU_LIST].length }
-
-  rforEach (fn, thisp) {
-    thisp = thisp || this;
-    for (let walker = this[LRU_LIST].tail; walker !== null;) {
-      const prev = walker.prev;
-      forEachStep(this, fn, walker, thisp);
-      walker = prev;
-    }
-  }
-
-  forEach (fn, thisp) {
-    thisp = thisp || this;
-    for (let walker = this[LRU_LIST].head; walker !== null;) {
-      const next = walker.next;
-      forEachStep(this, fn, walker, thisp);
-      walker = next;
-    }
-  }
-
-  keys () {
-    return this[LRU_LIST].toArray().map(k => k.key)
-  }
-
-  values () {
-    return this[LRU_LIST].toArray().map(k => k.value)
-  }
-
-  reset () {
-    if (this[DISPOSE] &&
-        this[LRU_LIST] &&
-        this[LRU_LIST].length) {
-      this[LRU_LIST].forEach(hit => this[DISPOSE](hit.key, hit.value));
-    }
-
-    this[CACHE] = new Map(); // hash of items by key
-    this[LRU_LIST] = new Yallist(); // list of items in order of use recency
-    this[LENGTH] = 0; // length of items in the list
-  }
-
-  dump () {
-    return this[LRU_LIST].map(hit =>
-      isStale(this, hit) ? false : {
-        k: hit.key,
-        v: hit.value,
-        e: hit.now + (hit.maxAge || 0)
-      }).toArray().filter(h => h)
-  }
-
-  dumpLru () {
-    return this[LRU_LIST]
-  }
-
-  set (key, value, maxAge) {
-    maxAge = maxAge || this[MAX_AGE];
-
-    if (maxAge && typeof maxAge !== 'number')
-      throw new TypeError('maxAge must be a number')
-
-    const now = maxAge ? Date.now() : 0;
-    const len = this[LENGTH_CALCULATOR](value, key);
-
-    if (this[CACHE].has(key)) {
-      if (len > this[MAX]) {
-        del(this, this[CACHE].get(key));
-        return false
-      }
-
-      const node = this[CACHE].get(key);
-      const item = node.value;
-
-      // dispose of the old one before overwriting
-      // split out into 2 ifs for better coverage tracking
-      if (this[DISPOSE]) {
-        if (!this[NO_DISPOSE_ON_SET])
-          this[DISPOSE](key, item.value);
-      }
-
-      item.now = now;
-      item.maxAge = maxAge;
-      item.value = value;
-      this[LENGTH] += len - item.length;
-      item.length = len;
-      this.get(key);
-      trim(this);
-      return true
-    }
-
-    const hit = new Entry(key, value, len, now, maxAge);
-
-    // oversized objects fall out of cache automatically.
-    if (hit.length > this[MAX]) {
-      if (this[DISPOSE])
-        this[DISPOSE](key, value);
-
-      return false
-    }
-
-    this[LENGTH] += hit.length;
-    this[LRU_LIST].unshift(hit);
-    this[CACHE].set(key, this[LRU_LIST].head);
-    trim(this);
-    return true
-  }
-
-  has (key) {
-    if (!this[CACHE].has(key)) return false
-    const hit = this[CACHE].get(key).value;
-    return !isStale(this, hit)
-  }
-
-  get (key) {
-    return get(this, key, true)
-  }
-
-  peek (key) {
-    return get(this, key, false)
-  }
-
-  pop () {
-    const node = this[LRU_LIST].tail;
-    if (!node)
-      return null
-
-    del(this, node);
-    return node.value
-  }
-
-  del (key) {
-    del(this, this[CACHE].get(key));
+  constructor() {
+    this.max = 1000;
+    this.map = new Map();
   }
-
-  load (arr) {
-    // reset the cache
-    this.reset();
-
-    const now = Date.now();
-    // A previous serialized cache has the most recent items first
-    for (let l = arr.length - 1; l >= 0; l--) {
-      const hit = arr[l];
-      const expiresAt = hit.e || 0;
-      if (expiresAt === 0)
-        // the item was created without expiration in a non aged cache
-        this.set(hit.k, hit.v);
-      else {
-        const maxAge = expiresAt - now;
-        // dont add already expired items
-        if (maxAge > 0) {
-          this.set(hit.k, hit.v, maxAge);
-        }
-      }
+  get(key) {
+    const value = this.map.get(key);
+    if (value === undefined) {
+      return undefined;
+    } else {
+      // Remove the key from the map and add it to the end
+      this.map.delete(key);
+      this.map.set(key, value);
+      return value;
     }
   }
-
-  prune () {
-    this[CACHE].forEach((value, key) => get(this, key, false));
+  delete(key) {
+    return this.map.delete(key);
   }
-}
-
-const get = (self, key, doUse) => {
-  const node = self[CACHE].get(key);
-  if (node) {
-    const hit = node.value;
-    if (isStale(self, hit)) {
-      del(self, node);
-      if (!self[ALLOW_STALE])
-        return undefined
-    } else {
-      if (doUse) {
-        if (self[UPDATE_AGE_ON_GET])
-          node.value.now = Date.now();
-        self[LRU_LIST].unshiftNode(node);
+  set(key, value) {
+    const deleted = this.delete(key);
+    if (!deleted && value !== undefined) {
+      // If cache is full, delete the least recently used item
+      if (this.map.size >= this.max) {
+        const firstKey = this.map.keys().next().value;
+        this.delete(firstKey);
       }
+      this.map.set(key, value);
     }
-    return hit.value
-  }
-};
-
-const isStale = (self, hit) => {
-  if (!hit || (!hit.maxAge && !self[MAX_AGE]))
-    return false
-
-  const diff = Date.now() - hit.now;
-  return hit.maxAge ? diff > hit.maxAge
-    : self[MAX_AGE] && (diff > self[MAX_AGE])
-};
-
-const trim = self => {
-  if (self[LENGTH] > self[MAX]) {
-    for (let walker = self[LRU_LIST].tail;
-      self[LENGTH] > self[MAX] && walker !== null;) {
-      // We know that we're about to delete this one, and also
-      // what the next least recently used key will be, so just
-      // go ahead and set it now.
-      const prev = walker.prev;
-      del(self, walker);
-      walker = prev;
-    }
-  }
-};
-
-const del = (self, node) => {
-  if (node) {
-    const hit = node.value;
-    if (self[DISPOSE])
-      self[DISPOSE](hit.key, hit.value);
-
-    self[LENGTH] -= hit.length;
-    self[CACHE].delete(hit.key);
-    self[LRU_LIST].removeNode(node);
-  }
-};
-
-class Entry {
-  constructor (key, value, length, now, maxAge) {
-    this.key = key;
-    this.value = value;
-    this.length = length;
-    this.now = now;
-    this.maxAge = maxAge || 0;
+    return this;
   }
 }
-
-const forEachStep = (self, fn, node, thisp) => {
-  let hit = node.value;
-  if (isStale(self, hit)) {
-    del(self, node);
-    if (!self[ALLOW_STALE])
-      hit = undefined;
-  }
-  if (hit)
-    fn.call(thisp, hit.value, hit.key, self);
-};
-
-var lruCache = LRUCache;
+var lrucache = LRUCache;
 
 // parse out just the options we care about
 const looseOption = Object.freeze({
@@ -28190,7 +27464,7 @@ let SemVer$1 = class SemVer {
     do {
       const a = this.build[i];
       const b = other.build[i];
-      debug('prerelease compare', i, a, b);
+      debug('build compare', i, a, b);
       if (a === undefined && b === undefined) {
         return 0;
       } else if (b === undefined) {
@@ -28692,10 +27966,8 @@ function requireRange() {
     }
   }
   range = Range;
-  const LRU = lruCache;
-  const cache = new LRU({
-    max: 1000
-  });
+  const LRU = lrucache;
+  const cache = new LRU();
   const parseOptions = parseOptions_1;
   const Comparator = requireComparator();
   const debug = debug_1;
@@ -28923,7 +28195,8 @@ function requireRange() {
   // 1.2 - 3.4.5 => >=1.2.0 <=3.4.5
   // 1.2.3 - 3.4 => >=1.2.0 <3.5.0-0 Any 3.4.x will do
   // 1.2 - 3.4 => >=1.2.0 <3.5.0-0
-  const hyphenReplace = incPr => ($0, from, fM, fm, fp, fpr, fb, to, tM, tm, tp, tpr, tb) => {
+  // TODO build?
+  const hyphenReplace = incPr => ($0, from, fM, fm, fp, fpr, fb, to, tM, tm, tp, tpr) => {
     if (isX(fM)) {
       from = '';
     } else if (isX(fm)) {